/*$lightColor: #ccaass;*/
.narrow-wrapper.desktop-navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 20px auto 25px;
  color: #9a7957;
  font-size: 18px;
  width: 920px;
}
.narrow-wrapper.desktop-navbar > a:not(.active):hover {
  color: rgba(154, 121, 87, 0.8);
}
.narrow-wrapper.desktop-navbar > a.special {
  color: #cc4c38;
  width: min-content;
  line-height: 1.3em;
}
.narrow-wrapper.desktop-navbar > div:last-child {
  display: none;
}
/*$lightColor: #ccaass;*/
.login-button {
  padding: 4px 4px;
  color: #594023;
  text-transform: capitalize;
  cursor: pointer;
}
/*$lightColor: #ccaass;*/
.logout-button {
  padding: 4px 4px;
  color: #594023;
  cursor: pointer;
}
.logout-button::first-letter {
  text-transform: capitalize;
}
/*$lightColor: #ccaass;*/
.fixed-navbar {
  position: fixed;
  height: 64px;
  top: 0;
  width: 100%;
  padding: 0 3em;
  box-sizing: border-box;
  background-color: white;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 10000;
  box-shadow: 0px 4px 10px rgba(154, 121, 87, 0.2);
}
.fixed-navbar .narrow-wrapper.desktop-navbar {
  margin: 20px 0 25px;
  width: 720px;
  padding: 0;
  font-size: 14px;
}
.fixed-navbar__right-part .fixed-navbar__qty, .fixed-navbar__gift-qty {
  color: white;
  background-color: #f8971d;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 1.8em;
  height: 1.8em;
  border-radius: 2em;
  cursor: pointer;
}
.fixed-navbar__right-part {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.fixed-navbar__right-part > * {
  margin-left: 2em;
}
.fixed-navbar__right-part .cart-cost {
  text-align: center;
  font-size: 24px;
  color: #594023;
  cursor: pointer;
}
.fixed-navbar__right-part .cart-cost:hover {
  color: #9a7957;
}
.fixed-navbar__qty {
  font-size: 24px;
}
.fixed-navbar__pies-to-gift {
  color: #9a7957;
}
.fixed-navbar__gift-wrapper {
  display: flex;
  align-items: center;
}
.fixed-navbar__gift {
  width: 40px;
  height: auto;
}
.fixed-navbar__gift-active {
  cursor: pointer;
}
.fixed-navbar__gift-qty {
  font-size: 14px;
  margin-left: 0.8em;
}
/*$lightColor: #ccaass;*/
.progress-circles[data-name=pie] {
  margin-top: 0.5em;
}
.progress-circles[data-name=pie] .circles-wrapper {
  margin-left: -1.9em;
}
.progress-circles[data-name=pie] .circles-wrapper .circle.gift {
  bottom: 0.4em;
  width: 1.5em;
  height: 1.5em;
  right: 0em;
}
.progress-circles[data-name=order], .progress-circles[data-name=birthday] {
  margin-top: 0.6em;
}
.progress-circles[data-name=order] .circles-wrapper, .progress-circles[data-name=birthday] .circles-wrapper {
  margin-left: -2.8em;
}
.progress-circles[data-name=order] .circles-wrapper .circle, .progress-circles[data-name=birthday] .circles-wrapper .circle {
  width: 2.3em;
  height: 2.3em;
}
.progress-circles[data-name=order] .circles-wrapper .circle.gift, .progress-circles[data-name=birthday] .circles-wrapper .circle.gift {
  height: 2.9em;
  width: 2.6em;
  bottom: 0.3em;
}
.circles-wrapper {
  position: relative;
  margin-bottom: -3px;
}
.circles-wrapper .circle {
  display: inline-block;
  width: 1.35em;
  height: 1.35em;
  background: url("/images/bonus/gear.svg");
  background-repeat: no-repeat !important;
  background-size: cover;
}
.circles-wrapper .circle.done {
  background: url("/images/bonus/gear_green.svg");
}
.circles-wrapper .circle.done.partial {
  background: url("/images/bonus/gear_green_partial.svg");
}
.circles-wrapper .circle.done + .gift {
  right: 0;
  width: 100px !important;
  height: 100px !important;
  opacity: 0;
}
.circles-wrapper .circle.gift {
  position: absolute;
  right: 2.5em;
  background: url("/images/bonus/club_gift.svg");
  opacity: 1;
  transition: all 0.5s ease-out;
}
/*$lightColor: #ccaass;*/
#switchers {
  position: absolute;
  right: 0;
  color: #9a7957;
}
#switchers > div {
  display: inline-block;
}
#switchers #city-switcher {
  width: auto;
  text-align: left;
  cursor: pointer;
  vertical-align: top;
}
#switchers #city-switcher #current-city {
  padding: 4px 4px;
  color: #594023;
}
#switchers #city-switcher:hover #cities-list {
  display: block;
}
#switchers #city-switcher #cities-list {
  position: absolute;
  display: none;
  background-color: #f4e8d8;
  padding: 4px 8px;
  border-radius: 4px;
  z-index: 601;
}
#switchers #city-switcher #cities-list .city {
  color: #9a7957;
}
#switchers #city-switcher #cities-list .city:hover {
  color: #594023;
}
#switchers #lang-switcher {
  width: 30px;
  text-align: left;
  cursor: pointer;
  vertical-align: top;
  text-transform: uppercase;
  z-index: 601;
}
#switchers #lang-switcher #current-lang {
  padding: 4px 4px;
  color: #594023;
}
#switchers #lang-switcher:hover #langs-list {
  display: block;
}
#switchers #lang-switcher #langs-list {
  display: none;
  background-color: #f4e8d8;
  padding: 4px 6px;
  border-radius: 4px;
}
#switchers #lang-switcher #langs-list .lang {
  color: #9a7957;
}
#switchers #lang-switcher #langs-list .lang:hover {
  color: #594023;
}
/*$lightColor: #ccaass;*/
.social-links .social-icon {
  width: 2.2em;
}
.social-links {
  order: 2;
  margin-top: 1.3em;
}
.social-links > *:not(:first-child) {
  margin-left: 1em;
}
.social-links .social-icon {
  width: 2.2em;
  height: 2.2em;
}
/*$lightColor: #ccaass;*/
#side-menu-wrapper {
  position: fixed;
  left: 0;
  top: 0;
  width: 85vw;
  height: 2000px;
  margin-top: 0;
  background-color: #f4e8d8;
  z-index: 500;
  transition: left 0.5s ease-out 0;
  box-shadow: #f4e8d8 1px 0 1px 1px;
}
#side-menu-wrapper .mobile-navbar > .link, #side-menu-wrapper .mobile-navbar > a {
  display: flex;
  align-items: center;
  padding: 0.3em 0.7em;
  font-size: 28px;
  color: #594023;
  border-bottom: 1px solid #bd966b;
}
#side-menu-wrapper .mobile-navbar > .link .link-title, #side-menu-wrapper .mobile-navbar > a .link-title {
  color: #cc4c38;
  font-size: 24px;
}
#side-menu-wrapper .mobile-navbar > .link .gift-img, #side-menu-wrapper .mobile-navbar > a .gift-img {
  margin-left: 0.4em;
  width: 1.1em;
}
#side-menu-wrapper .mobile-navbar .link-social, #side-menu-wrapper .mobile-navbar .link-call-time, #side-menu-wrapper .mobile-navbar .link-phone {
  height: 2.35em;
}
#side-menu-wrapper .phone {
  padding: 0.1em 0;
}
#side-menu-wrapper .call-time {
  font-size: 18px;
}
#side-menu-wrapper .link-social {
  height: 4em !important;
  flex-wrap: wrap;
}
#side-menu-wrapper .link-social #side-email {
  flex-basis: 100%;
  font-size: 18px;
  color: #cc4c38;
}
#side-menu-wrapper .link-social .social-links .social-icon {
  width: 8.5vw;
  height: 8.5vw;
}
#side-menu-wrapper .link-social .social-links a {
  margin: 0 1em 0 0;
}
#side-menu-wrapper #switchers {
  font-size: 18px;
  padding-left: 0.5em;
  position: unset;
  right: unset;
  display: flex;
  flex-direction: column;
}
#side-menu-wrapper #switchers #city-switcher, #side-menu-wrapper #switchers #lang-switcher,
#side-menu-wrapper #switchers #cities-list, #side-menu-wrapper #switchers #langs-list {
  position: unset;
  display: flex !important;
  padding: 0;
}
#side-menu-wrapper #switchers #city-switcher .city, #side-menu-wrapper #switchers #city-switcher .lang, #side-menu-wrapper #switchers #city-switcher #current-city, #side-menu-wrapper #switchers #city-switcher #current-lang, #side-menu-wrapper #switchers #lang-switcher .city, #side-menu-wrapper #switchers #lang-switcher .lang, #side-menu-wrapper #switchers #lang-switcher #current-city, #side-menu-wrapper #switchers #lang-switcher #current-lang,
#side-menu-wrapper #switchers #cities-list .city,
#side-menu-wrapper #switchers #cities-list .lang,
#side-menu-wrapper #switchers #cities-list #current-city,
#side-menu-wrapper #switchers #cities-list #current-lang, #side-menu-wrapper #switchers #langs-list .city, #side-menu-wrapper #switchers #langs-list .lang, #side-menu-wrapper #switchers #langs-list #current-city, #side-menu-wrapper #switchers #langs-list #current-lang {
  margin: 0.5em 0;
  padding: 0 1em;
}
#side-menu-wrapper #switchers #city-switcher .city, #side-menu-wrapper #switchers #city-switcher .lang, #side-menu-wrapper #switchers #lang-switcher .city, #side-menu-wrapper #switchers #lang-switcher .lang,
#side-menu-wrapper #switchers #cities-list .city,
#side-menu-wrapper #switchers #cities-list .lang, #side-menu-wrapper #switchers #langs-list .city, #side-menu-wrapper #switchers #langs-list .lang {
  border-left: 1px solid #bd966b;
}
/*$lightColor: #ccaass;*/
#header-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  z-index: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
  transition: background-color 0.3s ease-out 0;
}
#header-wrapper.cart {
  background-color: #f4e8d8;
}
#header-wrapper .top-items {
  z-index: 600;
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
#header-wrapper .top-items .progress-circles {
  flex-grow: 1;
}
#header-wrapper .burger {
  background: url(/images/burger.svg) right no-repeat;
  background-size: 72%;
  width: 14vmin;
}
#header-wrapper .bonus-icon {
  width: 7vw;
  margin: 0 4vmin;
  background: url(/images/bonus/club_gift.svg) center no-repeat;
}
#header-wrapper #phone {
  position: fixed;
  bottom: 1vh;
  right: 0;
  width: 14vmin;
  height: 14vmin;
}
#header-wrapper #phone img {
  box-sizing: border-box;
  padding: 0.6em 1em 0.6em 0;
  height: 100%;
}
#header-wrapper #header-cart-wrapper {
  display: flex;
  margin: 0 7vmin;
  cursor: pointer;
  color: #594023;
  height: 0;
  line-height: 0;
}
#header-wrapper #header-cart-wrapper #cart-img {
  position: relative;
  text-align: center;
  height: auto;
  width: 9vmin;
  background: url(/images/cart_full.svg) center no-repeat;
}
#header-wrapper #header-cart-wrapper #cart-img #header-cart-qty {
  position: absolute;
  width: 100%;
  height: 7vh;
  top: calc(9vmin * 0.14);
  right: 1vmin;
}
#header-wrapper #header-cart-wrapper #header-cart-text {
  display: inline;
  margin-left: 1em;
}
#header-wrapper .progress-circles {
  margin: 0;
}
#header-wrapper .progress-circles .circle.gift, #header-wrapper .progress-circles .progress-label {
  display: none;
}
#header-wrapper .progress-circles .circles-wrapper {
  height: 100%;
  margin: 0;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
#header-wrapper .progress-circles .circles-wrapper .circle {
  width: 3.5vmin;
  height: 3.5vmin;
}
#header-wrapper.birthday .burger {
  background-image: url(/images/bonus/burger_white.svg);
}
#header-wrapper.birthday .bonus-icon {
  background: url(/images/bonus/club_gift_white.svg) center no-repeat;
}
#header-wrapper.birthday #header-cart-wrapper #cart-img {
  background-image: url(/images/cart_full_white.svg);
}
#header-wrapper.birthday #header-cart-wrapper #cart-img #header-cart-qty,
#header-wrapper.birthday #header-cart-wrapper #cart-img #header-cart-text {
  color: #fff;
}
#header-wrapper.birthday {
  background: #ca0b51;
  /* Old browsers */
  background: linear-gradient(125deg, #e68500 0%, #ca0b51 59%);
}
#header-wrapper.birthday .progress-circles .circles-wrapper .circle {
  background-image: url("/images/bonus/gear_white_border.svg");
}
#header-wrapper.birthday .progress-circles .circles-wrapper .circle.done {
  background-image: url("/images/bonus/gear_white.svg");
}
#header-wrapper.birthday .progress-circles .circles-wrapper .circle.done.partial {
  background: url("/images/bonus/gear_white_partial.svg");
}
/*$lightColor: #ccaass;*/
#carousel-wrapper {
  height: 300px;
  margin: 30px 0;
}
#carousel-wrapper .slick-slider .carousel-item {
  height: 300px;
  width: auto !important;
}
.slick-slider {
  visibility: hidden;
}
.slick-slider.slick-initialized {
  visibility: visible;
}
.slick-slider .carousel-item {
  box-sizing: border-box;
  outline: none;
  padding: 0 5px;
}
.slick-slider .carousel-item:not([data-function=""]) {
  cursor: pointer;
}
.slick-arrow {
  z-index: 10;
}
.slick-prev {
  left: 25px;
}
.slick-next {
  right: 25px;
}
/*$lightColor: #ccaass;*/
.contacts-wrapper {
  text-align: center;
}
.contacts-wrapper.footer {
  margin: 20px auto 50px;
}
.contacts-wrapper .phone {
  font-size: 28px;
}
/*$lightColor: #ccaass;*/
#logo-wrapper {
  margin-top: 35px;
  text-align: center;
}
#logo-wrapper .logout-button {
  position: absolute;
  left: 0;
}
#logo-wrapper #logo {
  display: inline-block;
}
#logo-wrapper #logo a {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#logo-wrapper #logo a img {
  width: 166px;
  height: auto;
}
#logo-wrapper #logo a img#sublogo-img {
  width: 350px;
  margin-top: 10px;
}
/*$lightColor: #ccaass;*/
.menu-header {
  margin: 0 auto;
  padding: 0.35em 0 0.5em 0;
  font-size: 24px;
  color: #9a7957;
  display: flex;
  justify-content: flex-start;
}
.menu-header .switch-delimeter {
  display: inline-block;
  font-size: inherit;
  margin: 0 0.4em 0.3em;
  padding: 0 0 0.3em;
}
.menu-header .link {
  display: inline-block;
  cursor: pointer;
  font-size: inherit;
  margin: 0 0.8em 0.4em;
  padding-bottom: 0.2em;
}
.menu-header .link.highlighted {
  color: #db6b2d;
}
.menu-header .link.active {
  color: #594023;
  border-bottom: 3px solid #594023;
}
.menu-header .link:not(.active):hover {
  color: rgba(154, 121, 87, 0.8);
}
/*$lightColor: #ccaass;*/
.delimeter[data-v-29370960] {
  position: relative;
  padding: 35px 0 45px;
  text-align: center;
  clear: both;
}
.delimeter .header[data-v-29370960] {
  position: relative;
  display: inline-block;
  font-size: 40px;
  padding: 0 50px;
  background-color: #ffffff;
  z-index: 80;
  color: #5a4024;
}
.delimeter.double-deck .header[data-v-29370960] {
  width: 7em;
}
.delimeter[data-v-29370960]:not(.hidden):after {
  position: absolute;
  left: 0;
  top: 50%;
  height: 1px;
  background: linear-gradient(to right, #fff, #9a7957, #fff);
  content: "";
  width: 100%;
  display: block;
}
.delimeter.short[data-v-29370960]:after {
  background: linear-gradient(to right, #fff, #9a7957 7%, #fff);
}
.delimeter.en .subtitle.image[data-v-29370960] {
  width: 7em;
}
.delimeter .subtitle[data-v-29370960] {
  left: calc(76px);
  position: absolute;
  margin-top: -20px;
  padding: 0 15px;
  display: inline-block;
  color: #cc4c38;
  background-color: #fff;
  font-size: 24px;
  z-index: 200;
}
.delimeter .subtitle.image[data-v-29370960] {
  width: 12em;
  height: 1.8em;
}
.delimeter.short[data-v-29370960] {
  padding: 35px 0 30px;
}
/*$lightColor: #ccaass;*/
.product-list-header2 {
  justify-content: flex-start;
}
.product-list-header2 .switch-delimeter {
  display: none;
}
.product-list-header2 > div {
  margin-right: 1em;
}
.product-list-header2 .link {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #9a7957;
  background-color: #f4e8d8;
  padding: 3px 15px;
  margin: 0;
  border-radius: 10px;
  width: auto;
}
.product-list-header2 .link.active {
  border-bottom: none;
  color: white;
  background-color: #f8971d;
}
.product-list-header2 .link:not(.active):hover {
  color: rgba(154, 121, 87, 0.8);
}
/*$lightColor: #ccaass;*/
*:hover > .product-image.with-hover-alt-image img.primary-image {
  transition: opacity 0.5s ease-in;
  opacity: 0;
}
*:hover > .product-image.with-hover-alt-image img.hover-alt-image {
  transition: opacity 0.3s ease-out;
  opacity: 1;
}
.product-image {
  position: relative;
  width: 231px;
  height: 231px;
  cursor: pointer;
}
.product-image img {
  width: 231px;
  height: auto;
  transition: opacity 0.1s ease-out;
}
.product-image img.hover-alt-image {
  transition: opacity 0.3s ease-in;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
/*$lightColor: #ccaass;*/
.product-add {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 28px;
  cursor: pointer;
  padding: 0 5px;
}
.product-add > *:first-child {
  margin-right: 0.3em;
}
.product-add > div {
  display: flex;
  align-items: baseline;
}
.product-add .weight {
  font-size: 14px;
  margin-left: 0.5em;
}
.product-add .add-button:hover {
  background-color: #f4e8d8;
  color: rgba(89, 64, 35, 0.8);
}
.product-add .item-qty {
  color: white;
  background-color: #f8971d;
  display: inline-flex;
  justify-content: center;
  align-items: baseline;
  font-size: 14px;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 2em;
  padding-right: 1px;
  box-sizing: border-box;
}
.product-add .add-button {
  justify-content: center;
  width: 100%;
  max-width: 6.8em;
  cursor: pointer;
  background-color: #f8971d;
  color: white;
  font-size: 14px;
  padding: 0.25em;
  border-radius: 5px;
}
.product-add .add-button:active {
  background-color: #f4e8d8;
  color: #594023;
  transform: translate(1px, 1px);
}
/*$lightColor: #ccaass;*/
.product-offer {
  display: flex;
  flex-direction: column;
}
.product-offer__text {
  color: #594023;
  margin: 2rem 0;
}
.product-offer__list {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.product-offer__list .product-figure {
  width: 145px;
}
.product-offer__list .product-figure .product-image {
  width: 145px;
  height: 145px;
}
.product-offer__list .product-figure .product-image img {
  width: 145px;
}
.product-offer__list .product-add {
  font-size: 14px;
}
.product-offer__list .product-add .currency, .product-offer__list .product-add .weight {
  font-size: 9px;
}
.product-offer__list .product-add .item-qty {
  font-size: 11px;
  width: 1.1rem;
  min-width: 1.1rem;
  height: 1.1rem;
}
.product-offer__list .product-add > *:first-child {
  margin-right: 0.1rem;
}
.product-offer__list .product-add .add-button {
  font-size: 9px;
  max-width: 6em;
}
.product-offer__list .product-figure:not(:hover) > .info-wrapper .info .product-add {
  justify-content: space-between;
}
/*$lightColor: #ccaass;*/
.pie-full-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 1000;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: none;
  opacity: 0;
}
.pie-full-overlay.active {
  display: flex;
  opacity: 1;
  animation: fadeInFromNone 0.3s ease-out;
}
.pie-full-overlay .full-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  cursor: initial;
  position: relative;
  text-align: left;
  height: 65vmin;
  width: auto;
  background-color: #ffffff;
  padding: 2rem;
  border: 1px solid #f4e8d8;
  border-radius: 5px;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.pie-full-overlay .full-wrapper::-webkit-scrollbar {
  display: none;
}
.pie-full-overlay .full-wrapper .full-image-carousel {
  position: relative;
  text-align: center;
  height: 55vmin;
  width: 55vmin;
  padding: 0 6rem;
}
.pie-full-overlay .full-wrapper .full-image-carousel .slick-arrow {
  width: 1.5rem;
  height: auto;
  padding: 1rem;
}
.pie-full-overlay .full-wrapper .full-image-carousel .slick-arrow.slick-prev {
  left: -3.5rem;
}
.pie-full-overlay .full-wrapper .full-image-carousel .slick-arrow.slick-next {
  right: -3.5rem;
}
.pie-full-overlay .full-wrapper .full-info {
  width: 35rem;
  height: 100%;
  padding: 2em;
  box-sizing: border-box;
}
.pie-full-overlay .full-wrapper .full-info .full-name {
  font-size: 28px;
  line-height: 1em;
}
.pie-full-overlay .full-wrapper .full-info .full-name.short {
  letter-spacing: -1px;
}
.pie-full-overlay .full-wrapper .full-info .full-name .allergene {
  margin-left: 0.2em;
  font-size: x-small;
}
.pie-full-overlay .full-wrapper .full-info .composition {
  margin-top: 0.5em;
  margin-right: 1em;
  display: flex;
  align-items: center;
}
.pie-full-overlay .full-wrapper .close-full {
  position: absolute;
  z-index: 2;
  cursor: pointer;
  top: 1rem;
  left: 1rem;
}
.pie-full-overlay .full-wrapper .close-full img {
  width: 2.4rem;
  height: 2.4rem;
}
.pie-full-overlay .full-info > .product-add-buttons {
  max-width: 20em;
}
.pie-full-overlay .full-info > .product-add-buttons .product-add {
  margin-top: 1rem;
}
.pie-full-overlay .full-info > .product-add-buttons .product-add .add-button {
  font-size: 24px;
  padding: 0.05em;
  max-width: 6em;
}
.pie-full-overlay .full-info > .product-add-buttons .product-add .item-qty {
  display: none;
}
/*$lightColor: #ccaass;*/
.product-figure {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1px;
  margin: 0 0 1rem 0;
  color: #594023;
  user-select: none;
  -webkit-touch-callout: none;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  border: 1px solid transparent;
  border-radius: 4px;
  transition: border 0.3s ease-out;
  width: 230px;
}
.product-figure:hover {
  border-color: #9a7957;
}
.product-figure:active {
  user-select: none;
  -webkit-touch-callout: none;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}
.product-figure.round-border img {
  border-radius: 50%;
}
.product-figure.smaller img {
  transform: scale(0.7);
}
.product-figure .info-wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  justify-content: flex-end;
}
.product-figure .info-wrapper .info {
  box-sizing: border-box;
  padding: 4px 10px 10px 10px;
}
.product-figure .info-wrapper .info .name {
  margin: 0.8rem 0;
  padding-left: 9px;
}
.product-figure .info-wrapper .info .name.shrink {
  font-size: calc(14px - 1px);
  letter-spacing: -0.5px;
}
.product-figure .info .product-add {
  margin-bottom: 0.4rem;
}
.product-figure:not(:hover) > .info-wrapper .info .product-add {
  justify-content: flex-start;
}
.product-figure:not(:hover) > .info-wrapper .info .product-add .add-button {
  display: none;
}
.product-figure:hover > .info-wrapper .info .product-add .item-qty {
  display: none;
}
/*$lightColor: #ccaass;*/
.open-loyalty-dashboard {
  background-color: #ef6429;
  color: #ffffff;
  border-radius: 3px;
  width: 100%;
  font-size: 24px;
  cursor: pointer;
  text-align: center;
  padding: 0.2em 0 0.3em 0;
}
.open-loyalty-dashboard:hover {
  background-color: #d54b10;
}
/*$lightColor: #ccaass;*/
.daycheck[data-v-3dbdb5ba] {
  box-sizing: border-box;
  width: 380px;
  padding: 1em 2.2em;
  color: #fff;
  border-radius: 8px;
  text-align: center;
  box-shadow: 1px 1px 5px #aaaaaa;
  margin-bottom: 1em;
}
.daycheck__title[data-v-3dbdb5ba] {
  white-space: nowrap;
  margin-bottom: 0.4em;
  text-align: left;
  font-size: 18px;
}
.daycheck__title .checkbox + label[data-v-3dbdb5ba] {
  padding: 0;
}
.daycheck__title .checkbox + label[data-v-3dbdb5ba]:before {
  top: 0.2em;
  right: -2em;
  left: auto;
  border-color: #fff;
  background: transparent;
}
.daycheck__title .checkbox:checked + label[data-v-3dbdb5ba]:after {
  top: 0;
  right: -2.05em;
  left: auto;
  width: 1em;
  background-image: url(/images/check_white.svg);
}
.daycheck__description[data-v-3dbdb5ba] {
  max-height: 10em;
  text-align: left;
  font-size: 11px;
  transition: max-height 0.5s ease-out, opacity 0.3s ease-out;
}
/*$lightColor: #ccaass;*/
.daycheck[data-v-d7711ae6] {
  background-color: #ef6429;
}
/*$lightColor: #ccaass;*/
.daycheck[data-v-063bf166] {
  background-color: #dd1347;
  padding: 1em 4em;
}
/*$lightColor: #ccaass;*/
.product-list {
  width: 100%;
  max-width: 715px;
}
.product-list .content-section {
  margin-top: 20px;
  border-radius: 4px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  /*&[data-section="gift_cards"] .prod .img {
      border-radius: 0;
  }*/
}
.shop-extra-subtitle {
  margin-left: 1em;
}
.product-list .content-section {
  max-width: inherit;
}
/*$lightColor: #ccaass;*/
.gift-info[data-v-73de4966] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
}
.gift-info .goal[data-v-73de4966] {
  color: #db6b2d;
}
.gift-info .goal[data-v-73de4966]::first-letter {
  text-transform: capitalize;
}
.gift-info .goal.birthday[data-v-73de4966] {
  font-size: 11px;
}
.gift-info .change-gift[data-v-73de4966] {
  color: #bd966b;
  cursor: pointer;
}
/*$lightColor: #ccaass;*/
.cart-row .details .digits .qty-minus[data-v-286e132f], .cart-row .details .digits .qty-plus[data-v-286e132f] {
  height: 30px;
}
.cart-row .details .digits .remove[data-v-286e132f] {
  height: 30px;
  width: 15px;
}
.cart-row[data-v-286e132f] {
  padding: 0.8rem 1rem;
  border-bottom: 1px solid #bd966b;
}
.cart-row.discounted-row .details .digits .cost[data-v-286e132f], .cart-row.discounted-row .details .digits .currency[data-v-286e132f] {
  color: #db6b2d;
}
.cart-row.disabled[data-v-286e132f] {
  opacity: 0.2;
}
.cart-row .img[data-v-286e132f] {
  width: 47px;
  height: 47px;
  border-radius: 50%;
}
.cart-row .details[data-v-286e132f] {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.cart-row .details .name-info-wrapper[data-v-286e132f] {
  width: 38%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.cart-row .details .digits[data-v-286e132f] {
  width: 58%;
  line-height: 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cart-row .details .digits .qty[data-v-286e132f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.cart-row .details .digits .qty .qty-minus[data-v-286e132f], .cart-row .details .digits .qty .qty-plus[data-v-286e132f] {
  width: 25px;
  cursor: pointer;
}
.cart-row .details .digits .qty .qty-val[data-v-286e132f] {
  min-width: 1.2em;
  text-align: center;
  margin: 0 10px;
}
.cart-row .details .digits .sum[data-v-286e132f] {
  align-items: center;
  flex-basis: 40%;
  flex-wrap: nowrap;
}
.cart-row .details .digits .sum > .weight[data-v-286e132f] {
  flex-basis: 12%;
  text-align: center;
}
.cart-row .details .digits .sum > .cost-currency[data-v-286e132f] {
  flex-basis: 24%;
}
.cart-row .details .digits .sum > .slash[data-v-286e132f] {
  flex-basis: 11%;
}
.cart-row .details .digits .sum > .currency[data-v-286e132f] {
  margin-left: 0.2em;
  margin-top: 1px;
}
.cart-row .details .digits .sum .unit[data-v-286e132f] {
  margin-bottom: -0.1em;
  margin-right: 0.4em;
}
.cart-row .details .digits .sum .slash[data-v-286e132f] {
  font-size: 31px;
  font-weight: normal;
}
.cart-row .details .digits .sum .cost[data-v-286e132f] {
  margin-left: 0.4em;
  margin-right: 0.2em;
  text-align: right;
}
.cart-row .details .digits .remove[data-v-286e132f] {
  cursor: pointer;
}
.cart-row .details .name[data-v-286e132f] {
  color: #9a7957;
}
.cart-row .details .digits .qty .qty-minus[data-v-286e132f], .cart-row .details .digits .qty .qty-plus[data-v-286e132f] {
  visibility: hidden;
}
.cart-row[data-v-286e132f]:hover {
  background-color: rgba(255, 255, 255, 0.6);
}
.cart-row:hover .details .name[data-v-286e132f] {
  color: #594023;
}
.cart-row:hover .details .digits .qty .qty-minus[data-v-286e132f], .cart-row:hover .details .digits .qty .qty-plus[data-v-286e132f] {
  visibility: visible;
}
/*$lightColor: #ccaass;*/
.btn.open-order.orange {
  background-color: #f8971d;
  color: #ffffff;
}
.btn.open-order.orange:hover {
  background-color: rgba(233, 109, 19, 0.82);
}
/*$lightColor: #ccaass;*/
.birthday-agree {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 3.5em;
}
.birthday-agree .checkbox:not(:checked) + label:before {
  width: 20px;
  height: 20px;
}
.birthday-agree .checkbox:checked + label:before {
  width: 20px;
  height: 20px;
}
.birthday-agree .checkbox:checked + label:after {
  top: -3px;
  width: 25px;
  height: 25px;
  background-image: url("/images/bonus/check_orange.svg");
}
/*$lightColor: #ccaass;*/
.birthday-banner {
  box-shadow: 1px 1px 5px #aaaaaa;
}
.birthday-banner {
  position: relative;
  margin-bottom: 20px;
  width: 380px;
  height: auto;
  box-sizing: border-box;
  padding: 1em;
  border-radius: 6px;
  text-align: center;
  color: #fff;
  background: #f8971d;
}
.birthday-banner .label {
  font-size: 24px;
  margin-bottom: 0;
}
.birthday-banner .label .authorized-hidden {
  margin-bottom: 0.7em;
}
.birthday-banner .label .authorized-visible {
  margin-bottom: 0.7em;
}
.birthday-banner .birthday-btn-wrapper {
  position: relative;
  margin-top: 1em;
}
.birthday-banner .birthday-btn-wrapper .birthday-btn {
  width: 7em;
  font-size: 24px;
  padding: 0.2em 0.5em;
  margin: 0.1em 0;
}
.birthday-banner .birthday-btn-wrapper img {
  height: 3.5em;
  position: absolute;
}
.birthday-banner .birthday-btn-wrapper img:first-child {
  left: 0;
}
.birthday-banner .birthday-btn-wrapper img:last-child {
  right: 2em;
}
.birthday-banner .small-label {
  left: 0;
  right: 0;
  margin: 1.5em 0 0 0;
  font-size: 11px;
}
/*$lightColor: #ccaass;*/
.side-cart.cart-opened .back-substrate {
  background-color: #f8f5ee;
  box-shadow: 1px 1px 5px #aaaaaa;
}
.open-loyalty-dashboard + .back-substrate-wrapper {
  margin-top: 2rem;
}
.side-cart {
  z-index: 95;
}
.side-cart {
  display: flex;
  flex-direction: column;
  min-width: 380px;
  max-width: 380px;
}
.side-cart .back-substrate-wrapper {
  position: relative;
  flex-grow: 1;
}
.side-cart .back-substrate {
  border-radius: 4px;
  padding: 20px 0;
}
.side-cart .back-substrate.fixed {
  position: fixed;
  top: 64px;
}
.side-cart .back-substrate.absolute-bottom {
  position: absolute;
  bottom: 0;
}
.side-cart.authorized:not(.cart-opened) .back-substrate {
  background-color: #f8f5ee;
}
.side-cart.authorized:not(.cart-opened) #instruction {
  margin: 1.5em auto;
  width: auto;
  text-align: center;
  padding: 0;
}
.side-cart.authorized:not(.cart-opened) .cart-wrapper {
  display: block;
  padding-top: 0;
}
.side-cart.authorized:not(.cart-opened) .cart-wrapper > *:not(#bonus-card) {
  display: none;
}
.side-cart.authorized:not(.cart-opened) #bonus-card {
  padding-bottom: 0;
  border-bottom: 0;
}
.side-cart .auth-greetings {
  font-size: 24px;
  color: #594023;
  text-align: center;
  margin: 0;
}
.side-cart .cart-wrapper {
  display: inline-table;
  width: 380px;
  min-width: 305px;
  box-sizing: border-box;
  color: #594023;
}
.side-cart .cart-wrapper .cart-header {
  text-align: left;
  font-size: 24px;
  margin-bottom: 7px;
}
.side-cart .cart-wrapper .cart-cost {
  text-align: left;
  font-size: 24px;
}
.side-cart .cart-wrapper .cart-discounted-cost {
  color: #cc4c38;
}
.side-cart .cart-wrapper .cart-discounted-label {
  font-size: 14px;
}
.side-cart .cart-wrapper .cart-total-qty {
  margin: 2rem auto 0.5rem;
  text-align: left;
}
.side-cart .cart-wrapper .cart-total-qty .gift-qty {
  color: #db6b2d;
}
.side-cart .cart-wrapper #open-btn-wrapper {
  margin-top: 2rem;
  position: relative;
  text-align: center;
}
.side-cart .cart-wrapper #open-btn-wrapper > * {
  padding: 4px 20px 6px;
  font-size: 24px;
}
.side-cart #instruction {
  top: 150px;
  display: block;
  box-sizing: border-box;
  margin: 0 auto 50px;
  width: 380px;
  border-radius: 4px;
  color: #594023;
  text-align: center;
}
.side-cart #instruction.opened {
  display: inline-table;
}
.side-cart #instruction #instruction-text {
  display: inline-block;
  white-space: nowrap;
}
.side-cart #instruction #instruction-text #instruction-img {
  display: inline-block;
  margin: 0 5px;
  vertical-align: middle;
  width: 45px;
  height: 45px;
}
.side-cart .cart-header,
.side-cart .cart-total-qty,
.side-cart .cart-cost {
  padding: 0 2rem;
}
.side-cart {
  margin-left: 1em;
}
/*$lightColor: #ccaass;*/
.shop-inner-wrapper[data-v-3a4a80b1] {
  position: relative;
  display: flex;
}
.shop-inner-wrapper .content-sections-wrapper[data-v-3a4a80b1] {
  flex-wrap: nowrap;
  align-items: flex-start;
}
.shop-bottom-wrapper[data-v-3a4a80b1] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.shop-inner-wrapper > .content-sections-wrapper[data-v-3a4a80b1] {
  position: relative;
}
/*$lightColor: #ccaass;*/
.info-row#calculator-row {
  padding: 1em 0;
  font-size: 24px;
  flex-direction: column;
  align-items: center;
}
.info-row#calculator-row .pie-img {
  width: auto;
  height: 6em;
}
.info-row#calculator-row .pie-img:not(:last-child) {
  margin-right: 3em;
}
.info-row#calculator-row #calculator {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 2em;
}
.info-row#calculator-row #calculator .calc-title {
  color: #594023;
  margin-bottom: 1em;
}
.info-row#calculator-row #calculator .equality {
  margin: 0 0.3em;
  color: #9a7957;
}
.info-row#calculator-row #calculator .calc-input {
  width: 1.5em;
  margin-right: 0.5em;
  border: 1px solid #9a7957;
  border-radius: 4px;
  outline: none;
  text-align: center;
  font-size: 24px;
  color: #9a7957;
}
.info-row#calculator-row #calculator .calc-input::-webkit-inner-spin-button, .info-row#calculator-row #calculator .calc-input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.info-row#calculator-row #calculator .calc-unit {
  color: #cc4c38;
}
/*$lightColor: #ccaass;*/
#info-order-wrapper .narrow-wrapper {
  display: flex;
  justify-content: space-around;
}
#info-order-wrapper .narrow-wrapper > * {
  flex-basis: 40%;
}
#info-order-wrapper .info-row {
  display: flex;
  flex-direction: column;
}
#info-order-wrapper .info-row .info-block:not(.info-block-wide) {
  width: 310px;
}
#info-order-wrapper .info-row .info-block {
  display: inline-flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 0 1em;
}
#info-order-wrapper .info-row .info-block:not(:last-child) {
  margin-bottom: 3em;
}
#info-order-wrapper .info-row .info-block .info-pic {
  width: 63px;
  height: auto;
  margin: 0 28px 0 0;
}
#info-order-wrapper .info-row .info-block .info-desc {
  align-self: flex-start;
  color: #594023;
  flex-grow: 1;
}
#info-order-wrapper .info-row .info-block .info-desc .info-title {
  font-size: 24px;
  line-height: 1.1em;
}
#info-order-wrapper .info-row .info-block .info-desc .info-text {
  margin-top: 1em;
  font-size: 14px;
}
#info-order-wrapper .info-row .info-block .info-desc .info-text .sub-text {
  margin-top: 1em;
  color: #9a7957;
}
/*$lightColor: #ccaass;*/
.bank-payment > .btn {
  margin-top: 1em;
  padding: 1px 20px 3px;
  font-size: 18px;
  padding: 0.2em 0.6em;
  line-height: normal;
}
/*$lightColor: #ccaass;*/
#info-wrapper .delimeter {
  margin: 1.2em 0 1em 0;
}
#info-wrapper .info-row {
  display: flex;
  justify-content: flex-start;
}
#info-wrapper .info-row .info-block:not(.info-block-wide) {
  width: 310px;
}
#info-wrapper .info-row .info-block {
  display: inline-flex;
  justify-content: space-between;
  max-width: 45%;
  align-items: flex-start;
  padding: 0 0 1em;
}
#info-wrapper .info-row .info-block:not(:last-child) {
  margin-right: 3em;
}
#info-wrapper .info-row .info-block .info-pic {
  width: 63px;
  height: auto;
  margin: 0 28px 0 0;
}
#info-wrapper .info-row .info-block .info-desc {
  align-self: flex-start;
  color: #594023;
  flex-grow: 1;
}
#info-wrapper .info-row .info-block .info-desc .info-title {
  font-size: 24px;
  line-height: 1.1em;
}
#info-wrapper .info-row .info-block .info-desc .info-text {
  margin-top: 1em;
  font-size: 14px;
}
#info-wrapper .info-row .info-block .info-desc .info-text .sub-text {
  margin-top: 1em;
  color: #9a7957;
}
/*$lightColor: #ccaass;*/
.menu-img[data-v-b5dd38f6] {
  width: 100%;
}
/*$lightColor: #ccaass;*/
#menu-wrapper .menu-header {
  justify-content: center;
}
#menu-wrapper .menu-img {
  width: 100%;
}
#menu-wrapper #kitchen-schedule-wrapper {
  display: flex;
  margin-top: 2em;
}
#menu-wrapper #kitchen-schedule-wrapper * {
  color: #594023;
}
#menu-wrapper #kitchen-schedule-wrapper .lenten-header {
  position: relative;
  font-weight: bold;
}
#menu-wrapper #kitchen-schedule-wrapper .lenten-header .icon {
  width: 12pt;
  height: auto;
  position: absolute;
  left: -16pt;
}
#menu-wrapper #kitchen-schedule-wrapper .schedule-left-wrapper {
  justify-content: flex-start;
}
#menu-wrapper #kitchen-schedule-wrapper .schedule-left-wrapper .picture {
  margin: 0 auto 1.8em auto;
}
#menu-wrapper #kitchen-schedule-wrapper .schedule-left-wrapper .picture.permanent-1 {
  margin-top: 1.8em;
}
#menu-wrapper #kitchen-schedule-wrapper .schedule-left-wrapper .permanent-type {
  margin-right: 3.25em;
}
#menu-wrapper #kitchen-schedule-wrapper .schedule-left-wrapper .permanent-type .dish-row {
  line-height: 1.6em;
}
#menu-wrapper #kitchen-schedule-wrapper .schedule-main-wrapper {
  height: auto;
  margin: 0;
}
#menu-wrapper #kitchen-schedule-wrapper .schedule-main-wrapper .schedule-kitchen-header .img {
  display: none;
}
#menu-wrapper #kitchen-schedule-wrapper .schedule-main-wrapper .schedule-kitchen-header .dates {
  text-align: left;
  font-size: 28px;
  line-height: 28px;
  letter-spacing: 2px;
  color: #bd966b;
  margin: 0;
}
#menu-wrapper #kitchen-schedule-wrapper .schedule-main-wrapper .schedule-days .weekday-column:not(:last-child) {
  margin-right: 3.25em;
}
#menu-wrapper #kitchen-schedule-wrapper .schedule-main-wrapper .schedule-days .weekday-column .weekday {
  width: 100%;
  margin: 0;
}
#menu-wrapper #kitchen-schedule-wrapper .schedule-main-wrapper .schedule-days .weekday-column .weekday .day-name {
  font-size: 18px;
  color: #bd966b;
}
#menu-wrapper #kitchen-schedule-wrapper .schedule-main-wrapper .schedule-days .weekday-column .weekday .dish-type .type-name {
  font-size: 11px;
}
#menu-wrapper #kitchen-schedule-wrapper .schedule-main-wrapper .schedule-days .weekday-column #menu-swash {
  width: 100%;
  margin-right: 0;
  margin-top: 4em;
}
#menu-wrapper #kitchen-schedule-wrapper .schedule-main-wrapper .dish-row, #menu-wrapper #kitchen-schedule-wrapper .schedule-left-wrapper .dish-row {
  font-size: 13px;
}
#menu-wrapper #kitchen-schedule-wrapper .schedule-main-wrapper .dish-row .dish-name, #menu-wrapper #kitchen-schedule-wrapper .schedule-left-wrapper .dish-row .dish-name {
  font-weight: normal;
}
#menu-wrapper #kitchen-schedule-wrapper .schedule-main-wrapper .dish-row .icon, #menu-wrapper #kitchen-schedule-wrapper .schedule-left-wrapper .dish-row .icon {
  width: 8pt;
  height: auto;
  position: absolute;
  left: -13pt;
}
#menu-wrapper #combo-dinner-schedule-wrapper .menu-body.combo-menu {
  width: 100%;
  height: auto;
  background: url("/images/menu/combo_dinner.jpg") no-repeat;
  color: white;
  font-family: "PT Serif", serif;
}
#menu-wrapper #combo-dinner-schedule-wrapper .menu-body.combo-menu .menu-section {
  padding: 60px;
}
#menu-wrapper #combo-dinner-schedule-wrapper .menu-body.combo-menu .menu-section .header-row {
  display: flex;
  justify-content: center;
  margin-bottom: 70px;
}
#menu-wrapper #combo-dinner-schedule-wrapper .menu-body.combo-menu .menu-section .header-row > span:nth-child(1) {
  font-size: 28px;
}
#menu-wrapper #combo-dinner-schedule-wrapper .menu-body.combo-menu .menu-section .menu-subbody {
  display: flex;
  font-size: 24px;
  height: 300px;
}
#menu-wrapper #combo-dinner-schedule-wrapper .menu-body.combo-menu .menu-section .menu-subbody .dish-row .dish-name {
  display: block;
  background: none;
  font-family: "PT Sans";
  font-size: 14px;
  font-weight: normal;
}
#menu-wrapper #combo-dinner-schedule-wrapper .menu-body.combo-menu .menu-section .menu-subbody .dish-types-wrapper,
#menu-wrapper #combo-dinner-schedule-wrapper .menu-body.combo-menu .menu-section .menu-subbody .prices-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
#menu-wrapper #combo-dinner-schedule-wrapper .menu-body.combo-menu .menu-section .menu-subbody .dish-types-wrapper {
  width: 27%;
  padding-right: 10%;
}
#menu-wrapper #combo-dinner-schedule-wrapper .menu-body.combo-menu .menu-section .menu-subbody .prices-wrapper {
  width: 63%;
}
#menu-wrapper #combo-dinner-schedule-wrapper .menu-body.combo-menu .menu-section .menu-subbody .prices-wrapper > div {
  display: flex;
}
#menu-wrapper #combo-dinner-schedule-wrapper .menu-body.combo-menu .menu-section .menu-subbody .prices-wrapper > div .price-names {
  width: 40%;
  height: 120px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#menu-wrapper #combo-dinner-schedule-wrapper .menu-body.combo-menu .menu-section .menu-subbody .prices-wrapper > div .price {
  width: 60%;
  border-left: 1px solid white;
  display: flex;
  justify-content: space-around;
  align-items: center;
}
#menu-wrapper #combo-dinner-schedule-wrapper .menu-body.combo-menu .menu-section .menu-subbody .prices-wrapper > div .price > div:nth-child(2) {
  font-size: 28px;
}
/*$lightColor: #ccaass;*/
.birthday-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/images/bonus/bd_pattern.svg");
  background-size: 40%;
  pointer-events: none;
  z-index: 90;
  opacity: 0.7;
}
/*$lightColor: #ccaass;*/
.history-wrapper {
  border-radius: 4px;
  padding: 0;
  height: 240px;
  transition: height 1s ease-out;
  display: flex;
}
.history-wrapper.full {
  height: 960px;
}
.history-wrapper.full .history-image {
  height: 593px;
  background-image: url("/images/nikolay.jpg?a=sdgjekth3wek");
}
.history-wrapper.full .last {
  padding-top: 0 !important;
}
.history-wrapper .full-toggle-arrow {
  color: #9a7957;
  cursor: pointer;
  width: 20px;
  margin-left: 3px;
  margin-bottom: -4px;
  z-index: 100;
}
.history-wrapper.full .full-toggle-arrow {
  margin-bottom: -2px;
}
.history-wrapper .history-image {
  position: relative;
  border-radius: 4px 0 0 4px;
  background-image: url("/images/nikolay_portrait.jpg");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 325.4px 593px;
  width: 325.4px;
  min-width: 325.4px;
  height: 240px;
  margin-right: 35px;
  transition: height 1s ease-out;
}
.history-wrapper .history-image::before {
  pointer-events: none;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  box-shadow: 10px 0 5px -2px #fff;
}
.history-wrapper .history-text {
  width: auto;
  padding: 0 40px 0 35px;
  color: #594023;
}
.history-wrapper .history-text .text-h {
  font-size: 24px;
  color: #9a7957;
}
.history-wrapper .history-text .text-p {
  text-indent: 1em;
  padding: 10px 0;
}
.history-wrapper {
  overflow: hidden;
}
.history-wrapper .history-text .text-p {
  line-height: 25px;
}
/*$lightColor: #ccaass;*/
.points-wrapper {
  flex-wrap: wrap;
  margin-top: -1em;
}
.points-wrapper .point {
  font-size: 14px;
  color: #594023;
  cursor: pointer;
  text-align: left;
  margin-top: 1em;
}
.points-wrapper .point:hover * {
  color: #7d5b34 !important;
}
.points-wrapper .point .address {
  color: #9a7957;
  margin-bottom: 0.4em;
}
.points-wrapper .point .point-info {
  text-align: left;
  color: #bd966b;
}
.points-wrapper .point.active .address, .points-wrapper .point.active .point-info {
  color: #594023;
}
/*$lightColor: #ccaass;*/
#addresses-wrapper .contact-addition-img {
  margin-bottom: 2em;
  width: 100%;
}
#addresses-wrapper .callback-btn {
  font-size: 24px;
  margin: 0.5em 0;
  padding: 0.2em 1em 0.3em 1em;
  color: #fff;
  background-color: #db6b2d;
}
#addresses-wrapper.no-takeaway {
  display: flex;
  justify-content: center;
}
#addresses-wrapper .switchers-wrapper {
  margin-bottom: 10px;
}
#addresses-wrapper .content-sections-wrapper {
  position: relative;
  float: right;
}
#addresses-wrapper .content-sections-wrapper, #addresses-wrapper .content-sections-wrapper > * {
  height: 450px;
  width: 750px;
}
#addresses-wrapper .content-sections-wrapper > * {
  position: absolute;
}
#addresses-wrapper .content-sections-wrapper #points-images .point-img {
  position: absolute;
  background-size: 750px auto;
  background-repeat: no-repeat;
  height: 450px;
  width: 750px;
  border-radius: 4px;
}
#addresses-wrapper .content-sections-wrapper #points-images .point-img#address-gag {
  display: block;
}
#addresses-wrapper .addresses-text-wrapper {
  display: inline-flex;
  flex-direction: column;
  width: 300px;
}
#addresses-wrapper .addresses-text-wrapper .points-wrapper {
  order: 2;
  display: flex;
  flex-direction: column;
}
#addresses-wrapper .addresses-text-wrapper .points-wrapper .point {
  text-align: center;
}
#addresses-wrapper .addresses-text-wrapper .points-wrapper .point:not(.active):not(:only-child) .point-info {
  display: none;
}
#addresses-wrapper .addresses-text-wrapper .points-wrapper .point:only-child .point-info {
  display: flex;
  flex-direction: column;
}
#addresses-wrapper .addresses-text-wrapper .points-wrapper .point:only-child .point-info .point-time {
  order: 1;
}
#addresses-wrapper .addresses-text-wrapper .points-wrapper .point:only-child .point-info .point-metro {
  order: 2;
}
#addresses-wrapper .addresses-text-wrapper .points-wrapper .point .address {
  font-size: 24px;
  text-align: left;
}
#addresses-wrapper .addresses-text-wrapper #address-contacts {
  order: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-bottom: 1px solid #9a7957;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
#addresses-wrapper .addresses-text-wrapper #address-contacts .phone {
  order: 1;
  flex-basis: 100%;
  font-size: 28px;
  letter-spacing: 1.5px;
}
#addresses-wrapper .addresses-text-wrapper #address-contacts .callback-btn {
  order: 2;
  flex-basis: 100%;
}
#addresses-wrapper .addresses-text-wrapper #address-contacts .social-links {
  order: 3;
  margin-top: 1.3em;
}
#addresses-wrapper .addresses-text-wrapper #address-contacts .email {
  order: 4;
  margin-top: 1em;
}
#addresses-wrapper + .delimeter + .swash {
  display: block;
  margin: 1em auto 3em;
  width: 30%;
}
/*$lightColor: #ccaass;*/
.narrow-wrapper[data-v-51a5f91e] {
  width: 15em;
  text-align: center;
  margin-bottom: 2em;
}
.narrow-wrapper .btn[data-v-51a5f91e] {
  padding: 0.2em 1em 0.3em 1em;
  margin-top: 0.8em;
  color: #fff;
  background-color: #bd966b;
}
/*$lightColor: #ccaass;*/
.conditions-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 91000;
}
.conditions-text, #impressum-popup {
  position: absolute;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  background: #fff;
  color: #9a7957;
  border-radius: 4px;
  border: 1px solid #bd966b;
  font-size: 11px;
  padding: 7px 40px 15px 20px;
  text-align: center;
}
.conditions-text .close-conditions, #impressum-popup .close-conditions {
  position: absolute;
  top: 5px;
  right: 7px;
  width: 15px;
  height: 15px;
  cursor: pointer;
}
.conditions-text p, #impressum-popup p {
  text-align: left;
}
.conditions-text .small-btn, #impressum-popup .small-btn {
  margin: 0.5em auto;
}
.conditions-text {
  height: fit-content;
  max-height: 100vh;
  width: 100%;
  max-width: 500px;
  top: 0;
  bottom: 0;
  position: fixed;
  margin: auto;
  left: 0;
  right: 0;
}
/*$lightColor: #ccaass;*/
.auth-form {
  display: flex;
  flex-direction: column;
  color: #9a7957;
}
.auth-form > .label {
  font-size: 24px;
  color: #594023;
}
.auth-form .phone-block {
  margin-top: 3.5rem;
  display: flex;
}
.auth-form .phone-col .header, .auth-form .code-col .header {
  font-size: 14px;
}
.auth-form .phone-col input, .auth-form .code-col input {
  font-size: 24px;
  border: 0;
  border-bottom: 1px solid #9a7957;
}
.auth-form .phone-col .phone-input, .auth-form .code-col .phone-input {
  width: 17rem;
}
.auth-form .phone-col .code-input, .auth-form .code-col .code-input {
  width: 5rem;
}
.auth-form .phone-col .conditions, .auth-form .code-col .conditions {
  font-size: 9px;
  padding-top: 1rem;
}
.auth-form .phone-col .error-sms-code .error-message, .auth-form .code-col .error-sms-code .error-message {
  color: #cc4c38;
}
.auth-form .phone-col .error-sms-code .clickable, .auth-form .code-col .error-sms-code .clickable {
  text-decoration: underline;
  cursor: pointer;
}
.auth-form .phone-col {
  width: 20rem;
}
/*$lightColor: #ccaass;*/
.progress-details[data-v-0a08bd21] {
  display: flex;
  align-items: center;
  color: #594023;
}
.progress-details > img[data-v-0a08bd21] {
  width: 3rem;
  height: 3rem;
  margin-right: 1rem;
}
.progress-details .progress-details-text[data-v-0a08bd21] {
  display: flex;
  flex-direction: column;
  font-size: 14px;
}
.progress-details .progress-details-text .pie-qty[data-v-0a08bd21] {
  font-size: 24px;
}
/*$lightColor: #ccaass;*/
.progress-circles[data-v-ef54ccc0] {
  display: flex;
  align-items: center;
}
.progress-circles[data-v-ef54ccc0] > :not(:last-child) {
  margin-right: 0.6rem;
}
.progress-circles > *[data-v-ef54ccc0] {
  width: 3rem;
  height: 3rem;
}
.progress-circles .gift-qty[data-v-ef54ccc0] {
  color: white;
  background-color: #f8971d;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 2em;
  font-size: 24px;
}
.progress-circles.smaller-circles > *[data-v-ef54ccc0] {
  width: 1.6rem;
  height: 1.6rem;
}
.progress-circles.smaller-circles[data-v-ef54ccc0] > :not(:last-child) {
  margin-right: 0.3rem;
}
/*$lightColor: #ccaass;*/
.gift-info[data-v-b4f7c33c] {
  font-size: 14px;
  color: #594023;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.gift-info > img[data-v-b4f7c33c] {
  width: 25px;
  height: auto;
  margin-right: 1rem;
}
/*$lightColor: #ccaass;*/
.loyalty-dashboard[data-v-7861b55c] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.bottom-block[data-v-7861b55c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bottom-block .orange-button[data-v-7861b55c] {
  padding: 4px 20px 6px;
  font-size: 24px;
  background-color: #f8971d;
  color: #ffffff;
  cursor: pointer;
}
.bottom-block .logout-button[data-v-7861b55c] {
  color: #bd966b;
}
.greeting[data-v-7861b55c] {
  font-size: 28px;
  color: #594023;
  margin-bottom: 2rem;
}
.progress-details-wrapper[data-v-7861b55c] {
  display: flex;
}
.progress-details-wrapper[data-v-7861b55c] > :not(:last-child) {
  margin-right: 2rem;
}
.progress-circles[data-v-7861b55c] {
  margin: 2rem 0;
}
.birthday-agree[data-v-7861b55c] {
  font-size: 14px;
  color: #594023;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
/*$lightColor: #ccaass;*/
.auth-prescreen[data-v-113c631b] {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: #9a7957;
}
.auth-prescreen .label[data-v-113c631b] {
  font-size: 24px;
  color: #594023;
  margin-bottom: 1rem;
}
.auth-prescreen .loyalty-info .header[data-v-113c631b] {
  margin-top: 1rem;
  color: #594023;
}
.auth-prescreen .loyalty-info .description[data-v-113c631b] {
  margin-top: 0.5rem;
  margin-left: 0.8em;
}
.auth-prescreen .loyalty-info .header[data-v-113c631b], .auth-prescreen .loyalty-info .description[data-v-113c631b] {
  max-width: 25rem;
}
.auth-prescreen .gift-info[data-v-113c631b] {
  margin: 2rem 0;
}
.auth-prescreen .orange-button[data-v-113c631b] {
  display: inline-block;
  padding: 4px 20px 6px;
  font-size: 24px;
  background-color: #f8971d;
  color: #ffffff;
  cursor: pointer;
  border-radius: 5px;
}
/*$lightColor: #ccaass;*/
#popup-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.4);
  z-index: 90000;
}
#popup-wrapper #auth-popup {
  position: relative;
  display: flex;
  margin: auto;
  width: 1100px;
  height: 472px;
  z-index: 100000;
  background-color: #ffffff;
  padding: 3.5rem;
  border: 1px solid #f4e8d8;
  border-radius: 5px;
}
#popup-wrapper #auth-popup .pie-photo {
  width: 395px;
  height: auto;
  margin-right: 3.5rem;
}
#popup-wrapper #auth-popup .close, #popup-wrapper #auth-popup .back {
  position: absolute;
  z-index: 2;
  cursor: pointer;
  top: 1rem;
  font-size: 24px;
  color: #bd966b;
}
#popup-wrapper #auth-popup .close img, #popup-wrapper #auth-popup .back img {
  width: 2.4rem;
  height: 2.4rem;
}
#popup-wrapper #auth-popup .close {
  right: 1rem;
}
#popup-wrapper #auth-popup .back {
  left: 1rem;
  display: flex;
  align-items: center;
}
#popup-wrapper #auth-popup .back img {
  margin-right: 1rem;
}
/*$lightColor: #ccaass;*/
.vdp-datepicker .vdp-datepicker__calendar {
  margin-top: -2px;
  width: 210px;
  padding: 8px 14px 8px 8px;
  border: 1px solid #9a7957;
  font-family: "PT Serif", serif;
}
.vdp-datepicker .vdp-datepicker__calendar * {
  font-size: 14px;
}
.vdp-datepicker .vdp-datepicker__calendar > header {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #9a7957;
  line-height: 24px;
}
.vdp-datepicker .vdp-datepicker__calendar > header .prev, .vdp-datepicker .vdp-datepicker__calendar > header .next {
  background-size: 12px !important;
  height: 16px;
  width: 16px;
  margin-top: 6px;
}
.vdp-datepicker .vdp-datepicker__calendar > header .prev::after, .vdp-datepicker .vdp-datepicker__calendar > header .next::after {
  border: 0;
}
.vdp-datepicker .vdp-datepicker__calendar > header .prev {
  background: transparent url(/images/arrow_left.svg) no-repeat;
}
.vdp-datepicker .vdp-datepicker__calendar > header .next {
  background: transparent url(/images/arrow_right.svg) no-repeat;
}
.vdp-datepicker .vdp-datepicker__calendar .cell {
  height: 24px;
  line-height: 24px;
  color: #9a7957;
}
.vdp-datepicker .vdp-datepicker__calendar .cell.day-header {
  color: #594023;
}
.vdp-datepicker .vdp-datepicker__calendar .cell.weekend, .vdp-datepicker .vdp-datepicker__calendar .cell.day-header:nth-child(6), .vdp-datepicker .vdp-datepicker__calendar .cell.day-header:nth-child(7) {
  color: #cc4c38;
}
.vdp-datepicker .vdp-datepicker__calendar .cell.selected.day, .vdp-datepicker .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).day:hover {
  border: 0;
  background: transparent url(/images/circle.svg) no-repeat;
  background-size: 24px;
  background-position: 1px 0;
}
.vdp-datepicker .vdp-datepicker__calendar .cell.selected.month, .vdp-datepicker .vdp-datepicker__calendar .cell:not(.blank):not(.disabled).month:hover {
  background: transparent;
}
.vdp-datepicker .vdp-datepicker__calendar .cell.disabled {
  opacity: 0.35;
}
/*$lightColor: #ccaass;*/
.generic-popup {
  position: fixed;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background-color: rgba(255, 255, 255, 0.6);
  z-index: 10000;
}
.generic-popup__content {
  position: relative;
  width: auto;
  border-radius: 6px;
  background-color: #f4e8d8;
  padding: 1.5em;
  box-sizing: border-box;
}
.generic-popup__header {
  text-align: center;
}
.generic-popup__header-label {
  font-size: 24px;
  color: #cc4c38;
}
.generic-popup__header-small-label {
  margin: 1em 0;
  font-size: 14px;
  color: #594023;
}
.generic-popup__close, .generic-popup__back {
  position: absolute;
  cursor: pointer;
  top: 0.8em;
  width: 1.3em;
  height: 1.3em;
}
.generic-popup__close {
  right: 0.8em;
}
.generic-popup__back {
  left: 0.8em;
  display: flex;
  align-items: center;
}
.generic-popup__back img {
  margin-right: 0.8em;
}
.generic-popup__body {
  text-align: center;
}
.generic-popup__body .field {
  display: flex;
  margin-bottom: 1em;
}
.generic-popup__body .field .label {
  position: relative;
  color: #9a7957;
  white-space: nowrap;
  text-align: left;
  font-size: 18px;
}
.generic-popup__body .field .label.blink {
  animation: 1s ease-out 0s 2 blink;
  color: #cc4c38;
}
.generic-popup__body .field .input, .generic-popup__body .field .vdp-datepicker {
  width: 100%;
  margin: 0 0 0 10px;
}
.generic-popup__body .field .input, .generic-popup__body .field .vdp-datepicker > div > input {
  width: 100%;
  background-color: unset;
  border: 0;
  border-bottom: 1px solid #9a7957;
  outline: none;
  font-size: 20px;
  border-radius: 0;
}
.generic-popup__body .field .input.error, .generic-popup__body .field .vdp-datepicker.error > div > input {
  border-color: #cc4c38 !important;
  border-width: 2px;
}
.generic-popup__body .field .v-select {
  margin-left: 10px;
}
.generic-popup__body .field .v-select .vs__dropdown-toggle {
  font-size: 18px;
}
.generic-popup__body .field .v-select .vs__dropdown-menu {
  top: unset;
  bottom: 0;
}
.generic-popup__body .field .vdp-datepicker .vdp-datepicker__calendar {
  bottom: 0;
}
.generic-popup__body .submit-btn {
  margin-top: 0.3em;
  padding: 0.3em 0.5em;
  font-size: 18px;
}
/*$lightColor: #ccaass;*/
[data-v-7313aa6a] .generic-popup__content {
  width: 300px;
}
/*$lightColor: #ccaass;*/
[data-v-a7da6f16] .generic-popup__content {
  width: 30em;
  max-width: 100vh;
}
/*$lightColor: #ccaass;*/
[data-v-a7a57596] .generic-popup__content {
  width: 30em;
  max-width: 100vh;
}
[data-v-a7a57596] .generic-popup__content .generic-popup__body textarea {
  margin-top: 2em;
  resize: none;
  width: 100%;
  height: 12em;
  border-radius: 4px;
  border-color: #bd966b;
}
[data-v-a7a57596] .generic-popup__content .generic-popup__body textarea.error {
  border-color: #cc4c38;
  border-width: 2px;
}
/*$lightColor: #ccaass;*/
.choose-block {
  text-align: center;
}
.choose-block .label {
  margin-bottom: 15px;
}
.choose-block .chooser {
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.choose-block .chooser .pie-option {
  text-align: center;
  flex-basis: 36%;
  cursor: pointer;
}
.choose-block .chooser .pie-option .img {
  width: 100%;
  height: auto;
  border-radius: 50%;
}
.choose-block .chooser .pie-option .btn {
  padding: 0.2em 0.2em 0.3em;
  color: #db6b2d;
  border: none;
  font-size: 14px;
  min-width: 100%;
  margin-top: 0.7em;
  box-sizing: border-box;
}
.choose-block > .small-label {
  margin: 3rem 0 2rem 0;
  color: #bd966b;
  cursor: pointer;
}
/*$lightColor: #ccaass;*/
[data-v-7e029b51] .generic-popup__content {
  border: 1px solid #f4e8d8;
  background-color: #ffffff;
  width: 1100px;
  height: 500px;
}
[data-v-7e029b51] .choose-block .label {
  color: #594023;
  font-size: 24px;
}
[data-v-7e029b51] .choose-block .chooser {
  height: auto;
  width: auto;
  margin-top: 2em;
  justify-content: space-evenly;
}
[data-v-7e029b51] .choose-block .chooser .pie-option {
  flex-basis: unset;
  width: 231px;
}
[data-v-7e029b51] .choose-block .chooser .pie-option .img {
  width: 100%;
}
[data-v-7e029b51] .choose-block .chooser .pie-option .btn {
  border: none;
  width: auto;
  height: 70px;
  box-sizing: border-box;
  margin-top: 0.6em;
  padding: 2px 14px 4px !important;
  color: white;
  background-color: #f8971d;
  font-size: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/*$lightColor: #ccaass;*/
[data-v-e5fd5a20] .generic-popup__content {
  border: 3px solid #db6b2d;
  width: 563px;
}
[data-v-e5fd5a20] .generic-popup__content .btn {
  padding: 3px 14px 6px 14px;
  margin: 1.5em 0 0 0;
}
/*$lightColor: #ccaass;*/
[data-v-26049f07] .generic-popup__content {
  padding: 0;
}
[data-v-26049f07] .generic-popup__content .event-img {
  max-height: 90vh;
}
/*$lightColor: #ccaass;*/
[data-v-52814747] .generic-popup__content {
  padding: 0;
}
[data-v-52814747] .generic-popup__content .event-img {
  max-height: 90vh;
}
/*$lightColor: #ccaass;*/
[data-v-fad1efd4] .generic-popup__content {
  width: calc(100vw - 40px);
  max-width: 960px;
  max-height: calc(100vh - 40px);
  border: 1px solid #bd966b;
  background-color: #ffffff;
}
[data-v-fad1efd4] .generic-popup__body {
  margin-top: 1em;
  text-align: left;
  overflow-y: auto;
  max-height: calc(100vh - 160px);
}
.legal-document-popup__content[data-v-fad1efd4] {
  color: #594023;
  font-family: "PT Serif", serif;
}
.legal-document-popup__content[data-v-fad1efd4]  .legal-document {
  font-size: 14px;
  line-height: 1.55;
}
.legal-document-popup__content[data-v-fad1efd4]  .legal-document p {
  margin: 0 0 0.8em;
}
.legal-document-popup__content[data-v-fad1efd4]  .legal-document h3 {
  margin: 1.2em 0 0.6em;
  font-size: 24px;
  line-height: 1.3;
}
.legal-document-popup__content[data-v-fad1efd4]  .legal-document__title {
  margin: 0 0 1.25em;
  text-align: center;
}
.legal-document-popup__content[data-v-fad1efd4]  .legal-document ul {
  margin: 0 0 0.8em;
  padding-left: 1.25em;
}
.legal-document-popup__content[data-v-fad1efd4]  .legal-document li {
  margin-bottom: 0.35em;
}
.legal-document-popup__logo-wrap[data-v-fad1efd4] {
  text-align: center;
  margin: 0 0 0.9em;
}
.legal-document-popup__logo[data-v-fad1efd4] {
  width: 56px;
  height: auto;
  display: inline-block;
}
/*$lightColor: #ccaass;*/
#personal #type-switchers {
  margin: 0 0 20px 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
#personal #type-switchers .type-btn {
  height: 40px;
  flex-basis: 50%;
  line-height: 37px;
  font-size: 24px;
  color: #9a7957;
  background-color: #fff;
  border: 1px solid #9a7957;
  cursor: pointer;
}
#personal #type-switchers .type-btn:first-of-type {
  border-radius: 4px 0 0 4px;
}
#personal #type-switchers .type-btn:last-of-type {
  border-radius: 0 4px 4px 0;
}
#personal #type-switchers .type-btn.active {
  color: #fff;
  background-color: #594023;
}
#personal #type-switchers .type-btn:first-of-type:not(.active) {
  border-right: 0;
}
#personal #type-switchers .type-btn:last-of-type:not(.active) {
  border-left: 0;
}
#personal #order-sms-wrapper {
  display: none;
}
#personal #order-sms-wrapper.visible {
  display: flex;
}
#personal #order-sms-wrapper #order-sms-code {
  border: 1px solid #bd966b;
  border-radius: 4px;
  background-color: #fff;
  width: 4em;
  text-align: center;
  padding: 0.1em 0.2em;
}
/*$lightColor: #ccaass;*/
.field {
  /*.vue-dadata__input{
      width:100%;
      height: auto;
      background-color:unset;
      border:0;
      border-radius: 0;
      border-bottom: 1px solid $lightColor !important;
      outline: none;
      box-shadow: none !important;
      font-size:$middleFont;
  }*/
}
.field .vue-dadata__suggestions {
  border: 1px solid #bd966b;
  border-top: 0;
  background: none;
  margin-top: 0;
  border-radius: 0 0 4px 4px;
  background-color: #fff;
}
.field .vue-dadata__suggestions-item {
  border-top: 1px solid #bd966b;
  text-align: left;
  padding: 3px 0 5px 14px !important;
  color: #9a7957;
  cursor: pointer;
}
.field .vue-dadata__suggestions-item:hover, .field .vue-dadata__suggestions-item.focus, .field .vue-dadata__suggestions-item.selected.focus {
  color: #594023 !important;
}
.field .vue-dadata {
  width: 100%;
}
.field .vue-dadata .vue-dadata__input {
  height: unset;
}
.field .vue-dadata.error .vue-dadata__input {
  border-color: #cc4c38 !important;
  border-width: 2px;
}
/*$lightColor: #ccaass;*/
#choose-bar #choose-bar-label {
  margin: 0 1em 0.5em !important;
}
#choose-bar .map-area {
  height: 38vh;
  width: 100%;
  margin-bottom: 1em;
}
#choose-bar #choose-bar-label.error > .label {
  color: #cc4c38 !important;
}
/*$lightColor: #ccaass;*/
#order-wrapper #order-form #stages #details .vdp-datepicker {
  margin-right: 20px;
}
#order-wrapper #order-form #stages #details #comment-text {
  margin-top: 10px;
  padding: 10px;
  width: 100%;
  min-height: 70px;
  box-sizing: border-box;
  border: 1px solid #bd966b;
  border-radius: 4px;
  resize: none;
  color: #594023;
  font-size: 14px;
  font-family: "PT Serif", serif;
  font-weight: bold;
  outline: none;
}
/*$lightColor: #ccaass;*/
#order-wrapper #order-form #stages #confirm #scroll-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  height: calc(100% - 300px);
  width: 100%;
  overflow-x: hidden;
}
#order-wrapper #order-form #stages #confirm #scroll-wrapper:hover .simplebar-track {
  opacity: 1;
}
#order-wrapper #order-form #stages #confirm #scroll-wrapper .simplebar-track {
  left: 480px;
  right: 0;
  margin: 0 auto;
}
#order-wrapper #order-form #stages #confirm #scroll-wrapper .simplebar-track.horizontal {
  display: none;
}
#order-wrapper #order-form #stages #confirm #scroll-wrapper .simplebar-track .simplebar-scrollbar {
  background-color: #9a7957;
}
#order-wrapper #order-form #stages #confirm #confirm-cart {
  font-size: 24px;
  color: #594023;
}
#order-wrapper #order-form #stages #confirm #confirm-cart .section .cart-row .details {
  text-align: left;
}
#order-wrapper #order-form #stages #confirm #confirm-cart .section .cart-row .details .gift-info .goal, #order-wrapper #order-form #stages #confirm #confirm-cart .section .cart-row .details .gift-info .change-gift {
  font-size: 14px;
}
#order-wrapper #order-form #stages #confirm #confirm-cart {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 460px;
}
#order-wrapper #order-form #stages #confirm #confirm-cart .section .cart-row {
  padding: 12px 0;
}
#order-wrapper #order-form #stages #confirm #confirm-cart .section .cart-row .img {
  width: 75px;
  height: 75px;
}
#order-wrapper #order-form #stages #confirm #confirm-cart .section .cart-row .details {
  vertical-align: middle;
}
#order-wrapper #order-form #stages #confirm #confirm-cart .section .cart-row .details .name {
  line-height: 20px;
}
#order-wrapper #order-form #stages #confirm #confirm-cart .section .cart-row .details .digits {
  margin-top: 12px;
}
#order-wrapper #order-form #stages #confirm #confirm-cart .section .cart-row .details .digits .qty .qty-minus, #order-wrapper #order-form #stages #confirm #confirm-cart .section .cart-row .details .digits .qty .qty-plus {
  visibility: visible;
  width: 28px;
  height: auto;
}
#order-wrapper #order-form #stages #confirm #confirm-cart .section .cart-row .details .digits .sum .slash {
  font-size: 43px;
  font-weight: bold;
}
#order-wrapper #order-form #stages #confirm #confirm-cart .section .cart-row .details .digits .remove {
  width: 20px;
}
#order-wrapper #order-form #stages #confirm #order-summary {
  display: flex;
  justify-content: flex-end;
  width: 460px;
  margin: 15px auto;
  color: #594023;
}
#order-wrapper #order-form #stages #confirm #order-summary .bank-payment {
  flex-basis: 50%;
  text-align: left;
}
#order-wrapper #order-form #stages #confirm #order-summary .bank-payment > p {
  color: #9a7957;
  margin: 0 0 1em 0;
}
#order-wrapper #order-form #stages #confirm #order-summary .bank-payment > .btn {
  font-size: 14px;
}
#order-wrapper #order-form #stages #confirm #order-summary #total-prices {
  flex-basis: 50%;
  text-align: right;
  font-size: 28px;
}
#order-wrapper #order-form #stages #confirm #order-summary #total-prices #total-delivery-row.free {
  white-space: nowrap;
  font-size: 14px;
}
#order-wrapper #order-form #stages #confirm #order-summary #total-prices #total-delivery-row.free #delivery-price, #order-wrapper #order-form #stages #confirm #order-summary #total-prices #total-delivery-row.free .currency {
  display: none;
}
#order-wrapper #order-form #stages #confirm #order-summary #total-prices #total-delivery-row.free .free-delivery {
  display: inline-block;
}
#order-wrapper #order-form #stages #confirm #order-summary #total-prices #total-delivery-row .free-delivery {
  display: none;
}
#order-wrapper #order-form #stages #confirm #order-summary #total-prices .total-price-row > * {
  display: inline-block;
}
#order-wrapper #order-form #stages #confirm #order-summary #total-prices #change-wrapper {
  font-size: 14px;
  text-align: right;
  display: inline-block;
  position: relative;
}
#order-wrapper #order-form #stages #confirm #order-summary #total-prices #change-wrapper .label {
  display: inline;
}
#order-wrapper #order-form #stages #confirm #order-summary #total-prices #change-wrapper .input {
  text-align: right;
  width: 50px;
  font-size: 14px;
  padding-right: 1em;
}
#order-wrapper #order-form #stages #confirm #order-summary #total-prices #change-wrapper .currency {
  position: absolute;
  right: 0;
  top: 0.2em;
}
#order-wrapper #order-form #stages #confirm #order-summary #total-prices .gift-card-wrapper {
  display: inline-block;
  width: 320px;
  margin: 10px 0 !important;
  font-size: 14px;
}
#order-wrapper #order-form #stages #confirm #order-summary #total-prices .gift-card-wrapper .label {
  text-align: center;
}
#order-wrapper #order-form #stages #confirm #order-summary #total-prices .gift-card-wrapper .gift-card-prompt {
  background: #cc4c38;
  color: white;
  border-radius: 4px;
  cursor: pointer;
  padding: 8px 16px 12px 8px;
  text-align: center;
}
#order-wrapper #order-form #stages #confirm #order-summary #total-prices .gift-card-wrapper .gift-card-row {
  display: none;
  flex-direction: column;
}
#order-wrapper #order-form #stages #confirm #order-summary #total-prices .gift-card-wrapper .gift-card-row > .label {
  padding: 8px;
  background: #cc4c38;
  color: white;
  border-radius: 4px;
}
#order-wrapper #order-form #stages #confirm #order-summary #total-prices .gift-card-wrapper .gift-card-row > .label * {
  text-align: center;
}
#order-wrapper #order-form #stages #confirm #order-summary #total-prices .gift-card-wrapper .gift-card-row > .label .no-card-text {
  display: none;
}
#order-wrapper #order-form #stages #confirm #order-summary #total-prices .gift-card-wrapper .gift-card-row > .label .normal-text {
  display: block;
}
#order-wrapper #order-form #stages #confirm #order-summary #total-prices .gift-card-wrapper .gift-card-row > .label.no-card .no-card-text {
  display: block;
}
#order-wrapper #order-form #stages #confirm #order-summary #total-prices .gift-card-wrapper .gift-card-row > .label.no-card .normal-text {
  display: none;
}
#order-wrapper #order-form #stages #confirm #order-summary #total-prices .gift-card-wrapper .gift-card-row .card-code {
  display: flex;
  justify-content: space-around;
  padding: 10px 0;
}
#order-wrapper #order-form #stages #confirm #order-summary #total-prices .gift-card-wrapper .gift-card-row .card-code .card-code-part {
  text-align: left;
  background: transparent;
  width: 68px;
  font-size: 28px;
  border: 0;
  border-bottom: 1px solid #9a7957;
  padding: 0;
  margin: 0 4px;
  color: #cc4c38;
}
#order-wrapper #order-form #stages #confirm #order-summary #total-prices .gift-card-wrapper .gift-card-row .card-summary {
  display: flex;
  justify-content: space-between;
}
#order-wrapper #order-form #stages #confirm #order-summary #total-prices .gift-card-wrapper .gift-card-row .card-summary > .label {
  color: #9a7957;
  font-size: 9px;
  width: 60%;
  padding-top: 6px;
  text-align: left;
}
#order-wrapper #order-form #stages #confirm #order-summary #total-prices .gift-card-wrapper .gift-card-row .card-summary .card-sum-wrapper {
  display: none;
  font-size: 28px;
}
#order-wrapper #order-form #stages #confirm #order-summary #total-prices .gift-card-wrapper .gift-card-row .card-summary .card-sum-wrapper > * {
  display: inline;
}
#order-wrapper #order-form #stages #confirm #order-summary #total-prices .gift-card-wrapper.active .gift-card-prompt {
  display: none;
}
#order-wrapper #order-form #stages #confirm #order-summary #total-prices .gift-card-wrapper.active .gift-card-row {
  display: flex;
}
#order-wrapper #order-form #stages #confirm #order-summary #total-prices #discount-price-row {
  display: none;
}
#order-wrapper #order-form #stages #confirm #order-summary #total-prices #discount-price-row.with-non-card-discount {
  display: block;
}
#order-wrapper #order-form #stages #confirm #order-summary #total-prices #discount-price-row #total-discounted-price, #order-wrapper #order-form #stages #confirm #order-summary #total-prices #discount-price-row #total-discounted-price + .currency {
  color: #cc4c38;
}
#order-wrapper #order-form #stages #confirm #order-summary #total-prices.with-discount #total-price-row {
  color: #9a7957;
}
#order-wrapper #order-form #stages #confirm #order-summary #total-prices.with-discount #discount-price-row,
#order-wrapper #order-form #stages #confirm #order-summary #total-prices.with-discount .gift-card-wrapper .gift-card-row .card-summary .card-sum-wrapper {
  display: block;
}
#order-wrapper #order-form #stages #confirm #order-summary .promocode-row {
  font-size: 28px;
  text-align: right;
}
#order-wrapper #order-form #stages #confirm #order-summary .promocode-row.active {
  display: block;
}
#order-wrapper #order-form #stages #confirm #order-summary .promocode-row .label {
  display: inline-block;
}
#order-wrapper #order-form #stages #confirm #order-summary .promocode-row .promocode-input {
  font-size: 28px;
  border: none;
  border-bottom: 1px solid #9a7957;
  outline: none;
  width: 82px;
  margin: 0 0 0 10px;
}
#order-wrapper #order-form #stages #confirm #options-block {
  width: 100%;
  max-width: 460px;
  margin: 0 auto;
  box-sizing: border-box;
}
#order-wrapper #order-form #stages #confirm #options-block .flex-between {
  display: block;
}
#order-wrapper #order-form #stages #confirm #options-block .half-field.order-option {
  width: 100%;
}
#order-wrapper #order-form #stages #confirm #options-block .label {
  cursor: pointer;
}
#order-wrapper #order-form #stages #confirm #options-block #expand-options {
  cursor: pointer;
}
#order-wrapper #order-form #stages #confirm #options-block #expand-options img {
  width: 0.7em;
  height: 0.7em;
  margin-left: 0.5em;
  transform: rotate(90deg);
}
#order-wrapper #order-form #stages #confirm #options-block.active #expand-options img {
  transform: rotate(-90deg);
}
#order-wrapper #order-form #stages #confirm #options-block .order-option {
  display: flex;
  align-items: flex-start;
  font-size: 14px;
  margin-top: 10px;
}
#order-wrapper #order-form #stages #confirm #options-block .order-option .label {
  flex: 1 1 auto;
  min-width: 0;
  display: block;
  text-align: left;
  white-space: normal;
  margin-left: 0.5em;
  overflow-wrap: anywhere;
  word-break: break-word;
}
#order-wrapper #order-form #stages #confirm #options-block .order-option .label::first-letter {
  text-transform: capitalize;
}
#order-wrapper #order-form #stages #confirm #options-block .order-option .checkbox {
  flex-shrink: 0;
  margin-top: 0.2em;
}
#order-wrapper #order-form #stages #confirm #legal-block {
  display: flex;
  flex-direction: column;
  align-items: start;
  width: 100%;
  max-width: 460px;
  margin: 20px auto 0;
  padding-top: 10px;
  border-top: 1px solid #bd966b;
  text-align: left;
  box-sizing: border-box;
}
#order-wrapper #order-form #stages #confirm #legal-block .order-option {
  width: 100%;
  display: flex;
  align-items: flex-start;
  font-size: 14px;
  margin-top: 10px;
}
#order-wrapper #order-form #stages #confirm #legal-block .consent-row .label {
  flex: 1 1 auto;
  min-width: 0;
  display: block;
  text-align: left;
  white-space: normal;
  margin-left: 0.5em;
  color: #9a7957;
  overflow-wrap: anywhere;
  word-break: break-word;
}
#order-wrapper #order-form #stages #confirm #legal-block .consent-row .label a {
  color: #9a7957;
  text-decoration: underline;
}
#order-wrapper #order-form #stages #confirm #legal-block .consent-row .checkbox {
  flex-shrink: 0;
  margin-top: 0.2em;
}
#order-wrapper #order-form #stages #confirm #legal-block .consent-row.error .label {
  color: #cc4c38;
}
#order-wrapper #order-form #stages #confirm #legal-block .consent-row.error .label a {
  color: #cc4c38;
}
/*$lightColor: #ccaass;*/
#order-wrapper #order-footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  color: #594023;
}
#order-wrapper #order-footer #order-controls, #order-wrapper #order-footer #order-info {
  box-sizing: border-box;
  background-color: #e6d4bf;
  width: calc(563px + 40px * 2);
  margin: 0 auto;
  padding: 0 40px;
}
#order-wrapper #order-footer #order-controls {
  position: relative;
  padding-top: 15px;
  padding-bottom: 15px;
  display: flex;
}
#order-wrapper #order-footer #order-controls #back-btn {
  width: 110px;
}
#order-wrapper #order-footer #order-controls #next-btn {
  width: 110px;
}
#order-wrapper #order-footer #order-controls #submit-btn {
  box-sizing: content-box;
  width: 110px;
}
#order-wrapper #order-footer #order-footer-line {
  height: 1px;
  background: #bd966b;
  width: 100%;
  display: block;
}
#order-wrapper #order-footer #order-info {
  padding-top: 12px;
  padding-bottom: 19px;
  height: 64px;
}
#order-wrapper #order-footer #order-info .info {
  flex-basis: 33%;
  text-align: center;
}
#order-wrapper #order-footer #order-info .info #delivery-price-info .currency {
  margin-top: 2px;
}
#order-wrapper #order-footer #order-info .info #takeaway-info {
  text-align: center;
}
#order-wrapper #order-footer #order-info .info #total-sum-info .currency {
  margin-top: 2px;
}
/*$lightColor: #ccaass;*/
#order-result-wrapper {
  margin: 0 auto;
  box-sizing: border-box;
  width: calc(563px + 40px * 2);
  min-height: 100vh;
  height: 100%;
  padding: 40px;
  background-color: #f4e8d8;
}
#order-result {
  width: 80%;
  margin: 0 auto;
  font-size: 14px;
  color: #594023;
  text-align: center;
}
#order-result .bd-fancy-text {
  font-size: 28px;
  color: #cc4c38;
  width: 95%;
  margin: 0 auto 0.7em auto;
}
#order-result .bd-fancy-text > div:first-child {
  margin-bottom: 0.2em;
}
#order-result .order-no {
  margin-bottom: 0.5em;
  font-size: 24px;
}
#order-result .connect-soon {
  width: 80%;
  margin: 0 auto;
}
#order-result #insta-wrapper {
  margin: 20px auto 0;
  padding-top: 10px;
  border-top: 1px solid #9a7957;
}
#order-result #insta-wrapper #insta-images {
  width: 70%;
  margin: 20px auto 0;
  border-radius: 4px;
}
#order-result .btn {
  padding: 1px 20px 3px;
  line-height: 36px;
  font-size: 24px;
  color: #594023;
  margin-top: 0.5em;
}
/*$lightColor: #ccaass;*/
#order-result-wrapper {
  margin: 0 auto;
  box-sizing: border-box;
  width: calc(563px + 40px * 2);
  min-height: 100vh;
  height: 100%;
  padding: 40px;
  background-color: #f4e8d8;
}
#order-result {
  width: 80%;
  margin: 0 auto;
  font-size: 14px;
  color: #594023;
  text-align: center;
}
#order-result .order-no {
  margin-bottom: 0.5em;
  font-size: 24px;
}
/*$lightColor: #ccaass;*/
#order-wrapper {
  position: relative;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #bd966b;
}
#order-wrapper #order-form {
  margin: 0 auto;
  box-sizing: border-box;
  width: calc(563px + 40px * 2);
  min-height: 100vh;
  height: 100%;
  padding: 135px 40px;
  background-color: #f4e8d8;
  display: flex;
  flex-direction: column;
}
#order-wrapper #order-form #progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 24px;
  width: 100%;
}
#order-wrapper #order-form #progress-bar:after {
  position: absolute;
  left: 0;
  top: 35%;
  height: 1px;
  background: #bd966b;
  content: "";
  width: 100%;
  display: block;
}
#order-wrapper #order-form #progress-bar #stages-wrapper {
  width: 500px;
  margin: 0 auto 5px;
}
#order-wrapper #order-form #progress-bar #stages-wrapper .stage {
  width: 90px;
  position: relative;
  color: #9a7957;
  z-index: 1;
  text-align: center;
  cursor: pointer;
}
#order-wrapper #order-form #progress-bar #stages-wrapper .stage.active .number {
  color: #594023;
  border: 1px solid #594023;
}
#order-wrapper #order-form #progress-bar #stages-wrapper .stage.active .label {
  color: #594023;
}
#order-wrapper #order-form #progress-bar #stages-wrapper .stage .number {
  display: inline-block;
  width: 48px;
  height: 48px;
  background-color: #fff;
  border-radius: 50%;
  border: 1px solid #bd966b;
  line-height: 48px;
  font-size: 24px;
}
#order-wrapper #order-form #progress-bar #stages-wrapper .stage .label {
  white-space: nowrap;
  text-transform: capitalize;
}
#order-wrapper #order-form .btn {
  padding: 1px 20px 3px;
  line-height: 36px;
  font-size: 24px;
  color: #594023;
}
#order-wrapper #order-form #stages {
  width: 100%;
  flex-grow: 1;
  text-align: center;
  position: relative;
  overflow-y: auto;
}
#order-wrapper #order-form #stages .stage {
  position: relative;
}
#order-wrapper #order-form #stages .stage .field {
  margin: 18px 0;
  display: flex;
  font-size: 24px;
}
#order-wrapper #order-form #stages .stage .field.block {
  display: block;
}
#order-wrapper #order-form #stages .stage .field.hide-second > *:first-child {
  width: 100%;
}
#order-wrapper #order-form #stages .stage .field.hide-second > *:first-child .input {
  margin-right: 0;
}
#order-wrapper #order-form #stages .stage .field.hide-second > *:last-child {
  display: none;
}
#order-wrapper #order-form #stages .stage .field .half-field {
  display: inline;
  display: flex;
  width: 50%;
}
#order-wrapper #order-form #stages .stage .field .half-field:first-child .input {
  margin-right: 20px;
}
#order-wrapper #order-form #stages .stage .field .label {
  position: relative;
  color: #9a7957;
  white-space: nowrap;
  text-align: left;
}
#order-wrapper #order-form #stages .stage .field .label.blink {
  animation: 1s ease-out 0s 2 blink;
  color: #cc4c38;
}
#order-wrapper #order-form #stages .stage .field .input, #order-wrapper #order-form #stages .stage .field .vdp-datepicker {
  width: 100%;
  height: auto;
}
#order-wrapper #order-form #stages .stage .field .vdp-datepicker > div > input {
  width: 100%;
}
#order-wrapper #order-form #stages .stage .field .input, #order-wrapper #order-form #stages .stage .field .vdp-datepicker, #order-wrapper #order-form #stages .stage .field .vue-dadata {
  margin: 0 0 0 10px;
}
#order-wrapper #order-form #stages .stage .field .input, #order-wrapper #order-form #stages .stage .field .vdp-datepicker > div > input, #order-wrapper #order-form #stages .stage .field .vue-dadata__input {
  background-color: unset;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #9a7957;
  outline: none;
  box-shadow: none;
  font-size: 24px;
}
#order-wrapper #order-form #stages .stage .field .input.error, #order-wrapper #order-form #stages .stage .field .vdp-datepicker.error > div > input {
  border-color: #cc4c38 !important;
  border-width: 2px;
}
#order-wrapper #order-form #stages .stage .field .v-select {
  margin-left: 10px;
}
#order-wrapper #order-form #stages .stage:hover .ps__scrollbar-y-rail {
  opacity: 1;
}
#order-wrapper #order-form #stages .stage .ps__scrollbar-y-rail {
  position: absolute;
  opacity: 0;
  transition: opacity 0.5s ease-out;
}
#order-wrapper #order-form #stages .stage .ps__scrollbar-y-rail .ps__scrollbar-y {
  position: absolute;
  right: 0;
  width: 6px;
  background-color: #9a7957;
  border-radius: 3px;
  opacity: 0.6;
}
#order-wrapper #order-form #stages .stage .asterisk {
  position: absolute;
  font-weight: normal;
  font-size: 0.8em;
}
@charset "UTF-8";
/*$lightColor: #ccaass;*/
/*$lightColor: #ccaass;*/
/*$lightColor: #ccaass;*/
@keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blink {
  0% {
    color: #cc4c38;
  }
  50% {
    color: #9a7957;
  }
  100% {
    color: #cc4c38;
  }
}
@keyframes scrollDown {
  100% {
    transform: translateY(2000px);
  }
}
a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

input {
  font-family: "PT Serif", serif;
  font-weight: bold;
  color: #594023;
  padding: 0 5px;
}
input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #f4e8d8 inset;
  color: #594023 !important;
}

.currency, .unit {
  display: inline;
  margin-left: 0.1em;
  font-size: 0.84em;
  white-space: nowrap;
  bottom: 0;
}

.narrow-wrapper {
  position: relative;
  margin: 0 auto;
  padding: 0 50px;
  max-width: 1100px;
}

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

.flex-center {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
}

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

.flex-around {
  display: flex;
  justify-content: space-around;
  flex-wrap: nowrap;
}

.nowrap {
  white-space: nowrap;
}

.red-link {
  color: #cc4c38;
  cursor: pointer;
}

.light-color {
  color: #bd966b !important;
}

.middle-color {
  color: #9a7957;
}

.dark-color {
  color: #594023;
}

.lowercase {
  text-transform: lowercase;
}

.content-sections {
  display: none;
}

.checkbox {
  /* Галочка */
}
.checkbox + label {
  cursor: pointer;
}
.checkbox:not(checked) {
  position: absolute;
  opacity: 0;
}
.checkbox:not(checked) + label {
  position: relative;
  padding: 0 0 0 40px;
  /* Фон */
}
.checkbox:not(checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #bd966b;
  border-radius: 4px;
  background: #fff;
}
.checkbox:checked + label:after {
  position: absolute;
  top: -2px;
  left: 2px;
  background-image: url("/images/check.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 2em;
  height: 1.5em;
  content: "";
}

/*.nice-select .list{
    border-top:0;
    [data-value=""]{
        display:none;
    }
}
.nice-select{
    text-align:left;
    .current{
        padding-left:5px;
        text-align:left;
        color:$darkColor;
    }
}
.suggestions-suggestions, .nice-select .list{
    border: 1px solid $lightColor;
    border-top: 0;
    background:none;
    margin-top:1px;
    border-radius: 0 0 4px 4px;
    background-color: $buttonBack;
    .suggestions-suggestion, .option{
        border-top:1px solid $lightColor;
        text-align:left;
        padding:3px 0 5px 14px;

        color: $middleColor;
        cursor: pointer;
        &:hover, &.focus, &.selected.focus{
            color: $darkColor;
        }
    }
}

/*.suggestions-input{
    padding-left:5px !important;
}
.suggestions-wrapper{
    .suggestions-constraints{
        display:none;
    }
    .suggestions-hint{
        display:none;
    }
}*/
.btn {
  display: inline-block;
  box-sizing: border-box;
  box-shadow: 1px 1px 5px #aaaaaa;
  border: none;
  border-radius: 4px;
  background-color: #fff;
  color: #594023;
  text-align: center;
  cursor: pointer;
  outline: none;
  user-select: none;
}
.btn:active {
  background-color: #daccb9;
  color: #827261;
  border-color: #827261;
}

.small-btn {
  padding: 0.5em 1em;
  color: #db6b2d !important;
  text-transform: capitalize;
  border-color: #bd966b !important;
}

body.reservation #ui-datepicker-div.active {
  top: 0 !important;
  bottom: 0 !important;
  display: inline-table !important;
  margin: auto;
}

#date-events-list {
  display: none;
  position: absolute;
  background-color: #f4e8d8 !important;
  border-radius: 4px;
  padding: 0.5em 0.8em !important;
}
#date-events-list .event {
  cursor: pointer;
  white-space: nowrap !important;
  text-align: left !important;
}
#date-events-list .event > * {
  display: inline !important;
  text-align: left !important;
  white-space: nowrap;
  color: #9a7957 !important;
}
#date-events-list .event:hover > * {
  color: #594023 !important;
}
#date-events-list .event .event-time {
  font-weight: bold;
}
#impressum-wrapper {
  display: none;
}
#impressum-wrapper .btn {
  padding: 0.6em 1em;
  width: 10em;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#impressum-wrapper #impressum-notif {
  max-width: 1100px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #fff;
  color: #594023;
  width: 90%;
  border-radius: 6px;
  border: 1px solid #bd966b;
  padding: 1.5em 1em 1.7em;
  z-index: 1001;
  text-align: center;
}
#impressum-wrapper #impressum-notif .btns-wrapper {
  margin: 1.2em auto 0;
  display: flex;
  justify-content: center;
  width: 60%;
}
#impressum-wrapper #impressum-notif .btns-wrapper .btn:first-child {
  margin-right: 3em;
}
#impressum-wrapper #impressum-overlay {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  z-index: 1002;
}
#impressum-wrapper #impressum-overlay #impressum-popup {
  display: block;
  width: 500px;
  height: 600px;
  max-height: 80vh;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 15vh;
  padding: 2em 0 5em 0;
  font-size: 11px;
}
#impressum-wrapper #impressum-overlay #impressum-popup #impressum-close {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  width: 1.5em;
  height: 1.5em;
  cursor: pointer;
}
#impressum-wrapper #impressum-overlay #impressum-popup .text-body {
  position: relative;
  height: 100%;
  text-align: left;
  padding: 0 3em 0 2em;
}
#impressum-wrapper #impressum-overlay #impressum-popup .text-body .impressum-title {
  text-transform: uppercase;
  color: #594023;
  margin: 1em 0;
}
#impressum-wrapper #impressum-overlay #impressum-popup .text-body .impressum-subtitle {
  color: #594023;
}
#impressum-wrapper #impressum-overlay #impressum-popup .text-body .impressum-p {
  margin-bottom: 1em;
}
#impressum-wrapper #impressum-overlay #impressum-popup .btn {
  margin: 1em auto 0;
}

.grecaptcha-note {
  margin-top: 1em;
  font-size: 9px;
  color: #d7d7d7;
}
.grecaptcha-note a {
  color: #c0c0c0;
}

.tooltip {
  z-index: 100;
  padding: 10px;
  border-radius: 0 4px 4px 4px;
  color: #f4e8d8;
  font-size: 14px;
  background: #ca0b51;
  /* Old browsers */
  background: linear-gradient(125deg, #ca0b51 0%, #e68500 70%);
}
.tooltip-arrow {
  position: absolute;
  width: 20px;
  height: 20px;
  content: url("/images/cloud-tail.svg");
}
.tooltip[x-placement=bottom-start] .tooltip-arrow {
  left: 0 !important;
  top: -17px;
}
.tooltip[x-placement=top-start] .tooltip-arrow {
  transform: scaleY(-1);
  left: 0 !important;
  bottom: -17px;
}
.tooltip-need-pies {
  margin-left: 5px;
  width: 170px;
}

body, html {
  position: relative;
  margin: 0;
  padding: 0;
  font-family: "PT Serif", serif;
  font-weight: bold;
  font-size: 14px;
  animation: 1s ease-out 0s 1 fadeIn;
  background-color: #fff;
}
body.submitting, html.submitting {
  cursor: wait;
}
body.submitting #submit-btn, body.submitting .submit-btn, body.submitting input, html.submitting #submit-btn, html.submitting .submit-btn, html.submitting input {
  cursor: wait;
  background-color: #daccb9;
  color: #827261;
  border-color: #827261;
}
body:after, html:after {
  position: absolute;
  content: url("/images/cloud-tail.svg");
  top: -9999px;
  left: -9999px;
}

body {
  height: auto;
  min-height: 100%;
  width: 100%;
}

#app {
  height: 100%;
  overflow: auto;
}

.main-page {
  position: relative;
}

.v-select.form-select {
  width: 100%;
}
.v-select.form-select.error .vs__dropdown-toggle {
  border-color: #cc4c38 !important;
  border-width: 2px;
}
.v-select.form-select:not(.vs--open) .vs__search {
  padding: 0;
}
.v-select.form-select .vs__search {
  margin: 0;
  border: 0;
}
.v-select.form-select .vs__selected {
  color: #594023;
  margin: 0 2px 0 0;
  border: 0;
}
.v-select.form-select .vs__search, .v-select.form-select .vs__selected {
  line-height: normal;
}
.v-select.form-select .vs__dropdown-toggle {
  background-color: unset;
  padding: 0;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #9a7957;
  outline: none;
  box-shadow: none;
  font-size: 24px;
}
.v-select.form-select .vs__actions {
  display: none;
}
.v-select.form-select .vs__dropdown-menu {
  border: 1px solid #bd966b;
  border-top: 0;
  padding: 0;
  margin-top: 1px;
  border-radius: 0 0 4px 4px;
  background-color: #fff;
  max-height: 166px;
}
.v-select.form-select .vs__no-options {
  color: #999999;
}
.v-select.form-select .vs__dropdown-option {
  border-top: 1px solid #bd966b;
  padding: 3px 0 5px 14px;
  color: #9a7957;
  white-space: normal;
}
.v-select.form-select .vs__dropdown-option--highlight {
  background: none;
  color: #594023;
}

.event-banner {
  display: block;
  width: 100%;
  cursor: pointer;
  margin-top: 4rem;
  margin-bottom: 2rem;
}

body #logo-wrapper {
  min-height: 155px;
}
body #order-wrapper {
  background: url("/images/order_back_1.jpg");
  background-size: cover;
}
body #order-wrapper #order-form.result {
  padding-top: 2%;
  padding-bottom: 2%;
}
body #order-wrapper #order-form #progress-bar #close-cross {
  top: 12px;
  right: 50px;
  position: absolute;
  width: 30px;
  z-index: 100;
  background-color: #f4e8d8;
  border-radius: 50%;
  cursor: pointer;
}
body #order-wrapper #second-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/images/order_back_1.jpg");
  background-size: cover;
  opacity: 1;
  transition: opacity 0.3s ease-out;
  z-index: -1;
  transform: scale(1.02);
}
body #order-wrapper #second-background.active {
  opacity: 1;
}
body #order-wrapper #second-background.blur {
  -webkit-filter: blur(5px);
  filter: blur(5px);
}
body #order-wrapper #stages .stage:not(#confirm) {
  padding-right: 8px;
}
body #order-wrapper #stages .stage .input {
  background-color: #f4e8d8;
}
body #order-wrapper #stages #confirm #payment-info {
  float: left;
  width: 40%;
  text-align: left;
  display: flex;
  position: absolute;
}
body #order-wrapper #stages #confirm #payment-info .payment-row {
  display: flex;
}
body #order-wrapper #stages #confirm #payment-info .payment-row .payment-img {
  display: inline-block;
  width: 30px;
  height: 100%;
}
body #order-wrapper #stages #confirm #payment-info .payment-row .payment-text {
  margin-left: 10px;
  display: inline-block;
}
body #menu-wrapper .swash {
  display: block;
  margin: 0 auto 5px;
  width: 35%;
}

body.new-year .contacts-wrapper {
  min-height: 92px;
}
body.new-year .product-list .content-section,
body.new-year .contacts-wrapper,
body.new-year #logo-wrapper {
  position: relative;
}
body.new-year .product-list .content-section::before,
body.new-year .contacts-wrapper::before,
body.new-year #logo-wrapper::before {
  position: absolute;
  content: "";
  width: calc(100% - 100px);
  left: 50px;
  height: 100%;
  pointer-events: none;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 5;
}
body.new-year .contacts-wrapper::before {
  background-image: url(/images/newyear/bg-contacts-wrapper.svg);
  background-size: 100%;
}
body.new-year #logo-wrapper::before {
  background-image: url(/images/newyear/bg-logo-wrapper.svg);
  background-size: 100% 155px;
}
body.new-year .product-list .content-section {
  max-width: inherit;
}
body.new-year .product-list .content-section::before {
  background-image: url(/images/newyear/bg-pies-wrapper.svg);
  background-size: 1100px;
  width: 100%;
  left: 0;
}
body.new-year .product-list .content-section.tln-pies::before {
  background-image: url(/images/newyear/bg-pies-wrapper-tln.svg);
}

.result-birthday-overlay-left,
.result-birthday-overlay-right {
  top: -2000px;
  width: calc(50% + 3% - 563px * 0.8 / 2);
  height: 4000px;
  background-size: 400px auto;
  z-index: 10000;
  animation: 33s linear 0s infinite scrollDown;
  display: none;
  position: absolute;
  background: url("/images/bonus/bd_pattern.svg");
  pointer-events: none;
  opacity: 0.7;
}

.result-birthday-overlay-left {
  left: 0;
}

.result-birthday-overlay-right {
  right: 0;
}

#order-wrapper.with-birthday-overlay .result-birthday-overlay-left,
#order-wrapper.with-birthday-overlay .result-birthday-overlay-right {
  display: block;
}
/* cyrillic-ext */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  src: local('PT Serif'), local('PTSerif-Regular'), url(/fonts/5hX15RUpPERmeybVlLQEWBTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  src: local('PT Serif'), local('PTSerif-Regular'), url(/fonts/fU0HAfLiPHGlZhZpY6M7dBTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  src: local('PT Serif'), local('PTSerif-Regular'), url(/fonts/CPRt--GVMETgA6YEaoGitxTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  src: local('PT Serif'), local('PTSerif-Regular'), url(/fonts/I-OtoJZa3TeyH6D9oli3ifesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
/* cyrillic-ext */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 700;
  src: local('PT Serif Bold'), local('PTSerif-Bold'), url(/fonts/QABk9IxT-LFTJ_dQzv7xpDTOQ_MqJVwkKsUn0wKzc2I.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 700;
  src: local('PT Serif Bold'), local('PTSerif-Bold'), url(/fonts/QABk9IxT-LFTJ_dQzv7xpDUj_cnvWIuuBMVgbX098Mw.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 700;
  src: local('PT Serif Bold'), local('PTSerif-Bold'), url(/fonts/QABk9IxT-LFTJ_dQzv7xpCYE0-AqJ3nfInTTiDXDjU4.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 700;
  src: local('PT Serif Bold'), local('PTSerif-Bold'), url(/fonts/QABk9IxT-LFTJ_dQzv7xpI4P5ICox8Kq3LLUNMylGO4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: local("PT Sans"), local("PTSans-Regular"), url(/fonts/jduSEW07_j4sIG_ERxiq4Q.woff) format("woff"); }
.schedule-left-wrapper {
  width: 32%;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly; }
  .schedule-left-wrapper .picture {
    width: 100%;
    margin: 0 auto 4em auto; }
    .schedule-left-wrapper .picture.permanent-1 {
      width: 80%; }
  .schedule-left-wrapper .permanent-type {
    margin-right: 5em; }
    .schedule-left-wrapper .permanent-type .dish-row {
      line-height: 21pt; }

.schedule-main-wrapper {
  display: flex;
  flex-direction: column;
  width: 68%;
  margin-top: 1em; }
  .schedule-main-wrapper .schedule-kitchen-header {
    display: inline;
    text-align: center; }
    .schedule-main-wrapper .schedule-kitchen-header .img {
      margin-bottom: 1em;
      width: 130mm; }
    .schedule-main-wrapper .schedule-kitchen-header .dates {
      margin: 1em 0;
      text-transform: uppercase;
      font-weight: bold;
      font-size: 17pt; }
  .schedule-main-wrapper .lenten-header {
    position: relative;
    font-weight: bold; }
    .schedule-main-wrapper .lenten-header .icon {
      width: 14pt;
      height: auto;
      position: absolute;
      left: -20pt; }
  .schedule-main-wrapper .schedule-days {
    display: inline-flex;
    margin-top: 1.5em; }
    .schedule-main-wrapper .schedule-days .weekday-column {
      display: flex;
      justify-content: flex-start;
      flex-direction: column;
      height: auto;
      width: 50%;
      align-items: stretch; }
      .schedule-main-wrapper .schedule-days .weekday-column .weekday {
        margin: 0 5em 0 0; }
        .schedule-main-wrapper .schedule-days .weekday-column .weekday .day-name {
          text-transform: uppercase;
          font-weight: bold;
          font-size: 17pt;
          line-height: 14pt;
          letter-spacing: 1.5px; }
        .schedule-main-wrapper .schedule-days .weekday-column .weekday .dish-type:last-of-type {
          margin-bottom: 2em; }
        .schedule-main-wrapper .schedule-days .weekday-column .weekday .dish-type .type-name {
          text-transform: capitalize;
          font-weight: bold;
          font-size: 10pt;
          margin-top: 0.7em; }
        .schedule-main-wrapper .schedule-days .weekday-column .weekday .dish-type .type-dishes {
          padding: 0;
          list-style: none; }
      .schedule-main-wrapper .schedule-days .weekday-column .menu-swash {
        margin-right: 3em; }

.schedule-main-wrapper, .schedule-left-wrapper {
  font-family: 'PT Sans', serif; }
  .schedule-main-wrapper .dish-row, .schedule-left-wrapper .dish-row {
    position: relative;
    padding: 0;
    font-size: 13pt;
    width: 100%; }
    .schedule-main-wrapper .dish-row .dish-row-inner, .schedule-left-wrapper .dish-row .dish-row-inner {
      width: 100%;
      overflow-x: hidden; }
      .schedule-main-wrapper .dish-row .dish-row-inner .dish-dots, .schedule-left-wrapper .dish-row .dish-row-inner .dish-dots {
        float: left;
        width: 0;
        white-space: nowrap; }
    .schedule-main-wrapper .dish-row .dish-name, .schedule-left-wrapper .dish-row .dish-name {
      padding-right: 0.33em;
      background: white; }
    .schedule-main-wrapper .dish-row .dish-price, .schedule-left-wrapper .dish-row .dish-price {
      float: right;
      padding-left: 0.33em;
      background: white;
      font-weight: bold; }
    .schedule-main-wrapper .dish-row .icon, .schedule-left-wrapper .dish-row .icon {
      width: 14pt;
      height: auto;
      position: absolute;
      left: -20pt; }