

/* Start:/local/templates/main/css/main.css?1743452697158711*/
@font-face {
    font-family: CeraRoundPro;
    font-style: normal;
    font-weight: 400;
    src: url(/local/templates/main/css/../fonts/CeraRoundPro-Regular.woff) format("woff");
    font-display: swap
}

@font-face {
    font-family: CeraRoundPro;
    font-style: normal;
    font-weight: 500;
    src: url(/local/templates/main/css/../fonts/CeraRoundPro-Medium.woff) format("woff");
    font-display: swap
}

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

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

@font-face {
    font-family: CeraPro;
    font-style: normal;
    font-weight: 500;
    src: url(/local/templates/main/css/../fonts/CeraPro-Medium.woff) format("woff");
    font-display: swap
}

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

html, ins, legend, mark { color: #000 }

a, blockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul { margin: 0; padding: 0 }

article, aside, details, figcaption, figure, footer, header, hgroup, hr, menu, nav, section { display: block }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: 400 }

caption { text-align: left }

h1, h2, h3, h4, h5, h6 { font-weight: 400 }

abbr, acronym { border: 0; font-feature-settings: normal; font-variant: normal }

input, select, textarea { font-family: inherit; font-weight: inherit; font-size: 100% }

abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: 0 0 }

ins, mark { background-color: #ff9 }

body { line-height: 1 }

nav ul { list-style: none }

blockquote, q { quotes: none }

blockquote:after, blockquote:before, q:after, q:before { content: none }

a { font-size: 100%; vertical-align: baseline; background: 0 0 }

ins { text-decoration: none }

mark { font-style: italic; font-weight: 700 }

del { text-decoration: line-through }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help }

table { border-collapse: collapse; border-spacing: 0 }

hr { height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0 }

input, select { vertical-align: middle }

.fancybox-container, .fancybox-thumbs, .fancybox-thumbs > ul > li { -webkit-tap-highlight-color: transparent }

body.compensate-for-scrollbar { overflow: hidden }

.fancybox-outer, .fancybox-thumbs { -webkit-overflow-scrolling: touch }

.fancybox-active { height: auto }

.fancybox-is-hidden { left: -9999px; margin: 0; position: absolute !important; top: -9999px; visibility: hidden }

.fancybox-container { -webkit-backface-visibility: hidden; backface-visibility: hidden; height: 100%; left: 0; position: fixed; top: 0; transform: translateZ(0); width: 100%; z-index: 99992 }

.fancybox-container * { box-sizing: border-box }

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage { bottom: 0; left: 0; position: absolute; right: 0; top: 0 }

.fancybox-outer { overflow-y: auto }

.fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(.47, 0, .74, .71) }

.fancybox-is-open .fancybox-bg { opacity: .87; transition-timing-function: cubic-bezier(.22, .61, .36, 1) }

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar { direction: ltr; opacity: 0; position: absolute; transition: opacity .25s, visibility 0s linear .25s; visibility: hidden; z-index: 99997 }

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar { opacity: 1; transition: opacity .25s, visibility 0s; visibility: visible }

.fancybox-slide, .fancybox-slide--image .fancybox-content { transition-property: transform, opacity }

.fancybox-infobar { color: #ccc; font-size: 13px; -webkit-font-smoothing: subpixel-antialiased; height: 44px; left: 0; line-height: 44px; min-width: 44px; mix-blend-mode: difference; padding: 0 10px; pointer-events: none; text-align: center; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -ms-user-select: none; user-select: none }

.fancybox-toolbar { right: 0; top: 0 }

.fancybox-stage { direction: ltr; overflow: visible; -webkit-transform: translateZ(0); z-index: 99994 }

.fancybox-is-open .fancybox-stage { overflow: hidden }

.fancybox-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; display: none; height: 100%; left: 0; outline: 0; overflow: auto; -webkit-overflow-scrolling: touch; padding: 44px; position: absolute; text-align: center; top: 0; white-space: normal; width: 100%; z-index: 99994 }

.fancybox-slide:before { content: ""; display: inline-block; height: 100%; margin-right: -.25em; vertical-align: middle; width: 0 }

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous { display: block }

.fancybox-slide--next { z-index: 99995 }

.fancybox-slide--image { overflow: visible; padding: 44px 0 }

.fancybox-slide--image:before { display: none }

.fancybox-slide--html { padding: 6px 6px 0 }

.fancybox-slide--iframe { padding: 44px 44px 0 }

.fancybox-content { background: #fff; display: inline-block; margin: 0 0 6px; max-width: 100%; overflow: auto; padding: 24px; position: relative; text-align: left; vertical-align: middle }

.fancybox-image, .fancybox-slide--image .fancybox-content, .fancybox-spaceball { left: 0; margin: 0; max-width: none; position: absolute; top: 0; padding: 0 }

.fancybox-button, .fancybox-iframe { vertical-align: top }

.fancybox-slide--image .fancybox-content { animation-timing-function: cubic-bezier(.5, 0, .14, 1); -webkit-backface-visibility: hidden; backface-visibility: hidden; background: no-repeat; background-size: 100% 100%; overflow: visible; transform-origin: top left; -ms-user-select: none; -webkit-user-select: none; user-select: none; z-index: 99995 }

.fancybox-can-zoomOut .fancybox-content { cursor: zoom-out }

.fancybox-can-zoomIn .fancybox-content { cursor: zoom-in }

.fancybox-can-drag .fancybox-content { cursor: grab }

.fancybox-is-dragging .fancybox-content { cursor: grabbing }

.fancybox-container [data-selectable=true] { cursor: text }

.fancybox-image, .fancybox-spaceball { background: 0 0; border: 0; height: 100%; max-height: none; -ms-user-select: none; -webkit-user-select: none; user-select: none; width: 100% }

.fancybox-spaceball { z-index: 1 }

.fancybox-slide--html .fancybox-content { margin-bottom: 6px }

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--video .fancybox-content { height: 100%; margin: 0; overflow: visible; padding: 0; width: 100% }

.fancybox-slide--video .fancybox-content { background: #000 }

.fancybox-slide--map .fancybox-content { background: #e5e3df }

.fancybox-slide--iframe .fancybox-content { background: #fff; height: calc(100% - 44px); margin-bottom: 44px }

.fancybox-iframe, .fancybox-video { background: 0 0; border: 0; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100% }

.fancybox-error { background: #fff; cursor: default; max-width: 400px; padding: 40px; width: 100% }

.fancybox-error p { color: #444; font-size: 16px; line-height: 20px; margin: 0; padding: 0 }

.fancybox-button { background: rgba(30, 30, 30, .6); border: 0; border-radius: 0; cursor: pointer; display: inline-block; height: 44px; margin: 0; outline: 0; padding: 10px; transition: color .2s; width: 44px }

.fancybox-button, .fancybox-button:link, .fancybox-button:visited { color: #ccc }

.fancybox-button:focus, .fancybox-button:hover { color: #fff }

.fancybox-button.disabled, .fancybox-button.disabled:hover, .fancybox-button[disabled], .fancybox-button[disabled]:hover { color: #888; cursor: default }

.fancybox-button svg { display: block; overflow: visible; position: relative; shape-rendering: geometricPrecision }

.fancybox-button--pause svg path:first-child, .fancybox-button--play svg path:nth-child(2), .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small { display: none }

.fancybox-button svg path { fill: transparent; stroke: currentColor; stroke-linejoin: round; stroke-width: 3 }

.fancybox-button--play svg path, .fancybox-button--share svg path, .fancybox-button--thumbs svg path { fill: currentColor }

.fancybox-button--share svg path { stroke-width: 1 }

.fancybox-navigation .fancybox-button { height: 38px; opacity: 0; padding: 6px; position: absolute; top: 50%; width: 38px }

.fancybox-show-nav .fancybox-navigation .fancybox-button { transition: opacity .25s, visibility 0s, color .25s }

.fancybox-navigation .fancybox-button:after { content: ""; left: -25px; padding: 50px; position: absolute; top: -25px }

.fancybox-navigation .fancybox-button--arrow_left { left: 6px }

.fancybox-navigation .fancybox-button--arrow_right { right: 6px }

.fancybox-close-small { background: 0 0; border: 0; border-radius: 0; color: #555; cursor: pointer; height: 44px; margin: 0; padding: 6px; position: absolute; right: 0; top: 0; width: 44px; z-index: 10 }

.fancybox-close-small svg { fill: transparent; opacity: .8; stroke: currentColor; stroke-width: 1.5; transition: stroke .1s }

.fancybox-close-small:focus { outline: 0 }

.fancybox-close-small:hover svg { opacity: 1 }

.fancybox-slide--iframe .fancybox-close-small, .fancybox-slide--image .fancybox-close-small, .fancybox-slide--video .fancybox-close-small { color: #ccc; padding: 5px; right: -12px; top: -44px }

.fancybox-slide--iframe .fancybox-close-small:hover svg, .fancybox-slide--image .fancybox-close-small:hover svg, .fancybox-slide--video .fancybox-close-small:hover svg { background: 0 0; color: #fff }

.fancybox-caption:after, .fancybox-caption:before { display: block; position: absolute; content: "" }

.fancybox-caption { bottom: 0; color: #fff; font-size: 14px; font-weight: 400; left: 0; line-height: 1.5; padding: 25px 44px; right: 0 }

.fancybox-caption:before { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC); background-repeat: repeat-x; background-size: contain; bottom: 0; left: 0; pointer-events: none; right: 0; top: -25px; z-index: -1 }

.fancybox-caption:after { border-bottom: 1px solid hsla(0, 0%, 100%, .3); left: 44px; right: 44px; top: 0 }

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited { color: #ccc; text-decoration: none }

.fancybox-caption a:hover { color: #fff; text-decoration: underline }

.fancybox-loading { animation: fancybox-rotate .8s linear infinite; background: 0 0; border-radius: 100%; border: 6px solid hsla(0, 0%, 39.2%, .5); border-top-color: #fff; height: 60px; left: 50%; margin: -30px 0 0 -30px; opacity: .6; padding: 0; position: absolute; top: 50%; width: 60px; z-index: 99999 }

@keyframes fancybox-rotate {
    0% { transform: rotate(0) }
    to { transform: rotate(359deg) }
}

.fancybox-animated { transition-timing-function: cubic-bezier(0, 0, .25, 1) }

.fancybox-fx-slide.fancybox-slide--previous { opacity: 0; transform: translate3d(-100%, 0, 0) }

.fancybox-fx-slide.fancybox-slide--next { opacity: 0; transform: translate3d(100%, 0, 0) }

.fancybox-fx-slide.fancybox-slide--current { opacity: 1; transform: translateZ(0) }

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous { opacity: 0; transition-timing-function: cubic-bezier(.19, 1, .22, 1) }

.fancybox-fx-fade.fancybox-slide--current { opacity: 1 }

.fancybox-fx-zoom-in-out.fancybox-slide--previous { opacity: 0; transform: scale3d(1.5, 1.5, 1.5) }

.fancybox-fx-zoom-in-out.fancybox-slide--next { opacity: 0; transform: scale3d(.5, .5, .5) }

.fancybox-fx-zoom-in-out.fancybox-slide--current { opacity: 1; transform: scaleX(1) }

.fancybox-fx-rotate.fancybox-slide--previous { opacity: 0; transform: rotate(-1turn) }

.fancybox-fx-rotate.fancybox-slide--next { opacity: 0; transform: rotate(1turn) }

.fancybox-fx-rotate.fancybox-slide--current { opacity: 1; transform: rotate(0) }

.fancybox-fx-circular.fancybox-slide--previous { opacity: 0; transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0) }

.fancybox-fx-circular.fancybox-slide--next { opacity: 0; transform: scale3d(0, 0, 0) translate3d(100%, 0, 0) }

.fancybox-fx-circular.fancybox-slide--current { opacity: 1; transform: scaleX(1) translateZ(0) }

.fancybox-fx-tube.fancybox-slide--previous { transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg) }

.fancybox-fx-tube.fancybox-slide--next { transform: translate3d(100%, 0, 0) scale(.1) skew(10deg) }

.fancybox-fx-tube.fancybox-slide--current { transform: translateZ(0) scale(1) }

.fancybox-share { background: #f4f4f4; border-radius: 3px; max-width: 90%; padding: 30px; text-align: center }

.fancybox-share h1 { color: #222; font-size: 35px; font-weight: 700; margin: 0 0 20px }

.fancybox-share p { margin: 0; padding: 0 }

.fancybox-share__button { border: 0; border-radius: 3px; display: inline-block; font-size: 14px; font-weight: 700; line-height: 40px; margin: 0 5px 10px; min-width: 130px; padding: 0 15px; text-decoration: none; transition: all .2s; -webkit-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap }

.fancybox-share__button:link, .fancybox-share__button:visited { color: #fff }

.fancybox-share__button:hover { text-decoration: none }

.fancybox-share__button--fb { background: #3b5998 }

.fancybox-share__button--fb:hover { background: #344e86 }

.fancybox-share__button--pt { background: #bd081d }

.fancybox-share__button--pt:hover { background: #aa0719 }

.fancybox-share__button--tw { background: #1da1f2 }

.fancybox-share__button--tw:hover { background: #0d95e8 }

.fancybox-share__button svg { height: 25px; margin-right: 7px; position: relative; top: -1px; vertical-align: middle; width: 25px }

.fancybox-share__button svg path { fill: #fff }

.fancybox-share__input { background: 0 0; border: 0; border-bottom: 1px solid #d7d7d7; border-radius: 0; color: #5d5b5b; font-size: 14px; margin: 10px 0 0; outline: 0; padding: 10px 15px; width: 100% }

.fancybox-thumbs { background: #fff; bottom: 0; display: none; margin: 0; -ms-overflow-style: -ms-autohiding-scrollbar; padding: 2px 2px 4px; position: absolute; right: 0; top: 0; width: 212px; z-index: 99995 }

.fancybox-thumbs-x { overflow-x: auto; overflow-y: hidden }

.fancybox-show-thumbs .fancybox-thumbs { display: block }

.fancybox-show-thumbs .fancybox-inner { right: 212px }

.fancybox-thumbs > ul { font-size: 0; height: 100%; list-style: none; margin: 0; overflow-x: hidden; overflow-y: auto; padding: 0; position: absolute; position: relative; white-space: nowrap; width: 100% }

.fancybox-thumbs-x > ul { overflow: hidden }

.fancybox-thumbs-y > ul::-webkit-scrollbar { width: 7px }

.fancybox-thumbs-y > ul::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, .3) }

.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px }

.fancybox-thumbs-loading { background: rgba(0, 0, 0, .1) }

.fancybox-thumbs > ul > li { -webkit-backface-visibility: hidden; backface-visibility: hidden; cursor: pointer; float: left; height: 75px; margin: 2px; max-height: calc(100% - 8px); max-width: calc(50% - 4px); outline: 0; overflow: hidden; padding: 0; position: relative; width: 100px; background-position: 50%; background-repeat: no-repeat; background-size: cover }

.fancybox-thumbs > ul > li:before { border: 4px solid #4ea7f9; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all .2s cubic-bezier(.25, .46, .45, .94); z-index: 99991 }

.fancybox-thumbs .fancybox-thumbs-active:before { opacity: 1 }

@media (max-width: 800px) {
    .fancybox-thumbs { width: 110px }

    .fancybox-show-thumbs .fancybox-inner { right: 110px }

    .fancybox-thumbs > ul > li { max-width: calc(100% - 10px) }
}

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

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

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

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

.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box }

.swiper-container-android .swiper-slide, .swiper-wrapper { transform: translateZ(0) }

.swiper-container-multirow > .swiper-wrapper { flex-wrap: wrap }

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

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

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

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

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

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

.swiper-container-3d { perspective: 1200px }

.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper { transform-style: preserve-3d }

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-button-next:after, .swiper-button-prev:after { font-family: swiper-icons; font-size: 44px; font-size: var(--swiper-navigation-size); text-transform: none !important; letter-spacing: 0; text-transform: none; font-variant: normal; line-height: 1 }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 10px; right: auto }

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

.swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 10px; left: auto }

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

.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white { --swiper-navigation-color: #fff }

.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black { --swiper-navigation-color: #000 }

.swiper-button-lock { display: none }

.swiper-pagination { position: absolute; text-align: center; transition: opacity .3s; transform: translateZ(0); z-index: 10 }

.swiper-pagination.swiper-pagination-hidden { opacity: 0 }

.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100% }

.swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0 }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(.33); position: relative }

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

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

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

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

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

.swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; border-radius: 100%; background: #000; opacity: .2 }

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

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

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

.swiper-container-vertical > .swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0, -50%, 0) }

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 6px 0; display: block }

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

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

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 4px }

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

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

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

.swiper-pagination-progressbar { background: rgba(0, 0, 0, .25); position: absolute }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #007aff; background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top }

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

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

.swiper-pagination-white { --swiper-pagination-color: #fff }

.swiper-pagination-black { --swiper-pagination-color: #000 }

.swiper-pagination-lock { display: none }

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

.swiper-container-horizontal > .swiper-scrollbar { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98% }

.swiper-container-vertical > .swiper-scrollbar { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98% }

.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, .5); border-radius: 10px; left: 0; top: 0 }

.swiper-scrollbar-cursor-drag { cursor: move }

.swiper-scrollbar-lock { display: none }

.swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center }

.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg { max-width: 100%; max-height: 100%; object-fit: contain }

.swiper-slide-zoomed { cursor: move }

.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; animation: swiper-preloader-spin 1s linear infinite; box-sizing: border-box; border-left: 4px solid #007aff; border-bottom: 4px solid #007aff; border-right: 4px solid #007aff; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top: 4px solid transparent }

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

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

@keyframes swiper-preloader-spin {
    to { transform: rotate(1turn) }
}

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

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

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

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

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

.swiper-container-cube { overflow: visible }

.swiper-container-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100% }

.swiper-container-cube .swiper-slide .swiper-slide { pointer-events: none }

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

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

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

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

.swiper-container-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: #000; opacity: .6; filter: blur(50px); z-index: 0 }

.swiper-container-flip { overflow: visible }

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

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

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

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

.flatpickr-calendar { background: transparent; opacity: 0; display: none; text-align: center; visibility: hidden; padding: 0; animation: none; direction: ltr; border: 0; font-size: 14px; line-height: 24px; border-radius: 5px; position: absolute; width: 307.875px; box-sizing: border-box; touch-action: manipulation; background: #fff; box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, .08) }

.flatpickr-calendar.inline, .flatpickr-calendar.open { opacity: 1; max-height: 640px; visibility: visible }

.flatpickr-calendar.open { display: inline-block; z-index: 99999 }

.flatpickr-calendar.animate.open { animation: fpFadeInDown .3s cubic-bezier(.23, 1, .32, 1) }

.flatpickr-calendar.inline { display: block; position: relative; top: 2px }

.flatpickr-calendar.static { position: absolute; top: calc(100% + 2px) }

.flatpickr-calendar.static.open { z-index: 999; display: block }

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) { box-shadow: none !important }

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) { box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6 }

.flatpickr-calendar .hasTime .dayContainer, .flatpickr-calendar .hasWeeks .dayContainer { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0 }

.flatpickr-calendar .hasWeeks .dayContainer { border-left: 0 }

.flatpickr-calendar.hasTime .flatpickr-time { height: 40px; border-top: 1px solid #e6e6e6 }

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time { height: auto }

.flatpickr-calendar:after, .flatpickr-calendar:before { position: absolute; display: block; pointer-events: none; border: solid transparent; content: ""; height: 0; width: 0; left: 22px }

.flatpickr-calendar.arrowRight:after, .flatpickr-calendar.arrowRight:before, .flatpickr-calendar.rightMost:after, .flatpickr-calendar.rightMost:before { left: auto; right: 22px }

.flatpickr-calendar.arrowCenter:after, .flatpickr-calendar.arrowCenter:before { left: 50%; right: 50% }

.flatpickr-calendar:before { border-width: 5px; margin: 0 -5px }

.flatpickr-calendar:after { border-width: 4px; margin: 0 -4px }

.flatpickr-calendar.arrowTop:after, .flatpickr-calendar.arrowTop:before { bottom: 100% }

.flatpickr-calendar.arrowTop:before { border-bottom-color: #e6e6e6 }

.flatpickr-calendar.arrowTop:after { border-bottom-color: #fff }

.flatpickr-calendar.arrowBottom:after, .flatpickr-calendar.arrowBottom:before { top: 100% }

.flatpickr-calendar.arrowBottom:before { border-top-color: #e6e6e6 }

.flatpickr-calendar.arrowBottom:after { border-top-color: #fff }

.flatpickr-calendar:focus { outline: 0 }

.flatpickr-wrapper { position: relative; display: inline-block }

.flatpickr-months { display: flex }

.flatpickr-months .flatpickr-month { background: transparent; color: rgba(0, 0, 0, .9); fill: rgba(0, 0, 0, .9); height: 34px; line-height: 1; text-align: center; position: relative; -webkit-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; flex: 1 1 }

.flatpickr-months .flatpickr-next-month, .flatpickr-months .flatpickr-prev-month { text-decoration: none; cursor: pointer; position: absolute; top: 0; height: 34px; padding: 10px; z-index: 3; color: rgba(0, 0, 0, .9); fill: rgba(0, 0, 0, .9) }

.flatpickr-months .flatpickr-next-month.flatpickr-disabled, .flatpickr-months .flatpickr-prev-month.flatpickr-disabled { display: none }

.flatpickr-months .flatpickr-next-month i, .flatpickr-months .flatpickr-prev-month i { position: relative }

.flatpickr-months .flatpickr-next-month.flatpickr-prev-month, .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month { left: 0 }

.flatpickr-months .flatpickr-next-month.flatpickr-next-month, .flatpickr-months .flatpickr-prev-month.flatpickr-next-month { right: 0 }

.flatpickr-months .flatpickr-next-month:hover, .flatpickr-months .flatpickr-prev-month:hover { color: #959ea9 }

.flatpickr-months .flatpickr-next-month:hover svg, .flatpickr-months .flatpickr-prev-month:hover svg { fill: #f64747 }

.flatpickr-months .flatpickr-next-month svg, .flatpickr-months .flatpickr-prev-month svg { width: 14px; height: 14px }

.flatpickr-months .flatpickr-next-month svg path, .flatpickr-months .flatpickr-prev-month svg path { transition: fill .1s; fill: inherit }

.numInputWrapper { position: relative; height: auto }

.numInputWrapper input, .numInputWrapper span { display: inline-block }

.numInputWrapper input { width: 100% }

.numInputWrapper input::-ms-clear { display: none }

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

.numInputWrapper span { position: absolute; right: 0; width: 14px; padding: 0 4px 0 2px; height: 50%; line-height: 50%; opacity: 0; cursor: pointer; border: 1px solid rgba(57, 57, 57, .15); box-sizing: border-box }

.numInputWrapper span:hover { background: rgba(0, 0, 0, .1) }

.numInputWrapper span:active { background: rgba(0, 0, 0, .2) }

.numInputWrapper span:after { display: block; content: ""; position: absolute }

.numInputWrapper span.arrowUp { top: 0; border-bottom: 0 }

.numInputWrapper span.arrowUp:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid rgba(57, 57, 57, .6); top: 26% }

.numInputWrapper span.arrowDown { top: 50% }

.numInputWrapper span.arrowDown:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(57, 57, 57, .6); top: 40% }

.numInputWrapper span svg { width: inherit; height: auto }

.numInputWrapper span svg path { fill: rgba(0, 0, 0, .5) }

.numInputWrapper:hover { background: rgba(0, 0, 0, .05) }

.numInputWrapper:hover span { opacity: 1 }

.flatpickr-current-month { font-size: 135%; line-height: inherit; font-weight: 300; color: inherit; position: absolute; width: 75%; left: 12.5%; padding: 7.48px 0 0; line-height: 1; height: 34px; display: inline-block; text-align: center; transform: translateZ(0) }

.flatpickr-current-month span.cur-month { font-family: inherit; font-weight: 700; color: inherit; display: inline-block; margin-left: .5ch; padding: 0 }

.flatpickr-current-month span.cur-month:hover { background: rgba(0, 0, 0, .05) }

.flatpickr-current-month .numInputWrapper { width: 6ch; width: 7ch \0; display: inline-block }

.flatpickr-current-month .numInputWrapper span.arrowUp:after { border-bottom-color: rgba(0, 0, 0, .9) }

.flatpickr-current-month .numInputWrapper span.arrowDown:after { border-top-color: rgba(0, 0, 0, .9) }

.flatpickr-current-month input.cur-year { background: transparent; box-sizing: border-box; color: inherit; cursor: text; padding: 0 0 0 .5ch; margin: 0; display: inline-block; font-size: inherit; font-family: inherit; font-weight: 300; line-height: inherit; height: auto; border: 0; border-radius: 0; vertical-align: baseline; vertical-align: initial; -webkit-appearance: textfield; appearance: textfield }

.flatpickr-current-month input.cur-year:focus { outline: 0 }

.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover { font-size: 100%; color: rgba(0, 0, 0, .5); background: transparent; pointer-events: none }

.flatpickr-current-month .flatpickr-monthDropdown-months { appearance: menulist; background: transparent; border: none; border-radius: 0; box-sizing: border-box; color: inherit; cursor: pointer; font-size: inherit; font-family: inherit; font-weight: 300; height: auto; line-height: inherit; margin: -1px 0 0; outline: none; padding: 0 0 0 .5ch; position: relative; vertical-align: baseline; vertical-align: initial; -webkit-box-sizing: border-box; -webkit-appearance: menulist; -moz-appearance: menulist; width: auto }

.flatpickr-current-month .flatpickr-monthDropdown-months:active, .flatpickr-current-month .flatpickr-monthDropdown-months:focus { outline: none }

.flatpickr-current-month .flatpickr-monthDropdown-months:hover { background: rgba(0, 0, 0, .05) }

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month { background-color: transparent; outline: none; padding: 0 }

.flatpickr-weekdays { background: transparent; text-align: center; overflow: hidden; width: 100%; display: flex; align-items: center; height: 28px }

.flatpickr-weekdays .flatpickr-weekdaycontainer { display: flex; flex: 1 1 }

span.flatpickr-weekday { cursor: default; font-size: 90%; background: transparent; color: rgba(0, 0, 0, .54); line-height: 1; margin: 0; text-align: center; display: block; flex: 1 1; font-weight: bolder }

.dayContainer, .flatpickr-weeks { padding: 1px 0 0 }

.flatpickr-days { position: relative; overflow: hidden; display: flex; align-items: flex-start; width: 307.875px }

.flatpickr-days:focus { outline: 0 }

.dayContainer { padding: 0; outline: 0; text-align: left; width: 307.875px; min-width: 307.875px; max-width: 307.875px; box-sizing: border-box; display: inline-block; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: space-around; transform: translateZ(0); opacity: 1 }

.dayContainer + .dayContainer { box-shadow: -1px 0 0 #e6e6e6 }

.flatpickr-day { background: none; border: 1px solid transparent; border-radius: 150px; box-sizing: border-box; color: #393939; cursor: pointer; font-weight: 400; width: 14.2857143%; flex-basis: 14.2857143%; max-width: 39px; height: 39px; line-height: 39px; margin: 0; display: inline-block; position: relative; justify-content: center; text-align: center }

.flatpickr-day.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day.nextMonthDay:focus, .flatpickr-day.nextMonthDay:hover, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.today.inRange, .flatpickr-day:focus, .flatpickr-day:hover { cursor: pointer; outline: 0; background: #e6e6e6; border-color: #e6e6e6 }

.flatpickr-day.today { border-color: #959ea9 }

.flatpickr-day.today:focus, .flatpickr-day.today:hover { border-color: #959ea9; background: #959ea9; color: #fff }

.flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover { background: #569ff7; box-shadow: none; color: #fff; border-color: #569ff7 }

.flatpickr-day.endRange.startRange, .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange { border-radius: 50px 0 0 50px }

.flatpickr-day.endRange.endRange, .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange { border-radius: 0 50px 50px 0 }

.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)) { box-shadow: -10px 0 0 #569ff7 }

.flatpickr-day.endRange.startRange.endRange, .flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange { border-radius: 50px }

.flatpickr-day.inRange { border-radius: 0; box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6 }

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.nextMonthDay, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.prevMonthDay { color: rgba(57, 57, 57, .3); background: transparent; border-color: transparent; cursor: default }

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover { cursor: not-allowed; color: rgba(57, 57, 57, .1) }

.flatpickr-day.week.selected { border-radius: 0; box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7 }

.flatpickr-day.hidden { visibility: hidden }

.rangeMode .flatpickr-day { margin-top: 1px }

.flatpickr-weekwrapper { float: left }

.flatpickr-weekwrapper .flatpickr-weeks { padding: 0 12px; box-shadow: 1px 0 0 #e6e6e6 }

.flatpickr-weekwrapper .flatpickr-weekday { float: none; width: 100%; line-height: 28px }

.flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover { display: block; width: 100%; max-width: none; color: rgba(57, 57, 57, .3); background: transparent; cursor: default; border: none }

.flatpickr-innerContainer { display: block; display: flex; box-sizing: border-box; overflow: hidden }

.flatpickr-rContainer { display: inline-block; padding: 0; box-sizing: border-box }

.flatpickr-time { text-align: center; outline: 0; display: block; height: 0; line-height: 40px; max-height: 40px; box-sizing: border-box; overflow: hidden; display: flex }

.flatpickr-time:after { content: ""; display: table; clear: both }

.flatpickr-time .numInputWrapper { flex: 1 1; width: 40%; height: 40px; float: left }

.flatpickr-time .numInputWrapper span.arrowUp:after { border-bottom-color: #393939 }

.flatpickr-time .numInputWrapper span.arrowDown:after { border-top-color: #393939 }

.flatpickr-time.hasSeconds .numInputWrapper { width: 26% }

.flatpickr-time.time24hr .numInputWrapper { width: 49% }

.flatpickr-time input { background: transparent; box-shadow: none; border: 0; border-radius: 0; text-align: center; margin: 0; padding: 0; height: inherit; line-height: inherit; color: #393939; font-size: 14px; position: relative; box-sizing: border-box; -webkit-appearance: textfield; appearance: textfield }

.flatpickr-time input.flatpickr-hour { font-weight: 700 }

.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second { font-weight: 400 }

.flatpickr-time input:focus { outline: 0; border: 0 }

.flatpickr-time .flatpickr-am-pm, .flatpickr-time .flatpickr-time-separator { height: inherit; float: left; line-height: inherit; color: #393939; font-weight: 700; width: 2%; -webkit-user-select: none; -ms-user-select: none; user-select: none; align-self: center }

.flatpickr-time .flatpickr-am-pm { outline: 0; width: 18%; cursor: pointer; text-align: center; font-weight: 400 }

.flatpickr-time .flatpickr-am-pm:focus, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time input:hover { background: #eee }

.flatpickr-input[readonly] { cursor: pointer }

@keyframes fpFadeInDown {
    0% { opacity: 0; transform: translate3d(0, -20px, 0) }
    to { opacity: 1; transform: translateZ(0) }
}

:root { --default-font: "CeraPro", Arial, sans-serif; --second-font: "CeraRoundPro", Arial, sans-serif; --base-width: 1312px; --body-bg-color: #fff; --body-text-color: #000; --base-font-size: 15px; --main-color: #FFCC4D; --second-color: #999; --thrid-color: #ffd333; --border-color: #e3e3e3; --color-block: #f0f0f0; --default-shadow: 0px 4px 22px -4px rgba(0, 0, 0, 0.05); --inline-padding: 40px; --input-hor-spacing: 16px; --input-vert-spacing: 24px }

html { font-size: 100%; width: 100% }

a, button, input, select, textarea { outline: none }

::-webkit-input-placeholder { color: #909090 }

:-moz-placeholder, ::-moz-placeholder { color: #909090 }

:-ms-input-placeholder { color: #909090 }

* { -webkit-tap-highlight-color: transparent }

.swiper-button-disabled { opacity: .5; pointer-events: none }

button, input:not([type]), input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=submit], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea { -webkit-appearance: none; appearance: none; font-family: inherit }

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

[v-cloak] { display: none }

address { font-weight: inherit }

body { min-width: 320px; line-height: 1.57143; font-family: CeraPro, Arial, sans-serif; font-family: var(--default-font); font-weight: 400; font-size: 15px; font-size: var(--base-font-size); letter-spacing: -.01em; color: #000; color: var(--body-text-color); background: #fff; background: var(--body-bg-color); position: relative; left: 0; display: flex; flex-direction: column; min-height: 100vh }

select { -webkit-appearance: none; -moz-appearance: none; text-indent: .01px; text-overflow: ""; appearance: none !important }

select::-ms-expand { display: none }

.footer, .head { flex: none }

#content { flex: 1 1 auto }

.inner-content { flex: 1 1 auto; z-index: 2 }

a { color: #000; font-weight: inherit; text-decoration: none }

a[href^=mail], a[href^=tel] { white-space: nowrap }

a:not([class]) { color: var(--main-color-darken); border-bottom: 1px solid transparent }

a:not([class]):focus, a:not([class]):hover { border-color: currentColor }

.wrapper { max-width: 1312px; max-width: var(--base-width); padding: 0 20px; margin: 0 auto; box-sizing: content-box }

@media screen and (max-width: 1520px) {
    .wrapper { max-width: 1060px }
}

@media screen and (max-width: 1360px) {
    .wrapper { max-width: 1000px }
}

@media screen and (max-width: 1280px) {
    .wrapper { max-width: 960px }
}

button, input[type=submit] { cursor: pointer }

img, svg { max-width: 100% }

li { list-style: none }

::selection { color: #fff; background: #FFCC4D; background: var(--main-color) }

@media (pointer: coarse) {
    ::-webkit-scrollbar, ::-webkit-scrollbar-thumb, ::-webkit-scrollbar-track { display: none }
}

.form__title { font-weight: 500; font-family: CeraRoundPro, Arial, sans-serif; font-family: var(--second-font); font-size: 27px; letter-spacing: -.02em; margin-bottom: 20px }

.form .block-title + .form__inputs { padding-top: 10px }

.form__text { margin-bottom: 25px; max-width: 340px; width: 100% }

.form__bottom { margin-top: 25px; display: flex; align-items: center; font-size: 12px }

.form__bottom .btn { flex: none; margin-right: 20px }

.form__agreement a { color: #999; color: var(--second-color); border: 0; transition: color .3s linear }

.form__agreement a:hover { color: #000; color: var(--body-text-color) }

.form .block-title { margin-bottom: 15px }

.form-rating { padding-left: 10px }

.form-rating__label { margin-bottom: 5px }

.form__btns { display: flex }

.form__btns-item:not(:last-child) { margin-right: 16px }

.form__submit { margin: 24px 0 0 }

.form__submit-btn { text-align: center }

.form__inputs { display: flex; flex-wrap: wrap }

.form__inputs + .form__inputs { padding-top: 20px }

.form__inputs:not(.form__inputs--2):not(.form__inputs--3):not(.form__inputs--4) .form__inputs-input { width: 100% }

.form__inputs--2, .form__inputs--3, .form__inputs--4 { margin: 0 0 -24px -16px; margin: 0 0 calc(var(--input-vert-spacing) * -1) calc(var(--input-hor-spacing) * -1) }

.form__inputs--2 .form__inputs-input, .form__inputs--3 .form__inputs-input, .form__inputs--4 .form__inputs-input { margin: 0 0 24px 16px; margin: 0 0 var(--input-vert-spacing) var(--input-hor-spacing) }

.form__inputs--2 .form__inputs-input:not(.form__inputs-input--2) { width: calc(50% - 16px); width: calc(50% - var(--input-hor-spacing) * 2 / 2) }

.form__inputs--2 .form__inputs-input--2 { width: calc(100% - 16px); width: calc(100% - var(--input-hor-spacing) * 1 / 1) }

.form__inputs--3 .form__inputs-input:not(.form__inputs-input--2) { width: calc(33.33333% - 16px); width: calc(33.33333% - var(--input-hor-spacing) * 3 / 3) }

.form__inputs--4 .form__inputs-input:not(.form__inputs-input--2) { width: calc(25% - 16px); width: calc(25% - var(--input-hor-spacing) * 4 / 4) }

.form__inputs--4 .form__inputs-input--2 { width: calc(50% - 16px); width: calc(50% - var(--input-hor-spacing) * 2 / 2) }

textarea.default-input__input:not(.default-input__input--textarea) { max-height: 57px; resize: none }

textarea.default-input__input:not(.default-input__input--textarea) ~ .default-input__label { position: static; margin: 0 0 15px; font-size: 14px; opacity: 1 }

.default-input { display: flex; flex-direction: column-reverse; position: relative; justify-content: space-between; flex: 1 1 auto }

.default-input__inputs { display: flex; max-width: 560px; width: 100% }

.default-input__inputs .default-input__label { padding-top: 8px; flex: none; width: 150px; margin-right: 30px }

.default-input__inputs.required .default-input__label:after { content: "*"; color: #FFCC4D; color: var(--main-color) }

.default-input__input { border: 1px solid #e3e3e3; border: 1px solid var(--border-color); border-radius: 4px; font-size: 14px; line-height: 1.2; color: inherit; background-color: #fff; width: 100%; transition: border-color .3s ease }

.default-input__input:-internal-autofill-selected, .default-input__input:-webkit-autofill { background-color: #fff !important; color: #000 !important; color: var(--body-text-color) !important; -webkit-box-shadow: 0 0 0 30px #fff inset !important }

.default-input__input:disabled { background-color: hsla(0, 0%, 93.7%, .5) }
.default-input__input.disabled { background-color: hsla(0, 0%, 93.7%, .5) }
.default-date__input:disabled { background-color: hsla(0, 0%, 93.7%, .5) }
.default-input__input:not(.default-input__input--select) { padding: 10px 15px }

.default-input__input--error:not(:focus), .default-input__input--error:not(:valid) { color: red; border-color: currentColor }

.default-input__input--error:not(:focus) ~ .default-input__error, .default-input__input--error:not(:valid) ~ .default-input__error { opacity: 1 }

.default-input__input:focus { border-color: #999; border-color: var(--second-color) }

.default-input__input--select { padding: 10px 40px 10px 20px; background-image: url(/local/templates/main/css/../img/select.svg); background-repeat: no-repeat; background-position: right 19px center; position: relative; cursor: pointer; border-radius: 30px; width: auto }

.default-input__input--select:hover { border-color: #999; border-color: var(--second-color) }

.default-input__input--select.js__opened, .default-input__input--select:focus { z-index: 2 }

.default-input__input--select.js__opened ~ .my-select__list-cont { display: block }

.default-input__input--file { top: 0; left: 0; position: absolute; opacity: 0; width: 1px; height: 1px; overflow: hidden; pointer-events: none }

.default-input__input-filetext { position: relative }

.default-input__input[readonly] { cursor: default }

.default-input__input--textarea { min-width: 100%; max-width: 100%; height: 100px; resize: none }

.default-input__input:required ~ .default-input__label:after { content: "*"; color: red }

.default-input__label { font-size: 14px; margin: 0 0 10px }

.default-input__label--file { top: -1px; right: -1px; bottom: -1px; left: -1px; position: absolute; background: url(/local/templates/main/css/../img/ico-file.svg) right 22px center no-repeat; cursor: pointer }

.default-input__error { font-size: 10px; line-height: 1.2; color: red; trasition: opacity .3s ease; opacity: 0; pointer-events: none }

.default-input__submit { margin-top: 15px; margin-bottom: 15px }

.default-radio { position: relative }

.default-radio__input { -webkit-appearance: none; appearance: none; position: absolute; top: 0; left: 0; width: 0; height: 0; opacity: 0 }

.default-radio__input:checked + .default-radio__label { pointer-events: none }

.default-radio__input:checked + .default-radio__label:before { background-image: url(/local/templates/main/css/../img/radio.svg); background-repeat: no-repeat; background-position: 50%; opacity: 1 }

.default-radio__label { display: flex; align-items: center; cursor: pointer; transition: color .4s linear }

.default-radio__label:before { content: ""; position: relative; flex: none; display: block; width: 20px; height: 20px; border-radius: 50%; border: 1px solid; margin-right: 10px; opacity: .2; transition: opacity .3s linear }

.default-radio__label:hover { color: #999; color: var(--second-color) }

.default-radio__label:hover:before { opacity: 1 }

.default-checkbox { position: relative }

.default-checkbox__input { -webkit-appearance: none; appearance: none; position: absolute; top: 0; left: 0; width: 0; height: 0; opacity: 0 }

.default-checkbox__input:checked + .default-checkbox__label:before { border-color: #FFCC4D; border-color: var(--main-color); background-color: #FFCC4D; background-color: var(--main-color); background-image: url(/local/templates/main/css/../img/check.svg); background-repeat: no-repeat; background-position: 50%; opacity: 1 }

.default-checkbox__label { display: flex; align-items: center; cursor: pointer; transition: color .4s linear }

.default-checkbox__label:before { content: ""; position: relative; flex: none; display: block; width: 20px; height: 20px; border-radius: 4px; border: 1px solid; margin-right: 10px; opacity: .2; transition: opacity .3s linear }

.default-checkbox__label:hover { color: #999; color: var(--second-color) }

.default-checkbox__label:hover:before { opacity: 1 }

option[value=""][disabled] { display: none }

.default-date__input { -webkit-appearance: none; appearance: none; border: 1px solid #e3e3e3; border: 1px solid var(--border-color); border-radius: 4px; padding: 10px 15px 10px 40px; font-size: 14px; min-height: 40px; line-height: 1.2; color: inherit; background-color: #fff; transition: border-color .3s ease; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTMiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAxMyAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGQ9Ik00LjI5NDY0IDguNDM3NUgzLjEzMzkzQzIuOTQyNDEgOC40Mzc1IDIuNzg1NzEgOC4yNzkzIDIuNzg1NzEgOC4wODU5NFY2LjkxNDA2QzIuNzg1NzEgNi43MjA3IDIuOTQyNDEgNi41NjI1IDMuMTMzOTMgNi41NjI1SDQuMjk0NjRDNC40ODYxNiA2LjU2MjUgNC42NDI4NiA2LjcyMDcgNC42NDI4NiA2LjkxNDA2VjguMDg1OTRDNC42NDI4NiA4LjI3OTMgNC40ODYxNiA4LjQzNzUgNC4yOTQ2NCA4LjQzNzVaTTcuNDI4NTcgOC4wODU5NFY2LjkxNDA2QzcuNDI4NTcgNi43MjA3IDcuMjcxODcgNi41NjI1IDcuMDgwMzYgNi41NjI1SDUuOTE5NjRDNS43MjgxMiA2LjU2MjUgNS41NzE0MyA2LjcyMDcgNS41NzE0MyA2LjkxNDA2VjguMDg1OTRDNS41NzE0MyA4LjI3OTMgNS43MjgxMiA4LjQzNzUgNS45MTk2NCA4LjQzNzVINy4wODAzNkM3LjI3MTg3IDguNDM3NSA3LjQyODU3IDguMjc5MyA3LjQyODU3IDguMDg1OTRaTTEwLjIxNDMgOC4wODU5NFY2LjkxNDA2QzEwLjIxNDMgNi43MjA3IDEwLjA1NzYgNi41NjI1IDkuODY2MDcgNi41NjI1SDguNzA1MzZDOC41MTM4NCA2LjU2MjUgOC4zNTcxNCA2LjcyMDcgOC4zNTcxNCA2LjkxNDA2VjguMDg1OTRDOC4zNTcxNCA4LjI3OTMgOC41MTM4NCA4LjQzNzUgOC43MDUzNiA4LjQzNzVIOS44NjYwN0MxMC4wNTc2IDguNDM3NSAxMC4yMTQzIDguMjc5MyAxMC4yMTQzIDguMDg1OTRaTTcuNDI4NTcgMTAuODk4NFY5LjcyNjU2QzcuNDI4NTcgOS41MzMyIDcuMjcxODcgOS4zNzUgNy4wODAzNiA5LjM3NUg1LjkxOTY0QzUuNzI4MTIgOS4zNzUgNS41NzE0MyA5LjUzMzIgNS41NzE0MyA5LjcyNjU2VjEwLjg5ODRDNS41NzE0MyAxMS4wOTE4IDUuNzI4MTIgMTEuMjUgNS45MTk2NCAxMS4yNUg3LjA4MDM2QzcuMjcxODcgMTEuMjUgNy40Mjg1NyAxMS4wOTE4IDcuNDI4NTcgMTAuODk4NFpNNC42NDI4NiAxMC44OTg0VjkuNzI2NTZDNC42NDI4NiA5LjUzMzIgNC40ODYxNiA5LjM3NSA0LjI5NDY0IDkuMzc1SDMuMTMzOTNDMi45NDI0MSA5LjM3NSAyLjc4NTcxIDkuNTMzMiAyLjc4NTcxIDkuNzI2NTZWMTAuODk4NEMyLjc4NTcxIDExLjA5MTggMi45NDI0MSAxMS4yNSAzLjEzMzkzIDExLjI1SDQuMjk0NjRDNC40ODYxNiAxMS4yNSA0LjY0Mjg2IDExLjA5MTggNC42NDI4NiAxMC44OTg0Wk0xMC4yMTQzIDEwLjg5ODRWOS43MjY1NkMxMC4yMTQzIDkuNTMzMiAxMC4wNTc2IDkuMzc1IDkuODY2MDcgOS4zNzVIOC43MDUzNkM4LjUxMzg0IDkuMzc1IDguMzU3MTQgOS41MzMyIDguMzU3MTQgOS43MjY1NlYxMC44OTg0QzguMzU3MTQgMTEuMDkxOCA4LjUxMzg0IDExLjI1IDguNzA1MzYgMTEuMjVIOS44NjYwN0MxMC4wNTc2IDExLjI1IDEwLjIxNDMgMTEuMDkxOCAxMC4yMTQzIDEwLjg5ODRaTTEzIDMuMjgxMjVWMTMuNTkzOEMxMyAxNC4zNzAxIDEyLjM3NjEgMTUgMTEuNjA3MSAxNUgxLjM5Mjg2QzAuNjIzODg0IDE1IDAgMTQuMzcwMSAwIDEzLjU5MzhWMy4yODEyNUMwIDIuNTA0ODggMC42MjM4ODQgMS44NzUgMS4zOTI4NiAxLjg3NUgyLjc4NTcxVjAuMzUxNTYyQzIuNzg1NzEgMC4xNTgyMDMgMi45NDI0MSAwIDMuMTMzOTMgMEg0LjI5NDY0QzQuNDg2MTYgMCA0LjY0Mjg2IDAuMTU4MjAzIDQuNjQyODYgMC4zNTE1NjJWMS44NzVIOC4zNTcxNFYwLjM1MTU2MkM4LjM1NzE0IDAuMTU4MjAzIDguNTEzODQgMCA4LjcwNTM2IDBIOS44NjYwN0MxMC4wNTc2IDAgMTAuMjE0MyAwLjE1ODIwMyAxMC4yMTQzIDAuMzUxNTYyVjEuODc1SDExLjYwNzFDMTIuMzc2MSAxLjg3NSAxMyAyLjUwNDg4IDEzIDMuMjgxMjVaTTExLjYwNzEgMTMuNDE4VjQuNjg3NUgxLjM5Mjg2VjEzLjQxOEMxLjM5Mjg2IDEzLjUxNDYgMS40NzEyMSAxMy41OTM4IDEuNTY2OTYgMTMuNTkzOEgxMS40MzNDMTEuNTI4OCAxMy41OTM4IDExLjYwNzEgMTMuNTE0NiAxMS42MDcxIDEzLjQxOFoiIGZpbGw9IiM5OTk5OTkiLz4NCjwvc3ZnPg=="); background-repeat: no-repeat; background-position: left 15px center; width: 100%; }

.default-date__input:-internal-autofill-selected, .default-date__input:-webkit-autofill { background-color: #fff !important; color: #000 !important; color: var(--body-text-color) !important; -webkit-box-shadow: 0 0 0 30px #fff inset !important }

.default-date__input:hover { border-color: #999; border-color: var(--second-color) }

.default-date__input[disabled] { pointer-events: none }

@supports (display:grid) {
    .form__inputs { margin: 0 !important; display: grid; grid-gap: 24px 16px; grid-gap: var(--input-vert-spacing) var(--input-hor-spacing) }

    .form__inputs--2 { grid-template-columns: repeat(2, 1fr) }

    .form__inputs--3 { grid-template-columns: repeat(3, 1fr) }

    .form__inputs--4 { grid-template-columns: repeat(4, 1fr) }

    .form__inputs-input { width: auto !important; margin: 0 !important }

    .form__inputs-input--2 { grid-column: span 2 }

    .form__inputs-input--3 { grid-column: span 3 }

    .form__inputs-input--4 { grid-column: span 4 }
}

body.bx-ios select option { color: #fff }

.form__message { font-size: 12px; margin-top: 15px; margin-bottom: 15px; color: #999; color: var(--second-color); line-height: 1.2 }

@media (max-width: 660px) {
    .form__inputs { grid-gap: 20px; gap: 20px }

    .form__inputs--2, .form__inputs--3, .form__inputs--4 { grid-template-columns: 1fr }

    .form__inputs-input--2, .form__inputs-input--3, .form__inputs-input--4 { grid-column: span 1 }

    .default-input__inputs { flex-wrap: wrap; max-width: 100% }

    .default-input__inputs .default-input__label { width: 100%; margin-right: 0; padding-left: 20px; font-size: 12px; font-weight: 700; padding-top: 0 }
}

main strong { font-weight: 700 }

main p { margin-top: 10px }

main .table-wrap:first-child, main h2:first-child, main h3:first-child, main h4:first-child, main h5:first-child, main h6:first-child, main img:first-child, main ol:first-child, main p:first-child, main table:first-child, main ul:first-child { margin-top: 0 }

main h2, main h3, main h4, main h5, main h6 { font-weight: 700; margin-bottom: 5px }

main h2:not(:first-child), main h3:not(:first-child), main h4:not(:first-child), main h5:not(:first-child), main h6:not(:first-child) { margin-top: 50px }

main h2 + *, main h3 + *, main h4 + *, main h5 + *, main h6 + * { margin-top: 0 }

main h2 { font-size: 24px }

main h2, main h3 { line-height: 118% }

main h3 { font-size: 22px }

main h4 { font-size: 20px }

main h4, main h5 { line-height: 118% }

main h5 { font-size: 18px }

main h6 { font-size: 16px; line-height: 140% }

main blockquote { background: #999; background: var(--second-color) }

main [align=right] { float: right; margin-left: 60px }

main [align=left] { float: left; margin-right: 60px }

main img[height] { height: auto }

main [align] { margin-bottom: 35px }

main [align] img { display: block; margin: 0 }

main table:not([class]) { margin: 52px 0 20px }

main table:not([class]) thead td, main table:not([class]) thead th { background: #FFCC4D; background: var(--main-color); color: #fff; text-align: left; padding-top: 22px; padding-bottom: 22px }

main table:not([class]) td, main table:not([class]) th { padding: 16px 60px; font-weight: inherit }

main table:not([class]) td:not([valign]), main table:not([class]) td[valign=middle], main table:not([class]) th:not([valign]), main table:not([class]) th[valign=middle] { vertical-align: middle }

main table:not([class]) td[valign=top], main table:not([class]) th[valign=top] { vertical-align: top }

main table:not([class]) td[valign=bottom], main table:not([class]) th[valign=bottom] { vertical-align: bottom }

main table[border="1"]:not([class]) { min-width: 100% }

main table[border="1"]:not([class]) td, main table[border="1"]:not([class]) th { border: 1px solid #e3e3e3; border: 1px solid var(--border-color) }

main table[border="1"]:not([class]) tr:last-child td { border-bottom: 0 }

main table[border="1"]:not([class]) td:first-child { border-left: 0 }

main table[border="1"]:not([class]) td:last-child { border-right: 0 }

main ol:not([class]) li:not(:first-child), main ul:not([class]) li:not(:first-child) { margin: 3px 0 0 }

main ol:not([class]) li:before, main ul:not([class]) li:before { display: inline-block }

main ol:not([class]) li ol, main ol:not([class]) li ul, main ul:not([class]) li ol, main ul:not([class]) li ul { margin-bottom: 20px; margin-top: 0 }

main ol:not([class]) li li:before, main ul:not([class]) li li:before { margin-right: 10px !important }

main ol:not([class]) li li:not(:first-child), main ul:not([class]) li li:not(:first-child) { margin-top: 5px }

main ul:not([class]) > li:before { content: "—"; margin: 0 16px 2px 0; display: inline-block; border-radius: 50%; background: var(--mainColor); width: 6px; height: 6px; text-indent: 0 }

main ul:not([class]) > li li { text-indent: 16px }

main ul:not([class]) ul > li:before { content: "-" }

main ol:not([class]) > li { list-style-type: decimal; list-style-position: inside }

main ol:not([class]) > li li { font-weight: 300; margin: 23px 0 0 !important }

.table-wrap { position: relative }

.table-wrap__track { overflow-x: auto; -webkit-overflow-scrolling: touch }

.table-wrap__shadow { width: 15px; top: 0; bottom: 0; position: absolute; pointer-events: none; background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff); opacity: 0 }

.table-wrap__shadow--left { left: 0; transform: rotate(180deg) }

.table-wrap__shadow--right { right: 0 }

@media (max-width: 820px) {
    main [align] { float: none; width: 100%; margin-left: 0; margin-right: 0 }

    main [align] img { width: inherit }

    main h2 { font-size: 18px }

    main h3 { font-size: 16px }

    main h4, main h5, main h6 { font-size: 14px }

    main h2:not(:first-child), main h3:not(:first-child), main h4:not(:first-child), main h5:not(:first-child), main h6:not(:first-child) { margin-top: 30px }

    main table:not([class]) { margin: 20px 0 15px; font-size: 12px }

    main table:not([class]) td, main table:not([class]) th { padding: 10px 20px }

    main table:not([class]) thead td, main table:not([class]) thead th { padding: 15px 20px }
}

.page-404 { background-color: #f0f0f0; background-color: var(--color-block) }

.page-404 #content { display: flex; flex-direction: column }

.p-404 { max-width: 480px; width: 100%; margin-left: auto; margin-right: auto; align-items: center; justify-content: center; text-align: center }

.p-404, .p-404-cont, .p-404-cont .wrapper { flex: 1 1 auto; display: flex; flex-direction: column }

.p-404__img { margin-bottom: 30px }

.p-404 .page-header { margin-bottom: 15px }

.p-404__btn { margin-top: 40px }

.p-404__btn .btn { font-size: 20px; font-weight: 500 }

.btn { display: inline-flex; align-items: center; justify-content: center; border-radius: 30px; border: 1px solid transparent; background-color: transparet; box-shadow: none; font-weight: 400; transition: background-color .3s linear, color .3s linear, border-color .3s linear; font-size: 17px; padding: 10px 20px 12px; line-height: 1; cursor: pointer; font-family: CeraRoundPro, Arial, sans-serif; font-family: var(--second-font) }

.btn-color { background-color: #FFCC4D; background-color: var(--main-color) }
.btn-grey { background-color: #e3e3e3; background-color: var(--border-color); color: #999999; }
.btn-color:hover{
    background-color: #ffcc4d;
    border-color: #ffcc4d;
}
.btn-color:active{
    background-color: rgba(237,159,67,0.2);
    border-color: rgba(237,159,67,0.2);
}

.btn-grey:hover{
    background-color: #ccc;
    border-color: #ccc;
    color: #000
}
.btn-grey:active{
    background-color: #e3e3e3;
    border-color: #e3e3e3;
    color: #999999;
}

.btn-color._disabled { background-color: #f0f0f0; background-color: var(--color-block) }

.btn-border { border-color: #e3e3e3; border-color: var(--border-color) }

.btn-border:hover { border-color: #999; border-color: var(--second-color) }

.btn-next, .btn-next:after { position: relative }

.btn-next:after { content: url(/local/templates/main/css/../img/next.svg); display: block; margin-left: 8px; top: 2px; transition: transform .3s linear }

.btn-next:hover:after { transform: translate(3px) }

.btn-logout {
    position: relative;
    border: 0;
    margin: 0 auto;
    display: flex;
    gap: 12px;
    font-weight: 400;
    font-size: 17px;
    line-height: 118%;
    letter-spacing: -0.01em;
    color: #fe3f3f;
}

.btn-logout:before { content: url(/local/templates/main/css/../img/logOut.svg); display: block; margin-left: 8px; position: relative; top: 2px; transition: transform .3s linear }

.btn-logout:hover:after { transform: translate(3px) }

.btn[disabled] { background-color: #f0f0f0; background-color: var(--color-block); color: #999; color: var(--second-color); pointer-events: none }

.more { position: relative; display: inline-flex; align-items: center }

.more:after { content: url(/local/templates/main/css/../img/more.svg); display: block; margin-left: 5px; position: relative; top: 2px; transition: transform .3s linear }

.more:hover:after { transform: translate(2px, -2px) }

@media screen and (max-width: 1520px) {
    .btn { font-size: 15px }
}

.popup { border-radius: 24px; padding: 30px 40px; display: none; min-width: 320px; max-width: 660px }

.popup#profile, .popup#profile-history, .popup#registration { width: 100% }

.popup#user { max-width: 350px; width: 100% }

.popup .form__bottom { margin: 30px -40px -30px; padding: 10px 20px; background: #f0f0f0; background: var(--color-block); text-align: center }

.popup .form__bottom .btn { margin-right: 0; width: 100% }

.fancybox-container { -webkit-backdrop-filter: blur(1px); backdrop-filter: blur(1px) }

.fancybox-bg { background: #999; background: var(--second-color) }

.fancybox-is-open .fancybox-bg { opacity: .5 }

.fancybox-close-small { background: url(/local/templates/main/css/../img/close.svg); background-repeat: no-repeat; background-position: 50%; transition: opacity .3s linear }

.fancybox-close-small svg { display: none }

.fancybox-close-small:hover { opacity: .7 }

.form-login .default-input__submit .btn { width: 100% }

.form-login .default-input__inputs { flex-direction: column }

.form-login .default-input + .default-input { margin-top: 15px }

.profile .default-input__inputs:not(.phone-inputs), .registration .default-input__inputs:not(.phone-inputs) { flex-direction: column }

.profile__item, .registration__item { display: flex }

.profile__item:not(:first-of-type):not(.hidden), .registration__item:not(:first-of-type):not(.hidden) { margin-top: 30px }

.profile__label, .registration__label { width: 180px; flex: none; margin-right: 15px; padding-top: 10px; line-height: 1.2 }

.profile .default-input + .default-checkbox, .registration .default-input + .default-checkbox { margin-top: 10px }

.profile .default-input__inputs:not(.phone-inputs) .default-input__input, .profile .default-input__inputs:not(.phone-inputs) .default-date__input, .registration .default-input__inputs:not(.phone-inputs) .default-input__input { min-width: 300px }

.registration > * { padding-left: 40px; padding-right: 40px; margin-left: -40px; margin-right: -40px }

.registration > :not(:last-child) { border-bottom: 1px solid #e3e3e3; border-bottom: 1px solid var(--border-color) }

.registration__top { padding-bottom: 10px }

.registration__list, .registration__phone { padding-top: 30px; padding-bottom: 30px }

.registration__bottom { padding-top: 30px; text-align: center; display: flex; flex-direction: column; align-items: center }

.registration__bottom > :not(:last-child) { margin-bottom: 15px }

.registration .form__agreement { max-width: 330px; width: 100%; line-height: 1.2; font-size: 13px; color: #999; color: var(--second-color) }

.registration .form__agreement .more:after { opacity: .5; transform: scale(.9); transition: opacity .3s linear; margin-left: 3px }

.registration .form__agreement .more:hover:after { opacity: 1; transform: scale(.9) translate(0) }

.registration .phone-inputs .default-input { max-width: 190px; margin-right: 15px }

.registration .phone-inputs .btn { font-size: 15px }

.profile > * {  }

.profile__title {
    margin: 15px 0;
}
.profile__title .form__title {
    display: block;
    margin: 0;
    font-weight: 500;
    font-size: 21px;
    line-height: 114%;
    letter-spacing: -0.02em;
    text-align: center;
    width: 100%;
}

.profile__title .form__title { margin-bottom: 0 }

.profile__title .back-link { flex: none; margin-right: 20px }

.profile__title .back-link + .form__title { margin-left: auto; margin-right: auto; transform: translate(-20px) }

.profile-bonus { 
    /*padding-top: 16px; padding-bottom: 16px; background-color: rgba(255, 219, 108, .5); background-image: url(/local/templates/main/css/../img/vector-bonus2.png), url(/local/templates/main/css/../img/vector-bonus3.png); 
    background-position: 0 100%, 100% 0; background-repeat: no-repeat; display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative 
    */
    background-color: #FFCC4D;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 20px 24px 20px;
    
}

.profile-bonus:after { content: url(/local/templates/main/css/../img/freeway-w.svg); position: absolute; top: 22px; right: 20px; display: none }

.profile-bonus > :not(:last-child) { margin-bottom: 15px }

.profile-bonus__bonus { font-weight: 500; font-size: 36px; line-height: 1; font-family: CeraRoundPro, Arial, sans-serif; font-family: var(--second-font) }

.profile__list { padding-top: 0; padding-bottom: 30px }

.profile__item .btn-next { font-size: 15px; width: -webkit-max-content; width: max-content }

.profile__bottom { display: flex; justify-content: space-between }

.profile .history { border-top: 1px solid #e3e3e3; border-top: 1px solid var(--border-color); padding-top: 30px }

.profile .history { padding-bottom: 30px; background: #f0f0f0; background: var(--color-block); max-height: 560px; overflow: auto; scrollbar-color: #999 #f0f0f0; scrollbar-color: var(--second-color) var(--color-block); scrollbar-width: thin }

.profile .history::-webkit-scrollbar { width: 7px }

.profile .history::-webkit-scrollbar-thumb, .profile .history::-webkit-scrollbar-track { border: 2px solid #f0f0f0; border: 2px solid var(--color-block) }

.profile .history::-webkit-scrollbar-thumb { background: #999; background: var(--second-color) }

.profile .history::-webkit-scrollbar-track { background: #f0f0f0; background: var(--color-block) }

#profile .js-personal-form {
    background: #f0f0f0;
    border-radius: 16px;
    padding: 20px;
    margin-top: 20px;
}
.personal-info__title {
    font-weight: 500;
    font-size: 21px;
    line-height: 114%;
    letter-spacing: -0.02em;
    margin-bottom: 15px;
}
#profile.popup{
    padding: 0 20px 20px 20px;
}
.personal-info__offer-check:checked + .personal-info__offer-fake {
    background-color: #FFCC4D;
    transition: all 0.3s;
}
.personal-info__offer-fake {
    display: flex;
    align-items: center;
    border-radius: 100px;
    height: 24px;
    width: 45px;
    background-color: rgba(230, 230, 230, 1);
    position: relative;
    transition: all 0.3s;
}
.personal-info__offer-check:checked + .personal-info__offer-fake::before {
    position: absolute;
    left: 25px;
    transition: all 0.3s;
}

.personal-info__offer-fake::before {
    content: "";
    display: block;
    position: absolute;
    left: 4px;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    transition: all 0.3s;
    background-color: white;
}
.personal-info__offer-check {
    display: none;
}
.personal-info__label-offer {
    display: block;
    width: 80%;
    font-weight: 400;
    font-size: 16px;
    line-height: 123%;
    letter-spacing: -0.01em;
    color: black;
}
.personal-info__label.default-checkbox__label:before{
    display:none;
}
.personal-info__offer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.personal-info__label.default-checkbox__label:hover{
    color: #000;
}

.profile__item {
    position: relative;
}
.profile__item .profile__label{
    position: absolute;
    left: 13px;
    z-index: 3;
    transition: 0.5s;
    top: 0;
}
.profile__item .profile__label.profile__label_focus{
    top: -28px;
    font-size: 12px;
    left: 1px;
    font-weight: 400;
    font-size: 13px;
    line-height: 123%;
    letter-spacing: -0.01em;
    color: #999;
    width: auto;
}
span.default-input__input.disabled{
    border: 0;
    padding-left: 0;
}
.profile__item .default-input__inputs .default-input input[disabled]{
    border: 0;
}
.profile__item .default-input__inputs .default-input input.default-date__input[disabled]{
    padding-left: 0;
    background: no-repeat;
}


.profile__item .default-input__inputs{
    max-width: none;
}
.profile__item .default-input__inputs .default-input{
    max-width: none;
}
.profile__item .default-input__inputs .default-input input{
    max-width: none;
}
.profile__item_other{
    background: #f0f0f0;
    border-radius: 16px;
    padding: 40px 20px 20px;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.profile__item_other .profile__item:not(:first-of-type):not(.hidden){
    margin-top: 0;
}





.order-repeat { display: block; width: 24px; height: 24px; cursor: pointer; background-image: url(/local/templates/main/css/../img/repeat.svg); background-repeat: no-repeat; background-position: 50% }

.history-card { background: #fff; padding: 24px 20px; border-radius: 16px; margin-bottom: 24px }

.history-card__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px }

.history-card__top .order-repeat { flex: none; margin-left: 20px }

.history-card__title { font-weight: 500; font-family: CeraRoundPro, Arial, sans-serif; font-family: var(--second-font); font-size: 20px; letter-spacing: -.02em }

.history-card__list { max-height: 180px; overflow: auto; scrollbar-color: #FFCC4D #e3e3e3; scrollbar-color: var(--main-color) var(--border-color); scrollbar-width: thin }

.history-card__list::-webkit-scrollbar { width: 8px }

.history-card__list::-webkit-scrollbar-thumb, .history-card__list::-webkit-scrollbar-track { border-left: 5px solid #fff }

.history-card__list::-webkit-scrollbar-thumb { background: #FFCC4D; background: var(--main-color) }

.history-card__list::-webkit-scrollbar-track { background: #e3e3e3; background: var(--border-color) }

.history-card__item { display: flex; justify-content: space-between; line-height: 1.2; padding-right: 10px }

.history-card__item:not(:last-child) { margin-bottom: 15px }

.history-card__price { display: flex; justify-content: flex-end; width: 75px; flex: none; margin-left: 30px }

.history-card__price .count { color: #999; color: var(--second-color) }

.history-card__price .count:not(:empty):after { content: " × "; position: relative; display: inline-block; margin: 0 3px }

.history-card__label { color: #999; color: var(--second-color) }

.history-card__bottom { margin-top: 15px; padding-top: 15px; border-top: 1px solid #e3e3e3; border-top: 1px solid var(--border-color); display: flex; justify-content: space-between; align-items: center; font-weight: 500; font-family: CeraRoundPro, Arial, sans-serif; font-family: var(--second-font); font-size: 20px; letter-spacing: -.02em }

.phone-inputs { flex-wrap: wrap }

.phone-inputs .js-registration-confirm-status { max-width: 300px; width: 100%; font-size: 12px; line-height: 1.2; color: #999; color: var(--second-color) }

.phone-inputs .js-registration-confirm-status:not(:empty) { padding-top: 10px }

#user > div { height: 100% }


.popup#user .js-sms-code-input__row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.popup#user .js-sms-code-input__row input{
    text-align:center;
    width: 56px;
    max-width: 22%;
}

.popup#user {
    z-index: 100;
    background: #F0F0F0;
    padding-bottom: 22%;
    right: 0;
    position: absolute;
    height: 100%;
    border-radius: 0;
}

.popup#user .form__title {
    text-align: center;
    font-size: 21px;
}

.form__subtitle {
    text-align: center;
    margin-bottom: 7px;
    margin-left: auto;
    margin-right: auto;
    max-width: 225px;
}

.popup#user .form__subtitle {
    display: block;
    font-size: 15px;
}

.form__subtitle__left {
    text-align: left;
}

.form__subtitle__grey {
    color: #999999;
}

a.form__subtitle__grey {
    text-decoration: none;
    border-bottom: 1px solid rgba(153, 153, 153, 0.5);
}

.default-input .form__subtitle {
    margin-bottom: 0
}

.form__subtitle a {
    border-color: currentColor;
}

.form-login .default-input, .form-login .default-date {
    margin: 0 10%;
    flex-direction: column;
}

.form-login .default-date {
    margin-top:10px;
}

.form-login .default-input__error {
    text-align:center;
    margin-top: 10px;
    font-size: 15px;
    opacity: 1;
}

.form-login .default-input__input {
    height: 48px;
    border-radius: 6px;
}

.form-login .default-input__inputs {
    margin-bottom: 15px;
}

.form-login #timer {
    text-align: center;
    color: #999999;
}

.form-login .default-input__submit {
    margin: 5px 10%;
}
.form-login .default-input__submit .btn {
    font-size: 17px;
}

.fancybox-slide--html {
    padding: 0;
}

.form__close {
    position: absolute;
    width: 36px;
    height: 36px;
    border: 1px solid #0000001A;
    border-radius: 36px;
    display: block;
}

.form__close__right {
    right: 20px;
}

.form__close svg {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.js-auth-sub {
    display: block;
    width: 227px;
    height: 46px;
    border-radius: 28px;
    color: #999999;
    background: rgba(0, 0, 0, 0.1);
    margin: 0 auto 15px auto;
}

.js-auth-sub.active {
    background: var(--main-color);
}
.js-auth-sub.active:hover {
    background-color: #ffcc4d;
    border-color: #ffcc4d;
}
/*.js-auth-sub:after {
    content: '';
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDcgMTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMS43MTk2MyAwLjIyMzUzM0w1LjkwOTA4IDQuNjc2NjZDNi4wMjYyNyA0LjgyMzE0IDYuMTE0MTYgNC45OTg5MiA2LjExNDE2IDUuMTQ1NDFDNi4xMTQxNiA1LjMyMTE5IDYuMDI2MjcgNS40OTY5NyA1LjkwOTA4IDUuNjQzNDZMMS43MTk2MyAxMC4wOTY2QzEuNDU1OTYgMTAuMzg5NSAxLjAxNjUgMTAuMzg5NSAwLjcyMzUzMyAxMC4xMjU5QzAuNDMwNTY1IDkuODYyMjEgMC40MzA1NjUgOS40MjI3NSAwLjY5NDIzNiA5LjEyOTc4TDQuNDQ0MjQgNS4xNDU0MUwwLjY5NDIzNiAxLjE5MDMzQzAuNDMwNTY1IDAuODk3MzYxIDAuNDMwNTY1IDAuNDU3OTA4IDAuNzIzNTMzIDAuMTk0MjM2QzEuMDE2NSAtMC4wNjk0MzU0IDEuNDU1OTYgLTAuMDY5NDM1NCAxLjcxOTYzIDAuMjIzNTMzWiIgZmlsbD0iIzk5OTk5OSIvPg0KPC9zdmc+") center center no-repeat;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top:0;
}

.js-auth-sub.active:after {
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDcgMTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQo8cGF0aCBkPSJNMS43MTk2MyAwLjIyMzUzM0w1LjkwOTA4IDQuNjc2NjZDNi4wMjYyNyA0LjgyMzE0IDYuMTE0MTYgNC45OTg5MiA2LjExNDE2IDUuMTQ1NDFDNi4xMTQxNiA1LjMyMTE5IDYuMDI2MjcgNS40OTY5NyA1LjkwOTA4IDUuNjQzNDZMMS43MTk2MyAxMC4wOTY2QzEuNDU1OTYgMTAuMzg5NSAxLjAxNjUgMTAuMzg5NSAwLjcyMzUzMyAxMC4xMjU5QzAuNDMwNTY1IDkuODYyMjEgMC40MzA1NjUgOS40MjI3NSAwLjY5NDIzNiA5LjEyOTc4TDQuNDQ0MjQgNS4xNDU0MUwwLjY5NDIzNiAxLjE5MDMzQzAuNDMwNTY1IDAuODk3MzYxIDAuNDMwNTY1IDAuNDU3OTA4IDAuNzIzNTMzIDAuMTk0MjM2QzEuMDE2NSAtMC4wNjk0MzU0IDEuNDU1OTYgLTAuMDY5NDM1NCAxLjcxOTYzIDAuMjIzNTMzWiIgZmlsbD0iYmxhY2siLz4NCjwvc3ZnPg==") center center no-repeat;
}*/

.js-auth-sub input {
    background: transparent;
    width: 100%;
    height:46px;
    border:none;
    outline: none;
    position: relative;
    color: #000;
    font-size: 17px;
    line-height: 17px;
    letter-spacing: 0px;
}
#submit_again {
    text-align: center;
}

@media screen and (max-width: 660px) {
    .btb {
        z-index: 99!important;
    }
    .popup { width: 100%; height: 100%; padding: 30px 20px; border-radius: 0 }

    .popup#user .js-sms-code-input {
        display: block;
        text-align: center;
    }
    .popup#user .js-sms-code-input__row {
        max-width: 224px;
        display: inline-flex;
    }

    .popup#user {
        right: auto;
        position: relative;
        max-width: 100%;
    }
    .profile .default-input__inputs:not(.phone-inputs) .default-input__input{
        min-width: 0;
    }
    .profile__item .profile__label{
        margin: 0;
        top: -16px;
    }
    .profile__item_other{display: block;}
    .profile__item_other .profile__item:nth-child(1){margin-bottom: 30px;}
    .profile__item .profile__label.profile__label_focus{
        top: -18px;
    }

    .form-login { height: 100%; display: flex; flex-direction: column }

    .form-login .form__bottom { margin-top: auto; margin-left: -20px; margin-right: -20px }

    .fancybox-slide:before { margin-right: 0; display: none }

    .fancybox-slide--html { padding: 0 }

    .fancybox-slide--html .fancybox-content { margin-bottom: 0 }

   .registration > * { margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px }

    .profile__item, .registration__item { flex-direction: column }

    .profile__label, .registration__label { padding-top: 0; margin-right: 0; margin-bottom: 5px }

    .profile__item .btn-next { width: 100% }

    .history-card__price { margin-left: 15px }

    .profile__title .back-link + .form__title { margin-left: 0; transform: none }

    .profile .history { padding-top: 20px; padding-bottom: 20px }

    .history-card { padding: 20px 15px }

    .history-card__title { font-size: 16px }

    .history-card__item { font-size: 12px }

    .history-card__item:not(:last-child) { margin-bottom: 10px }

    .history-card__bottom { font-size: 16px }

    .profile__bottom, .registration__bottom { padding-bottom: 30px }
}

@media screen and (max-width: 420px) {
    .profile .phone-inputs, .registration .phone-inputs { flex-direction: column }

    .profile .phone-inputs .default-input, .registration .phone-inputs .default-input { max-width: 100%; margin-right: 0; margin-bottom: 15px }

    .default-date__input, .registration__bottom .btn { width: 100% }

    .profile-bonus__bonus { font-size: 26px }
}

@media screen and (max-width: 360px) {
    .profile__bottom { flex-direction: column }

    .profile__bottom .btn:not(:last-child) { margin-bottom: 15px }
}

.my-select.js__opened { border-radius: 8px 8px 0 0 !important; border: 1px solid #999 !important; border: 1px solid var(--second-color) !important; border-bottom: 0 !important; background-color: #fff !important }

.my-select.js__opened + .my-select__list-cont { display: block }

.my-select__list { overflow-y: auto; max-height: 165px; scrollbar-color: #FFCC4D #e3e3e3; scrollbar-color: var(--main-color) var(--border-color); scrollbar-width: thin }

.my-select__list-cont { -webkit-user-select: none; -ms-user-select: none; user-select: none; top: 100%; right: 0; left: 0; position: absolute; z-index: 30; border-radius: 0 0 8px 8px; background: #fff; padding: 8px 0; display: none; border: 1px solid #999; border: 1px solid var(--second-color); border-top: 0 }

.my-select__list::-webkit-scrollbar { width: 8px }

.my-select__list::-webkit-scrollbar-thumb, .my-select__list::-webkit-scrollbar-track { border-left: 5px solid #fff }

.my-select__list::-webkit-scrollbar-thumb { background: #FFCC4D; background: var(--main-color) }

.my-select__list::-webkit-scrollbar-track { background: #e3e3e3; background: var(--border-color) }

.my-select__list-option { transition: background .3s ease; padding: 10px 18px; color: #000; color: var(--body-text-color) }

.my-select__list-option[disabled]{ display: none }
.my-select__list-option[selected] {background-color: #FFCC4D;}

.my-select__list-option:not(.selected) { cursor: pointer }

.my-select__list-option.selected, .my-select__list-option:hover { background: #f0f0f0; background: var(--color-block) }

.standart-page__img img { display: block }

.standart-page__text { font-size: 16px; font-weight: 400; line-height: 1.5 }

.standart-page__text > * { margin-bottom: 20px }

.standart-page__text > :not(.table-wrap) { max-width: 960px; margin-left: auto; margin-right: auto }

.standart-page__banner { margin-bottom: 50px }

.standart-page__banner img { display: block }

.sp-banner { display: flex }

@media (max-width: 1400px) {
    .standart-page__text { font-size: 13px }

    .standart-page__banner + .standart-page__text { margin: 40px 0 0 }
}

@media (max-width: 1000px) {
    .standart-page__text-cont { border: 0 }
}

@media (max-width: 667px) {
    .standart-page__banner { margin-bottom: 30px }

    .standart-page__text > * { margin-bottom: 15px }

    #content blockquote { padding-left: 20px }
}

.header { padding: 40px 0 10px }

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

.header-btns { margin-left: auto }

.header-contacts, .header-delivery, .header .city-select { margin-right: 40px }

.header-contacts { line-height: 1.4 }

.header-contacts__link { transition: color .3s linear }

.header-contacts__link:hover { color: #FFCC4D; color: var(--main-color) }

.header-contacts__text { color: #999; color: var(--second-color) }

.header-delivery { line-height: 1.4;}

.header-delivery__text { display: flex; transition: color .3s linear }

.header-delivery__text:hover { color: #FFCC4D; color: var(--main-color) }

.header-delivery__text svg { 
    content: ""; position: relative; top: 3px; display: block; margin-right: 6px; width: 16px; height: 16px; 
}

.header-delivery__info { color: #999; color: var(--second-color); position: relative }

.header-delivery__info .tooltip { bottom: auto; top: calc(100% + 8px); padding: 10px 15px; z-index: 30; font-size: 12px; max-width: 250px; min-width: 200px; transition: opacity .3s linear }

.header-delivery__info .tooltip:after { bottom: auto; top: -6px; transform: rotate(-45 deeg) }

.header-delivery__info:hover .tooltip { opacity: 1 }

.header .burger { display: none }

.logo { max-width: 280px; width: 100%; margin-right: 40px }

.logo img { width: 200px;display: block }

.city-select__select { -webkit-appearance: none; appearance: none; padding: 9px 35px 11px 20px; border-radius: 30px; border: 1px solid transparent; border-bottom: 0; background-image: url(/local/templates/main/css/../img/select.svg); background-repeat: no-repeat; background-position: right 15px center; cursor: pointer; font-weight: 400 }

.city-select__select:hover { border-color: transparent }

.city-select .my-select__list { max-height: 230px }

.city-select .my-select__list-cont { padding-top: 0 }

.city-select .my-select__list-option { padding: 5px 20px }

.fixed-header { min-height:64px; padding: 12px 0; font-size: 17px; background: #fff; transition: box-shadow .3s linear; position: -webkit-sticky; position: sticky; top: 0; z-index: 20; will-change: box-shadow }

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

.fixed-header .cart-link { flex: 1 1 auto; display: flex; justify-content: flex-end; margin-left: auto; position: relative; padding-bottom: 15px; margin-bottom: -15px }

.fixed-header .cart-link:hover .cart-preview { opacity: 1; pointer-events: all }

.fixed-header.js__fixed { box-shadow: 0 15px 30px -30px rgba(0, 0, 0, .5) }

.nav-menu {padding-right: 70px;width: 100%;}

.nav-menu.overflow_menu_load_hide{
    overflow: hidden; 
}

.nav-menu__list { display: flex; margin-left: -10px }

.nav-menu__list{}

.nav-menu__link { display: block; padding: 8px 10px 10px; line-height: 1.2; border-radius: 30px; transition: background .3s linear, color .3s linear; position: relative; white-space: nowrap;font-size:14px;}

.nav-menu__link:after { content: ""; position: absolute; display: block; bottom: 8px; left: 10px; right: 10px; height: 1px; background: #FFCC4D; background: var(--main-color); opacity: 0; transition: opacity .3s linear }

.nav-menu__link:hover:after { opacity: 1 }

.nav-menu__item.active .nav-menu__link { pointer-events: none; background: var(--color-block) ; background: #f5f5f5;  }

.nav-menu__item.active .nav-menu__link:after { display: none }

.main-menu { padding-left: 10px; position: relative }

.main-menu:before { content: ""; position: absolute; top: 10px; bottom: 10px; width: 1px; left: 0; border-left: 1px solid #e3e3e3; border-left: 1px solid var(--border-color) }

.main-menu__list { display: flex }

.main-menu__item.active .main-menu__link { pointer-events: none; background: #f0f0f0; background: var(--color-block); border-radius: 30px }

.main-menu__item.active .main-menu__link:after { display: none }

.main-menu__link { transition: color .3s linear; position: relative; line-height: 1.2; padding: 8px 10px 10px; display: block; white-space: nowrap }

.main-menu__link:after { content: ""; position: absolute; display: block; bottom: 8px; left: 10px; right: 10px; height: 1px; background: #FFCC4D; background: var(--main-color); opacity: 0; transition: opacity .3s linear }

.main-menu__link.active:after, .main-menu__link:hover:after { opacity: 1 }

.btn-user .bonus { display: inline-block; margin-left: 8px; position: relative; color: #999; color: var(--second-color); transition: color .3s linear; white-space: nowrap }

.btn-user .bonus:after { content: url(/local/templates/main/css/../img/freeway.svg); display: inline-block; margin-left: 5px; transition: opacity .3s linear; opacity: .5; line-height: 1 }

.btn-user:hover .bonus { color: #000; color: var(--body-text-color) }

.btn-user:hover .bonus:after { opacity: 1 }

.btn-user .user { max-width: 90px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis }

@media screen and (max-width: 1000px) {
    .btn-user .user { max-width: inherit }
}

.btn-cart .price { display: inline-block; margin-left: 12px; padding-left: 12px; border-left: 1px solid #999; border-left: 1px solid var(--second-color) }

.cart-preview { opacity: 0; pointer-events: none; position: absolute; top: 100%; right: 0; width: 360px; z-index: 1; border-radius: 24px; padding: 20px 10px; background: #fff; box-shadow: 0 10px 35px -10px rgba(0, 0, 0, .12) }

.cart-preview > * { padding-left: 10px; padding-right: 10px }

.cart-preview__list { max-height: 430px; overflow-y: auto; -ms-scroll-chaining: none; overscroll-behavior: contain; scrollbar-color: #FFCC4D #e3e3e3; scrollbar-color: var(--main-color) var(--border-color); scrollbar-width: thin }

.cart-preview__list::-webkit-scrollbar { width: 8px }

.cart-preview__list::-webkit-scrollbar-thumb, .cart-preview__list::-webkit-scrollbar-track { border-left: 5px solid #fff }

.cart-preview__list::-webkit-scrollbar-thumb { background: #FFCC4D; background: var(--main-color) }

.cart-preview__list::-webkit-scrollbar-track { background: #e3e3e3; background: var(--border-color) }

.cart-preview__item { padding-bottom: 15px }

.cart-preview__item:not(:last-child) { border-bottom: 1px solid #e3e3e3; border-bottom: 1px solid var(--border-color); margin-bottom: 15px }

.cart-preview__bottom { padding-top: 15px; margin-top: 15px; border-top: 1px solid #e3e3e3; border-top: 1px solid var(--border-color); display: flex; align-items: center; justify-content: center }

.cart-preview__label, .cart-preview__price { font-weight: 500; font-size: 20px; font-family: CeraRoundPro, Arial, sans-serif; font-family: var(--second-font); line-height: 1.2 }

.cart-preview__label { color: #999; color: var(--second-color); margin-right: 8px }

.cart-preview .cart-card { grid-template-columns: 100px 1fr; grid-row-gap: 5px; grid-column-gap: 10px; padding: 0; align-items: start }

.cart-preview .cart-card__btns { grid-area: 2/2/3/3; margin-left: 0 }

.cart-preview .cart-card__btns .price { order: -1; margin-left: 0; margin-right: auto; font-size: 17px }

.cart-preview .cart-card__title { font-size: 15px; font-weight: 400 }

.cart-preview .cart-card__text { font-size: 13px }

.cart-preview .cart-card .stikers { top: 0 }

.cart-preview .cart-card__img { display: flex; align-items: center; justify-content: center }

.cart-preview .cart-card__img img { margin-bottom: -40px }

@media screen and (max-width: 1520px) {
    .logo { max-width: 220px }

    .fixed-header, .fixed-header .btn, .header, .header .btn { font-size: 14px }
}

@media screen and (max-width: 1360px) {
    .fixed-header { font-size: 13px }
}

@media screen and (max-width: 1280px) {
    .logo { max-width: 200px }

    .header-contacts, .header-delivery, .header .city-select, .logo { margin-right: 20px }

    .header { padding-top: 20px }

    .nav-menu { padding-right: 10px }

    .main-menu { padding-left: 10px }

    .fixed-header { font-size: 12px }
}

@media screen and (max-width: 1000px) {
    .fixed-header { display: none }

    .header-cont { justify-content: space-between }

    .header .burger { display: block }

    .header .city-select, .header .header-btns, .header .header-contacts, .header .header-delivery { display: none }

    .logo { margin-right: 0;max-width: 48px }
}

.footer { padding: 40px 0; border-top: 1px solid #e3e3e3; border-top: 1px solid var(--border-color); line-height: 1.4 }

.footer__top { display: flex; padding-bottom: 40px }

.footer__bottom { display: flex; justify-content: space-between; color: #999; color: var(--second-color); padding-top: 40px }

.footer__soc { margin-left: auto }

.footer__about { margin-right: 50px; color: #999; color: var(--second-color); max-width: 180px }

.footer__title { font-size: 20px; font-weight: 500; margin-bottom: 10px; font-family: CeraRoundPro, Arial, sans-serif; font-family: var(--second-font) }

.footer__menu .main-nav__list { column-count: 2; grid-column-gap: 40px; column-gap: 40px }

.footer__menu .main-nav__item { width: 200px; margin-bottom: 10px }

.footer__menu .main-nav__link { transition: color .3s linear; font-weight: 700 }

.footer__menu .main-nav__link.active, .footer__menu .main-nav__link:hover { color: #999; color: var(--second-color) }

.soc__list { display: flex; margin-left: -4px; margin-right: -4px }

.soc__item { padding: 0 4px; flex: none }

.soc__link { display: flex; align-items: center; justify-content: center; transition: filter .3s linear; filter: grayscale(1) brightness(1.4); width: 36px }

.soc__link:hover { filter: none }

.soc__link img { display: block }

.dev a { border: 0; text-decoration: none; transition: color .3s linear }

.dev a:hover { color: #000; color: var(--body-text-color) }

@media screen and (max-width: 1280px) {
    .footer__title { font-size: 18px }
}

@media screen and (max-width: 1000px) {
    .footer { padding: 30px 0 }

    .footer__top { padding-bottom: 30px }

    .footer__bottom { padding-top: 30px }

    .footer__about { margin-right: 30px }

    .footer .footer__menu .main-nav__item { width: 180px }

    .footer .footer__menu .main-nav__list { grid-column-gap: 30px; column-gap: 30px }
}

@media screen and (max-width: 740px) {
    .footer { font-weight: 400 }

    .footer__about { display: none }
}

@media screen and (max-width: 640px) {
    .footer { padding: 20px 0 }

    .footer__top { flex-wrap: wrap; padding-bottom: 10px }

    .footer__top > div { width: 100% }

    .footer__soc { margin-top: 40px }

    .footer .soc__list { justify-content: center }

    .footer .footer__menu .main-nav__item { width: auto }

    .footer__bottom { padding-top: 10px; flex-wrap: wrap; text-align: center }

    .footer__bottom > div { width: 100% }

    #dopsBasket .products__item.baskets-dop{
        width: 100%;
        border-bottom: none;
        padding: 0;
    }
    #dopsBasket .products__item.baskets-dop .products-card__bottom > .price{
        margin: 0;
    }

    #dopsBasket .products__item.baskets-dop:last-child .products-card{
        border-bottom: none;
    }
    #dopsBasket .products__item.baskets-dop .products-card__desc {
        margin-bottom: 0;
    }
    #basket-items-list-wrapper .free_add{
        border-bottom: none;
    }
    #dopsBasket .products-card .quantity{
        background: #fff;
        padding: 8px 5px;
    }
    #dopsBasket .products-card .quantity__control {
        width: 63px;
    }
    #dopsBasket .products-card .btn-cart-mob{
        padding: 8px 20px 9px;
    }
    
}

.mobile-menu { min-width: 320px; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 50; background: #000; color: #fff; opacity: 0; pointer-events: none; transition: transform .4s linear }

.mobile-menu__cont { height: 100vh; overflow: auto; padding: 20px }

.mobile-menu .burger { background-image: url(/local/templates/main/css/../img/close-w.svg) }

.mobile-menu__top { display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid hsla(0, 0%, 100%, .3) }

.mobile-menu .logo { max-width: 170px }

.mobile-menu .header-btns { margin-top: 20px }

.mobile-menu .btn-user { color: #fff; padding: 0; border: 0; border-radius: 0; font-size: 22px; display: flex; align-items: center; width: -webkit-max-content; width: max-content; max-width: 100% }

.mobile-menu .btn-user .user { flex: 1 1 auto }

.mobile-menu .btn-user .bonus { flex: none }

.mobile-menu .btn-user .bonus:after { filter: invert(1); opacity: 1; transform: scale(1.6) translateY(-2px); margin-left: 8px; position: relative; top: 1px }

.mobile-menu .btn-user:hover .bonus { color: #fff }

.mobile-menu .header-contacts { display: flex; margin-top: 5px }

.mobile-menu .header-contacts__link { color: #fff }

.mobile-menu .header-contacts__text { margin-left: 8px }

.mobile-menu .main-menu { border-top: 1px solid hsla(0, 0%, 100%, .3); padding-left: 0; border-left: 0; margin-top: 20px }

.mobile-menu .main-menu:before { display: none }

.mobile-menu .main-menu__list { flex-direction: column }

.mobile-menu .main-menu__item { border-bottom: 1px solid hsla(0, 0%, 100%, .3) }

.mobile-menu .main-menu__item.active .main-menu__link { border-radius: 0; background: transparent; color: #FFCC4D; color: var(--main-color) }

.mobile-menu .main-menu__link { padding: 15px 0; line-height: 1.1; color: #fff; font-size: 20px; font-weight: 500; font-family: CeraRoundPro, Arial, sans-serif; font-family: var(--second-font) }

.mobile-menu .main-menu__link:after { display: none }

.mobile-menu .main-menu__link.active { color: #FFCC4D; color: var(--main-color) }

.mobile-menu .soc { margin-top: 40px; margin-bottom: 20px }

.mobile-menu .city-select__select { background-color: transparent; border: 0; border-radius: 0; color: #fff; font-size: 20px; font-weight: 500; font-family: CeraRoundPro, Arial, sans-serif; font-family: var(--second-font); padding-left: 0; padding-top: 0; padding-bottom: 0; background-image: url(/local/templates/main/css/../img/select-w.svg) }

.burger { width: 30px; height: 30px; position: relative; cursor: pointer; background-image: url(/local/templates/main/css/../img/burger.svg); background-repeat: no-repeat; background-position: 50%; margin-left: 20px }

.js__burger-open { overflow: hidden; position: fixed; top: 0; left: 0; width: 100%; height: 100% }

.js__burger-open .mobile-menu { opacity: 1; pointer-events: all }

.main-banner { overflow: visible; position: relative }

.main-banner-block.page-section { padding-top: 20px }

.main-banner-block { overflow: hidden; position: relative }

.main-banner-block:after, .main-banner-block:before { content: ""; position: absolute; display: block; z-index: 2; pointer-events: none; top: 0; bottom: 0; width: calc(50% - 656px); width: calc(50% - var(--base-width) / 2); background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0)) }

@media screen and (max-width: 1520px) {
    .main-banner-block:after, .main-banner-block:before { width: calc(50% - 530px) }
}

@media screen and (max-width: 1280px) {
    .main-banner-block:after, .main-banner-block:before { width: calc(50% - 480px); opacity: .5 }
}

@media screen and (max-width: 960px) {
    .main-banner-block:after, .main-banner-block:before { width: 30px }
}

.main-banner-block:before { left: 0 }

.main-banner-block:after { right: 0; transform: rotate(180deg) }

.main-banner-block .swiper-button { width: calc(50% - 656px); width: calc(50% - var(--base-width) / 2) }

@media screen and (max-width: 1520px) {
    .main-banner-block .swiper-button { width: calc(50% - 530px) }
}

@media screen and (max-width: 1280px) {
    .main-banner-block .swiper-button { width: calc(50% - 480px) }
}

@media screen and (max-width: 960px) {
    .main-banner-block .swiper-button { width: 30px }

    .main-banner-block .swiper-button-prev { left: 0 }

    .main-banner-block .swiper-button-next { right: 0 }
}

.main-banner-block .swiper-button:after, .main-banner-block .swiper-button:before { display: none }

.main-banner .swiper-slide { transition: opacity .3s linear }

.main-banner .swiper-slide:not(.swiper-slide-active) { opacity: .5 }

.main-banner__item { position: relative }

.main-banner__img { border-radius: 30px; overflow: hidden }

.main-banner__img img, .main-banner__link { display: block; width: 100% }

.main-banner__link { position: absolute; top: 0; left: 0; height: 100% }

@media screen and (max-width: 1000px) {
    .main-banner-block.page-section { padding-top: 10px }
}

@media screen and (max-width: 960px) {
    .main-banner .swiper-pagination { display: none }

    .main-banner__img { border-radius: 20px }
}

@media screen and (max-width: 640px) {
    .main-banner-block.page-section { padding-bottom: 20px }
}

.products, .products__top { position: relative }

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

.products__top .block-title { margin-right: 20px }

.products__anchor { position: absolute; bottom: 100%; left: 0; right: 0; pointer-events: none; height: 80px }

.products__anchor .sort { margin-bottom: 20px }

.products__list { display: flex; flex-wrap: wrap; margin-left: -30px; margin-right: -30px; margin-bottom: -40px }

.products__item { padding: 0 30px; margin-bottom: 60px; width: 25% }

.sort { display: flex }

.sort__select { padding: 8px 20px 10px 40px; border-radius: 30px; background-color: #f0f0f0; background-color: var(--color-block); border: 1px solid transparent; border-bottom: 0; background-repeat: no-repeat; background-position: left 20px center; cursor: pointer; transition: background-color .3s linear }

.sort-desc {background-image: url(/local/templates/main/css/../img/ico-sort.svg);}

.sort-asc {background-image: url(/local/templates/main/css/../img/ico-sort-mirror.svg);}

.sort__select:hover { background-color: #e3e3e3 }

.products-card { position: relative; height: 100%; display: flex; flex-direction: column; transition: transform .3s linear; will-change: transform }

.products-card:hover { transform: translateY(-8px) }

.products-card__link { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; z-index: 22 }

.products-card__img { position: relative; height: 220px; margin-bottom: 15px; display: flex; align-items: center; justify-content: center }

.products-card__img img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto }

.products-card__text { flex: 1 1 auto; display: flex; flex-direction: column }

.products-card__title { font-family: CeraRoundPro, Arial, sans-serif; font-family: var(--second-font); font-size: 20px; font-weight: 500; line-height: 1.2; margin-bottom: 5px }

.products-card__title:nth-last-child(2) { margin-bottom: 15px }

.products-card__desc { color: #999; color: var(--second-color); line-height: 1.4; margin-bottom: 15px }

.products-card__bottom { position: relative; z-index: 2; display: flex; align-items: center; font-family: CeraRoundPro, Arial, sans-serif; font-family: var(--second-font); margin-top: auto }

.products-card__bottom .products-card__btn { margin-left: auto }

.products-card .price { margin-right: 24px; font-size: 20px; display: flex; align-items: baseline; font-weight: 500 }

.products-card .price span { font-size: 14px; margin-right: 8px; font-weight: 600 }

.products-card .btn-cart-mob { display: none }

.products-card .btn { white-space: nowrap }

.products-card .stikers { position: absolute; top: 15px; right: 10px }

.stikers { display: flex; align-items: center; z-index: 1 }

.stikers__item { margin-left: 8px }

.stikers .stiker-img img { display: block; width: 32px }

.stikers .stiker-text { background: currentColor; padding: 4px 12px 6px; border-radius: 30px 30px 30px 0; line-height: 1.4; white-space: nowrap }

.stikers .stiker-text span { display: block; font-weight: 700; color: #fff }

@media screen and (max-width: 1520px) {
    .products-card .quantity { padding: 10px 12px }

    .products-card .quantity__control { font-size: 15px }
}

@media screen and (max-width: 1400px) {
    .products__list { margin-left: -20px; margin-right: -20px }

    .products__item { padding: 0 20px }
}

@media screen and (max-width: 1360px) {
    .products-card__title { font-size: 16px }

    .products-card .price { font-size: 18px }
}

@media screen and (max-width: 1280px) {
    .products__item { margin-bottom: 40px }

    .products__list { margin-bottom: -20px }

    .products-card__img { height: 200px }

    .products-card__desc { font-size: 13px; line-height: 1.2 }

    .stikers .stiker-text { font-size: 12px; font-weight: 400; padding: 2px 10px 4px }

    .stikers .stiker-img img { width: 24px }
}

@media screen and (max-width: 1000px) {
    .products__item { width: 33.3% }

    .products-card .btn-cart { font-size: 12px }

    .products-card .quantity { padding: 8px 10px }

    .products-card .quantity__control { font-size: 12px }

    .products-card:hover { transform: none }
}

@media screen and (max-width: 820px) {
    .products-card__img { height: 140px }
}

@media screen and (max-width: 640px) {

    .products__list { margin-bottom: 0 }

    .products__item { width: 100%; border-bottom: 1px solid #e3e3e3; border-bottom: 1px solid var(--border-color); margin-bottom: 0 }

    .products-card { padding-top: 20px; padding-bottom: 20px; flex-direction: row }

    .products-card__img { width: 200px; flex: none; margin-right: 12px; height: 170px; margin-bottom: 0 }

    .products-card__desc { margin-bottom: 10px }

    .products-card .price { font-size: 17px }

    .products-card__bottom > .price { display: none }

    .products-card .btn-cart-mob { display: inline-flex }

    .products-card .btn-cart { display: none }

    .products-card .stikers { right: auto; left: 10px }

    .products-card .stikers .stiker-text { border-radius: 30px 30px 0 30px }

    .products-card .stikers__item { margin-left: 0; margin-right: 5px }

    .products-card .quantity { padding: 11px 12px }

    .page-section.products-block { padding: 0 }

    .products-slider .products-card { flex-direction: column }

    .products-slider .products-card__img { width: 100%; margin-right: 0; margin-bottom: 10px }
}

@media screen and (max-width: 360px) {
    .products-card__img { width: 150px; height: 140px; }
}

.ordering-page .page-header { text-align: center; grid-area: 1/2/2/3 }

.ordering-page .header { padding-bottom: 40px }

.ordering-page .header-block { padding-bottom: 40px; display: grid; grid-template-columns: 40px 1fr 40px }

.ordering-page .header-cont { display: grid; grid-template-columns: repeat(3, 1fr) }

.ordering-page .header-cont .header-btns { grid-area: 1/3/2/4 }

.ordering-page .header-cont .burger { margin-left: auto }

.ordering-page .footer { margin-top: 40px }

.ordering-progress { display: flex }

.ordering-progress__item { width: 160px; display: flex; flex-direction: column; align-items: center; position: relative }

.ordering-progress__item:not(.active) { opacity: .35 }

.ordering-progress__item.current .ordering-progress__number { font-size: 0; background-image: url(/local/templates/main/css/../img/check.svg); background-repeat: no-repeat; background-position: 50% }

.ordering-progress__item:not(:last-child).current:after { opacity: 1 }

.ordering-progress__item:not(:last-child):after { content: ""; position: absolute; top: 18px; width: 60px; left: calc(100% - 30px); height: 4px; background: url(/local/templates/main/css/../img/dotted.svg); background-repeat: no-repeat; background-position: 50%; opacity: .35 }

.ordering-progress__number { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 50%; border: 1px solid; margin-bottom: 5px; font-family: CeraRoundPro, Arial, sans-serif; font-family: var(--second-font) }

.ordering-progress__label { font-size: 13px }

.ordering .alert-success { position: relative; font-size: 13px }

.ordering .alert-success .icon-success { position: absolute; top: 0; left: 0; width: 30px; height: 30px; border-radius: 50%; background-color: #f0f0f0; background-color: var(--color-block); background-image: url(/local/templates/main/css/../img/info.svg); background-repeat: no-repeat; background-position: 50%; background-size: 12px auto }

.cart { max-width: 890px; width: 100%; margin-left: auto; margin-right: auto }


.cart__item:first-child { border-bottom: 1px solid var(--border-color) }

.cart__item:not(:last-child) { border-bottom: 1px solid #e3e3e3; border-bottom: 1px solid var(--border-color) }

.cart-slider { padding: 40px 0 80px }

.cart-slider__title { font-family: CeraRoundPro, Arial, sans-serif; font-family: var(--second-font); font-weight: 500; font-size: 20px; line-height: 1.2; letter-spacing: -.02em; margin-bottom: 30px }

.cart__bottom { padding: 20px 0 35px; text-align: right }

.cart__bottom .btn:not(:first-child) { margin-top: 20px }

.promocode { padding: 35px 0; display: block; flex-wrap: wrap; align-items: center; position: relative }

.promocode #promocode { position: absolute; bottom: 100%; left: 0; right: 0; pointer-events: none; height: 300px }

@media screen and (max-width: 640px) {
    .promocode #promocode { height: 200px }
}

.promocode__title { font-weight: 500; font-family: CeraRoundPro, Arial, sans-serif; font-family: var(--second-font); font-size: 20px; line-height: 1.2; letter-spacing: -.02em; margin-right: 30px }

.promocode-form, .promocode-form__group { display: block; align-items: center }

.promocode-form__group { padding: 6px; border-radius: 8px; background: #f0f0f0; background: var(--color-block); position: relative }

.promocode-form__group .default-input__error { position: absolute; top: 100% }

.promocode-form__group.current { background: #FFCC4D; background: var(--main-color); pointer-events: none }

.promocode-form__group.current .promocode-form__btn { font-size: 0; background-image: url(/local/templates/main/css/../img/check.svg); background-repeat: no-repeat; background-position: 50% }

.promocode-form__input { border-color: #fff }

.promocode-form__btn { -webkit-appearance: none; appearance: none; cursor: pointer; padding: 10px 20px; border: 0; box-shadow: none; background: transparent }

.promocode-form-remove__btn { apperance: none; border: 0; border-radius: 0; color: #999; color: var(--second-color); display: flex; align-items: center; background-color: transparent; padding: 10px 21px }

.promocode__text { width: 100%; margin-top: 15px; display: flex }

.promocode__text.succes:before { flex: none; content: ""; position: relative; top: 3px; display: block; width: 16px; height: 16px; background-image: url(/local/templates/main/css/../img/check.svg); background-repeat: no-repeat; background-position: 50%; margin-right: 12px }

.cart-total { display: flex; align-items: center; justify-content: flex-end; font-weight: 500; font-family: CeraRoundPro, Arial, sans-serif; font-family: var(--second-font); font-size: 36px; letter-spacing: -.03em }

.cart-total__label { color: #e3e3e3; color: var(--border-color); margin-right: 20px }

.cart-card { padding: 20px 0; display: grid; grid-template-columns: 170px 1fr 1fr; grid-column-gap: 20px; position: relative; align-items: center }

.cart-card a { border: 0; text-decoration: none }

.cart-card .stikers { position: absolute; top: 20px; left: -5px }

.cart-card .stikers .stiker-text { font-size: 12px; font-weight: 400; padding: 2px 10px 4px; border-radius: 30px 30px 0 30px }

.cart-card .stikers .stiker-img img { width: 24px }

.cart-card .stikers__item { margin-left: 0; margin-right: 5px }

.cart-card__title { font-weight: 500; font-family: CeraRoundPro, Arial, sans-serif; font-family: var(--second-font); font-size: 20px; line-height: 1.2; letter-spacing: -.02em; margin-bottom: 5px; max-width: 328px; width: 100% }

.cart-card__text { color: #999; color: var(--second-color); max-width: 328px; width: 100% }

.cart-card__btns { max-width: 300px; width: 100%; margin-left: auto; display: flex; align-items: center; justify-content: space-between }

.cart-card__btns .quantity {height: 40px;margin-right: 15px }

.cart-card__btns .price { margin-left: auto; font-weight: 500; font-family: CeraRoundPro, Arial, sans-serif; font-family: var(--second-font); font-size: 20px; letter-spacing: -.02em }

.cart-card__del { flex: none; width: 40px; height: 40px; margin-left: 16px; cursor: pointer; border-radius: 50%; border: 1px solid transparent; transition: border-color .3s linear; background-image: url(/local/templates/main/css/../img/del.svg); background-repeat: no-repeat; background-position: 50%; background-size: contain }

.cart-card__del:hover { border-color: #999; border-color: var(--second-color) }

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

.cart-card__img img { display: block }

.cart-card .basket-items-list-item-warning-container { font-size: 12px; line-height: 1.2 }

.ordering { display: flex; justify-content: flex-end }

.ordering__left { max-width: 624px; width: 100%; margin-right: 0 }

.ordering__right { max-width: 280px; width: 100%; display:none;}
.page-section.ordering{
    align-items: center;
    justify-content: center;
}
.ordering-form__item { padding: 30px 0 }

.ordering-form__item:first-child { border-top: 1px solid #e3e3e3; border-top: 1px solid var(--border-color) }

.ordering-form__item:not(:last-child) { border-bottom: 1px solid #e3e3e3; border-bottom: 1px solid var(--border-color) }

.ordering-form__item > div:not(:first-child) { margin-top: 24px }

.ordering-form__item > div:not(:last-child) { margin-bottom: 24px }

.ordering-form__title { font-weight: 500; font-family: CeraRoundPro, Arial, sans-serif; font-family: var(--second-font); font-size: 20px; letter-spacing: -.02em; margin-bottom: 20px }

.ordering-form__title:empty { display: none }

.ordering-form__submit .btn { font-weight: 500; font-family: CeraRoundPro, Arial, sans-serif; font-family: var(--second-font); font-size: 20px; letter-spacing: -.02em; padding: 14px 24px }

.ordering-form__info { max-width: 368px; width: 100%; display: flex; align-items: center; padding: 24px; border-radius: 16px; background-color: hsla(0, 0%, 94.1%, .5); line-height: 1.2; position: relative }

.ordering-form__info .btn { margin-right: 15px; font-size: 15px }

.ordering-form__info--bonus { flex-direction: column; align-items: flex-start; padding-right: 40px; background-image: url(/local/templates/main/css/../img/vector-info.png); background-repeat: no-repeat; background-position: 100% 0 }

.ordering-form__info--bonus .btn { margin-bottom: 15px }

.ordering-form__info--bonus:after { content: url(/local/templates/main/css/../img/freeway-w.svg); position: absolute; top: 20px; right: 15px }

.ordering-form__submit { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; margin-bottom: -15px }

.ordering-form__submit > * { margin-bottom: 15px }

.ordering-form__bonus { color: #999; color: var(--second-color) }

.ordering-form__bonus span, .ordering-form__bonus span:after { position: relative; display: inline-block }

.ordering-form__bonus span:after { content: ""; width: 10px; height: 11px; background: url(/local/templates/main/css/../img/freeway.svg); background-repeat: no-repeat; background-position: 50%; background-size: contain; opacity: .5; margin-right: 3px }

.ordering-payment .default-radio + .default-radio { margin-top: 15px }

.ordering-personal { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; position: relative }

.ordering-personal.not-loggin-in .ordering-personal__right { border-left: 1px solid #e3e3e3; border-left: 1px solid var(--border-color) }

.ordering-personal__left, .ordering-personal__right { width: 50% }

.ordering-personal__left > *, .ordering-personal__right > * { max-width: 240px; width: 100% }

.ordering-personal__right { display: flex; justify-content: flex-end }

.ordering-personal__right .loggin-text { display: none }

.ordering-personal__right .ordering-form__info--bonus + .loggin-text { display: inline-block; width: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; padding: 12px 0; text-align: center; z-index: 1; pointer-events: none }

.ordering-personal .default-input + .default-input { margin-top: 15px }

.ordering-personal .default-input__inputs { flex-direction: column }

.ordering-card { padding: 24px 20px; border-radius: 16px; background: #fff; box-shadow: 0 10px 35px -10px rgba(0, 0, 0, .12); position: -webkit-sticky; position: sticky; top: 30px; transform: translateY(75px); margin-bottom: 75px }

.ordering-card__title { font-weight: 500; font-family: CeraRoundPro, Arial, sans-serif; font-family: var(--second-font); font-size: 20px; letter-spacing: -.02em; margin-bottom: 15px }

.ordering-card__list { /*max-height: 250px;*/ overflow: auto; padding-right: 10px; margin-right: -10px; scrollbar-color: #FFCC4D #e3e3e3; scrollbar-color: var(--main-color) var(--border-color); scrollbar-width: thin }

.ordering-card__list::-webkit-scrollbar { width: 8px }

.ordering-card__list::-webkit-scrollbar-thumb, .ordering-card__list::-webkit-scrollbar-track { border-left: 5px solid #fff }

.ordering-card__list::-webkit-scrollbar-thumb { background: #FFCC4D; background: var(--main-color) }

.ordering-card__list::-webkit-scrollbar-track { background: #e3e3e3; background: var(--border-color) }

.ordering-card__list .ordering-personal { display: block }

.ordering-card__item { display: flex; justify-content: space-between; font-size: 14px; line-height: 1.2 }

.ordering-card__item:not(:last-child) { margin-bottom: 15px }

.ordering-card__price { display: flex; justify-content: flex-end; width: 100px; flex: none; margin-left: 10px }

.ordering-card__price .count { color: #999; color: var(--second-color) }

.ordering-card__price .count:not(:empty):after { content: " × "; position: relative; display: inline-block; margin: 0 3px }

.ordering-card__label { color: #999; color: var(--second-color) }

.ordering-card__bottom { margin-top: 15px; padding-top: 15px; border-top: 1px solid #e3e3e3; border-top: 1px solid var(--border-color); display: flex; justify-content: space-between; align-items: center; font-weight: 500; font-family: CeraRoundPro, Arial, sans-serif; font-family: var(--second-font); font-size: 20px; letter-spacing: -.02em }

.ordering-card__info { color: #999; color: var(--second-color); line-height: 1.4 }

.ordering-card__info:not(:first-child) { margin-top: 8px }

.ordering-card__info:not(:last-child) { margin-bottom: 8px }

.ordering-delivery { width: 100%; position: relative;}

.inner_paid{
    display:none;
}

.ordering-delivery > div:not(:last-child) { margin-bottom: 15px }

.ordering-delivery__bottom, .ordering-delivery__middle, .ordering-delivery__name, .ordering-delivery__top { margin-left: -16px; width: calc(100% + 16px); display: flex }

.ordering-delivery__bottom:empty, .ordering-delivery__middle:empty, .ordering-delivery__name:empty, .ordering-delivery__top:empty { display: none }

.ordering-delivery .default-input { margin-left: 15px }

.ordering-delivery .default-input__label { position: absolute; bottom: 0; left: 0; padding: 10px 15px; line-height: 1.2; font-size: 14px; margin: 0; width: 100%; border: 1px solid transparent; color: #999; color: var(--second-color); transition: opacity .3s linear; pointer-events: none; z-index: 1; display: none }

.ordering-delivery__top .default-input#autocomplete-house, .ordering-delivery__top .default-input:last-child { width: calc(33.3% - 16px); flex: none }

.ordering-delivery__select .default-input__input--select { width: 100% }

.toggle__list { display: inline-flex; border-radius: 30px; background: #f0f0f0; background: var(--color-block) }

.toggle__item { padding: 10px 20px; border-radius: 30px; transition: border-color .3s linear, background .3s linear; border: 1px solid transparent }

.toggle__item.active { background-color: #fff; border-color: #e3e3e3; border-color: var(--border-color) }

.toggle__item:not(.active) { cursor: pointer }

.ordering-delivery__list { display: inline-flex; border-radius: 30px; background: #f0f0f0; background: var(--color-block) }

.ordering-delivery__input { -webkit-appearance: none; appearance: none; position: absolute; top: 0; left: 0; width: 0; height: 0; opacity: 0 }

.ordering-delivery__input:checked + .ordering-delivery__label {
    background: #fff;
    padding: 0;
}

.ordering-delivery__label { display: block; padding: 10px 20px; border-radius: 30px; transition: border-color .3s linear, background .3s linear; border: 1px solid transparent; cursor: pointer }

.ordering-delivery + .ordering-time { margin-top: 24px }

.ordering-bonus { padding: 24px 80px 20px 24px; display: flex; flex-direction: column; border-radius: 16px; background-color: rgba(255, 219, 108, .5); line-height: 1.2; position: relative; background-image: url(/local/templates/main/css/../img/vector-bonus.png); background-repeat: no-repeat; background-position: 100% 0 }

.ordering-bonus:after { content: url(/local/templates/main/css/../img/freeway-w.svg); position: absolute; top: 50%; right: 15px; transform: translateY(-50%) }

.ordering-bonus__label { margin-bottom: 4px }

.ordering-bonus__bonus { font-weight: 500; font-family: CeraRoundPro, Arial, sans-serif; font-family: var(--second-font); font-size: 20px; letter-spacing: -.02em }

.ordering-time { max-width: 552px; width: 100% }

.ordering-time > div:not(:first-child) { margin-top: 15px }

.ordering-time__group { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: -15px }

.ordering-time__select { margin-right: 15px; margin-bottom: 15px }

.ordering-time__info { max-width: 300px; width: 100%; color: #999; color: var(--second-color); line-height: 1.2; margin-bottom: 15px }

.ordering-range { display: flex; align-items: center; margin-bottom: -15px }

.ordering-range .ordering-form__title { margin-bottom: 15px; margin-right: 24px }

.ordering-range .range__wrap { margin-bottom: 15px }

.range { position: relative }

.range__progress { position: absolute; top: 11px; left: 0; height: 4px; border-radius: 5px 0 0 5px; background: #FFCC4D; background: var(--main-color); pointer-events: none }

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

.range__count { margin-left: 16px; position: relative; font-size: 17px }

.range__count:after { content: ""; position: relative; display: inline-block; width: 11px; height: 12px; background: url(/local/templates/main/css/../img/freeway.svg); background-repeat: no-repeat; background-position: 50%; background-size: contain; margin-left: 3px }

.range .data-range { position: absolute; top: 50%; margin-top: -11px; width: 24px; height: 24px; border-radius: 50%; z-index: 2; border: 1px solid #e3e3e3; border: 1px solid var(--border-color); background: #fff; pointer-events: none }

.range__input { -webkit-appearance: none; appearance: none; flex: 1 1 auto }

.range__input:focus { outline: none }

.range__input::-webkit-slider-runnable-track { width: 100%; height: 4px; cursor: pointer; box-shadow: none; background: #f0f0f0; background: var(--color-block); border-radius: 5px; border: 0 }

.range__input::-webkit-slider-thumb { box-shadow: none; border: 0; height: 24px; width: 24px; background: transparent; cursor: pointer; -webkit-appearance: none; margin-top: -10px }

.range__input::-moz-range-track { width: 100%; height: 4px; cursor: pointer; animate: .2s; box-shadow: none; background: #f0f0f0; background: var(--color-block); border-radius: 5px; border: 0 }

.range__input::-moz-range-thumb { box-shadow: none; border: 0; height: 24px; width: 24px; background: transparent; cursor: pointer; z-index: 2; position: relative }

.range__input::-ms-track { width: 100%; height: 4px; cursor: pointer; animate: .2; background: transparent; border-color: transparent; border-width: 5px 0; color: transparent }

.range__input::-ms-fill-lower, .range__input::-ms-fill-upper { background: #FFCC4D; background: var(--main-color); border: 0; border-radius: 5px; box-shadow: none }

.range__input::-ms-thumb { box-shadow: none; border: 1px solid #e3e3e3; border: 1px solid var(--border-color); height: 24px; width: 24px; border-radius: 50%; background: #fff; cursor: pointer; z-index: 2; position: relative }

.ordering-confirm { margin-bottom: 20px }

.ordering-confirm > :not(:last-child) { margin-bottom: 15px }

.ordering-confirm__info { color: #999; color: var(--second-color) }

.ordering-confirm__info a { color: #000; color: var(--body-text-color) }

.ordering-confirm__map .map { border-radius: 16px; overflow: hidden; position: relative; padding-top: 37% }

.ordering-confirm__map .map img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; object-fit: cover; object-position: center }

.confirm-card { border-radius: 16px; padding: 30px; background-color: rgba(255, 219, 108, .5); background-image: url(/local/templates/main/css/../img/confirm-bg-1.png), url(/local/templates/main/css/../img/confirm-bg-2.png); background-repeat: no-repeat; background-position: 100% 0, 0 0; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 30px; gap: 30px }

.confirm-card__title { font-size: 20px; letter-spacing: -.02em; line-height: 1.2; margin-bottom: 12px }

.confirm-card__time, .confirm-card__title { font-weight: 500; font-family: CeraRoundPro, Arial, sans-serif; font-family: var(--second-font) }

.confirm-card__time { letter-spacing: -.03em; line-height: 1 }

.timer { display: flex; font-size: 56px }

.timer__item { width: 80px; text-align: center; display: flex; justify-content: space-between }

.timer__item > div { flex: 1 1 auto }

.timer__item:not(:last-child) { position: relative }

.timer__item:not(:last-child):after { content: ":"; position: absolute; right: -7px; display: inline-block }

.time-interval { font-size: 36px }

.order-steps__item { display: flex }

.order-steps__item:not(.active) { opacity: .5 }

.order-steps__item:not(:last-child) { margin-bottom: 12px }

.order-steps__item.current .order-steps__icon { background-image: url(/local/templates/main/css/../img/check.svg); background-repeat: no-repeat; background-position: 50% }

.order-steps__item.current .order-steps__icon img { display: none }

.order-steps__icon { width: 16px; height: 16px; display: flex; align-items: center; justify-content: center; flex: none; margin-right: 8px; position: relative; top: 4px }

.order-steps__icon img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto }

.bx-sbb-empty-cart-container .bx-sbb-empty-cart-text { font-family: CeraRoundPro, Arial, sans-serif; font-family: var(--second-font); font-size: 28px; font-weight: 500; line-height: 1.2; margin-bottom: 20px }

.bx-sbb-empty-cart-container .bx-sbb-empty-cart-desc a { font-weight: 600; border-color: #FFCC4D; border-color: var(--main-color) }

.confirmation__info { font-family: CeraRoundPro, Arial, sans-serif; font-family: var(--second-font); font-size: 28px; font-weight: 500; line-height: 1.2; margin-bottom: 20px }

.confirmation__item { display: flex; flex-wrap: wrap }

.confirmation__item:not(:last-child) { margin-bottom: 10px }

.confirmation__title { width: 180px; font-weight: 600; flex: none; margin-right: 15px }

.confirmation__text { flex: 1 1 auto }

#autocomplete-house .autocomplete-items, 
#autocomplete-street .autocomplete-items,
.closest_get_house_street_list { right: -52.5%; top: calc(100% + 10px); border-radius: 4px; border: 1px solid #e3e3e3; border: 1px solid var(--border-color); background-color: #fff; scrollbar-color: #FFCC4D #e3e3e3; scrollbar-color: var(--main-color) var(--border-color); scrollbar-width: thin; padding: 10px 0; font-size: 14px; box-shadow: 0 10px 35px -10px rgba(0, 0, 0, .12) }

#autocomplete-house .autocomplete-items::-webkit-scrollbar, 
#autocomplete-street .autocomplete-items::-webkit-scrollbar,
.closest_get_house_street_list::-webkit-scrollbar { width: 8px }

#autocomplete-house .autocomplete-items::-webkit-scrollbar-thumb, 
#autocomplete-house .autocomplete-items::-webkit-scrollbar-track, 
#autocomplete-street .autocomplete-items::-webkit-scrollbar-thumb, 
#autocomplete-street .autocomplete-items::-webkit-scrollbar-track,
.closest_get_house_street_list, 
.closest_get_house_street_list { border-left: 5px solid #fff }

#autocomplete-house .autocomplete-items::-webkit-scrollbar-thumb, 
#autocomplete-street .autocomplete-items::-webkit-scrollbar-thumb ,
.closest_get_house_street_list::-webkit-scrollbar-thumb{ background: #FFCC4D; background: var(--main-color) }

#autocomplete-house .autocomplete-items::-webkit-scrollbar-track, 
#autocomplete-street .autocomplete-items::-webkit-scrollbar-track,
.closest_get_house_street_list::-webkit-scrollbar-track { background: #e3e3e3; background: var(--border-color) }

#autocomplete-house .autocomplete-items div, 
#autocomplete-street .autocomplete-items div,
.closest_get_house_street_list div{ border: 0; padding: 10px 18px; transition: background .3s linear }

#autocomplete-house .autocomplete-items div strong, 
#autocomplete-street .autocomplete-items div strong,
.closest_get_house_street_list div strong{ font-weight: 400 }

#autocomplete-house .autocomplete-items div:hover, 
#autocomplete-street .autocomplete-items div:hover,
.closest_get_house_street_list div:hover{ background: #f0f0f0; background: var(--color-block) }

@media screen and (max-width: 1280px) {
    .order-steps__icon { top: 2px }
}

@media screen and (max-width: 960px) {
    .ordering-page .header { padding-bottom: 30px }

    .ordering-page .header-cont { display: flex; flex-wrap: wrap }

    .ordering-page .header-cont .ordering-progress { order: 4; width: 100%; justify-content: center; margin-top: 30px }

    .ordering-page .header-block { padding-bottom: 30px }

    .ordering-page .header-block + .ordering-confirm { padding-top: 10px }

    .ordering-progress__item { width: 100px }

    .ordering-progress__item:not(:last-child):after { width: 50px; top: 16px; left: calc(100% - 25px) }

    .ordering-progress__number { width: 36px; height: 36px }

    .ordering-progress__label { display: none }

    .cart-card { padding: 15px 0; grid-template-columns: 140px 1fr 1fr }

    .cart-card__title { font-size: 17px }

    .cart-card__text { font-size: 13px }

    .cart-total { font-size: 26px }

    .cart__bottom, .promocode {padding: 0;}

    .cart-slider { padding: 30px 0 50px }

    .ordering { flex-direction: column }

    .ordering__left { margin: 0 auto }

    .ordering__right { max-width: 100% }

    .ordering-card { max-width: 640px; width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 0; transform: none; padding: 20px }

    .ordering-card__title { font-size: 16px; margin-bottom: 10px }

    .ordering-card__item:not(:last-child) { margin-bottom: 10px }

    .ordering-card__bottom { font-size: 16px; margin-top: 10px; padding-top: 10px }

    .ordering-card__list { /*max-height: 150px*/ }
}

@media screen and (max-width: 720px) {
    .cart-card { grid-template-columns: 100px 1fr; grid-row-gap: 10px }

    .cart-card__btns { grid-area: 2/2/3/3; margin-left: 0 }

    .cart-card__btns .price { order: -1; margin-left: 0; margin-right: auto }

    .cart-card__del { display: none }
}

@media screen and (max-width: 660px) {
    .ordering-delivery__middle { flex-wrap: nowrap }

    .ordering-personal { flex-direction: column; align-items: flex-start }

    .ordering-personal.not-loggin-in .ordering-personal__right { border: 0 }

    .ordering-personal__left, .ordering-personal__right { width: 100% }

    .ordering-personal__left > *, .ordering-personal__right > * { max-width: 368px }

    .ordering-personal__left { margin-bottom: 15px }

    .ordering-personal__right { flex-direction: column }

    .ordering-personal__right .ordering-form__info--bonus + .loggin-text { position: relative; transform: none; top: 0; left: 0; order: -1; text-align: left; font-weight: 700 }

    .confirm-card__title { font-size: 16px }

    .timer { font-size: 48px; justify-content: center }

    .confirm-card { grid-template-columns: 1fr; grid-gap: 24px; gap: 24px; padding: 24px }

    .confirm-card__title, .time-interval { text-align: center }

    .time-interval { font-size: 28px }

    .ordering-delivery__bottom, .ordering-delivery__middle, .ordering-delivery__name, .ordering-delivery__top { max-width: calc(100% + 16px) }
}

@media screen and (max-width: 520px) {
    .promocode { flex-direction: column; align-items: flex-start }

    .promocode__title { margin-right: 0; margin-bottom: 15px }

    .promocode-form, .promocode-form__group { width: 100% }

    .page-section.cart, .page-section.ordering { padding-top: 0 }

    .ordering-page .header-block { grid-template-columns: 1fr; padding-bottom: 20px }

    .ordering-page .header-block .back-link { display: none }

    .ordering-page .page-header { grid-area: 1/1/2/3 }

    .cart__item:first-child, .ordering-form__item:first-child { border-top: 0 }

    .ordering-form__item:first-child { padding-top: 10px }

    .ordering-form__item > div:not(:last-child) { margin-bottom: 15px }

    .ordering-form__item > div:not(:first-child) { margin-top: 15px }

    .ordering-form__title { font-size: 17px }

    .ordering-personal { flex-direction: column }

    .ordering-personal__left { width: 100%; margin-bottom: 15px }

    .ordering-delivery { max-width: 100% }

    .ordering-range { flex-direction: column; align-items: flex-start }

    .ordering-range .ordering-form__title { margin-right: 0 }

    .ordering-form__submit { flex-direction: column }

    .ordering-form__submit .btn { font-size: 17px }

    .ordering-personal__left > *, .ordering-personal__right > * { max-width: 100% }

    .confirm-card { background-image: url(/local/templates/main/css/../img/confirm-bg-1.png); background-repeat: no-repeat; background-position: right -20px top }

    .ordering-confirm__map .map { padding-top: 60% }

    .cart-card { grid-column-gap: 10px }

    .cart-card__btns .price, .cart-card__title { font-size: 17px }
}

@media screen and (max-width: 440px) {
    .ordering-delivery__top { flex-wrap: nowrap }

    .ordering-form__info { padding: 15px 50px 15px 15px }

    .cart__bottom { text-align: center }

    .cart__bottom .btn { width: 100% }

    .cart-total { justify-content: center }

    .confirmation__info { font-size: 24px }

    #autocomplete-house .autocomplete-items, #autocomplete-street .autocomplete-items { right: 0 }
}

.delivery-info { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); grid-column-gap: 60px; grid-row-gap: 30px; margin-bottom: 40px }

.delivery-info__title { display: flex; font-family: CeraRoundPro, Arial, sans-serif; font-family: var(--second-font); font-weight: 500; font-size: 21px; line-height: 1.2; margin-bottom: 8px; max-width: 230px }

.delivery-info__title mark { font-style: normal; background: transparent; text-decoration: underline; -webkit-text-decoration-color: #FFCC4D; text-decoration-color: #FFCC4D; -webkit-text-decoration-color: var(--main-color); text-decoration-color: var(--main-color) }

.delivery-info__ico { flex: none; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; margin-right: 10px }

.delivery-info__ico img { display: block }

.delivery-info__text { max-width: 230px }

.delivery-map iframe {width: 100%!important; height: inherit }

@media screen and (max-width: 520px) {
    .delivery-map .map { }
}

.delivery-map .map > ymaps { position: absolute; top: 0; left: 0 }

.delivery-map .map > ymaps, .delivery-map .map > ymaps > ymaps, .delivery-map .map > ymaps > ymaps > ymaps { width: 100% !important; height: 100% !important }

.delivery-map .map img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; object-fit: cover; object-position: center }

@media screen and (max-width: 1280px) {
    .delivery-info { grid-column-gap: 30px }

    .delivery-info__title { font-size: 17px }

    .delivery-info__ico { width: 20px; height: 20px }
}

.delivery-block > .wrapper { display: flex }

@media screen and (max-width: 720px) {
    .delivery-block > .wrapper { flex-direction: column }
}

.delivery-map { height: 100%; width:100%; min-height: 526px; position: relative }

@media screen and (max-width: 720px) {
    .delivery-map { min-height: auto; padding-top: 80%; width: 100% }
}

.delivery-map .map { position: absolute; width: 100%; height: 100%; top: 0; left: 0 }

.delivery-info { margin-bottom: 0 }

@media screen and (max-width: 720px) {
    .delivery-info { margin-bottom: 40px }
}

.contacts-info { display: grid; grid-template-columns: repeat(2, 1fr); margin-bottom: 40px; grid-row-gap: 40px }

.contacts-info__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); align-items: center; grid-column-gap: 60px; grid-row-gap: 40px }

.contacts-info__list + .contacts-card { justify-self: end }

.contacts-info__item { display: flex }

.contacts-info__title { font-family: CeraRoundPro, Arial, sans-serif; font-family: var(--second-font); font-weight: 500; font-size: 21px; line-height: 1.2; margin-bottom: 8px }

.contacts-info__ico { flex: none; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; margin-right: 10px }

.contacts-info__ico img { display: block }

.contacts-card { max-width: 395px; width: 100%; border-radius: 24px; padding: 24px 30px; background: hsla(0, 0%, 94.1%, .5) }

.contacts-card__item:not(:last-child) { margin-bottom: 15px }

.contacts-card__label { margin-bottom: 5px }

.contacts-card__text a { font-family: CeraRoundPro, Arial, sans-serif; font-family: var(--second-font); font-weight: 500; font-size: 21px; line-height: 1.2 }

.contacts-map .map { border-radius: 24px; overflow: hidden; position: relative; padding-top: 50% !important; background: #f0f0f0; background: var(--color-block) }

@media screen and (max-width: 520px) {
    .contacts-map .map { padding-top: 80% !important }
}

.contacts-map .map .js-ymap { position: absolute; top: 0; left: 0; width: 100%; height: 100% }

.contacts-map .map .js-ymap > ymaps, .contacts-map .map .js-ymap > ymaps > ymaps { width: 100% !important; height: 100% !important }

@media screen and (max-width: 1200px) {
    .contacts-info { grid-template-columns: 1fr }

    .contacts-info__list { grid-column-gap: 30px }

    .contacts-info__list + .contacts-card { justify-self: start }

    .contacts-info__title { font-size: 17px }

    .contacts-info__ico { width: 20px; height: 20px }

    .contacts-card { order: -1; max-width: 100%; padding: 20px }

    .contacts-card__text a { font-size: 17px }
}

.actions__list { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 60px; padding-bottom: 40px }

.actions__img { border-radius: 24px; overflow: hidden; margin-bottom: 15px }

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

.actions__text { line-height: 1.4 }

.actions__btn { margin-top: 15px }

.actions__btn .btn { font-size: 15px }

.actions__btn .btn:empty { display: none }

@media screen and (max-width: 1280px) {
    .actions__list { grid-gap: 40px 30px }
}

@media screen and (max-width: 960px) {
    .actions__list { grid-template-columns: repeat(2, 1fr) }
}

@media screen and (max-width: 520px) {
    .actions__list { grid-template-columns: 1fr; grid-gap: 30px }
}

.bonus-block .bonus { padding: 40px; border-radius: 24px; background-color: rgba(255, 219, 108, .5); background-image: url(/local/templates/main/css/../img/bonus-bg-1.png), url(/local/templates/main/css/../img/bonus-bg-2.png); background-repeat: no-repeat; background-position: 100% 0, 0 100%; margin-bottom: 50px }

.bonus-block .bonus__top { display: flex; align-items: center; justify-content: center; padding: 50px 0; margin-bottom: 40px }

.bonus-block .bonus__top img { display: block }

.bonus-block .bonus__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); grid-column-gap: 60px; grid-row-gap: 30px }

.bonus-block .bonus__title { display: flex; font-family: CeraRoundPro, Arial, sans-serif; font-family: var(--second-font); font-weight: 500; font-size: 20px; line-height: 1.2; margin-bottom: 8px }

.bonus-block .bonus__title:empty { display: none }

.bonus-block .bonus__icon { flex: none; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; margin-right: 10px }

.bonus-block .bonus__icon img { display: block }

.bonus-block .bonus__text { line-height: 1.4; max-width: 230px }

@media screen and (max-width: 1280px) {
    .bonus-block .bonus__list { grid-column-gap: 40px }

    .bonus-block .bonus__top { padding-top: 20px; padding-bottom: 20px }

    .bonus-block .bonus__top img { max-width: 250px }
}

@media screen and (max-width: 520px) {
    .bonus-block .bonus { padding: 30px 20px }

    .bonus-block .bonus__top { margin-bottom: 20px }
}

.products-preview { max-width: 850px; width: 100%; padding: 40px; border-radius: 24px; background: #fff; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px 30px }

.products-preview-wrap { display: none; padding: 0; border-radius: 24px; overflow: visible }

.products-preview-wrap .fancybox-close-small { background: url(/local/templates/main/css/../img/close.svg); background-repeat: no-repeat; background-position: 50% }

.products-preview__img img { display: block; width: 100% }

.products-preview__desc { display: flex; flex-direction: column }

.products-preview__title { font-family: CeraRoundPro, Arial, sans-serif; font-family: var(--second-font); font-weight: 500; font-size: 27px; letter-spacing: -.03em; line-height: 1.2; margin-bottom: 8px }

.products-preview__text { color: #999; color: var(--second-color); line-height: 1.4; margin-bottom: 20px; padding-right: 21px; }

.products-preview__bottom { margin-top: auto; display: flex; align-items: center }

.products-preview__bottom .products-preview__additional { margin-left: auto; order: 4 }

.products-preview__price { margin-right: 24px }

.products-preview__info { margin-bottom: 40px }

.products-preview__info .default-radio + .default-radio { margin-top: 12px }

.products-preview .price { font-family: CeraRoundPro, Arial, sans-serif; font-family: var(--second-font); font-weight: 500; font-size: 27px; letter-spacing: -.03em; line-height: 1 }

.tooltip { position: absolute; min-width: 250px; max-width: 320px; left: 50%; transform: translate(-50%); bottom: calc(100% + 16px); padding: 12px 16px; border-radius: 8px; background: #000; color: #fff; opacity: 0; pointer-events: none; z-index: 1 }

.tooltip__close { width: 12px; height: 12px; position: absolute; top: 5px; right: 5px; background: url(/local/templates/main/css/../img/close.svg); background-repeat: no-repeat; background-position: 50%; background-size: contain; filter: invert(1); cursor: pointer }

.tooltip.active { opacity: 1; pointer-events: all }

.tooltip:after { content: ""; position: absolute; bottom: -6px; left: 50%; margin-left: -8px; width: 17px; height: 17px; border-radius: 4px; background: #000; display: block; transform: rotate(45deg) }

.tooltip-wrap { position: relative }

.tooltip-inline {
    display: inline-block;
}

.tooltip-inline .tooltip {
    min-width: 200px;
}

.tooltip__top { color: #999; color: var(--second-color); margin-bottom: 4px }

.tooltip__btn { width: 40px; height: 40px; border-radius: 50%; background-color: #f0f0f0; background-color: var(--color-block); transition: background-color .3s linear; cursor: pointer; background-image: url(/local/templates/main/css/../img/info.svg); background-repeat: no-repeat; background-position: 50% }

.tooltip__btn--small { width: 16px!important;height: 16px!important;background: none;border: 1px solid #999; color: #999; text-align: center;font-size: 12px;font-weight: 700;margin-left: 2px;}

.tooltip__btn:hover { background-color: #e3e3e3; background-color: var(--border-color) }

.tooltip__btn--small:hover { background: none;}

.product-additional__item { display: flex; justify-content: space-between }

.product-additional__item:not(:last-child) { margin-bottom: 4px }

@media screen and (max-width: 1040px) {
    .tooltip { left: auto; right: -30px; transform: none }

    .tooltip:after { left: auto; right: 42px }
}

@media screen and (max-width: 960px) {
    .products-preview__title { font-size: 20px }
}

@media screen and (max-width: 660px) {
    body.fancybox-active > :not(.fancybox-container, .main-user-consent-request-popup) { opacity: 0 }

    .products-preview { grid-template-columns: 1fr; grid-gap: 15px; padding: 30px; height: auto; min-height: 100%; min-height: 100vh; min-height: calc(var(--vh, 1vh) * 100); border-radius: 0; grid-template-rows: -webkit-max-content; grid-template-rows: max-content; -ms-scroll-chaining: none; overscroll-behavior: contain }

    .products-preview__bottom { padding-top: 20px; border-top: 1px solid #e3e3e3; border-top: 1px solid var(--border-color); position: -webkit-sticky; position: sticky; bottom: 20px }

    .products-preview-wrap { height: 100%; border-radius: 0 }

    .products-preview__desc { font-size: 14px }

    .products-preview .price, .products-preview__title { font-size: 20px }

    .tooltip { position: fixed; bottom: 0; left: 0; right: 0; border-radius: 0; max-width: 100%; width: 100% }

    .tooltip:after { display: none }
}

.page-section { padding: 40px 0 }

.page-section + .page-section { padding-top: 20px }

.block-title { font-family: CeraRoundPro, Arial, sans-serif; font-family: var(--second-font); font-size: 36px; font-weight: 500; line-height: 1.2 }

@media screen and (max-width: 640px){
    .block-title:not(:last-child){ margin-bottom: 0 }
}

.page-header { font-size: 36px; font-weight: 500; line-height: 1; letter-spacing: -.03em; text-align: center }

.contacts-block, .page-header { font-family: CeraRoundPro, Arial, sans-serif; font-family: var(--second-font) }

.contacts-block { margin-bottom: 10px }

.contacts__link { transition: color .3s linear }

.contacts__link:hover { color: #999; color: var(--second-color) }

.price { white-space: nowrap }

.inner .fixed-header { margin-bottom: 30px }

.loader:before { top: 0; left: 0; width: 100%; height: 100%; background: hsla(0, 0%, 100%, .3); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); z-index: 100000 }

.loader:after, .loader:before { content: ""; position: fixed; display: block }

.loader:after { z-index: 100010; width: 30px; height: 30px; border-radius: 50%; top: 50%; left: 50%; margin-top: -15px; margin-left: -15px; border-left: 2px solid #FFCC4D; border-bottom: 2px solid #FFCC4D; border-top: 2px solid #FFCC4D; border: 2px solid var(--main-color); border-right: 2px solid transparent; animation: rotate 1s linear infinite }

@keyframes rotate {
    0% { transform: rotate(0) }
    to { transform: rotate(1turn) }
}

.products-slider__cont { position: relative; padding: 0 20px; margin-left: -20px; margin-right: -20px }

.products-slider .swiper-slide { height: auto; position: relative }

.products-slider .swiper-slide:not(:last-child):after { content: ""; position: absolute; top: 0; bottom: 0; right: -30px; width: 1px; background: #e3e3e3; background: var(--border-color) }

.products-slider .stikers { will-change: transform }

.products-slider .products-card:hover { transform: translate(0) }

.products-slider .products-card__title { font-size: 17px; margin-bottom: 12px }

.products-slider .products-card .btn-cart-mob { display: inline-flex }

.products-slider .products-card .stikers .stiker-text { font-size: 12px; font-weight: 400; padding: 2px 10px 4px }

.products-slider .products-card .stikers .stiker-img img { width: 24px }

.products-slider .products-card .quantity { padding: 11px 12px }

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 10px }

.swiper-pagination-bullet { opacity: 1; background: #fff }

.swiper-pagination-bullet-active { background: transparent; border: 3px solid #fff; box-sizing: content-box; width: 6px; height: 6px }

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

.swiper-container-horizontal > .swiper-pagination-bullets { bottom: 20px }

.swiper-button { width: 50px; height: 100%; margin-top: 0; top: 0; transition: opacity .2s ease }

.swiper-button.swiper-button-disabled { opacity: 0 }

.swiper-button:hover:after { background-color: #e3e3e3; background-color: var(--border-color) }

.swiper-button:before { content: ""; position: absolute; top: 0; width: 120%; height: 100%; display: block; background: linear-gradient(90deg, #fff 40%, hsla(0, 0%, 100%, 0)) }

.swiper-button:after { content: ""; width: 40px; height: 40px; top: 50%; margin-top: -20px; position: absolute; display: block; background-color: #f0f0f0; background-color: var(--color-block); border-radius: 50%; background-image: url(/local/templates/main/css/../img/next.svg); background-repeat: no-repeat; background-position: 50%; transition: background .3s linear }

.swiper-button-next { right: 0 }

.swiper-button-next:before { transform: rotate(180deg); right: 0 }

.swiper-button-next:after { right: 0 }

.swiper-button-prev, .swiper-button-prev:before { left: 0 }

.swiper-button-prev:after { left: 0; transform: rotate(180deg) }

.quantity { display: flex; align-items: center; padding: 11px 12px; border-radius: 30px; background-color: #f0f0f0; background-color: var(--color-block) }

.quantity__control { border: 0; background: transparent; box-shadow: none; font-size: 15px; width: 44px; text-align: center }

.quantity__link { -webkit-appearance: none; appearance: none; border: 0; box-shadow: none; display: inline-block; width: 16px; height: 16px; transition: background-color .3s ease; cursor: pointer }

.quantity__link-plus { background-image: url(/local/templates/main/css/../img/plus.svg); background-repeat: no-repeat; background-position: 50%; opacity: .5; transition: opacity .3s linear }

.quantity__link-plus:hover { opacity: 1 }

.quantity__link-minus { background-image: url(/local/templates/main/css/../img/minus.svg); background-repeat: no-repeat; background-position: 50%; opacity: .5; transition: opacity .3s linear }

.quantity__link-minus:hover { opacity: 1 }

.mobile-nav { top: 0; position: -webkit-sticky; position: sticky; background: #fff; z-index: 20; padding: 10px 0 0; transition: box-shadow .3s linear; will-change: box-shadow }

.mobile-nav.js__fixed { box-shadow: 0 0 30px rgba(0, 0, 0, .15) }

.mobile-nav .nav-menu { display: flex; align-items: center; overflow-x: auto; margin-left: -20px; margin-right: -20px; padding: 0 20px 10px }

.mobile-nav .nav-menu .icon-freeway { display: none; width: 36px; flex: none; margin-right: 23px;}

.mobile-nav.js__fixed .nav-menu .icon-freeway { }

.mobile-nav .nav-menu .icon-freeway img { display: block }

.mobile-nav .nav-menu__list { padding-right: 20px }

.mobile-nav .nav-menu__item { padding: 0 4px }

.mobile-nav .nav-menu__link { border: 1px solid #f0f0f0; border: 1px solid var(--color-block); padding: 10px 15px }

.mobile-cart-btn { position: -webkit-sticky; position: sticky; bottom: 0; z-index: 30 }

.mobile-cart-btn .btn { width: 100%; border-radius: 20px 20px 0 0; padding-top: 18px; padding-bottom: calc(20px + env(safe-area-inset-bottom) / 2) }

.back-link {
    display: block; width: 40px; height: 40px; border-radius: 50%; border: 1px solid #e3e3e3;
     background-image: url(/local/templates/main/img/arrow-left.svg);
     background-repeat: no-repeat;
     background-position: 50%;
     transition: background .3s linear;
     box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);

}

.back-link:hover { background-color: #e3e3e3; background-color: var(--border-color) }

.flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover { background: #FFCC4D; background: var(--main-color); border-color: #FFCC4D; border-color: var(--main-color) }

.info-message { position: fixed; top: 0; left: 0; right: 0; z-index: 15; background: #FFCC4D; background: var(--main-color); padding: 2px 0; border-radius: 0 0 14px 14px; transition: transform .3s linear }

.info-message__text { text-align: center }

.js__fixed-menu:not(.ordering-page) .info-message { transform: translateY(65px) }

@media screen and (min-width: 1000px) {
    .mobile-cart-btn, .mobile-nav { display: none }
}

@media screen and (max-width: 1280px) {
    body { font-size: 14px }

    .block-title { font-size: 28px }

    .quantity__control { font-size: 14px }

    .js__fixed-menu:not(.ordering-page) .info-message { transform: translateY(62px) }
}

@media screen and (max-width: 1000px) {
    .page-section { padding: 30px 0 }

    .page-header { font-size: 28px }

    .products-slider .products-card__title { font-size: 15px }

    .page-section.header-block + .page-section { padding-top: 10px }

    .js__fixed-menu:not(.ordering-page) .info-message { transform: translateY(58px) }
}

@media screen and (max-width: 960px) {
    .swiper-button-next { right: 15px }

    .swiper-button-next:before { width: 100%; right: -15px }

    .swiper-button-prev { left: 15px }

    .swiper-button-prev:before { width: 100%; left: -15px }
}

@media screen and (max-width: 820px) {
    .products-slider .swiper-slide:not(:last-child):after { right: -15px }

    .info-message { font-size: 10px }
}

@media screen and (max-width: 640px) {
    .contacts-block { text-align: center }

    .block-title { font-size: 20px }

    .quantity { padding: 8px 10px }

    .page-section.contacts-block { padding-top: 30px; margin-bottom: 0 }

    .info-message { position: -webkit-sticky; position: sticky; z-index: 30; border-radius: 0; margin-bottom: 15px }
}

.phone_name_reg {
    display: none;
}

.default-date input[type=date]::-webkit-calendar-picker-indicator {
    opacity: 0;
}

.registration__item input[type="number"]::-webkit-outer-spin-button,
.registration__item input[type="number"]::-webkit-inner-spin-button,
.form-login input[type="number"]::-webkit-outer-spin-button,
.form-login input[type="number"]::-webkit-inner-spin-button
{
    -webkit-appearance: none;
}

.registration__item input[type='number'],
.registration__item input[type="number"]:hover,
.registration__item input[type="number"]:focus,
.form-login input[type='number'],
.form-login input[type="number"]:hover,
.form-login input[type="number"]:focus{
    appearance: none;
    -moz-appearance: textfield;
}

.user_agreement {
    max-width: 60%;
}

@media screen and (max-width: 1280px) {
    .user_agreement {
        max-width: 680px;
    }
}
@media screen and (max-width: 640px) {
    .user_agreement {
        max-width: 100%;
    }
}

/* End */


/* Start:/local/templates/main/css/custom.css?174801808833922*/
.uje_zakazivali_wrapper{
    margin-bottom: 40px;
    position: relative;
}
.uje_zakazivali{
    overflow: hidden;
    display: flex;
    flex-wrap: nowrap;
}
.uje_zakazivali_item{
    width:174px;
    background: rgba(245, 245, 245, 1);
    height: 261px;
    border-radius: 24px;
    padding-top: 16px;
    padding-right: 16px;
    padding-bottom: 8px;
    padding-left: 16px;
    
}
.uje_zakazivali .priceHideMobile .price{
    display:none;
}
.uje_zakazivali .products-card__img{
    height: 115px;
}
.uje_zakazivali_wrapper .swiper-button-btn-unique{
    top: 50%;
}
.uje_zakazivali .products__item-g .products-card__title{
    font-size: 16px;
    height: 48px;
    margin-bottom: 10px;
    overflow: hidden;
    line-height: 17px;
}
.uje_zakazivali .products-card{
    padding:0;
}
.uje_zakazivali .products-card__bottom{

}
.uje_zakazivali .price{

}
.uje_zakazivali div.price div{

}
.uje_zakazivali .products-card__bottom .products-card__btn{

}
.uje_zakazivali .products-card__bottom [data-entity="quantity-block"]{

}
.uje_zakazivali .products-card__bottom.priceHideMobile [data-entity="quantity-block"]{
    margin: 0;
    width: 100%;
}

.uje_zakazivali_wrapper .products__top{
    margin: 40px 0 20px;
}
.products__item {
    padding: 0 12px;
    margin-bottom: 60px;
    width: 25%;
}
.products-card {
    background: #F5F5F5;
    border-radius: 24px;
    padding: 24px 24px 16px 24px;
}
.products__item-g {
    padding: 0;
    width: auto;
}

.products__item-g .btn-cart {
    display: flex;
    border-radius: 101px;
    padding: 6px 14px;
    width: 40px;
    height: 40px;
}
.products__item-g .btn-cart svg {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
}

.products__item-g {
    margin-bottom: 0;
}


.products__item-g .btn-cart-mob {
    display: none;
}

.products__item-g .products-card__desc {
    display: none;
}
.products__list--row {

    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 20px;
    padding: 0 0;

    gap: 24px; /* Расстояние между карточками */
}
.products__item-g .products-card__title {
    font-family: CeraRoundPro, Arial, sans-serif;
    font-family: var(--second-font);
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2;
    margin-bottom: 18px;
}

.products__item-g .products-card__title {
    text-align: center;
}

.products-item__img,
.category-item__img {
    text-align: center;
}

.category-item__img img{
    /*max-height: 85px;*/
}
.products-item__name,
.category-item__name{
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    height: 45px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
}


.swiper-button-btn-unique{
    position: absolute;
    top: 35%;
    background: #fff;
    width: 40px;
    height: 40px;
    padding: 10px 0px;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0px 0px 8px 0px #0000001A;
    cursor: pointer;
    z-index: 1;
}
.swiper-button-next-unique{
    right: 0;
    padding-left: 2px;
}
.swiper-button-prev-unique{
    left: 0;
    padding-right: 3px;
}
.swiper-button-next-unique.swiper-button-disabled{
    display: none;
}
.swiper-button-prev-unique.swiper-button-disabled{
    display: none;
}
.back-link.back-link-to-top{
    position: fixed;
    bottom: 90px;
    left: 15px;
    transform: rotate(90deg);
    background-color: #fff;
    opacity: 0;
    height: 0;
    transition: 0.5s;
}
.back-link-to-top.active{
    opacity: 1;
    height: 40px;
}
.mobile_top_adres{
    padding:0 15px;
    max-width: calc(100% - 48px - 48px);
}
.mobile_top_adres b{
    font-weight: 700;
    font-size: 13px;
    line-height: 120%;
    text-align: center;
    color: rgba(67, 67, 66, 1);
    display:block;
}
.mobile_top_adres span,
.mobile_top_adres i{
    font-style:normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 1;
    text-align: center;
    color: rgba(128, 128, 128, 1);
    vertical-align: top;
    white-space: nowrap;
}
.mobile_top_adres i{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 90%;
    font-style: normal;
    display: inline-block;
    
}
.mobile_top_adres svg{
    height: 8px;
}
.cart__address span{
    margin-left: 5px;
}

.modal-reg-new .modal-wrapper{
    overflow-y: initial;
}
.header__menu-button-open {
    width: 48px;
    height: 48px;
    border-radius: 100px;
    padding-right: 2px;
    padding-left: 2px;
    gap: 6px;
    background: rgba(255, 255, 255, 1);
    box-shadow: 0px 1px 16.5px 0px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
}


@media (hover: hover) {
    /*.category-item:hover {
        transform: translateY(-5px);
        transition: transform .3s linear;
    }*/
}



@media (max-width: 1518px) {
    .products__list--row {
        gap: 16px;
    }
    .product-item-button-container .btn._disabled{
        font-size: 12px;
        padding: 7px 10px;
        height: auto;
    }
}

@media (max-width: 1024px) {
    .back-link.back-link-to-top{
        bottom: 120px;
    }
    .back-link.back-link-to-top.back-link-to-top-plus-bottom{
        bottom: 175px;
    }
    .products__item{
        border: none;
    }
    .products__list--row {
        grid-template-columns: repeat(3, 1fr); /* 3 колонки для планшетов */
    }
    .products__item-g:nth-last-child(2) {
        grid-column: span 1;
    }
    .products__item-g.products__item-long {
        grid-column: span 1;
    }
}

@media (max-width: 768px) {
    .uje_zakazivali_wrapper{
        padding-right: 0;
        padding-left: 0;
    }
    .uje_zakazivali .products-card {
        display: block;
    }
    .uje_zakazivali_item {
        min-width: 120px;
        width: 120px;
        height: 178px;
        border-radius: 16px;
        padding-top: 8px;
        padding-right: 12px;
        padding-bottom: 8px;
        padding-left: 12px;
    }
    .uje_zakazivali .products-card__img {
        height: 80px;
        margin-bottom: 9px;
    }
    .uje_zakazivali{
        display: flex;
        flex-wrap: nowrap;
        gap: 8px;
        position: relative;
        overflow: auto;
        padding-right: 20px;
        padding-left: 20px;
    }
    .uje_zakazivali_wrapper .products__top{
        padding-right: 20px;
        padding-left: 20px;
    }
    .uje_zakazivali .products__item-g .products-card__title {
        font-size: 13px;
        height: 32px;
        margin-bottom: 10px;
        overflow: hidden;
        line-height: 15px;
    }
    .uje_zakazivali .products-card .quantity{
        height: 25px;
    }

    .products__list-g .products-card .quantity {
        height: 32px;
    }
    .page-section.products-block .products__list--row{
        padding: 0;
    }
    .product-item-button-container .btn{
        width: 32px;
        height: 32px;
    }
    [data-entity="quantity-block"] .quantity{
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
        height: 32px;
    }
    .products-card__bottom_added [data-entity="price-block"] {
        display: none;
        }
    
    .products__list--row .products-card {
        background: #F5F5F5;
        border-radius: 24px;
        padding: 20px 14px 8px 14px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .category-item:hover {
        transform: none; /* Смещение при наведении */
    }

    .products-card__img {
        width: 100%;
        flex: none;
        margin-right: 0;
        margin-bottom: 8px;
    }
    .products__list--row {
        grid-template-columns: repeat(2, 1fr); /* 2 колонки для телефонов */
    }
    .products__item-g-row{
        grid-column: span 1;

    }
    .products__item-g .products-card__title {
        font-size: 16px;
    }
    .product-card__bottom{
        margin-top: 14px;
    }
    .products__item-g {
        width: 100%;
    }

    .products__item-g:nth-last-child(2) {
        grid-column: span 1;
    }

    .products__item-g.products__item-long {
        grid-column: span 2;
    }

    .products__item-g.products__item-long .products-card {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .products__item-g .price {
        display: block;
        margin-right: 0;
    }

    .products__item-g.products__item-long .products-card__img {
        width: clamp(7.5rem, -0.976rem + 41.096vw, 18.75rem);
        height: 100%;
        margin-right: 20px;
        max-height: none;
    }

    .products__item-g .products-card__title {
        text-align: center;
    }
    .products__item-g.products__item-long .products-card__title {
        text-align: start;
    }

    .products__item-g-row {
        text-align: start;
    }

    .products__item-g .products-card__text {
        width: 100%;
    }

    .products__item-g-row .products-card__text {
        height: 100%;
    }

    /* СТИЛИ ДЛЯ БОЛЬШОЙ КАРТОЧКИ, КОТОРАЯ ЗАНИМАЕТ 2 КОЛОНКИ! */
    
    .products__item_big {
        grid-column: span 2;
    }
    .products__item_big .products-card{
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .products__item_big .products-card__img {
        width: clamp(7.5rem, -0.976rem + 41.096vw, 18.75rem);
        height: 100%;
        margin-right: 20px;
        max-height: none;
    }
    .products__item_big .products-card__title {
        text-align: start;
    }
    /* СТИЛИ ДЛЯ БОЛЬШОЙ КАРТОЧКИ, КОТОРАЯ ЗАНИМАЕТ 2 КОЛОНКИ! КОНЕЦ */

}

.products-card__bottom [data-entity="quantity-block"]{
    display: none;
}

.products-card__bottom_added [data-entity="buttons-block"]{
    display: none;
}

.products-card__bottom_added [data-entity="quantity-block"] {
    display: flex;
    margin-left: none;
    width: 100%;

}
.products-card .quantity {
    width: 100%;
    padding: 11px 12px !important; 
    background-color: #FDFDFD;
    justify-content: space-between;
    height: 40px;
}
#free_add_content .products-card .quantity {
    max-width: 84px;
    max-height: 24px;
}
.products-card .quantity__control{
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -0.01em;
    color: #000;
}

.quantity__link {
    width: 20px;
    height: 20PX;
    background-size: contain;
    opacity: 0.45;
}
.modal-open{
    overflow: hidden;
}

/* ПОПАП ВЫБОРА КОМБООБЕДА */
.popup-combo-menu {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;

    background-color: rgba(0, 0, 0, 0.6);

    display: flex;
    align-items: center;
    justify-content: center;

    z-index: 911112;

    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;

    transition: opacity 0.3s linear;
}
.popup-combo-menu.active {
    visibility: visible;
    pointer-events: all;
    opacity: 100%;
    transition: opacity 0.3s linear;

}
.popup-combo-menu__content{
    border-radius: 24px;
    background-color: white;
    display: flex;
    flex-direction: column;
    max-width: 700px;
    max-height: 750px;
    overflow-y: auto;
    position: relative;
    scrollbar-width: none; 
}
.popup-combo-menu__content::-webkit-scrollbar {
    display: none; 
}
.popup-combo-menu__title{
    text-align: center;
    font-weight: 500;
    font-size: 24px;
    letter-spacing: -0.01em;
    margin: 16px 0;
}

.popup-category__title{
    font-weight: 500;
    font-size: 20px;
    letter-spacing: -0.01em;
    margin-bottom: 12px;
    margin-left: 30px;
}
.popup-combo-menu__categories{
    height: 100%;
    overflow-y: auto;
}
.popup-combo-menu__categories::-webkit-scrollbar {
    display: none; 
    width:0;
}
.popup-combo-menu__categories{
    -ms-overflow-style: none; 
    scrollbar-width: none;
}
.popup-combo-menu.popupComboMenuAndChose{
    overflow: hidden;
}

.popup-category{
    margin-bottom: 24px;
}
.category-list{
    display: flex;
    flex-direction: row;
    gap: 10px;
    padding: 0 15px;
    flex-wrap: wrap;
    position: relative;
}
.popup-choose-product__description{
    color: var(--second-color);
    line-height: 1.2;
    margin-bottom: 20px;
    font-size: 15px;
    padding: 0 25px;
    max-width: 390px;
    font-style: normal;
    font-weight: 400;
    margin-left: auto;
    margin-right: auto;
}
.category-item{
    outline: 2px solid rgba(23, 23, 21, 0);/*0.08*/
    cursor: pointer;
    border-radius: 24px;
    padding: 12px 14px;
    /*box-shadow: 0 1px 16px 0 rgba(0, 0, 0, 0.08);*/
    background: #F5F5F5;
    width: 148px;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.3s;
}
.openMyadressBody .address-menu__options{
    display:none!important;
}

.category-item.active {
    outline: 2px solid rgba(255, 204, 76, 0.3);
    transition: all 0.3s;
}

.category-item__footer-row{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.category-item__name{
    font-family: "CeraPro", sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -0.01em;
    text-align: center;
    color: #000;
    line-height: 20px;
    margin-bottom: 5px;
    margin-top: 2px;
}
.category-item__price{
    font-size: 16px;
    font-weight: 500;
}

.category-item__check{
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.78);
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
}
.category-item__check.active{
    outline: 2px solid #FFCC4C;
    background-color: #FFCC4C;
}

.category-item__check-svg svg path{
    transition: all 0.2s;
    stroke: rgba(23, 23, 21, 0.3);
    fill: rgba(23, 23, 21, 0.3);

}

.category-item__check.active .category-item__check-svg svg path{
    transition: all 0.2s;
    stroke: white;
    fill: white;
}

.category-item__check input {
    display: none;
}

.popup-cart{
    position: sticky;
    bottom: 0;
    box-shadow: 0 1px 16px 0 rgba(0, 0, 0, 0.1);
    background: white;
    padding: 16px;
    border-radius: 24px 24px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup-cart__button{
    border-radius: 100px;
    width: 100%;
    height: 44px;
    border: none;
    background: var(--main-color);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;

    font-weight: 500;
    font-size: 21px;
    letter-spacing: -0.02em;
    
}


.close-btn{
    position: absolute;
    right: 16px;
    top: 16px;
    border-radius: 50%;
    border: none;
    background-color: white;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    transition: all 0.3s;

}
.close-btn__close-img {
    height: 16px;
}
@media (hover: hover) {
    .close-btn:hover {
        background-color: rgb(245, 245, 245);
        transition: all 0.3s;
    }
}

@media (max-width: 435px) {
    .popup-combo-menu__categories {
        padding-bottom: 80px;
    }
    .popup-combo-menu.active .popup-combo-menu__categories:after{
        content:'';
        width:100%;
        height:80px;
        display:block;
    }
    .popup-combo-menu__content{
        max-height: 100vh;
        height: 100%;
        border-radius: 0;
    }
    .category-list {
        padding: 2px;
        overflow-x: auto;
        flex-wrap: nowrap;
    }
    .category-item{
        flex: 1 0 auto;
    }
    .category-item:first-child{
        margin-left: 16px;
    }
    .category-item:last-child{
        margin-right: 16px;
    }
    .popup-cart{
        position: fixed;
        width: 100%;
        z-index: 10;
    }
    .popup-category__title{
        margin-left: 16px;
    }
}
/* ПОПАП ВЫБОРА КОМБООБЕДА КОНЕЦ */
@media (max-width: 480px) {
    .products-card-combo-not-amount .price{
        display: none;
    }
}

/* ПОПАП ВЫБОРА ПРОДУКТА */
.popup-choose-product {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background-color: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 911112;

    overflow: hidden;

    visibility: hidden;
    opacity: 0;
    pointer-events: none;

    transition: opacity 0.3s linear;
}
.popup-choose-product.active {
    visibility: visible;
    pointer-events: all;
    opacity: 100%;
    transition: opacity 0.3s linear;
}
.popup-choose-product__content{
    border-radius: 24px;
    background-color: white;
    display: flex;
    flex-direction: column;
    max-width: 700px;
    max-height: 750px;
    overflow-y: auto;
    position: relative;
    scrollbar-width: none; 
}
.popup-choose-product__content::-webkit-scrollbar {
    display: none; 
}
.popup-choose-product__title{
    text-align: center;
    font-weight: 500;
    font-size: 24px;
    letter-spacing: -0.01em;
    margin: 16px 0;
}

.popup-products{
    margin-bottom: 24px;
}
.products-list{
    display: flex;
    flex-direction: row;
    padding: 0 15px;
    gap: 10px;
    flex-wrap: wrap;
}
.products-item{
    outline: 2px solid rgba(23, 23, 21, 0);/*0.08*/
    cursor: pointer;
    border-radius: 16px;
    padding: 10px 14px 8px 14px;
    /*box-shadow: 0 1px 16px 0 rgba(0, 0, 0, 0.08);*/
    background: #F5F5F5;
    width: 148px;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: all 0.3s;
}
@media (hover: hover) {
    .products-item:not(.notAmountComboIteem):hover {
        /* transform: translateY(-5px); */
        /* transition: transform .3s linear; */
    }
}

.productsComboIteemNotAmount{
    font-size: 16px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    text-align: center;
    width: 100%;
}

.products-item.active {
    outline: 2px solid rgba(255, 204, 76, 0.3);
    transition: all 0.3s;
}

.popupComboMenuAndChoseNotAvailible .popupComboMenuAndChoseCart{
    display:none;
}

.products-item__footer-row{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.products-item__name{
    font-family: "CeraPro", sans-serif;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -0.01em;
    text-align: center;
    color: #000;
    line-height: 20px;
}
.products-item__price{
    font-size: 16px;
    white-space: nowrap;
    font-weight: 500;
}

.products-item__check{
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.78);
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1);
}
.products-item__check.active{
    outline: 2px solid #FFCC4C;
    background-color: #FFCC4C;
}

.products-item__check-svg svg path{
    transition: all 0.2s;
    stroke: rgba(23, 23, 21, 0.3);
    fill: rgba(23, 23, 21, 0.3);
}

.products-item__check.active .products-item__check-svg svg path{
    transition: all 0.2s;
    stroke: white;
    fill: white;
}

.products-item__check input {
    display: none;
}

.popup-choose-product__cart{
    position: sticky;
    bottom: 0;
    box-shadow: 0 1px 16px 0 rgba(0, 0, 0, 0.1);
    background: white;
    padding: 16px;
    border-radius: 24px 24px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.popup-choose-cart__button{
    border-radius: 100px;
    width: 100%;
    height: 44px;
    border: none;
    background: var(--main-color);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    font-size: 21px;
    letter-spacing: -0.02em;
    
}

.popup-choose-product__stick{
    position: absolute;
    top: 8px;
    left: 50%;
    transform: translateX(-50%);

    border-radius: 10px;
    width: 32px;
    height: 3px;
    background: rgba(0, 0, 0, 0.08);

    display: none;
}

@media (hover: hover) {
    .close-btn:hover {
        background-color: rgb(245, 245, 245);
        transition: all 0.3s;
    }
}

@media (max-width: 435px) {
    .popup-choose-product__content{
        border-radius: 24px 24px 0 0;
        position: fixed;
        bottom: -100%;
        width: 100%;
        transition: bottom 0.4s ease;
        opacity: 100%;
    }   
    .products-item:hover {
        transform: none;
    }

    .popup-choose-product {
        opacity: 100%;
        background-color: rgba(0, 0, 0, 0);
        visibility: hidden;
        transition: background-color 0.3s ease;

    }
    .popup-choose-product.active{
        opacity: 100%;
        background-color: rgba(0, 0, 0, 0.6);
        visibility: visible;
        transition: background-color 0.3s ease;
    }
    .popup-choose-product.active .popup-choose-product__content{
        bottom: 0;
        transition: bottom 0.4s linear;
    }
    .products-list {
        padding: 2px;
        overflow-x: auto;
        flex-wrap: nowrap;
        justify-content: initial;
    }
    .products-item{
        flex: 1 0 auto;
    }
    .products-item:first-child{
        margin-left: 16px;
    }
    .products-item:last-child{
        margin-right: 16px;
    }
    
    .popup-choose-product__stick{
        display: block;
    }
    .popup-choose-product__close-btn{
        display: none;
    }
}


#free_add_content .products-card__bottom .products-card__btn.net_v_nalichii_dopi{width: 100%;}
#free_add_content .net_v_nalichii_dopi .product-item-button-container {width: 100%;}
#newajaxbasket .products-card .net_v_nalichii_dopi .btn{width: 100%;font-size: 12px;}



.mobile_popup_app{
    display:none;
    z-index: 999;
    position: fixed;
    top: 0;
    width: 100%;
    background: #fff;
}
.mobile_popup_app_continer{
    border-bottom-right-radius: 24px;
    border-bottom-left-radius: 24px;
    padding: 16px;
    box-shadow: 0px 1px 16.5px 0px rgba(0, 0, 0, 0.1);
}
.mobile_popup_app-logo{
    display: flex;
    gap: 15px;
    align-items: center;
    position: relative;
}
.mobile_popup_app-close{
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
}
.mobile_popup_app-logo img {}
.mobile_popup_app-text{
    display: flex;
    flex-direction: column;
    line-height: 14px;
    align-items: start;
    justify-content: center;
}
.mobile_popup_app-text span{
    font-weight: 500;
    font-size: 20px;
    line-height: 140%;
}
.mobile_popup_app-text b{
    display: block;
    font-weight: 400;
    font-size: 14px;
    line-height: 140%;
}
a.mobile_popup_app-btn{
    background: #ffcc4d;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    border-radius: 20px;
    font-weight: 500;
    font-size: 16px;
    line-height: 125%;
    margin-top: 14px;
}
body.mobile_padding{
    padding-top: 140px;
}




/* cancel_btn */
@media screen and (max-width: 1000px) {
    .orders.swiper-container.inc_height{
        height: 495px;
    }
}
.order_cancel__btn {
    font-family: "CeraPro", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.01em;
    display: block;
    text-align: center;
    width: 100%;
    height: 40px;
    border: 1px solid #0000001A;
    margin-top: 20px;
    border-radius: 52px;
    padding: 10px 0px;
}
.order_cancel__btn.disabledBtn {
    pointer-events: none;
    opacity: .7;
}
.order_slide__cancel{
    text-align: center;
    padding-bottom: 15px;
}
.alertCancel {
    position: fixed;
    top: 25%;
    border-radius: 5px;
    z-index: 999;
    box-shadow: 0 10px 35px -5px rgb(0 0 0 / 50%);
    transform: translateY(75px);
    max-width: 320px;
    width: 100%;
    margin: auto;
    left: 0;
    right: 0;
}
.alertCancel .errorTextCancel {
    border-radius: 5px;
    background: #000000;
    padding: 15px;
    color: white;
    cursor: pointer;
}
.alertCancel .errorTextCancel:before {
    content: 'X';
    position: absolute;
    right: 10px;
    top: 5px;
    cursor: pointer;
}













/* Стили для нового header */
:root {
    --main-orange: #ffcc4c;
    --orange-30: rgba(255, 204, 76, 0.3);
    --orange-10: rgba(255, 204, 76, 0.1);
    --black: #171715;
    --black-80: #434342;
    --black-60: #656564;
    --black-40: rgba(0, 0, 0, 0.4);
    --black-30: #b2b2b1;
    --black-20: rgba(0, 0, 0, 0.2);
    --black-5: rgba(0, 0, 0, 0.05);
    --light-grey: #f5f5f5;
    --white: #fff;
    --red: #f33;
    --font-family: "CeraPro", sans-serif;
}
.modal-log-account__title input:disabled{
    border:0;
    box-shadow: none;
    appearance: none;
}
.modal-log-account__title input{
    border: 2px solid grey;
    padding: 5px 0;
    border-radius: 4px;
}
.save_name_mobile_btn_input{
    border-radius: 101px;
    padding: 6px 20px;
    width: auto;
    display: inline-flex;
    gap: 9px;
    justify-content: center;
    align-items: center;
    background: #FFCC4D;
    border: 0;
}

.wrapper--products-bonus .products__top {
    width: 100%;
    max-width: 100%;
}

.block-bonus {
    gap: 5px;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 15px;
    letter-spacing: -0.01em;
    text-align: right;
    color: #fff;
    background: linear-gradient(180deg, #fcb711 0%, #fc2b91 100%);
    border-radius: 25px;
    padding: 2px 8px;
    display: inline-flex;
    align-items: center;
}

.modal-log-bonus__item {
    width: 100%;
}

.modal-log-bonus__inner {
    display: flex;
    flex-direction: column;
}

.modal-log-bonus__result-with {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 114%;
    letter-spacing: -0.01em;
    color: var(--black-60);
}

.modal-log-bonus__title {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 112%;
    letter-spacing: -0.01em;
    color: var(--black-80);
}

.modal-log-bonus__link {
    background: var(--light-grey);
    border-radius: 12px;
    padding: 12px 10px;
    width: 100%;
    min-height: 117px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;

}

.modal-log-bonus__link-gre {
    background: linear-gradient(180deg, #fcb711 0%, #fc2b91 100%);
}

.modal-log-bonus__title-with {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 112%;
    letter-spacing: -0.01em;
    color: #fff;
}

.modal-log-bonus__result-with {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 20px;
    letter-spacing: -0.01em;
    color: #fff;
}

.modal-log-bonus__text-with {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 14px;
    line-height: 114%;
    letter-spacing: -0.01em;
    color: var(--light-grey);
}

.modal-log-bonus__list {
    margin: 8px 0;
    display: grid;
    gap: 8px;
    grid-template-columns: 120px 1fr 1fr;
}

.modal-log-account__reg {
    border: none;
    background: transparent;
}


.modal-log-account__reg-inner {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.modal-reg-new__list {
    margin-top: auto;
}

.modal-reg-new__item {
    border-bottom: 0.50px solid var(--black-30);
}

.modal-reg-new__link {
    display: block;
    padding: 10px 0;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    letter-spacing: -0.01em;
    color: var(--black-60);
}

.modal-log-account__link {
    border-radius: 40px;
    background-color: white;
    padding: 12px;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
}

.modal-item {
    margin-bottom: 8px;
}

.modal-log-account__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    flex-wrap: wrap;
    gap: 8px;
    list-style-type: none;
    padding: 0;
    margin: 12px 0 0;
}

.modal-log-account__title-min {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    line-height: 112%;
    letter-spacing: -0.01em;
    color: var(--black-60);
}

.modal-log-account__title {
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 20px;
    line-height: 110%;
    letter-spacing: -0.01em;
    color: var(--black-80);
    margin-bottom: 4px;
}

.modal-log-account__text {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 15px;
    letter-spacing: -0.01em;
    color: var(--black-60);
    max-width: 220px;
    padding-bottom: 12px;
}

.modal-item {
    border-radius: 12px;
    padding: 12px;
    width: 100%;
    height: auto;
    background: var(--light-grey);
}

.modal-log-account__button {
    background: #FFCC4D;
    border-radius: 101px;
    width: 100%;
    font-size: 17px;
    line-height: 118%;
    letter-spacing: -0.01em;
    border: 0;
    padding: 12px;
    color: #000;
}

.header__menu-button-open {
}

.header__menu-button-close {
    padding: 13px;
    border-radius: 100%;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
    display: flex;
    height: 40px;
    width: 40px;
}

.modal-reg-new {
    overflow: auto;
    padding: 20px 20px 20px 20px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    display: none;
    z-index: 1000;
    flex-direction: column;
}

.body-fixed {
    overflow: hidden;
}

.modal-wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow-y: auto;
    padding-bottom: 20px;
}

.modal-log-account__text-pt {
    padding: 16px 0 0;
    font-family: var(--font-family);
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -0.01em;
    color: var(--black-60);
}

.wrapper--products-bonus {
    position: absolute;
    right: 30px;
    top: 65px;
}


.nav-menu__item.nav_menu__item_echo{

}
.nav-menu__item.nav_menu__item_echo .nav-menu__link{
    cursor:pointer;
}
.nav-menu__item.nav_menu__item_echo .nav-menu__link svg{
    margin-bottom: 2px;
}
.nav-menu__item.nav_menu__item_echo > .nav-menu__link:after{
    display:none;
}
.nav-menu__item.nav_menu__item_echo .menu_block_echo .nav-menu__item:hover .nav-menu__link:after{
    display:block;
    opacity: 1;
}
.nav-menu__item.nav_menu__item_echo .menu_block_echo{
    position: absolute;
    background: #fff;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 1px 16.5px 0 rgba(0, 0, 0, 0.1);
    display: none;
    top: calc(100% - 5px);
}
.nav-menu__item.nav_menu__item_echo.active .menu_block_echo{
    display:block;
}
.nav-menu__item.nav_menu__item_echo .menu_block_echo .nav-menu__link{
    background: none;
    cursor:pointer;
}
.nav-menu__item.nav_menu__item_echo .menu_block_echo .nav-menu__item.active .nav-menu__link{
    background: #f5f5f5;
}
#free_add_content .products-card__bottom .products-card__btn.net_v_nalichii_dopi{width: 100%;}
#free_add_content .net_v_nalichii_dopi .product-item-button-container {width: 100%;}
#newajaxbasket .products-card .net_v_nalichii_dopi .btn{width: 100%;font-size: 12px;}


@media (min-width: 1000px) {
    .header-modal-new {
        display: none;
    }
}
@media (max-width: 1000px) {
    .header {
        display: none;
    }
    .header.header-modal-new {
        display: block;
    }
    .mobile-nav {height:58px;padding:0;}
    .mobile-nav .wrapper{ top: 0; background: #fff; z-index: 20; padding: 10px 0 0!important; transition: box-shadow .3s linear; will-change: box-shadow }
    .mobile-nav.js__fixed .wrapper {position: fixed;box-shadow: 0 0 30px rgba(0, 0, 0, .15) }
    .mobile-nav{position: static;box-shadow: none;}
    .mobile-nav.js__fixed .nav-menu{
        padding-left: 10px;
    }
}
@media (max-width: 769px) {

    .popup#profile-history{
        position: absolute;
        top:0;
        left:0;

    }
    .popup#profile-history .profile__bottom{
        margin: 30px 0 0;
        width: 100%;
    }
    .popup#profile-history .profile__bottom a{
        width: 100%;
    }
    .cart__address svg{
        margin-left: 5px;
    }
    .wrapper--products-bonus{
        opacity: 0;
        transition: 0.6s;
    }
    .js__fixed .wrapper--products-bonus{
        opacity: 1;
    }
}

.minibasket {
    background: #fff;
    padding-top: 6px;
    padding-bottom: 5px;
}
.cart__info {
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--black);
}
/* new quantity icons */
.quantity__link {
    width: 36px;
    height: 36px;
    background-size: 13px;
    opacity: 1;
}
.quantity__link.quantity__link-plus{
    margin-right: -9px;
}
.quantity__link.quantity__link-minus{
    margin-left: -9px;
}
.quantity__link.disabled {
    opacity: .4 !important;
}
/* уточнение адреса */

.address-last_order__wrapper {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 111;
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 5px 16.5px 0px #00000040;
    border-radius: 0 0 16px 16px;
    padding: 22px 10px;
    transition: transform 0.3s ease;
  }
  .address-last_order__title {
    font-size: 15px;
    font-weight: 400;
    line-height: 20.46px;
    text-align: center;
    color: #434342;
  }
  .address-last_order__text {
    font-size: 16px;
    font-weight: 700;
    line-height: 21.82px;
    text-align: center;
    color: #171715;
    padding-top: 2px;
  }
  .address-last_order__bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 7px;
    padding-top: 15px;
  }
  .address-last_order__bottom button{
    width: 120px;
    max-width: 100%;
  }
  @media screen and (min-width:600px) {
    .address-last_order__wrapper {
      display: none;
    }
  }
/* End */


/* Start:/local/templates/.default/components/bitrix/sale.basket.basket/basket/style.css?174345269719171*/
.quantity__link-plus,.quantity__link-minus, .cart-card div,.cart-cont input:not(.promocode-form__input), div.price div{
    color: transparent;
    text-shadow: 0 0 0 black;
}
#free_add_content{
    min-height: 206px;
}
.cart__button .cart__button-value.price{
    display:none;
}
.price_bonus:after{
    content: url(/local/templates/main/img/freeway.svg);
    display: inline-block;
    margin-left: 5px;
    transition: opacity .3s linear;
    opacity: .5;
    line-height: 1;
}
.promocode{
    max-width: 600px;
}
.discount__bonus-all{
    border: none;
    font: inherit;
    color: inherit;
    background-color: transparent;
    cursor: pointer;
}

.fancybox-content#newajaxbasket{
    padding: 0;
    overflow: initial;
    height: auto;
    z-index: 99999991;
}

body #newajaxbasket .page-section.cart#basket-root{
    background: #FFF;
    z-index: 99999992;
    padding: 15px 24px 30px;
}
#newajaxbasket.refreshLoading #basket-root:before{
    content:'';
    position: absolute;
    width: 100%;
    height: 100%;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index: 99999993;
    background:rgba(255,255,255,0.5);
}
#newajaxbasket.refreshLoading #basket-root:after{
    z-index: 99999994;
}
#newajaxbasket::after {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border-left: 2px solid #FCB711;
    border-bottom: 2px solid #FCB711;
    border-top: 2px solid #FCB711;
    border: 2px solid var(--main-color);
    border-right: 2px solid transparent;
    animation: rotate 1s linear infinite;
    z-index: 1;
    display: none;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
#newajaxbasket.refreshLoading::after {
    display: block;
}
.products_card__btn_basket_dop_hidden{
    display: none!important;
}
.products_card__btn_basket_dop_show{
    display: flex!important;
}


#newajaxbasket .products-card .btn {
    display: flex;
    border-radius: 101px;
    padding: 6px;
    width: 24px;
    height: 24px;
    font-size: 16px;
}
#newajaxbasket .products-card .btn svg{
    
}
#newajaxbasket .fancybox-close-small{
    display:none;
}
#newajaxbasket .products-card .btn-cart-mob{
    display:none;
}
#newajaxbasket{
    display:none;
}
#newajaxbasket .page-section{
    padding: 10px 0 0 0;
}
#newajaxbasket.active{
    display: block;
}
#newajaxbasket{
    z-index: 100;
    background: #FFF;
    padding-bottom: 22%;
    right: 0;
    position: absolute;
    height: 100%;
    border-radius: 0;
    max-width: 408px;
    width: 100%;
    padding-bottom: 30px;
    min-height: 100%;
}
#newajaxbasket .close-small{
    width: 36px;
    height: 36px;
    background-color: #f0f0f0;
    border-radius: 50%;
    display:none;
}
.fancybox-active #telegram-feedback-root{
    display:none;
}
#newajaxbasket #dopsBasket .products__item.baskets-dop{
        width: 100%;
        border-bottom: none;
        padding: 0;
        max-width: 123px;
        border-radius: 16px;
        background: #F5F5F5;
}
#newajaxbasket #dopsBasket .products__item.baskets-dop .products-card__bottom > .price{
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    display: block;
}
#newajaxbasket #dopsBasket .products__item.baskets-dop .products-card__bottom.priceHideMobile > .price{
    display:none;
}
#newajaxbasket #dopsBasket .products__item.baskets-dop div.price div{
    color: #000;
    text-shadow: none;
}
#newajaxbasket #dopsBasket .products__item.baskets-dop .products-card{
    padding-top: 10px;
    padding-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
    box-shadow: none;
    background: none;
    border-radius: 0;
    display: block;
    border-bottom: 0;
}
#newajaxbasket #dopsBasket .products__item.baskets-dop .products-card__img{
    height: auto;
    padding: 10px 0 0;
    text-align: center;
    margin-bottom: 5px;
}
#newajaxbasket #dopsBasket .products__item.baskets-dop .products-card__title__desc{
    margin-bottom: 10px;
    text-align: center;
    display: block;
}
#newajaxbasket #dopsBasket .priceHideMobile .price{
    display:none;
}
#newajaxbasket #dopsBasket .products__item.baskets-dop .products-card__text{
    
}
#newajaxbasket #dopsBasket .products__item.baskets-dop .products-card__title{
    text-align:center;
    font-size: 14px;
    font-family: var(--default-font);
    font-weight: 400;
}
#newajaxbasket #dopsBasket .products__item.baskets-dop:last-child .products-card{
        border-bottom: none;
}
#newajaxbasket .cart__item:first-child, 
#newajaxbasket .ordering-form__item:first-child {
    border-top: 0;
}
#newajaxbasket .cart-card {
    grid-column-gap: 10px;
}



#newajaxbasket .cart-card__text {
    font-size: 13px;
}
#newajaxbasket .cart-card__btns {
    grid-area: 2 / 2 / 3 / 3;
    margin-left: 0;
    max-width: none;
}
#newajaxbasket .cart-card__btns .price{
    font-size: 20px;
    font-weight: 500;
} 
#newajaxbasket .cart-card__title {
    font-size: 18px;
    font-weight: 500;
}
#newajaxbasket .cart-card__btns .price{
    order: -1; 
}
#newajaxbasket .quantity__control {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    text-shadow: none;
    -webkit-text-fill-color: #000;
    opacity: 1;
}
#newajaxbasket #basket-items-list-wrapper{
    padding-top: 20px;
    padding-bottom: 0;
}
#newajaxbasket #dopsBasket .products__list{
    display: block;
    width: 100%;
    overflow: hidden;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding-top: 20px;
}
#newajaxbasket #dopsBasket .products__item.baskets-dop .products-card__desc {
    margin-bottom: 0;
    position: absolute;
    top: -10px;
    left: 0;
    width:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    max-width: none;
}
.cart_promocode-input-obmanka{
    border: 0;
    position: absolute;
    background: transparent;
    height: 100%;
    width: 100%;
    top: 0;
}
#newajaxbasket #dopsBasket .products__item.baskets-dop .products-card__desc span{
    font-size: 10px;
    white-space: nowrap;
    max-width: none;
    background: #ffcc4d;
    padding: 5px 10px;
    border-radius: 16px;
    color: #fff;
    display:inline-flex;
}
#newajaxbasket #basket-items-list-wrapper .free_add{
        border-bottom: none;
    }
#newajaxbasket #dopsBasket .products-card .quantity{
        background: #fff;
        width: 100%;
        max-width: none;
        box-sizing: border-box;
        padding: 0 !important;
        box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
}
#newajaxbasket #dopsBasket .quantity__link.quantity__link-minus{
    margin-left: 9px;

}
#newajaxbasket #dopsBasket .quantity__link.quantity__link-plus{
    margin-right: 8px;

}
#newajaxbasket #dopsBasket .quantity__link{
    width: 18px;
    height: 18px;
    font-size:10px;
}
#newajaxbasket #dopsBasket .products-card .quantity__control {
        width: 100%;
    }


#free_add_content .products-card .price{
    margin-right: 0;
}
#free_add_content .products-card__bottom{
    width: 100%;
    justify-content: space-between;
    padding: 0 10px;
    box-sizing: border-box;
}
#free_add_content .products-card{
    padding: 24px 16px 16px 24px;
}


#newajaxbasket .cart-card__btns .quantity{
    margin-right: 0;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
    background: #fff;
    height: 32px;
}
#newajaxbasket .cart-card__btns .quantity__link-minus{
    background-image: url(/local/templates/main/img/minus_basket.svg);
    background-repeat: no-repeat;
    background-position: 50%;
}
#newajaxbasket .cart-card__btns .quantity__link-plus{
    background-image: url(/local/templates/main/img/plus_basket.svg);
    background-repeat: no-repeat;
    background-position: 50%;
}
#newajaxbasket .cart-card{
    grid-template-columns: 96px 1fr;
}
#newajaxbasket .cart-card__btns{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
#newajaxbasket .cart-card__btns .price{
    text-align: left;
    margin: 0;
}
#newajaxbasket .dop_positions_text_desktop{
    
}
.basket_empty{

}
.basket_empty img{
    
}
.basket_empty span{
    margin-top:5px;
    display: block;
    color:rgba(67, 67, 66, 1);
    font-weight: 500;
    font-size: 16px;
    line-height: 20.11px;
    text-align: center;
}
.basket_empty .basket_emptyimg{
    text-align: center;
}

body #newajaxbasket .header-block{
    position: relative;
    top: 0;
    right: 0;
    width: 100%;
    background: #fff;
    padding: 20px;
    z-index: 99999;
    max-width: 408px;
}

body #newajaxbasket .page-section.cart{
    padding: 0 0 0 0;
}
#basket-items-list-wrapper{
    padding-top: 70px;
}
.header-block{
    padding-bottom: 18px;
}
#newajaxbasket .back-link{
    position: absolute;
    top: 10px;
    left: 0;
}
#newajaxbasket .wrapper{
    padding: 0;
}
#newajaxbasket .page-header{
    font-size: 17px;
    font-weight: 500;
}
#newajaxbasket .cart-card__title{
    font-size: 17px;
}
#newajaxbasket #dopsBasket .products__item.baskets-dop{
    margin-bottom: 0;
    border: 0;
}
#newajaxbasket .cart__button .cart__button-value.price {
    display: block;
}
#newajaxbasket .products-card__title:nth-last-child(2){
    margin-bottom: 0;
}

#newajaxbasket .cart__item{
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}



#newajaxbasket .cart__bottom .cart-total {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px 0;
    font-weight: 400;
    font-size: 17px;
    line-height: 118%;
    letter-spacing: -0.01em;
    color: #999999;
}
#newajaxbasket .cart__bottom .cart-total div {
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 17px;
    line-height: 118%;
    letter-spacing: -0.01em;
    color: black;
}
#newajaxbasket .cart__button {
    width: 100%;
    display: flex;
    margin-bottom: 0;
}
#newajaxbasket .cart__button.cart__button_disabled{
    background-color: var(--color-block);
    color: var(--second-color);
    pointer-events: none;
}
.minibasket .cart__button.cart__button_disabled{
    background-color: var(--color-block);
    color: var(--second-color);
    pointer-events: none;
}
#free_add_content{
    position: relative;
}
#free_add_content .tooltip-inline{
    position: absolute;
    right: 10px;
    top: 14px;
}
#free_add_content .tooltip{
    right: -6px;
    left: initial;
    min-width: 250px;
    transform: none;
}
#free_add_content .tooltip:after{
    content: "";
    position: absolute;
    bottom: -6px;
    left: initial;
    margin-left: -8px;
    width: 17px;
    height: 17px;
    border-radius: 4px;
    background: #000;
    display: block;
    transform: rotate(45deg);
    right: 6px;
}
.dop_positions_text_mobile{

}
.dop_positions_text_mobile b{
    color:#000;
    font-size: 18px;
    display:block;
}
.dop_positions_text_mobile span{
    color:#B2B2B1;
    font-size: 14px;
    display:block;
    font-weight: 500;
}



.products__list_wrapper.mobilescroll{
    width: 100%;
    overflow: hidden;
}
#newajaxbasket #dopsBasket .products__list_wrapper.mobilescroll .products__list{
    display: flex;
            flex-direction: row;
            flex-wrap: nowrap;
            gap: 10px;
            max-width: none;
            overflow: auto;
}
#free_add_content #dopsBasket .products__list_wrapper.mobilescroll .products__item.baskets-dop{
    min-width:104px;
}


@media(max-width:1000px){
    #basket-total-block{
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        padding: 20px 15px 10px;
        z-index: 9;
        background: #fff;
        box-shadow: 0px 1px 16.5px 0px #0000001A;
        border-radius: 24px 24px 0 0;
    }
    .fancybox-content#newajaxbasket{
        padding-bottom: 80px; 
    }
    #newajaxbasket .cart__bottom .cart-total{
        display:none;
    }
    #newajaxbasket #dopsBasket .products__list {
        display: block;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 0;
        padding-top: 20px;
        margin-top: 0;
        width: auto;
    }
    .promocode{
        max-width: none;
    }
    .cart__bottom .cart-total.cart-total-itogo{
        display:none;
    }
    .cart__button {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        font-weight: 400;
        font-size: 21px;
        line-height: 114%;
        letter-spacing: -0.02em;
        border-radius: 101px;
        width: 100%;
        height: 48px;
        background: #FFCC4D;
        margin-bottom: 20px;
        cursor: pointer;
    }
    .cart__bottom .cart-total {
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding: 10px 0;
        font-weight: 400;
        font-size: 17px;
        line-height: 118%;
        letter-spacing: -0.01em;
        color: #999999;
    }
    .cart__bottom .cart-total div {
        display: flex;
        align-items: center;
        font-weight: 400;
        font-size: 17px;
        line-height: 118%;
        letter-spacing: -0.01em;
        color: black;
    }
    .cart__button .cart__button-value.price {
        display:inline;
    }
    .cart-cont > .cart__summary:not(:last-child){
        border-bottom:0;
        margin-bottom: 24px;
    }
    #basket-items-list-wrapper .promocode{
        border-bottom:0;
    }
}
/*SHIPPING COST BOX*/
.shipping_cost_box {
    width: 100%;
    padding: 21px;
    border-radius: 16px;
    -webkit-box-shadow: 0px 0px 15px -2px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 0px 0px 15px -2px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 0px 15px -2px rgba(34, 60, 80, 0.2);
    margin-bottom: 5px;
}
.shipping_cost_title {
    font-weight: 600;
    font-size: 18px;
    color: rgba(67, 67, 66, 1);
    position: relative;
}
.shipping_cost_title svg {
    position: absolute;
    right: 1px;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
}
.shipping_cost_description {
    font-weight: 400;
    font-size: 18px;
    color: rgba(178, 178, 177, 1);
    margin-bottom: 15px;
}
.shipping_cost_progress_box {
    width: 100%;
    height: 4px;
    border-radius: 100px;
    margin-bottom: 5px;
    background: #1717151A;
}
.shipping_cost_progress {
    width: 100%;
    height: 4px;
    background: #FFCC4C;
    border-radius: 100px;
}
.shipping_cost_value {
    display: flex;
    justify-content: space-between;
    font-weight: 500;
    font-size: 14px;
}
.shipping_cost_value span {
    color: rgba(178, 178, 177, 1);
    font-size: 14px;
    font-weight: 500;
    line-height: 17.6px;
    letter-spacing: -0.01em;
    text-align: left;
}
.shipping_cost_value span.active {
    color: rgba(23, 23, 21, 1);
}
#shipping_intervals {
    display: -webkit-box;      
    display: -moz-box;         
    display: -ms-flexbox;      
    display: -webkit-flex;     
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 5px;
}
.shipping_interval {
    width: 100%;
}
.shipping_conditions {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100vw;
    background-color: #00000033;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999999;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s linear;
}
.shipping_conditions.active {
    visibility: visible;
    pointer-events: all;
    opacity: 100%;
    transition: opacity 0.3s linear;
}
.shipping_conditions__container {
    max-width: 850px;
    width: 100%;
    padding: 40px;
    border-radius: 24px;
    background: #fff;
}
.shipping_conditions__title {
    color: #434342;
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    text-align: left; 
    padding-bottom: 17px;
    padding-top: 10px;  
}
.conditions_table__name {
    font-size: 12px;
    font-weight: 500;
    line-height: 16.8px;
    text-align: left;
    color: #00000066;
}
.conditions_table__name:nth-child(2){
    text-align: right;
}
.conditions_table__delivery {
    font-size: 14px;
    font-weight: 600;
    line-height: 19.6px;
    letter-spacing: -0.01em;
    text-align: left;
    color: #171715;
}
.conditions_table__cost {
    font-size: 14px;
    font-weight: 500;
    line-height: 19.6px;
    text-align: right;
    color: #656564; 
}
.shipping_conditions__table {
    display: grid;
    grid-template-columns: repeat(2, 50%);
    row-gap: 4px;
}
.shipping_conditions__close {
    width: 100%;
}
.shipping_conditions__bottom {
    padding: 25px 0px 0px;
}
.products__item.baskets-dop .products-card {transition: none;will-change: unset;}
.products-card__bottom.disabled .products-card__btn:before {width: 100%;height: 100%;content: '';background: #ffffff8c;z-index: 999;position: absolute;}
.products-card__bottom.disabled .products-card__btn {cursor: no-drop;}
.products__item.baskets-dop .products-card:hover {transform: none;}
.popup_check {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #e3e3e350;
    z-index: 98;
}
.popup_check_cont {
    display: flex;
    flex-direction: column;
    position: fixed;
    padding: 10px;
    background: white;
    border: 1px solid var(--border-color);
    border-radius: 10px;
    z-index: 99;
    left:40%;
    top: 25%;
    box-shadow: 0 10px 35px -5px rgb(0 0 0 / 50%);
    transform: translateY(75px);
    max-width: 380px;
    width: 100%;
}
.popup_check_cont p:nth-child(2n) {font-weight: 600;margin: 15px 0;}

.cart_card__btns_delay{}
.cart-card div.cart_card__btns_delay_txt{
    font-weight: 500;
    font-size: 16px;
    color: rgba(202, 55, 50, 1);
}
a.cart_card__btns_delay_delete{
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
    width: 32px;
    height: 32px;
    border-radius: 101px;
    position: absolute;
    right: 0;
    top: 17px;
    cursor:pointer;
}
a.cart_card__btns_delay_delete svg{

}



@media screen and (max-width: 640px) {
    .popup_check_cont {left:1%;}
    .products__item.baskets-dop {width: 50%;padding: 0 5px;}
    .products-card__bottom {flex-wrap: wrap;}
    .products-card__desc {max-width: 80%;}
    .products-card .quantity__control {width: 28px;}
    .products-card .quantity {padding: 11px 5px;}
}
@media screen and (max-width: 1000px) {
    .shipping_conditions__container {
        padding: 10px 20px 20px 20px;
        background-color: white;
        width: 100%;
        border-radius: 24px 24px 0px 0px;
        grid-template-rows: -webkit-max-content;
        grid-template-rows: max-content;
        -ms-scroll-chaining: none;
        overscroll-behavior: contain;
        height: 236px;
        position: absolute;
        bottom: 0;
        box-shadow: 0px 1px 16.5px 0px #0000001A;
    }  
}
@media screen and (max-width: 600px) {
    .shipping_conditions__title{
        padding-bottom: 21px;
        padding-top: 15px;
    }
    .shipping_cost_description{
        font-size: 14px;
        margin-top: -5px;
        margin-bottom: 12px;
    }
    .shipping_cost_box {
        margin-top: -27px;
        padding: 12px 10px 15px 15px;
    }
}
/* End */


/* Start:/local/templates/.default/components/bitrix/catalog.section/basketnew/themes/blue/style.css?1723514831825*/
/* 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/.default/components/xpage/coupon.form/new/style.css?174898484413912*/
/* promocode */
.cart_promocode__wrapper {
    padding: 16px 18px;
    box-shadow: 0px 1px 16.5px 0px #0000001A;
    border-radius: 16px;
    margin-top: 0;
    margin-bottom: 20px;
}
.cart_promocode-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 22.63px;
    letter-spacing: -0.01em;
    text-align: left;
    color: #434342;
    text-shadow: 0px 0px 0px #434342;
    padding-bottom:20px;
}
.cart_promocode-title-promocode{
    padding-bottom:0;
}
.cart_promocode-text {
    font-size: 14px;
    font-weight: 500;
    line-height: 17.6px;
    letter-spacing: -0.01em;
    text-align: left;
    display: -webkit-box;      
    display: -moz-box;         
    display: -ms-flexbox;      
    display: -webkit-flex;     
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    color: #B2B2B1;
    position: relative;
    z-index: 1;
    padding-top:20px
}
.cart_promocodes__container {
    max-width: 850px;
    width: 100%;
    padding: 40px;
    border-radius: 24px;
    background: #fff;
    position: relative;
}
.cart_promocodes__container .header__menu-button-closepromocodes {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor:pointer;
    padding: 13px;
    border-radius: 100%;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);
    display: flex;
    height: 40px;
    width: 40px;
}
.cart_promocodes-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    color: #434342;
    padding-bottom: 14px;
    padding-top: 17px;
    padding-left: 22px;
}
.cart_promocodes__list {
    margin-bottom: 30px;
    display: -webkit-box;      
    display: -moz-box;         
    display: -ms-flexbox;      
    display: -webkit-flex;     
    display: flex;
    column-gap: 15px;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0px 10px 0px 20px;
    pointer-events: auto;
    position: relative;
    z-index: 1;
}
.cart_promocode__item {
    display: -webkit-box;      
    display: -moz-box;         
    display: -ms-flexbox;      
    display: -webkit-flex;     
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    position: relative;
    z-index: 1;
    row-gap: 30px;
    position: relative;
    z-index: 1;
    padding: 12px 19px 12px 15px;
}
.cart_promocode__backgr {
    position: relative;
    min-width: 293px;
    height: 126px;
}

.promocode__item-bottom, .promocode__item-top {
    display: -webkit-box;      
    display: -moz-box;         
    display: -ms-flexbox;      
    display: -webkit-flex;     
    display: flex;
    justify-content: space-between;
}
.promocode__item-top {
    align-items: flex-start;
    max-height: 40px;
    overflow: hidden;
}
.promocode__item-bottom {
    align-items: flex-end;
}
.promocode_name {
    font-size: 20px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: -0.01em;
    text-align: left;
    color: #171715;
    min-height: 40px;
    max-width: 111px;
}
.promocode_period {
    font-size: 15px;
    font-weight: 400;
    line-height: 18.85px;
    letter-spacing: -0.01em;
    text-align: left;
    color: #434342;
}
.promocode_code {
    min-width: 125px;
    min-height: 28px;
    word-break: break-all;
    padding: 4px 10px;
    border-radius: 24px;
    background: #171715;
    color: #FFFFFF;
    text-align: center;
}
.promocode_info {
    font-size: 15px;
    font-weight: 400;
    line-height: 18.85px;
    letter-spacing: -0.01em;
    text-align: left;
    color: #434342;
}
.promocode_info>svg {
    margin-left: 2px;
    margin-top: -1px;
    vertical-align: middle;
}
.cart_promocodes-input .promocode-form__input {
    background: #F5F5F5;
    border-radius: 8px;
    margin-top: 10px;
}
.cart_promocodes-input .promocode-form__input::placeholder{
    font-size: 14px;
    line-height: 19.6px;
    text-align: left; 
    color: #171715A6;
}
.cart_promocode__btn {
    width: 100%;
    margin-top: 15px;
}
.cart_promocode__detail {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999999;
    width: 100%;
    height: 100%;
    background: #fff;
    padding: 15px;
    max-width: 424px;
}
.promocode_info__close {
    width: 100%;
}
.cart_promocode__detail-close {
    display: -webkit-box;      
    display: -moz-box;         
    display: -ms-flexbox;      
    display: -webkit-flex;     
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #FFF;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.10);
    width: 40px;
    height: 40px;
    margin-bottom: 40px;
    margin-top: 5px;
    margin-left: 5px;
}
.cart_promocode__condition {
    font-size: 16px;
    font-weight: 400;
    line-height: 20.11px;
    letter-spacing: -0.01em;
    text-align: left;
    color: #434342;
}
.cart_promocode__condition-title {
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    color: #434342;
    padding-bottom: 8px;
    padding-top: 19px;
}
.cart_promocode__backgr>img {
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
.cart_promocode__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.cart_promocode__detail .cart_promocode__backgr {
    position: relative;
    width: 100%;
    height: 126px;
} 
.cart_promocode__detail .cart_promocode__item{
    padding: 12px 20px 12px 16px;
}
.cart_promocode__bottom {
    position: absolute;
    bottom: 25px;
    width: 100%;
    max-width: 100%;
    padding-right: 30px;
    overflow: hidden;
}
.cart_promocodes__form .promocode-form__input:focus,
.cart_promocodes__form .promocode-form__input.active {
    border-color: #FFCC4C;
    background: #fff;
}
.cart_promocodes-input{
   position: relative;
}
.cart_promocodes-input .cart_promocode__btn-clear{
    position: absolute;
    right: 13px;
    top: 5px;
}
.cart_promocodes-input .promocode-form__input+.cart_promocode__btn-clear{
    display: none;
}
.cart_promocodes-input .promocode-form__input.active+.cart_promocode__btn-clear,
.cart_promocodes-input .promocode-form__input.error+.cart_promocode__btn-clear{
    display: block;
}
.image-card-active {
    display: none;
}
.cart_promocode__backgr.active .image-card-active{
    display: block;
}
.cart_promocode__backgr.active .image-card-default{
    display: none;
}
.cart_promocode__backgr.active .promocode_code{
    background: linear-gradient(93.98deg, #FCB711 4.49%, #FC2B91 102.09%);
}
.errorPromocodeText {
    font-size: 14px;
    line-height: 1;
    text-align: left;
    color: #FF3333;
    display: block;
    position: relative;
    top: 4px;
}
.cart_promocodes__form .promocode-form__input.error {
    border-color: #FF3333;
    background: #fff;
}
.cart_promocode-applied {
    font-size: 14px;
    font-weight: 500;
    line-height: 17.6px;
    letter-spacing: -0.01em;
    text-align: left;
    background: linear-gradient(93.98deg, #FCB711 4.49%, #FC2B91 35.09%);
    background: linear-gradient(93.98deg, #FCB711 4.49%, #FC2B91 100%);
    color: transparent;    
	-webkit-background-clip: text;
	background-clip: text;
}
.cart_promocode-applied-content{
    display: -webkit-box;      
    display: -moz-box;         
    display: -ms-flexbox;      
    display: -webkit-flex;     
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cart_promocode__btn-remove {
    position: relative;
    z-index: 1;
    margin-top: -1px;
}


.cart_promocodes__user-count {
    position: static;
    top: 10px; 
    left: 0;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    font-weight: 400;
    line-height: 18.85px;
    letter-spacing: -0.01em;
    text-align: left;
    color: #171715;
    display: none;
    margin-bottom: 5px;
}
.cart_promocodes__user-count span>svg{
    vertical-align: middle;
    margin-right: 10px;
}
.ordering-page #content {
    padding-bottom: 0px !important;
}

.promocodesDesktop {
    display: none;
}
.cart_promocode__loading{
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 0 auto;
    top: 80%;
    right: 0;
    left: 0;
    border-left: 2px solid #FCB711;
    border-bottom: 2px solid #FCB711;
    border-top: 2px solid #FCB711;
    border: 2px solid var(--main-color);
    border-right: 2px solid transparent;
    animation: rotate 1s linear infinite;
    z-index: 2;
    display: none;
}
#cart_promocode-form .default-input__input{
    padding-right: 38px;
    height: 48px;
}
#cart_promocode-form {
    margin-top: 15px;
    padding: 0px 10px 0px 20px;
}
#promocode_detail .cart_promocode__loading{
    display: block;
    top: 25%;
    bottom: unset;
}
/* bonus */
.bonus-toggle-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    background: #F5F5F5;
    border-radius: 52px;
    overflow: hidden;
    height: 44px;
    position: relative;
}
.bonus-toggle-switch {
    flex: 1;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
}
.bonus-toggle-option {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    color: #434342;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.01em;
    border-radius: 52px;
    cursor: pointer;
    z-index: 2;
    gap: 2px;
}
.bonus-toggle-wrapper input[name="bonus"] {
    display: none;
}
.bonus-toggle-slider {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-radius: 50px;
    transition: left 0.3s ease;
    z-index: 1; 
    width: 47%;
    height: 36px;
    margin: auto 3px;
}
input#bonus-no:checked ~ .bonus-toggle-slider {
    left: 0;
    background: #FFFFFF;
}
input#bonus-yes:checked ~ .bonus-toggle-slider {
    left: 50%;
    background: linear-gradient(102.35deg, #FCB711 2.07%, #FC2B91 97.4%);
}
.bonus-toggle-option:not(:checked) {
    transition: color 0.3s ease;
}
.bonus-toggle-option svg {
    fill: #434342;
}
input#bonus-yes:checked + .bonus-toggle-option {
    color: #fff;
}
input#bonus-yes:checked + .bonus-toggle-option > svg {
    fill: #fff;
}
input#bonus-no:checked + .bonus-toggle-option {
    color: #434342;
}
.promocodesMobile {
    margin-top: 15px;
}
.cart_promocode__wrapper_noprimenit{position: relative;}
.cart_promocode__wrapper_noprimenit:before{content:'';display: block;position: absolute;width: 100%;height: 100%;z-index: 2333;background: #fff;left: 0;top: 0;opacity: 0.9;border-radius: 16px;}
.nedostupno_coupon,
.nedostupno_bonus{
    height: 0;
    position: relative;
    z-index: 99999;
    text-align: center;
    top: 10px;
}


/* media */
@media screen and (max-width: 585px) {
    #newajaxbasket .page-section{
        padding-top: 0;
    }
    #newajaxbasket .cart-card{
        display: block;
        padding: 20px 0 20px 110px;
    }
    #newajaxbasket .cart-card .cart-card__img{
        width: 95px;
        position: absolute;
        left: 0;
        max-height: 95px;
        top: 10px;
    }
    #newajaxbasket .cart-card .cart-card__img img {
        display: inline-block;
        height: 100%;
    }
    #newajaxbasket .cart-card .cart-card__desc{
        
    }
    #newajaxbasket .cart-card .cart-card__btns{
        margin-top: 21px;
    }
    #newajaxbasket .quantity__control {
        width: 28px;
    }
    #newajaxbasket .cart-card__text{

    }
    #newajaxbasket .quantity__control{

    }
    .promocodesDesktop {
        display: none;
    }
    .promocodesMobile {
        display: block;
    }
    .cart_promocodes__user-count {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }
    .cart_promocodes__count-shadow:after {
        content: "";
        background: #fff;
        /*box-shadow: 0px 1px 16.5px 0px #00000026;*/
        box-shadow: -1px -13px 20px 0px #0000000f;
        position: absolute;
        width: calc(100% + 36px);
        height: 100%;
        top: 0;
        left: -18px;
        z-index: -1;
        border-radius: 24px 24px 0px 0px;
        z-index: 9;
    }
    .cart_promocodes__user-count{
        z-index: 10;
        height: 15px;
        margin-bottom: 15px;
    }
    #newajaxbasket .cart__button{
        z-index: 11;
        position: relative;
        margin-top: 0;
    }
    body #newajaxbasket .page-section.cart#basket-root{
        padding: 15px 15px 0;
    }
    #basket-items-list-wrapper {
        position: relative;
    }


    div.cart-cont > :not(:last-child) {
        border-bottom-color: transparent;
    }
}

@media screen and (max-width: 1000px) {
    .cart_promocode__detail {
        max-width: none;
    }
    .cart_promocodes__block {
        height: auto !important;
    }
    .cart_promocodes__block.active {
        bottom: 0;
        visibility: visible;
        transition: all 0.5s;
        background-color: rgba(0, 0, 0, 0.6);
        box-shadow: unset;

    }
    .cart_promocodes__container {
        padding: 7px 0px 20px;
        background-color: white;
        width: 100%;
        border-radius: 24px 24px 0px 0px;
        grid-template-rows: -webkit-max-content;
        grid-template-rows: max-content;
        -ms-scroll-chaining: none;
        overscroll-behavior: contain;
        height: 209px;
        position: absolute;
        bottom: 0;
        box-shadow: 0px 1px 16.5px 0px #0000001A;
    }
    .cart_promocodes__container.with-list {
        height: 355px;
    }
}

@media screen and (max-width: 660px) {
    .cart_promocodes__block {
        height: 100%;
        border-radius: 0;
    }
}
/* End */


/* Start:/local/templates/main/styles.css?17246442034305*/
.hidden {
    display: none !important;
}
.auth-timer-entity {
    display: inline;
    max-width: 30px;
}
.auth-timer-entity:not(:last-child):after {
    content: ":";
    right: -7px;
    display: inline-block;
}
.form__message.error {
    color: red;
}
.bx-soa-section-title-container.ordering-form__title .btn-user .bonus:after{
    opacity: 1;
    margin-left:0;
}
.btn-user .bonus input[type="number"] {
    border: none;
}
input[type=range] {
// width: 100%;
    margin: 8.3px 0;
    background-color: transparent;
    -webkit-appearance: none;
}
input[type=range]:focus {
    outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
    background: #FFCC4D;
    border: 0.1px solid #ffffff;
    border-radius: 25px;
    width: 100%;
    height: 8.4px;
    cursor: pointer;
}
input[type=range]::-webkit-slider-thumb {
    margin-top: -8.4px;
    width: 25px;
    height: 25px;
    background: #ffffff;
    border: 1.5px solid rgba(0, 0, 0, 0.5);
    border-radius: 50px;
    cursor: pointer;
    -webkit-appearance: none;
}
input[type=range]:focus::-webkit-slider-runnable-track {
    background: #FFCC4D;
}
input[type=range]::-moz-range-track {
    background: #FFCC4D;
    border: 0.1px solid #ffffff;
    border-radius: 25px;
    width: 100%;
    height: 8.4px;
    cursor: pointer;
}
input[type=range]::-moz-range-thumb {
    width: 25px;
    height: 25px;
    background: #ffffff;
    border: 1.5px solid rgba(0, 0, 0, 0.5);
    border-radius: 50px;
    cursor: pointer;
}
input[type=range]::-ms-track {
    background: transparent;
    border-color: transparent;
    border-width: 8.3px 0;
    color: transparent;
    width: 100%;
    height: 8.4px;
    cursor: pointer;
}
input[type=range]::-ms-fill-lower {
    background: #ffcc4d00;
    border: 0.1px solid #ffffff;
    border-radius: 50px;
}
input[type=range]::-ms-fill-upper {
    background: #FFCC4D;
    border: 0.1px solid #ffffff;
    border-radius: 50px;
}
input[type=range]::-ms-thumb {
    width: 25px;
    height: 25px;
    background: #ffffff;
    border: 1.5px solid rgba(0, 0, 0, 0.5);
    border-radius: 50px;
    cursor: pointer;
    margin-top: 0px;
    /*Needed to keep the Edge thumb centred*/
}
input[type=range]:focus::-ms-fill-lower {
    background: #FFCC4D;
}
input[type=range]:focus::-ms-fill-upper {
    background: #FFCC4D;
}


@media (max-width:800px) {
    .cart-card__btns .quantity {
        margin-right: 0;
    }
    .cart-card__del {
        display: block;
    }
}
.footer__contacts {
    margin-left: auto;
}
.footer__contacts .block-title {
    margin-bottom: 0;
}

.promocode-form__input.default-input__input--error, .promocode-form__input.default-input__input--error:not(:valid) {
    color: red;
    border-color: currentColor;
}

@media (max-width:640px) {
    .footer__contacts {
        display: flex;
        margin: 30px 0 0 0;
    }
    body #telegram-feedback-root.small-root{
        margin-bottom: 40px;
    }
}
.promocode-form__group {
	background: var(--main-color);
}
.list {
    background-color: #fff;
    border-radius: 25px;
    font-family: 'Opinion', Arial, sans-serif;
    z-index: 200;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    position: fixed;
    left: calc(50% - 274px);
    top: calc(50% - 236px);
    padding: 40px;
}
.btext {
    color: #000;
    font-size: 2.2em;
    font-weight: 800;
    text-align: center;
    display: block;
    padding: 2px 5px;
    border-radius: 10px;
    font-family: CeraRoundPro, Arial, sans-serif;

}
.list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left;
}
.list ul li a {
    position: relative;
    display: inline-block;
    font-size: 1.6em;

    color: #000;
    text-decoration: none;
    margin-top: 10px;
}

.list ul li a:hover {
    text-decoration: underline;
}
.ovhide{
    overflow: hidden;
}
.logolist{
    width: 100px;
    height: 43px;
    margin-top: 5px;
}
.blocklogo{
    display: flex;
}
.overlays{
    position:absolute;
    width:100%;
    height:100%;
    z-index:100;
    background-color: rgba(0,0,0,0.5);
}
.ulcity{
    
    display: flex;
    justify-content:center;
}

@media (max-width:578px) {
    .list{
        width: 100%;
        left: 0;
        top: calc(50% - 236px);
    }
    .blocklogo{
        display: block;
    }
}
/* End */


/* Start:/local/templates/main/template_styles.css?174345269783921*/
a,button,select{
    color: var(--body-text-color);
}

.fixed-header .cart-link {
    padding-bottom: 0;
    margin-bottom: 0;
    min-height: 38px;
}

.main-banner__item {
    margin-right: 30px;
}
#googlecaptchav2{
    transform: scale(0.8);
    transform-origin: 34px 10px;
    width: 300px;
    margin: 0 auto 0 8px;
}

.my-addresses {
    width: 100%;
    transition: all 0.5s;
    border-radius: 16px 16px 0 0;
}
.my-addresses__options {
    border: 1px solid #f0f0f0;
    border-radius: 16px;
    width: 100%;
}

.my-addresses__option {
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 17px;
    position: relative;
    padding: 20px;
    width: 100%;
}
.my-addresses__option-radio {
    display: flex;
    position: relative;
    cursor:pointer;
}
.my-addresses__option-input {
    display: none;
}
.my-addresses__option-icon {
    position: relative;
    display: inline-block;
    border: 1px solid black;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-right: 8px;
}
.my-addresses__option-address {
    font-size: 15px;
    line-height: 133%;
    letter-spacing: -0.01em;
}
.my-addresses__address-input-btn{
    display: flex;
    margin-top: 20px;
}
.newaddress_menu_form{
    height: 180px;
}
.my-addresses__save,
.my-addresses__vibor {
    border-radius: 52px;
    padding: 10px 0px;
    width: 100%;
    /* height: 40px; */
    background: #FFCC4D;
    font-weight: 400;
    font-size: 17px;
    line-height: 118%;
    letter-spacing: -0.01em;
    color: #000;
    line-height: 40px;
    padding: 0;
    border: 0;
}
.my-addresses__save:hover,
.my-addresses__vibor:hover{
    opacity:0.9;
}
.my-addresses__save.my-addresses__save_disabled{
    background: #d2d2d2;
}
.my-adresses__delete {
    border-radius: 52px;
    padding: 10px 0px;
    width: 100%;
    background: rgba(240, 240, 240, 1);
    font-weight: 400;
    font-size: 17px;
    line-height: 118%;
    letter-spacing: -0.01em;
    color: #000;
    line-height: 40px;
    padding: 0;
    border: 0;
}
.my-addresses__option.option.selected {
    background-color: #f0f0f0;
    border: 1px solid #f0f0f0;
}
.my-addresses__option {
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 17px;
    position: relative;
    padding: 20px;
    width: 100%;
}
.my-addresses__address-input{
    display:flex;
}
.my-addresses__option.selected .my-addresses__address-input {
    display: flex;
    gap: 20px;
}
.my-addresses__address-input input {
    width: 100%;
    height: 48px;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    padding: 14px 16px;
    font-size: 15px;
    line-height: 133%;
    letter-spacing: -0.01em;
    color: black;
}
.get_street,
.my-addresses__address-input input[name="UF_HOUSE_NAME_TXT"]{
    border-color: #FFCC4D;
}

.my-addresses__option.option.selected .my-addresses__save,
.my-addresses__option.option.selected .my-addresses__vibor
{
    display:block;
}
.my-addresses__option.option.selected .my-adresses__delete{
    display:block;
}
#deliveryAddress{
    max-width: 660px;
    border-radius: 16px;
    padding: 40px 24px 24px;
    min-height: 430px;
    overflow: initial;
}
.my-addresses__option.option.selected .my-addresses__option-icon::before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    width: 8px;
    height: 8px;
    content: "";
    background-color: #000000;
}
.my-addresses__address-input span{
    display: flex;
    align-items: center;
}

#addressDeliveryMenu{
    left: 0;
    bottom: 0;
    position: relative;
    max-height: none;
    border-radius: 16px;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: white;
    background: #fff;
    transition: max-height 0.5s;

}

#addressDeliveryMenuContainer{
    display: flex;
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    justify-content: center;
    align-items: center;
}
#addressDeliveryMenuContainer:after{
    position: absolute;
    z-index: 998;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: '';
    opacity: .87;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1);
    opacity: 0.5;
    background: #999;
}
.address-menu-close {
    background: #fff;
    border-radius: 50%;
    line-height: 0;
    height: 40px;
    width: 40px;
    position: absolute;
    right: 8px;
    top: 8px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 8px rgba(0,0,0,0.1);
}
.btn-get-popup_adres img{
    margin-right:7px;
}
.btn-get-popup_adres.btn-get-popup_adres-selected{
    background: #ededed;
    border-color: #ededed;
}
.address-menu__city.opened .address-menu__citys{
    border-radius: 12px;
    background: #fff;
    overflow: auto;
}
.contacts-page .nav-menu,
.contacts-page .main-menu{
    display:none;
}
.notice_alert-danger{
    border-radius: 5px;
    background: #000000;
    padding: 15px;
    color: white;
    cursor: pointer;
    position:absolute;
    top:0;
    z-index: 99999999;
}
.notice_alert-danger:before {
    content: 'X';
    position: absolute;
    right: 10px;
    top: 3px;
    cursor: pointer;
    font-size:12px;
}
.address-menu__stick {
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    display: flex;
}
.address-menu__body {
    display: flex;
    flex-direction: column;
    transition: padding 0.3s;
    max-width: 440px;
    padding: 0 29px;
    width: 100vw;
    height: 417px;
}
.address-menu__info {
    margin-bottom: 9px;
}
.address-menu__title {
    font-weight: 500;
    font-size: 21px;
    line-height: 114%;
    letter-spacing: -0.02em;
    margin-bottom: 6px;
}
.address-menu__description {
    font-size: 15px;
    line-height: 133%;
    letter-spacing: -0.01em;
    color: #999999;
}
.address-menu__city {
    display: none;
    height: 40px;
    margin-top: 14px;
}
.address-menu__city-text {
    line-height: 118%;
    letter-spacing: -0.01em;
    color: #000;
    font-size: 16px;
    font-weight: 400;
}
.address-menu__city-img {
    transform: rotate(90deg);
    position: absolute;
    right: 12px;
    top: 15px;
    width: 16px;
    z-index: 9999;
}
.address-menu__open {
    background: #FFCC4D;
    border-radius: 101px;
    width: 100%;
    font-size: 17px;
    line-height: 118%;
    letter-spacing: -0.01em;
    border:0;
    padding: 12px 57px;
    color:#000;
}
.address-menu__buttons {
    visibility: visible;
    transition: all 0.3s;
    opacity: 1;
    gap: 10px;
    border:0;
    display:none;
}
.address-menu__buttons_flex {
    gap: 10px;
}
.address-menu__info_title{
    display:none;
}
.address-menu__login {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 101px;
    padding: 10px 20px 10px 16px;
    display: flex;
    justify-content: center;
    gap: 10px;
    width: 107px;
    flex-shrink: 0;
}
.address-menu__login-text {
    font-weight: 400;
    font-size: 17px;
    line-height: 118%;
    letter-spacing: -0.01em;
    color: black;
    pointer-events: none;
}
#header_profile .btn-user img{
    margin-right:5px;
}
.address-menu__address-input {
    display: none;
}
.address-menu__address-input input {
    width: 100%;
    height: 48px;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    padding: 14px 16px;
    font-size: 15px;
    line-height: 133%;
    letter-spacing: -0.01em;
    color: black;
}
.address-menu__option {
    border-radius: 52px;
    display: flex;
    position: relative;
    padding: 10px 0;
    width: 100%;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 117.647% */
    letter-spacing: -0.17px;
    cursor: pointer;
}
.address-menu__option.selected {
}
.address-menu__option.selected {
}
.address-menu__option.selected{
    width:calc(100% + 2px);
    margin: 0 -1px -1px -1px;
    background: #FFCC4D;
}
.closest_get_house_street.address-menu__option.selected{
    margin: -1px -1px 0 -1px;
}

#addressDeliveryMenu .selected.closest_get_house_street .house_street-obertka{
    display: flex;
    gap: 20px;
}
#addressDeliveryMenu .my-addresses__address-input .my-addresses__save {
    display:block;
}

.fixed-header .btn-get-popup_adres{
    display:none;
}
.fixed-header.js__fixed .btn-get-popup_adres{
    display: inline-flex;
}
.btn-get-popup_adres i{
    font-style: normal;
}
.fixed-header.js__fixed .btn-get-popup_adres span{
    max-width: 150px;
    white-space: nowrap;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fixed-header.js__fixed .btn-get-popup_adres span i {
    max-width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.header-cont .btn-get-popup_adres{
    margin-right:50px;
}
#addressDeliveryMenu.opened{
    display: flex;
}
.opened .address-menu .address-menu__button {
    display: block;
}
.newaddress_menu_buttons{
    margin-top: 8px;
}
.address-menu__button {
    margin-top: 8px;
    background: #FFCC4D;
    border-radius: 101px;
    padding: 12px 57px;
    width: 100%;
    font-size: 17px;
    line-height: 118%;
    letter-spacing: -0.01em;
    display: none;
    border:0;
    transition: 0.5s;
}
.address-menu__button:hover{
    background: #FFCC4D;
}
.opened .address-menu .address-menu__button.address-menu__button-disabled{
    background: #d2d2d2;
}
.opened .address-menu .address-menu__city {
    position: relative;
    width: 100%;
}


.address-menu__options {
    border-radius: 70px;
    background: #FFF;
    box-shadow: 0px 1px 16.5px 0px rgba(0, 0, 0, 0.10);
    display: flex;
    padding: 4px;
}
.address-menu__option.selected .address-menu__address-input {
    display: flex;
    gap: 20px;
}
.address-menu__option-input {
    display: none;
}
.newaddress_menu.selected .address-menu__option-icon span{
    border: 3px solid #FFCC4D;
    background: #fff;
}
.address-menu__option-icon span{
    position: relative;
    border: 0;
    border-radius: 50%;
    width: 14px;
    height: 14px;
    margin-right: 8px;
    background: rgba(205, 205, 205, 0.30);
    display: block;
}
.address-menu__option-label {
    font-size: 15px;
    line-height: 133%;
    letter-spacing: -0.01em;
    color: #000;
    width: 100%;
}

.selected .address-menu__option-input + .address-menu__option-icon::before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    width: 8px;
    height: 8px;
    content: "";
    background-color: #000000;
}
.address-menu__option-radio {
    display: flex;
}
.address-menu__option.selected .address-menu__pickup-selection {
    display: flex;
    padding: 0 0;
}
.address-menu__option.selected .address-menu__pickup-selection.address-menu__pickup-selection-one-adress{
    padding: 0 16px;
}
.address-menu__pickup-selection {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    width: 100%;
    height: auto;
    display: none;
}

.address-menu__pickup-text,
.address-menu__delivery-text{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    line-height: 133%;
    letter-spacing: -0.01em;
    color: black;
    width: 100%;
    padding: 14px 16px;
}
.address-menu__pickup-text::after,
.address-menu__delivery-text::after {
    content: "";
    width: 6px;
    height: 11px;
    display: block;
    background-image: url(/local/templates/main/img/arrow2.svg);
}
.no-border{
    border: 0 !important;
}
.address-menu__pickup-selection.no-border a{
    text-decoration: none;
}
.products__item .product-item-button-container{
    
}
.closest_get_house_street .house_street-obertka{
    position: relative;
}
.my-addresses__address-input input:disabled{
    /*background-color: hsla(0, 0%, 93.7%, .5);*/
}

.closest_get_house_street_list{
    position: absolute;
    border: 1px solid #d4d4d4;
    border-bottom: none;
    border-top: none;
    z-index: 99;
    left: 0;
    right: 0;
    list-style-type: none;
    overflow-y: scroll;
    max-height: 200px;
    top: 100%;
}
.closest_get_house_street_list div{
    cursor: pointer;
}
.address-menu {}
.my-addresses__address-input input.get_house{
    width: 91px;
}
body.noscroll{
    overflow: hidden;
}
.fixed-header.js__fixed .wrapper{
    /* max-width: 1390px; */
}
#questionDelivery{
    display:none;
}
.js__fixed .nav-menu__list{
    margin-left: 0;
}



.my-addresses__address-input{
    display:flex;
    gap: 8px;
    margin-bottom: 8px;
}

.my-addresses__address-input label{
    width: 100%;
    position: relative;
}
.my-addresses__address-input label.label_small_house{
    display: inline-block;
    width: auto;
}
.my-addresses__address-input label span{
    position: absolute;
    top: 13px;
    left: 16px;
    transition:0.5s;
    color: grey;
}
#deliveryAddress .my-addresses__address-input label input.get_house{
    width: 100%;
}
.my-addresses__address-input label.adres-label-focus input{
    padding-top:20px;
}
.newaddress_adress_add .my-addresses__address-input label.adres-label-focus input{
    padding-top:14px;
}
.my-addresses__address-input label.adres-label-focus span{
    font-size: 12px;
    top: 1px;
    left: 16px;
    color: grey;
}
.btn-get-popup_adres-container{
    display: flex;
    justify-content: flex-end;
    margin-left: auto;
    gap: 10px;
}
.tooltip__top b{
    display:none;
}
.product-card__stick{display:none;}
.products-preview__title{
    position: relative;
}
.products-preview__title .tooltip-wrap{
    position: absolute;
    right: 0;
    top: 38px;
}
.products-preview__title .tooltip.active {
    font-size: 16px;
}
.products-preview__btns .btn{
    font-weight: 400;
    font-size: 17px;
    line-height: 118%;
    letter-spacing: -0.01em;
    display: flex;
}
.ordering-progress{
    display: none;
}

.products-preview__info .default-radio .default-radio__label:before{background: none;}

.products-preview__info .default-radio.selected .default-radio__label:before,
.default-radio.selected .default-radio__label:before {
    background-image: url(/local/templates/main/img/radio.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    opacity: 1;
}
.products-preview .price{
    border: 0;
    margin: 0 0 0 5px;
    padding: 0;
    font-weight: 400;
    font-size: 17px;
    line-height: 118%;
    letter-spacing: -0.01em;
}
.products-preview__price {
    margin-right: 0;
}
.products-preview__info{
    border: 1px solid #f0f0f0;
    border-radius: 16px;
    margin-bottom: 20px;
}
.products-preview__info .default-radio{
    border-radius: 16px;
    display: flex;
    justify-content: space-between;
    position: relative;
    padding: 12px 12px 12px 16px;
    width: 100%;
}
.products-preview__info .default-radio.selected{
    background-color: #f0f0f0;
}
.products-preview__bottom{
    padding-top: 0;
    border-top: 0;
    bottom: 20px;
    width: 100%;
    display: block;
}
.products-preview__info .default-radio + .default-radio{
    margin-top: 0;
}
.contact-us__body {
    display: flex;
    gap: 30px;
    margin: 20px 0;
}
.contact-us__button {
    cursor:pointer;
    border-radius: 52px;
    padding: 10px 0px;
    width: 100%;
    height: 40px;
    background: #FFCC4D;
    font-weight: 400;
    font-size: 17px;
    line-height: 118%;
    letter-spacing: -0.01em;
    color: #000;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}
.contact-us__button:hover{
    background: #FFCC4D;
}
.contact-us__button-icon {
    height: 17px;
    width: 17px;
}
.toggle__body {
    border-radius: 70px;
    width: 100%;
    height: 36px;
    background: #f0f0f0;
    display: flex;
    border: solid 2px #f0f0f0;
    margin: 20px 0;
}
.toggle__item {
    border-radius: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    transition: all 0.3s;
    font-weight: 400;
    font-size: 17px;
    line-height: 118%;
    letter-spacing: -0.01em;
    color: #000;
}
.toggle__item.active {
    transition: all 0.3s;
    background: #fff;
}
.pickup {
    opacity: 0;
    transition: all 0.3s;
    display: none;
}
.pickup.active {
    opacity: 1;
    transition: all 0.3s;
    display: block;
}
.delivery {
    opacity: 0;
    transition: all 0.3s;
    display: none;
}
.delivery.active {
    opacity: 1;
    transition: all 0.3s;
    display: block;
}
.contacts-page .delivery-info {
    margin: 80px 0;
}

.contacts-page .delivery-info__ico{
    position: absolute;
}
.contacts-page .delivery-info__title{
    padding-left: 32px;
}
.promocode .default-input__error{
    opacity: 1;
    pointer-events: none;
    position: absolute;
    left: 25px;
    top: 43px;
    z-index: 999;
}

#promocode-form{
    position: relative;
}
.discount__promo-applied:empty{
    display:none;
}
.discount__option.disabled_change{
    opacity: 0.3;
}
.quantity-block_price{
    display:block;
    font-weight: 600;
    letter-spacing: -.03em;
    line-height: 1;
    font-size: 27px;
}
.products-card__btn{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.closest_get_house_street{
    display:none;
}





.discount__options {
    border: 1px solid #f0f0f0;
    border-radius: 16px;
}
.discount__option.option.selected {
    background-color: #f0f0f0;
    border: 1px solid #f0f0f0;
}
.discount__option.selected .discount__bonus-input,
.discount__option.selected .discount__promo-input {
    display: block;
}
.discount__bonus-input,
.discount__promo-input {
    display: none;
}
.discount__option {
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 17px;
    position: relative;
    padding: 20px;
    width: 100%;
}
.discount__option-radio {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.discount__option-input {
    display: none;
}
.discount__option-icon {
    position: relative;
    display: inline-block;
    border: 1px solid black;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-right: 8px;
}
.discount__option.option.selected .discount__option-icon::before{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    width: 8px;
    height: 8px;
    content: "";
    background-color: #000000;
}
.discount__option-label {
    font-size: 15px;
    line-height: 133%;
    letter-spacing: -0.01em;
}
.discount__option.selected .discount__promo-input {
    display: flex;
    gap: 20px;
}
.discount__promo-input input ,
.cart-cont .discount__promo-input input:not(.promocode-form__input){
    width: 100%;
    height: 48px;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    padding: 14px 16px;
    font-size: 15px;
    line-height: 133%;
    letter-spacing: -0.01em;
    color: black;
}
.discount__promo-deny {
    position: absolute;
    z-index: 1;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 400;
    font-size: 15px;
    line-height: 133%;
    display: none;
    letter-spacing: -0.01em;
}
.discount__promo-button,
.promocode .discount__promo-input input.discount__promo-button{
    position: absolute;
    z-index: 10;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 3px;
    padding: 6px 8px;
    background: var(--main-color);
    font-weight: 400;
    font-size: 15px;
    line-height: 133%;
    letter-spacing: -0.01em;
    opacity: 0;
    visibility: hidden;
}
body #telegram-feedback-root .tf-circle{
    background-color: var(--main-color);
}
.js-auth-sub-tlg-btn{
    display:none;
    width: 227px;
    height: 46px;
    border-radius: 28px;
    color: #999999;
    margin: 0 auto 15px auto;
    background: var(--main-color);
}
.js-auth-sub-tlg-btn.hidden{
    display: none !important;
}
.js-auth-sub.tlg{
    background: transparent;
}
.js-auth-sub-tlg-btn a,
.js-auth-sub.tlg a{
    background: transparent;
    width: 100%;
    height: 46px;
    border: none;
    outline: none;
    position: relative;
    display: flex;
    color: #000;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    line-height: 17px;
    letter-spacing: 0px;
}
.js-auth-sub.tlg a{
    background: rgba(0, 0, 0, 0.1);
    border-radius: 28px;
    cursor:pointer;
}
.js-auth-sub-tlg-btn:hover{
    background-color: #ffcc4d
}
.js-auth-sub.tlg.active a{
    background-color: #ffcc4d
}


.promocode .discount__promo-input input.discount__promo-button{
    opacity: 1;
    visibility: visible;
    width: auto;
    height: auto;
    top: 65%;
    right: 26px;
    border:0;
}
.promocode .discount__promo-input input.discount__promo-button:hover{
    background: #FFCC4D;
}
.discount__promo-applied {
    font-weight: 400;
    font-size: 15px;
    line-height: 133%;
    letter-spacing: -0.01em;
}
.discount__bonus-input input {
    width: 100%;
    height: 48px;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    padding: 14px 16px;
    font-size: 15px;
    line-height: 133%;
    letter-spacing: -0.01em;
    color: black;
}

.discount__bonus-button {
    position: absolute;
    z-index: 2;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 3px;
    padding: 6px 8px;
    background: #FFCC4D;
    font-weight: 400;
    font-size: 15px;
    line-height: 133%;
    letter-spacing: -0.01em;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}

.discount__bonus-applied {
    font-weight: 400;
    font-size: 15px;
    line-height: 133%;
    letter-spacing: -0.01em;
    display: none;
}
.discount__bonus-all {
    position: absolute;
    z-index: 1;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 400;
    font-size: 15px;
    line-height: 133%;
    letter-spacing: -0.01em;
    border:0;
    background: none;
}
.cart-cont > :not(:last-child).promocode{
    border-bottom: 0;
}

.discount__bonus-input {
    position: relative;
    display: none;
}
.discount__bonus-count {
    margin-left: 10px;
    font-weight: 400;
    font-size: 17px;
    line-height: 118%;
    letter-spacing: -0.01em;
    color: #999999;
    display: flex;
    align-items: center;
    gap: 3px;
}
.discount__bonus-inp::-webkit-outer-spin-button,
.discount__bonus-inp::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.discount__bonus-input input[type="number"] {
    -moz-appearance: textfield;
    color: #000;
}
.discount__bonus-input input[type="number"]:hover,
.discount__bonus-input input[type="number"]:focus {
    -moz-appearance: number-input;
}

#promocode-form .discount__promo-deny{
    display: block;
    position: absolute;
    z-index: 1;
    right: 34px;
    bottom: -3px;
    transform: translateY(-50%);
    border: 0;
    font-weight: 400;
    font-size: 15px;
    line-height: 133%;
    letter-spacing: -0.01em;
    background: none;
    width: auto;
    padding: 0;
    top: initial;
}
.discount__bonus-input .discount__bonus-button ,
.discount__bonus-input .discount__bonus-deny{
    transition: all 0.3s;
    width:auto;
    border-radius: 3px;
    padding: 6px 8px;
    background: #FFCC4D;
    border: 0;
    font-size: 15px;
    line-height: 133%;
    letter-spacing: -0.01em;
    height: auto;
}
.discount__bonus-input.valid .discount__bonus-button ,
.discount__bonus-input .discount__bonus-deny.active,
#promocode-form .discount__bonus-deny{
    opacity: 1;
    visibility: initial;
}
.discount__bonus-deny.active{
    background: #fff;
}
.discount__bonus-button {
    position: absolute;
    z-index: 2;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 3px;
    padding: 6px 8px;
    background: #FFCC4D;
    border: 0;
    font-weight: 400;
    font-size: 15px;
    line-height: 133%;
    letter-spacing: -0.01em;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s;
}
.discount__bonus-deny {
    position: absolute;
    z-index: 1;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    border: 0;
    font-weight: 400;
    font-size: 15px;
    line-height: 133%;
    display: none;
    letter-spacing: -0.01em;
    background: none;
}
.discount__bonus-deny.active {
    display: block;
}
.pickup-selection__options {
    border: 1px solid #f0f0f0;
    border-radius: 16px;
    width: 100%;
}

.pickup-selection {
    display: none;
    max-width: 600px;
    max-height: 600px;
    padding: 20px ;
    width: 100vw;
    transition: all 0.5s;
}
.pickup-selection .fancybox-close-small{
    display:none;
}
.pickup-selection__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pickup-selection__back-button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #fff;
}
.pickup-selection__back-button img {
    transform: rotate(180deg);
}
.pickup-selection__body {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.pickup-selection__title {
    font-weight: 500;
    font-size: 21px;
    line-height: 114%;
    letter-spacing: -0.02em;
    text-align: center;
    color: #000;
}
.pickup-selection__options {
    border: 1px solid #f0f0f0;
    border-radius: 16px;
    width: 100%;
}
.pickup-selection__option.selected {
    background-color: #f0f0f0;
}
.pickup-selection__option {
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 17px;
    position: relative;
    padding: 20px;
    width: 100%;
}
.pickup-selection__option-radio {
    display: flex;
    position: relative;
}
.pickup-selection__option-input {
    display: none;
}
.pickup-selection__option-icon {
    position: relative;
    display: inline-block;
    border: 1px solid black;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-right: 8px;
}
.pickup-selection__option-input:checked + .pickup-selection__option-icon::before {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    width: 8px;
    height: 8px;
    content: "";
    background-color: #000000;
}
.pickup-selection__option-label {
    font-size: 15px;
    line-height: 133%;
    letter-spacing: -0.01em;
}
.pickup-selection__option.selected .pickup-selection__choose {
    display: block;
}
.pickup-selection__choose {
    border-radius: 52px;
    padding: 10px 0px;
    width: 100%;
    height: 40px;
    background: #FFCC4D;
    font-weight: 400;
    font-size: 17px;
    line-height: 118%;
    letter-spacing: -0.01em;
    color: #000;
    display: none;
    border:0;
}
.address-menu__city-text{
    display: block;
    width: 100%;
    text-align: left;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    height: 0;
    padding: 0 35px 0 25px;
}
.address-menu__city-text.selected_city{
    opacity: 1;
    visibility: visible;
    position: relative;
    padding: 10px 35px 10px 25px;
    height: auto;
}
.address-menu__city.opened .address-menu__city-text{
    display: block;
    opacity: 1;
    visibility: visible;
    height: auto;
    padding: 10px 35px 10px 25px;
}
.address-menu__city.opened{
    flex-direction: column;
}
.address-menu__city.opened .address-menu__city-img{
    display:none;
}
.address-menu__city.opened .address-menu__city-text.selected_city{
    background: #f6f6f6;
    width: 100%;
}

.address-menu__citys{
    z-index: 222;
    position: absolute;
    max-height: 217px;
    overflow: hidden;
    align-items: center;
    border: 1px solid #CDCDCD;
    border-radius: 40px;
    width: auto;
    display: flex;
    flex-direction: column;
    height: auto;
    background: #fff;
}

.minibasket {
    position: fixed;
    background: #f0f0f0;
    border-radius: 16px 16px 0 0;
    display: none;
    width: 100%;
    max-width: 600px;
}
.cart__body {
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 120px;
}
.cart__header {
    display: flex;
    justify-content: space-between;
}
.cart__address {
    font-weight: 400;
    font-size: 15px;
    line-height: 133%;
    letter-spacing: -0.01em;
    color: #000;
}

.cart__button {
    border-radius: 101px;
    padding: 12px 20px;
    width: auto;
    height: 48px;
    display: inline-flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
    background: #FFCC4D;
}
.cart__button-text {
    font-weight: 500;
    font-size: 21px;
    line-height: 114%;
    letter-spacing: -0.02em;
    text-align: right;
    color: #000;
    font-family: var(--second-font);
}
.cart__button-value {
    font-weight: 500;
    font-size: 21px;
    line-height: 114%;
    letter-spacing: -0.02em;
    text-align: right;
    color: #000;
    font-family: var(--second-font);
}

.grecaptcha-badge { visibility: hidden; }
input.quantity__control:hover,input.quantity__control{
    cursor: default;;
}
/*NEW*/
.sss{
    display: none;
}
.btb{
    display: none;
}
#basket-total-block .cart__button.cart__button_flex_column{
    flex-direction: column; 
    gap: 0; 
}
.cart__button.cart__button_flex_column .cart__button_flex_row{
    flex-direction: row;
    display: flex;
    gap: 10px;
}
.cart__button-text-small{
    color: #000;
    opacity: 0.4;
    line-height: 16px;
    font-size: 12px;
}
.cart__button_flex_row .cart__button-text{
    line-height: 18px;
    font-weight: 500;
}
.cart__button_flex_row .cart__button-value{
    line-height: 18px;
    font-weight: 500;
}




.statusPagination{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 10px;
    flex-direction: row;
    position: absolute;
    top: 48px;
    left: 0;
    padding: 0 20px;
}
.statusPagination-item{
    background: #CCCCCC;width: 100%;border-radius: 3px;border: 0;display: block;height: 4px;
}
.statusPagination-item.active{
    background: #FFCC4D;
}


.orderMiniSlider{
    max-width: 340px;
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    padding: 15px;
}
.orderMiniSlider.swiper-container{
    max-width: 460px;
}
.orderMiniSlider_item{
    background: #FFCC4D;
    border-radius: 16px;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.orderMiniSlider_item-icon{
    border-radius: 50%;
    background: #fff;
    height: 36px;
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.orderMiniSlider_item-icon img{
    
}
.orderMiniSlider_item-text{
    padding-left: 10px;
    line-height: 18px;
}
.orderMiniSlider_item-text b{
    
}
.orderMiniSlider_item-text span{
    display: block;
}
.orderMiniSlider_item-time{
    font-size: 36px;
    font-weight: bold;
    line-height: 40px;
    height: 40px;
}
.orderMiniSlider_item-icon-text{
    display: flex;
    align-items: center;
}
.orderMiniSlider_item-time small{
    font-size: 16px;
}
.goToAllCatalog_loading{
    position: relative;
    display: flex;
    width:100%;
    align-items: center;
    justify-content: center;
    padding:30px 0;
}
.goToAllCatalog_loading:after {
    z-index: 100010;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    content: '';
    margin-top: -15px;
    margin-left: -15px;
    border-left: 2px solid #FFCC4D;
    border-bottom: 2px solid #FFCC4D;
    border-top: 2px solid #FFCC4D;
    border: 2px solid var(--main-color);
    border-right: 2px solid transparent;
    animation: rotate 1s linear infinite;
}
.newaddress_menu_button_points{
    display:none;
    color: #6F6F6F;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    margin: 20px 0 8px;
    cursor: pointer;
}


.orderFancyboxContainer .fancybox-slide--html .fancybox-content{
    width: 100%;
    height: 100%;
    padding: 0;
}
.orderFancyboxContainer .fancybox-close-small{
    box-shadow: 0 0 10px grey;
    z-index: 99999999;
    left: 15px;
    background: #fff url(/local/templates/main/img/arrow2.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    border: 1px solid #f0f0f0;
    border-radius: 50%;
    top: 15px;
    height: 38px;
    width: 38px;
    transform: rotate(180deg);
}





.address-menu__city-text.selected_city:before{
    content: '';
    transform: rotate(90deg);
    position: absolute;
    right: 8px;
    top: 11px;
    z-index: 9999;
    width: 24px;
    height: 16px;
    background: url(/local/templates/main/img/arrow2.svg) no-repeat center center;
}


#couriermap{
    height: 100%;
    width:100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 99999;
}
.sushi_marker{
    height: 43px;
    width:38px;
}

.couriermap{

}
.orders.swiper-container{
    padding: 20px 0 0;
    border-radius: 0;
    box-shadow: 0px 1px 5.3px 3px #00000017;
    background: #fff;
    bottom: 0;
    top: 0;
    overflow-y: hidden;
    max-width: 360px;
    z-index: 9999999;
    right: 0;
    position: absolute;
    height: 100%;
    overflow-y: auto;
}
.order_slide{
    padding: 10px 20px 20px 20px;
}
.order_slide-title{
    font-size: 21px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.02em;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}
.order_slide-status{
    
}
.order_slide-time{
    
}
.order_slide-neuspeem{
    font-size: 11px;
    font-weight: 400;
    line-height: 14.93px;
    letter-spacing: -0.01em;
    text-align: left;
    margin: 10px 0;
}
.order_slide-povar{
    display: flex;
    align-items: center;
    margin: 15px 0;
}
.order_slide-statustxt{
    color: #999999;
}
.order_slide-povar div{
    
}
.order_slide-povar div span{
    display: block;
    font-size: 15px;
    line-height: 14.93px;
    letter-spacing: -0.01em;
    text-align: left;
}
.order_slide-povarimg{
    margin-right: 10px;
}
.order_slide-povarimg img{
    
}
.order_slide-povarname{
    font-weight: 600;
    margin-bottom: 3px;
}
.order_slide-povartxt{
    
}
.order_slide-help{
    box-shadow: 0px 1px 5.3px 3px #00000017;
    padding: 12px;
    border-radius: 15px;
    margin: 0 0 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.order_slide-helpitem{
    font-size: 15px;
    line-height: 14.93px;
    letter-spacing: -0.01em;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.order_slide-helpitem a:not([class]){
    display: inline-flex;
    margin-left: 5px;
    border-radius: 50%;
    border: 1px solid #000;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    padding: 8px;
}
.order_slide-helpitem a:not([class]):nth-child(2){
    border-color: #11aade;
}
.order_slide-helpitem a img{
    
}
.order_slide-itogo{
    box-shadow: 0px 1px 5.3px 3px #00000017;
    padding: 10px 20px 10px 20px;
    border-radius: 15px;
}
.order_slide-items{
    margin: 0 0 10px;
}
.order_slide-item{
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0;
    position: relative;
}
.order_slide-item img{
    height: 52px;
}
.order_slide-item div{
    font-size: 11.25px;
    font-weight: 500;
    line-height: 13.24px;
    letter-spacing: -0.01em;
    text-align: left;
    margin-top: 8px;
    padding: 0 4px;
}
.order_slide-item div span{
    position: absolute;
    top: 0;
    color: #cccccc;
    right: 6px;
}
.swiper-initialized .order_slide-item div{
    text-align: center;
}
.order_slide-itogtxt{
}
.order_slide-itogtxt > b{
    
}
.order_slide-itogtxt > hr{
    margin: 5px 0;
}
.order_slide-itogtxt > div{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.order_slide-itogtxt > div span{
    
}
.order_slide-itogtxt > div b{
    
}
.page-section-concourier-page{
    position: relative;
    height: 640px;
    margin: 0 0 50px;
}
body.concourier-page .header-block{
    padding: 20px 0 40px;
}
body.concourier-page {
    overflow-x: hidden;
}
.orders .swiper-pagination{width: 100%;gap: 10px;flex-direction: row;position: absolute;top: 70px;padding: 0 20px;}
.orders .swiper-pagination .swiper-pagination-bullet{background: #CCCCCC;width: 100%;border-radius: 3px;border: 0;display: block;height: 4px;}
.orders .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: #FFCC4D;}
.orders .address-menu__stick{
    display:none;
}



.clear_adres_input{
    background: #F5F5F5 url(/local/templates/main/img/adresclose.svg) no-repeat center center;
    background-size: 10px;
    width: 22px;
    height: 22px;
    position: absolute;
    color: #fff;
    align-items: center;
    justify-content: center;
    right: 10px;
    top: 13px;
    border-radius: 50%;
    line-height: 0;
    font-size: 15px;
    cursor:pointer;
    display: none;

}
.clear_adres_input.show{
    display: flex;
    padding: 0 0 3px;
    z-index: 999999;
}


#addressDeliveryMenuMap{
    width:570px;
    height:480px;
}
.address-menu__stick{
    display:none;
}

.newaddress_menu_block{
    position: relative;
}
.newaddress_menu_block_dop{
    height: 180px;
    overflow: auto;
    display: none;
}

.newaddress_menu_block:after{
    background:url(/local/templates/main/img/white_bg_gardient_transparent.png);
    /* content:''; */
    display:block;
    height:40px;
    width:100%;
    position: absolute;
    bottom: 0;
}
.newaddress_menu{
    padding: 12px 0;
    border-bottom: 1px solid #CDCDCD;
    cursor: pointer;
    display: flex;
}
.newaddress_menu .address-menu__option-radio{}
.newaddress_menu .address-menu__option-icon{
    display: flex;
    align-items: start;
    justify-content: center;
    padding: 5px 0 0 0;
}
.newaddress_menu .address-menu__option-label{}
.newaddress_menu b{
    display: block;
    color: rgba(0, 0, 0, 0.70);
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}
.newaddress_menu small{
    display: block;
    color: rgba(0, 0, 0, 0.50);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}
.newaddress_menu .address-menu__option-edit{
    display: flex;
    align-items: center;
    justify-content: center;
}
.newaddress_menu .address-menu__option-edit img{}
.newaddress_menu_button_add,
.newaddress_menu_button_adres{
    color: #6F6F6F;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    margin: 0;
    display: block;
    cursor: pointer;
}
.newaddress_menu_button_adres{
    display: none;
}
.newaddress_menu_buttons_small{
    display:flex;
    align-items: center;
    justify-content: space-between;
}

.my-addresses__address-input-btn,
.newaddress_menu_button_adres{
    display:none;
}
[data-show="point"] .address-menu__city,
[data-show="point"] .newaddress_menu_points,
[data-show="point"] .address-menu__button{
    display:block;
}
[data-show="point"] .address-menu__button.address-menu__button-disabled{
    background: #d9d9d9;
}
.newaddress_menu_points.heightauto{
    height: auto;
}
#addressDeliveryMenu[data-show="adres"].noneauthorized .newaddress_menu_buttons,
[data-show="point"] .my-addresses__address-input.house_street-obertka{
    display:none;
}


[data-show="adres"] .newaddress_menu_adreses,
[data-show="adres"] .address-menu__city,
[data-show="adres"] .address-menu__button{
    display:block;
}
[data-show="point"] .address-menu__option.thispoint,
[data-show="adres"] .address-menu__option:not(.thispoint),
[data-show="edit"] .address-menu__option:not(.thispoint){
    width: calc(100% + 2px);
    margin: 0 -1px -1px -1px;
    background: #FFCC4D;
    font-weight: 500;
}

[data-show="point"] .newaddress_menu_adreses,
[data-show="point"] .newaddress_menu_form,
[data-show="point"] .newaddress_menu_button_add,
[data-show="point"] .newaddress_menu_button_adres,
[data-show="point"] .newaddress_menu_button_points,
[data-show="point"] .my-addresses__address-input-btn{
    display:none;
}

[data-show="vibor"] .newaddress_menu_adreses,
[data-show="cart"] .newaddress_menu_adreses,
[data-show="citys"] .newaddress_menu_adreses,

[data-show="vibor"] .address-menu__city,
[data-show="cart"] .address-menu__city,
[data-show="citys"] .address-menu__city,

[data-show="adres"] .newaddress_menu_button_add{
    display:block;
}
[data-show="vibor"] .newaddress_menu_form,
[data-show="cart"] .newaddress_menu_form,
[data-show="citys"] .newaddress_menu_form,
[data-show="adres"] .newaddress_menu_form,
[data-show="adres"] .newaddress_menu_button_points {
    display:none;
}


[data-show="edit"] .my-addresses__address-input-btn{
    display:flex;
    gap: 8px;
}
[data-show="edit"] .address-menu__city,
[data-show="edit"] .newaddress_menu_form{
    display:block;
}
[data-show="edit"] .newaddress_menu_block,
[data-show="edit"] .newaddress_menu_buttons_small,
[data-show="edit"] .address-menu__button ,
[data-show="edit"].opened .address-menu .address-menu__button ,
[data-show="edit"] .menu__button {
    display:none;
}
.address-menu-back{
    display:none;
}
.hidebtn{
    background-color: #c6c6c6;
}
    
.dop_positions_text_desktop {
        font-size: 16px;
        margin-top:0px;
        margin-bottom: 10px;
}
.dop_positions_text_mobile {
    
}
.address-menu-city-mobile-btn{
    display:none;
    align-items: center;
    justify-content: center;
    border-radius: 40px;
    background: #FFF;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.10);
    position: absolute;
    bottom: calc(100% + 10px);
    z-index: 9999999;
    right: 14px;
    width: auto;
    height: 40px;
    padding: 5px 30px 5px 20px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}
.address-menu__city__title{
    display:none;
}
.newaddress_menu_point__title{
    display:none;
}
.newaddress_menu_adres__title{
    display:none;
}
.address-menu__city{
    margin-bottom: 10px;
}
.address-menu__button.address-menu__button-disabled{
    background: #d9d9d9;
}
.newaddress_adress_add{
    position: relative;
}
.product-item-button-container .btn._disabled{
    width:auto;
}
.products-card__link.products-card__link_z1{
    z-index: 1;
}
#deliveryAddress .my-addresses__options .closest_get_house_street{
    display:block;
}
#deliveryAddress .my-addresses__options .my-addresses__address-input,
#deliveryAddress .my-addresses__options .my-adresses__delete{
    display:none;
}
#deliveryAddress .my-addresses__options .closest_get_house_street.selected .my-addresses__address-input{
    display:flex;
}
#deliveryAddress .my-addresses__options .closest_get_house_street.selected .my-adresses__delete{
    display:block;
}
#deliveryAddress .my-addresses__options .closest_get_house_street.selected .my-addresses__option-radio{
    margin-bottom: 15px;
}
#addressDeliveryMenu[data-show="edit"] .newaddress_adress_add .house_street-obertka{
    display:none;
}
.my-addresses__address-input label.adres-label-focus input:disabled{
    background: #ececec;
}
#profile.popup .fancybox-close-small{
    display:none;
}
#profile.popup .header__menu-button-close{
    position: absolute;
    right: 7px;
    top: 7px;
}

.productsComboIteem{
    position: relative;
    min-width: 163px;
}
.productsComboIteem.products-item{
    position: relative;
    min-width: 160px;
}


.tooltip-wrap-tovar{
    display: flex;
        position: absolute;
        right: 8px;
        top: 9px;
        align-items: center;
        justify-content: center;
        z-index: 10;
}
.tooltip__btn_tovar{
    width: 18px;
    height: 18px;
    background: none;
    border: 1px solid #999;
    color: #999;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    margin-left: 2px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tooltip_tovar{
    font-size: 12px;
    max-width: 250px;
    min-width: 200px;
    transition: opacity .3s linear;
    position: absolute;
    right: calc(50% - 20px);
    top: calc(100% + 16px);
    padding: 12px 16px;
    border-radius: 8px;
    background: #000;
    color: #fff;
    opacity: 0;
    pointer-events: none;
    z-index: 3;
}
.tooltip_tovar_left .tooltip_tovar{
    transform: translate(50%);
    right: calc(50% - 1px);
}
.tooltip_tovar_left .tooltip_tovar:after{
    right: calc(50% - 8px);
}
.tooltip_tovar:after {
    content: "";
    position: absolute;
    top: -6px;
    right: 10px;
    margin-left: -8px;
    width: 17px;
    height: 17px;
    border-radius: 4px;
    background: #000;
    display: block;
    transform: rotate(45deg);
}
.tooltip-wrap-tovar.active .tooltip_tovar {
    opacity:1;
}
.popup#user .fancybox-close-small{
    display:none;
}
.cart__info_not_work{
    color:#B21111;
    font-size: 15px;
}
.headerdelivery__info_container{
    line-height: 1.4;
    display: flex;
}
.soon_close_work{
    background: #F0CFCF;
    color: #B21111;
    text-align: center;
    font-size: 17px;
    font-weight: 500;
    padding: 10px 0;
    margin-bottom: 20px;
}






@media screen and (max-width: 1000px) {
    #newajaxbasket #basket-items-list-wrapper{
        margin-top: 0;
        padding-bottom: 0;
        padding-top: 45px;
    }
    .category-list{
        overflow: hidden;
    }
    .mobile-nav .wrapper{
        width: 100%;
        padding: 0;
    }
    .mobile-nav .nav-menu{
        padding-right:0px;
        margin-left: 0;
        margin-right: 0;
    }
    .soon_close_work{
        font-size: 13px;
        font-weight: 400;
        padding: 4px 0;
    }
    .address-menu__info_title_desktop{
        display:none;
    }
    .productsComboIteem{
        min-width: 0;
    }
    #profile.popup .header__menu-button-close{
        right: 20px;
        top: 21px;
    }
    #dopsBasket .products-card .quantity{
        width: auto;
    }
    #dopsBasket .priceHideMobile .price {
        display: flex;
    }
    #dopsBasket .priceHideMobile .products-card__btn{
        width: auto;
    }
    [data-show="point"] .newaddress_menu_points.newaddress_menu_points3{
        height: 225px;
    }
    .lt-label-mobile{
        display: none!important;
    }
    .priceHideMobile .price{
        display:none;
    }
    .priceHideMobile .products-card__btn{
        width: 100%;
    }
    #dopsBasket .product-item-button-container .btn{
        width: auto;
    }
    #dopsBasket .products__item.baskets-dop {
        width: 100%;
        border-bottom: none;
        padding: 0;
    }

    .clear_adres_input{
        top:0;
    }

    #free_add_content #dopsBasket .products-card{
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 0;
        padding-right: 0;
        box-shadow: none;
        background: none;
        border-radius: 0;
    }
    #free_add_content #dopsBasket .products__item.baskets-dop{
        margin-bottom: 5px;
    }
    #newajaxbasket .fancybox-close-small{
        display:none;
    }
    .products-preview__btns .btn{
        width:100%
    }
    .products-card__bottom_added [data-entity="buttons-block"]{
        display: flex;
    }
    .products-card__bottom_added [data-entity="price-block"]{
        display: block;
    }
    .products-card__bottom_added [data-entity="quantity-block"]{
        width: 50%;
    }
    .products-card__img{
        
    }
    .products-card__img img{
        height: auto;
    }
    .products-card__link{
        z-index: 22;
    }
    .products-card__link.products-card__link_z1{
        z-index: 1;
    }
    .my-addresses__address-input{
        display: flex;
    }
    .newaddress_adress_add .my-addresses__address-input{
        display: block;
    }
    #free_add_content .tooltip{
        height: 107px;
        top: -115px;
    }
    body.concourier-page #newajaxbasket .header-block{
        max-width: none;
    }
    #newajaxbasket{
        max-width: none;
    }
    #addressDeliveryMenu .newaddress_menu_adreses_big .newaddress_menu_block_dop{
        max-height: 500px;
        overflow: auto;
    }
    .newaddress_menu_adreses_big .newaddress_menu_buttons,
    body .newaddress_menu_adreses_big .address-menu__options,
    .newaddress_menu_adreses_big .address-menu__option-edit{
        display:none;
    }
    

    .newaddress_menu_adreses_big.address-menu{
        height: 100%;
    }
    .newaddress_menu_adreses_big.address-menu .address-menu__stick{
        height: 3px;
        margin: 10px 0;
    }
    .newaddress_adress_add .house_street-obertka{
        position: relative;
    }


    [data-show="edit"].noneauthorized .newaddress_adress_add{
        display: block;
    }
    [data-show="edit"].noneauthorized .newaddress_menu_form{
        display: none;
    }
    [data-show="edit"].noneauthorized .newaddress_menu_buttons{
        display: none;
    }


    .address-menu__city.opened .address-menu__city-text.selected_city:before{
        display:block;
    }
    .address-menu__city.opened .address-menu__city-text{
        padding-left: 0;
    }
    .address-menu__city .address-menu__city-text.selected_city {
        background: #f6f6f6;
    }
    .address-menu-back{
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: #FFF;
        box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.10);
        position: absolute;
        bottom: calc(100% + 10px);
        z-index: 9999999;
        left: 14px;
        width: 40px;
        height: 40px;
    }
    #addressDeliveryMenuMap {
        height: 100%;
        position: fixed;
        top: 0;
        z-index: 10;
        width: 100%;
    }
    .products-card__title__desc{
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    #free_add_content .products-card__title:nth-last-child(2){
        margin-bottom: 0;
    }
    .tf-circle{
        right: 100%;
        left: initial;
    }
    #telegram-feedback-root{
        right: 100%;
        left: initial;
    }
    body div#telegram-feedback-root.small-root{
        left: 100%;
        right: initial;
        position: absolute;
    }
    .profile__label .tooltip.active{
        left: -100px;
        height: auto;
        line-height: 1;
        min-height: 0;
        bottom: 100%;
        top: initial;
    }
    #deliveryAddress{
        overflow: auto;
    }
    .quantity-block_price{
        font-size: 20px;
    }
    body{
        width:100%;
    }
    .js-edit-profile{
        text-align: center;
    }


    .contacts-info__item{
        padding: 20px 0;
        display: flex;
        gap: 16px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    .contacts-info__list + .contacts-card {
        display: none;
    }
    .contacts-info__ico {
        margin-top: 4px;
        flex-shrink: 0;
        width: 24px;
        height: 24px;
        margin-right: 0;
    }
    .contacts-page .delivery-info__item {
        padding: 20px 0;
        display: flex;
        gap: 16px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }
    .contacts-page .delivery-info {
        margin: 0 0 40px;
        grid-column-gap: 0;
        grid-row-gap: 0;
    }
    .contacts-page .delivery-info__ico{
        margin-top: 4px;
        flex-shrink: 0;
        width: 24px;
        height: 24px;
        position: static;
        margin-right: 0;
    }
    .contacts-page .delivery-info__text{
        font-weight: 400;
        font-size: 15px;
        line-height: 133%;
        letter-spacing: -0.01em;
        color: #000;
        max-width: none;
    }
    .contacts-info__list {
        grid-column-gap: 0;
        grid-row-gap: 0;
    }
    .contacts-page .delivery-info__title,
    .contacts-info__text{
        font-weight: 500;
        font-size: 21px;
        line-height: 114%;
        letter-spacing: -0.02em;
        color: #000;
        margin-bottom: 0;
        max-width: none;
    }
    .contacts-page .delivery-info__item:last-child,
    .contacts-info__item:last-child {
        border-bottom: none;
    }
    .contacts-page .delivery-info__title{
        padding-left: 0;
    }

    #addressDeliveryMenuContainer .address-menu-close {
        display:none;
    }
    .btbi.btb-4{
        display:none;
    }
    .products-preview-wrap{
        background-color: white;
        position: fixed;
        display: flex;
        flex-direction: column;
        align-items: center;
        bottom: 0;
        z-index: 9999;
        overflow: hidden;
        transition: all 0.5s;
        border-radius: 16px 16px 0 0;
        bottom: -100%;
        visibility: hidden;
        height: auto;
        left: 0;
    }
    .products-preview-wrap.active {
        bottom: 0;
        visibility: visible;
        transition: all 0.5s;
        box-shadow: 0px -4px 4px 0px rgba(0, 0, 0, 0.1);
    }
    body .products__item .products-preview{
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding: 12px 20px 20px 20px;
        background-color: white;
        width: 100vw;
        min-height: 0;
    }
    .product-card__stick {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .products-preview__title{
        position: relative;
        font-weight: 500;
        font-size: 21px;
        line-height: 114%;
        letter-spacing: -0.02em;
        color: #000;
    }
    .products-preview__title .tooltip-wrap{
        position: absolute;
        right:0;
        top: 0;
    }
    .products-preview__text,
    .products-preview__info .default-radio__label{
        font-weight: 400;
        font-size: 15px;
        line-height: 133%;
        letter-spacing: -0.01em;
        color: #000;
    }
    .products-preview__text{
        font-weight: 400;
        font-size: 15px;
        line-height: 133%;
        letter-spacing: -0.01em;
        color: #999999;
    }
    .tooltip.active{
        position: absolute;
        top: -208px;
        left: initial;
        right: 0;
        z-index: 13;
        padding: 10px 16px;
        border-radius: 8px;
        width: 240px;
        height: 200px;
        background-color: #000000;
        font-weight: 400;
        font-size: 15px;
        line-height: 133%;
        letter-spacing: -0.01em;
        color: white;
    }
    .tooltip__top span{
        display:none;
    }
    .tooltip__top b{
        display:inline;
    }
    .sts.mobile-menu .side-bar__header .btn {
        display: flex;
        gap: 20px;
        padding: 21px 0 0;
        max-width: 259px;
    }
    .mobile-menu .city-select{
        display:none;
    }
    #questionDelivery{
        display:block;
    }
    #addressDeliveryMenuMap{
        background: #fff;
    }
    .logo img{
        max-width: 48px;
    }
    .address-menu {
        position: fixed;
        display: flex;
        flex-direction: column;
        align-items: center;
        bottom: -90px;
        z-index: 911111;
        padding-bottom: 20px;
        border-radius: 16px 16px 0 0;
        visibility: visible;
        transition: none;
        width:100%;
        background: #fff;
        box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.10);
    }
    .main-banner__item {
        margin-right: 8px;
    }
    .menu-button {
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 50%;
        display: block;
        position: relative;
        width: 36px;
        height: 36px;
        flex-shrink: 0;
    }
    .js__burger-open .menu-button {
        z-index: 1115;
        background: #fff;
    }
    .js__burger-open .menu-button span::after{
        bottom: 17px;
        transform: rotate(-45deg);
    } 
    .js__burger-open .menu-button span::before {
        top: 15.5px;
        transform: rotate(45deg);
    }
    .menu-button span::after, .menu-button span::before {
        content: "";
        position: absolute;
        border-radius: 1px;
        left: 10px;
        width: 14px;
        height: 2px;
        background-color: #000000;
        transition: all 0.5s ease-out;
    }
    .menu-button span::before {
        top: 13.5px;
    }
    .menu-button span::after {
        bottom: 13.5px;
    }
    .brightness {
        position: fixed;
        background-color: #00000054;
        height: 100vh;
        width: 100vw;
        top: 0;
        left: 0;
        z-index: 10;
        opacity: 0;
        transition: opacity 0.5s;
        pointer-events: none;
      }
      .brightness.active {
        pointer-events: initial;
        opacity: 1;
        transition: opacity 0.5s;
      }
      .side-bar {
        width: 79%;
        height: 100vh;
        position: fixed;
        z-index: 11;
        top: 0;
        left: -100%;
        transition: all 0.5s;
        visibility: hidden;
      }
      
      .side-bar.active {
        visibility: visible;
        left: 0;
        transition: all 0.5s;
      }
      .side-bar__menu-button {
        border: 1px solid rgba(0, 0, 0, 0.1);
        border-radius: 50%;
        position: relative;
        width: 36px;
        height: 36px;
        flex-shrink: 0;
        display: none;
        background-color: rgba(192, 192, 192, 1);
        position: fixed;
        right: 20px;
        top: 20px;
      }
      .side-bar.active .side-bar__menu-button {
        z-index: 12;
        display: block;
        background-color: rgba(192, 192, 192, 1);
      }
      .side-bar__menu-button span::after,
      .side-bar__menu-button span::before {
        content: "";
        position: absolute;
        border-radius: 1px;
        left: 10px;
        width: 14px;
        height: 2px;
        background-color: #000000;
        transition: all 0.5s ease-out;
      }
      .side-bar__menu-button span::before {
        transition: all 0.3s;
        transform: rotate(-45deg);
        top: 16px;
      }
      .side-bar__menu-button span::after {
        transition: all 0.3s;
        transform: rotate(45deg);
        bottom: 16px;
      }
      .side-bar__logo {
        display: block;
        width: 108px;
        height: 40px;
        margin-bottom: 20px;
      }
      .side-bar__body {
        padding: 20px 0 20px 20px;
        width: 100%;
        height: 100%;
        background-color: white;
        border-radius: 0 16px 16px 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
      }

    .products-preview-wrap.active + .products-preview-wrap-bg{
        position: fixed;
        top: 0;
        bottom: 0;
        z-index: 99;
        left: 0;
        right: 0;
        background: rgba(255, 255, 255, 0.5);
        width: 100%;
        height: 100%;
    }
    .statusPagination{
        top: 39px;
    }
    .cart__body{
        padding: 10px 0;
        gap: 10px;
        height: 100px;
    }
    .orderMiniSlider{
        bottom: 107px;
        max-width: 100%;
        padding: 0 10px;
    }
    .orderMiniSlider_item-time{
        font-size: 28px;
    }
    .profile .default-input__inputs:not(.phone-inputs) .default-date__input{
        min-width: 0;
    }
    .profile__item_other{
        display: none !important;
    }
    .cart__button{
        width:100%;
        display:flex;
    }
    .products-preview-wrap .products-preview__bottom .products-card__btn .quantity{
        max-width: 100px;
    }

    #addressDeliveryMenuContainer:after{
        display:none;
    }





    .cart__address{
        white-space: nowrap;
        max-width: 50%;
        display: flex;
        align-items: center;
    }
    .cart__address i{
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 90%;
        font-style: normal;
        display: inline-block;

    }

    #addressDeliveryMenuContainer {
        display: block;
        position: fixed;
        top: initial;
        bottom: 0;
        width: 100%;
        height: auto;
        z-index: 999;
        transition: padding 0.3s;
        padding: 0;
    }

    .address-menu__body{
        padding-bottom: 90px;
        padding-right:20px;
        padding-left:20px;
        height: auto;
    }
    #addressDeliveryMenu {
        left: 0;
        bottom: -90px;
        border-radius: 0;
        flex-direction: column-reverse;
    }
    #deliveryAddress {
        max-width: none;
        border-radius: 16px;
        padding: 40px 24px 24px;
        min-height: 430px;
        height: 100%;
    }
    .address-menu__info_title{
        display:none;
    }
    .address-menu__buttons{
        display:none;
    }

    .address-menu__title{
        color: #000;
        font-size: 21px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
    }
    .address-menu__description{
        margin-bottom: 20px;
        font-size: 15px;
        font-weight: 400;
        line-height: 20px;
    }
    .minibasket {
        padding:0 20px;
        left: calc(50% - 330px);
        bottom: 0;
        z-index: 999;
        bottom: 0;
        width: 100%;
        max-width: none;
        left: 0;
        box-shadow: 0 0 16.5px rgba(0, 0, 0, 0.15);
        background: #fff;
    }
    .fancybox-slide--html .fancybox-content#pickupselection{
        height: 100%;
        width: 100%;
        max-width: none;
        max-height: none;
    }
    .header .sss .city-select {
        display: none;
    }
    .header-contacts__link{
        
    }
    .sss{
        display: block;
    }
    /*Футер*/
    .btb{
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        width:100%;
        height: 56px;
        background: #FFCC4D;
        border-radius: 24px 24px 0  0;
        position: sticky;
        bottom: 0;
        opacity: 1!important;
    }
    .btb .btbi{
        height: 56px;
    }
    .js__burger-open .btb-1 .fcart{
        background: white;
    }
    .btn-get-popup_adres {
        display:none;
    }

    body div#telegram-feedback-root.small-root{
        margin-bottom: -30px;
        margin-right: 21%;
        display: none;
    }
    body #telegram-feedback-root .tf-circle{
        background-color: transparent!important;
        opacity: 0!important;
    }
    body #telegram-feedback-root{
        box-shadow: none!important;

    }
    .fcart{
        display: block;
        width: 45px;
        height: 45px;
        border-radius: 45px;
        position: relative;
        margin-top: 8px;
    }
    .fcart svg{
        position: absolute;
        left: 15%;
        top: 16%;
        width: 70%;
    }
    .cw{
        background: white;
    }
    .cy{
        background: transparent;
    }
    body .page-section{
        padding: 30px 0 0 0;
    }

    body .products-preview {
        padding: 30px 30px 70px 30px;

    }
    .mobile-cart-btn{
        display: none;
    }
    /*меню*/
    .brightness.active {
        pointer-events: initial;
        opacity: 1;
        transition: opacity 0.5s;
    }
    .brightness {
        position: fixed;
        background-color: #00000054;
        height: 100vh;
        width: 100vw;
        top: 0;
        left: 0;
        z-index: 1111;
        opacity: 0;
        transition: opacity 0.5s;
        pointer-events: none;
    }
    .mobile-menu.sts{
        background: none;
        color: #000;
        transition: transform 2s linear;
        width: 79%;
        height: 100vh;
        position: fixed;
        z-index: 1112;
        top: 0;
        left: -100%;
        transition: all 0.5s;
        visibility: hidden;
        min-width: 0;
    }
    .address-menu__login img{
        width: 20px;
    }
    .address-menu__open{
        padding: 12px 0; 
    }
    .mobile-menu.sts .mobile-menu__cont{
        width: 100%;
        height: auto;
        background: #FFCC4D;
        border-radius: 24px 24px 0 0;
        transition: transform 2s linear;
    }
    .sts.mobile-menu .main-menu{
        border-top: 1px solid rgba(0, 0, 0, .08);
    }
    .sts.mobile-menu .main-menu__link{
        color: #000;
        font-size: 21px;
        line-height: 24px;

    }
    .sts.mobile-menu .main-menu__item{
        border-bottom: 1px solid rgba(0, 0, 0, .08);
    }
    .sts.mobile-menu .btn-user{
        color: #000;
        font-size: 21px;
        line-height: 24px;
        font-weight: 500;
    }
    .mobile-menu .btn-user:hover .bonus, .mobile-menu .btn-user .bonus{
        color: grey;
    }
    .sts.mobile-menu .btn-user .bonus:after {
        filter: invert(.5);
    }
    .sts.mobile-menu .soc{
        margin-top: 10px;
        margin-bottom: 0px;
    }
    .sts .mobile-menu__top{
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding-bottom: 0;
        margin-bottom: 20px;
    }

    .js__burger-open .mobile-menu {
        visibility: visible;
        left: 0;
        transition: all 0.5s;
    }
    .mobile-menu__bottom{
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 100%;
        height: 100%;
    }
    .sts.mobile-menu .main-menu__link{
        font-weight: 400;
        font-size: 17px;
        line-height: 118%;
        letter-spacing: -0.01em;
        color: black;
    }
    .sts.mobile-menu .main-menu__item{
        border-bottom:0;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }
    .mobile-menu .main-menu__list{

    }
    .mobile-menu .btn-user .user{
        margin-left: 5px;
    }
    .mobile-menu .header-btns{
        margin: 0;
    }
    .mobile-menu .header-btns a{
        margin-left:5px;
        display:flex;
        align-items: center;
    }
    .sts.mobile-menu .main-menu{
        border-top: 0;
    }
    .mobile-menu.sts .mobile-menu__cont{
        padding: 20px 0 85px 20px;
        width: 100%;
        height: 100%;
        background-color: white;
        border-radius: 0 16px 16px 0;
        display: flex;
        flex-direction: column;
    }
    .sts.mobile-menu .city-select__select{
        color: #000;
        background-image: url(/local/templates/main/img/select.svg);
    }
    .city-select__select option{
        color: #000;
    }
    .city-select__select{
        color: #000;
    }
    .sts .header-contacts__text{
        margin-left: 0;
    }
    .sts .header-contacts__link{
        font-size: 17px;
        line-height: 20px;
        color: #000;
        background: rgba(255, 255, 255, 0.5);
        border-radius: 101px;
        padding: 8px 16px 8px 0;
        display: block;
    }
    .mobile-menu .header-contacts{
        display: block;
    }
    .sts .soc__link{
        filter: none;
    }
    #user .fancybox-close-small{
        display: none;
    }

    .my-addresses__address-input-btn{
        margin-top: 0;
        margin-bottom: 20px;
    }
    [data-show="adres"] .address-menu__button{
        display: block;
        margin-bottom: 8px;
    }
    [data-show="adres"].noneauthorized .address-menu__button{
        display: none;
    }

    
    .newaddress_menu_button_adres{
        display: block;
    }
    .closest_get_house_street_list {
        position: relative;
        border: 0;
        border-bottom: none;
        border-top: none;
        z-index: 99999999;
        left: 0;
        right: 0;
        list-style-type: none;
        overflow-y: scroll;
        max-height: 100%;
        bottom: initial;
        top: 100%;
        box-shadow: none;
        display:none;
    }
    .newaddress_menu_adreses_big .closest_get_house_street_list{
        display:block;
    }
    .closest_get_house_street_list div{
        padding: 12px 0 12px 21px;
        border-bottom: 1px solid #CDCDCD;
    }
    .closest_get_house_street_list div strong{
        line-height: 133%;
        letter-spacing: -0.01em;
        color: rgba(0, 0, 0, 0.70);
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
    }
    .newaddress_adress_add .get_street{
        background: #efefef url(/local/templates/main/img/arrow2.svg) no-repeat 95% center;
        border: 0;
        padding-right:20px;
    }
    .newaddress_menu_adreses_big .newaddress_adress_add .get_street{
        width: 100%;
        height: 48px;
        background-color: white;
        border: 1px solid #FFCC4D;
        border-radius: 6px;
        padding: 14px 16px;
        font-size: 15px;
        line-height: 133%;
        letter-spacing: -0.01em;
        color: black;
        padding-top: 14px;
        background:none;
        position: relative;
        z-index: 1;
    }
    .newaddress_adress_add{
        display:none;
    }
    [data-show="adres"] .newaddress_adress_add{
        display:block;
    }



    .fancybox-content .closest_get_house_street_list {
        bottom: initial;
        top: 100%;
    }

    .footer{
        display:none;
    }
    #content{
        padding-bottom: 180px;
    }
    .ordering-page #content{
        padding-bottom: 30px;
    }
    #free_add_content .products-card__desc {
        text-align: right;
    }
    .orders{
        border-radius: 17px 17px 0px 0px;
    }
    .order_slide-title{
        margin-bottom: 20px;
    }
    .order_slide-help{
        margin: 0 0 15px;
    }
    .order_slide{
        padding: 5px 20px 0 20px;
    }
    .order_slide-povar{
        margin: 10px 0;
        transition: 0.2s;
    }
    .orders .swiper-pagination{
        top: 56px;
    }
    .orders.swiper-container{
        position: absolute;
        top: initial;
        right: initial;
        left: 0;
        width: 100%;
        max-width: none;
        height: 540px;
        border-radius: 17px 17px 0 0;
        padding: 15px 0 0;
        transition: 0.1s;
    }
    .orders.swiper-container.small-orders .order_slide-povar{
        opacity: 1;
    }
    .page-section-concourier-page{
        position: fixed;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        z-index: 99999;
    }
    #couriermap{
        position: relative;
    }
    .orders .address-menu__stick{
        position: absolute;
        height: 54px;
        top: 0;
        z-index: 999;
        align-items: center;
        justify-content: start;
        padding-top: 11px;
        display: flex;
    }



    .orders.swiper-container.small-orders{
        bottom: -400px;
    }



    .orders.swiper-container.orders_itogogstr_0.orders_delivery_3{height: 487px;}
    .orders.swiper-container.orders_itogogstr_1.orders_delivery_3{height: 510px;}
    .orders.swiper-container.orders_itogogstr_2.orders_delivery_3{height: 540px;}
    .small-orders.orders.swiper-container.orders_itogogstr_0.orders_delivery_3{bottom: -368px;}
    .small-orders.orders.swiper-container.orders_itogogstr_1.orders_delivery_3{bottom: -392px;}
    .small-orders.orders.swiper-container.orders_itogogstr_2.orders_delivery_3{bottom: -422px;}

    .orders.swiper-container.orders_itogogstr_0.orders_delivery_2{height: 520px;}
    .orders.swiper-container.orders_itogogstr_1.orders_delivery_2{height: 523px;}
    .orders.swiper-container.orders_itogogstr_2.orders_delivery_2{height: 552px;}
    .small-orders.orders.swiper-container.orders_itogogstr_0.orders_delivery_2{bottom: -377px;}
    .small-orders.orders.swiper-container.orders_itogogstr_1.orders_delivery_2{bottom: -380px;}
    .small-orders.orders.swiper-container.orders_itogogstr_2.orders_delivery_2{bottom: -411px;}




    .orders.swiper-container.big-orders{
        height: 619px;
    }
    .orders.swiper-container.small-orders.big-orders{
        bottom: -415px;
    }
    .address-menu__options{
        position: fixed;
        top: 14px;
        width: 360px;
        left: calc(50% - 180px);
        max-width: 100%;
        align-items: center;
        justify-content: center;
    }
    .address-menu__buttons_flex{
        display:flex;
    }
    .address-menu-city-mobile-btn img{
        position: relative;
        right: -13px;
        top: 2px;
    }
    .address-menu__citys{
        position: static;
        max-height: none;
        border: 0;
        overflow: initial;
    }
    .address-menu__city{
        height: auto;
    }
    .address-menu__city-text,
    .address-menu__city-text.selected_city{
        opacity: 1;
        visibility: visible;
        height: auto;
        padding: 10px 35px 10px 0;
        position: relative;
        border-bottom: 0.2px solid rgba(0, 0, 0, 0.20);
    }
    .address-menu__city-text:before,
    .address-menu__city-text.selected_city:before{
        content: '';
        position: absolute;
        transform: rotate(0deg);
        right: 8px;
        top: 11px;
        z-index: 9999;
        width: 24px;
        height: 16px;
        background: url(/local/templates/main/img/arrow2.svg) no-repeat center center;
    }
    .address-menu__city__title,
    .newaddress_menu_point__title,
    .newaddress_menu_adres__title{
        display:none;
        color: #000;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px;
        letter-spacing: -0.2px;
        margin-bottom: 20px;
    }
    .address-menu__options{
        display:none;
    }
    .address-menu__stick{
        display: flex;
        align-items: center;
        justify-content: center;
        height: 22px;
    }



    [data-show="vopros"] #addressDeliveryMenuMap,
    [data-show="vopros"] .address-menu__info,
    [data-show="vopros"] .newaddress_menu_form,
    [data-show="vopros"] .newaddress_menu_block,
    [data-show="vopros"] .newaddress_menu_buttons,
    [data-show="vopros"] .address-menu-back,
    [data-show="vopros"] .address-menu__stick img,
    [data-show="vopros"] .minibasket{
        display:none;
    }
    [data-show="vopros"] .address-menu__buttons {
        display: block;
    }

    

    [data-show="vibor"] #addressDeliveryMenuMap,
    [data-show="vibor"] .newaddress_menu_form,
    [data-show="vibor"] .newaddress_menu_block,
    [data-show="vibor"] .newaddress_menu_buttons,
    [data-show="vibor"] .minibasket,
    [data-show="vibor"] .address-menu__buttons,
    [data-show="vibor"] .address-menu-back,
    [data-show="vibor"] .address-menu__stick img,
    [data-show="vibor"] .address-menu__city {
        display: none;
    }
    
    
    [data-show="vibor"] .address-menu__info_title,
    [data-show="vibor"] .address-menu__info{
        display: block;
    }
    [data-show="vibor"] .address-menu__options{
        display: flex;
        margin-bottom: 30px;
        position: static!important;
        max-width: none;
    }





    
    [data-show="edit"] .address-menu-city-mobile-btn,
    [data-show="edit"] .address-menu__options{
        display: flex;
    }






    [data-show="point"] .newaddress_menu_point__title{
        display: block;
    }
    [data-show="adres"] .newaddress_menu_adres__title,
    [data-show="edit"] .newaddress_menu_adres__title{
        display: block;
    }
    
    [data-show="point"] .address-menu-city-mobile-btn,
    [data-show="point"] .address-menu__options{
        display: flex;
    }
    [data-show="point"] .address-menu__city{
        display: none;
    }

    [data-show="edit"] .address-menu__city{
        display: none;
    }


    [data-show="adres"] .newaddress_menu_block_dop{
        overflow: hidden;
        max-height: 180px;
        height: 100%;
    }
    [data-show="adres"] .address-menu__city{
        display: none;
    }
    [data-show="adres"] .address-menu-city-mobile-btn,
    [data-show="adres"] .address-menu__options{
        display: flex;
    }
    [data-show="adres"] .address-menu__city{
        display: none;
    }



    [data-show="citys"] .address-menu__info,
    [data-show="citys"] .address-menu__city__title,
    [data-show="citys"] .address-menu__city{
        display: block;
    }
    [data-show="citys"] .newaddress_menu_block,
    [data-show="citys"] .newaddress_menu_buttons{
        display: none;
    }
    



    



    [data-show="cart"] .minibasket{
        display: block;
    }
    [data-show="cart"] .address-menu__body{
        width: 100%;
        max-width: none;
        padding: 0;
    }
    [data-show="cart"] .address-menu__info,
    [data-show="cart"] .newaddress_menu_block,
    [data-show="cart"] .address-menu-back,
    [data-show="cart"] #addressDeliveryMenuMap,
    [data-show="cart"] .address-menu__city,
    [data-show="cart"] .newaddress_menu_buttons{
        display: none;
    }

    #profile-history .profile__title{
        margin: 0 0 15px 0;
        display: grid;
        grid-template-columns: 40px 1fr;
    }
    .profile__title .back-link + .form__title {
        transform: none;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #profile-history .fancybox-close-small{
        display: none;
    }
    .popup#profile-history{
        padding-top: 20px;
    }
    #profile .profile__title{
        display:none;
    }
    #profile .profile-bonus{
        display:none;
    }
    #profile.popup {
        padding: 60px 20px 20px 20px;
        right: -2px;
    }


    
}



@media screen and (max-width: 760px) {
    .dop_positions_text_desktop {
        display: none;
    }
    .dop_positions_text_mobile {
        font-size: 12px;
        margin-top: 20px;
        margin-bottom: 0;
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
    }
    #dopsBasket .products__list{
        margin-top:40px;
        padding-top: 30px;
    }
    body #free_add_content .tooltip-inline{
        top: 30px;
    }
    #free_add_content #dopsBasket .products-card{
        top: 5px;
    }
}

@media screen and (max-width: 660px) {
    #googlecaptchav2{
        transform: none;
        transform-origin: 34px 10px;
        width: 280px;
        margin: 0 auto 20px;
    }
}

@media screen and (max-width: 640px) {
    body #free_add_content .tooltip-inline{
        top: 10px;
    }
}

@media screen and (max-width: 460px) {
    .products-card__bottom.noporduct_hide_mobile_price .price{
        display:none;
    }
}
@media (max-width: 435px) {
    .category-list{
        overflow-x: auto;
    }
}

@media screen and (max-width: 400px) {


    .orderMiniSlider_item-text span {
        font-size: 12px;
    }
    .products-card__title__desc{
        margin-bottom: 10px;
        display: block;
    }
    #basket-root #free_add_content .products-card__desc {
        text-align: left;
    }
}
@media screen and (max-width: 360px) {
    .address-menu__options{
        left: calc(50% - 160px);
        max-width: 320px;
    }
    .sts .header-contacts__link svg{
        display: none;
    }
    #googlecaptchav2 {
        transform: scale(0.92);
        margin: 0 auto 10px;
    }
}





















/*** БЛОК баннеров ***/
/* stories */
.stories {
    display: flex;
    overflow-x: scroll;
    gap: 15px;
    padding-left: 0px;
    scrollbar-width: none;
  }
  .stories::-webkit-scrollbar {
    display: none;
  }
  .story {
    border: 0px solid transparent;
    height: 234px;
    width: 174px;
    flex: 0 0 auto;
    border-radius: 24px;
    position: relative;
  }
  .story.checked {
    border-radius: 24px;
    background: none;
    position: relative;
  }
  .story__link {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
  }
  .story__label {
    font-weight: 700;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: -0.01em;
    width: 95px;
    color: white;
    position: absolute;
    bottom: 13px;
    left: 11px;
    font-family: CeraPro, sans-serif;
  }
  .story__image {
    width: 100%;
    height: 100%;
    border-radius: 16px;
    overflow: hidden;
  }
  .story__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }
  .story__detail {
    width: auto;
    min-width: 12%;
    max-width: 80%;
    padding: 0px;
    margin: 0px !important;
    border-radius: 16px;
    background: transparent;
    position: relative;
    overflow: unset;
  }
  .story__detail a {
    border: unset;
  }
  .story__detail img {
    margin-bottom: -6px;
    width: 100%;
    overflow-y: hidden;
    max-height: 575px;
    border-radius: 16px;
  }
  .story-fancybox-inner .fancybox-close-small {
    background-color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    top: 15px;
    right: 15px;
    box-shadow: 0px 0px 8px 0px #0000001A;
  }
  .story-fancybox-inner .fancybox-close-small:hover {
    opacity: 1;
  }
  .stories_wrapper {
    position: relative;
  }
  .fancybox-infobar,
  .fancybox-navigation {
    display: none;
  }
  .story__detail .story-fancybox-navigation .fancybox-button--arrow_left,
  .story__detail .story-fancybox-navigation .fancybox-button--arrow_right{
    opacity: 1;
    visibility: visible;
    position: absolute;
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: initial;
    box-shadow: 0px 0px 8px 0px #0000001A;
    padding: 9px 0px;
    text-align: center;
  }
  .story__detail .story-fancybox-navigation .fancybox-button--arrow_left{
    left: 0;
    padding-right: 2px;
  }
  .story__detail .story-fancybox-navigation .fancybox-button--arrow_right{
    right: 0;
    padding-left: 2px;
  }
  .story__detail .story-fancybox-navigation{
    position: absolute;
    top: 50%;
    width: calc(100% + 76px + 38px);
    left: -56px;
  }
  .stories-more-button {
    position: absolute;
    top: 35%;
    background: #fff;
    width: 40px;
    height: 40px;
    padding: 10px 0px;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0px 0px 8px 0px #0000001A;
    cursor: pointer;
    z-index: 1;
  }
  .stories-more-button.stories-more-button--right{
    right: 0;
    padding-left: 2px;
  }
  .stories-more-button.stories-more-button--left{
    left: 0;
    padding-right: 3px;
  }
  .story-fancybox-inner {
    backdrop-filter: blur(3px);
  }
  .story-fancybox-inner.fancybox-is-open .fancybox-bg {
    opacity: 1;
    background: #000000B2;
  }
  
  @media screen and (max-width: 1000px) {
    .stories_wrapper{
      padding: 0;
    }
    .stories{
      padding: 0 20px;
    }
  
  }
  
  @media screen and (max-width: 660px) {
  
  
    .story__detail {
      width: 100%;
      height: 100%;
      max-width: 100%;
    }
    .story__detail img {
      margin-bottom: 0px;
      margin: auto;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      max-height: max-content;
    }
    .fancybox-slide:before {
      content: "";
      display: inline-block;
      height: 100%;
      margin-right: -0.25em;
      vertical-align: middle;
      width: 0;
    }
    body.fancybox-active > :not(.fancybox-container#fancybox-container-2) {
      opacity: initial;
    }
    .stories_wrapper {
      
    }
    .stories_wrapper::after {
      /*content: "";
      background: linear-gradient(89deg,#ffffff -7%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 70%, #ffffff 107%);
      position: absolute;
      right: 0;
      top: 0;
      width: 100%;
      height: 100%;
      pointer-events: none;*/
    }
    .story-fancybox-navigation,.stories-more-button {
      display: none !important;
    }
    .story {
      height: 156px;
      width: 116px;
      border-radius: 16px;
    }
    .story.checked {
      border-radius: 16px;
    }
    .stories {
      gap: 11px;
    }
  }
  @media screen and (max-width: 430px) {
    .story__detail {
        height: 695px;
    }
  }
  @media screen and (max-width: 414px) {
    .story__detail {
        height: 675px;
    }
  }
  @media screen and (max-width: 390px) {
    .story__detail {
        height: 628px;
    }
  }
  @media screen and (max-width: 360px) {
    .story__detail {
        height: 600px;
    }
  }
  @media screen and (max-width: 320px) {
    .story__detail {
        height: 540px;
    }
  }
/*** БЛОК баннеров ***/

/* End */
/* /local/templates/main/css/main.css?1743452697158711 */
/* /local/templates/main/css/custom.css?174801808833922 */
/* /local/templates/.default/components/bitrix/sale.basket.basket/basket/style.css?174345269719171 */
/* /local/templates/.default/components/bitrix/catalog.section/basketnew/themes/blue/style.css?1723514831825 */
/* /local/templates/.default/components/xpage/coupon.form/new/style.css?174898484413912 */
/* /local/templates/main/styles.css?17246442034305 */
/* /local/templates/main/template_styles.css?174345269783921 */
