/* Start:/local/templates/Fanfantulpan/include/Fancybox/fancybox.css?170959580133191*/
:root {
    --f-spinner-width: 36px;
    --f-spinner-height: 36px;
    --f-spinner-color-1: rgba(0, 0, 0, 0.1);
    --f-spinner-color-2: rgba(17, 24, 28, 0.8);
    --f-spinner-stroke: 2.75
}

.f-spinner {
    margin: auto;
    padding: 0;
    width: var(--f-spinner-width);
    height: var(--f-spinner-height)
}

.f-spinner svg {
    width: 100%;
    height: 100%;
    vertical-align: top;
    animation: f-spinner-rotate 2s linear infinite
}

.f-spinner svg * {
    stroke-width: var(--f-spinner-stroke);
    fill: none
}

.f-spinner svg *:first-child {
    stroke: var(--f-spinner-color-1)
}

.f-spinner svg *:last-child {
    stroke: var(--f-spinner-color-2);
    animation: f-spinner-dash 2s ease-in-out infinite
}

@keyframes f-spinner-rotate {
    100% {
        transform: rotate(360deg)
    }
}

@keyframes f-spinner-dash {
    0% {
        stroke-dasharray: 1, 150;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -35
    }
    100% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -124
    }
}

.f-throwOutUp {
    animation: .175s ease-out both f-throwOutUp
}

.f-throwOutDown {
    animation: .175s ease-out both f-throwOutDown
}

@keyframes f-throwOutUp {
    to {
        transform: translate3d(0, -150px, 0);
        opacity: 0
    }
}

@keyframes f-throwOutDown {
    to {
        transform: translate3d(0, 150px, 0);
        opacity: 0
    }
}

.f-zoomInUp {
    animation: var(--f-transition-duration, 0.2s) ease-out .1s both f-zoomInUp
}

.f-zoomOutDown {
    animation: var(--f-transition-duration, 0.2s) ease-out both f-zoomOutDown
}

@keyframes f-zoomInUp {
    from {
        transform: scale(0.975) translate3d(0, 16px, 0);
        opacity: 0
    }
    to {
        transform: scale(1) translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes f-zoomOutDown {
    to {
        transform: scale(0.975) translate3d(0, 16px, 0);
        opacity: 0
    }
}

.f-fadeIn {
    animation: var(--f-transition-duration, 0.2s) ease both f-fadeIn;
    z-index: 2
}

.f-fadeOut {
    animation: var(--f-transition-duration, 0.2s) ease both f-fadeOut;
    z-index: 1
}

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

@keyframes f-fadeOut {
    100% {
        opacity: 0
    }
}

.f-fadeSlowIn {
    animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;
    z-index: 2
}

.f-fadeSlowOut {
    animation: var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;
    z-index: 1
}

@keyframes f-fadeSlowIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes f-fadeSlowOut {
    100% {
        opacity: 0
    }
}

.f-fadeFastIn {
    animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;
    z-index: 2
}

.f-fadeFastOut {
    animation: var(--f-transition-duration, 0.2s) ease-out both f-fadeFastOut;
    z-index: 2
}

@keyframes f-fadeFastIn {
    0% {
        opacity: .75
    }
    100% {
        opacity: 1
    }
}

@keyframes f-fadeFastOut {
    100% {
        opacity: 0
    }
}

.f-crossfadeIn {
    animation: var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;
    z-index: 2
}

.f-crossfadeOut {
    animation: calc(var(--f-transition-duration, 0.2s) * .5) linear .1s both f-crossfadeOut;
    z-index: 1
}

@keyframes f-crossfadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes f-crossfadeOut {
    100% {
        opacity: 0
    }
}

.f-slideIn.from-next {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext
}

.f-slideIn.from-prev {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev
}

.f-slideOut.to-next {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext
}

.f-slideOut.to-prev {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev
}

@keyframes f-slideInPrev {
    0% {
        transform: translateX(100%)
    }
    100% {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes f-slideInNext {
    0% {
        transform: translateX(-100%)
    }
    100% {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes f-slideOutNext {
    100% {
        transform: translateX(-100%)
    }
}

@keyframes f-slideOutPrev {
    100% {
        transform: translateX(100%)
    }
}

.f-classicIn.from-next {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
    z-index: 2
}

.f-classicIn.from-prev {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
    z-index: 2
}

.f-classicOut.to-next {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
    z-index: 1
}

.f-classicOut.to-prev {
    animation: var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
    z-index: 1
}

@keyframes f-classicInNext {
    0% {
        transform: translateX(-75px);
        opacity: 0
    }
    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes f-classicInPrev {
    0% {
        transform: translateX(75px);
        opacity: 0
    }
    100% {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes f-classicOutNext {
    100% {
        transform: translateX(-75px);
        opacity: 0
    }
}

@keyframes f-classicOutPrev {
    100% {
        transform: translateX(75px);
        opacity: 0
    }
}

:root {
    --f-button-width: 40px;
    --f-button-height: 40px;
    --f-button-border: 0;
    --f-button-border-radius: 0;
    --f-button-color: #374151;
    --f-button-bg: #f8f8f8;
    --f-button-hover-bg: #e0e0e0;
    --f-button-active-bg: #d0d0d0;
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 20px;
    --f-button-svg-height: 20px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: none;
    --f-button-svg-disabled-opacity: 0.65
}

.f-button {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: content-box;
    position: relative;
    margin: 0;
    padding: 0;
    width: var(--f-button-width);
    height: var(--f-button-height);
    border: var(--f-button-border);
    border-radius: var(--f-button-border-radius);
    color: var(--f-button-color);
    background: var(--f-button-bg);
    box-shadow: var(--f-button-shadow);
    pointer-events: all;
    cursor: pointer;
    transition: var(--f-button-transition)
}

@media (hover: hover) {
    .f-button:hover:not([disabled]) {
        color: var(--f-button-hover-color);
        background-color: var(--f-button-hover-bg)
    }
}

.f-button:active:not([disabled]) {
    background-color: var(--f-button-active-bg)
}

.f-button:focus:not(:focus-visible) {
    outline: none
}

.f-button:focus-visible {
    outline: none;
    box-shadow: inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))
}

.f-button svg {
    width: var(--f-button-svg-width);
    height: var(--f-button-svg-height);
    fill: var(--f-button-svg-fill);
    stroke: currentColor;
    stroke-width: var(--f-button-svg-stroke-width);
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: opacity .15s ease;
    transform: var(--f-button-transform);
    filter: var(--f-button-svg-filter);
    pointer-events: none
}

.f-button[disabled] {
    cursor: default
}

.f-button[disabled] svg {
    opacity: var(--f-button-svg-disabled-opacity)
}

.f-carousel__nav .f-button.is-prev, .f-carousel__nav .f-button.is-next, .fancybox__nav .f-button.is-prev, .fancybox__nav .f-button.is-next {
    position: absolute;
    z-index: 1
}

.is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-next {
    top: 50%;
    transform: translateY(-50%)
}

.is-horizontal .f-carousel__nav .f-button.is-prev, .is-horizontal .fancybox__nav .f-button.is-prev {
    left: var(--f-button-prev-pos)
}

.is-horizontal .f-carousel__nav .f-button.is-next, .is-horizontal .fancybox__nav .f-button.is-next {
    right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev, .is-horizontal.is-rtl .fancybox__nav .f-button.is-prev {
    left: auto;
    right: var(--f-button-next-pos)
}

.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next, .is-horizontal.is-rtl .fancybox__nav .f-button.is-next {
    right: auto;
    left: var(--f-button-prev-pos)
}

.is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-next {
    top: auto;
    left: 50%;
    transform: translateX(-50%)
}

.is-vertical .f-carousel__nav .f-button.is-prev, .is-vertical .fancybox__nav .f-button.is-prev {
    top: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-next, .is-vertical .fancybox__nav .f-button.is-next {
    bottom: var(--f-button-next-pos)
}

.is-vertical .f-carousel__nav .f-button.is-prev svg, .is-vertical .f-carousel__nav .f-button.is-next svg, .is-vertical .fancybox__nav .f-button.is-prev svg, .is-vertical .fancybox__nav .f-button.is-next svg {
    transform: rotate(90deg)
}

html.with-fancybox {
    width: auto;
    overflow: visible;
    scroll-behavior: auto
}

html.with-fancybox body {
    touch-action: none
}

html.with-fancybox body.hide-scrollbar {
    width: auto;
    margin-right: calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
    overflow: hidden !important;
    overscroll-behavior-y: none
}

.fancybox__container {
    --fancybox-color: #dbdbdb;
    --fancybox-hover-color: #fff; /*--fancybox-bg: rgba(24, 24, 27, 0.98);*/
    backdrop-filter: blur(2px);
    --fancybox-slide-gap: 10px;
    --f-spinner-width: 50px;
    --f-spinner-height: 50px;
    --f-spinner-color-1: rgba(255, 255, 255, 0.1);
    --f-spinner-color-2: #bbb;
    --f-spinner-stroke: 3.65;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    direction: ltr;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #f8f8f8;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    overflow: visible;
    z-index: 1050;
    outline: none;
    transform-origin: top left;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    overscroll-behavior-y: contain
}

.fancybox__container *, .fancybox__container *::before, .fancybox__container *::after {
    box-sizing: inherit
}

.fancybox__backdrop {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -1;
    background: var(--fancybox-bg);
    opacity: var(--fancybox-opacity, 1);
    will-change: opacity
}

.fancybox__carousel {
    position: relative;
    box-sizing: border-box;
    flex: 1;
    min-height: 0;
    z-index: 10;
    overflow-y: visible;
    overflow-x: clip
}

.fancybox__viewport {
    width: 100%;
    max-width: 100vw;
    height: 100%
}

.fancybox__track {
    display: flex;
    margin: 0 auto;
    height: 100%
}

.fancybox__slide {
    flex: 0 0 auto;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    margin: 0 var(--fancybox-slide-gap) 0 0;
    /*padding: 4px;*/
    overflow: hidden;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden
}
.fancybox__content.callback-modal{
    right: 0;
    animation-name: slideFromRight;
    opacity: 1;
    /*overflow-y: clip;*/
}
.fancybox__content.menu-modal{
    left: 0;
    animation-name: slideFromLeft;
    opacity: 1;
    /*overflow-y: clip;*/
}
.fancybox__content#basket-modal{
    /*transition-delay: 1s;*/
    /*transition: 1s;*/
    right: 0;
    animation-name: slideFromRight;
    opacity: 1;
    overflow-y: clip;
}
.fancybox__content#filter-modal{
    /*transition-delay: 1s;*/
    /*transition: 1s;*/
    width: 100%;
    left: 0;
    animation-name: slideFromLeft;
    opacity: 1;
    overflow-y: auto;
}
.fancybox__content#search-modal{
    /*transition-delay: 1s;*/
    /*transition: 1s;*/
    top: 0;
    animation-name: slideFromTop;
    opacity: 1;
    overflow-y: clip;
}
.fancybox__content#search-modal.f-fadeOut{
    /*transition-delay: 1s;*/
    /*transition: 1s;*/
    top: -100%;
    animation-name: slideToTop;
    opacity: 1;
    overflow-y: clip;
}
.fancybox__content#quickorder-modal{
    /*transition-delay: 1s;*/
    /*transition: 1s;*/
    right: 0;
    animation-name: slideFromRight;
    opacity: 1;
    overflow-y: auto;
}
.fancybox__content#quickorder-modal.f-fadeOut{
    /*transition-delay: 1s;*/
    /*transition: 1s;*/
    right: -100%;
    animation-name: slideToRight;
    opacity: 1;
    overflow-y: clip;
}
.fancybox__content#gifthint-modal{
    /*transition-delay: 1s;*/
    /*transition: 1s;*/
    right: 0;
    animation-name: slideFromRight;
    opacity: 1;
    overflow-y: auto;
}
.fancybox__content#gifthint-modal.f-fadeOut{
    /*transition-delay: 1s;*/
    /*transition: 1s;*/
    right: -100%;
    animation-name: slideToRight;
    opacity: 1;
    overflow-y: clip;
}
.fancybox__content#review-modal{
    /*transition-delay: 1s;*/
    /*transition: 1s;*/
    right: 0;
    animation-name: slideFromRight;
    opacity: 1;
    overflow-y: auto;
}
.fancybox__content#review-modal.f-fadeOut{
    /*transition-delay: 1s;*/
    /*transition: 1s;*/
    right: -100%;
    animation-name: slideToRight;
    opacity: 1;
    overflow-y: clip;
}
.fancybox__content#vacancy-modal{
    /*transition-delay: 1s;*/
    /*transition: 1s;*/
    right: 0;
    animation-name: slideFromRight;
    opacity: 1;
    overflow-y: auto;
}
.fancybox__content#vacancy-modal.f-fadeOut{
    /*transition-delay: 1s;*/
    /*transition: 1s;*/
    right: -100%;
    animation-name: slideToRight;
    opacity: 1;
    overflow-y: clip;
}
.fancybox__content#basket-modal.f-fadeOut{
    /*transition-delay: 1s;*/
    /*transition: 1s;*/
    right: -100%;
    animation-name: slideToRight;
    opacity: 1;
    overflow-y: clip;
}
.fancybox__content.callback-modal.f-fadeOut{
    /*transition-delay: 1s;*/
    /*transition: 1s;*/
    right: -100%;
    animation-name: slideToRight;
    opacity: 1;
    /*overflow-y: clip;*/
}
.fancybox__content.menu-modal.f-fadeOut{
    /*transition-delay: 1s;*/
    /*transition: 1s;*/
    left: -100%;
    animation-name: slideToLeft;
    opacity: 1;
    overflow-y: clip;
}
.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn {
    /*padding-top: 40px*/
}

.fancybox__slide.has-iframe, .fancybox__slide.has-video, .fancybox__slide.has-html5video {
    overflow: hidden
}

.fancybox__slide.has-image {
    overflow: hidden
}

.fancybox__slide.has-image.is-animating, .fancybox__slide.has-image.is-selected {
    overflow: visible
}

.fancybox__slide::before, .fancybox__slide::after {
    /*content: "";*/
    /*flex: 0 0 0;*/
    /*margin: auto*/
}

.fancybox__content {
    align-self: center;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 0;
    /*padding: 2rem;*/
    max-width: 100%;
    width: 100%;
    color: var(--fancybox-content-color, #374151);
    /*background: var(--fancybox-content-bg, #fff);*/
    cursor: default;
    border-radius: 0;
    z-index: 20
}
/*.fancybox__content > div:first-child{*/
/*    width: 100%;*/
/*}*/
.is-loading .fancybox__content {
    opacity: 0
}

.is-draggable .fancybox__content {
    cursor: move;
    cursor: grab
}

.can-zoom_in .fancybox__content {
    cursor: zoom-in
}

.can-zoom_out .fancybox__content {
    cursor: zoom-out
}

.is-dragging .fancybox__content {
    cursor: move;
    cursor: grabbing
}

.fancybox__content [data-selectable], .fancybox__content [contenteditable] {
    cursor: auto
}

.fancybox__slide.has-image > .fancybox__content {
    padding: 0;
    background: rgba(0, 0, 0, 0);
    min-height: 1px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    transition: none;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden
}

.fancybox__slide.has-image > .fancybox__content > picture > img {
    width: 100%;
    height: auto;
    max-height: 100%
}

.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content, .is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content {
    visibility: hidden
}

.is-animating .fancybox__content, .is-dragging .fancybox__content {
    filter: blur(0px);
    will-change: transform, width, height
}

.fancybox-image {
    margin: auto;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: contain;
    user-select: none
}

.fancybox__caption {
    align-self: center;
    max-width: 100%;
    flex-shrink: 0;
    margin: 0;
    padding: 14px 0 4px 0;
    overflow-wrap: anywhere;
    line-height: 1.375;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    cursor: auto;
    visibility: visible
}

.is-loading .fancybox__caption, .is-closing .fancybox__caption {
    opacity: 0;
    visibility: hidden
}

.is-compact .fancybox__caption {
    padding-bottom: 0
}

.f-button.is-close-btn {
    --f-button-svg-stroke-width: 2;
    position: absolute;
    top: 0;
    right: 8px;
    z-index: 40
}

.fancybox__content > .f-button.is-close-btn {
    --f-button-width: 34px;
    --f-button-height: 34px;
    --f-button-border-radius: 4px;
    --f-button-color: var(--fancybox-color, #fff);
    --f-button-hover-color: var(--fancybox-color, #fff);
    --f-button-bg: transparent;
    --f-button-hover-bg: transparent;
    --f-button-active-bg: transparent;
    --f-button-svg-width: 22px;
    --f-button-svg-height: 22px;
    position: absolute;
    top: -38px;
    right: 0;
    opacity: .75
}

.is-loading .fancybox__content > .f-button.is-close-btn {
    visibility: hidden
}

.is-zooming-out .fancybox__content > .f-button.is-close-btn {
    visibility: hidden
}

.fancybox__content > .f-button.is-close-btn:hover {
    opacity: 1
}

.fancybox__footer {
    padding: 0;
    margin: 0;
    position: relative
}

.fancybox__footer .fancybox__caption {
    width: 100%;
    padding: 24px;
    opacity: var(--fancybox-opacity, 1);
    transition: all .25s ease
}

.is-compact .fancybox__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    background: rgba(24, 24, 27, .5)
}

.is-compact .fancybox__footer .fancybox__caption {
    padding: 12px
}

.is-compact .fancybox__content > .f-button.is-close-btn {
    --f-button-border-radius: 50%;
    --f-button-color: #fff;
    --f-button-hover-color: #fff;
    --f-button-outline-color: #000;
    --f-button-bg: rgba(0, 0, 0, 0.6);
    --f-button-active-bg: rgba(0, 0, 0, 0.6);
    --f-button-hover-bg: rgba(0, 0, 0, 0.6);
    --f-button-svg-width: 18px;
    --f-button-svg-height: 18px;
    --f-button-svg-filter: none;
    top: 5px;
    right: 5px
}

.fancybox__nav {
    --f-button-width: 50px;
    --f-button-height: 50px;
    --f-button-border: 0;
    --f-button-border-radius: 50%;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: transparent;
    --f-button-hover-bg: rgba(24, 24, 27, 0.3);
    --f-button-active-bg: rgba(24, 24, 27, 0.5);
    --f-button-shadow: none;
    --f-button-transition: all 0.15s ease;
    --f-button-transform: none;
    --f-button-svg-width: 26px;
    --f-button-svg-height: 26px;
    --f-button-svg-stroke-width: 2.5;
    --f-button-svg-fill: none;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));
    --f-button-svg-disabled-opacity: 0.65;
    --f-button-next-pos: 1rem;
    --f-button-prev-pos: 1rem;
    opacity: var(--fancybox-opacity, 1)
}

.fancybox__nav .f-button:before {
    position: absolute;
    content: "";
    top: -30px;
    right: -20px;
    left: -20px;
    bottom: -30px;
    z-index: 1
}

.is-idle .fancybox__nav {
    animation: .15s ease-out both f-fadeOut
}

.is-idle.is-compact .fancybox__footer {
    pointer-events: none;
    animation: .15s ease-out both f-fadeOut
}

.fancybox__slide > .f-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));
    z-index: 30;
    cursor: pointer
}

.fancybox-protected {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    user-select: none
}

.fancybox-ghost {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: contain;
    z-index: 40;
    user-select: none;
    pointer-events: none
}

.fancybox-focus-guard {
    outline: none;
    opacity: 0;
    position: fixed;
    pointer-events: none
}

.fancybox__container:not([aria-hidden]) {
    opacity: 0
}

.fancybox__container.is-animated[aria-hidden=false] > *:not(.fancybox__backdrop,.fancybox__carousel), .fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=false] .fancybox__slide > *:not(.fancybox__content) {
    animation: .25s ease .1s backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop {
    animation: .35s ease backwards f-fadeIn
}

.fancybox__container.is-animated[aria-hidden=true] > *:not(.fancybox__backdrop,.fancybox__carousel), .fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel > *:not(.fancybox__viewport), .fancybox__container.is-animated[aria-hidden=true] .fancybox__slide > *:not(.fancybox__content) {
    animation: .15s ease forwards f-fadeOut
}

.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop {
    animation: .35s ease forwards f-fadeOut
}

.has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
    max-width: 100%;
    flex-shrink: 1;
    min-height: 1px;
    overflow: visible
}

.has-iframe .fancybox__content, .has-map .fancybox__content, .has-pdf .fancybox__content {
    width: 100%;
    height: 100%
}

.fancybox__container:not(.is-compact) .has-iframe .fancybox__content, .fancybox__container:not(.is-compact) .has-map .fancybox__content, .fancybox__container:not(.is-compact) .has-pdf .fancybox__content {
    width: calc(100% - 120px);
    height: 90%
}

.has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
    width: 960px;
    height: 540px;
    max-width: 100%;
    max-height: 100%
}

.has-map .fancybox__content, .has-pdf .fancybox__content, .has-youtube .fancybox__content, .has-vimeo .fancybox__content, .has-html5video .fancybox__content {
    padding: 0;
    background: rgba(24, 24, 27, .9);
    color: #fff
}

.has-map .fancybox__content {
    background: #e5e3df
}

.fancybox__html5video, .fancybox__iframe {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0)
}

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

.f-carousel__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-outline: 0;
    --f-thumb-outline-color: #5eb0ef;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1;
    --f-thumb-border-radius: 2px;
    --f-thumb-offset: 0px;
    --f-button-next-pos: 0;
    --f-button-prev-pos: 0
}

.f-carousel__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1;
    --f-thumb-selected-opacity: 1
}

.f-carousel__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 20px;
    --f-thumb-clip-width: 46px
}

.f-thumbs {
    position: relative;
    flex: 0 0 auto;
    margin: 0;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    user-select: none;
    perspective: 1000px;
    transform: translateZ(0)
}

.f-thumbs .f-spinner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    background-image: linear-gradient(#ebeff2, #e2e8f0);
    z-index: -1
}

.f-thumbs .f-spinner svg {
    display: none
}

.f-thumbs.is-vertical {
    height: 100%
}

.f-thumbs__viewport {
    width: 100%;
    height: auto;
    overflow: hidden
}

.f-thumbs__track {
    display: flex;
    will-change: transform
}

.f-thumbs__slide {
    position: relative;
    flex: 0 0 auto;
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    width: var(--f-thumb-width);
    min-width: var(--f-thumb-width);
    height: var(--f-thumb-height);
    overflow: visible;
    cursor: pointer
}

.f-thumbs__slide.is-loading img {
    opacity: 0
}

.is-classic .f-thumbs__viewport {
    height: 100%
}

.is-modern .f-thumbs__track {
    width: max-content
}

.is-modern .f-thumbs__track::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(var(--left, 0) * 1px);
    width: calc(100% - var(--width, 0) * 1px);
    cursor: pointer
}

.is-modern .f-thumbs__slide {
    --clip-path: inset(0 calc((var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 * (1 - var(--progress, 0))) round var(--f-thumb-border-radius, 0));
    transform: translate3d(calc(var(--shift, 0) * -1px), 0, 0);
    transition: none;
    pointer-events: none
}

.is-modern .f-thumbs__slide:focus-within:not(.is-selected) {
    filter: drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))
}

.is-modern .f-thumbs__slide > * {
    clip-path: var(--clip-path)
}

.is-modern.in-touch .f-thumbs__slide {
    filter: none
}

.is-modern.is-resting .f-thumbs__slide {
    transition: all .33s ease
}

.is-modern.is-resting .f-thumbs__slide > * {
    transition: all .33s ease
}

.f-thumbs__slide__button {
    appearance: none;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    position: relative;
    border-radius: var(--f-thumb-border-radius);
    overflow: hidden;
    background: rgba(0, 0, 0, 0);
    outline: none;
    cursor: pointer;
    pointer-events: auto;
    touch-action: manipulation;
    opacity: var(--f-thumb-opacity);
    transition: opacity .2s ease
}

.f-thumbs__slide__button:hover {
    opacity: var(--f-thumb-hover-opacity)
}

.f-thumbs__slide__button:focus:not(:focus-visible) {
    outline: none
}

.f-thumbs__slide__button:focus-visible {
    outline: none;
    opacity: var(--f-thumb-selected-opacity)
}

.is-nav-selected .f-thumbs__slide__button {
    opacity: var(--f-thumb-selected-opacity)
}

.is-nav-selected .f-thumbs__slide__button::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: auto;
    bottom: 0;
    border: var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
    border-radius: var(--f-thumb-border-radius);
    animation: f-fadeIn .2s ease-out;
    z-index: 10
}

.f-thumbs__slide__img {
    position: absolute;
    overflow: hidden;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: var(--f-thumb-offset);
    box-sizing: border-box;
    pointer-events: none;
    object-fit: cover
}

.f-thumbs.is-horizontal .f-thumbs__track {
    margin: 0 auto;
    padding: 8px 0 12px 0
}

.f-thumbs.is-horizontal .f-thumbs__slide {
    margin: 0 var(--f-thumb-gap) 0 0
}

.f-thumbs.is-vertical .f-thumbs__track {
    flex-wrap: wrap;
    margin: auto 0;
    padding: 0 8px
}

.f-thumbs.is-vertical .f-thumbs__slide {
    margin: 0 0 var(--f-thumb-gap) 0
}

.fancybox__thumbs {
    --f-thumb-width: 96px;
    --f-thumb-height: 72px;
    --f-thumb-border-radius: 2px;
    --f-thumb-outline: 2px;
    --f-thumb-outline-color: #ededed;
    position: relative;
    opacity: var(--fancybox-opacity, 1);
    transition: max-height .35s cubic-bezier(0.23, 1, 0.32, 1)
}

.fancybox__thumbs.is-classic {
    --f-thumb-gap: 8px;
    --f-thumb-opacity: 0.5;
    --f-thumb-hover-opacity: 1
}

.fancybox__thumbs.is-classic .f-spinner {
    background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))
}

.fancybox__thumbs.is-modern {
    --f-thumb-gap: 4px;
    --f-thumb-extra-gap: 20px;
    --f-thumb-clip-width: 46px;
    --f-thumb-opacity: 1;
    --f-thumb-hover-opacity: 1
}

.fancybox__thumbs.is-modern .f-spinner {
    background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))
}

.fancybox__thumbs.is-horizontal {
    padding: 0 var(--f-thumb-gap)
}

.fancybox__thumbs.is-vertical {
    padding: var(--f-thumb-gap) 0
}

.is-compact .fancybox__thumbs {
    --f-thumb-width: 64px;
    --f-thumb-clip-width: 32px;
    --f-thumb-height: 48px;
    --f-thumb-extra-gap: 10px
}

.fancybox__thumbs.is-masked {
    max-height: 0px !important
}

.is-closing .fancybox__thumbs {
    transition: none !important
}

.fancybox__toolbar {
    --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));
    --f-button-width: 46px;
    --f-button-height: 46px;
    --f-button-color: var(--fancybox-color);
    --f-button-hover-color: var(--fancybox-hover-color);
    --f-button-bg: rgba(24, 24, 27, 0.65);
    --f-button-hover-bg: rgba(70, 70, 73, 0.65);
    --f-button-active-bg: rgba(90, 90, 93, 0.65);
    --f-button-border-radius: 0;
    --f-button-svg-width: 24px;
    --f-button-svg-height: 24px;
    --f-button-svg-stroke-width: 1.5;
    --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));
    --f-button-svg-fill: none;
    --f-button-svg-disabled-opacity: 0.65;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;
    color: var(--fancybox-color, currentColor);
    opacity: var(--fancybox-opacity, 1);
    text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));
    pointer-events: none;
    z-index: 20
}

.fancybox__toolbar :focus-visible {
    z-index: 1
}

.fancybox__toolbar.is-absolute, .is-compact .fancybox__toolbar {
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.is-idle .fancybox__toolbar {
    pointer-events: none;
    animation: .15s ease-out both f-fadeOut
}

.fancybox__toolbar__column {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start
}

.fancybox__toolbar__column.is-left, .fancybox__toolbar__column.is-right {
    flex-grow: 1;
    flex-basis: 0
}

.fancybox__toolbar__column.is-right {
    display: flex;
    justify-content: flex-end;
    flex-wrap: nowrap
}

.fancybox__infobar {
    padding: 0 5px;
    line-height: var(--f-button-height);
    text-align: center;
    font-size: 17px;
    font-variant-numeric: tabular-nums;
    -webkit-font-smoothing: subpixel-antialiased;
    cursor: default;
    user-select: none
}

.fancybox__infobar span {
    padding: 0 5px
}

.fancybox__infobar:not(:first-child):not(:last-child) {
    background: var(--f-button-bg)
}

[data-fancybox-toggle-slideshow] {
    position: relative
}

[data-fancybox-toggle-slideshow] .f-progress {
    height: 100%;
    opacity: .3
}

[data-fancybox-toggle-slideshow] svg g:first-child {
    display: flex
}

[data-fancybox-toggle-slideshow] svg g:last-child {
    display: none
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child {
    display: none
}

.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child {
    display: flex
}

[data-fancybox-toggle-fullscreen] svg g:first-child {
    display: flex
}

[data-fancybox-toggle-fullscreen] svg g:last-child {
    display: none
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child {
    display: none
}

:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child {
    display: flex
}

.f-progress {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    background: var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
    z-index: 30;
    user-select: none;
    pointer-events: none
}

/* End */


/* Start:/local/templates/Fanfantulpan/include/slim-select/slimselect.css?170959580113447*/
.select{
color: black;
}
.ss-content{
    color: black;
    padding: 20px 32px;
    border-radius: 30px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}
.ss-content.ss-open-below{
    border-radius: 30px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}
.ss-content.ss-open-above{
    border-radius: 30px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}
.select .ss-content{
color: black;
}
.select .ss-main{
    border: unset;
    border-bottom: 1px solid var(--lightgray);
    border-radius: unset;
    padding: unset;
    color: black;
    align-items: center;
}
.select .ss-main:focus{
    box-shadow: unset;
}
.select .ss-main .ss-arrow{
    margin: unset;
    width: 22px;
    height: 12px;
}
.select .ss-main .ss-arrow path{
    stroke-width: 13;
    stroke: unset;
    fill: black;
}
.select .ss-main .ss-values{
    flex: 1 1 auto;
}
:root {
    --ss-primary-color: #5897fb;
    --ss-bg-color: #ffffff;
    --ss-font-color: #4d4d4d;
    --ss-font-placeholder-color: #8d8d8d;
    --ss-disabled-color: #dcdee2;
    --ss-border-color: #dcdee2;
    --ss-highlight-color: #fffb8c;
    --ss-success-color: #00b755;
    --ss-error-color: #dc3545;
    --ss-main-height: 30px;
    --ss-content-height: 300px;
    --ss-spacing-l: 7px;
    --ss-spacing-m: 5px;
    --ss-spacing-s: 3px;
    --ss-animation-timing: 0.2s;
    --ss-border-radius: 4px
}

@keyframes ss-valueIn {
    0% {
        transform: scale(0);
        opacity: 0
    }
    100% {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes ss-valueOut {
    0% {
        transform: scale(1);
        opacity: 1
    }
    100% {
        transform: scale(0);
        opacity: 0
    }
}

.ss-hide {
    display: none !important
}

.ss-main {
    display: flex;
    flex-direction: row;
    position: relative;
    user-select: none;
    color: var(--ss-font-color);
    min-height: var(--ss-main-height);
    width: 100%;
    padding: var(--ss-spacing-s);
    cursor: pointer;
    border: 1px solid var(--ss-border-color);
    border-radius: var(--ss-border-radius);
    background-color: var(--ss-bg-color);
    outline: 0;
    box-sizing: border-box;
    transition: background-color var(--ss-animation-timing);
    overflow: hidden
}

.ss-main:focus {
    box-shadow: 0 0 5px var(--ss-primary-color)
}

.ss-main.ss-disabled {
    background-color: var(--ss-disabled-color);
    cursor: not-allowed
}

.ss-main.ss-disabled .ss-values .ss-disabled {
    color: var(--ss-font-color)
}

.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete {
    cursor: not-allowed
}

.ss-main.ss-open-above {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px
}

.ss-main.ss-open-below {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px
}

.ss-main .ss-values {
    display: inline-flex;
    flex-wrap: wrap;
    gap: var(--ss-spacing-m);
    flex: 1 1 100%
}

.ss-main .ss-values .ss-placeholder {
    display: flex;
    padding: var(--ss-spacing-s) var(--ss-spacing-m) var(--ss-spacing-s) var(--ss-spacing-m);
    margin: auto 0px auto 0px;
    line-height: 1em;
    align-items: center;
    width: 100%;
    color: var(--ss-font-placeholder-color);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.ss-main .ss-values .ss-max {
    display: flex;
    user-select: none;
    align-items: center;
    width: fit-content;
    font-size: 12px;
    color: var(--ss-bg-color);
    line-height: 1;
    padding: var(--ss-spacing-s) var(--ss-spacing-m);
    background-color: var(--ss-primary-color);
    border-radius: var(--ss-border-radius)
}

.ss-main .ss-values .ss-single {
    display: flex;
    margin: auto 0px auto var(--ss-spacing-s)
}

.ss-main .ss-values .ss-value {
    display: flex;
    user-select: none;
    align-items: center;
    width: fit-content;
    background-color: var(--ss-primary-color);
    border-radius: var(--ss-border-radius);
    animation-name: ss-valueIn;
    animation-duration: var(--ss-animation-timing);
    animation-timing-function: ease-out;
    animation-fill-mode: both
}

.ss-main .ss-values .ss-value.ss-value-out {
    animation-name: ss-valueOut;
    animation-duration: var(--ss-animation-timing);
    animation-timing-function: ease-out
}

.ss-main .ss-values .ss-value .ss-value-text {
    font-size: 12px;
    color: var(--ss-bg-color);
    line-height: 1;
    padding: var(--ss-spacing-s) var(--ss-spacing-m)
}

.ss-main .ss-values .ss-value .ss-value-delete {
    display: flex;
    align-items: center;
    height: var(--ss-spacing-l);
    width: var(--ss-spacing-l);
    padding: var(--ss-spacing-s) var(--ss-spacing-m);
    cursor: pointer;
    border-left: solid 1px var(--ss-bg-color);
    box-sizing: content-box
}

.ss-main .ss-values .ss-value .ss-value-delete svg {
    height: var(--ss-spacing-l);
    width: var(--ss-spacing-l)
}

.ss-main .ss-values .ss-value .ss-value-delete svg path {
    fill: none;
    stroke: var(--ss-bg-color);
    stroke-width: 18;
    stroke-linecap: round;
    stroke-linejoin: round
}

.ss-main .ss-deselect {
    display: flex;
    align-self: center;
    justify-content: flex-end;
    flex: 0 1 auto;
    width: 8px;
    height: 8px;
    margin: 0 var(--ss-spacing-m) 0 var(--ss-spacing-m)
}

.ss-main .ss-deselect svg {
    width: 8px;
    height: 8px
}

.ss-main .ss-deselect svg path {
    fill: none;
    stroke: var(--ss-font-color);
    stroke-width: 20;
    stroke-linecap: round;
    stroke-linejoin: round
}

.ss-main .ss-arrow {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 1 auto;
    width: 12px;
    height: 12px;
    margin: auto var(--ss-spacing-m) auto var(--ss-spacing-m)
}

.ss-main .ss-arrow path {
    fill: none;
    stroke: var(--ss-font-color);
    stroke-width: 18;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition-timing-function: ease-out;
    transition: var(--ss-animation-timing)
}

.ss-content {
    position: absolute;
    display: flex;
    height: auto;
    flex-direction: column;
    width: auto;
    max-height: var(--ss-content-height);
    box-sizing: border-box;
    /*border: solid 1px var(--ss-border-color);*/
    background-color: var(--ss-bg-color);
    transition: all 0.3s, z-index 0.2s cubic-bezier(1, 0, 1, 0);
    opacity: 0;
    transform: translateY(60px);
    transform-origin: center top;
    overflow: hidden;
    z-index: -10
}

.ss-content.ss-relative {
    position: relative;
    height: 100%
}

.ss-content.ss-open-above {
    flex-direction: column-reverse;
    opacity: 1;
    z-index: 10000;
    transform: scaleY(1);
    transform-origin: center bottom;
    transition: all 0.3s, z-index 0.01s cubic-bezier(1, 0, 1, 0);

    /*border-top-left-radius: var(--ss-border-radius);*/
    /*border-top-right-radius: var(--ss-border-radius)*/
}

.ss-content.ss-open-below {
    opacity: 1;
    z-index: 10000;
    transform: translateY(20px);
    transform-origin: center top;
    transition: all 0.3s, z-index 0.01s cubic-bezier(1, 0, 1, 0);
    /*border-bottom-left-radius: var(--ss-border-radius);*/
    /*border-bottom-right-radius: var(--ss-border-radius)*/
}

.ss-content .ss-search {
    flex: 0 1 auto;
    display: flex;
    flex-direction: row;
    padding: var(--ss-spacing-l) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l)
}

.ss-content .ss-search input {
    display: inline-flex;
    font-size: inherit;
    line-height: inherit;
    flex: 1 1 auto;
    width: 100%;
    min-width: 0px;
    padding: var(--ss-spacing-m) var(--ss-spacing-l);
    margin: 0;
    border: 1px solid var(--ss-border-color);
    border-radius: var(--ss-border-radius);
    background-color: var(--ss-bg-color);
    outline: 0;
    text-align: left;
    box-sizing: border-box
}

.ss-content .ss-search input::placeholder {
    color: var(--ss-font-placeholder-color);
    vertical-align: middle
}

.ss-content .ss-search input:focus {
    box-shadow: 0 0 5px var(--ss-primary-color)
}

.ss-content .ss-search .ss-addable {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    flex: 0 0 auto;
    height: auto;
    margin: 0 0 0 var(--ss-spacing-m);
    border: 1px solid var(--ss-border-color);
    border-radius: var(--ss-border-radius)
}

.ss-content .ss-search .ss-addable svg {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 0 1 auto;
    width: 12px;
    height: 12px;
    margin: auto var(--ss-spacing-m) auto var(--ss-spacing-m)
}

.ss-content .ss-search .ss-addable svg path {
    fill: none;
    stroke: var(--ss-font-color);
    stroke-width: 18;
    stroke-linecap: round;
    stroke-linejoin: round
}

.ss-content .ss-list {
    flex: 1 1 auto;
    height: auto;
    overflow-x: hidden;
    overflow-y: auto
}

.ss-content .ss-list .ss-error {
    color: var(--ss-error-color);
    padding: var(--ss-spacing-l)
}

.ss-content .ss-list .ss-searching {
    color: var(--ss-font-color);
    padding: var(--ss-spacing-l)
}

.ss-content .ss-list .ss-optgroup.ss-close .ss-option {
    display: none !important
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l)
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text {
    flex: 1 1 auto;
    font-weight: bold;
    color: var(--ss-font-color)
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow) {
    cursor: pointer
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions {
    flex: 0 1 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: var(--ss-spacing-m)
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall {
    flex: 0 0 auto;
    display: flex;
    flex-direction: row;
    cursor: pointer
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall:hover {
    opacity: .5
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall.ss-selected svg path {
    stroke: var(--ss-error-color)
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall span {
    flex: 0 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 60%;
    text-align: center;
    padding: 0 var(--ss-spacing-s) 0 0
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg {
    flex: 0 1 auto;
    width: 13px;
    height: 13px
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg path {
    fill: none;
    stroke: var(--ss-success-color);
    stroke-linecap: round;
    stroke-linejoin: round
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:first-child {
    stroke-width: 5
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:last-child {
    stroke-width: 11
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable {
    flex: 0 1 auto;
    display: flex;
    flex-direction: row;
    cursor: pointer
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow {
    flex: 1 1 auto;
    width: 10px;
    height: 10px
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path {
    fill: none;
    stroke: var(--ss-font-color);
    stroke-width: 18;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition-timing-function: ease-out;
    transition: var(--ss-animation-timing)
}

.ss-content .ss-list .ss-optgroup .ss-option {
    padding: var(--ss-spacing-s) var(--ss-spacing-s) var(--ss-spacing-s) calc(var(--ss-spacing-l) * 3)
}

.ss-content .ss-list .ss-option {
    display: flex;
    /*padding: var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);*/
    /*color: var(--ss-font-color);*/
    cursor: pointer;
    user-select: none
}
.ss-content .ss-list .ss-option:not(:last-child){
    margin-bottom: 15px;
}
.ss-content .ss-list .ss-option:hover {
    /*color: var(--ss-bg-color);*/
    /*background-color: var(--ss-primary-color)*/
}

.ss-content .ss-list .ss-option.ss-highlighted, .ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected {
    /*color: var(--ss-bg-color);*/
    /*background-color: var(--ss-primary-color)*/
}

.ss-content .ss-list .ss-option.ss-disabled {
    cursor: not-allowed;
    background-color: var(--ss-disabled-color)
}

.ss-content .ss-list .ss-option.ss-disabled:hover {
    color: var(--ss-font-color)
}

.ss-content .ss-list .ss-option .ss-search-highlight {
    background-color: var(--ss-highlight-color)
}

/*# sourceMappingURL=slimselect.css.map */

/* End */


/* Start:/local/templates/Fanfantulpan/include/air-datepicker/air-datepicker.css?170959580123653*/
/**
 * Skipped minification because the original files appears to be already minified.
 * Original file: /npm/air-datepicker@3.4.0/air-datepicker.css
 *
 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
 */
.air-datepicker-cell.-year-.-other-decade-, .air-datepicker-cell.-day-.-other-month- {
    color: var(--adp-color-other-month)
}

.air-datepicker-cell.-year-.-other-decade-:hover, .air-datepicker-cell.-day-.-other-month-:hover {
    color: var(--adp-color-other-month-hover)
}

.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-, .-disabled-.-focus-.air-datepicker-cell.-day-.-other-month- {
    color: var(--adp-color-other-month)
}

.-selected-.air-datepicker-cell.-year-.-other-decade-, .-selected-.air-datepicker-cell.-day-.-other-month- {
    color: #fff;
    background: var(--adp-background-color-selected-other-month)
}

.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-, .-selected-.-focus-.air-datepicker-cell.-day-.-other-month- {
    background: var(--adp-background-color-selected-other-month-focused)
}

.-in-range-.air-datepicker-cell.-year-.-other-decade-, .-in-range-.air-datepicker-cell.-day-.-other-month- {
    background-color: var(--adp-background-color-in-range);
    color: var(--adp-color)
}

.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-, .-in-range-.-focus-.air-datepicker-cell.-day-.-other-month- {
    background-color: var(--adp-background-color-in-range-focused)
}

.air-datepicker-cell.-year-.-other-decade-:empty, .air-datepicker-cell.-day-.-other-month-:empty {
    background: none;
    border: none
}

.air-datepicker-cell {
    border-radius: var(--adp-cell-border-radius);
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    z-index: 1;
    border-radius: 100px;
    padding: 18px 11px;
}

.air-datepicker-cell.-focus- {
    background: var(--adp-cell-background-color-hover)
}

.air-datepicker-cell.-current- {
    color: var(--adp-color-current-date)
}

.air-datepicker-cell.-current-.-focus- {
    color: var(--adp-color)
}

.air-datepicker-cell.-current-.-in-range- {
    color: var(--adp-color-current-date)
}

.air-datepicker-cell.-disabled- {
    cursor: default;
    color: var(--adp-color-disabled)
}

.air-datepicker-cell.-disabled-.-focus- {
    color: var(--adp-color-disabled)
}

.air-datepicker-cell.-disabled-.-in-range- {
    color: var(--adp-color-disabled-in-range)
}

.air-datepicker-cell.-disabled-.-current-.-focus- {
    color: var(--adp-color-disabled)
}

.air-datepicker-cell.-in-range- {
    background: var(--adp-cell-background-color-in-range);
    border-radius: 0
}

.air-datepicker-cell.-in-range-:hover {
    background: var(--adp-cell-background-color-in-range-hover)
}

.air-datepicker-cell.-range-from- {
    border: 1px solid var(--adp-cell-border-color-in-range);
    background-color: var(--adp-cell-background-color-in-range);
    border-radius: var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)
}

.air-datepicker-cell.-range-to- {
    border: 1px solid var(--adp-cell-border-color-in-range);
    background-color: var(--adp-cell-background-color-in-range);
    border-radius: 0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0
}

.air-datepicker-cell.-range-to-.-range-from- {
    border-radius: var(--adp-cell-border-radius)
}

.air-datepicker-cell.-selected- {
    color: #fff;
    border: none;
    background: var(--adp-cell-background-color-selected)
}

.air-datepicker-cell.-selected-.-current- {
    color: #fff;
    background: var(--adp-cell-background-color-selected)
}

.air-datepicker-cell.-selected-.-focus- {
    background: var(--adp-cell-background-color-selected-hover)
}

.air-datepicker-body {
    transition: all var(--adp-transition-duration) var(--adp-transition-ease)
}

.air-datepicker-body.-hidden- {
    display: none
}

.air-datepicker-body--day-names {
    display: grid;
    gap: 15px;
    grid-template-columns:repeat(7, var(--adp-day-cell-width));
    /*margin: 8px 0 3px*/
}

.air-datepicker-body--day-name {
    color: var(--adp-day-name-color);
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    text-align: center;
    text-transform: uppercase;
    font-size: .8em
}

.air-datepicker-body--day-name.-clickable- {
    cursor: pointer
}

.air-datepicker-body--day-name.-clickable-:hover {
    color: var(--adp-day-name-color-hover)
}

.air-datepicker-body--cells {
    display: grid;
    gap: 15px;
}

.air-datepicker-body--cells.-days- {
    grid-template-columns:repeat(7, var(--adp-day-cell-width));
    grid-auto-rows: var(--adp-day-cell-height)
}

.air-datepicker-body--cells.-months- {
    grid-template-columns:repeat(3, 1fr);
    grid-auto-rows: var(--adp-month-cell-height)
}

.air-datepicker-body--cells.-years- {
    grid-template-columns:repeat(4, 1fr);
    grid-auto-rows: var(--adp-year-cell-height)
}

.air-datepicker-nav {
    display: flex;
    justify-content: center;
    border-bottom: unset;
    min-height: var(--adp-nav-height);
    padding: var(--adp-padding);
    box-sizing: content-box
}

.-only-timepicker- .air-datepicker-nav {
    display: none
}

.air-datepicker-nav--title, .air-datepicker-nav--action {
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center
}

.air-datepicker-nav--action {
    width: var(--adp-nav-action-size);
    border-radius: var(--adp-border-radius);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.air-datepicker-nav--action:hover {
    background: var(--adp-background-color-hover)
}

.air-datepicker-nav--action:active {
    background: var(--adp-background-color-active)
}

.air-datepicker-nav--action.-disabled- {
    visibility: hidden
}

.air-datepicker-nav--action svg {
    width: 32px;
    height: 32px
}

.air-datepicker-nav--action path {
    fill: none;
    stroke: black;
    stroke-width: 2px
}

.air-datepicker-nav--title {
    border-radius: var(--adp-border-radius);
    padding: 0 8px
}

.air-datepicker-nav--title i {
    font-style: normal;
    color: var(--adp-nav-color-secondary);
    margin-left: .3em
}

.air-datepicker-nav--title:hover {
    background: var(--adp-background-color-hover)
}

.air-datepicker-nav--title:active {
    background: var(--adp-background-color-active)
}

.air-datepicker-nav--title.-disabled- {
    cursor: default;
    background: none
}

.air-datepicker-buttons {
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column
}

.air-datepicker-button {
    display: inline-flex;
    color: var(--adp-btn-color);
    border-radius: var(--adp-btn-border-radius);
    cursor: pointer;
    height: var(--adp-btn-height);
    border: none;
    background: rgba(255, 255, 255, 0)
}

.air-datepicker-button:hover {
    color: var(--adp-btn-color-hover);
    background: var(--adp-btn-background-color-hover)
}

.air-datepicker-button:focus {
    color: var(--adp-btn-color-hover);
    background: var(--adp-btn-background-color-hover);
    outline: none
}

.air-datepicker-button:active {
    background: var(--adp-btn-background-color-active)
}

.air-datepicker-button span {
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.air-datepicker-time {
    display: grid;
    grid-template-columns:max-content 1fr;
    grid-column-gap: 12px;
    align-items: center;
    position: relative;
    padding: 0 var(--adp-time-padding-inner)
}

.-only-timepicker- .air-datepicker-time {
    border-top: none
}

.air-datepicker-time--current {
    display: flex;
    align-items: center;
    flex: 1;
    font-size: 14px;
    text-align: center
}

.air-datepicker-time--current-colon {
    margin: 0 2px 3px;
    line-height: 1
}

.air-datepicker-time--current-hours, .air-datepicker-time--current-minutes {
    line-height: 1;
    font-size: 19px;
    font-family: 'Roboto', sans-serif;
    position: relative;
    z-index: 1
}

.air-datepicker-time--current-hours:after, .air-datepicker-time--current-minutes:after {
    content: "";
    background: var(--adp-background-color-hover);
    border-radius: var(--adp-border-radius);
    position: absolute;
    left: -2px;
    top: -3px;
    right: -2px;
    bottom: -2px;
    z-index: -1;
    opacity: 0
}

.air-datepicker-time--current-hours.-focus-:after, .air-datepicker-time--current-minutes.-focus-:after {
    opacity: 1
}

.air-datepicker-time--current-ampm {
    text-transform: uppercase;
    align-self: flex-end;
    color: var(--adp-time-day-period-color);
    margin-left: 6px;
    font-size: 11px;
    margin-bottom: 1px
}

.air-datepicker-time--row {
    display: flex;
    align-items: center;
    font-size: 11px;
    height: 17px;
    background: linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat
}

.air-datepicker-time--row:first-child {
    margin-bottom: 4px
}

.air-datepicker-time--row input[type=range] {
    background: none;
    cursor: pointer;
    flex: 1;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    -webkit-appearance: none
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none
}

.air-datepicker-time--row input[type=range]::-ms-tooltip {
    display: none
}

.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb {
    border-color: var(--adp-time-track-color-hover)
}

.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb {
    border-color: var(--adp-time-track-color-hover)
}

.air-datepicker-time--row input[type=range]:hover::-ms-thumb {
    border-color: var(--adp-time-track-color-hover)
}

.air-datepicker-time--row input[type=range]:focus {
    outline: none
}

.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb {
    background: var(--adp-cell-background-color-selected);
    border-color: var(--adp-cell-background-color-selected)
}

.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb {
    background: var(--adp-cell-background-color-selected);
    border-color: var(--adp-cell-background-color-selected)
}

.air-datepicker-time--row input[type=range]:focus::-ms-thumb {
    background: var(--adp-cell-background-color-selected);
    border-color: var(--adp-cell-background-color-selected)
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid var(--adp-time-track-color);
    background: #fff;
    cursor: pointer;
    -webkit-transition: background var(--adp-transition-duration);
    transition: background var(--adp-transition-duration)
}

.air-datepicker-time--row input[type=range]::-moz-range-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid var(--adp-time-track-color);
    background: #fff;
    cursor: pointer;
    -moz-transition: background var(--adp-transition-duration);
    transition: background var(--adp-transition-duration)
}

.air-datepicker-time--row input[type=range]::-ms-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid var(--adp-time-track-color);
    background: #fff;
    cursor: pointer;
    -ms-transition: background var(--adp-transition-duration);
    transition: background var(--adp-transition-duration)
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
    margin-top: calc(var(--adp-time-thumb-size) / 2 * -1)
}

.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track {
    border: none;
    height: var(--adp-time-track-height);
    cursor: pointer;
    color: rgba(0, 0, 0, 0);
    background: rgba(0, 0, 0, 0)
}

.air-datepicker-time--row input[type=range]::-moz-range-track {
    border: none;
    height: var(--adp-time-track-height);
    cursor: pointer;
    color: rgba(0, 0, 0, 0);
    background: rgba(0, 0, 0, 0)
}

.air-datepicker-time--row input[type=range]::-ms-track {
    border: none;
    height: var(--adp-time-track-height);
    cursor: pointer;
    color: rgba(0, 0, 0, 0);
    background: rgba(0, 0, 0, 0)
}

.air-datepicker-time--row input[type=range]::-ms-fill-lower {
    background: rgba(0, 0, 0, 0)
}

.air-datepicker-time--row input[type=range]::-ms-fill-upper {
    background: rgba(0, 0, 0, 0)
}

.air-datepicker {
    --adp-font-family: 'Roboto', sans-serif;
    --adp-font-size: 14px;
    --adp-width: unset;
    --adp-z-index: 100;
    --adp-padding: 4px;
    --adp-grid-areas: "nav" "body" "timepicker" "buttons";
    --adp-transition-duration: .3s;
    --adp-transition-ease: ease-out;
    --adp-transition-offset: 8px;
    --adp-background-color: #fff;
    --adp-background-color-hover: #f0f0f0;
    --adp-background-color-active: #eaeaea;
    --adp-background-color-in-range: rgba(92, 196, 239, .1);
    --adp-background-color-in-range-focused: rgba(92, 196, 239, .2);
    --adp-background-color-selected-other-month-focused: #8ad5f4;
    --adp-background-color-selected-other-month: #a2ddf6;
    --adp-color: #4a4a4a;
    --adp-color-secondary: #9c9c9c;
    --adp-accent-color: #4eb5e6;
    --adp-color-current-date: var(--aquamarine);
    --adp-color-other-month: var(--lightgray);
    --adp-color-disabled: #aeaeae;
    --adp-color-disabled-in-range: #939393;
    --adp-color-other-month-hover: var(--lightgray);
    --adp-border-color: #dbdbdb;
    --adp-border-color-inner: #efefef;
    --adp-border-radius: 30px;
    --adp-border-color-inline: #d7d7d7;
    --adp-nav-height: 32px;
    --adp-nav-arrow-color: var(--adp-color-secondary);
    --adp-nav-action-size: 32px;
    --adp-nav-color-secondary: black;
    --adp-day-name-color: var(--gray);
    --adp-day-name-color-hover: var(--gray);
    --adp-day-cell-width: 1fr;
    --adp-day-cell-height: 32px;
    --adp-month-cell-height: 42px;
    --adp-year-cell-height: 56px;
    --adp-pointer-size: 10px;
    --adp-poiner-border-radius: 2px;
    --adp-pointer-offset: 14px;
    --adp-cell-border-radius: 4px;
    --adp-cell-background-color-hover: var(--adp-background-color-hover);
    --adp-cell-background-color-selected: var(--aquamarine);
    --adp-cell-background-color-selected-hover: var(--aquamarine);
    --adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);
    --adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);
    --adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);
    --adp-btn-height: 32px;
    --adp-btn-color: var(--adp-accent-color);
    --adp-btn-color-hover: var(--adp-color);
    --adp-btn-border-radius: var(--adp-border-radius);
    --adp-btn-background-color-hover: var(--adp-background-color-hover);
    --adp-btn-background-color-active: var(--adp-background-color-active);
    --adp-time-track-height: 1px;
    --adp-time-track-color: #dedede;
    --adp-time-track-color-hover: #b1b1b1;
    --adp-time-thumb-size: 12px;
    --adp-time-padding-inner: 10px;
    --adp-time-day-period-color: var(--adp-color-secondary);
    --adp-mobile-font-size: 16px;
    --adp-mobile-nav-height: 40px;
    --adp-mobile-width: 320px;
    --adp-mobile-day-cell-height: 38px;
    --adp-mobile-month-cell-height: 48px;
    --adp-mobile-year-cell-height: 64px
}

.air-datepicker-overlay {
    --adp-overlay-background-color: rgba(0, 0, 0, .3);
    --adp-overlay-transition-duration: .3s;
    --adp-overlay-transition-ease: ease-out;
    --adp-overlay-z-index: 99
}

.air-datepicker {
    background: var(--adp-background-color);
    border: 1px solid var(--adp-border-color);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    border-radius: var(--adp-border-radius);
    box-sizing: content-box;
    display: grid;
    grid-template-columns:1fr;
    grid-template-rows:repeat(4, max-content);
    grid-template-areas:var(--adp-grid-areas);
    font-family: var(--adp-font-family), sans-serif;
    font-size: var(--adp-font-size);
    color: var(--adp-color);
    width: var(--adp-width);
    position: absolute;
    transition: opacity var(--adp-transition-duration) var(--adp-transition-ease), transform var(--adp-transition-duration) var(--adp-transition-ease);
    z-index: var(--adp-z-index)
}

.air-datepicker:not(.-custom-position-) {
    opacity: 0
}

.air-datepicker.-from-top- {
    transform: translateY(calc(var(--adp-transition-offset) * -1))
}

.air-datepicker.-from-right- {
    transform: translateX(var(--adp-transition-offset))
}

.air-datepicker.-from-bottom- {
    transform: translateY(var(--adp-transition-offset))
}

.air-datepicker.-from-left- {
    transform: translateX(calc(var(--adp-transition-offset) * -1))
}

.air-datepicker.-active-:not(.-custom-position-) {
    transform: translate(0, 0);
    opacity: 1
}

.air-datepicker.-active-.-custom-position- {
    transition: none
}

.air-datepicker.-inline- {
    border-color: var(--adp-border-color-inline);
    box-shadow: none;
    position: static;
    left: auto;
    right: auto;
    opacity: 1;
    transform: none
}

.air-datepicker.-inline- .air-datepicker--pointer {
    display: none
}

.air-datepicker.-is-mobile- {
    --adp-font-size: var(--adp-mobile-font-size);
    --adp-day-cell-height: var(--adp-mobile-day-cell-height);
    --adp-month-cell-height: var(--adp-mobile-month-cell-height);
    --adp-year-cell-height: var(--adp-mobile-year-cell-height);
    --adp-nav-height: var(--adp-mobile-nav-height);
    --adp-nav-action-size: var(--adp-mobile-nav-height);
    position: fixed;
    width: var(--adp-mobile-width);
    border: none
}

.air-datepicker.-is-mobile- * {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.air-datepicker.-is-mobile- .air-datepicker--pointer {
    display: none
}

.air-datepicker.-is-mobile-:not(.-custom-position-) {
    transform: translate(-50%, calc(-50% + var(--adp-transition-offset)))
}

.air-datepicker.-is-mobile-.-active-:not(.-custom-position-) {
    transform: translate(-50%, -50%)
}

.air-datepicker.-custom-position- {
    transition: none
}

.air-datepicker-global-container {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 30px;
    border: unset;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}

.air-datepicker--pointer {
    --pointer-half-size: calc(var(--adp-pointer-size) / 2);
    position: absolute;
    width: var(--adp-pointer-size);
    height: var(--adp-pointer-size);
    z-index: -1
}

.air-datepicker--pointer:after {
    content: "";
    position: absolute;
    background: #fff;
    border-top: 1px solid var(--adp-border-color-inline);
    border-right: 1px solid var(--adp-border-color-inline);
    border-top-right-radius: var(--adp-poiner-border-radius);
    width: var(--adp-pointer-size);
    height: var(--adp-pointer-size);
    box-sizing: border-box
}

.-top-left- .air-datepicker--pointer, .-top-center- .air-datepicker--pointer, .-top-right- .air-datepicker--pointer, [data-popper-placement^=top] .air-datepicker--pointer {
    top: calc(100% - var(--pointer-half-size) + 1px)
}

.-top-left- .air-datepicker--pointer:after, .-top-center- .air-datepicker--pointer:after, .-top-right- .air-datepicker--pointer:after, [data-popper-placement^=top] .air-datepicker--pointer:after {
    transform: rotate(135deg)
}

.-right-top- .air-datepicker--pointer, .-right-center- .air-datepicker--pointer, .-right-bottom- .air-datepicker--pointer, [data-popper-placement^=right] .air-datepicker--pointer {
    right: calc(100% - var(--pointer-half-size) + 1px)
}

.-right-top- .air-datepicker--pointer:after, .-right-center- .air-datepicker--pointer:after, .-right-bottom- .air-datepicker--pointer:after, [data-popper-placement^=right] .air-datepicker--pointer:after {
    transform: rotate(225deg)
}

.-bottom-left- .air-datepicker--pointer, .-bottom-center- .air-datepicker--pointer, .-bottom-right- .air-datepicker--pointer, [data-popper-placement^=bottom] .air-datepicker--pointer {
    bottom: calc(100% - var(--pointer-half-size) + 1px)
}

.-bottom-left- .air-datepicker--pointer:after, .-bottom-center- .air-datepicker--pointer:after, .-bottom-right- .air-datepicker--pointer:after, [data-popper-placement^=bottom] .air-datepicker--pointer:after {
    transform: rotate(315deg)
}

.-left-top- .air-datepicker--pointer, .-left-center- .air-datepicker--pointer, .-left-bottom- .air-datepicker--pointer, [data-popper-placement^=left] .air-datepicker--pointer {
    left: calc(100% - var(--pointer-half-size) + 1px)
}

.-left-top- .air-datepicker--pointer:after, .-left-center- .air-datepicker--pointer:after, .-left-bottom- .air-datepicker--pointer:after, [data-popper-placement^=left] .air-datepicker--pointer:after {
    transform: rotate(45deg)
}

.-top-left- .air-datepicker--pointer, .-bottom-left- .air-datepicker--pointer {
    left: var(--adp-pointer-offset)
}

.-top-right- .air-datepicker--pointer, .-bottom-right- .air-datepicker--pointer {
    right: var(--adp-pointer-offset)
}

.-top-center- .air-datepicker--pointer, .-bottom-center- .air-datepicker--pointer {
    left: calc(50% - var(--adp-pointer-size) / 2)
}

.-left-top- .air-datepicker--pointer, .-right-top- .air-datepicker--pointer {
    top: var(--adp-pointer-offset)
}

.-left-bottom- .air-datepicker--pointer, .-right-bottom- .air-datepicker--pointer {
    bottom: var(--adp-pointer-offset)
}

.-left-center- .air-datepicker--pointer, .-right-center- .air-datepicker--pointer {
    top: calc(50% - var(--adp-pointer-size) / 2)
}

.air-datepicker--navigation {
    grid-area: nav
}

.air-datepicker--content {
    box-sizing: content-box;
    padding: var(--adp-padding);
    grid-area: body;
    margin: 0px 20px 20px 20px;
    padding: 24px 36px;
    border-radius: 20px;
    border: 1px solid var(--lightgray);
}

.-only-timepicker- .air-datepicker--content {
    display: none
}

.air-datepicker--time {
    grid-area: timepicker
}

.air-datepicker--buttons {
    grid-area: buttons
}

.air-datepicker--buttons, .air-datepicker--time {
    padding: var(--adp-padding);
    border-top: 1px solid var(--adp-border-color-inner)
}

.air-datepicker-overlay {
    position: fixed;
    background: var(--adp-overlay-background-color);
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    opacity: 0;
    transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), left 0s, height 0s, width 0s;
    transition-delay: 0s, var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration);
    z-index: var(--adp-overlay-z-index)
}

.air-datepicker-overlay.-active- {
    opacity: 1;
    width: 100%;
    height: 100%;
    transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), height 0s, width 0s
}
/* End */


/* Start:/local/templates/Fanfantulpan/include/swiper/swiper-bundle.min.css?170959580122806*/
/**
 * Swiper 10.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 28, 2023
 */

@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;
    overflow: clip;
    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.swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.33)
}

.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, 24px));
    height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 24px));
    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)
}
/*.swiper-horizontal > .swiper-pagination-bullet-active.swiper-pagination-bullet-active-main{*/
/*    width: 24px;*/
/*    height: 24px;*/
/*}*/
/*.swiper-horizontal > .swiper-pagination-bullet-active-main{*/
/*    width: 8px;*/
/*    height: 8px;*/
/*}*/
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, 8px);
    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, 8px);
    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
}
@media (max-width: 1440px){
    .swiper-pagination-bullet {
        width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 18px));
        height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 18px));
        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)
    }

}
/* End */


/* Start:/local/templates/Fanfantulpan/include_custom/nightOrder/css/style.css?1756276394707*/
.night-order-btn {
  position: fixed;
  bottom: 20px;
  left: 20px;
  background: #222;
  color: #fff;
  padding: 12px 20px;
  border-radius: 25px;
  cursor: pointer;
  z-index: 1000;
  font-family: sans-serif;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease, background 0.3s ease;
}

.night-order-btn.show {
  opacity: 1;
  pointer-events: auto;
}

.night-order-btn.night {
  background: #444;
}

.night-order-btn.normal {
  background: #222;
}

@media (max-width: 768px) {
  .night-order-btn {
    bottom: 85px; /* например, 60-80px от нижнего края */
    padding: 8px 12px;
    font-size: 14px;
    border-radius: 20px;
  }
}
/* End */


/* Start:/local/templates/Fanfantulpan/components/bitrix/menu/menu-modal/style.css?1709595801581*/
/* Left menu*/
ul.left-menu
{
	list-style:none;
	margin:0; padding:0;
	margin-bottom:8px;
	position: relative; /*IE bug*/
}

ul.left-menu li
{
	padding: 10px 16px;
	background:#F5F5F5 url(/local/templates/Fanfantulpan/components/bitrix/menu/menu-modal/images/left_menu_bg.gif) top repeat-x;
}

ul.left-menu li a
{
	font-size:100%;
	color:#BC262C;
	font-weight:bold;
	text-decoration:none;
}

ul.left-menu li a:visited
{
	color:#BC262C;
}

ul.left-menu li a:hover
{
	color:#BC262C;
}


ul.left-menu li a.selected:link,
ul.left-menu li a.selected:visited,
ul.left-menu li a.selected:active,
ul.left-menu li a.selected:hover
{
	color:#FC8D3D;
}




/* End */


/* Start:/local/templates/Fanfantulpan/components/bitrix/system.auth.form/sms/style.css?1709595801854*/
div.bx-system-auth-form span.bx-auth-secure {background-color:#FFFAE3; border:1px solid #DEDBC8; padding:2px; display:inline-block; vertical-align:bottom; margin-top:-1px;}
div.bx-system-auth-form div.bx-auth-secure-icon {background-image:url(/local/templates/Fanfantulpan/components/bitrix/system.auth.form/sms/images/sec.png); background-repeat:no-repeat; background-position:center; width:19px; height:18px;}
div.bx-system-auth-form div.bx-auth-secure-unlock {background-image:url(/local/templates/Fanfantulpan/components/bitrix/system.auth.form/sms/images/sec-unlocked.png);}





/*auth form sms*/

.form_code {
    display:none;
}
.result_message {
    margin: 10px 0;
}

.edit_phone {
    text-decoration: underline;
    cursor: pointer;
}

#result_message {

}

span.red-not {
    color: red;
    display: block;
    width: max-content;
    margin-top: -5px;
    margin-bottom: 5px;
}

.form_reg {
    display: none;
}

#show_reg {
    color: var(--tealblue);
    cursor: pointer;
}


/* End */


/* Start:/local/templates/Fanfantulpan/components/bitrix/form.result.new/main/style.css?1709595801818*/
/*table.form-table*/
/*{*/
/*	width:100%;*/
/*	background-color:white;*/
/*	border-collapse:collapse;*/
/*	font-size:100%;*/
/*	font-weight:normal;*/
/*	line-height:160%;*/
/*}*/

/*table.form-table th, table.form-table td*/
/*{*/
/*	border:1px solid #ADC3D5;*/
/*	padding: 5px 5px;*/
/*	vertical-align:top;*/
/*}*/

/*table.form-table th*/
/*{*/
/*	background-image:url(/local/templates/Fanfantulpan/components/bitrix/form.result.new/main/images/table_head.gif);*/
/*	background-repeat:repeat-x;*/
/*	text-align: left;*/
/*	color:#25639A;*/
/*}*/


/*table.form-table td*/
/*{*/
/*	padding: 15px 5px;*/
/*}*/

/*.form-required */
/*{*/
/*	color: red;*/
/*}*/

/*.error-fld {*/
/*	display: block;*/
/*	float: left;*/
/*	height: 13px;*/
/*	width: 15px;*/
/*	background-repeat: no-repeat;*/
/*	background-image: url(/local/templates/Fanfantulpan/components/bitrix/form.result.new/main/images/icon_warn.gif);*/
/*}*/
/* End */


/* Start:/local/components/custom/catalog.section/templates/basket-recommend/style.css?17095958017455*/
.basket-recommend{
	width: 246px;
	padding: 20px 40px;
	overflow-y: auto;
	background-color: rgba(208, 207, 212, 0.1);
}
.basket-recommend-title{

}
.basket-recommend .item-list{
	flex-wrap: wrap;
}
.basket-recommend .item-list .item{
	width: 100%;
	padding: 20px 0;
	border-bottom: 1px solid var(--lightgray);
}
.basket-recommend .item-list .item .item__img-button{
	display: block;
	width: calc(100% - 24px);
	margin: 0 14px;
}
.basket-recommend::-webkit-scrollbar{
	display: none;
}
.filter{
	position: absolute;
	top: 200px;
	/*padding-bottom: 25px;*/
	width: 100%;
	background-color: #fff;
}
.filter__body{
	display: flex;
	justify-content: space-between;
	padding: 0 25px;
}
.filter__body-right{

}
.sorter{
	display: flex;
	position: relative;
}
.mobile-sorter{
	display: none;
}
.sorter__text{
	margin-right: 10px;
}
.sorter .sorter__btn{
	cursor: pointer;
	text-decoration: underline;
	text-underline-offset: 5px;
}
.filter__btn{
	cursor: pointer;
}
.sorter .sorter__btn::after {
	content: url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" width="22" height="12" viewBox="0 0 22 12"%3E%3Cpath d="M0.654662 0.327868C1.04426 -0.069545 1.65393 -0.105679 2.08354 0.219481L2.20662 0.327868L10.9999 9.29787L19.7932 0.327868C20.1828 -0.069545 20.7924 -0.105679 21.222 0.219481L21.3451 0.327868C21.7347 0.725282 21.7702 1.34716 21.4514 1.78539L21.3451 1.91095L11.7759 11.6721C11.3863 12.0696 10.7766 12.1057 10.347 11.7805L10.2239 11.6721L0.654662 1.91095C0.226115 1.47379 0.226115 0.765015 0.654662 0.327868Z" fill="%23130F26"%3E%3C/path%3E%3C/svg%3E');
	margin-left: 15px;
	display: inline-block;
}
.sorter-list{
	transition: top 0.3s, z-index 0.3s cubic-bezier(1, 0, 1, 0),right 0s 0.3s;
	background-color: #fff;
	padding: 20px 32px;
	border-radius: 30px;
	top: 60px;
	right: -9999px;
	position: absolute;
	opacity: 0;
	z-index: -100;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}
.sorter-list__item{
	display: block;
}
.sorter-list__item.disabled{
	cursor: none;
	pointer-events: none;
	font-weight: 600;
}
.sorter-list__item:not(:last-child){
	margin-bottom: 15px;
}
.sorter-list.show{
	transition: top 0.3s, z-index 0.01s cubic-bezier(1, 0, 1, 0),right 0s 0s;
	opacity: 1;
	z-index: 10;
	top: 40px;
	right: 0;
}
.breadcrumbs{
	max-width: 60%;
}
@media (max-width: 1440px) {
	.basket-recommend {
		width: 220px;
	}
}
@media (max-width: 1365px) {
	.breadcrumbs{
		max-width: unset;
		margin-bottom: 100px!important;

	}
	.filter__body{
		padding: 0 160px;
	}
	.filter{
		top: 115px;
		padding-bottom: 25px;
	}
	.basket-recommend {
		width: 195px;
		padding: 20px;
	}
}
@media (max-width: 1200px) {
	.filter__body{
		padding: 0 95px;
	}
}
@media (max-width: 991px) {
	.filter__body{
		padding: 0 78px;
	}
}
@media (max-width: 767px) {
	#basket-root #basket-total-row .basket-recommend{
		width: 100%;
	}
	#basket-root #basket-total-row .basket-recommend .item-list{
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		gap: 20px;
	}
	#basket-root #basket-total-row .basket-recommend .item-list::-webkit-scrollbar{
		width: 0;
		height: 0;
	}
	#basket-root #basket-total-row .basket-recommend .item-list .item{
	min-width: calc((100% - 40px) / 3);
		border-bottom: unset;
	}
	.filter__body{
		padding: 0 55px;
	}
	.filter{
		top: 55px;
		padding-bottom: 25px;
	}
	.mobile-sorter{
		display: block;
	}
	.sorter{
		display: none;
	}
	/*.basket-recommend {*/
	/*	display: none;*/
	/*}*/
}
@media (max-width: 576px) {
	#basket-root #basket-total-row .basket-recommend .item-list .item{
		min-width: calc((100% - 20px) / 2);
		border-bottom: unset;
	}
	.filter__body{
		padding: 0 20px;
	}

}



















@media (min-width: 1200px){
	/*lg*/
	/*6*/
	.product-item-list-col-6   > .col-xs-12 > .row > .col-md-2:nth-child(6n+1),
	.product-item-list-col-1-6 > .col-sm-6:nth-child(2n+1),
	.product-item-list-col-6-1 > .col-sm-6:nth-child(2n+1),
	.product-item-list-col-1-6 > .col-sm-6  > .row > .col-md-4:nth-child(3n+1),
	.product-item-list-col-6-1 > .col-sm-6  > .row > .col-md-4:nth-child(3n+1),
	/*4*/
	.product-item-list-col-4   > .col-xs-12 > .row > .col-md-3:nth-child(4n+1),
	.product-item-list-col-1-4 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	.product-item-list-col-4-1 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	/*3*/
	.product-item-list-col-3   > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1),
	/*2*/
	.product-item-list-col-2   > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1),
	/*1*/
	.product-item-list-col-1   > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both}
}
@media (min-width: 992px) and (max-width:1199px){
	/*md*/
	/*6*/
	.product-item-list-col-6   > .col-xs-12 > .row > .col-md-2:nth-child(6n+1),
	.product-item-list-col-1-6 > .col-sm-6:nth-child(2n+1),
	.product-item-list-col-6-1 > .col-sm-6:nth-child(2n+1),
	.product-item-list-col-1-6 > .col-sm-6 > .row > .col-md-4:nth-child(3n+1),
	.product-item-list-col-6-1 > .col-sm-6 > .row > .col-md-4:nth-child(3n+1),
	/*4*/
	.product-item-list-col-4   > .col-xs-12 > .row > .col-md-3:nth-child(4n+1),
	.product-item-list-col-1-4 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	.product-item-list-col-4-1 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	/*3*/
	.product-item-list-col-3   > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1),
	/*2*/
	.product-item-list-col-2   > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1),
	/*1*/
	.product-item-list-col-1   > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both}
}
@media (min-width: 768px) and (max-width: 991px){
	/*sm*/
	/*6*/
	.product-item-list-col-6   > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1),
	.product-item-list-col-1-6 > .col-sm-6:nth-child(2n+1),
	.product-item-list-col-6-1 > .col-sm-6:nth-child(2n+1),
	.product-item-list-col-1-6 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	.product-item-list-col-6-1 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	/*4*/
	.product-item-list-col-4   > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1),
	.product-item-list-col-1-4 > .col-sm-6:nth-child(2n+1),
	.product-item-list-col-4-1 > .col-sm-6:nth-child(2n+1),
	.product-item-list-col-1-4 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	.product-item-list-col-4-1 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	/*3*/
	.product-item-list-col-3   > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1),
	/*2*/
	.product-item-list-col-2   > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1),
	/*1*/
	.product-item-list-col-1   > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both}
}
@media (max-width: 767px){
	/*xs*/
	/*6*/
	.product-item-list-col-6   > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1),
	.product-item-list-col-1-6 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	.product-item-list-col-6-1 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	/*4*/
	.product-item-list-col-4   > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1),
	.product-item-list-col-1-4 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	.product-item-list-col-4-1 > .col-sm-6 >  .row > .col-xs-6:nth-child(2n+1),
	/*3*/
	.product-item-list-col-3   > .col-xs-12 > .row > .col-sm-4:nth-child(3n+1),
	/*2*/
	.product-item-list-col-2   > .col-xs-12 > .row > .col-xs-6:nth-child(2n+1),
	/*1*/
	.product-item-list-col-1   > .col-xs-12 > .row > .col-xs-12:nth-child(1n){clear: both}
}

.catalog-section-header{
	font-size:14px;
	font-weight: bold;
	text-align: left;
	margin:5px 0;
	padding:5px 15px;
	border-bottom: 2px solid #d9dee6;
	color: #000;
}

.row::before {
	display: initial;
}

/* End */


/* Start:/local/templates/Fanfantulpan/components/bitrix/catalog.item/basket-recommend-item/style.css?171765431328608*/
.product-item-price-old{
    margin-right: 15px;
}
.btn--small{
    text-align: center;
    padding: 8px 0px!important;
}
/*.product-item-container { position: relative; }*/

/*.product-item-container.hover { z-index: 17; }*/

/*.product-item {*/
/*	display: block;*/
/*	box-sizing: border-box;*/
/*	padding: 15px 0 5px;*/
/*	width: 100%;*/
/*	border: 1px solid transparent;*/
/*	border-radius: 2px;*/
/*}*/

/*.product-item-line-card .product-item {*/
/*	width: auto !important;*/
/*	border-bottom: 1px solid #dadada;*/
/*}*/

/*@media (max-width: 991px) {*/
/*	.product-item-line-card .product-item .col-sm-6:nth-child(2n) { clear: both; }*/
/*}*/

/*.bx-retina .product-item { border-width: .5px; }*/

/*.product-item * { transition: opacity 300ms ease; }*/

/*@media (max-width: 767px) {*/
/*	.product-item { padding: 15px 5px 5px }*/

/*	.product-item-line-card .product-item .col-xs-12:nth-child(2n) { clear: both; }*/
/*}*/

/*.bx-no-touch .product-item-container.hover .product-item {*/
/*	position: absolute;*/
/*	right: -15px;*/
/*	left: -15px;*/
/*	padding: 15px 15px 0;*/
/*	width: auto;*/
/*	border: 1px solid transparent;*/
/*	background: #fff;*/
/*	box-shadow: 0 7px 15px 0 rgba(0, 0, 0, .19);*/
/*}*/

/*.bx-touch .product-item {*/
/*	padding: 15px 0 0;*/
/*	width: auto;*/
/*	background: #fff;*/
/*}*/

/*.bx-no-touch .product-item-container.hover .product-item { -webkit-animation: product-item-hover 300ms 1 ease; }*/

/*@-webkit-keyframes product-item-hover {*/
/*	0% {*/
/*		position: absolute;*/
/*		left: -15px;*/
/*		right: -15px;*/
/*		border: 1px solid transparent;*/
/*		box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);*/
/*	}*/
/*	100% {*/
/*		border: 1px solid transparent;*/
/*		box-shadow: 0 7px 15px 0 rgba(0, 0, 0, .19);*/
/*	}*/
/*}*/

/*!*Image*!*/
/*.product-item-image-wrapper {*/
/*	position: relative;*/
/*	display: block;*/
/*	margin-bottom: 15px;*/
/*	padding-top: 116%;*/
/*	width: 100%;*/
/*	transition: all 300ms ease;*/
/*}*/

/*.product-item-image-wrapper:hover { }*/

/*.product-item-container.hover.product-item-scalable-card .product-item-image-wrapper { padding-top: 54%; }*/

/*.product-item-image-original,*/
/*.product-item-image-alternative {*/
/*	position: absolute;*/
/*	top: 0;*/
/*	right: 0;*/
/*	bottom: 0;*/
/*	left: 0;*/
/*	display: block;*/
/*	width: 100%;*/
/*	height: 100%;*/
/*	background-position: center;*/
/*	background-size: contain;*/
/*	background-repeat: no-repeat;*/
/*	transition: opacity 300ms linear;*/
/*}*/

/*.product-item-image-original { z-index: 11; }*/

/*.product-item-image-alternative {*/
/*	z-index: 13;*/
/*	opacity: 0;*/
/*}*/

/*.bx-no-touch .product-item-container.hover .product-item-image-original { opacity: 0; }*/

/*.bx-no-touch .product-item-container.hover .product-item-image-alternative { opacity: 1; }*/

/*.product-item-big-card .product-item-image-wrapper { margin-bottom: 25px; }*/

/*!*Image Slider*!*/
/*.product-item-image-slider-slide-container {*/
/*	position: absolute;*/
/*	top: 0;*/
/*	right: 0;*/
/*	bottom: 0;*/
/*	left: 0;*/
/*	display: block;*/
/*	overflow: hidden;*/
/*	width: 100%;*/
/*	height: 100%;*/
/*	transition: opacity 300ms ease;*/
/*}*/

/*.product-item-image-slide {*/
/*	position: relative;*/
/*	display: none;*/
/*	height: 100%;*/
/*	background-color: #fff;*/
/*	background-position: center;*/
/*	background-size: contain;*/
/*	background-repeat: no-repeat;*/
/*	transition: .6s ease-in-out left;*/
/*}*/

/*@media all and (transform-3d), (-webkit-transform-3d) {*/
/*	.product-item-image-slide {*/
/*		transition: transform .6s ease-in-out;*/
/*		-webkit-backface-visibility: hidden;*/
/*		backface-visibility: hidden;*/
/*		-webkit-perspective: 1000px;*/
/*		perspective: 1000px;*/
/*	}*/

/*	.product-item-image-slide.next,*/
/*	.product-item-image-slide.active.right {*/
/*		left: 0;*/
/*		-webkit-transform: translate3d(100%, 0, 0);*/
/*		transform: translate3d(100%, 0, 0);*/
/*	}*/

/*	.product-item-image-slide.prev,*/
/*	.product-item-image-slide.active.left {*/
/*		left: 0;*/
/*		-webkit-transform: translate3d(-100%, 0, 0);*/
/*		transform: translate3d(-100%, 0, 0);*/
/*	}*/

/*	.product-item-image-slide.next.left,*/
/*	.product-item-image-slide.prev.right,*/
/*	.product-item-image-slide.active {*/
/*		left: 0;*/
/*		-webkit-transform: translate3d(0, 0, 0);*/
/*		transform: translate3d(0, 0, 0);*/
/*	}*/
/*}*/

/*.product-item-image-slider-slide-container > .active,*/
/*.product-item-image-slider-slide-container > .next,*/
/*.product-item-image-slider-slide-container > .prev { display: block; }*/

/*.product-item-image-slider-slide-container > .active { left: 0; }*/

/*.product-item-image-slider-slide-container > .next,*/
/*.product-item-image-slider-slide-container > .prev {*/
/*	position: absolute;*/
/*	top: 0;*/
/*	width: 100%;*/
/*}*/

/*.product-item-image-slider-slide-container > .next { left: 100%; }*/

/*.product-item-image-slider-slide-container > .prev { left: -100%; }*/

/*.product-item-image-slider-slide-container > .next.left,*/
/*.product-item-image-slider-slide-container > .prev.right { left: 0; }*/

/*.product-item-image-slider-progress-bar-container {*/
/*	position: absolute;*/
/*	right: 0;*/
/*	bottom: 0;*/
/*	left: 0;*/
/*	width: 100%;*/
/*	height: 1px;*/
/*}*/

/*.product-item-image-slider-progress-bar {*/
/*	position: absolute;*/
/*	top: 0;*/
/*	bottom: 0;*/
/*	left: 0;*/
/*	height: 1px;*/
/*	background-color: #f42c2c;*/
/*	opacity: .8;*/
/*}*/

/*.product-item-image-slider-control-container {*/
/*	position: absolute;*/
/*	right: 0;*/
/*	bottom: 10px;*/
/*	left: 0;*/
/*	z-index: 15;*/
/*	padding: 0;*/
/*	text-align: center;*/
/*	opacity: 0;*/
/*	transition: opacity 300ms ease;*/
/*}*/

/*.product-item-container.hover .product-item-image-slider-control-container,*/
/*.product-item-line-card:hover .product-item-image-slider-control-container { opacity: 1; }*/

/*.product-item-image-slider-control,*/
/*.product-item-image-slider-control.active {*/
/*	display: inline-block;*/
/*	width: 12px;*/
/*	height: 12px;*/
/*	border-radius: 50%;*/
/*	background-color: rgba(128, 128, 128, .8);*/
/*	opacity: .6;*/
/*	cursor: pointer;*/
/*	transition: all 300ms ease;*/
/*}*/

/*.product-item-image-slider-control:hover,*/
/*.product-item-image-slider-control.active:hover { cursor: pointer; }*/

/*!*Label*!*/
/*.product-item-label-text,*/
/*.product-item-label-ring {*/
/*	position: absolute;*/
/*	z-index: 15;*/
/*}*/

/*.product-item-label-text span,*/
/*.product-item-label-ring {*/
/*	display: inline-block;*/
/*	clear: both;*/
/*	margin-bottom: 2px;*/
/*	background: #f42c2c;*/
/*	color: #fff;*/
/*	vertical-align: middle;*/
/*	text-align: center;*/
/*	transition: all 250ms ease;*/
/*}*/

/*.bx-red .product-item-label-text span,*/
/*.bx-red .product-item-label-ring { background-color: #fba90c; }*/

/*.product-item-label-text > div,*/
/*.product-item-label-ring > div { line-height: 0; }*/

/*!* TEXT *!*/
/*.product-item-label-text span {*/
/*	padding: 2px 5px;*/
/*	vertical-align: middle;*/
/*	font-weight: bold;*/
/*}*/

/*!*SMALL*!*/
/*.product-item-label-text.product-item-label-small span,*/
/*.product-item-scalable-card.hover .product-item-label-text.product-item-label-small span {*/
/*	margin-bottom: 1px;*/
/*	padding: 2px 7px;*/
/*	font-weight: normal;*/
/*	font-size: 13px;*/
/*	line-height: 14px;*/
/*}*/

/*.product-item-big-card .product-item-label-text.product-item-label-small span {*/
/*	padding: 5px 12px;*/
/*	font-size: 16px;*/
/*	line-height: 21px;*/
/*}*/

/*!* BIG *!*/
/*.product-item-label-text.product-item-label-big span,*/
/*.product-item-scalable-card.hover .product-item-label-text.product-item-label-big span {*/
/*	padding: 4px 10px;*/
/*	font-size: 13px;*/
/*	line-height: 17px;*/
/*}*/

/*.product-item-big-card .product-item-label-text.product-item-label-big span {*/
/*	padding: 5px 17px;*/
/*	font-size: 22px;*/
/*	line-height: 33px;*/
/*}*/

/*@media (max-width: 767px) {*/
/*	.product-item-label-text > div { line-height: 0; }*/

/*	.product-item-label-text.product-item-label-small span,*/
/*	.product-item-scalable-card.hover .product-item-label-text.product-item-label-small span {*/
/*		margin-bottom: 1px;*/
/*		padding: 2px 7px;*/
/*		font-size: 10px;*/
/*		line-height: 14px;*/
/*	}*/

/*	.product-item-big-card .product-item-label-text.product-item-label-small span,*/
/*	.product-item-label-text.product-item-label-big span,*/
/*	.product-item-scalable-card.hover .product-item-label-text.product-item-label-big span {*/
/*		margin-bottom: 1px;*/
/*		padding: 3px 12px;*/
/*		font-size: 14px;*/
/*		line-height: 16px;*/
/*	}*/

/*	.product-item-big-card .product-item-label-text.product-item-label-big span {*/
/*		padding: 3px 12px;*/
/*		font-size: 20px;*/
/*		line-height: 25px;*/
/*	}*/
/*}*/

/*!*RING*!*/
/*.product-item-label-ring {*/
/*	box-sizing: border-box;*/
/*	border-radius: 50%;*/
/*	font-weight: bold;*/
/*}*/

/*.product-item-label-ring.product-item-label-small,*/
/*.product-item-scalable-card.hover .product-item-label-ring.product-item-label-small {*/
/*	width: 40px;*/
/*	height: 40px;*/
/*	font-size: 14px;*/
/*	line-height: 40px;*/
/*}*/

/*.product-item-big-card .product-item-label-ring.product-item-label-small {*/
/*	width: 100px;*/
/*	height: 100px;*/
/*	font-size: 30px;*/
/*	line-height: 100px;*/
/*}*/

/*.product-item-label-ring.product-item-label-big,*/
/*.product-item-scalable-card.hover .product-item-label-ring.product-item-label-big {*/
/*	width: 50px;*/
/*	height: 50px;*/
/*	font-size: 18px;*/
/*	line-height: 50px;*/
/*}*/

/*.product-item-big-card .product-item-label-ring.product-item-label-big {*/
/*	width: 120px;*/
/*	height: 120px;*/
/*	font-size: 42px;*/
/*	line-height: 120px;*/
/*}*/

/*@media (max-width: 767px) {*/
/*	.product-item-label-ring.product-item-label-small,*/
/*	.product-item-scalable-card.hover .product-item-label-ring.product-item-label-small {*/
/*		--product-item-label-ring-size: 40px;*/
/*		width: var(--product-item-label-ring-size);*/
/*		height: var(--product-item-label-ring-size);*/
/*		line-height: var(--product-item-label-ring-size);*/
/*		font-size: 14px;*/
/*	}*/

/*	.product-item-big-card .product-item-label-ring.product-item-label-small,*/
/*	.product-item-label-ring.product-item-label-big,*/
/*	.product-item-scalable-card.hover .product-item-label-ring.product-item-label-big {*/
/*		width: 35px;*/
/*		height: 35px;*/
/*		font-size: 12px;*/
/*		line-height: 35px;*/
/*	}*/

/*	.product-item-big-card .product-item-label-ring.product-item-label-big {*/
/*		width: 70px;*/
/*		height: 70px;*/
/*		font-size: 24px;*/
/*		line-height: 70px;*/
/*	}*/
/*}*/

/*.product-item-label-top { top: -5px; }*/

/*.product-item-label-center {*/
/*	left: 50%;*/
/*	transform: translateX(-50%);*/
/*}*/

/*.product-item-label-center > div { text-align: center; }*/

/*.product-item-label-left { left: -5px; }*/

/*.product-item-label-left > div { text-align: left; }*/

/*.product-item-label-bottom { bottom: -5px; }*/

/*.product-item-label-middle { top: 50%;*/
/*	transform: translateY(-50%);*/
/*}*/

/*.product-item-label-right { right: -5px; }*/

/*.product-item-label-right > div { text-align: right; }*/

/*.product-item-label-center.product-item-label-middle {*/
/*	transform: translateY(-50%) translateX(-50%);*/
/*}*/

/*!*Title*!*/
/*.product-item-title {*/
/*	overflow: hidden;*/
/*	margin-bottom: 15px;*/
/*	text-overflow: ellipsis;*/
/*	white-space: nowrap;*/
/*}*/

/*.bx-touch .product-item-title,*/
/*.product-item-container.hover .product-item-title {*/
/*	overflow: auto;*/
/*	white-space: normal;*/
/*}*/

/*.product-item-title a {*/
/*	color: #3f3f3f;*/
/*	text-decoration: none;*/
/*	font-size: 13px;*/
/*}*/

/*.product-item-big-card .product-item-title a { font-size: 21px; }*/

/*.product-item-line-card .product-item-title a { font-size: 20px; }*/

/*!*Price*!*/
/*.product-item-price-container { margin: 5px 0 10px; }*/

/*.product-item-price-current {*/
/*	color: #3f3f3f;*/
/*	white-space: nowrap;*/
/*	font-weight: bold;*/
/*	font-size: 13px;*/
/*}*/

/*.product-item-price-old {*/
/*	color: #a5a5a5;*/
/*	text-decoration: line-through;*/
/*	white-space: nowrap;*/
/*	font-size: 12px;*/
/*}*/

/*.product-item-big-card .product-item-price-current,*/
/*.product-item-big-card .product-item-price-old {*/
/*	vertical-align: middle;*/
/*	line-height: 20px;*/
/*}*/

/*.product-item-big-card .product-item-price-container { margin: 0 0 10px; }*/

/*.product-item-big-card .product-item-price-current { font-size: 18px; }*/

/*.product-item-big-card .product-item-price-old { font-size: 15px; }*/

/*!*Info*!*/
/*.product-item-line-card .product-item-info-container { text-align: center; }*/

/*.product-item-info-container { margin-bottom: 8px; }*/

/*.product-item-info-container-title {*/
/*	color: #000;*/
/*	font-weight: bold;*/
/*	font-size: 13px;*/
/*}*/

/*.bx-no-touch .product-item-container .product-item-info-container.product-item-hidden {*/
/*	display: none;*/
/*	opacity: 0;*/
/*	transition: opacity 300ms ease;*/
/*}*/

/*.bx-touch .product-item-info-container.product-item-touch-hidden { display: none !important }*/

/*.bx-touch .product-item-info-container.product-item-hidden,*/
/*.bx-no-touch .product-item-container.hover .product-item-info-container.product-item-hidden,*/
/*.product-item-line-card .product-item-container .product-item-info-container.product-item-hidden {*/
/*	display: block;*/
/*	opacity: 1;*/
/*}*/

/*!*Amount*!*/
/*.product-item-amount {*/
/*	padding: 0 0 2px;*/
/*	text-align: center;*/
/*}*/

/*.product-item-amount-field-container { }*/

/*.product-item-amount-field-btn-plus,*/
/*.product-item-amount-field-btn-minus {*/
/*	position: relative;*/
/*	display: inline-block;*/
/*	min-width: 22px;*/
/*	height: 22px;*/
/*	border-radius: 2px;*/
/*	background-color: #f2f2f2;*/
/*	color: #fff;*/
/*	vertical-align: middle;*/
/*	text-align: center;*/
/*	cursor: pointer;*/
/*	transition: background 300ms ease, opacity 300ms ease;*/
/*}*/

/*.bx-retina .product-item-amount-field-btn-plus,*/
/*.bx-retina .product-item-amount-field-btn-minus { border-width: .5px; }*/

/*.product-item-amount-field-btn-plus:hover,*/
/*.product-item-amount-field-btn-minus:hover { background: #d3d3d3; }*/

/*.product-item-amount-field-btn-plus:after,*/
/*.product-item-amount-field-btn-minus:after {*/
/*	position: absolute;*/
/*	top: 0;*/
/*	right: 0;*/
/*	bottom: 0;*/
/*	left: 0;*/
/*	content: "";*/
/*	opacity: .8;*/
/*	transition: opacity 300ms ease, background 300ms ease;*/
/*}*/

/*.product-item-amount-field-btn-disabled.product-item-amount-field-btn-plus:after,*/
/*.product-item-amount-field-btn-disabled.product-item-amount-field-btn-minus:after {*/
/*	opacity: .3 !important;*/
/*	cursor: default;*/
/*}*/

/*.product-item-amount-field-btn-disabled.product-item-amount-field-btn-plus:hover,*/
/*.product-item-amount-field-btn-disabled.product-item-amount-field-btn-minus:hover {*/
/*	background-color: #f2f2f2;*/
/*}*/

/*.product-item-amount-field-btn-plus:after {*/
/*	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4gIDxwYXRoIGZpbGw9IiM1MjVDNjgiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE4LDEyIEwxOCwwIEwxMiwwIEwxMiwxMiBMMCwxMiBMMCwxOCBMMTIsMTggTDEyLDMwIEwxOCwzMCBMMTgsMTggTDMwLDE4IEwzMCwxMiBMMTgsMTIgWiIvPjwvc3ZnPg==) no-repeat center;*/
/*	background-size: 10px;*/
/*}*/

/*.product-item-amount-field-btn-minus:after {*/
/*	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4gIDxyZWN0IHdpZHRoPSIzMCIgaGVpZ2h0PSI2IiB5PSIxMiIgZmlsbD0iIzUyNUM2OCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat center;*/
/*	background-size: 10px;*/
/*}*/

/*.product-item-amount-field-btn-plus:hover:after,*/
/*.product-item-amount-field-btn-minus:hover:after { opacity: 1; }*/

/*.product-item-amount-field {*/
/*	display: inline-block;*/
/*	padding: 0;*/
/*	max-width: 50px;*/
/*	width: auto;*/
/*	height: 22px;*/
/*	border: 1px solid transparent;*/
/*	border-radius: 2px;*/
/*	background: transparent !important;*/
/*	color: #000;*/
/*	vertical-align: middle;*/
/*	text-align: center;*/
/*	font-weight: bold;*/
/*	line-height: 22px;*/
/*	transition: border 300ms ease;*/
/*}*/

/*.bx-retina .product-item-amount-field { border-width: .5px; }*/

/*.product-item-amount-field:focus { outline: none !important; }*/

/*.bx-no-touch input.product-item-amount-field::-webkit-outer-spin-button,*/
/*.bx-no-touch input.product-item-amount-field::-webkit-inner-spin-button {*/
/*	margin: 0;*/
/*	-webkit-appearance: none;*/
/*	appearance: none*/
/*}*/

/*.product-item-amount-description-container {*/
/*	color: #a5a5a5;*/
/*	white-space: nowrap;*/
/*	font-size: 12px;*/
/*	display: block;*/
/*}*/

/*.product-item-big-card .product-item-amount-field-container { text-align: left; }*/

/*.product-item-amount-description-container strong {*/
/*	color: #333;*/
/*	white-space: nowrap;*/
/*}*/

/*.product-item-amount-label-container {*/
/*	margin: 5px 0;*/
/*	color: #a5a5a5;*/
/*	font-weight: bold;*/
/*	font-size: 12px;*/
/*}*/

/*!**!*/
/*.product-item-quantity {*/
/*	color: #333;*/
/*	font-weight: normal;*/
/*	font-size: 12px;*/
/*}*/

/*!*Properties *!*/
/*.product-item-properties {*/
/*	display: block;*/
/*	overflow: hidden;*/
/*	margin: 0;*/
/*	color: #a5a5a5;*/
/*	font-size: 12px;*/
/*}*/

/*.product-item-properties dl { clear: both; }*/

/*.product-item-properties dt {*/
/*	float: left;*/
/*	clear: both;*/
/*	font-weight: normal;*/
/*}*/

/*.product-item-properties dd {*/
/*	float: right;*/
/*	margin-bottom: 3px;*/
/*	margin-left: 5px;*/
/*	color: #000;*/
/*}*/

/*!*Compare*!*/
/*.product-item-compare-container {*/
/*	position: relative;*/
/*	display: none;*/
/*	margin: 0 -15px;*/
/*	padding: 4px 15px;*/
/*	min-height: 30px;*/
/*	border-top: 1px solid #e6e6e6;*/
/*	background: #f3f3f3;*/
/*	box-shadow: inset 0 1px 1px 0 #eee;*/
/*	vertical-align: middle;*/
/*	font-size: 12px;*/
/*	line-height: 20px;*/
/*}*/

/*.product-item-line-card .product-item-compare-container {*/
/*	margin: 0;*/
/*	border: none;*/
/*	background-color: transparent;*/
/*	box-shadow: none;*/
/*	text-align: center;*/
/*}*/

/*.bx-touch .product-item-compare-container { display: none; }*/

/*.product-item-line-card .product-item-compare-container,*/
/*.product-item-container.hover .product-item-compare-container { display: block; }*/

/*.product-item-compare .checkbox {*/
/*	margin: 0;*/
/*	padding: 0;*/
/*}*/

/*!* SCU *!*/
/*.product-item-scu-container { padding: 0 0 2px; }*/

/*.product-item-scu-container-title {*/
/*	color: #333;*/
/*	font-size: 12px;*/
/*}*/

/*.product-item-scu-block { }*/

/*.product-item-scu-list { margin: 0; }*/

/*.product-item-scu-item-list {*/
/*	overflow: hidden;*/
/*	margin: 0 0 0 -2px;*/
/*	padding: 0;*/
/*	list-style: none;*/
/*}*/

/*.product-item-scu-item-color-container,*/
/*.product-item-scu-item-text-container {*/
/*	!* float: left; *!*/
/*	display: inline-block;*/
/*	box-sizing: border-box;*/
/*	padding: 5px 3px;*/
/*	max-width: 100%;*/
/*}*/

/*.product-item-scu-item-text-container { min-width: 32px; }*/

/*.product-item-scu-item-color-container {*/
/*	max-width: 38px;*/
/*	width: 25%;*/
/*}*/

/*.product-item-scu-item-color-block {*/
/*	position: relative;*/
/*	padding-top: 100%;*/
/*	outline: 1px solid #c0cfda;*/
/*	cursor: pointer;*/
/*}*/

/*.bx-no-touch .product-item-scu-item-color-block {*/
/*	transition: outline 200ms ease;*/
/*}*/

/*.bx-retina .product-item-scu-item-color-block { outline-width: .5px; }*/

/*.product-item-scu-item-color-container.selected .product-item-scu-item-color-block { outline-width: 2px; }*/

/*.bx-retina .product-item-scu-item.selected .product-item-scu-item-color-block { outline-width: 1px; }*/

/*.product-item-scu-item-color {*/
/*	position: absolute;*/
/*	top: 2px;*/
/*	right: 2px;*/
/*	bottom: 2px;*/
/*	left: 2px;*/
/*	background-position: center;*/
/*	background-size: contain;*/
/*	background-repeat: no-repeat;*/
/*}*/

/*.product-item-scu-item-text-block {*/
/*	position: relative;*/
/*	padding: 0 5px;*/
/*	outline: 1px solid #c0cfda;*/
/*	cursor: pointer;*/
/*}*/

/*.bx-no-touch .product-item-scu-item-text-block {*/
/*	transition: outline 300ms ease;*/
/*}*/

/*.bx-retina .product-item-scu-item-text-block { outline-width: .5px; }*/

/*.product-item-scu-item-text-container.selected .product-item-scu-item-text-block { outline-width: 2px; }*/

/*.bx-retina .product-item-scu-item.selected .product-item-scu-item-text-block { outline-width: 1px; }*/

/*.product-item-scu-item-text {*/
/*	overflow: hidden;*/
/*	max-width: 100%;*/
/*	vertical-align: middle;*/
/*	text-align: center;*/
/*	text-transform: uppercase;*/
/*	text-overflow: ellipsis;*/
/*	white-space: nowrap;*/
/*	font-size: 11px;*/
/*	line-height: 18px;*/
/*}*/

/*.product-item-scu-item-color-container.notallowed .product-item-scu-item-color-block,*/
/*.product-item-scu-item-text-container.notallowed .product-item-scu-item-text-block {*/
/*	position: relative;*/
/*	outline-color: #a9adb4 !important;*/
/*}*/

/*.product-item-scu-item-color-container.notallowed .product-item-scu-item-color-block:after,*/
/*.product-item-scu-item-text-container.notallowed .product-item-scu-item-text-block:after {*/
/*	position: absolute;*/
/*	top: -2px;*/
/*	right: -2px;*/
/*	bottom: -2px;*/
/*	left: -2px;*/
/*	background: rgba(255, 255, 255, 0.75) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2Ij4gIDxwYXRoIGZpbGw9IiNBOUFEQjQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE0LjM5MjEyNjgsMTMuMjMyMzAyOSBMMjUuOTkyLDEuNDE4IEwyNC42LDAgTDEyLjk5OTk5NTYsMTEuODE0NDM2NCBMMS40LDAgTDAuMDA5LDEuNDE5IEwxMS42MDc4Njg3LDEzLjIzMjI5NzUgTDAuNDczLDI0LjU3MyBMMS44NjUsMjUuOTkxIEwxMi45OTk5OTkzLDE0LjY1MDE2NDUgTDI0LjEzNCwyNS45OSBMMjUuNTI2LDI0LjU3MiBMMTQuMzkyMTI2OCwxMy4yMzIzMDI5IFoiLz48L3N2Zz4=) no-repeat center;*/
/*	background-size: 80% 80%;*/
/*	content: "";*/
/*}*/

/*@media (max-width: 991px) {*/
/*	.product-item-line-card .product-item-scu-container-title { text-align: center; }*/

/*	.product-item-line-card .product-item-scu-item-list { text-align: center; }*/

/*	.product-item-line-card .product-item-scu-item-color-container,*/
/*	.product-item-line-card .product-item-scu-item-text-container {*/
/*		display: inline-block;*/
/*		float: none;*/
/*	}*/
/*}*/

/*!*Description*!*/
/*.product-item-description-container { }*/

/*.product-item-description-container p {*/
/*	color: #575757;*/
/*	font-size: 13px;*/
/*}*/

/*!*Buttons*!*/
/*.product-item-button-container { text-align: center; }*/

/*.product-item-button-container .btn { margin-bottom: 2px; }*/

/*!*Stickers*!*/
/*.product-item-sticker,*/
/*.product-item-sticker-round { display: none; }*/

/*!*More*!*/
/*.product-item-more-container {*/
/*	position: relative;*/
/*	display: block;*/
/*	box-sizing: border-box;*/
/*	padding: 15px 15px 5px;*/
/*	width: 100%;*/
/*	border: 1px solid transparent;*/
/*	border-radius: 2px;*/
/*	transition: all 300ms ease;*/
/*}*/

/*.product-item-more-wrapper {*/
/*	position: relative;*/
/*	display: block;*/
/*	margin-bottom: 15px;*/
/*	padding-top: 116%;*/
/*	width: 100%;*/
/*}*/

/*.product-item-more {*/
/*	position: absolute;*/
/*	top: 0;*/
/*	right: 0;*/
/*	bottom: 0;*/
/*	left: 0;*/
/*	display: block;*/
/*	width: 100%;*/
/*	height: 100%;*/
/*	background: #f3f3f3 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjk3LjYxMyAyOTcuNjEzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjxjaXJjbGUgY3g9IjE1LjI3OSIgY3k9IjE0LjgzIiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjU5LjMyIiBjeT0iNTkuNzY5IiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjU5LjMyIiBjeT0iMTQuODMiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTA0LjI2MSIgY3k9IjU5Ljc2OSIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxMDQuMjYxIiBjeT0iMTAzLjgxIiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjEwNC4yNjEiIGN5PSIxNC44MyIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iNTkuNzY5IiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjE0OC4zMDIiIGN5PSIxMDMuODEiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTQ4LjMwMiIgY3k9IjE0LjgzIiByPSIxNC44MyIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjE5Mi4zNDMiIGN5PSI1OS43NjkiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTkyLjM0MyIgY3k9IjEwMy44MSIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iMTQ3Ljg1MiIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxOTIuMzQzIiBjeT0iMTQ3Ljg1MiIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxMDQuMjYxIiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxOTIuMzQzIiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSI1OS4zMiIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTA0LjI2MSIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTQ4LjMwMiIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMTkyLjM0MyIgY3k9IjIzNi44ODciIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMjM4LjIzOCIgY3k9IjEwMy44MSIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIyMzguMjM4IiBjeT0iMTQ3Ljg1MiIgcj0iMTQuODMiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIyMzguMjM4IiBjeT0iMTkyLjc5IiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNS4yNzkiIGN5PSIyODIuNzgyIiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSI1OS4zMiIgY3k9IjI4Mi43ODIiIHI9IjE0LjgzMSIgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvY2lyY2xlPjxjaXJjbGUgY3g9IjEwNC4yNjEiIGN5PSIyODIuNzgyIiByPSIxNC44MzEiIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2NpcmNsZT48Y2lyY2xlIGN4PSIxNDguMzAyIiBjeT0iMjgyLjc4MiIgcj0iMTQuODMxIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PGNpcmNsZSBjeD0iMjgyLjMzNCIgY3k9IjE0Ny44NTIiIHI9IjE0LjgzIiBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9jaXJjbGU+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjxnIHN0eWxlPSJmaWxsOiByZ2IoMTMwLCAxMzAsIDEzMCk7Ij48L2c+PGcgc3R5bGU9ImZpbGw6IHJnYigxMzAsIDEzMCwgMTMwKTsiPjwvZz48ZyBzdHlsZT0iZmlsbDogcmdiKDEzMCwgMTMwLCAxMzApOyI+PC9nPjwvc3ZnPg==) no-repeat center;*/
/*	background-size: 50%;*/
/*	opacity: .7;*/
/*	transition: opacity 300ms ease;*/
/*}*/

/*.bx-touch .product-item-more,*/
/*.product-item-container.hover .product-item-more { opacity: 1; }*/

/*.product-item-more-title {*/
/*	overflow: hidden;*/
/*	text-align: center;*/
/*	text-overflow: ellipsis;*/
/*	white-space: nowrap;*/
/*}*/

/*.no-select {*/
/*	-webkit-touch-callout: none;*/
/*	-webkit-user-select: none;*/
/*	-moz-user-select: none;*/
/*	-ms-user-select: none;*/
/*	user-select: none;*/
/*}*/

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

/*input::-webkit-outer-spin-button,*/
/*input::-webkit-inner-spin-button {*/
/*	-webkit-appearance: none;*/
/*}*/

.item__properties .notallowed {
    display: none;
}
.item__properties.DOSTUPEN_POD_ZAKAZ .notallowed {
    display: unset;
}
/* End */


/* Start:/local/components/custom/catalog.section/templates/basket-recommend/themes/blue/style.css?1709595801825*/
/* catalog.section */

/*
#3052bf
#26b0e4
#00a2df
*/

/* Slider */
.bx-blue .product-item-image-slider-progress-bar { background-color: #0083d1;}
.bx-blue .product-item-image-slider-control:hover{ background-color: rgba(0,131,209,.8);}
.bx-blue .product-item-image-slider-control.active,
.bx-blue .product-item-image-slider-control:hover{ background-color: #0083d1;}

/* SCU */
.bx-blue .product-item-scu-item-text-block:hover,
.bx-blue .product-item-scu-item-color-block:hover,
.bx-blue .product-item-scu-item-text-container.selected .product-item-scu-item-text-block,
.bx-blue .product-item-scu-item-color-container.selected .product-item-scu-item-color-block{ outline-color: #006cc0;}

/* Amount */
.bx-blue .product-item-amount-field:focus{border-color: #006cc0;}


.bx-blue .catalog-section-header{border-color:#006cc0;}
/* End */


/* Start:/local/templates/Fanfantulpan/components/bitrix/sale.basket.basket/fanfantulpan/style.css?173935676659921*/
/*CUSTOM STYLES*/

#basket-root{
	display: flex;
	flex-direction: column;
	height: calc(100vh - 83px);
}
#basket-total-row{
	margin-top: auto;
}
.basket-modal .modal-medium__content > div{
	height: 100%;
}
.basket-modal .modal-medium__header-title{
	margin-right: 40px;
}
.counter{

}
.counter-heading{
	/*margin-bottom: 20px;*/
}
.counter-dec{
	transition: 0.4s;
	cursor: pointer;
	display: flex;
	align-items: center;
}
.counter-dec.product-item-amount-field-btn-disabled:hover svg{
	fill: none;
	cursor: not-allowed;
}
.counter-inc.product-item-amount-field-btn-disabled:hover svg{
	fill: none;

	cursor: not-allowed;

}
.counter-dec.product-item-amount-field-btn-disabled:hover svg rect{
	fill: white;

}
.counter-inc.product-item-amount-field-btn-disabled:hover svg rect{
	fill: white;

}
.counter-dec.product-item-amount-field-btn-disabled:hover svg path{
	stroke: #D0CFD4;

}
.counter-inc.product-item-amount-field-btn-disabled:hover svg path{
	stroke: #D0CFD4;

}
.counter-inc{
	transition: 0.4s;
	cursor: pointer;
	margin-right: 0px;
	display: flex;
	align-items: center;
}
.counter-inc:hover svg path{
	stroke: #130F26;
	transition: 0.4s;
}
.counter-dec svg path{
	transition: 0.4s;
}
.counter-inc svg path{
	transition: 0.4s;
}
.counter-dec:hover svg path{
	transition: 0.4s;
	stroke: #130F26;
}
.counter-inc:hover svg rect{
	stroke: #80D1C1;
	fill: #80D1C1;
	transition: 0.4s;
}
.counter-dec svg rect{
	transition: 0.4s;
}
.counter-inc svg rect{
	transition: 0.4s;
}
.counter-dec:hover svg rect{
	transition: 0.4s;
	stroke: #80D1C1;
	fill: #80D1C1;
}
.basket-items-list-item-controls .counter-input{
	display: flex;
	width: 155px;
	align-items: center;
}
.counter-input.showed{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.counter-input input[type=text]{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	appearance: none;
	appearance: none;
}
.counter-input input[type=text]:focus {
	outline: none;
}
.counter-value{
	width: 100%;
	text-align: center;
	border: unset;
}

.counter-value::-webkit-outer-spin-button,
.counter-value::-webkit-inner-spin-button {
	display: none;
}

.constructor-form__block .counter{
	width: 33%;
}

/*END*/

.symbol_ruble { font-family: 'rubleBitrix', Arial, sans-serif }

.basket-checkout-container {
	display: -webkit-box;
	display: flex;
	flex-direction: column;
	display: -ms-flexbox;
	-ms-flex-pack: justify;
	padding: 0px 40px 5px;
	border-top: 1px solid #e2dfdf;
	border-radius: 2px;
	background-color: #fff;
	opacity: 1;
	transition: opacity 250ms ease;
	-webkit-box-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.basket-checkout-block-container{
	display: flex;
	justify-content: space-between;
}
.basket-checkout-container.basket-checkout-container-fixed {
	position: fixed;
	top: 0;
	z-index: 100;
}

.basket-checkout-container.basket-checkout-container-fixed-hide {
	opacity: 0;
}

/*region Coupon*/
.basket-coupon-section {
	-webkit-box-flex: 2;
	-ms-flex: 2;
	flex: 2;

	margin: 30px 0 10px;
}

.basket-coupon-block-field .form {
	flex-grow: 1;
}
.basket-coupon-block-field .form .form-control{
	flex-grow: 1;
	padding: 4px 0;
    border: 0;
    border-bottom: 1px solid #ccc;
	outline: 0;
	margin-right: 20px;
}
.basket-coupon-block-field .form-group {
	margin-left: 10px;
	display: flex;
}

.basket-coupon-block-field-description {
	/*color: #a1a1a1;
	font: 400 12px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	font-size: 0.875rem;
}



.basket-coupon-block-field {
	padding-right: 10px;
	min-width: 235px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;

	display: flex;
	align-items: center;
}

.basket-coupon-block-coupon-btn {
	/*position: absolute;
	top: 50%;
	right: 10px;
	display: block;
	margin-top: -4px;
	padding: 0;
	width: 8px;
	height: 8px;
	border: none;
	border-right: 2px solid #8da3ad;
	border-bottom: 2px solid #8da3ad;
	border-radius: 0;
	background-color: transparent;
	content: "";
	cursor: pointer;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);*/

	border-bottom: 1px dotted;
    color: #3e86de;
    text-decoration: none;
    cursor: pointer;
    font-size: 12px;
}

.basket-coupon-alert {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: start;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
	min-height: 0;
	width: 100%;
	font: 400 13px/14px "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: start;
	align-items: flex-start;
	/*justify-content: space-between;*/
}

.basket-coupon-text {
	position: relative;
	display: block;
	padding-left: 18px;
	word-break: break-all;
	word-break: break-word;
}

.text-muted .basket-coupon-text:after {
	position: absolute;
	top: 0;
	left: 2px;
	width: 6px;
	height: 10px;
	border-right: 2px solid #7ad500;
	border-bottom: 2px solid #7ad500;
	content: '';
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.basket-coupon-alert .close-link {
	margin-left: 10px;
	border-bottom: 1px dotted;
	color: #3e86de;
	text-decoration: none;
	font: 400 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	opacity: 1;
	cursor: pointer;
	transition: 220ms ease all;
}

.basket-coupon-alert .close-link:hover { border-color: transparent; }



@media (max-width: 991px) {
	.basket-checkout-container {
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
	}

	.basket-coupon-section {
		-ms-flex-order: 1;
		max-width: 100%;
		width: 100%;
		-webkit-box-ordinal-group: 2;
		order: 1;
	}

	.basket-coupon-alert-section {
		-ms-flex-order: 2;
		margin-bottom: 15px;
		-webkit-box-ordinal-group: 3;
		order: 2;
	}

	.basket-coupon-block-field {
		padding-right: 0;
		min-width: 100%;
		display: block;
	}

	.basket-coupon-block-field .form-group {
		display: flex;
		margin: 0;
		width: 100%;
	}

	.basket-coupon-block-field .form-control {
		display: block;
		width: 100%;
	}
}

/*endregion*/

/*region Checkout*/
.basket-checkout-section {
	-webkit-box-flex: 3;
	-ms-flex: 3;
	flex: 3;
}

.basket-checkout-section-inner {
	/*display: -ms-flexbox;*/
	/*display: -webkit-box;*/
	/*display: flex;*/
	-ms-flex-pack: end;
	-webkit-box-pack: end;
	justify-content: flex-end;
}

.basket-checkout-block { }

/**/
.basket-checkout-block-total {
	padding-top: 21px;
	padding-right: 10px;
	text-align: right;
}

.basket-checkout-block-total-inner {
	display: inline-block;
	max-width: 100%;
	text-align: left;
}

.basket-checkout-block-total-title {
	color: #2f3435;
	font: 400 20px/24px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.basket-checkout-block-total-description {
	color: #a1a1a1;
	font: 400 12px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/**/
.basket-checkout-block-total-price {
	padding-left: 10px;
	display: flex;
	align-items: end;
}

.basket-checkout-block-total-price-inner {
	position: relative;
	display: flex;
	gap: 15px;
	align-items: baseline;
	/*padding-top: 17px;*/
	/*text-align: right;*/
}

.basket-coupon-block-total-price-current {
	/*margin-bottom: 7px;*/
	/*color: #2f3435;*/
	/*text-align: right;*/
	/*white-space: nowrap;*/
	/*font: 36px/36px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));*/
	/*font-weight: var(--ui-font-weight-regular, 400);*/
	/*transition: 180ms text-shadow ease, 180ms color ease;*/
}

.basket-coupon-block-total-price-old {
	/*position: absolute;*/
	/*top: 3px;*/
	/*right: 0;*/
	display: flex;
	align-items: center;
	color: var(--gray);
	text-decoration: line-through;
	text-decoration-color: var(--aquamarine);
	/*text-align: right;*/
	/*font: 400 18px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;*/
}

/*.basket-coupon-block-total-price-old:after {*/
/*	position: absolute;*/
/*	top: 3px;*/
/*	right: 3px;*/
/*	bottom: 3px;*/
/*	left: 3px;*/
/*	background: no-repeat center url(data:image/svg+xml;charset=US-ASCII,%0A%3Csvg%20width%3D%22491px%22%20height%3D%22125px%22%20viewBox%3D%220%200%20100%25%20100%25%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M1.23046875%2C121.410156%20C122.764455%2C80.3998661%20212.227997%2C52.9779911%20269.621094%2C39.1445312%20C327.014191%2C25.3110714%20400.420441%2C13.476436%20489.839844%2C3.640625%22%20stroke%3D%22%23B80909%22%20stroke-width%3D%2216%22%20/%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E);*/
/*	background-size: 100% 100%;*/
/*	content: '';*/
/*}*/

.basket-coupon-block-total-price-difference {
	display: inline-block;
	padding: 5px 6px 6px;
	background: #d1ecf1;
	color: #179ebb;
	text-align: center;
	font: 400 13px/12px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/**/
.basket-checkout-block-btn {
	padding-top: 13px;
	/*padding-left: 15px;*/
	text-align: right;
	display: flex;
	gap: 40px;
}
.basket-checkout-section-notice{
	margin-top: 20px;
}
.basket-btn-checkout {
	border-radius: 2px;
	font-weight: var(--ui-font-weight-bold);
	font-size: 16px;
}

.basket-notification-section { width: 100%; }

.basket-block-notification {
	position: relative;
	display: block;
	margin-top: 10px;
	padding: 8px 15px;
	min-width: 100%;
	width: 100%;
	border-radius: 1px;
	background-color: #edf8e0;
	color: #6a9997;
	font: 400 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.basket-block-notification:after {
	position: absolute;
	top: -7px;
	right: 80px;
	width: 16px;
	height: 16px;
	background-color: #edf8e0;
	content: '';
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

@media (max-width: 991px) {
	.basket-checkout-block-btn {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}

	.basket-checkout-section {
		-ms-flex-order: 3;
		-webkit-box-ordinal-group: 4;
		order: 3
	}

	.basket-notification-section {
		-ms-flex-order: 4;
		-webkit-box-ordinal-group: 5;
		order: 4
	}
}

@media (max-width: 580px) {
	.basket-checkout-block-btn {
		padding-left: 0;
		min-width: 100%;
		max-width: 100%;
		width: 100%;
		-webkit-box-flex: 1;
		-ms-flex: auto;
		flex: auto;
	}

	.basket-checkout-section-inner {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.basket-checkout-block-total { min-width: 150px; }

	.basket-checkout-block-total-price { text-align: right; }

	/*.basket-btn-checkout {*/
	/*	margin: 10px 0;*/
	/*	width: 100%*/
	/*}*/

	.basket-block-notification:after {
		top: -3px;
		right: auto;
		left: 50%;
		-webkit-transform: rotate(45deg) translateX(-50%);
		-ms-transform: rotate(45deg) translateX(-50%);
		transform: rotate(45deg) translateX(-50%);
	}
}

@media (max-width: 460px) {
	/*.basket-checkout-block {*/
	/*	display: block;*/
	/*	min-width: 100%;*/
	/*	width: 100%;*/
	/*}*/

	.basket-checkout-block-total {
		text-align: left;
	}
}

/*endregion*/

/*region Basket item list wrapper*/
.basket-items-list-wrapper,
.basket-items-list-wrapper-compact {
	/*margin-bottom: 15px;*/
	/*border: 1px solid #e2dfdf;*/
}

/*header*/
.basket-items-list-header {
	display: -webkit-box;
	display: flex;
	display: -ms-flexbox;
	-ms-flex-align: center;
	padding: 13px 25px;
	border-bottom: 1px solid #e2dfdf;
	background: #f2f2f2;
	transition: 300ms padding ease;
	-webkit-box-align: center;
	align-items: center;
}

.basket-items-list-header.basket-items-list-header-fixed {
	position: fixed;
	top: 0;
	z-index: 99;
	margin-left: -1px;
	border: 1px solid #e2dfdf;
}

.basket-items-list-wrapper-light .basket-items-list-header { display: none !important; }

.basket-items-list-header-title {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font: var(--ui-font-weight-bold) 15px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	transition: 300ms all ease;
	-o-text-overflow: ellipsis;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.basket-items-search-field + .basket-items-list-header-title { padding-left: 10px; }

.basket-items-search-field + .basket-items-list-header-filter {
	padding-left: 10px;
	text-align: right;
	-webkit-box-flex: 3;
	-ms-flex: 3;
	flex: 3;
}
.basket-items-list-header-filter {
	margin-right: auto;
}
.basket-items-search-field .form-control { z-index: 1; }

.basket-items-list-header-filter-item {
	/*margin-left: 5px;*/
	border-bottom: 1px dotted;
	color: var(--gray);
	text-decoration: none;
	/*font: var(--ui-font-weight-bold) 13px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	cursor: pointer;
	transition: 220ms ease;
}

.basket-items-list-header-filter-item:hover {
	color: #2462de;
	text-decoration: none;
}

.basket-items-list-header-filter-item.active {
	border-bottom: none;
	color: var(--gray);
	text-decoration: none;
	cursor: default;
}

.basket-items-search-field {
	transition: 300ms all ease;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.basket-items-search-field .input-group-addon {
	white-space: nowrap;
	-ms-flex-wrap: wrap;
}

.basket-items-search-field button.close {
	position: relative;
	bottom: -1px;
	display: inline-block;
	float: none;
	line-height: 11px;
}

@media (max-width: 991px) {
	.basket-items-list-header { padding: 10px 9px 11px; }

	.basket-items-list-header-title {
		font-size: 12px;
		line-height: 15px;
	}
}

@media (max-width: 767px) {
	.basket-items-list-header {
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal
	}

	.basket-items-search-field { width: 100%; }
}

/*endregion*/

.basket-items-list-container {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.basket-items-list-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 100;
	background-color: #fff;
	opacity: .7;
	-webkit-animation-name: ShowOverlay;
	animation-name: ShowOverlay;
	-webkit-animation-duration: 200ms;
	animation-duration: 200ms;
}

@-webkit-keyframes ShowOverlay {
	0% { opacity: 0; }
	100% { opacity: .7; }
}

@keyframes ShowOverlay {
	0% { opacity: 0; }
	100% { opacity: .7; }
}

.basket-items-list {
	position: relative;
	padding: 0 30px 0 40px;
}

.basket-items-list-table {
	width: 100%;
	border-collapse: collapse;
}

.basket-items-list-item-container {
	/*white-space: nowrap;*/
	border-bottom: 1px solid var(--lightgray);
	position: relative; }
.basket-items-list-item-descriptions-container-inner{
	display: flex;
}
.basket-items-list-item-descriptions-container{
	display: block;
	width: auto;
	flex-grow: 1;
}
/*.basket-items-list-item-container > td{*/
/*	display: inline-block;*/
/*}*/
/*.basket-items-list-item-container > td:last-child{*/
/*	display: block;*/
/*}*/
/*.basket-items-list-item-container > td { */
/*	border-top: 1px solid #f2f2f2; */
/*}*/

.basket-items-list-wrapper-compact .basket-items-list-item-container > td { padding-bottom: 12px; }

.basket-items-list-item-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 100;
	background-color: #fff;
	opacity: .7;
}

.basket-items-list-item-container.basket-items-list-item-container-gift,
.basket-items-list-item-container.basket-items-list-item-container-gift > td,
.basket-items-list .basket-items-list-item-container:first-child > td { border-top: none !important; }

@media (max-width: 767px) {
	.basket-items-list-item-container.basket-items-list-item-container-gift,
	.basket-items-list-item-container.basket-items-list-item-container-gift > td,
	.basket-items-list .basket-items-list-item-container:first-child > td {
		margin: 0;
		padding-top: 0;
		border-top: none !important;
	}
}

.basket-items-list-item-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 100;
	background-color: #fff;
	opacity: .7;
}

.basket-items-list-item-descriptions {
	-ms-flex-order: 1;
	padding: 20px 0px;
	width: auto;
	vertical-align: top;
	-webkit-box-ordinal-group: 2;
	order: 1;
}

.basket-items-list-item-controls{
	display: flex;
	margin-top: 20px;
	align-items: center;
	justify-content: space-between;
}

.basket-items-list-item-descriptions-inner {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	/*flex-direction: row-reverse;*/
}

/*region Image*/
.basket-item-block-image {
	position: relative;
	-ms-flex-order: 1;
	margin-right: 28px;
	width: 120px;
	height: 136px;
	flex-shrink: 0;
	/*text-align: center;*/
	/*-webkit-box-flex: 1;*/
	/*-ms-flex: 1;*/
	/*flex: 1;*/
	/*-webkit-box-ordinal-group: 2;*/
	/*order: 1;*/
}

.basket-items-list-wrapper-compact .basket-item-block-image {
	display: block;
	padding-bottom: 0;
	min-width: 32px;
	max-width: 50px;
	width: auto;
	height: auto;
}

.basket-item-image-link {
	position: relative;
	display: inline-block;
	height: 100%;
}

.basket-item-image {
	display: block;
	max-width: 100%;
	max-height: 100%;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 30px;
	/*transition: 300ms all ease;*/
}

.basket-items-list-wrapper-compact .basket-item-image {
	max-width: 50px;
	max-height: 50px;
}

.basket-item-image:hover { border-color: #ee9200; }

@media (max-width: 580px) {

	.basket-item-block-image {
		margin-top: 10px;
		margin-bottom: 15px;
		padding-right: 0;
		max-width: 100%;
		width: 100%;
	}

	.basket-item-image {
		/*margin: 10px auto 15px;*/
		/*padding-right: 0;*/
		/*max-width: 230px;*/
		/*max-height: 400px;*/
		/*width: auto;*/
		/*height: auto;*/
	}

	.basket-items-list-item-descriptions-inner {
		/*-ms-flex-direction: column;*/
		/*flex-direction: column;*/
		/*-webkit-box-orient: vertical;*/
		/*-webkit-box-direction: normal;*/
	}

	.basket-items-list-wrapper-compact .basket-item-block-image {
		margin-top: 0;
		padding-right: 10px;
	}

	.basket-items-list-wrapper-compact .basket-items-list-item-descriptions-inner {
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
	}

}

/*endregion*/

/*region lable*/

/*Label*/
.basket-item-label-text,
.basket-item-label-ring {
	position: absolute;
	z-index: 90;
	opacity: 1;
	transition: opacity 450ms ease;
}

.basket-items-list-wrapper-compact .basket-item-label-text,
.basket-items-list-wrapper-compact .basket-item-label-ring { display: none }

.basket-item-label-text span,
.basket-item-label-ring {
	display: inline-block;
	clear: both;
	margin-bottom: 2px;
	background: #f42c2c;
	color: #fff;
	vertical-align: middle;
	text-align: center;
	transition: all 250ms ease;
}

.bx-red .basket-item-label-text span,
.bx-red .basket-item-label-ring { background-color: #fba90c; }

.basket-item-label-text > div,
.basket-item-label-ring > div { line-height: 0; }

/* TEXT */
.basket-item-label-text span {
	padding: 2px 5px;
	vertical-align: middle;
	font-weight: var(--ui-font-weight-bold);
}

.basket-item-label-text.basket-item-label-small span {
	margin-bottom: 1px;
	padding: 2px 7px;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
}

.basket-item-label-text.basket-item-label-big span {
	padding: 4px 10px;
	font-size: 12px;
	line-height: 17px;
}

@media (max-width: 767px) {
	.basket-item-label-text > div { line-height: 0; }

	.basket-item-label-text.basket-item-label-small span {
		margin-bottom: 1px;
		padding: 2px 7px;
		font-size: 11px;
		line-height: 14px;
	}

	.basket-item-label-text.basket-item-label-big span {
		margin-bottom: 1px;
		padding: 3px 12px;
		font-size: 13px;
		line-height: 16px;
	}
}

/*RING*/
.basket-item-label-ring {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 50%;
	font-weight: var(--ui-font-weight-bold);
}

.basket-item-label-ring.basket-item-label-small {
	width: 40px;
	height: 40px;
	font-size: 13px;
	line-height: 40px;
}

.basket-item-label-ring.basket-item-label-big {
	width: 50px;
	height: 50px;
	font-size: 18px;
	line-height: 50px;
}

@media (max-width: 767px) {
	.basket-item-label-ring.basket-item-label-small {
		width: 24px;
		height: 24px;
		font-size: 8px;
		line-height: 24px;
	}

	.basket-item-label-ring.basket-item-label-big {
		width: 30px;
		height: 30px;
		font-size: 12px;
		line-height: 30px;
	}
}

.basket-item-label-top { top: -2px; }

.basket-item-label-center {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

.basket-item-label-center > div { text-align: center; }

.basket-item-label-left { left: -2px; }

.basket-item-label-left > div { text-align: left; }

.basket-item-label-bottom { bottom: -2px; }

.basket-item-label-middle {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.basket-item-label-right { right: -2px; }

.basket-item-label-right > div { text-align: right; }

.basket-item-label-center.product-item-label-middle {
	-webkit-transform: translateY(-50%) translateX(-50%);
	-ms-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
}

/*endregion*/

/*region Info*/
.basket-item-block-info {
	padding-right: 10px;
	-ms-flex-order: 2;
	-webkit-box-flex: 3;
	-ms-flex: 3;
	flex: 3;
	-webkit-box-ordinal-group: 3;
	order: 2;
}

@media (max-width: 580px) {
	.basket-item-block-info {
		-webkit-box-flex: 6;
		-ms-flex: 6;
		flex: 6;
	}
}

/*region Name*/
.basket-item-info-name,
.basket-item-info-name-link {
	word-wrap: break-word;
	/*margin: 0;*/
	/*padding: 0 20px 0 0;*/
	/*color: #2f3435;*/
	/*text-decoration: none;*/
	/*word-break: break-all;*/
	/*word-break: break-word;*/
	/*font: 16px/26px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));*/
	/*font-weight: var(--ui-font-weight-regular, 400);*/
	/*transition: 300ms all ease;*/
}

/*.basket-item-actions-remove + .basket-item-info-name {
	margin-right: 30px;
}*/

h2.basket-item-info-name {
	margin-bottom: 5px;
	padding-top: 0;
}

.basket-item-highlighted { background: #ff0; }

.basket-items-list-wrapper-compact .basket-item-info-name { margin-bottom: 5px }

.basket-item-info-name-link:hover {
	/*text-decoration: underline;*/
	cursor: pointer;
}

@media (max-width: 768px) {
	.basket-item-info-name,
	.basket-item-info-name-link {
		vertical-align: middle;
		font-size: 15px;
		line-height: 17px;
	}

	/*.basket-item-info-name { padding-top: 10px; }*/
}

/*endregion*/

.basket-item-block-common {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-order: 4;
	-ms-flex-pack: end;
	-ms-flex-align: start;
	-ms-flex: 2;
	-ms-flex-wrap: nowrap;
	-ms-flex-line-pack: baseline;
	flex-wrap: nowrap;
	-webkit-box-pack: end;
	-webkit-box-align: start;
	-webkit-box-ordinal-group: 5;
	-webkit-box-flex: 2;
	justify-content: flex-end;
	align-content: baseline;
	align-items: flex-start;
	flex: 2;
	order: 4;
}

.basket-items-list-wrapper-compact .basket-item-block-common {
	-ms-flex-pack: end;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-pack: end;
	justify-content: flex-end;
}

@media (max-width: 991px) {
	.basket-item-block-common {
		padding: 5px 0;
		min-width: 100%;
	}

	.basket-items-list-wrapper .basket-item-block-common {
		-ms-flex-pack: end;
		-webkit-box-pack: end;
		justify-content: flex-end;
	}

	.basket-items-list-wrapper .basket-item-block-common > div {
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none;
	}

	.basket-items-list-wrapper-compact .basket-item-block-common {
		-ms-flex-pack: end;
		padding: 17px 0;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: end;
		justify-content: flex-end;
	}
}

@media (max-width: 460px) {
	.basket-items-list-wrapper .basket-item-block-common {
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-align: end;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-box-align: end;
		align-items: flex-end;
	}

	/*.basket-item-price-old { right: 10px; }*/
	.basket-item-price-current { text-align: right; }
}

/*region Properties*/
.basket-item-block-properties {
	-webkit-box-flex: 5;
	-ms-flex: 5;
	flex: 5
}

.basket-item-property,
.basket-item-property-custom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-align: center;
	padding-bottom: 4px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-line-pack: center;
	align-content: center;
}

.basket-items-list-wrapper-compact .basket-item-property,
.basket-items-list-wrapper-compact .basket-item-property-custom {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-right: 10px;
	padding-bottom: 0;
	-ms-flex-line-pack: center;
	align-content: center;
}

.basket-item-property-name,
.basket-item-property-custom-name {
	/*margin-right: 5px;*/
	/*color: #a1a1a1;*/
	/*font: 400 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;*/
}

.basket-item-property-value,
.basket-item-property-custom-value {
	/*color: #4a4a4a;*/
	/*font: var(--ui-font-weight-bold) 12px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;*/
}

/*region Custom Column*/

.basket-item-property-custom { padding-right: 15px; }

.basket-item-property-custom-content { padding: 3px 0; }

.basket-item-property-custom.basket-item-property-custom-photo { display: block; }

.basket-item-property-custom-photo .basket-item-property-custom-value {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: start;
	-ms-flex-align: stretch;
	min-height: 64px;
	word-spacing: 0;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: stretch;
	align-items: stretch;
	-webkit-box-pack: start;
	justify-content: flex-start;
}

.basket-item-property-custom-photo .basket-item-property-custom-value span { display: inline-block; }

.basket-item-custom-block-photo-link {
	display: block;
	margin-right: 5px;
}

.basket-item-custom-block-photo-item {
	margin-right: 3px;
	width: auto;
	height: 64px;
	border: 1px solid #e4e4e4;
	transition: 300ms all ease;
}

.basket-item-custom-block-photo-item:hover { border-color: #ee9200; }

@media (max-width: 580px) {
	.basket-item-property-custom { padding-right: 0; }

	.basket-items-list-wrapper-compact .basket-item-property-custom { padding-right: 10px; }
}

/*endregion*/

/*scu*/
.basket-items-list-wrapper-compact .basket-item-property.basket-item-property-scu-text,
.basket-items-list-wrapper-compact .basket-item-property.basket-item-property-scu-image,
.basket-items-list-wrapper-compact .basket-item-property.basket-item-scu-color {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.basket-item-property.basket-item-property-scu-text,
.basket-item-property.basket-item-property-scu-image,
.basket-item-property.basket-item-scu-color { display: block; }

.basket-item-scu-list {
	display: flex;
	flex-wrap: wrap;
	gap: 2px;
}

.basket-item-scu-item {
	cursor: pointer;
	padding: 2px 10px;
	color: var(--gray);
	border: 1px solid var(--lightgray);
	border-radius: 4px;
	transition: 0.4s ease;
}
.basket-item-scu-item:hover{
	transition: 0.4s ease;
	color: black;
	border: 1px solid var(--aquamarine);
}
.basket-item-scu-item.selected{
	transition: 0.4s ease;
	color: black;
	border: 1px solid var(--aquamarine);
	background-color: var(--aquamarine);
}
/*.basket-item-scu-item,*/
/*.basket-item-scu-item.not-available:hover {*/
/*	cursor: pointer;*/
/*	padding: 2px 10px;*/
/*	color: var(--gray);*/
/*	border: 1px solid var(--lightgray);*/
/*	border-radius: 4px;*/
/*	transition: 0.4s ease;*/
/*}*/

/*.basket-item-scu-item:hover,*/
/*.basket-item-scu-item.selected,*/
/*.basket-item-scu-item.not-available:hover { border-color: #006cc0; }*/

.basket-item-scu-item.selected:hover { cursor: default }

/*.basket-item-scu-item.not-available:after {*/
/*	position: absolute;*/
/*	top: 0;*/
/*	right: 0;*/
/*	bottom: 0;*/
/*	left: 0;*/
/*	z-index: 1;*/
/*	width: 100%;*/
/*	background: no-repeat center url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%20width%3D%2220px%22%20height%3D%2220px%22%20viewBox%3D%220%200%20100%25%20100%25%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%20%20%20%20%3Cline%20x1%3D%220%22%20y1%3D%2220%22%20x2%3D%2220%22%20y2%3D%220%22%20stroke-width%3D%221%22%20stroke%3D%22%23a1a1a1%22/%3E%0A%3C/svg%3E);*/
/*	background-size: 100% 100%;*/
/*	content: '';*/
/*}*/

.basket-item-scu-item-inner {
	display: block;
	transition: 300ms all ease;
}

.basket-item-scu-item.not-available .basket-item-scu-item-inner { opacity: .5; }

.basket-item-scu-color .basket-item-scu-item-inner,
.basket-item-property-scu-image .basket-item-scu-item-inner {
	width: 30px;
	height: 30px;
	border: 2px solid #fff;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.basket-items-list-wrapper-compact .basket-item-scu-color .basket-item-scu-item-inner,
.basket-items-list-wrapper-compact .basket-item-property-scu-image .basket-item-scu-item-inner {
	width: 16px;
	height: 16px;
	border: 1px solid #fff;
}

.basket-item-property-scu-text .basket-item-scu-item-inner {
	/*padding: 3px 5px;*/
	/*min-width: 30px;*/
	/*text-align: center;*/
	/*font: var(--ui-font-weight-bold) 14px/17px "Helvetica Neue", Helvetica, Arial, sans-serif;*/
}

.basket-items-list-wrapper-compact .basket-item-property-scu-text .basket-item-scu-item-inner {
	padding: 1px 2px;
	font: var(--ui-font-weight-bold) 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media (max-width: 768px) {
	.basket-item-property-name,
	.basket-item-property-value { font-size: 11px; }
}

@media (max-width: 580px) {
	.basket-item-block-properties { margin-bottom: 10px; }

	.basket-items-list-wrapper-compact .basket-item-block-properties { margin-bottom: 0; }

	.basket-item-property-scu-image .basket-item-scu-item-inner,
	.basket-item-scu-color .basket-item-scu-item-inner {
		width: 20px;
		height: 20px;
		border: 1px solid #fff;
	}

	.basket-item-property-scu-text .basket-item-scu-item-inner {
		padding: 2px 3px;
		min-width: 25px;
		text-align: center;
		font: var(--ui-font-weight-bold) 11px/15px "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
}

/*endregion*/

/*region Amount*/
.basket-items-list-item-amount {
	-ms-flex-order: 3;
	/*padding-top: 20px;*/
	vertical-align: top;
	-webkit-box-ordinal-group: 4;
	order: 3;
}

.basket-item-block-amount {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: end;
	-ms-flex-align: start;
	padding: 0 10px;
	-ms-flex-line-pack: start;
	align-content: flex-start;
	-webkit-box-pack: end;
	justify-content: flex-end;
}

.basket-items-list-wrapper-compact .basket-item-block-amount {
	margin-bottom: 0;
	padding-bottom: 0;
}

.basket-item-amount-filed-block { position: relative; }

.basket-item-amount-filed,
.basket-item-block-amount.disabled .basket-item-amount-filed:hover {
	padding: 0;
	width: 60px;
	height: 28px;
	outline: none;
	border: 1px solid #e4e4e4;
	border-radius: 1px;
	vertical-align: middle;
	text-align: center;
	font: var(--ui-font-weight-bold) 18px/27px "Helvetica Neue", Helvetica, Arial, sans-serif;
	transition: 300ms all ease;
}

.basket-item-block-amount.disabled .basket-item-amount-filed { background-color: #f3f3f3; }

.basket-item-amount-filed:hover,
.basket-item-amount-filed:focus { border-color: #006cc0; }

.basket-item-amount-filed::-webkit-outer-spin-button,
.basket-item-amount-filed::-webkit-inner-spin-button {
	/* display: none; <- Crashes Chrome on hover */
	margin: 0;
	-webkit-appearance: none; /* <-- Apparently some margin are still there even though it's hidden */
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
}

.basket-item-amount-filed.basket-updated {
	-webkit-animation-name: basketAmountFiledUpdated;
	animation-name: basketAmountFiledUpdated;
	-webkit-animation-duration: 600ms;
	animation-duration: 600ms;
}

@-webkit-keyframes basketAmountFiledUpdated {
	0%, 100% { border-color: #e4e4e4; }
	50% { border-color: #ee9200; }
}

@keyframes basketAmountFiledUpdated {
	0%, 100% { border-color: #e4e4e4; }
	50% { border-color: #ee9200; }
}

.basket-item-amount-btn-plus,
.basket-item-amount-btn-minus {
	position: relative;
	width: 28px;
	height: 28px;
	cursor: pointer;
	transition: 300ms all ease;
	-webkit-user-select: none;
}

.basket-item-amount-btn-plus:hover,
.basket-item-amount-btn-minus:hover { background-color: #efefef; }

.basket-item-block-amount.disabled .basket-item-amount-btn-plus,
.basket-item-block-amount.disabled .basket-item-amount-btn-minus {
	background-color: transparent;
	cursor: default;
}

.basket-item-amount-btn-plus:before,
.basket-item-amount-btn-plus:after,
.basket-item-amount-btn-minus:after {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -1px;
	margin-left: -5px;
	width: 10px;
	height: 2px;
	background-color: #979797;
	content: "";
	transition: 300ms all ease;
}

.basket-item-amount-btn-plus:hover:before,
.basket-item-amount-btn-plus:hover:after,
.basket-item-amount-btn-minus:hover:after { background-color: #535353; }

.basket-item-block-amount.disabled .basket-item-amount-btn-plus:before,
.basket-item-block-amount.disabled .basket-item-amount-btn-plus:after,
.basket-item-block-amount.disabled .basket-item-amount-btn-minus:after { background-color: #f3f3f3; }

.basket-item-amount-btn-plus:before {
	margin-top: -5px;
	margin-left: -1px;
	width: 2px;
	height: 10px;
}

.basket-item-amount-field-description {
	position: absolute;
	top: calc(100% + 1px);
	right: 0;
	left: 0;
	color: #a1a1a1;
	text-align: center;
	font: italic 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media (max-width: 991px) {
	.basket-item-block-amount {
		position: relative;
		-ms-flex-pack: center;
		margin-bottom: 13px;
		-webkit-box-pack: center;
		justify-content: center;
	}

	.basket-item-amount-btn-plus,
	.basket-item-amount-btn-minus {
		border: 1px solid #e4e4e4;
		background-color: #f5f6f7;
	}

	.basket-item-amount-btn-plus {
		border-left: none;
		border-radius: 0 1px 1px 0;
	}

	.basket-item-amount-btn-minus {
		border-right: none;
		border-radius: 1px 0 0 1px;
	}
}

@media (max-width: 767px) {
	.basket-item-block-amount { padding-top: 19px; }
}

@media (max-width: 580px) {
	.basket-item-block-amount { padding-top: 0; }
}

/*endregion*/

/*region Price*/
.basket-items-list-item-price {
	-ms-flex-order: 4;
	padding-top: 0;
	vertical-align: top;
	-webkit-box-ordinal-group: 5;
	order: 4;
}

.basket-items-list-item-price-for-one {
	-ms-flex-order: 2;
	-webkit-box-ordinal-group: 3;
	order: 2
}

.basket-item-block-price {
	position: relative;
	/*padding-top: 20px;*/
	text-align: right;
	white-space: nowrap;
}

.basket-item-price-title {
	padding-top: 1px;
	color: #a1a1a1;
	text-align: right;
	font: 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.basket-item-price-current {
	/*padding-top: 1px;*/
	/*color: #2f3435;*/
	/*vertical-align: bottom;*/
	/*line-height: 24px;*/

}

.basket-item-price-current-text {
	vertical-align: -webkit-baseline-middle;
	/*letter-spacing: -.33px;*/
	/*font: 400 20px/24px "Helvetica Neue", Helvetica, Arial, sans-serif;*/
	/*transition: 180ms text-shadow ease, 180ms color ease;*/
}

.basket-item-price-old {
	/*position: absolute;*/
	/*top: 5px;*/
	/*right: 0;*/
	text-decoration: line-through;
	text-decoration-color: var(--aquamarine);
	color: var(--gray);
	/*vertical-align: middle;*/
	/*line-height: 15px;*/
}

.basket-item-price-old-text {
	/*position: relative;*/
	/*display: inline-block;*/
	/*font: 400 13px/15px "Helvetica Neue", Helvetica, Arial, sans-serif;*/
}

/*.basket-item-price-old-text:after {*/
/*	position: absolute;*/
/*	top: 3px;*/
/*	right: 3px;*/
/*	bottom: 3px;*/
/*	left: 3px;*/
/*	background: no-repeat center url(data:image/svg+xml;charset=US-ASCII,%0A%3Csvg%20width%3D%22491px%22%20height%3D%22125px%22%20viewBox%3D%220%200%20100%25%20100%25%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M1.23046875%2C121.410156%20C122.764455%2C80.3998661%20212.227997%2C52.9779911%20269.621094%2C39.1445312%20C327.014191%2C25.3110714%20400.420441%2C13.476436%20489.839844%2C3.640625%22%20stroke%3D%22%23B80909%22%20stroke-width%3D%2216%22%20/%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E);*/
/*	background-size: 100% 100%;*/
/*	content: '';*/
/*}*/

.basket-item-price-difference {
	padding: 3px;
	max-width: 100%;
	background: #d1ecf1;
	color: #179ebb;
	text-align: center;
	white-space: normal;
	font: 400 11px/12px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

@media (max-width: 767px) {

	.basket-items-list-item-container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-align: start;
		-webkit-box-align: start;
		align-items: flex-start;
	}

	.basket-items-list-item-descriptions { min-width: 100%; }
}

@media (max-width: 580px) {

	.basket-items-list-item-price {
		-ms-flex-order: 5;
		vertical-align: top;
		-webkit-box-ordinal-group: 6;
		order: 5;
	}

	.basket-items-list-item-price-for-one {
		-ms-flex-order: 4;
		-webkit-box-ordinal-group: 5;
		order: 4
	}

	.basket-item-block-price {
		-ms-flex-direction: column;
		flex-direction: column;
		/*margin-bottom: 10px;*/
		min-width: 0;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}

	.basket-item-price-old { right: 10px; }

	.basket-items-list-item-amount {
		display: block;
		padding: 0 0 20px;
		min-width: 100%;
	}

	/*.basket-item-block-price {*/
	/*	 padding-right: 10px;*/
	/*	 padding-left: 10px;*/
	/* }*/

	.basket-items-list-item-price-for-one .basket-item-price-current { }

	.basket-items-list-wrapper-compact .basket-item-block-price {
		min-width: 0;
		text-align: right;
	}

	.basket-items-list-wrapper-compact .basket-item-block-price > div { text-align: right; }

	.basket-item-block-price .basket-item-price-difference {
		-ms-flex-order: 1;
		padding: 5px 6px 6px;
		-webkit-box-ordinal-group: 2;
		order: 1;
	}

}

/*endregion*/

/*region Actions*/
.basket-items-list-item-remove {
	padding-top: 17px !important;
	vertical-align: top;
}

.basket-item-block-actions {
	position: relative;
	opacity: 0;
	transition: 300ms opacity ease;
}

.bx-touch .basket-item-block-actions,
.basket-items-list-item-container:hover .basket-item-block-actions { opacity: 1; }

.basket-item-actions-remove-text {
	position: relative;
	/*width: 25px;*/
	/*height: 25px;*/
	cursor: pointer;
	color: var(--gray);
	border-bottom: 2px solid var(--gray);
}
.basket-item-actions-change-text {
	display: none;
	cursor: pointer;
	color: var(--gray);
}
.basket-item-actions-favorite-text {
	display: none;
	cursor: pointer;
	color: var(--gray);
}
.basket-item-actions-favorite-icon{
	display: none;
}
.basket-item-actions-change-icon{
	display: none;
}
.basket-item-actions-remove-icon{
	display: none;
}
.basket-items-list-item-container:hover .basket-item-actions-change-text{
	display: block;
}
.basket-items-list-item-container:hover .basket-item-actions-favorite-text{
	display: block;
}
/*.basket-item-actions-remove:after,*/
/*.basket-item-actions-remove:before {*/
/*	position: absolute;*/
/*	top: 50%;*/
/*	left: 50%;*/
/*	width: 2px;*/
/*	height: 14px;*/
/*	background: #d0021b;*/
/*	content: '';*/
/*	transition: 300ms background-color ease;*/
/*}*/

.basket-item-actions-remove:after { -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg); transform: translate3d(-50%, -50%, 0) rotate(45deg); }

.basket-item-actions-remove:before { -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg); transform: translate3d(-50%, -50%, 0) rotate(-45deg); }

.basket-item-actions-remove:hover:after,
.basket-item-actions-remove:hover:before { background-color: #7e000f; }

.basket-item-block-info .basket-item-actions-remove {
	position: absolute;
	top: -4px;
	right: 0;
}

.basket-items-list-wrapper-compact .basket-item-block-actions {
	position: relative;
	top: auto;
	right: auto;
	padding-left: 10px;
}

/*endregion*/

/*endregion*/

@media (max-width: 767px) {
	.basket-items-list-table,
	.basket-items-list-table thead,
	.basket-items-list-table tbody,
	.basket-items-list-table tr { display: block !important; }

	tr.basket-items-list-item-container {
		display: -ms-flexbox !important;
		display: -webkit-box !important;
		display: flex !important;
		-ms-flex-pack: center;
		-ms-flex-align: start;
		padding-top: 10px;
		padding-bottom: 10px;
		border-top: 1px solid #f2f2f2;
		-webkit-box-align: flex-start;
		align-items: flex-start;
		-webkit-box-pack: center;
		justify-content: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.basket-items-list-table tr.basket-items-list-item-container:first-child,
	.basket-items-list-table tbody tr.basket-items-list-item-container:first-child { border: none; }

	.basket-items-list .basket-items-list-item-container > td { border-top: none; }

	td.basket-items-list-item-amount,
	td.basket-items-list-item-price,
	td.basket-items-list-item-remove { display: inline-block; }

	td.basket-items-list-item-descriptions {
		padding-bottom: 10px;
		min-width: 100%;
	}

	td.basket-items-list-item-descriptions,
	td.basket-items-list-item-notification {
		display: block;
		padding-top: 0;
	}

	.basket-items-list-item-price { padding: 3px 0; }

	td.basket-items-list-item-remove { padding: 34px 0 0 !important; }
}

@media (max-width: 580px) {

	.basket-items-list-item-price .basket-item-block-price .basket-item-price-title { display: block; }

	td.basket-items-list-item-remove {
		display: block;
		padding: 0;
	}

	td.basket-items-list-item-remove {
		padding: 0 !important;
		text-align: center;
	}

	.basket-item-block-actions { display: inline-block; }
}

.basket-items-list-item-notification-inner {
	position: relative;
	transition: 220ms all ease;
}

/**/

.basket-items-list-item-container.basket-items-list-item-container-expend { display: table-row; }

.basket-items-list-item-container-expend .basket-items-list-item-removed-container {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-pack: justify;
	-ms-flex-align: center;
	padding: 10px 0;
	border-radius: 2px;
	background-color: #e6f8fe;
	color: #333;
	text-align: center;
	transition: 300ms all ease;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	justify-content: space-between;
}

.basket-items-list-item-container-expend .basket-items-list-item-removed-container div {
	padding: 0 10px;
	text-align: left;
}

@-webkit-keyframes ShowNote {
	0% { opacity: 0; }
	0%, 50% { background-color: #fff; }
	50%, 100% { opacity: 1; }
	100% { background-color: #e6f8fe; }
}

@keyframes ShowNote {
	0% { opacity: 0; }
	0%, 50% { background-color: #fff; }
	50%, 100% { opacity: 1; }
	100% { background-color: #e6f8fe; }
}

@media (max-width: 768px) {
	.basket-items-list-item-container-collapse .basket-items-list-item-removed-container {
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
	}

	.basket-items-list-item-container-collapse .basket-items-list-item-removed-container div { text-align: center; }
}

.basket-items-list-item-container-collapse .basket-item-block-info,
.basket-items-list-item-container-collapse .basket-item-block-common,
.basket-items-list-item-container-collapse .basket-item-block-image { opacity: 0; }

.basket-items-list-item-container.basket-items-list-item-container-collapse > td > div {
	overflow: hidden;
	height: 80px;
	opacity: 0;
}

.basket-items-list-item-removed-block {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
}

.basket-items-list-item-removed-block .faded {
	color: #ccc;
	cursor: default;
}

.basket-items-list-item-removed-anchor {
	border-bottom: 1px dashed;
	color: #333;
	font-weight: var(--ui-font-weight-bold);
}

.basket-items-list-item-clear-btn {
	position: relative;
	display: inline-block;
	margin-left: 10px;
	width: 25px;
	height: 25px;
	cursor: pointer;
}

.basket-items-list-item-clear-btn:after,
.basket-items-list-item-clear-btn:before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2px;
	height: 14px;
	background: #d0021b;
	content: '';
	transition: 300ms background-color ease;
}

.basket-items-list-item-clear-btn:after { -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg); transform: translate3d(-50%, -50%, 0) rotate(45deg); }

.basket-items-list-item-clear-btn:before { -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg); transform: translate3d(-50%, -50%, 0) rotate(-45deg); }

.basket-items-list-item-clear-btn:hover:after,
.basket-items-list-item-clear-btn:hover:before { background-color: #7e000f; }

.basket-items-list-item-double { margin: 10px 0; }

.basket-items-list-item-double > div {
	margin-bottom: 10px;
	padding: 5px 35px 5px 15px;
}

.basket-items-list-item-double-anchor,
.basket-items-list-item-double-anchor:visited {
	border-bottom: 1px dashed;
	color: #333;
	text-decoration: none;
}

.basket-items-list-item-double-anchor:hover { color: #23527c; }

.basket-items-list-item-warning-container { margin: 10px 0; }

.basket-items-list-item-warning-container > div {
	margin-bottom: 10px;
	padding: 5px 35px 5px 15px;
}

.basket-items-list-wrapper-compact .basket-items-list-item-container {
	-ms-flex-align: start;
	padding: 17px 0;
	-webkit-box-align: start;
	align-items: flex-start;
}

/*region Gifts*/
.basket-item-gifts-list-container {
	position: relative;
	margin-bottom: 20px;
	border: 1px solid #fceb9f;
	background: #fffef8;
}

.basket-item-gifts-list-container:after {
	position: absolute;
	top: -10px;
	left: 90px;
	display: block;
	width: 17px;
	height: 17px;
	background-color: #fceb9f;
	content: '';
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.basket-item-gifts-list-title {
	padding: 12px 17px;
	background-color: #fceb9f;
	color: #5b5848;
	font: var(--ui-font-weight-bold) 15px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.basket-item-gifts-list { padding: 15px; }

.basket-items-list-gift-item {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-align: center;
	border-bottom: 1px solid #f3f2ed;
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

.basket-item-gifts-list .basket-items-list-gift-item:last-child { border-bottom: none; }

/*region Gift image*/
.basket-item-gift-image-container {
	padding: 10px 0;
	min-width: 48px;
	max-width: 100%;
	width: 168px;
	text-align: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.basket-item-gift-image-link { display: inline-block; }

.basket-item-gift-image {
	display: inline-block;
	max-width: 100%;
	max-height: 69px;
	width: auto;
	height: auto;
}

/*endregion*/

/*region Gift title*/
.basket-item-gift-title-container {
	padding: 5px 15px;
	width: 100%;
	-webkit-box-flex: 9;
	-ms-flex: 9;
	flex: 9;
}

.basket-item-gift-title-link {
	color: #333;
	font: 15px/20px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
	transition: 300ms all ease;
}

@media (max-width: 580px) {
	.basket-item-gift-title-link { font-size: 13px; }
}

/*endregion*/

/*region Gift price*/
.basket-item-gift-price-container {
	text-align: right;
	-webkit-box-flex: 2;
	-ms-flex: 2;
	flex: 2;
}

.basket-item-gift-price-current {
	color: #2f3435;
	font: 400 22px/26px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.basket-item-gift-price-old {
	color: #a1a1a1;
	text-decoration: line-through;
	font: 400 13px/16px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.basket-item-gift-price-difference {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-align: center;
	padding: 5px 6px 6px;
	background: #e2f0cb;
	color: #525c69;
	text-align: center;
	text-transform: uppercase;
	font: var(--ui-font-weight-bold) 9px/12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-box-align: center;
	align-items: center;
}

@media (max-width: 580px) {
	.basket-items-list-gift-item {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.basket-item-gift-price-container { min-width: 100%; }
}

/*endregion*/
/*endregion*/

/*region Gift-container*/
.basket-gifts-list-wrapper,
.basket-gifts-list-wrapper-compact {
	margin-bottom: 15px;
	border: 1px solid #e2dfdf;
}

.basket-gifts-list-header {
	padding: 18px 25px 20px;
	border-bottom: 1px solid #e2dfdf;
	background: #f2f2f2;
	font: var(--ui-font-weight-bold) 15px/18px "Helvetica Neue", Helvetica, Arial, sans-serif;
	transition: 300ms all ease;
}

.basket-clear {
	cursor: pointer;
	pointer-events: auto;
}

.basket-clear:after,
.basket-clear:before {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2px;
	height: 14px;
	background: #a1a1a1;
	content: '';
	transition: 300ms background-color ease;
}

.basket-clear:after { -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg); transform: translate3d(-50%, -50%, 0) rotate(45deg); }

.basket-clear:before { -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg); transform: translate3d(-50%, -50%, 0) rotate(-45deg); }

.basket-clear:hover:after,
.basket-clear:hover:before { background-color: #333; }

@media (max-width: 991px) {
	.basket-gifts-list-header {
		padding: 10px 9px 11px;
		font-size: 12px;
		line-height: 15px;
	}
}

.basket-gifts-list { padding: 0 25px; }

.basket-gifts-description-container {
	padding: 11px;
	color: #868d96;
	text-align: center;
	font: 400 13px/15px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.basket-gifts-list-item-container {
	position: relative;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-align: center;
	overflow: hidden;
	padding: 20px 0;
	border-top: 1px solid #f2f2f2;
	transition: 300ms all ease;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	align-items: center;
}

.basket-gifts-list-item-container:first-child { border-top: none; }

.basket-gift-block-image {
	padding: 5px 15px 5px 0;
	min-width: 50px;
	max-width: 50px;
}

.basket-gift-image-link { display: inline-block; }

.basket-gift-image {
	display: inline-block;
	max-width: 100%;
	max-height: 168px;
	width: auto;
	height: auto;
	transition: 300ms all ease;
}

.basket-gift-block-info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }

.basket-gift-info-name,
.basket-gift-info-name-link {
	margin: 0;
	padding: 0;
	color: #2f3435;
	text-decoration: none;
	font: 15px/19px var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
	font-weight: var(--ui-font-weight-regular, 400);
	transition: 300ms all ease;
}

.basket-gift-info-name-link:hover {
	text-decoration: underline;
	cursor: pointer;
}

.basket-gift-block-common {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-align: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-line-pack: center;
	align-content: center;
}

.basket-gift-item-select-btn-container {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-align: center;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-box-align: center;
	align-items: center;
}

.basket-gift-item-selected {
	padding: 0 10px;
	color: #b6bbbf;
	font: 400 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.basket-gift-item-select-btn-label {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-align: center;
	margin-bottom: 0;
	-webkit-box-align: center;
	align-items: center;
}

.basket-gift-item-select-input { display: none; }

.basket-gift-item-select-btn-radio {
	position: relative;
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 10px;
	width: 20px;
	height: 20px;
	border: 10px solid #fff;
	border-radius: 50%;
	background: #468ee5;
	-webkit-box-shadow: 0 0 0 1px #828b95;
	box-shadow: 0 0 0 1px #828b95;
	cursor: pointer;
	transition: 190ms all ease;
}

.basket-gift-item-select-input:checked + .basket-gift-item-select-btn-radio { border-width: 5px; }

.basket-gift-item-select-btn-text {
	text-transform: lowercase;
	font: var(--ui-font-weight-bold) 12px/14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	cursor: pointer;
}

.basket-gift-item-select-btn-checkbox {
	position: relative;
	display: inline-block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 10px;
	width: 19px;
	height: 19px;
	border: 1px solid #828b95;
	border-radius: 2px;
	background-color: #fff;
	cursor: pointer;
}

.basket-gift-item-select-btn-checkbox:after,
.basket-gift-item-select-btn-checkbox:before {
	position: absolute;
	background-color: #fff;
	content: '';
	opacity: 0;
	transition: 190ms all ease;
}

.basket-gift-item-select-btn-checkbox:after {
	top: 5px;
	left: 5px;
	z-index: 15;
	width: 3px;
	height: 9px;
	border-radius: 1px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.basket-gift-item-select-btn-checkbox:before {
	top: -1px;
	left: 11px;
	z-index: 10;
	width: 5px;
	height: 17px;
	border: 1px solid #fff;
	border-radius: 2px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.basket-gift-item-select-input:checked + .basket-gift-item-select-btn-checkbox:after,
.basket-gift-item-select-input:checked + .basket-gift-item-select-btn-checkbox:before {
	background-color: #468ee5;
	opacity: 1;
}

@media (max-width: 797px) {
	.basket-gift-item-select-btn-container {
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-align: end;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-box-align: end;
		align-items: flex-end;
	}

	.basket-gift-item-selected {
		-ms-flex-order: 2;
		padding-right: 0;
		text-align: right;
		-webkit-box-ordinal-group: 3;
		order: 2;
	}

	.basket-gift-item-select-btn-label {
		-ms-flex-order: 1;
		text-align: right;
		-webkit-box-ordinal-group: 2;
		order: 1;
	}
}

.bx-step-opacity { transition: 500ms opacity ease; }

/*endregion*/

/*region not found*/
.basket-search-not-found {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -50px 0 0 0;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
}

.basket-search-not-found-icon {
	margin: 0 auto 80px;
	width: 180px;
	height: 180px;
	background: no-repeat center url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%22182px%22%20height%3D%22182px%22%20viewBox%3D%220%200%20182%20182%22%20version%3D%221.1%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20xmlns%3Axlink%3D%22http%3A//www.w3.org/1999/xlink%22%3E%0A%20%20%20%20%3Cg%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.2%22%20fill%3D%22%23A7ABB0%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M17%2C70.5%20C17%2C40.9473747%2040.9473747%2C17%2070.5%2C17%20C100.052625%2C17%20124%2C40.9473747%20124%2C70.5%20C124%2C100.052625%20100.052625%2C124%2070.5%2C124%20C40.9473747%2C124%2017%2C100.052625%2017%2C70.5%20M178.408149%2C160.192955%20L129.280894%2C111.056302%20C129.216524%2C111.017683%20129.152154%2C110.991937%20129.100658%2C110.953317%20C136.979557%2C99.5348706%20141.614204%2C85.7220257%20141.614204%2C70.8020936%20C141.614204%2C31.6935917%20109.905496%2C0%2070.8071019%2C0%20C31.7087076%2C0%200%2C31.6935917%200%2C70.8020936%20C0%2C109.910596%2031.7087076%2C141.604187%2070.8071019%2C141.604187%20C85.7152154%2C141.604187%2099.5419113%2C136.969868%20110.948292%2C129.091526%20C110.999788%2C129.143019%20111.012662%2C129.220257%20111.064158%2C129.27175%20L160.204287%2C178.408403%20C164.993422%2C183.197199%20172.846573%2C183.197199%20177.635708%2C178.408403%20L178.408149%2C177.623143%20C183.197284%2C172.834347%20183.197284%2C164.981751%20178.408149%2C160.192955%22/%3E%0A%20%20%20%20%3C/g%3E%0A%3C/svg%3E);
	background-size: cover;
}

.basket-search-not-found-text {
	color: #c0c5ca;
	text-align: center;
	font: 30px/35px "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*endregion*/

.bx-sbb-empty-cart-image{
	width:131px;
	height:116px;
	margin:50px auto 42px;
	background:url(/local/templates/Fanfantulpan/components/bitrix/sale.basket.basket/fanfantulpan/images/empty_cart.svg) no-repeat center;
	background-size:contain;
}
.bx-sbb-empty-cart-text{
	font-size:36px;
	text-align:center;
	color:#bababa;
	margin-bottom:42px;
}
.bx-sbb-empty-cart-desc{
	text-align:center;
	color:#000;
	font-size:16px;
	margin-bottom:42px;
}

.catalog-block-header{
	font-size:14px;
	font-weight: var(--ui-font-weight-bold);
	text-align: left;
	margin:5px 0;
	padding:5px 15px;
	border-bottom: 2px solid #d9dee6;
	color: #000;
}

body.bx-theme-blue .catalog-block-header{border-color:#006cc0;}
body.bx-theme-green .catalog-block-header{border-color:#63aa28;}
body.bx-theme-red .catalog-block-header{border-color:#da3737;}
body.bx-theme-yellow .catalog-block-header{border-color:#f4b236;}

@media (max-width: 1440px) {
	.basket-item-block-image{
		width: 108px;
		height: 122px;
	}
	.basket-item-actions-change{
		margin-left: auto;
		margin-right: 15px;
	}
	.basket-item-actions-favorite{
		margin-right: 15px;

	}
	.basket-item-actions-remove-text {
		display: none;
	}
	.basket-item-actions-change-text {
		display: none;

	}
	.basket-item-actions-favorite-text {
		display: none;

	}
	.basket-item-actions-favorite-icon{
		display: flex;
		cursor: pointer;
		transition: 0.5s;
	}
	.basket-item-actions-favorite-icon:hover svg path{
		stroke: black;
		transition: 0.5s;

	}
	.basket-item-actions-change-icon:hover svg path{

		transition: 0.5s;
		stroke: black;
	}
	.basket-item-actions-remove-icon:hover svg path{
		stroke: black;
		transition: 0.5s;

	}
	.basket-item-actions-change-icon{
		display: flex;
		cursor: pointer;
		transition: 0.5s;

	}
	.basket-item-actions-remove-icon{
		display: flex;
		cursor: pointer;
		transition: 0.5s;
	}
	.basket-items-list-item-container:hover .basket-item-actions-change-text{
		display: none;
	}
	.basket-items-list-item-container:hover .basket-item-actions-favorite-text{
		display: none;
	}
}
@media (max-width: 768px) {

}
@media (max-width: 767px) {
/*.basket-items-list-item-descriptions-container-inner .basket-items-list-item-price{*/
/*	display: none;*/
/*}*/
	.basket-items-list-item-controls .basket-item-actions-change-icon{
		display: none;
	}
	.basket-items-list-item-controls .basket-item-actions-change-text{
		display: block;
	}
	.basket-items-list-item-controls .basket-item-actions-remove-icon{
		display: none;
	}
	.basket-items-list-item-controls .basket-item-actions-remove-text{
		display: block;
	}
	.basket-items-list-item-controls .basket-item-actions-favorite{
		display: none;
	}
	.basket-items-list-item-container:hover .basket-item-actions-change-text{
		display: block;
	}
	.basket-items-list-item-container:hover .basket-item-actions-favorite-text{
		display: block;
	}
	.basket-item-block-info{
		padding-right: unset;
	}
	.basket-item-block-price{
		text-align: left;
	}
	.basket-item-block-price{
		display: flex;
		gap: 5px;
		flex-direction: row;
	}
	.basket-item-price-current-text{
		vertical-align: baseline;
	}
	.basket-item-block-info .counter-input{
		display: flex;
		width: 150px;
	}
	.basket-item-block-image{
		width: 55px;
		height: 62px;
	}
	.basket-items-list-item-controls{
		margin-top: unset;
		justify-content: inherit;
	}
	.basket-items-list{
		padding: 0 20px 0 20px;
	}
	.basket-item-block-image{
		margin-right: 12px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		border-radius: 15px;
	}
	.basket-checkout-container{
		padding: 0px 20px 5px;
	}
	.basket-checkout-block{
		width: unset;
	}
	.basket-modal .modal-medium__header-title{
		margin-right: 16px;
	}
	.basket-checkout-block-total-price-inner{
		gap: 5px;
	}
	.basket-checkout-block-total-price{
		padding-left: 0;
	}
	.basket-item-actions-change{
		margin-left: unset;
	}
}
@media (max-width: 568px) {
	.basket-checkout-block-btn{
		flex-direction: column;
		gap: 8px;
	}

}

/* End */


/* Start:/local/templates/Fanfantulpan/components/bitrix/sale.basket.basket/fanfantulpan/themes/blue/style.css?1709595801791*/
/* SCU */
/*.bx-blue .basket-item-scu-item:hover,*/
/*.bx-blue .basket-item-scu-item.selected,*/
/*.bx-blue .basket-item-scu-item.not-available:hover { border-color: #006cc0; }*/

/* Amount */
/*.bx-blue .basket-item-amount-filed:hover,*/
/*.bx-blue .basket-item-amount-filed:focus { border-color: #006cc0; }*/

/* BTN */
/*div.bx-blue .btn.btn-default {*/
/*	outline: none;*/
/*	border-color: #1485ce;*/
/*	background-color: #1485ce;*/
/*	color: #fff;*/
/*}*/

/*div.bx-blue .btn.btn-default:hover {*/
/*	outline: none;*/
/*	border-color: #53a4d8;*/
/*	background-color: #53a4d8;*/
/*	color: #fff;*/
/*}*/

/*div.bx-blue .btn.btn-default:active {*/
/*	outline: none;*/
/*	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);*/
/*	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);*/
/*}*/
/* End */


/* Start:/local/templates/Fanfantulpan/components/bitrix/search.title/main/style.css?17193177844247*/
#search-modal .modal-medium__content{
	border-bottom: unset;
}
#title-search-input{
	width: 100%;
}
.title-search-result .title-search-item img{
	display: none;
}
.title-search-result tr{
	display: block;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.title-search-result{
	width: 100%;
}
table.title-search-result{
	width: 100%;
}
.title-search-result .title-search-more{
	display: none;
}
.title-search-result .title-search-all{
	display: none;
}
.title-search-result .title-search-fader{
	display: none;
	height: 0;
}
.title-search-result .title-search-separator{
	display: none;
	height: 0;
}
.title-search-result .title-search-item{
	width: 100%;
	display: flex;
	justify-content: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.title-search-result .title-search-item:not(:first-child) a{
	padding-top: 20px;
}
.title-search-result .title-search-item a{
	display: block;
	width: fit-content;
	padding-bottom: 20px;
	border-bottom: 1px solid transparent;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.title-search-result .title-search-item a:hover{
	color: var(--tealblue);
	border-bottom: 1px solid var(--tealblue);
}
table.title-search-result{
	display: block;
}
table.title-search-result tbody{
	display: block;

}
/*table.title-search-result tr:not(:first-child){*/
/*	margin-top: 20px;*/
/*}*/
/*table.title-search-result tr:not(:last-child){*/
/*	margin-bottom: 20px;*/
/*}*/

@media (max-width: 1440px) {
	/*table.title-search-result tr:not(:first-child){*/
	/*	margin-top: 12px;*/
	/*}*/
	/*table.title-search-result tr:not(:last-child){*/
	/*	margin-top: 12px;*/
	/*}*/
	.title-search-result .title-search-item a{
		padding-bottom: 12px;
	}
}
/*div.title-search-result {*/
/*	border:1px solid #c6c6c6;*/
/*	display:none;*/
/*	overflow:hidden;*/
/*	z-index:205;*/
/*}*/

/*table.title-search-result {*/
/*	border-collapse: collapse;*/
/*	border:none;*/
/*	width:10%;*/
/*}*/

/*table.title-search-result th {*/
/*	background-color:#F7F7F7;*/
/*	border-right:1px solid #e8e8e8;*/
/*	color:#949494;*/
/*	font-weight:normal;*/
/*	padding-top:2px;*/
/*	padding-bottom:2px;*/
/*	padding-left:14px;*/
/* 	padding-right:12px;*/
/*	text-align:right;*/
/*	vertical-align:top;*/
/*	white-space:nowrap;*/
/*	width:1%;*/
/*}*/

/*table.title-search-result td {*/
/*	background-color:white;*/
/*	color:black;*/
/*	font-weight:normal;*/
/*	padding-top:2px;*/
/*	padding-bottom:2px;*/
/*	text-align:left;*/
/*	white-space:nowrap;*/
/*}*/

/*table.title-search-result td.title-search-item {*/
/*	padding-left:8px;*/
/*	padding-right:15px;*/
/*}*/

/*table.title-search-result td.title-search-item a {*/
/*	padding-left:4px;*/
/*	padding-right:15px;*/
/*	text-decoration: none;*/
/*	color:black;*/
/*	vertical-align:top;*/
/*	display:block;*/
/*}*/

/*table.title-search-result td.title-search-item img {*/
/*	vertical-align:top;*/
/*}*/

/*table.title-search-result td.title-search-item b {*/
/*	color:#cf0000;*/
/*	font-weight:normal;*/
/*}*/

/*table.title-search-result tr.title-search-selected td*/
/*,table.title-search-result tr.title-search-selected a*/
/*,table.title-search-result tr.title-search-selected td.title-search-more a*/
/*{*/
/*	background-color:#fff2be;*/
/*}*/

/*table.title-search-result td.title-search-more {*/
/*	font-size:11px;*/
/*	font-weight:normal;*/
/*	padding-right:15px;*/
/*	padding-left:24px;*/
/*	padding-top:0px;*/
/*}*/

/*table.title-search-result td.title-search-more a*/
/*{*/
/*	padding-left:12px;*/
/*	padding-right:15px;*/
/*	text-decoration:none;*/
/*	color:#999999;*/
/*}*/

/*table.title-search-result td.title-search-all {*/
/*	padding-left:24px;*/
/*	padding-right:15px;*/
/*}*/

/*table.title-search-result td.title-search-all a*/
/*{*/
/*	padding-left:4px;*/
/*	text-decoration:none;*/
/*	color:#808080;*/
/*}*/

/*table.title-search-result td.title-search-separator*/
/*, table.title-search-result th.title-search-separator {*/
/*	padding-top:0px;*/
/*	padding-bottom:0px;*/
/*	font-size:4px;*/
/*}*/

/*div.title-search-fader {*/
/*	display:none;*/
/*	background-image: url('/local/templates/Fanfantulpan/components/bitrix/search.title/main/images/fader.png');*/
/*	background-position: right top;*/
/*	background-repeat: repeat-y;*/
/*	position:absolute;*/
/*}*/

/* End */


/* Start:/local/templates/Fanfantulpan/components/sotbit/regions.choose/.default-custom/style.css?17095958657328*/
.header__left-content-city__list-item:not(:last-child){
	margin-bottom: 15px;
}
.header__left-content-city__list-item{
	cursor: pointer;
	display: block;
}
.select-city-wrap {
	position: relative;
}
.select-city__modal__title-wrap{
	white-space: normal!important;
}
.select-city__block__text {
	color: #919294;
	/*font-family: 'NotoSans';*/
	/*font-size: 12px;*/
	line-height: 30px;
}

.select-city__block__text-city {
	/*color: #414141;*/
	/*font-family: 'NotoSans';*/
	/*font-size: 12px;*/
	/*line-height: 30px;*/
	/*text-decoration: underline;*/
	/*text-decoration-style: dotted;*/
	cursor: pointer;
	border-bottom: 2px solid black;
	font-weight: 600;
}
#menu-modal .header__left-content-city{
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 30px;
}
#menu-modal .select-city__block__text-city{
	line-height: unset;
}

.select-city__dropdown__title {
	color: #414141;
	/*font-size: 13px;*/
	line-height: 30px;
	/*font-family: "NotoSans";*/
	display: block;
	margin-bottom: 10px;
}


.select-city__dropdown {
	background-color: #ffffff;
	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.22);
	width: 211px;
	text-align: center;
	padding: 11px 5px 17px 5px;
}

.select-city__dropdown-wrap {
	z-index: 99;
	position: absolute;
}

.select-city__dropdown__choose {
	display: inline-block;
	height: 32px;
	width: 82px;
	/*font-size: 12px;*/
	line-height: 32px;
	text-transform: uppercase;
	/*font-family: 'ProximaNova';*/
	text-align: center;
	cursor: pointer;
}

.select-city__dropdown__choose:hover, .select-city__dropdown__choose:active,
.select-city__dropdown__choose:focus {
	opacity: .7;
}

.select-city__dropdown__choose__yes {
	color: #919294;
	border: 1px solid #d3d3d3;
	margin-right: 15px;
}

.select-city__dropdown__choose__no {
	color: #ffffff;
	background: #333333;
}

.select-city__dropdown__choose-wrap {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}


.select-city__modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 3000;
}

.modal__overlay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 2500;
}

.select-city__modal-wrap {
	background-color: #ffffff;
	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.22);
	width: 684px;
	padding: 37px 53px 40px 53px;
	position: relative;
	margin: 30vh auto;
	transition: width .2s;
}

.select-city__modal__title {
	color: #000000 !important;
	/*font-family: 'ProximaNova' !important;*/
	line-height: 30px;
	/*font-size: 25px !important;*/
	margin-bottom: 20px !important;
}

.select-city__modal__list {
	columns: 3;
	/*margin-bottom: 23px;*/
}

.select-city__modal__list__title {
	color: #000000;
	/*font-family: 'ProximaNovaBold';*/
	line-height: 30px;
	/*font-size: 14px;*/
	display: block;
	margin-bottom: 11px;
}

.select-city__modal__list__item {
	display: block;
	color: #414141 !important;
	/*font-family: 'ProximaNova' !important;*/
	line-height: 30px;
	/*font-size: 14px;*/
	margin-bottom: 0 !important;
	cursor: pointer;
}

.select-city__modal__list__item:hover, .select-city__modal__list__item:focus,
.select-city__modal__list__item:active {
	color: #0978c6 !important;
	text-decoration: underline;
	text-decoration-color: #c1ddf1;
}
.select-city__modal__submit-wrap{
	display: none;
}
.select-city__modal__list-wrap{
	display: none;
}
.select-city__modal__submit__block-wrap {
	background: #eceef1;
	padding: 21px 15px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: calc(100% - 42px);
}

.select-city__modal__submit__title {
	color: #000000;
	/*font-family: 'ProximaNovaBold';*/
	line-height: 30px;
	/*font-size: 14px;*/
	display: block;
	margin-bottom: 0px;
}

.select-city__modal__submit__input {
	border: 1px solid #d3d3d3;
	background: #ffffff;
	box-shadow: none;
	height: 32px;
	width: calc(100% - 32px);
	max-width: 517px;
	color: #414141;
	/*font-family: 'ProximaNova';*/
	/*font-size: 14px;*/
	margin-right: 15px;
	padding: 0 15px;
}

.select-city__modal__submit__btn {
	background: #000000;
	border: none !important;
	box-shadow: none !important;
	width: 147px;
	height: 32px;
	text-transform: uppercase;
	color: #ffffff;
	/*font-family: 'ProximaNova';*/
	/*font-size: 12px;*/
}

.select-city__modal__submit__btn:hover, .select-city__modal__submit__btn:active,
.select-city__modal__submit__btn:focus {
	opacity: .7;
}

.select-city__close {
	background: url("/local/templates/Fanfantulpan/components/sotbit/regions.choose/.default-custom/img/select-city__close.png") no-repeat;
	background-position: center;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	right: -30px;
	cursor: pointer;
}

.select-city__close:hover {
	opacity: .7;
}

@media ( max-width : 768px) {
	.select-city__modal-wrap {
		width: 484px;
		padding: 37px 25px 40px 25px;
	}
	.select-city__modal__list {
		columns: 2;
	}
}

@media ( max-width : 575px) {
	.select-city__modal__title-wrap{
		white-space: normal!important;
	}
	.select-city__modal-wrap {
		width: 80%;
		padding: 27px 20px 30px 20px;
	}
	.select-city__modal-wrap {
		margin: 20vh auto;
	}
	.select-city__modal__title {
		/*font-size: 20px !important;*/
		margin-bottom: 10px !important;

	}
	.select-city__close {
		top: 12px;
		right: 12px;
		width: 10px;
		height: 10px;
	}
	.select-city__modal__list__item {
		/*font-size: 13px !important;*/
	}
}

@media ( max-width : 400px) {
	.select-city__modal__list {
		columns: unset;
		/*max-height:100px;*/
		overflow:auto;
	}
	.select-city__modal-wrap {
		margin: 5vh auto;
	}
	.select-city__modal__list__title {
		line-height: 20px;
	}
	.select-city__modal__submit__block-wrap {
		display: block;
	}
	.select-city__modal__submit__input {
		margin-right: 0px;
		margin-bottom: 10px;
	}
	.select-city__modal-wrap {
		padding: 30px 30px;
	}
	.select-city__modal__submit__btn
	{
		width:100%;
	}
}
.select-city__modal__submit__block-wrap__input_wrap
{
	position:relative;
	width:100%;
}
.select-city__modal__submit__block-wrap__input_wrap .sey-container
{
	position:absolute;
	width:100%;
}
.select-city__modal__submit__block-wrap__input_wrap .sey-list
{
	padding-left:0;
	margin:0;
}
.select-city__modal__submit__block-wrap__input_wrap .sey-list li
{
	list-style:none;
}
.select-city__modal__submit__block-wrap__input_wrap .sey-list .sey-item
{
	border-bottom: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
	border-left: 1px solid #d3d3d3;
	background: #ffffff;
	height: 32px;
	width: 100%;
	max-width: 517px;
	color: #414141;
	/*font-family: 'ProximaNova';*/
	/*font-size: 14px;*/
	padding: 0 15px;
	line-height:32px;
	margin:0!important;
}
.select-city__modal__submit__block-wrap__input_wrap .sey-list .sey-hide
{
	display:none;
}
.select-city__modal__submit__block-wrap__input_wrap_error
{
	color:red;
	position:absolute;
	top:-20px;
}

.select-city__modal__submit__vars {
	position: absolute;
	top: 100%;
	left: 0px;
	background-color: #fff;
	box-shadow: 2px 3px 3px #a0a0a0;
	padding: 3px;
	cursor: pointer;
}

.select-city__modal__submit__vars .regions_vars:hover {
	background-color: #f0f0f0;
}

/* End */


/* Start:/local/templates/Fanfantulpan/components/bitrix/menu/header/style.css?1709595801581*/
/* Left menu*/
ul.left-menu
{
	list-style:none;
	margin:0; padding:0;
	margin-bottom:8px;
	position: relative; /*IE bug*/
}

ul.left-menu li
{
	padding: 10px 16px;
	background:#F5F5F5 url(/local/templates/Fanfantulpan/components/bitrix/menu/header/images/left_menu_bg.gif) top repeat-x;
}

ul.left-menu li a
{
	font-size:100%;
	color:#BC262C;
	font-weight:bold;
	text-decoration:none;
}

ul.left-menu li a:visited
{
	color:#BC262C;
}

ul.left-menu li a:hover
{
	color:#BC262C;
}


ul.left-menu li a.selected:link,
ul.left-menu li a.selected:visited,
ul.left-menu li a.selected:active,
ul.left-menu li a.selected:hover
{
	color:#FC8D3D;
}




/* End */


/* Start:/local/templates/Fanfantulpan/components/bitrix/menu/header-profile/style.css?1709595801581*/
/* Left menu*/
ul.left-menu
{
	list-style:none;
	margin:0; padding:0;
	margin-bottom:8px;
	position: relative; /*IE bug*/
}

ul.left-menu li
{
	padding: 10px 16px;
	background:#F5F5F5 url(/local/templates/Fanfantulpan/components/bitrix/menu/header-profile/images/left_menu_bg.gif) top repeat-x;
}

ul.left-menu li a
{
	font-size:100%;
	color:#BC262C;
	font-weight:bold;
	text-decoration:none;
}

ul.left-menu li a:visited
{
	color:#BC262C;
}

ul.left-menu li a:hover
{
	color:#BC262C;
}


ul.left-menu li a.selected:link,
ul.left-menu li a.selected:visited,
ul.left-menu li a.selected:active,
ul.left-menu li a.selected:hover
{
	color:#FC8D3D;
}




/* End */


/* Start:/local/templates/Fanfantulpan/components/bitrix/menu/footer/style.css?1709595801581*/
/* Left menu*/
ul.left-menu
{
	list-style:none;
	margin:0; padding:0;
	margin-bottom:8px;
	position: relative; /*IE bug*/
}

ul.left-menu li
{
	padding: 10px 16px;
	background:#F5F5F5 url(/local/templates/Fanfantulpan/components/bitrix/menu/footer/images/left_menu_bg.gif) top repeat-x;
}

ul.left-menu li a
{
	font-size:100%;
	color:#BC262C;
	font-weight:bold;
	text-decoration:none;
}

ul.left-menu li a:visited
{
	color:#BC262C;
}

ul.left-menu li a:hover
{
	color:#BC262C;
}


ul.left-menu li a.selected:link,
ul.left-menu li a.selected:visited,
ul.left-menu li a.selected:active,
ul.left-menu li a.selected:hover
{
	color:#FC8D3D;
}




/* End */


/* Start:/local/templates/Fanfantulpan/components/bitrix/menu/footer_mobile_double/style.css?1709595801581*/
/* Left menu*/
ul.left-menu
{
	list-style:none;
	margin:0; padding:0;
	margin-bottom:8px;
	position: relative; /*IE bug*/
}

ul.left-menu li
{
	padding: 10px 16px;
	background:#F5F5F5 url(/local/templates/Fanfantulpan/components/bitrix/menu/footer_mobile_double/images/left_menu_bg.gif) top repeat-x;
}

ul.left-menu li a
{
	font-size:100%;
	color:#BC262C;
	font-weight:bold;
	text-decoration:none;
}

ul.left-menu li a:visited
{
	color:#BC262C;
}

ul.left-menu li a:hover
{
	color:#BC262C;
}


ul.left-menu li a.selected:link,
ul.left-menu li a.selected:visited,
ul.left-menu li a.selected:active,
ul.left-menu li a.selected:hover
{
	color:#FC8D3D;
}




/* End */


/* Start:/local/templates/Fanfantulpan/components/bitrix/menu/footer_mobile/style.css?1709595801581*/
/* Left menu*/
ul.left-menu
{
	list-style:none;
	margin:0; padding:0;
	margin-bottom:8px;
	position: relative; /*IE bug*/
}

ul.left-menu li
{
	padding: 10px 16px;
	background:#F5F5F5 url(/local/templates/Fanfantulpan/components/bitrix/menu/footer_mobile/images/left_menu_bg.gif) top repeat-x;
}

ul.left-menu li a
{
	font-size:100%;
	color:#BC262C;
	font-weight:bold;
	text-decoration:none;
}

ul.left-menu li a:visited
{
	color:#BC262C;
}

ul.left-menu li a:hover
{
	color:#BC262C;
}


ul.left-menu li a.selected:link,
ul.left-menu li a.selected:visited,
ul.left-menu li a.selected:active,
ul.left-menu li a.selected:hover
{
	color:#FC8D3D;
}




/* End */


/* Start:/local/templates/Fanfantulpan/styles.css?172180118066*/
.btn.btn--big.btn-font-medium.btn--tealblue {
  display: none;
}
/* End */


/* Start:/local/templates/Fanfantulpan/template_styles.css?174706198968051*/
:root{
    --blue:#2B81D0;
    --lightgray: #D0CFD4;
    --gray: #898793;
    --tealblue:#578887;
    --aquamarine: #80D1C1;
    --lightmossgreen: #A1D193;
    --sagegreen:#8CA187;
    --limegreen:#84DE2C;
    --straightpink:#F55565;
    --pink:#F28CAA;
    --lightpink:#EA969D;
    --brown:#AA7D74;
    --red: #FF0000;
}
/*обнуляющие стили*/
/* Обнуление отступов и отступов между элементами */
body,
div,
p,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

/* Обнуление границ и свойства outline */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Обнуление стиля списка */
ul,
ol {
    list-style: none;
}

/* Обнуление стиля ссылок */
a {
    -webkit-tap-highlight-color: transparent; /* Убирает подсветку при нажатии на iOS */
    user-select: none; /* Убирает выделение при нажатии на других устройствах */
    line-height: normal;
    text-decoration: none;
    color: black;
}
/*a:hover{*/
/*    color: var(--tealblue);*/

/*}*/

/* Обнуление стиля заголовков */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: normal;
}

/* Обнуление стиля кнопок */
button,
input[type="button"],
input[type="submit"] {
    border: none;
    /*background: none;*/
    /*padding: 0;*/
    cursor: pointer;
    outline: none;
}

/* Обнуление стиля изображений */
img {
    max-width: 100%;
    height: auto;
}
@font-face {
    font-family: 'Alice';
    src: url('/local/templates/Fanfantulpan/fonts/Alice-Regular.ttf') format('truetype');
}
/* конец обнуляющих стилей*/
html{
    font-size: 16px;
    /*overscroll-behavior-x: none;*/
}
body{
    overflow-x: hidden;
    font-family: 'Roboto', sans-serif;
    line-height: 24px;
    min-height: 100vh;
    display: flex;
    position: relative;
    flex-direction: column;
    min-width: 300px;
    -webkit-tap-highlight-color: transparent; /* Убирает подсветку при нажатии на iOS */
    user-select: none; /* Убирает выделение при нажатии на других устройствах */
    /*touch-action: pan-y;*/
    /*overscroll-behavior-x: none;*/
}
img {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    pointer-events: none;
}
::-webkit-scrollbar{
    width: 3px;
}
::-webkit-scrollbar-track{
    background-color: var(--lightgray);
}
::-webkit-scrollbar-thumb{
    background-color: var(--tealblue);
}

/*MODALS*/
#filter-modal{
    left: -100%;
    width: 0;
    height: 100%;
    opacity: 0;
    position: absolute;
    animation-name: slideToLeft;

}
#filter-modal::-webkit-scrollbar{
    width: 0;
    height: 0;
}
.modal-medium{
    height: 100%;
    position: absolute;
    /*transition: 1s ease;*/
    box-shadow: -5px 0 10px rgba(0, 0, 0, 0.2);
    z-index: 10;
}
.modal-small{
    /*height: 100%;*/
    position: absolute;
    /*transition: 1s ease;*/
    /*box-shadow: -5px 0 10px rgba(0, 0, 0, 0.2);*/
    z-index: 10;
}
#decoration-modal{
    width: 700px;
    bottom: 0px;
    top: 0px;
    max-height: 100vh;
    margin: 36px 0px;
    box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.25);
}
#decoration-modal .modal-medium__content .btn{
margin: 36px 0px 28px 0px;

}
#decoration-modal .modal-medium__content{
    padding: 26px 30px 26px 30px;
    height: calc(100% - 80px);
}
#decoration-modal .decoration-item{
    cursor: pointer;
    border: 1px solid transparent;
    padding: 10px 15px;
    display: flex;
    border-radius: 10px;
    gap: 10px;
}
#decoration-modal .decoration-item.selected{
    border: 1px solid var(--lightmossgreen);
}
#decoration-modal .decoration-item .decoration-item__img{
    width: 70px;
    height: 70px;
    flex-shrink: 0;
}
#decoration-modal .decoration-item .decoration-item__img img{
    border-radius: 10px;
}
#decoration-modal .decoration-item__text{
    flex-wrap: wrap;
   display: flex;
    flex-grow: 1;
    justify-content: space-between;
    align-items: center;
}
#decoration-modal .decoration-item:not(:last-child) {
margin-bottom: 32px;
}
#decoration-modal .decoration-item:hover{
    border: 1px solid var(--lightmossgreen);
}
#decoration-modal .modal-medium__content-heading{
    margin-bottom: 36px;
}
.modal-medium.callback-modal{
    max-width: 700px;
}
#basket-modal .basket-modal-container{
    /*max-width: 700px;*/
    width: 700px;
}
#basket-modal .recommend-title{
    margin: unset;
}
#basket-modal > div:first-child{
    overflow-y: auto;
}
.modal{
    background-color: #fff;
    color: black;
}
.callback-modal .modal-medium__content{
    /*gap: 80px;*/
    padding: 100px 96px 20px 96px;
    height: calc(100% - 80px);
}
.callback-modal form{
    height: 100%;
}
.callback-modal .modal-medium__content-heading{
    margin-bottom: 24px;
}
.modal-medium__content .modal-block:not(:first-child){
    margin-top: 40px;
}
.modal-medium__content .modal-block:not(:last-child){
    margin-bottom: 40px;
}
#decoration-modal .modal-medium__content .modal-block{
    overflow: auto;
    padding-right: 5px;
    margin-bottom: 40px;
}
.gifthint-modal .modal-medium__content{
    /*gap: 80px;*/
    padding: 100px 96px 0px 96px;
}
#quickorder-modal .modal-medium__content{
    /*gap: 80px;*/
    padding: 144px 96px 0px 96px;
}
.modal-medium__content.success{
    display: flex;
    gap: unset;
    /*justify-content: space-between;*/
    flex-direction: row;
    align-items: center;
}
.modal-medium__content-text.caption-font-small{
    margin-top: 24px;
    color: var(--gray);
}
.modal-medium__content-text.caption-font-small a{
    color: var(--tealblue);
}
.input{
}
.input input[type="file"] span{

}
.input[data-type="file"] label{
    display: inline-flex;
    align-items: center;
    gap: 16px;
    cursor: pointer;
}
.modal-block .input:not(:last-child){
    margin-bottom: 56px;

}
.modal-medium__header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 40px;
    border-bottom: 1px solid var(--lightgray);
}
.modal-medium__header-title{

}
.modal-medium__header-close{
    cursor: pointer;
}
.modal-medium__content{
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}
.modal-medium__content .modal-block{
    margin: 10px 0;
}
.modal-medium__content-heading{

}
.modal-medium__content-text{

}
.modal-medium__content-notice{

}
.modal-medium__content-notice a{

}
.callback-modal{
    right: -100%;
    opacity: 1;
    height: 100%;
}
#basket-modal{
    right: -100%;
    opacity: 1;
    display: flex;
    flex-direction: row;
    width: auto;
}
.menu-modal{
    left: -100%;
    opacity: 1;
    height: 100%;
}
.modal-medium.menu-modal{
    max-width: 950px;
}
.menu-modal .header__item:nth-child(2){
    display: none;
}
.menu-modal .modal-medium__content{
    display: flex;
    padding: 100px 40px 20px 40px;
    flex-direction: row;
    height: calc(100% - 90px);
}
.menu-modal .header__item{
    width: 40%;
}
.menu-modal .modal-medium__header{
    justify-content: unset;
}
.menu-modal .menu-modal__block{
    width: 40%;
    color: var(--lightgray);
}
.menu-modal__list-item:not(:last-child){
    margin-bottom: 30px;
}
.menu-modal__list-item{
    box-sizing: border-box;
    display: block;
    -webkit-transition: 0.4s;
    transition: all 0.4s, border-bottom-width 0s;
    border-bottom: 2px solid transparent;
}
.menu-modal__list-item:hover{
    box-sizing: border-box;
    color: var(--tealblue);
    border-bottom: 2px solid var(--tealblue);
    -webkit-transition: all 0.4s, border-bottom-width 0s;
    transition: all 0.4s, border-bottom-width 0s;
}
.menu-modal__list-item.selected{
    color: var(--tealblue);
}
.submenu-modal{
    z-index: -9999;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    left: unset;
    padding-top: 191px;
    padding-bottom: 20px;
    height: 100%;
    max-width: 378px;
    width: 100%;
    background-color: #fff;
    /*transition: all 0.5s, opacity .5s .4s;*/
    /*animation: opacityFadeOut .5s;*/
}
.submenu-modal.active {
    right: unset;
    opacity: 1;
    z-index: 10;
    left: 100%;
    overflow-y: auto;
    /*transition: all 0.5s, opacity 0s 0s;*/
    /*animation: opacityFadeIn .5s;*/

}
.submenu-modal__back{
    display: none;
    cursor: pointer;
}
.menu-modal .modal-medium__header{
    border-bottom: unset;
}
.submenu-modal__list-item:not(:last-child){
    margin-bottom: 24px;
    display: block;
    transition: 0.4s;
}
.submenu-modal__list-item:hover{
    color: var(--tealblue);
    transition: 0.4s;

}
#auth-modal{
    right: 0;
    max-width: 700px;
    width: 100%;
}
#auth-modal .modal-medium__content {
    padding: 96px 80px 0px 80px
}
#search-modal{
    height: auto;
    top: -100%;
}
#search-modal .modal-medium__header{
    border-bottom: unset;
    padding: 24px;
}
#search-modal .modal-medium__content{
    padding-top: 200px;
    padding-bottom: 300px;
}
#search-modal .modal-medium__content form{
    width: 60%;
    margin: 0 auto;
    position: relative;
}
#search-modal .modal-medium__content input[type="text"]{
    border: unset;
    border-bottom: 1.5px solid var(--lightgray);
    text-align: center;
}
#search-modal .modal-medium__content input:focus::placeholder {
    color: transparent;
}
#search-modal .modal-medium__content input:focus{
    outline: none;
}
#quickorder-modal{
    max-width: 700px;
    position: absolute;
    right: -100%;
    opacity: 1;
}
#gifthint-modal{
    max-width: 700px;
    position: absolute;
    right: -100%;
    opacity: 1;
}
#review-modal{
    max-width: 702px;
    width: 100%;
    position: absolute;
    right: -100%;
}
#review-modal .modal-medium__content{
    padding: 96px 80px 0px 80px;
}
#review-modal .modal-medium__content .modal-block:last-child{
    margin-top: 60px;
}
.make-review-btn:nth-child(2){
    margin-top: 80px;
}
.modal-block-rating{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.review-rating .star.active svg path{
    fill: var(--lightmossgreen);
}
.review-rating .star.hover svg path{
    fill: var(--lightmossgreen);
}
.review-rating .star{
    cursor: pointer;
}
.modal-block-rating .modal-block-rating-flex-inner {
display: flex;
}
.modal-block-rating .modal-block-rating-flex-inner .modal-medium__content-text{
    padding-right: 24px;
}
.modal-block-rating .modal-medium__content-heading {
    padding-bottom: 36px;
}
.file-preview{
    display: flex;
    gap: 8px;
}
.file-preview__item{
    width: 56px;
    height: 40px;
    position: relative;
}
.file-preview__item-img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}
.file-preview__item-close{
    position: absolute;
    background-image: url("data:image/svg+xml,%0A%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='32' height='32' rx='16' fill='%23578887'/%3E%3Cpath d='M21.3337 10.6667L10.667 21.3334' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.667 10.6667L21.3337 21.3334' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-position: center center;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    background-size: 24px 24px;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
}
.file-label{
    padding-top: 24px;
}
#vacancy-modal{
    max-width: 702px;
    width: 100%;
    position: absolute;
    right: -100%;
}
#vacancy-modal .modal-medium__content{
    padding: 96px 80px 0px 80px;
}
/*END MODALS*/



/*FILTER*/

/*END FILTER*/

.breadcrumbs{
    margin-top: 200px;
    margin-bottom: 64px;
    margin-left: 13rem;
}
.breadcrumbs-list{
    display: flex;
    overflow-x: auto;
}
.breadcrumbs-list::-webkit-scrollbar{
    display: none;
}
.breadcrumbs-item{
    color: var(--lightgray);
    transition: 0.4s;
    align-self: baseline;
    position: relative;
    white-space: nowrap;
}
.breadcrumbs-item:not(:first-child)::before{
    content: '/';
    position: absolute;
    left: -12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: var(--lightgray);
}
.breadcrumbs-item:not(:first-child){
    margin-left: 20px;
}
.breadcrumbs-item:hover{
    color: var(--tealblue);
    transition: 0.4s;

}
.breadcrumbs-item:last-child{
    color: black;
    transition: 0.4s;

}
.checkbox {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    color: var(--lightgray);
}
.checkbox:hover{
    color: black;
}
.checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkbox-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    height: 20px;
    width: 20px;
    border: 2px solid var(--lightgray);
    border-radius: 8px;
    transition: background-color 0.3s ease;
}
.checkbox:hover .checkbox-icon {
    border: 2px solid black;

}
.checkbox.checked .checkbox-icon::before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 13px;
    height: 10px;
    background-image: url('data:image/svg+xml;utf8,%3Csvg width="10" height="8" viewBox="0 0 10 8" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M3.81315 7.12265C3.62215 7.12265 3.42915 7.04965 3.28315 6.90265L0.909203 4.52965C0.616203 4.23665 0.616203 3.76265 0.909203 3.46965C1.2022 3.17665 1.6762 3.17665 1.9692 3.46965L3.81315 5.31165L8.02915 1.0967C8.32215 0.803703 8.79615 0.803703 9.08915 1.0967C9.38215 1.3897 9.38215 1.8637 9.08915 2.15665L4.34315 6.90265C4.19715 7.04965 4.00515 7.12265 3.81315 7.12265Z" fill="%23130F26"/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.checkbox.checked{
    color: black;
}
.checkbox.checked .checkbox-icon{
    border: 2px solid black;

}

h1{
    font-size: 4.5rem;
}
h2{
    font-size: 3.375rem;
}
h3{
    font-size: 2.125rem;
    line-height: 42px;
}
h4{
    font-size: 2.125rem;

}
h5{
    font-size: 1.75rem;
}
.heading-1{
    font-size: 4.5rem;
    font-weight: normal;
    letter-spacing: -0.018em;
    line-height: 64px;
    font-family: "Alice", serif;
}
.heading-1 {
    font-family: "Alice", serif;
    font-size: 72px;
    font-weight: normal;
    letter-spacing: -0.018em;
    line-height: 64px; }
@media (max-width: 1440px) {
    .heading-1 {
        font-size: 48px;
        line-height: 64px; } }
@media (max-width: 767px) {
    .heading-1 {
        font-size: 28px;
        line-height: 36px; } }

.heading-2 {
    font-family: "Alice", serif;
    font-size: 54px;
    font-weight: normal;
    line-height: 78px; }
@media (max-width: 1440px) {
    .heading-2 {
        font-size: 36px;
        line-height: 48px; } }
/*@media (max-width: 1365px) {*/
/*    .heading-2 {*/
/*        font-size: 20px;*/
/*        line-height: 28px; } }*/
@media (max-width: 767px) {
    .heading-2 {
        font-size: 20px;
        line-height: 32px; } }

.heading-3 {
    font-family: "Alice", serif;
    font-size: 34px;
    font-weight: normal;
    line-height: 42px; }
@media (max-width: 1440px) {
    .heading-3 {
        font-size: 28px;
        line-height: 36px; } }
@media (max-width: 767px) {
    .heading-3 {
        font-size: 20px;
        line-height: 22px; } }

.heading-4 {
    font-size: 34px;
    font-weight: normal;
    letter-spacing: 0.25px;
    line-height: 51px; }
@media (max-width: 1440px) {
    .heading-4 {
        font-size: 28px;
        line-height: 40px; } }
@media (max-width: 767px) {
    .heading-4 {
        font-size: 16px;
        line-height: 24px; } }

.heading-5 {
    font-size: 28px;
    font-weight: normal;
    letter-spacing: 0.15px;
    line-height: 42px; }
@media (max-width: 1440px) {
    .heading-5 {
        font-size: 24px;
        line-height: 32px; } }
@media (max-width: 767px) {
    .heading-5 {
        font-size: 14px;
        line-height: 22px; } }
.overline{
    font-size: 14px;
    font-family: "Alice", serif;

}
@media (max-width: 1440px){
    .overline{
        font-size: 12px;
    }
}
header{
    white-space: nowrap;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    padding: 24px;
    display: flex;
    /*gap: 270px;*/
    justify-content: space-between;
    width: 100%;
    z-index: 2;
    box-sizing: border-box;
}
.modal-wrapper{
    display: none;
}
.header__item{
    display: flex;
    align-items: center;
}
.header__left{
    display: flex;
    /*justify-content: space-between;*/
    /*gap: 100px;*/
    width: 50%;
}
.header__left-logo{
    display: inline-flex;
}
.header__left-logo:focus-visible {
    outline: 0;
}
.header__right{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 40%;

}
.header__phone a{
    color: black;
    margin-right: 59px;
}
.header__phone:hover a{
    color: var(--tealblue);
}
.header__left-inner{
    display: flex;
    gap: 10px;
    align-items: center;
}
.header__left-inner:first-child{
    width: 40%;

}
.header__left-inner:nth-child(2){
    width: 60%;

}
.header__right-inner{
    display: flex;
    gap: 60px;
}
.header__right-inner:first-child{
    width: 50%;

}
.header__right-inner:nth-child(2){
    width: 50%;
    justify-content: flex-end;
}

.header__left-content-city{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.header__left-content-city-container{
    position: relative;
}
.header__left-content-city-container br{
    display: none;
}
.header__left-content-city .show{
    display: block;
}
.header__left-content-city__list.show{
    transition: all 0.3s, z-index 0.01s cubic-bezier(1, 0, 1, 0),left 0s;
    opacity: 1;
    z-index: 10;
    top: 40px;
    left: 50%;
}
.header__left-content-city__list{
    display: block;
    cursor: auto;
    transition: all 0.3s, z-index 0.3s cubic-bezier(1, 0, 1, 0), left 0s 0.3s;
    background-color: #fff;
    padding: 20px 32px;
    border-radius: 30px;
    top: 60px;
    left: 9999px;
    transform: translateX(-50%);
    position: absolute;
    opacity: 0;
    z-index: -1000;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}
.header__left-content{
    margin-left: 13px;
}
.header__left-content-city span:first-child{
    font-weight: 600;
    margin-left: 8px;
    border-bottom: 2px solid black;
    cursor: pointer;
}
.header__left-content-city span:nth-child(2){
    margin-left: 5px;
}
.header__left-content-name{
    display: none;
    align-items: center;
}
.header__nav{
    display: flex;
    gap: 32px;
}
.header__nav-item{
    color: black;
}
.header__nav-item:hover{
    color: var(--tealblue);
}
.header__menu{
    display: flex;
    align-items: center;
    gap: 32px;

}
.header__menu #header__mobile{
    display: none;
}
.mobile-menu{
    display: none;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    left: 40px;
    right: 40px;
    padding: 15px 28px 17px;
    border-radius: 30px;
    bottom: 12px;
    background-color: #fff;
    /*gap: 25px;*/
}
.mobile-menu .header__menu-item{
    display: flex;
}
.mobile-menu .header__menu-item a{
    display: flex;
}
.mobile-menu .header__menu-item.center_button{
    padding: 7px 16px;
    background: var(--aquamarine);
    border-radius: 20px;
    display: flex;
    gap: 8px;
    color: #fff;
    align-items: center;
}
.mobile-menu .header__menu{
    display: flex;
    align-items: center;
    gap: 25px;
}
.side-menu{
    position: fixed;
    right: 0px;
    bottom: 0px;
    display: none;
}
.side-menu-container{
    position: relative;
}
.side-menu__circle {
    position: relative;/*относительное позиционирование*/
    width: 150px;/*ширина круга*/
    height: 150px;/*высота круга*/
    border-radius: 50%;/*скругление углов*/
    display: flex;
    justify-content: center;
    align-items: center;

}
.side-menu__text{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    animation: rotate 5s linear infinite;
    border-radius: 50%;
    cursor: pointer;
}

.side-menu__text p span{
    position: absolute;
    left: 50%;/*позиция слева*/
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: 600;
    transform-origin: 0 75px;/*точка исхода трансформации*/
}
.side-menu__list{
    display: none;
    margin-right: 35px;
    margin-bottom: 35px;
}
.side-menu__list.show{
    display: block;
}
.side-menu__circle-container{
    display: none;
    position: absolute;
    top: -120px;
    left: -120px;
}
.side-menu__circle-container.show{
    display: block;
}
.side-menu__list-item{
    display: block;
    position: relative;
    margin-bottom: 24px;
    cursor: pointer;
}
.side-menu__list-item:hover .side-menu__list-item-notice{
    display: block;
}
.side-menu__list-item-notice{
    padding: 10px 16px;
    right: calc(100% + 20px);
    top: -10px;
    display: none;
    position: absolute;
    border-radius: 30px;
    background-color: #fff;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);

}
.header__menu-item{
    display: flex;
    cursor: pointer;
    position: relative;
}
.header__menu-item a{
    display: flex;
}
.header__menu-item#header__profile{
    position: relative;
}
.profile__menu{
    display: block;
    cursor: auto;
    transition: all 0.3s, z-index 0.3s cubic-bezier(1, 0, 1, 0),left 0s 0.3s;
    background-color: #fff;
    padding: 20px 32px;
    border-radius: 30px;
    top: 60px;
    left: 9999px;
    transform: translateX(-50%);
    position: absolute;
    opacity: 0;
    z-index: -1000;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}
.profile__menu.show{
    transition: all 0.3s, z-index 0.01s cubic-bezier(1, 0, 1, 0),left 0s;
    opacity: 1;
    z-index: 10;
    top: 40px;
    left: 50%;
}
.profile__menu-item{
    margin-right: 30px;
}
.profile__menu-item:not(:last-child){
    margin-bottom: 15px;
}
.header__socials{
    display: flex;
    gap: 25px;
}
.header__socials-item{
    color: black;
}
.header__socials-item:hover div{
    color: var(--tealblue);
}
.header__brand{

}
.header__logo{

}
.header__burger{
    display: inline-flex;
    margin-right: 40px;
    cursor: pointer;
}
main{
    margin-top: 97px;
    position: relative;
}
footer{
    margin-top: 240px;
}
.footer {
    display: flex;
    padding: 90px 24px 80px;
    gap: 24px;
    /*justify-content: space-between;*/
}

.footer-heading{
    text-transform: uppercase;
    padding: 25px 0;
}
.footer-menu{
    display: flex;
    flex-direction: column;
    /*gap: 15px;*/
}
.footer__logo {
    width: 12.5%;
}
.footer__logo svg{
    margin-top: 10px;
}
.footer__block:nth-child(2) {
    width: 25%;
}
.footer__mobile-block{
    display: none;
}
.footer__mobile-block {
}
.footer-mobile-menu {
}
.footer-mobile-menu__item {
    position: relative;
    transition: max-height 2s ease;
    cursor: pointer;
}
.footer-mobile-menu__item.active .footer-mobile-menu__list{
    display: flex;
    height: 100%;
    max-height: 500px;
    transition: 2s ease;
}
.footer-mobile-menu__list-block{
    flex: 0 0 50%;
}
.footer-mobile-menu__item-svg > path:first-child{
    opacity: 1;
    transition: 0.2s ease;
}
.footer-mobile-menu__item.active .footer-mobile-menu__item-svg svg path:first-child{
    opacity: 0;
    transition: 0.2s ease;
}
.footer-mobile-menu__item-svg{
    right: 0;
    top: 0;
    position: absolute;
    /*animation: ;*/
    padding: 15px 0;
    z-index: 1;
}
.footer-mobile-menu__item-heading {
}
.footer-mobile-menu__list {
    display: flex;
    max-height: 0px;
    overflow: hidden;
    transition: 2s ease;
}
.footer-mobile-menu__list-item {
}
.footer > .footer__block:nth-child(3)  {
    width: 62.5%;
    display: flex;
    flex-direction: column;
}

.footer__catalog {
}
.footer__catalog-heading {
}
.footer__catalog-menu {
}
.footer__catalog-menu-item {
}
.footer__buyers {
}
.footer__buyers-heading {
}
.footer__buyers-block {
    display: block;
    /*justify-content: space-between;*/
    /*gap: 10px;*/
    margin-bottom: 50px;
    column-count:3;
}
.footer__catalog-menu-item{
}
.footer__buyers-block-inner {
}
.footer__buyers-menu {
}
.footer__buyers-menu-item {
    margin-bottom: 15px;

}
.footer__company {
    /*margin-bottom: 30px;*/
}
.footer__company-heading {
}
.footer__company-menu {
}
.footer__company-menu-item {

}
.footer__payment {
    display: flex;
    align-self: flex-end;
    padding: 17px 32px;
    border: 1px solid var(--lightgray);
    border-radius: 30px;
}
.footer__payment-list {
    display: flex;
    gap: 20px;
    align-items: center;

}
.footer__payment-item {
    display: flex;

}
.page-container{
    margin: 0 13.375rem;
}
.footer-container{
    padding: 100px 12.5rem 80px;
    background-color: rgba(208, 207, 212, 0.1);
}

footer .copyright {
    background-color: rgba(208, 207, 212, 0.1);
    padding: 30px 20px 10px
}
footer .copyright a{
    color: #1d192f;
}
footer .copyright a span {
    color: #aaa8b2;
}
footer .footer__mobile-block .copyright {
    background-color: unset;
    padding: 20px 0 20px;
    font-size: 15px;
    display: block;
}

.font-big{
    font-size: 1.25rem;
    line-height: 30px;
    letter-spacing: 0.5px;
}
.font-medium{
    font-size: 1rem;
}
.font-small{

}
.btn-font-medium{
    font-size: 1.125rem;
    line-height: 22px;
    font-weight: 600;
}
.btn-font-small {
    font-size: 0.875rem;
}

.caption-font-medium{
    font-size: 0.875rem;

}
.caption-font-small{
    font-size: 0.75rem;
    line-height: 20px;
}
.caption--straightpink{
    background-color: var(--straightpink);
}
.caption--aquamarine{
    background-color: var(--aquamarine);
}
.caption--blue{
    background-color: var(--blue);
}
.caption--tealblue{
    background-color: var(--tealblue);
}
.caption--pink{
    background-color: var(--pink);
}
.caption--lightpink{
    background-color: var(--lightpink);
}

.--straightpink{
    color: var(--straightpink);
}
.--aquamarine{
    color: var(--aquamarine);
}
.--blue{
    color: var(--blue);
}
.--tealblue{
    color: var(--tealblue);
}
.--red{
    color: var(--red);
}
.--pink{
    color: var(--pink);
}
.--lightpink{
    color: var(--lightpink);
}
.--lightgray{
    color: var(--lightgray);
}
.--limegreen{
    color: var(--limegreen);
}
.--gray{
    color: var(--gray);
}
.--white{
    color: white;
}


.caption{
    display: inline-block;
    padding: 2px 10px;
    border-radius: 5px;
    color: white;
    line-height: 22px;
}

.btn{
    text-transform: uppercase;
    border-radius: 30px;
    color: white;
    /*font-weight: 500;*/
    line-height: 24px;
    white-space: nowrap;
}
.btn--wide{
    width: 100%;
    text-align: center;
    box-sizing: border-box;
}
a.btn--wide{
    display: block;
    text-align: center;
}
.btn--default{
    padding: 16px 40px;
}
.btn--large{
    padding: 20px 40px;
}
.btn--big{
    padding: 18px 40px;
}
.btn--small{
    padding: 8px 24px;

}
.btn--extrasmall{

}
.btn--tealblue{
    background-color: var(--tealblue);
}
.btn--aquamarine{
    background-color: var(--aquamarine);
}
.btn--lightmossgreen{
    background-color: var(--lightmossgreen);
}
.btn--sagegreen{
    background-color: var(--sagegreen);
}
.btn--limegreen{
    background-color: var(--limegreen);
}
.btn--brown{
    background-color: var(--brown);
}
.select {
    position: relative;
    display: inline-block;
    width: 100%;
}
.select select {
    width: 100%;
    border: unset;
    border-bottom: 1px solid var(--lightgray);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='12' viewBox='0 0 22 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.654418 0.327868C1.04402 -0.069545 1.65368 -0.105679 2.0833 0.219481L2.20638 0.327868L10.9997 9.29787L19.793 0.327868C20.1826 -0.069545 20.7922 -0.105679 21.2218 0.219481L21.3449 0.327868C21.7345 0.725282 21.7699 1.34716 21.4511 1.78539L21.3449 1.91095L11.7757 11.6721C11.3861 12.0696 10.7763 12.1057 10.3467 11.7805L10.2237 11.6721L0.654418 1.91095C0.225871 1.47379 0.225871 0.765015 0.654418 0.327868Z' fill='%23130F26'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 20px;
}
.select select:focus {
    outline: none;
}
.select-notice{
    display: flex;
    justify-content: space-between;
}
.select-notice-link a{
    color: var(--tealblue);
}
.select-trigger {
    cursor: pointer;
    border-bottom: 1px solid var(--lightgray);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.selected-option {
}

.arrow {
    margin-left: 8px;
}
.select-heading{
    margin-bottom: 20px;
}
.select-options {
    z-index: 1;
    position: absolute;
    display: none;
    width: 100%;
    left: -32px;
    padding: 14px 32px;
    list-style: none;
    background-color: #fff;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    border-radius: 30px;
}


.select-options li {
    padding: 10px 0px ;
    cursor: pointer;
}

.select-trigger:hover + .select-options {
    display: block;
}
.input{

}
.input-heading{
    margin-bottom: 20px;

}
.input-heading span{
    color: var(--aquamarine);
}
.input-notice{

}
.input input[type="tel"]{
    color: black;
    border: none;
    border-bottom: 1px solid var(--lightgray);
    width: 100%;
}
.input input[type="tel"]::placeholder {
    color: var(--lightgray);

}
.input input[type="tel"]:focus {
    color: var(--tealblue);
    outline: none;
    border-bottom: 1px solid var(--tealblue);
}
.input input[type="text"]{
    color: black;
    border: none;
    border-bottom: 1px solid var(--lightgray);
    width: 100%;
}
.input input[type="text"]::placeholder {
    color: var(--lightgray);

}
.input input[type="text"]:focus {
    color: var(--tealblue);
    outline: none;
    border-bottom: 1px solid var(--tealblue);
}
.input input[type="date"]{
    color: black;
    border: none;
    border-bottom: 1px solid var(--lightgray);
    width: 100%;
    background-color: #fff;
}
.input input[type="date"]::placeholder {
    color: var(--lightgray);

}
.input input[type="date"]:focus {
    color: var(--tealblue);
    outline: none;
    border-bottom: 1px solid var(--tealblue);
}
.input input[type="date"]::-webkit-calendar-picker-indicator,
.input input[type="date"]::-webkit-inner-spin-button {
    display: none;
}

.accordion-item {
    position: relative;
    border-top: 1px solid var(--lightgray);
}
.accordion-item:last-child{
    border-top: 1px solid var(--lightgray);
    border-bottom: 1px solid var(--lightgray);

}
.accordion-item.opened .accordion-content{
    /*color: unset;*/
    overflow: hidden;
    height: auto;
    max-height: 100%;
    transition: max-height 1s ease;
    transition-delay: unset;
    z-index: unset;
}
.accordion-item .accordion-content{
    /*color: transparent;*/
    overflow: hidden;
    height: auto;

}
.accordion-item.bouquet-design-options.opened .accordion-content{
    overflow: visible;
}
.accordion-item-svg svg{
    transition: 0.2s ease;
}
.accordion-item.opened .accordion-item-svg svg path:first-child{
    opacity: 0;
    transition: 0.2s ease;
}
.accordion-item-svg{
    height: 24px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    /*animation: ;*/
}
.accordion-heading {
    text-transform: uppercase;
    padding: 25px 0;
    max-width: 95%;
}
.accordion-header{
    position: relative;
    cursor: pointer;

}
.accordion-text{
    margin: 20px 0 40px 0;
}
.accordion-content {
    position: relative;
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s ease;
    transition-delay: unset;
    z-index: -10000;
}
.items-container {
    margin-top: 100px;
}
.item-list {
    display: flex;
    /*gap: 20px;*/
    /*flex-wrap: wrap;*/
}
.item-block{
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.section-page .item-list {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
.item-list .item {
    width: calc((100% - 60px) / 4);
    position: relative;
    display: flex;
    gap: 8px;
    flex-direction: column;
}
.item-list .item .item-notice{
    min-height: 24px;
}
.show-more-container{
    display: flex;
    justify-content: center;
    margin: 20px 0;
}
.show-more-container div{
    cursor: pointer;
}
.item__img {
    /*overflow: hidden;*/
    position: relative;
    width: 100%;
    height: fit-content;
}
.item__img a{
    display: flex;
    align-items: center;
}
.item__img-container{
    /*height: 540px;*/
    aspect-ratio: 2/3;
}
.section-page__title{
    margin-top: 90px;
    font-family: "Alice", serif;
    font-weight: 400;
    margin-bottom: 40px;
    padding-left: 200px;
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}
.item__heading-block{

    left: 49%;
    position: relative;
    top: 35%;
    -webkit-transform: translate(-50%, -35%);
    transform: translate(-50%, -35%);
    width: 136%;
    z-index: 1;
}
.item__heading{
    font-family: "Alice", serif;
    text-align: center;
    width: 100%;
    /*font-size: 36px;*/
    /*line-height: 48px;*/
}
.item__img-image{
    border-radius: 30px;
    transition: 0.3s ease;
    width: 100%;
    /*height: 100%;*/
    object-fit: contain;
}
.item .item__img .btn{
    display: block;
}
.item:hover .item__img-image{
    /*display: block;*/
    border-radius: 0px !important;
    transition: border-radius 0.3s ease;
}
.item:hover .item__img-favorite{
    display: block;
}
.item__img-captions{
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
    position: absolute;
    width: 80%;
    top: 20px;
    left: 20px;
}
.item__img-favorite{
    display: none;
    cursor: pointer;
    top: 20px;
    right: 20px;
    position: absolute;
    transition: 1s linear;
}
.favorite-counter{
    position: absolute;
    right: -4px;
    top: 0;
}
.favorite-counter-number{
    display: none;
    border: 1px solid white;
    display: none;
    line-height: normal;
    padding: 4px 4px;
    border-radius: 100px;
    background-color: rgba(132, 222, 44, 1);
}
.item__img-favorite.active{
display: block;
}
/*.item__img-favorite svg path{*/
/*    transition: 0.3s linear;*/

/*}*/
/*.item__img-favorite:hover svg path{*/
/*    stroke: black;*/
/*    transition: 0.3s linear;*/

/*}*/
.item__img-favorite.active svg path{
    fill: #F55565;
    transition: 0.3s linear;

}
.item__img-button{
    display: none;
    position: absolute;
    bottom: 20px;
    width: calc(100% - 48px);
    margin: 0 24px;
}
.item:hover .item__img-button{
    display: block;
}
.item-notice {
    min-height: 24px;

}
.item-title {
}
.item__properties {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.item__property {
}
.item__property:not(:first-child) {
    margin-top: 8px;
}
.item__property.quantity-counter{
    display: none;
}
.item__property-name {
}
.item__property-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.item__property-change{
    color: var(--aquamarine);
}
.item__property-elem {
    cursor: pointer;
    padding: 2px 10px;
    color: var(--gray);
    border: 1px solid var(--lightgray);
    border-radius: 4px;
    transition: 0.4s ease;
}
.item__property-elem:hover{
    transition: 0.4s ease;
    color: black;
    border: 1px solid var(--aquamarine);
}
.item__property-elem.selected{
    transition: 0.4s ease;
    color: black;
    border: 1px solid var(--aquamarine);
    background-color: var(--aquamarine);
}
.item-description {
}
.item__prices {
    display: flex;
    /*gap: 15px;*/
    flex-wrap: wrap;
    align-items: baseline;
}
.item__price {
    /*font-size: 28px;*/
}
.item__price span{
    display: none;
    font-size: 14px;
}
.item__price-old {
    color: var(--gray);
    text-decoration: line-through;
    text-decoration-color: var(--aquamarine);
}
.swiper-center-right-plug{
    margin-top: 160px;
}
.swiper-center-left-plug{
    margin-top: 96px;
}
.swiper-right-plug{
    margin-top: 96px;
}
.swiper-left-plug{
    margin-top: 96px;
}
.swiper-reviews{
    margin-bottom: 160px;
    margin-top: 180px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative;
}
.swiper-reviews .swiper-buttons{
    display: flex;
}
.swiper-reviews .swiper-controls{
    margin-top: 40px;
}
.swiper-reviews .swiper-controls {
    margin-top: 40px;
}
.swiper-reviews .swiper-reviews__btn{
    margin-top: 46px;
}
.swiper-reviews__swiper{

}
.swiper-reviews__block:first-child{
    display: flex;
    flex-direction: column;
    margin-right: 176px;
}
.swiper-reviews__block:nth-child(2){
    width: 62%;
    padding-top: 22px;
}
.swiper-reviews__link{
    margin-top: 24px;
}
.swiper-reviews__text{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.swiper-reviews__desc{
    width: 73%;
}
.swiper-reviews__info{
    color: rgba(19, 15, 38, 0.5);
    width: 20%;
}
.swiper-center-right-plug .swiper-controls{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: auto;
    position: absolute;
    right: calc((100% + 19px) / 4);
    top: 0;
    width: calc((100% - 58px) / 4);
    z-index: 1;
}
.swiper-center-left-plug .swiper-controls{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: auto;
    position: absolute;
    left: calc((100% + 20px) / 4);
    top: 0;
    width: calc((100% - 58px) / 4);
    z-index: 1;
}
.swiper-left-plug .swiper-controls{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 0;
    position: absolute;
    right: auto;
    top: 0;
    width: calc((100% - 56px) / 4);
    z-index: 1;
}
.swiper-right-plug .swiper-controls{
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: calc((100% - 58px) / 4);
    z-index: 1;
}
.swiper-center-right-plug .swiper-buttons {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.swiper-center-left-plug .swiper-buttons {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.swiper-right-plug .swiper-buttons {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.swiper-left-plug .swiper-buttons {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.button-prev{
    transition: 0.4s;
    cursor: pointer;
    margin-right: 20px;

}
.button-next{
    transition: 0.4s;

    cursor: pointer;
}
.swiper-heading{
    margin-top: -120px;
    margin-bottom: 70px;
    text-align: center;
}

#main-banner-swiper{
    width: 87.5%;
    margin-left: auto;
    margin-right: unset;
    line-height: normal;
}
#main-banner-swiper .slide-content{
    width: 396px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-bottom: 50px;
}
#main-banner-swiper .swiper-slide{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#main-banner-swiper .slide-img{
    width: 56.7%;
    height: 100%;
    display: flex;
    object-fit: cover;
}
#main-banner-swiper .slide-img img{
    border-radius: 100px;
    max-height: 832px;
    width: 100%;
    object-fit: cover;
}
#main-banner-swiper .slide-content__item-block{
    display: flex;
    gap: 10px;
}
#main-banner-swiper .swiper-button-prev::after{
    content: unset;
}
#main-banner-swiper .swiper-button-next::after{
    content: unset;
}
#main-banner-swiper .slide-content__desc{
    color: var(--gray);
}
#main-banner-swiper .slide-content__price{
    margin-bottom: 40px;
}
#main-banner-swiper .swiper-pagination{
    display: block;
    position: unset;
    align-items: center;
    transform: translateX(-64px);
}
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{
    transform: unset;
}
#main-banner-swiper .swiper-controls{
    bottom: 0px;
    width:38%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#main-banner-swiper .swiper-pagination-bullet-active{
    background-color: var(--tealblue);
    width: 24px;
    height: 24px;
}
#main-banner-swiper .swiper-button-next{
    position: relative;
    left: unset;
    right: unset;
    transition: 0.4s;
    height: auto;
    width: unset;
    margin-top: unset;
}
#main-banner-swiper .swiper-buttons{
    display: flex;
}
#main-banner-swiper .swiper-button-prev{
    width: unset;
    margin-top: unset;
    height: auto;
    position: relative;
    left: unset;
    right: unset;
    margin-right: 24px;
    transition: 0.4s;
}
#main-banner-swiper .swiper-button-prev:hover {
    transform: translateX(-7px);
}
#main-banner-swiper .swiper-button-next:hover {
    transform: translateX(7px);
}
.button-next:hover {
    transform: translateX(7px);
}
.button-prev:hover {
    transform: translateX(-7px);
}
#main-banner-swiper .swiper-pagination-bullet-active{

}
#main-banner-swiper .swiper-pagination-bullet{
    /*margin-right: 20px;*/
    background-color: var(--tealblue);
    opacity: unset;
}
@keyframes horizontalFadeIn {
    0% {
        opacity: 0;
        transform: scaleX(0);
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
        transform: scaleX(1);
    }
}
@keyframes opacityFadeIn {
    0% {
        opacity: 0;
    }
    50% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}
@keyframes opacityFadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes rotate {
    0%
    {
        transform: rotate(360deg);
    }
    100%
    {
        transform: rotate(0deg);
    }
}

@media(max-width: 1812px) {
    .item__img-button{
        width: calc(100% - 40px);
        margin: 0 20px;
    }
}
@media(max-width: 1700px) {
    .header {
        /*gap: 100px;*/
    }
}
@media(max-width: 1600px) {
    .header__socials{
        /*display: none;*/
    }
    .header__left{
        /*gap: 75px;*/
        justify-content: space-between;
        width: 60%;

    }
    .header__left-inner:first-child{
        width: 30%;
    }
    .header__left-inner:nth-child(2){
        width: 60%;
    }
    .header__right{
        width: 40%;

    }
    .footer-container{
        padding: 100px 8.5rem 80px;

    }
    #main-banner-swiper .swiper-controls{
        bottom: 0px;
    }
    #main-banner-swiper .slide-content__price{
        margin-bottom: 16px;
    }
}
@media(max-width: 1492px) {
    .page-container{
        max-width: unset;
    }
    .btn-font-medium{
        font-size: 0.875rem;
    }
    .footer__catalog-menu-item{
        font-size: 0.875rem;
    }
    #main-banner-swiper .slide-img img{
        max-height: 700px;
    }
}
@media(max-width: 1440px) {
    #main-banner-swiper .swiper-pagination{
        transform: translateX(-30px);
    }
    .swiper-reviews__block:nth-child(2) {
        padding-top: 10px;
    }
    #review-modal .modal-block-rating-flower svg{
        width: 125px;
        height: 125px;
    }
    #review-modal .review-modal-flower svg{
        width: 125px;
        height: 125px;
    }
    #review-modal .modal-medium__content{
        padding: 48px 80px 0px 80px;
    }
    #vacancy-modal .modal-medium__content{
        padding: 48px 80px 0px 80px;
    }
    #search-modal .modal-medium__content{
        padding-top: 140px;
        padding-bottom: 250px;
    }
    #quickorder-modal .modal-medium__content{
        /*gap: 80px;*/
        padding: 80px 80px 0px 80px;
    }
    #gifthint-modal .modal-medium__content{
        /*gap: 80px;*/
        padding: 80px 80px 0px 80px;
    }
    .menu-modal .menu-modal__block{
        width: 35%;

    }

    .menu-modal .header__item{
        width: 35%;
    }
    .menu-modal .header__left-logo svg{
        width: unset;
        height: unset;
    }
    #search-modal .header__left-logo svg{
        width: unset;
        height: unset;
    }
    .modal-medium__content.success{
        display: flex;
        gap: unset;
        /*justify-content: space-between;*/
        flex-direction: column;
        align-items: center;
    }
    .callback-modal .modal-medium__content-heading{
        margin-bottom: 16px;
    }
    .callback-modal input[type=submit]{
        padding: 12px 40px;
    }
    #quickorder-modal input[type=submit]{
        padding: 12px 40px;
    }
    #vacancy-modal input[type=submit]{
        padding: 12px 40px;
    }
    #gifthint-modal input[type=submit]{
        padding: 12px 40px;
    }
    .modal-medium.callback-modal{
        max-width: 576px;
    }
    #basket-modal .basket-modal-container{
        width: 576px;
    }
    .callback-modal .modal-medium__content{
        /*gap: 80px;*/
        padding: 80px;
    }
    .modal-medium__content .modal-block:not(:first-child){
        margin-top: 30px;
    }
    .modal-medium__content .modal-block:not(:last-child){
        margin-bottom: 30px;
    }
    #decoration-modal .modal-medium__content .modal-block{
        margin-bottom: 30px;
    }
    .modal-block .input:not(:last-child){
        margin-bottom: 40px;
    }
    .breadcrumbs{
        margin-left: 8rem;
        margin-top: 100px;
        margin-bottom: 40px;
    }
    .section-page__title{
        padding-left: 130px;
        margin-top: 60px;
    }
    .item__heading-block{
        top: 25%;
    }
    .button-prev svg{
        width: 36px;
        height: 36px;

    }
    .swiper-reviews__block:first-child{
        margin-right: 132px;
    }
    .swiper-reviews__block:nth-child(2){
        max-width: 696px;
        width: 100%;
    }
    .swiper-reviews__info{
        width: 23%;
    }
    .btn--large{
        padding: 16px 32px;
    }
    .swiper-center-right-plug{
        margin-top: 120px;
    }
    .swiper-center-left-plug{
        margin-top: 80px;
    }
    .swiper-right-plug{
        margin-top: 80px;

    }
    .swiper-left-plug{
        margin-top: 80px;

    }
    .button-next svg{
        width: 36px;
        height: 36px;

    }
    .header__socials{
        display: none;
    }
    .header__left-content-name svg{
        width: 145px;
        height: 35px;
    }
    .header__left-logo svg{
        width: 36px;
        height: 35px;
    }
    .page-container{
        margin: 0 160px;
    }
    footer{
        margin-top: 120px;
    }
    #main-banner-swiper .slide-content{
        width: 264px;
        margin-bottom: 20px;
    }
    #main-banner-swiper .swiper-button-prev svg{
        width: 36px;
        height: 36px;
    }
    #main-banner-swiper .swiper-button-next svg{
        width: 36px;
        height: 36px;
    }
    /*#main-banner-swiper .swiper-pagination-bullet{*/
    /*    width: 6px;*/
    /*    height: 6px;*/
    /*}*/
    /*#main-banner-swiper .swiper-pagination-bullet-active{*/
    /*    width: 16px;*/
    /*    height: 16px;*/
    /*}*/

}
@media(max-width: 1366px){
    #main-banner-swiper .slide-img img{
        max-height: 700px;
    }
    h1{
        font-size: 3rem;
    }
    h2{
        font-size: 2.25rem;
    }
    h3{
        font-size: 1.75rem;
    }
    h4{
        font-size: 1.75rem;

    }
    h5{
        font-size: 1.5rem;
    }

    .font-big{
        font-size: 1rem;
    }
    .font-medium{
        font-size: 0.875rem;
    }
    .font-small{

    }
    .btn-font-medium{
        font-size: 0.875rem;
    }
    .btn-font-small {
        font-size: 0.75rem;
    }
    .btn--default{
        padding: 12px 0px;
    }
    .caption-font-medium{
        font-size: 0.75rem;

    }
    .caption-font-small{
        font-size: 0.75rem;

    }
    .footer{
        justify-content: space-around;
    }
    .item__img-captions{
        gap: 12px;
    }

}
@media(max-width: 1365px) {
    .basket-recommend{
        padding: 20px;
    }
    .swiper-reviews__block:nth-child(2){
        padding-top: unset;
    }
    .modal-medium.menu-modal{
        max-width: 572px;
    }
    .submenu-modal{
        max-width: 308px;

    }
    .menu-modal .modal-medium__header{
        justify-content: space-between;
    }
    .breadcrumbs{
        margin-left: 5rem;
        margin-top: 80px;
        margin-bottom: 48px;
    }
    .section-page__title{
        padding-left: 72px;
    }
    .item__heading-block{
        width: 100%;
    }
    .swiper-reviews__info{
        width: 160px;
    }
    .swiper-reviews{
        display: block;
    }
    .swiper-reviews__block:nth-child(2){
        max-width: unset;
    }
    .swiper-reviews__block:first-child{
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        margin-right: unset;
        margin-bottom: 40px;
    }
    .swiper-reviews__link{
        margin-top: unset;
    }
    .swiper-reviews__text{
        flex-direction: column;
        gap: 24px;
    }
    .swiper-reviews .swiper-buttons{
        position: absolute;
        right: 0;
        bottom: 105px;
        z-index: 1;
    }
    .swiper-reviews__desc{
        width: unset;
    }
    .swiper-center-right-plug{
        margin-top: 80px;
    }
    .swiper-center-left-plug{
        margin-top: 120px;
    }
    .swiper-right-plug{
        margin-top: 40px;
    }
    .swiper-left-plug{
        margin-top: 40px;
    }
    .footer__mobile-block{
        width: 100%;
        display: block;
        margin: 0px 70px;
    }
    .footer > .footer__block{
        display: none;
    }
    .footer > .footer__block:nth-child(3){
        display: none;

    }
    .footer-container{
        padding: 80px 95px 80px 24px;
    }
    .footer__logo svg{
        width: 30px;
        height: 28px;
    }
    #main-banner-swiper{
        width: unset;
    }
    #main-banner-swiper .slide-img{
        width: 49%;
    }

}
@media(max-width: 1200px) {
    .page-container{
        margin: 0 95px;
    }
    .header__nav{
        display: none;
    }
    .header__left{
        width: 40%;
    }
    .header__left-inner:first-child{
        width: 60%;
    }
    .header__left-inner:nth-child(2){
        width: 20%;
    }
    .header__right{
        width: 60%;
    }
    .header__burger{
        margin-right: unset;
    }
    .footer{
        /*margin: 97px 0px 0 0px;*/
    }
    .footer-container{
        /*width: 93%;*/

    }
    #main-banner-swiper .slide-content{
        gap: 5px;
    }

}
@media(max-width: 1024px) {
    .item__price-old{
        /*display: none;*/
    }
    .item__price span{
        display: inline-block;
    }
    .footer{
        justify-content: unset;
    }
    .footer-container{
        padding: 80px 0 80px 30px;
    }
    .footer-heading{
        padding: 15px 0;
        z-index: 10;
        position: relative;
    }



    .footer__logo{
        width: 7%;
    }


    .item__properties{
        display: none;
    }
    .item:hover .item__img-button{
        display: none;
    }
    /*.item:hover .item__img{*/
    /*    display: block;*/
    /*    transition: unset;*/
    /*}*/
    .item:hover .item__img-image{
        border-radius: 30px;
    }
    .item:hover .item__img-favorite{
        display: none;
    }
    .item__img-captions{
        width: 90%;
        gap: 8px;
        top: 11px;
        left: 11px;
    }


}
@media(max-width: 1023px) {
    .item__img-button{
        width: calc(100% - 20px);
        margin: 0 10px;
    }
    #search-modal .modal-medium__content form{
        width: 90%;
    }
    .header__left-content-name{
        display: block;
    }
    .header__left-content .header__left-content-city{
        display: none;
    }
    .modal-medium.menu-modal{
        max-width: 533px;
    }
    .submenu-modal{
        max-width: 235px;
    }
    .modal-medium__content .modal-block:not(:first-child){
        margin-top: 30px;
    }
    .modal-medium__content .modal-block:not(:last-child){
        margin-bottom: 30px;
    }
    .breadcrumbs{
        margin-left: 4rem;
    }
    .section-page__title{
        padding-left: 53px;
    }
    .swiper-right-plug{
        margin-top: 20px;
    }
    .swiper-left-plug{
        margin-top: 20px;
    }
    #main-banner-swiper .swiper-controls{
        bottom: 0px;
    }
    #main-banner-swiper{
        margin-left: -53px;
        margin-right: -53px;

    }
    #main-banner-swiper .slide-img img{
        border-radius: 30px;
    }
    .swiper-center-right-plug .swiper-controls{
        width: calc((100% - 40px) / 3);
        right: calc((100% + 20px) / 3);
    }
    .swiper-center-left-plug .swiper-controls{
        width: calc((100% - 40px) / 3);
        left: calc((100% + 20px) / 3);
    }
    .swiper-right-plug .swiper-controls{
        width: calc((100% - 40px) / 3);
    }
    .swiper-left-plug .swiper-controls{
        width: calc((100% - 40px) / 3);
    }
}

@media(max-width: 991px) {
    .header__left{
        gap: 20px;
    }


    .header{
        gap: unset;
    }
    .header__left{
        width: 45%;
    }
    .header__right{
        width: 55%;
    }
    .item-list .item{
        width: calc((100% - 40px) / 3);
    }
    .page-container{
        margin: 0 78px;
    }
}
@media screen and (max-width: 767px) and (orientation: landscape){
    .footer-container{
        padding-right: 55px;
        padding-left: 55px;
    }
}
@media(max-width: 767px) {
    #decoration-modal .modal-medium__header{
        padding: 20px 10px;
    }
    #basket-root #basket-total-row .basket-recommend{
        width: 100%;
    }
    #basket-root #basket-total-row .basket-recommend .item-list{
        display: flex;
        flex-wrap: nowrap;
        overflow-x: auto;
        gap: 20px;
    }
    #basket-root #basket-total-row .basket-recommend .item-list::-webkit-scrollbar{
        width: 0;
        height: 0;
    }
    #basket-root #basket-total-row .basket-recommend .item-list .item{
        min-width: calc((100% - 40px) / 3);
        border-bottom: unset;
    }
    .show-more-container div{
        width: 100%;
    }
    .btn--default{
        padding: 6px 0px;
    }
    .item__img-button{
        width: calc(100% - 10px);
        margin: 0 5px;
    }
    #basket-modal{
        width: 100%;
    }
    .item__img-favorite.active{
        display: none;
    }
    .item__img-favorite{
        display: none;
    }
    .make-review-btn{
        width: 100%;
    }
    #review-modal .modal-block-rating-flower svg{
        display: none;
    }
    #review-modal input[type="submit"]{
        width: 100%;
    }
    #review-modal .modal-medium__content{
        padding: 36px 20px 0px 20px;
    }
    #vacancy-modal .modal-medium__content{
        padding: 36px 20px 0px 20px;
    }
    #quickorder-modal .modal-medium__content{
        /*gap: 80px;*/
        padding: 36px 20px 0px 20px;
    }
    #gifthint-modal .modal-medium__content{
        /*gap: 80px;*/
        padding: 36px 20px 0px 20px;
    }
    #search-modal .modal-medium__content{
        padding-top: 70px;
        padding-bottom: 200px;
    }
    #basket-modal .basket-modal-container{
        width: 100%;
    }
    .side-menu{
        bottom: 45px;
        right: 20px;
    }
    .side-menu__circle{
        width: 90px;
        height: 90px;
    }
    .side-menu__circle-container{
        left: -40px;
    }
    .side-menu__text p span{
        font-size: 0.4em;
        -webkit-transform-origin: 0 45px;
        -moz-transform-origin: 0 45px;
        -ms-transform-origin: 0 45px;
        -o-transform-origin: 0 45px;
        transform-origin: 0 45px;
    }
    .submenu-modal__back{
        display: flex;
        align-items: center;
        margin-bottom: 30px;
    }
    .submenu-modal__back-icon{
        display: flex;
    margin-right: 12px;
    }
    .submenu-modal__back-text{
        color: var(--tealblue);
    }
    .menu-modal .modal-medium__content{
        padding: 40px 20px;
    }
    .menu-modal .menu-modal__block{
        display: none;
    }
    .menu-modal .header__item:first-child{
        display: none;
    }
    .menu-modal .header__item:nth-child(2){
        display: block;
    }
    .menu-modal .modal-medium__header{
        border-bottom: 1px solid var(--lightgray);
    }
    .modal-medium.menu-modal{
        max-width: 100%;
        width: 100%;
    }
    .submenu-modal{
        padding-top: 30px;
        width: 100%;
        max-width: 100%;
        left: -100%;
        top: 80px;
        animation: unset;
        padding: 40px 20px 100px;
    }
    .submenu-modal.active{
        overflow-y: auto;
        left: 0;
        animation: unset;

    }
    .modal-medium__content.success svg{
        width: 100px;
        height: 100px;
    }
    .callback-modal .input-heading{
        margin-bottom: 16px;
    }
    .callback-modal input[type=submit]{
        padding: 12px 0;
        width: 100%;
    }
    #quickorder-modal input[type=submit]{
        padding: 12px 40px;
        width: 100%;

    }
    #vacancy-modal input[type=submit]{
        padding: 12px 40px;
        width: 100%;

    }
    #gifthint-modal input[type=submit]{
        padding: 12px 40px;
        width: 100%;

    }
    .modal-block .input:not(:last-child){
        margin-bottom: 24px;
    }
    .modal-medium__content .modal-block:not(:first-child){
        margin-top: 20px;
    }
    .modal-medium__content .modal-block:not(:last-child){
        margin-bottom: 20px;
    }
    #decoration-modal .modal-medium__content .modal-block{
        margin-bottom: 20px;
    }
    .callback-modal .modal-medium__content{
        /*gap: 80px;*/
        padding: 36px 20px;
    }
    .modal-medium__header{
        padding: 20px 20px;
    }

    main{
        margin-top: 60px;
        position: relative;
    }
    .breadcrumbs{
        margin-left: 0;
        margin-top: 0;
    }
    .section-page__title{
        padding-left: 0px;
        margin-top: 48px;
    }
    .swiper-reviews__btn .btn{
        width: 100%;
    }
    .btn--large{
        padding: 12px;
    }
    .swiper-center-right-plug{
        margin-top: 48px;
    }
    .swiper-center-left-plug{
        margin-top: 48px;
    }
    .swiper-right-plug{
        margin-top: 48px;
    }
    .swiper-left-plug{
        margin-top: 48px;
    }
    header{
        padding: 15px 12px;
    }
    .header__left-logo svg{
        width: 28px;
        height: 27px;
    }
    .header__left-content-name svg{
        width: 113px;
        height: 27px;
    }
    .item-list{
        /*gap: 20px;*/

    }
    .button-prev{
        margin-right: 15px;
    }
    #main-banner-swiper .swiper-slide{
        flex-direction: column-reverse;
        gap: 15px;
    }
    .footer-container{
        padding: 50px 55px 85px 55px;
    }
    .caption{
        padding: 2px 8px;
    }
    .header__menu #header__mobile{
        display: flex;
    }
    .header .mobile__menu .header__menu-item{
        display: block;
    }
    .header .header__menu .header__menu-item:not(#header__mobile){
        display: none;
    }
    .btn--big {
        text-align: center;
        padding: 16px 0px;
    }
    .header__burger{
        display: none;
    }
    .footer__logo{
        display: none;
    }
    .footer__mobile-block{
        margin: unset;
        z-index: 1;
    }
    .header .mobile-menu{
        display: flex;
        position: fixed;
        align-items: center;
        justify-content: space-between;
    }
    .header__phone{
        display: none;
    }
    footer{
        margin-top: 50px;

    }
    .header__menu{
        gap: 20px;
    }
    .header__right{
        width: 45%;
    }
    .header__left{
        width: 55%;
    }
    .header__phone{
        display: none;
    }
    .item-list .item {
        width: calc((100% - 20px) / 2);
    }
    .page-container{
        margin: 0 55px;
    }
    #main-banner-swiper .slide-content{
        width: 100%;
    }
    #main-banner-swiper .slide-img{
        width: 100%;
        /*height: 210px;*/
        object-position: center;
    }
    #main-banner-swiper .slide-img img{
        object-fit: contain;
        object-position: center;
        border-radius: 30px;
    }
    #main-banner-swiper .swiper-controls{
        position: unset;
        width: 50%;
    }
    #main-banner-swiper{
        margin-left: unset;
        margin-right: unset;
    }
    #main-banner-swiper .swiper-buttons{
        display: none;
    }
    #main-banner-swiper .swiper-pagination{
        margin-top: 0px;
    }
    /*#main-banner-swiper .swiper-pagination-bullet{*/
    /*    !*margin-right: 11px;*!*/
    /*}*/
    .swiper-center-right-plug .swiper{
        display: flex;
        flex-direction: column-reverse;
    }
    .swiper-center-left-plug .swiper{
        display: flex;
        flex-direction: column-reverse;
    }
    .swiper-left-plug .swiper{
        display: flex;
        flex-direction: column-reverse;
    }
    .swiper-right-plug .swiper{
        display: flex;
        flex-direction: column-reverse;
    }
    .swiper-right-plug .swiper-heading {
        margin-top: unset;
        margin-bottom: unset;
    }
    .swiper-left-plug .swiper-heading {
        margin-top: unset;
        margin-bottom: unset;
    }
    .swiper-center-right-plug .swiper-heading {
        margin-top: unset;
        margin-bottom: unset;
    }
    .swiper-center-left-plug .swiper-heading {
        margin-top: unset;
        margin-bottom: unset;
    }
    .swiper-center-right-plug .swiper-controls {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 24px;
        position: static;
        right: auto;
        width: 100%;
    }
    .swiper-center-left-plug .swiper-controls {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 24px;
        position: static;
        right: auto;
        width: 100%;
    }
    .swiper-left-plug .swiper-controls {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 24px;
        position: static;
        right: auto;
        width: 100%;
    }
    .swiper-right-plug .swiper-controls {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 24px;
        position: static;
        right: auto;
        width: 100%;
    }
}
@media(max-width: 720px) {
    #decoration-modal{
        width: 100%;
        max-height: 100vh;
        margin: unset;
    }
    #decoration-modal .modal-medium__content .btn{
        margin: 16px 0px 22px 0px;

    }
    #decoration-modal .decoration-item{
        padding: 10px;
        display: flex;
        gap: 10px;
    }
    #decoration-modal .modal-medium__content{
        padding: 25px 10px;
    }
    #decoration-modal .decoration-item:not(:last-child){
        margin-bottom: 10px;
    }
    #decoration-modal .decoration-item .decoration-item__name{
        flex-basis: 100%;
    }
}
@media(max-width: 576px) {
    #basket-root #basket-total-row .basket-recommend .item-list .item{
        min-width: calc((100% - 20px) / 2);
        border-bottom: unset;
    }
    .swiper-heading{
        text-align: unset;
    }

    .page-container{
        margin: 0 20px;
    }
}

@media(max-width: 493px) {
    .mobile-menu{
        left: 12px;
        right: 12px;

    }
    .side-menu__list{
        margin-right: 20px;
    }
    .side-menu{
        right: 0;
    }
    .side-menu__circle-container{
        left: -80px;
    }
}

@media(max-width: 480px) {
    h1{
        font-size: 1.75rem;
    }
    h2{
        font-size: 1.25rem;
    }
    h3{
        font-size: 0.875rem;

    }
    h5{
        font-size: 0.875rem;
    }
    .font-big{
        font-size: 0.875rem;
    }
    .font-medium{
        font-size: 0.875rem;
    }
    .font-small{

    }
    .btn-font-medium{
        font-size: 0.75rem;
    }
    .btn-font-small {
        font-size: 0.75rem;
    }

    .caption-font-medium{
        font-size: 0.75rem;;

    }
    .caption-font-small{
        font-size: 0.75rem;

    }
    .item:hover .item__img-image{
        border-radius: 20px;

    }
    .item__img-image{
        border-radius: 20px;
    }
    .item__price{
        font-size: 18px;
    }
    .item__price span{
        font-size: 12px;
    }
    .footer-container{
        padding: 50px 20px 85px 20px;
    }
    footer .copyright {
        display: none;
    }

}
@media(max-width: 320px){
    h1{
        font-size: 1.75rem;
    }
    h2{
        font-size: 1.25rem;
    }
    h3{
        font-size: 0.875rem;

    }
    h5{
        font-size: 0.875rem;
    }

    .font-big{
        font-size: 0.875rem;
    }
    .font-medium{
        font-size: 0.875rem;

    }
    .font-small{

    }
    .btn-font-medium{
        /*font-size: 1.125rem;*/
    }
    .btn-font-small {
        font-size: 0.875rem;
    }

    .caption-font-medium{
        font-size: 0.75rem;

    }
    .caption-font-small{
        font-size: 0.75rem;

    }
}
@keyframes slideFromRight {
    from {
        right: -100%;
    }
    to {
        right: 0;

    }
}
@keyframes slideToRight {
    from {
        right: 0;
    }
    to {
        right: -100%;
    }
}
@keyframes slideFromTop {
    from {
        top: -100%;
    }
    to {
        top: 0;

    }
}
@keyframes slideToTop {
    from {
        top: 0;
    }
    to {
        top: -100%;
    }
}
@keyframes slideFromLeft {
    from {
        left: -100%;
    }
    to {
        left: 0;

    }
}
@keyframes slideToLeft {
    from {
        left: 0;
    }
    to {
        left: -100%;
    }
}


/* End */
/* /local/templates/Fanfantulpan/include/Fancybox/fancybox.css?170959580133191 */
/* /local/templates/Fanfantulpan/include/slim-select/slimselect.css?170959580113447 */
/* /local/templates/Fanfantulpan/include/air-datepicker/air-datepicker.css?170959580123653 */
/* /local/templates/Fanfantulpan/include/swiper/swiper-bundle.min.css?170959580122806 */
/* /local/templates/Fanfantulpan/include_custom/nightOrder/css/style.css?1756276394707 */
/* /local/templates/Fanfantulpan/components/bitrix/menu/menu-modal/style.css?1709595801581 */
/* /local/templates/Fanfantulpan/components/bitrix/system.auth.form/sms/style.css?1709595801854 */
/* /local/templates/Fanfantulpan/components/bitrix/form.result.new/main/style.css?1709595801818 */
/* /local/components/custom/catalog.section/templates/basket-recommend/style.css?17095958017455 */
/* /local/templates/Fanfantulpan/components/bitrix/catalog.item/basket-recommend-item/style.css?171765431328608 */
/* /local/components/custom/catalog.section/templates/basket-recommend/themes/blue/style.css?1709595801825 */
/* /local/templates/Fanfantulpan/components/bitrix/sale.basket.basket/fanfantulpan/style.css?173935676659921 */
/* /local/templates/Fanfantulpan/components/bitrix/sale.basket.basket/fanfantulpan/themes/blue/style.css?1709595801791 */
/* /local/templates/Fanfantulpan/components/bitrix/search.title/main/style.css?17193177844247 */
/* /local/templates/Fanfantulpan/components/sotbit/regions.choose/.default-custom/style.css?17095958657328 */
/* /local/templates/Fanfantulpan/components/bitrix/menu/header/style.css?1709595801581 */
/* /local/templates/Fanfantulpan/components/bitrix/menu/header-profile/style.css?1709595801581 */
/* /local/templates/Fanfantulpan/components/bitrix/menu/footer/style.css?1709595801581 */
/* /local/templates/Fanfantulpan/components/bitrix/menu/footer_mobile_double/style.css?1709595801581 */
/* /local/templates/Fanfantulpan/components/bitrix/menu/footer_mobile/style.css?1709595801581 */
/* /local/templates/Fanfantulpan/styles.css?172180118066 */
/* /local/templates/Fanfantulpan/template_styles.css?174706198968051 */