@charset "UTF-8";
body {
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  font-family: "Montserrat", sans-serif; }
:root {
  --main: #000000;
  --elements-color: #7c7981;
  --elements-color-hover: #000;
  --bg: #7c7981;
  --bg-hover: #000;
  --links-hover: #000;
}
* {
  -webkit-tap-highlight-color: transparent;
}

strong {
  font-weight: 600;
   
}

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

#loading {
  position: fixed;
  display: block;
  z-index: 999;
  width: 100%;
  height: 100px;
}

#loading img {
  margin: 10px auto 20px;
  display: block;
}

#app textarea, #app input, #app button {
  font-family: "Montserrat", sans-serif;
  outline: none;
}
#app [name="modal-date-order"] {
  height: 24px;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--main);
  border: 0;
  outline: none; }
#app .qs-datepicker-container {
  border: 1px solid rgba(29, 29, 27, 0.1);
  z-index: 2;
  border-radius: 8px;
  font-family: "Graphik LCG", sans-serif; }
#app .qs-controls {
  color: #ffffff;
  background-color: var(--main);
  padding: 5px; }
#app .qs-arrow.qs-left:after {
  border-right-color: #ffffff; }
#app .qs-arrow.qs-right:after {
  border-left-color: #fff; }
#app .qs-current {
  text-decoration: none;
  font-weight: 500; }
#app .qs-month-year {
  font-weight: 400; }
#app .qs-day {
  font-weight: 400;
  color: var(--main); }
#app .qs-active, #app .qs-range-end, #app .qs-range-start {
  background-color: var(--bg);
  color: #fff; }
#app .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover {
  background: #000; }
#app .modal-menu__mobile {
  display: none; }
#app .page-i .site-map {
  display: none; }
#app .page-i .container {
  padding: 0;
  text-align: center; }
#app .page-i img {
  width: 100%;
  height: auto; }
#app .recommendation .title {
   
  margin-top: 50px;
  margin-bottom: 28px;
  font-weight: 600;
  font-size: 20px;
  line-height: 32px;
  color: var(--main); }
#app .prev-page {
  margin-bottom: 25px; }
  #app .prev-page a {
    display: inline;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--elements-color);
    align-items: center;
    text-decoration: none; }
    #app .prev-page a:hover {color: var(--elements-color-hover);}
    #app .prev-page .seporator {
        margin: 0 10px 0 10px;
        transform: rotate(-180deg);}
#app h1 {
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  color: var(--main);
  }
#app h2 {
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 36px;
  color: var(--main); }
#app h3 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 26px;
  color: var(--main); }
#app .subtitle {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: var(--main); }
#app h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  color: var(--main);
}
#app p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #000000; }
  #app p a {
    text-decoration: none;
    color: var(--elements-color); }
  #app p a:hover {
    color: var(--link-hover); }
#app .button-callback {
  background-color: var(--bg);
  border-radius: 12px;
  padding: 10px 10px;
  color: #ffffff;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  transition: all 0.3s ease;
  cursor: pointer; 
   }
  #app .button-callback:hover {
    background-color: var(--bg-hover); }
#app .social__title {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 10px; }
#app .social__list {
  display: flex;
  align-items: center; }
#app .social__item {
  text-decoration: none;
  margin-right: 20px; }
  #app .social__item:last-child {
    margin-right: 0; }
#app .overlay-menu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 8;
  background-color: #1D1D1B;
  opacity: 0.5;
  display: none; }
#app .modal-menu {
  display: none;
  width: 800px;
  max-height: 690px;
  background-color: #fff;
  z-index: 10;
  left: 0;
  top: 55px;
  position: absolute;
  border-radius: 8px; }
  #app .modal-menu__head, #app .modal-menu__italiani {
    display: none; }
  #app .modal-menu .subtitle {
     
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 10px; }
  #app .modal-menu .button-callback {
    display: inline-block;
    margin-bottom: 15px;
    margin-top: 20px; }
  #app .modal-menu__container {
    padding: 50px 40px 24px; }
  #app .modal-menu ul {
    padding: 0;
    margin: 0; }
    #app .modal-menu ul li {
      list-style-type: none;
      margin-bottom: 10px; }
      #app .modal-menu ul li a {
        font-weight: 400;
        color: var(--main);
        font-size: 16px;
        line-height: 24px;
        transition: all 0.3s ease;
        text-decoration: none; }
        #app .modal-menu ul li a:hover {
          color: var(--link-hover); }
  #app .modal-menu__left {
    border-right: 1px solid #ECEBED; }
  #app .modal-menu__right {
    padding-left: 30px; }
#app .site-header {
  padding-top: 30px;
  padding-bottom: 30px;
  background-color: #fff;
  position: relative;
  width: 100%;
  top: 0;
  z-index: 9; }
  #app .site-header.sticky {
    box-shadow: 0px 2px 10px rgba(28, 24, 25, 0.1);
    position: fixed;}
  #app .site-header__wrap {
    display: flex;
    align-items: center;
    justify-content: space-between; }
#app .site-humburger {
  width: 44px;
  height: 44px;
  border: 1px solid rgba(29, 29, 27, 0.1);
  box-sizing: border-box;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  user-select: none; }
  #app .site-humburger.active {
    border-color: #1D1D1B; }
  #app .site-humburger__button {
    width: 20px;
    height: 15px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer; }
    #app .site-humburger__button span {
      display: block;
      position: absolute;
      height: 2px;
      width: 100%;
      background: #8C8895;
      border-radius: 3px;
      opacity: 1;
      left: 0;
      -webkit-transform: rotate(0deg);
      -moz-transform: rotate(0deg);
      -o-transform: rotate(0deg);
      transform: rotate(0deg);
      -webkit-transition: 0.25s ease-in-out;
      -moz-transition: 0.25s ease-in-out;
      -o-transition: 0.25s ease-in-out;
      transition: 0.25s ease-in-out; }
      #app .site-humburger__button span:nth-child(1) {
        top: 0; }
      #app .site-humburger__button span:nth-child(2), #app .site-humburger__button span:nth-child(3) {
        top: 5.5px; }
      #app .site-humburger__button span:nth-child(4) {
        top: 11px; }
    #app .site-humburger__button.open span {
      background-color: #1D1D1B; }
      #app .site-humburger__button.open span:nth-child(1) {
        top: 18px;
        width: 0%;
        left: 50%; }
      #app .site-humburger__button.open span:nth-child(2) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg); }
      #app .site-humburger__button.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      #app .site-humburger__button.open span:nth-child(4) {
        top: 18px;
        width: 0%;
        left: 50%; }
#app .site-map {
  margin-right: 37px; }
  #app .site-map__open-address {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: rgba(254, 164, 5, 0.5);
    cursor: pointer; }
	#app .site-map__open-address:hover {
      color: #000;
    }
  #app .site-map__current-address {
    max-width: 200px; }
  #app .site-map__wrap {
    display: flex;
    align-items: center; }
  #app .site-map__icon {
    margin-right: 10px; }
  #app .site-map__city, #app .site-map__address {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px; 
    cursor: pointer;}
  #app .site-map__address {
    color: rgba(161, 40, 194, 0.5); }
  #app .site-map__city {
    color: var(--main); }
  #app .site-map__delivery {
    font-weight: 400;
    font-size: 11px;
    line-height: 14px;
    color: var(--main); }
#app .site-login {
  margin-right: 15px; }
  #app .site-login__button {
    padding: 10px 12px;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: var(--main);
    background-color: #ECECEE;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease; 
     }
    #app .site-login__button:hover, #app .site-login__button:active, #app .site-login__button:focus {
      background-color: #7c7981;; }

#app .site-cart__button {
  padding: 10px 18px;
  background: var(--bg);
  border-radius: 12px;
  display: flex;
  align-items: center;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease; }
  #app .site-cart__button:hover {
    background-color: var(--bg-hover); }
  #app .site-cart__button::after {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    background-color: #F40103;
    border-radius: 100%;
    right: -5px;
    top: -5px; }
  #app .site-cart.isEmpty .site-cart__button::after {
    display: none }
#app .site-cart__icon {
  margin-right: 9px; 
  padding-top: 3px;}
#app .site-cart__number {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #ffffff; }
#app .site-search {
  flex: auto;
  margin-left: 20px;
  margin-right: 30px; }
  #app .site-search__form {
    position: relative; }
    #app .site-search__form button {
      position: absolute;
      left: 12px;
      top: 50%;
      transform: translateY(-50%);
      cursor: pointer;
      background-color: transparent !important;
      border: 0;
      padding: 0 !important;
      margin: 0; }
    #app .site-search__form input {
      width: 100%;
      border: 1px solid rgba(29, 29, 27, 0.1);
      border-radius: 12px;
      height: 44px;
      padding-left: 40px;
      padding-right: 40px;
      box-sizing: border-box; }
#app .site-logo {
  margin-right: 44px; }

.switch {
  display: inline-block;
  height: 34px;
  position: relative;
  width: 60px; }
  .switch input {
    display: none; }

.switch .slider {
  background-color: #EAEAEA;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.4s;
  border: 1px solid #D7D7D9;
  width: 36px;
  height: 20px; }
  .switch .slider:before {
    background-color: #fff;
    bottom: 2px;
    content: "";
    height: 16px;
    left: 2px;
    position: absolute;
    transition: 0.4s;
    width: 16px; }

.switch input:checked + .slider {
  background-color: var(--bg);
  border-color: #e59404; }
  .switch input:checked + .slider:before {
    transform: translateX(15px); }

.switch .slider.round {
  border-radius: 34px; }
  .switch .slider.round:before {
    border-radius: 50%; }

#app input::-webkit-outer-spin-button,
#app input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }
#app .qty-input {
  display: flex;
  align-items: center;
  width: 107px;
  /*margin-top: -20px;*/
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: center; }
  #app .qty-input input {
    border: 0;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0;
    box-shadow: 0 0 0 0 transparent;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--main);
    flex: 0 0 42px;
    height: 32px;
    padding: 0;
    max-width: 42px; }
  #app .qty-input button {
    flex: 0 0 32px;
    max-width: 32px;
    min-width: 32px;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background-color: var(--bg);
    font-size: 0;
    border: 0;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    padding: 0;
    margin: 0; }
	
	#app .qty-input button:hover {
      background-color: var(--bg-hover);
      }
	  
    #app .qty-input button svg path {
      stroke: #ffffff; }
    #app .qty-input button:disabled {
      background-color: #F6F6F8; }
      #app .qty-input button:disabled svg path {
        stroke: var(--main); }

#app .map {
  height: 380px;
  filter: grayscale(1); }
  #app .map iframe {
    border-radius: 50px; }

#app .tab_item {
  display: none; }
#app .tab_item:first-child {
  display: block; }
#app .tabs {
  background: #F6F6F8;
  border-radius: 12px;
  display: inline-flex;
  max-width: 100%; }
  #app .tabs .tab {
    padding-left: 70px;
    padding-right: 70px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--main);
    cursor: pointer;
    display: block; }
    #app .tabs .tab input {
      display: none; }
    #app .tabs .tab.active {
      background: var(--bg);
      border-radius: 12px;
      color: #fff; }

#app .time-delivery {
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 10px 12px;
  border: 1px solid rgba(29, 29, 27, 0.1);
  border-radius: 12px;
  cursor: pointer; }
  #app .time-delivery__checked {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: var(--main); }
  #app .time-delivery__change {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: var(--elements-color); }
#app .new-address {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--bg);
  cursor: pointer; }
#app .old-address {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px; }
  #app .old-address .text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--main);
    margin-right: 15px; }
  #app .old-address .change {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: var(--elements-color); }

#app .img-responsive {
  width: 100%;
  height: auto; }
#app .site-cookie {
  position: fixed;
  z-index: 3;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%); }
  #app .site-cookie .icon {
    cursor: pointer; }
    #app .site-cookie .icon svg {
      vertical-align: bottom; }
      #app .site-cookie .icon svg path {
        fill: #fff; }
  #app .site-cookie p {
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    margin-right: 10px;
    margin-top: 0;
    margin-bottom: 0;
    }
    #app .site-cookie p a {
      color: var(--elements-color); }
	  #app .site-cookie p a:hover {
        color: var(--elements-color-hover); }
  #app .site-cookie__container {
    background-color: var(--main);
    border-radius: 12px;
    padding: 10px; }

#app .site-search__loader {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 15px;
  display: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  #app .site-search__loader svg {
    animation: 2.5s linear 0s normal none infinite running fullsearch-loader;
    -webkit-animation: 2.5s linear 0s normal none infinite running fullsearch-loader; }

#app .site-search__result {
  position: absolute;
  display: none;
    z-index: 5;}
    #app .site-search__wrap {
      width: 100%;
      padding: 15px;
      width: 600px;
      background-color: #ffffff;
      box-shadow: 0px 2px 10px rgba(28, 24, 25, 0.1);
      border-radius: 8px;
      max-height: 345px;
      overflow-y: auto;
      padding-right: 15px;
      margin-top: 10px;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;}
    #app .site-search__wrap::-webkit-scrollbar {
        width: 4px!important;}
    #app .site-search__wrap::-webkit-scrollbar-track {
        background-color: #f5f7fa!important;}
    #app .site-search__wrap::-webkit-scrollbar-thumb {
        background-color: #999!important;
        -webkit-border-radius: 6px!important;
        background-clip:inherit!important;
        border-radius: 6px!important;}
  /*#app .site-search__wrap:before {
    content: "";
    position: absolute;
    width: 100%;
    top: -5px;
    left: 0;
    right: 0;
    height: 5px; }*/
#app .site-search__item {
  padding-bottom: 15px;
  border-bottom: 1px solid rgba(63, 57, 79, 0.1);
  margin-bottom: 15px; }
  #app .site-search__item:last-child {
    margin-bottom: 0;
    border-bottom: 0 solid #000;
    padding-bottom: 0; }
  #app .site-search__item-options {
    text-align: right; }
    #app .site-search__item-options .qty-input {
      display: none; }
  #app .site-search__item-wrap {
    display: flex;
    justify-content: space-between; }
  #app .site-search__item-inner {
    display: flex;
    align-items: center;
    flex: auto; }
  #app .site-search__item-img {
    flex: 0 0 75px;
    max-width: 75px;
    height: 44px;
    margin-right: 12px;}
    #app .site-search__item-img img {
      width: 100%;
      height: 100%;
      vertical-align: bottom;
      object-fit: cover;
      border-radius: 8px; }
  #app .site-search__item-title {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: var(--main); }
    #app .site-search__item-title a{
        text-decoration: none;
        font-size: 14px;
        line-height: 22px;
        color: var(--main); }

  #app .site-search__item-price {
     
    font-weight: 600;
    font-size: 14px;
    line-height: 22px;
    color: var(--main); }

@keyframes fullsearch-loader {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
@-webkit-keyframes fullsearch-loader {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
#app .modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #FFFFFF;
  border-radius: 8px;
  padding: 25px 24px;
  z-index: 11; 
  margin-top: 10px;
  margin-bottom: 10px;
  max-height: 100vh;
  overflow: auto;
	}
  #app .modal-address {
    width: 1055px; }
    #app .modal-address form .row {
      margin-bottom: 10px; }
      #app .modal-address form .row > * {
        padding-left: 5px;
        padding-right: 5px; }
  #app .modal .title {
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    color: var(--main);
    margin: 0;
    padding: 0;
    margin-bottom: 15px; 
     }
  #app .modal-close {
    cursor: pointer;
    position: absolute;
    right: 25px;
    top: 25px; }
#app .overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(29, 29, 27, 0.5);
  z-index: 10;
  display: none; }

#app .modal-address {
  display: none; }
  #app .modal-address__right {
    padding-left: 30px;
    /*padding-top: 40px;*/ }
  #app .modal-address--pickup .pickup .item {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 15px;
    align-items: center;
    margin-bottom: 15px;
    box-shadow: 0px 2px 10px rgba(28, 24, 25, 0.1);
    border-radius: 12px;
    cursor: pointer; }
    #app .modal-address--pickup .pickup .item .title {
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      color: var(--main);
      margin-bottom: 0; }
    #app .modal-address--pickup .pickup .item .time {
      font-weight: 400;
      font-size: 14px;
      line-height: 24px;
      color: rgba(63, 57, 79, 0.6); }
    #app .modal-address--pickup .pickup .item .icon {
      opacity: 0; }
    #app .modal-address--pickup .pickup .item.active {
      border: 1px solid var(--main); }
      #app .modal-address--pickup .pickup .item.active .icon {
        opacity: 1; }

#app .modal-login {
  width: 415px;
  display: none; }
  #app .modal-login .policy p {
    text-align: center;
    font-size: 12px;
    line-height: 14px; }
  #app .modal-login form button {
    width: 100%;
    margin-top: 15px;
    text-align: center; }
  #app .modal-login__form-step-1 {
    display: none; }
  #app .modal-login .modal-login__change-phone-item {
     
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: var(--main); }
  #app .modal-login .modal-login__change-phone {
    display: flex; }
  #app .modal-login .modal-login__change-phone-btn {
    cursor: pointer;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: var(--elements-color);
    margin-left: 10px; }

#app .modal-phone-notice {
  width: 425px;
  padding: 25px;
  box-sizing: border-box;
  display: none; }
  #app .modal-phone-notice .btn {
    border-radius: 12px;
    width: 120px;
    height: 44px;
    font-weight: 400;
    font-size: 16px;
    line-height: 44px;
    text-align: center;
    cursor: pointer;
    user-select: none;
    margin: 0 8px;
    text-decoration: none;
    background-color: var(--main);
    color: #FFFFFF; }

#app .form-change {
  margin-bottom: 25px; }
    #app .form-change .form-item {
      margin-bottom: 25px; }
    #app .form-change .form-add-item  {
      margin-top: -25px; }
  #app .form-change__input {
    position: relative; }
    #app .form-change__input .icon {
      display: flex;
      align-items: center; }
    #app .form-change__input input {
      padding-right: 100px; }
    #app .form-change__input--change, #app .form-change__input button[type=submit], #app .form-change__input--cancel, #app .form-change__input .icon {
      position: absolute;
      right: 10px;
      top: 50%;
      transform: translateY(-50%);
      font-weight: 400;
      font-size: 14px;
      line-height: 24px;
      color: var(--elements-color);
      cursor: pointer; }
	  #app .form-change__input--change:active {
        color: var(--bg-hover);
    }
    #app .form-change__input button[type=submit] {
      background: transparent;
      padding: 0;
      display: none; }
    #app .form-change__input--cancel {
      right: -165px;
      display: none; }
#app .form-checkbox {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: var(--main);
  position: relative;
  padding-left: 30px;
  cursor: pointer; }
  #app .form-checkbox::before {
    content: "";
    width: 18px;
    height: 18px;
    box-sizing: border-box;
    border: 1px solid var(--elements-color);
    border-radius: 3px;
    position: absolute;
    left: 0;
    top: 2px; }
  #app .form-checkbox input {
    display: none; }
  #app .form-checkbox.active::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 0C0.895431 0 0 0.895431 0 2V14C0 15.1046 0.895431 16 2 16H14C15.1046 16 16 15.1046 16 14V2C16 0.895431 15.1046 0 14 0H2ZM12.0303 4.96967C12.3196 5.25897 12.3232 5.72582 12.041 6.01947L8.04876 11.0097C8.043 11.0169 8.03685 11.0238 8.03032 11.0303C7.73743 11.3232 7.26256 11.3232 6.96966 11.0303L4.32322 8.38388C4.03032 8.09099 4.03032 7.61612 4.32322 7.32322C4.61611 7.03033 5.09098 7.03033 5.38388 7.32322L7.4774 9.41674L10.9498 4.9921C10.9559 4.98424 10.9626 4.97674 10.9697 4.96967C11.2626 4.67678 11.7374 4.67678 12.0303 4.96967Z' fill='%23FEA405'/%3E%3C/svg%3E");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }
#app .card-form {
  margin-left: 28px;
  max-width: 320px;
  margin-top: 15px;
  margin-bottom: 15px; }
  #app .card-form .row {
    margin-top: 10px;
    margin-left: -5px;
    margin-right: -5px; }
    #app .card-form .row .col-6 {
      padding-left: 5px;
      padding-right: 5px; }
#app .form-radio {
  user-select: none;
  margin-bottom: 12px; }
  #app .form-radio [type="radio"]:checked,
  #app .form-radio [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px; }
  #app .form-radio [type="radio"]:checked + label,
  #app .form-radio [type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: var(--main); }
  #app .form-radio [type="radio"]:checked + label:before,
  #app .form-radio [type="radio"]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid var(--main);
    border-radius: 100%;
    background: transparent; }
  #app .form-radio [type="radio"]:checked + label:after,
  #app .form-radio [type="radio"]:not(:checked) + label:after {
    content: "";
    width: 14px;
    height: 14px;
    background: var(--bg);
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease; }
  #app .form-radio [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0); }
  #app .form-radio [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
#app label {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--main); }
#app .form-line {
  margin-bottom: 30px; }
#app .form-control {
  width: 100%;
  padding: 10px 12px;
  color: var(--main);
  outline: 0;
  box-sizing: border-box;
  border: 1px solid rgba(29, 29, 27, 0.1);
  border-radius: 12px;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  background: transparent;
  }
  #app .form-control::placeholder {
    color: #808080;
    font-family: "Montserrat", sans-serif; }
  #app .form-control:focus {
    border: 1px solid #999999; }
#app textarea.form-control {
  resize: none;
  height: 90px;
  width: 100%; }
#app .modal-address__left form button[type=submit] {
  margin-left: -5px;
}
#app form button[type=submit] {
  padding: 14px 40px;
  outline: none;
  cursor: pointer;
  border-radius: 12px;
  font-size: 16px;
  border: 0;
  background: var(--bg);
  color: #fff; 
  font-weight: 600;}
  
  #app form button[type=submit]:active {
    color: var(--bg-hover);
    }
	
  #app .site-search form button[type=submit] {
    font-size: 25px;
  }
  #app form button[type=submit]:disabled {
    background: #ECECEE;
    color: rgba(29, 29, 27, 0.6);
    cursor: not-allowed;
    pointer-events: all !important; }
	#app form button[type=submit].login-timer-button {
      font-size: 15px;
    }
#app .modal-address__notice-default {
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: var(--main);
  margin-top: 5px; }
  #app .modal-address__notice-default span {
    color: var(--elements-color);
    cursor: pointer; }
#app .modal-address__notice-success {
  font-weight: 400;
  font-size: 13px;
  line-height: 18px;
  color: #079860;
  margin-bottom: 10px; }
#app .modal-address__notice-error {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #752323;
  margin-bottom: 10px; }
  #app .modal-address__notice-error a {
     
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #752323; }

#app .btn-default {
  padding: 10px;
  background-color: var(--bg);
  border-radius: 12px;
  cursor: pointer;
  font-weight: 600;
  font-size: 16px;
  text-align: center;
  display: inline-block;
  line-height: 24px;
  color: #FFFFFF;
  transition: all 0.3s ease;
  white-space: nowrap}
  #app .btn-default:hover, #app .btn-default:active, #app .btn-default:focus {
    background-color: var(--bg-hover); }

#app .mask-code-sms {
  display: flex; }
  #app .mask-code-sms input {
     
    width: 54px;
    height: 54px;
    border: 0;
    border-bottom: 1px solid var(--main);
    outline: none;
    margin-right: 12px;
    text-align: center;
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    color: var(--main); }

#app .notifications {
  position: fixed;
  bottom: 20px;
  z-index: 3; }
  #app .notifications__item {
    padding: 24px;
    width: 350px;
    background: #ECECEE;
    box-shadow: 0px 2px 10px rgba(28, 24, 25, 0.1);
    border-radius: 8px;
    margin-top: 10px; }
  #app .notifications__inner {
    display: flex;
    align-items: center; }
  #app .notifications__icon {
    margin-right: 10px; }
  #app .notifications__title {
     
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #1D1D1B; }
  #app .notifications__body {
    font-weight: 400;
    font-size: 13px;
    line-height: 18px; }
    #app .notifications__body a {
      font-weight: 400;
      font-size: 13px;
      line-height: 18px;
      color: var(--elements-color);
      text-decoration: none;
      transition: all 0.3s ease; }
      #app .notifications__body a:hover {
        color: var(--link-hover); }

#app .site-main {
  margin-top: 10px; 
  /*margin-bottom: 100px;*/}

#app .top-slider {
  position: relative; }
  #app .top-slider img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
    border-radius: 16px; }
  #app .top-slider__prev, #app .top-slider__next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    cursor: pointer; }
    #app .top-slider__prev.swiper-button-disabled, #app .top-slider__next.swiper-button-disabled {
      opacity: 0.4;
      cursor: not-allowed; }
  #app .top-slider__prev {
    left: 12px; }
  #app .top-slider__next {
    right: 12px; }


#app .top-services {
  margin: 20px 0 50px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }
  #app .top-services img {
    width: 100%;
    /*height: 100%;*/
    object-fit: cover; 
    border-radius: 16px;}
  #app .top-services__mobile {
    display: none; }

#app .mainpage_menu .title {
  font-weight: 600;
  font-size: 24px;
  line-height: 24px;
  color: var(--main);
  margin-bottom: 26px;
  margin-top: 0; 
   }
#app .mainpage_menu-item {
  border-radius: 16px;
  margin-bottom: 25px; }
#app .mainpage_menu-item__img {
  position: relative; }
  #app .mainpage_menu-item__img img {
    height: 100%;
    object-fit: cover;
    width: 100%;
    box-shadow: 0px 2px 10px rgba(28, 24, 25, 0.1);
    border-radius: 16px; }
  #app .mainpage_menu-item__inner {
    padding: 15px; 
    position: absolute;
    bottom: 10px;
    width: calc(100% - 30px);
    text-align: center;
	display: none;}
  #app .mainpage_menu-item__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 24px;
    color: var(--main);
    margin-bottom: 20px;
     }

#app .menu .title,#app .menu-items .menu-list__head-subtitle {
  font-weight: 600;
  font-size: 24px;
  line-height: 24px;
  color: var(--main);
  margin-bottom: 26px;
  margin-top: 0; }
#app .menu-items .menu-list__head-subtitle {
    font-weight: inherit;
    line-height: inherit;}
    #app .menu-items .menu-list__head-subtitle span {
        font-weight:bold;}
#app .menu-items .row .col-xl-4 {
	display: flex;
}
#app .menu-item {
	width: 100%;
  box-shadow: 0 2px 10px 0 rgba(28, 24, 25, 0.1);
  border-radius: 12px;
  margin-bottom: 25px; }
  #app .menu-item__cart-wrapper {
    text-align: right; }
    #app .menu-item__cart-wrapper .menu-item__qty {
      display: none; }
  #app .menu-item__options {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 44px; }
  #app .menu-item__price {
     
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    color: var(--main); }
  #app .menu-item__img {
    position: relative; }
    #app .menu-item__img img {
      height: 230px;
      object-fit: cover;
      width: 100%;
      border-radius: 12px 12px 0 0;
      }
  #app .menu-item__block {
    text-decoration: none;
    height: 140px;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    #app .menu-item__block span {
      display: block; }
  #app .menu-item__inner {
    padding: 15px; }
  #app .menu-item__title {
     
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: var(--main);
    margin-bottom: 9px;
    margin-top: 0px;
    width: calc(100% - 110px); }
  #app .menu-item__text, #app .menu-item__description {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: var(--main); }
  #app .menu-item__description {
    color: #808080; }
  #app .menu-item__text {
    height: 66px;
    overflow: hidden; }
#app .menu-list {
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
  -ms-overflow-style: none;
  scrollbar-width: none;
  margin-bottom: 40px;
  user-select: none; }
  #app .menu-list::-webkit-scrollbar {
    width: 0;
    height: 0; }
  #app .menu-list__item {
    padding: 10px;
    background: #ECECEE;
    border-radius: 12px;
    transition: all 0.3s ease;
    text-decoration: none;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--main);
    margin-right: 15px;
    white-space: nowrap; }
    #app .menu-list__item.active, #app .menu-list__item:hover {
      background:var(--bg);
      color: #fff;
      border-radius: 12px; }

    #app .submenu-list {
        display: flex;
        margin-bottom: 40px;
        margin-top: -18px;
        flex-wrap: wrap;
        gap: 15px;}
    #app .submenu-list__item {
        padding: 10px;
        background: transparent;
        border-radius: 12px;
        border: 1px solid #ECECEE;
        transition: all 0.3s ease;
        text-decoration: none;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: var(--main);
        white-space: nowrap; }
    #app .submenu-list__item.active, #app .submenu-list__item:hover {
          background:#000;
          color: #fff;}

#app .site-line {
  padding: 13px 0 25px 0;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
  color: var(--main); }
  #app .site-line .row {
    justify-content: space-between; }
  #app .site-line a {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    text-align: right;
    color: rgba(0, 0, 0, 0.5);
    transition: all 0.3s ease;
    text-decoration: none; }
    #app .site-line a:hover {
      color: #000; }
#app .site-footer .container {
  margin-top: 85px;
  padding-bottom: 11px;
  border-bottom: 1px solid rgba(63, 57, 79, 0.1); }
#app .site-footer .row {
  justify-content: space-between; }
#app .site-footer-logo img {
  margin-bottom: 30px; }
#app .site-footer .social__title {
  margin-bottom: 25px; }
#app .site-footer .title {
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  color: var(--main);
  margin-top: 3px;
  margin-bottom: 12px; 
   }
#app .site-footer-map {
  text-decoration: none;
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #1E1E1E; }
#app .site-footer ul {
  padding: 0;
  margin: 0; }
  #app .site-footer ul li {
    list-style-type: none;
    margin-bottom: 8px; }
    #app .site-footer ul li a {
      display: flex;
      align-items: center;
      text-decoration: none;
      font-weight: 400;
      font-size: 14px;
      line-height: 24px;
      text-align: center;
      color: var(--main); }
      #app .site-footer ul li a svg {
        margin-right: 7px; }

#app .page-404__container {
  min-height: calc(100vh - 300px);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 40px 0; }
  #app .page-404__container h1 {
    font-weight: 300;
    font-size: 48px;
    line-height: 48px;
    margin-top: 20px;
    margin-bottom: 60px; }
  #app .page-404__container img {
    vertical-align: bottom;
    max-width: 100%;
    height: auto; }
  #app .page-404__container a {
    text-decoration: none;
    width: 100%;
    max-width: 360px;
    display: block;
    margin: auto;
    box-sizing: border-box; }
  #app .top-services .col-3 {
    padding-bottom: 20px;}
    #app .personal-status-see {
      color: #ffc96d;
    }
@media (max-width: 530px) {
  #app .page-404__container h1 {
    font-weight: 300;
    font-size: 28px;
    line-height: 28px;
    margin-top: 10px;
    margin-bottom: 40px; }
  #app .page-404__container a {
    max-width: 280px; }
  #app .page-404__container img {
    max-width: 280px; } 
}

#app .page-delivery {
  margin-bottom: 80px; }
  #app .page-delivery .site-map {
    display: none; }
  #app .page-delivery .delivery-pay {
    margin-top: 31px; }
  #app .page-delivery h1 {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 32px; }
  #app .page-delivery h3 {
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    color: var(--main);
    margin-bottom: 20px;
    margin-top: 0; }
  #app .page-delivery h4 {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 16px;
    line-height: 28px;
    margin-top: 0; }
  #app .page-delivery h5 {
     
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: var(--main); }
  #app .page-delivery p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 8px;
    margin-top: 0;
  }
  #app .page-delivery ul {
    padding-left: 24px; }
    #app .page-delivery ul li {
      font-weight: 400;
      font-size: 16px;
      line-height: 22px;
      color: var(--main); }
  #app .page-delivery .delivery-map {
    margin-bottom: 66px; }
  #app .page-delivery .delivery-options {
    margin-bottom: 23px; }
  #app .page-delivery .delivery-info {
    margin-top: 133px; }
  #app .page-delivery .delivery-option__wrap {
    display: flex;
    flex-direction: column; }

  #app .page-delivery .delivery-option__header {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
  }

  #app .page-delivery .delivery-option__title {
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: var(--main);
    }
  #app .page-delivery .delivery-option__text {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 18px;
     }
  #app .page-delivery .delivery-option__icon {
    width: 44px;
    height: 44px;
    border: 2px solid #E2E2E4;
    border-radius: 100%;
    background-color: #fff; 
    margin-right: 15px;
    flex: 0 0 44px; }
    #app .page-delivery .delivery-option__icon.green {
      background-color: #388D7E; }
    #app .page-delivery .delivery-option__icon.red {
      background-color: #BD2F2F; }
    #app .page-delivery .delivery-option__icon.blue {
      background-color: #383B8D; }
    #app .page-delivery .delivery-option__icon.orange {
      background-color: #BD7C2F; }

@media (max-width: 991px) {
  #app .delivery-option {
    margin-bottom: 40px; } }
@media (max-width: 500px) {
  #app .page-delivery .delivery-option__wrap {
    display: block; }

  #app .page-delivery .delivery-option strong {
    white-space: nowrap; }
  #app .page-delivery .delivery-option__text {
    max-width: 100%; }
  #app .page-delivery .delivery-options {
    margin-bottom: 0px; }
  #app .page-delivery .delivery-info {
    margin-top: 40px; }
  #app .page-delivery .delivery-works, #app .page-delivery .delivery-time {
    padding: 10px 15px;
    background: #F7F7F8;
    border-radius: 8px;
    margin-bottom: 30px; }
  #app .page-delivery .delivery-pay {
    margin-top: 0; } }
#app .page-loyalty-program .site-map {
  display: none; }
#app .page-loyalty-program h1 {
  font-weight: 600;
  font-size: 24px;
    line-height: 36px;
    margin-bottom: 32px;
  }
#app .page-loyalty-program .list {
  padding-left: 15px; }
  #app .page-loyalty-program .list li {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--main); }
    #app .page-loyalty-program .list li .note {
      font-weight: 400;
      font-size: 14px;
      line-height: 22px;
      color: #8C8895; }
#app .page-loyalty-program .list-num {
  padding-left: 0; }
  #app .page-loyalty-program .list-num li {
    list-style-type: none; }
  #app .loyalty-program-left a {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: var(--elements-color);
    text-decoration: none; }
  #app .loyalty-program-right {
    text-align: right;
    margin-top: 85px; }
    #app .loyalty-program-right.visible-img img {
      width: auto;
      height: auto;
      max-width: 100%;
     }
     #app .certificate-descr {
      margin-bottom: 20px;
     }   
     #app .mobile-app-descr {
      margin-bottom: 20px;
     }

#app .loyalty-program-text {
  max-width: 450px; }
  #app .loyalty-program-text .hidden {
    display: none;
    padding-top: 25px; }
    #app .loyalty-program-text .hidden .title {
       
      font-weight: 600;
      font-size: 16px;
      line-height: 22px;
      color: var(--main); }
    #app .loyalty-program-text .hidden p {
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      color: var(--main); }
  #app .loyalty-program-text .toggle {
    position: relative;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: var(--elements-color);
    cursor: pointer; }
    #app .loyalty-program-text .toggle:after {
      content: "";
      position: absolute;
      width: 24px;
      height: 24px;
      transition: all 0.3s ease;
      background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 8.73294L11.6635 16H12.3365L19 8.73294L18.326 8L11.9995 14.8996L5.67206 8L5 8.73294Z' fill='%23752323'/%3E%3C/svg%3E%0A"); }
    #app .loyalty-program-text .toggle.active:after {
      content: "";
      transform: rotate(180deg); }
#app .loyalty-program-block {
  padding: 25px;
  background: #ECECEE;
  border-radius: 12px;
  max-width: 400px; 
  margin-bottom: 35px;}
  #app .loyalty-program-block .title {
     
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    color: var(--main); }
  #app .loyalty-program-block .list {
    padding-left: 15px;
    margin-top: 10px; }
    #app .loyalty-program-block .list li {
      font-weight: 400;
      font-size: 14px;
      line-height: 22px;
      margin-bottom: 9px;
      color: var(--main); }
  #app .loyalty-program-block .link {
    background: var(--bg);
    border-radius: 12px;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    line-height: 44px;
    color: #FFFFFF;
    display: block;
    height: 44px;
    transition: all 0.3s ease; }
    #app .loyalty-program-block .link:hover {
      background-color: var(--bg-hover); }
	  
#app .page-restaurants .list li {
      font-weight: 400;
      font-size: 16px;
      line-height: 22px;
      margin-bottom: 9px;
      color: var(--main); }
	  
/* Сертификат */
#app .page-certificate .site-map {
  display: none; }
#app .page-certificate h1 {
  font-weight: 600;
  font-size: 24px;
    line-height: 36px;
    margin-bottom: 32px;
  }
#app .page-certificate .loyalty-program-block .list {
  padding-left: 25px; 
  margin-bottom: 0;}
      #app .page-certificate .list li .note {
      font-weight: 400;
      font-size: 14px;
      line-height: 22px;
      color: #8C8895; }
#app .page-certificate .list-num {
  padding-left: 0; }
  #app .page-certificate .list-num li {
    list-style-type: none; }
    #app .certificate-item .link {
      background: var(--bg);
      border-radius: 12px;
      font-weight: 600;
      font-size: 18px;
      text-align: center;
      text-decoration: none;
      line-height: 44px;
      color: #FFFFFF;
      display: block;
      height: 44px;
      transition: all 0.3s ease;
      margin-top: 16px;
  }
  #app .certificate-item img {
    width: auto;
    height: auto;
    max-width: 100%;
  }

  #app .app-download {
    display: flex;
    margin-top: 40px;
  }
  #app .app-download-item {
    margin-right: 22px;
  }
  #app .app-download-item img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
@media (max-width: 992px) {
  #app .page-certificate h3 {
    font-size: 18px;
    line-height: 24px;
  }
  #app .loyalty-program-left {
    padding-bottom: 10px;
}
  .loyalty-program-right {
    display: none; }
    .loyalty-program-right.visible-img {
      display: block; 
      text-align: left !important;} 
}

#app .page-franchise .site-map {
  display: none; }
#app .page-franchise .title {
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 32px;
  color: var(--main); }
#app .page-franchise .subtitle {
   
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: var(--main); }
#app .page-franchise .text {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--main); }
#app .page-franchise-right {
  text-align: right; }
  #app .page-franchise-right img {
    width: 100%;
    max-width: 448px;
    height: auto; }
#app .page-franchise .button-link {
   
  max-width: 355px;
  display: block;
  text-align: center;
  text-decoration: none;
  background-color: var(--bg);
  border-radius: 12px;
  line-height: 44px;
  height: 44px;
  font-weight: 600;
  font-size: 18px;
  color: #FFFFFF;
  transition: all 0.3s ease; }
  #app .page-franchise .button-link:hover {
    background-color: var(--bg-hover); }
#app .page-franchise-left {
  margin-bottom: 0px; }
#app .page-franchise-form {
  margin-bottom: 0px; }
  #app .page-franchise-form form {
    padding: 44px 95px;
    max-width: 550px;
    box-sizing: border-box;
    background: #ECECEE;
    border-radius: 12px;
    margin: auto; }
    #app .page-franchise-form form .title {
       
      font-style: normal;
      font-weight: 600;
      font-size: 18px;
      line-height: 28px;
      color: var(--main);
      text-align: center;
      margin-bottom: 25px; }
    #app .page-franchise-form form .form-item {
      margin-bottom: 25px; }
    #app .page-franchise-form form button {
      width: calc(100% - 10px);
      text-align: center;
      background: var(--bg); }
      #app .page-franchise-form form button:hover {
        background: var(--bg-hover); }

@media (max-width: 767px) {
  #app .site-main {
    margin-bottom: 80px;
	}
	#app .mainpage_menu-item__inner {
    padding: 0 15px;
    bottom: 15px;
  }
  #app .mainpage_menu-item__title {
    justify-content: center;
        display: flex;
        align-items: start;
        font-size: 16px;
        line-height: 18px;
        min-height: 40px;
        margin-bottom: 0;
   }
  #app .loyalty-program-block {
    margin-bottom: 10px;
  }
  #app .certificate-item {
    margin-bottom: 20px;
  }
  #app .page-franchise-right {
    /*display: none;*/
    margin-top: 50px; 
    text-align: center;
  }
  #app .menu-list {
    margin-bottom: 20px;
  }

  #app .submenu-list {
    margin-top: 0px;
    gap: 11px;
  }

  #app .submenu-list__item {
    font-size: 15px;
  }

  #app .certificate-descr {
    margin-bottom: 16px;
  }

  #app .page-franchise-menu {
    margin-bottom: 25px; }

  #app .page-franchise .title {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 32px;
    margin-top: 0; }
  #app .page-franchise .subtitle {
    margin-top: 0;
    font-size: 16px;
    line-height: 20px; } 

    #app .page-loyalty-program h1 {
      font-size: 20px;
      line-height: 32px;
      margin-bottom: 32px; }
    #app .loyalty-program-block .title {
      font-size: 16px;
      line-height: 24px;
    }
    #app .page-certificate h1 {
      font-size: 20px;
      line-height: 32px;
      margin-bottom: 32px; }
}

  #app .page-aktsii .site-search__item {
    border-bottom: 0; }
  #app .page-aktsii .site-map {
    display: none; }
  #app .page-aktsii .title {
    font-weight: 600;
    font-size: 24px;
    line-height: 36px;
    margin-bottom: 32px;}
  #app .page-aktsii .subtitle {
    font-weight: 600; }
  #app .page-aktsii img {
    border-radius: 12px;
  }

  #app .page-aktsii__item {
    margin-bottom: 40px;
    cursor: pointer;
    display: block;
    text-decoration: none; }
    #app .page-aktsii__item-title {
      display: block;
      margin-top: 15px;
      font-weight: 600;
      font-size: 18px;
      line-height: 28px;
      color: var(--main); }
    #app .page-aktsii__item img {
      border-radius: 12px;
      width: 100%;
      height: auto; }

#app .modal-clearcart {
  width: 425px;
  box-sizing: border-box;
  display: none;
  padding: 25px; }
  #app .modal-clearcart p {
    font-size: 14px; }
  #app .modal-clearcart__inner {
    display: flex;
    align-items: center;
    justify-content: center; }
  #app .modal-clearcart .btn {
    border-radius: 12px;
    width: 120px;
    height: 44px;
    font-weight: 400;
    font-size: 16px;
    line-height: 44px;
    text-align: center;
    cursor: pointer;
    user-select: none;
    margin: 0 8px;
    text-decoration: none; }
    #app .modal-clearcart .btn.success {
      background-color: var(--main);
      color: #FFFFFF; }
    #app .modal-clearcart .btn.close {
      background-color: #ECECEE;
      color: var(--main); }
#app .page-cart {
  padding-bottom: 100px; }
  #app .page-cart .site-map {
    display: none; }
  #app .page-cart .empty-cart {
    margin-top: 25px;
    margin-bottom: 35px; }
    #app .page-cart .empty-cart .subtitle {
       
      font-weight: 600;
      font-size: 24px;
      line-height: 36px;
      color: var(--main); }
    #app .page-cart .empty-cart p {
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      color: var(--main); }
  #app .page-cart .devices {
    margin-bottom: 70px; }
    #app .page-cart .devices .title {
       
      font-weight: 600;
      font-size: 18px;
      line-height: 28px;
      color: var(--main);
      margin-bottom: 25px; }
    #app .page-cart .devices .subtitle {
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      color: var(--main); }
    #app .page-cart .devices .item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      max-width: 450px; }
  #app .page-cart .page-header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between; }
    #app .page-cart .page-header h1 {
      font-weight: 600;
      font-size: 34px;
      line-height: 56px;
      }
  #app .page-cart .delete-all-cart {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgba(63, 57, 79, 0.6);
    cursor: pointer;
    transition: all 0.3s ease; }
    #app .page-cart .delete-all-cart:hover {
      color: #000; }
  #app .page-cart .total {
    text-align: right; }
    #app .page-cart .total .price {
      margin-bottom: 30px;
       
      font-weight: 600;
      font-size: 24px;
      line-height: 36px;
      color: var(--main); }
      #app .page-cart .total .price span {
        display: none; }
    #app .page-cart .total .text {
      font-weight: 400;
      font-size: 14px;
      line-height: 22px;
      color: var(--main); }
  #app .page-cart .d-flex button {
    margin-top: 30px; }
  #app .page-cart .coupon {
    max-width: 385px;
    position: relative; }
    #app .page-cart .coupon input {
      width: 100%; }
    #app .page-cart .coupon button {
      position: absolute;
      right: 0;
      top: 1px;
      width: 125px;
      padding: 13px 0;
      text-align: center;
border-color: transparent;	  }
    #app .page-cart .coupon .notice {
      font-weight: 400;
      font-size: 14px;
      line-height: 24px;
      color: #079860;
      margin-top: 3px; }
    #app .page-cart .coupon .inner {
      display: flex;
      position: relative; }
    #app .page-cart .coupon .title {
       
      font-weight: 600;
      font-size: 24px;
      line-height: 36px;
      color: var(--main);
      margin-bottom: 30px; }
  #app .page-cart table.cart {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 65px; }
    #app .page-cart table.cart tr {
      vertical-align: top; }
      #app .page-cart table.cart tr > td {
        border-bottom: 1px solid rgba(29, 29, 27, 0.1); }
      #app .page-cart table.cart tr:last-child > td {
        border-bottom: 0 solid #000; }
    #app .page-cart table.cart .remove {
      padding-top: 40px; }
      #app .page-cart table.cart .remove img {
        cursor: pointer; }
    #app .page-cart table.cart .block {
      padding-left: 25px;
      padding-top: 30px; }
      #app .page-cart table.cart .block span {
        display: block; }
      #app .page-cart table.cart .block .title {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: var(--main); }
      #app .page-cart table.cart .block .text {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: rgba(63, 57, 79, 0.6); }
    #app .page-cart table.cart .qty {
      padding-top: 40px; }
    #app .page-cart table.cart .price {
      padding-top: 45px;
      color: var(--main);
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      text-align: center; }
    #app .page-cart table.cart .image {
      width: 165px;
      padding-bottom: 30px;
      padding-top: 30px; }
      #app .page-cart table.cart .image img {
        width: 100%;
        height: auto;
        border-radius: 12px;
        max-width: 165px; }
    #app .page-cart table.cart .not-active .image img {
      opacity: 0.35; }

@media (max-width: 767px) {
  #app .page-aktsii .title {
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 22px;
}
  #app .modal-clearcart {
    width: calc(100% - 50px); }

  #app .page-header {
    margin-bottom: 20px; }
    #app .page-header h1 {
      margin: 0;
      font-size: 20px;
      line-height: 32px; }
  #app .page-cart {
    overflow: hidden; }
    #app .page-cart .devices {
      margin-bottom: 20px; }
    #app .page-cart .coupon .title {
      display: none; }
    #app .page-cart .total {
      background: rgba(236, 236, 238, 0.4);
      border-radius: 8px;
      padding: 10px 15px;
      text-align: left;
      margin-top: 15px; }
      #app .page-cart .total .price {
         
        margin-bottom: 10px;
        font-weight: 600;
        font-size: 14px;
        line-height: 24px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap; }
        #app .page-cart .total .price span {
          display: block;
          font-weight: 400;
          font-size: 14px;
          line-height: 24px; }
    #app .page-cart .d-flex button {
      width: 100%;
      margin-top: 15px;
      padding-left: 10px;
      padding-right: 10px;
      text-align: center; }
    #app .page-cart table.cart {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 20px; }
      #app .page-cart table.cart tr {
        display: flex;
        flex: 0 0 100%;
        max-width: 100%;
        flex-wrap: wrap;
        position: relative;
        border-bottom: 5px solid #ECECEE;
        margin-bottom: 15px;
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px; }
        #app .page-cart table.cart tr .image {
          flex: 0 0 90px;
          padding-top: 0;
          max-width: 90px;
          padding-bottom: 10px; }
        #app .page-cart table.cart tr .block {
          box-sizing: border-box;
          padding-left: 10px;
          padding-top: 0;
          flex: 0 0 calc(100% - 100px);
          max-width: calc(100% - 100px);
          padding-bottom: 10px; }
        #app .page-cart table.cart tr .qty, #app .page-cart table.cart tr .price {
          flex: 0 0 50%;
          max-width: 50%;
          box-sizing: border-box;
          padding: 15px 0 20px;
          border-bottom: 0 solid #000; }
        #app .page-cart table.cart tr .qty {
          order: 2; }
          #app .page-cart table.cart tr .qty .qty-input {
            margin-left: auto; }
        #app .page-cart table.cart tr .price {
           
          order: 1;
          font-weight: 600;
          text-align: left; }
        #app .page-cart table.cart tr .remove {
          position: absolute;
          right: 10px;
          top: 0;
          padding-top: 0;
          border-bottom: 0 solid #000; } 
        #app .page-cart .devices .title {
            margin-bottom: 15px;
        }
        #app .page-aktsii img {
          border-radius: 10px;
        }
        #app .page-aktsii__item img {
          border-radius: 10px;
        }
    #app .menu-items .menu-list__head-subtitle {
      font-size: 16px;
      margin-bottom: 16px;
      line-height: normal}
}

#app .select-dropdown {
  position: relative; }
  #app .select-dropdown div.input {
    border: 1px solid rgba(29, 29, 27, 0.1);
    border-radius: 12px;
    box-sizing: border-box;
    height: 44px;
    line-height: 44px;
    padding: 0 12px;
    color: rgba(63, 57, 79, 0.6);
    padding-right: 40px;
    position: relative;
    cursor: pointer; 
	overflow: hidden;}
    #app .select-dropdown div.input:after {
      content: "";
      position: absolute;
      right: 12px;
      width: 24px;
      height: 24px;
      background-image: url(../img/arrow-down.svg);
      background-size: cover;
      top: 50%;
      transform: translateY(-50%); }
	  
	  #app .select-dropdown.border-warning div.input {
			border: 1px solid #F40103;
		}

  #app .select-dropdown .dropdown {
    display: none;
    background: #FFFFFF;
    box-shadow: 0px 2px 10px rgba(28, 24, 25, 0.1);
    border-radius: 8px;
    position: absolute;
    width: 100%;
    z-index: 1; 
    width: 375px;}
    #app .select-dropdown .dropdown-container {
      padding: 15px; }
    #app .select-dropdown .dropdown .item {
      padding-bottom: 10px;
      border-bottom: 1px solid rgba(63, 57, 79, 0.1);
      margin-bottom: 20px; }
      #app .select-dropdown .dropdown .item:last-child {
        padding-bottom: 0;
        border-bottom: 0px solid var(--main);
        margin-bottom: 0; }
      #app .select-dropdown .dropdown .item .inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 10px; }
      #app .select-dropdown .dropdown .item .block {
        display: flex;
        align-items: center; }
        #app .select-dropdown .dropdown .item .block .title {
          font-weight: 400;
          font-size: 14px;
          line-height: 22px;
          color: var(--main); 
          margin-bottom: 0;}

        
        #app .page-product .select-dropdown .dropdown .item .block .title {
          margin-right: 10px;
        }

        #app .select-dropdown .dropdown .item .block .images {
          margin-right: 12px;
          flex: 0 0 52px;
          max-width: 52px; }
          #app .select-dropdown .dropdown .item .block .images img {
            width: 52px;
            height: 52px;
            vertical-align: bottom;
            object-fit: cover; }
      #app .select-dropdown .dropdown .item .add {
        cursor: pointer;
        background: var(--main);
        border-radius: 12px;
        padding: 10px 15px;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: #FFFFFF; }
      #app .select-dropdown .dropdown .item .qty-input {
        display: none; }
      #app .select-dropdown .dropdown .item .options.active .add {
        background-color: #ECECEE;
        color: var(--main);
        display: none; }
      #app .select-dropdown .dropdown .item .options.active .qty-input {
        display: flex; }
  #app .select-dropdown.active div.input {
    border-color: #1D1D1B; }

#app .option-button-mobile {
  display: none; }
#app .page-product {
  padding-bottom: 10px; }
  #app .page-product .site-map {
    display: none; }
  #app .page-product .product-doping {
    margin-bottom: 40px; 
	    margin-top: 40px;}
    #app .page-product .product-doping > .title {
      margin-bottom: 25px;
       
      font-weight: 600;
      font-size: 18px;
      line-height: 28px;
      color: var(--main); }
    #app .page-product .product-doping__wrap {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start;
      margin-right: -15px; }
      #app .page-product .product-doping__wrap .item {
        flex: 0 0 145px;
        max-width: 145px;
        text-align: center;
        background: #FFFFFF;
        box-shadow: 0px 2px 10px rgba(28, 24, 25, 0.1);
        border-radius: 16px;
        padding: 15px 0;
        color: var(--main);
        cursor: pointer;
        position: relative;
        min-height: 192px;
        box-sizing: border-box;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        margin-right: 15px;
        margin-bottom: 15px; }
        #app .page-product .product-doping__wrap .item::after {
          content: "";
          background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM12.0303 4.96967C11.7374 4.67678 11.2626 4.67678 10.9697 4.96967C10.9626 4.97674 10.9559 4.98424 10.9498 4.9921L7.4774 9.41674L5.38388 7.32322C5.09098 7.03033 4.61611 7.03033 4.32322 7.32322C4.03032 7.61612 4.03032 8.09099 4.32322 8.38388L6.96966 11.0303C7.26256 11.3232 7.73743 11.3232 8.03032 11.0303C8.03685 11.0238 8.043 11.0169 8.04876 11.0097L12.041 6.01947C12.3232 5.72582 12.3196 5.25897 12.0303 4.96967Z' fill='%233F394F'/%3E%3C/svg%3E%0A");
          width: 16px;
          height: 16px;
          background-size: cover;
          background-repeat: no-repeat;
          position: absolute;
          right: 10px;
          top: 10px;
          display: none; }
        #app .page-product .product-doping__wrap .item .qty-input {
          display: none; }
        #app .page-product .product-doping__wrap .item .images {
          margin-bottom: 10px; }
          #app .page-product .product-doping__wrap .item .images img {
            width: 84px;
            height: 72px;
            object-fit: cover; }
        #app .page-product .product-doping__wrap .item .title {
          font-weight: 400;
          font-size: 16px;
          line-height: 24px; }
        #app .page-product .product-doping__wrap .item .price {
           
          font-weight: 600;
          font-size: 18px;
          line-height: 28px; }
        #app .page-product .product-doping__wrap .item .weight {
          font-weight: 400;
          font-size: 14px;
          line-height: 24px;
          color: rgba(63, 57, 79, 0.6); }
        #app .page-product .product-doping__wrap .item.active {
          background-color: #ECECEE; }
          #app .page-product .product-doping__wrap .item.active::after {
            content: "";
            display: block; }
          #app .page-product .product-doping__wrap .item.active .price {
            display: none; }
          #app .page-product .product-doping__wrap .item.active .weight {
            display: none; }
          #app .page-product .product-doping__wrap .item.active .qty-input {
            display: flex;
            margin: auto;
            margin-top: 10px; }
            #app .page-product .product-doping__wrap .item.active .qty-input input {
              background-color: transparent;
              background: transparent; }
            #app .page-product .product-doping__wrap .item.active .qty-input button:disabled {
              background-color: #fff; }
  #app .page-product .product-selects {
    margin: 40px 0 0; }
    #app .page-product .product-selects .title {
       
      margin-bottom: 15px;
      font-weight: 600;
      font-size: 18px;
      line-height: 28px;
      color: var(--main); }
      #app .page-product .product-selects .row {
        display: flex;
        align-items: flex-end;}
  

  #app .page-product .product-top .images {
    position: relative;
    height: 100%;
    overflow: hidden;
    border-radius: 12px; }
    #app .page-product .product-top .images img {
      vertical-align: bottom;
      border-radius: 12px;
      width: 100%;
      height: auto; 
      min-width: 100%;
      min-height: 100%;
      object-fit: cover;}
  #app .page-product .product-top .col-lg-7 {
    display: flex;
  }
  #app .page-product .product-top .col-lg-7 .block {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  #app .page-product .product-top .col-lg-7 .block button[type=submit] {
    max-width: 356px;
    padding: 14px 20px;
  }
  #app .page-product .product-top .price {
     
    font-weight: 600;
    font-size: 34px;
    line-height: 56px;
    color: var(--main); }
  #app .page-product .product-top h1 {
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    margin: 0; }
  #app .page-product .product-top p {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--main); }
  #app .page-product .product-top .error {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--elements-color);
    max-width: 355px;
    margin-top: 12px; }
  #app .page-product .product-top .options {
    margin-bottom: 45px; }
    #app .page-product .product-top .options .title {
       
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      color: var(--main);
      margin-bottom: 8px; }
    #app .page-product .product-top .options .list {
      display: flex;
      flex-wrap: wrap; }
      #app .page-product .product-top .options .list .item {
        margin-right: 10px;
        font-weight: 400;
        font-size: 14px;
        line-height: 24px;
        color: var(--main); }
        #app .page-product .product-top .options .list .item span {
          font-size: 16px;
          display: block; }

@media (max-width: 1050px) {
  #app .page-product .product-doping__wrap {
    justify-content: start; } }

@media (max-width: 450px) {
  #app .site-logo img {
    height: 42px;
  }
  #app .page-product .product-doping__wrap {
    margin-right: 0; }

  #app .page-product .product-doping__wrap .item {
    flex: 0 0 49%;
    margin-right: 2%;
    max-width: 49%; }
    #app .page-product .product-doping__wrap .item:nth-child(2n) {
      margin-right: 0; }

  #app .product-top button[type=submit] {
    position: fixed;
    bottom: 25px;
    width: calc(100% - 50px);
    left: 25px;
    box-sizing: border-box;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    z-index: 3; }

  #app .page-product .product-top .error {
    position: fixed;
    top: 98px;
    width: 100%;
    left: 0;
    box-sizing: border-box;
    padding: 8px 25px;
    background: #F40103;
    border-radius: 0px 0px 8px 8px;
    color: #fff;
    margin-top: 0;
    max-width: 100%;
    z-index: 3; }

  #app .page-product .product-top .images {
    margin-bottom: 12px; }

  #app .page-product .product-selects {
    margin: 20px 0; }

  #app .page-product .product-top .options {
    margin-bottom: 0;
    background: var(--main);
    box-shadow: 0px 2px 10px rgba(28, 24, 25, 0.1);
    padding: 15px;
    border-radius: 8px;
    position: absolute;
    right: -5px;
    top: 60px;
    width: 270px;
    display: none; }
    #app .page-product .product-top .options::after {
      content: "";
      background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_234_8158)'%3E%3Cpath d='M18.7308 8L27.4617 26H10L18.7308 8Z' fill='%233F394F'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_234_8158' x='0' y='0' width='37.4619' height='38' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' type='matrix' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%3E%3CfeOffset dy='2'/%3E%3CfeGaussianBlur stdDeviation='5'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.109804 0 0 0 0 0.0941176 0 0 0 0 0.0980392 0 0 0 0.1 0'/%3E%3CfeBlend mode='normal' in2='BackgroundImageFix' result='effect1_dropShadow_234_8158'/%3E%3CfeBlend mode='normal' in='SourceGraphic' in2='effect1_dropShadow_234_8158' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E%0A");
      width: 38px;
      height: 38px;
      background-size: cover;
      background-repeat: no-repeat;
      position: absolute;
      top: -25px;
      right: 3px; }
    #app .page-product .product-top .options .title, #app .page-product .product-top .options .list .item {
      color: #fff; }

  #app .page-product .product-selects .title {
    margin-top: 10px; }

  /* слайдер */
  #app .top-services__desktop {
    display: none; } 
  #app .top-services__mobile {
    display: block; }
  #app .top-slider img {
    border-radius: 10px;
  }
  #app .top-services img {
    border-radius: 10px;
  }
  #app .mainpage_menu-item__img img {
    border-radius: 10px;
  }
}


#app .spend-bonus {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: var(--main); }
#app .all-bonus {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: var(--main); }
#app .modal-time-order {
  width: 520px;
  padding: 25px 26px;
  display: none; }
  #app .modal-time-order .time-order__wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
  #app .modal-time-order .time-order__item {
    max-width: 49%;
    flex: 0 0 49%;
    display: flex;
    margin-bottom: 3%;
    align-items: center;
    justify-content: space-between;
    background: #F6F6F8;
    box-shadow: 0px 2px 6px rgba(28, 24, 25, 0.1);
    border-radius: 12px;
    box-sizing: border-box;
    padding: 15px;
	position: relative;	}
    #app .modal-time-order .time-order__item .icon {
      opacity: 0; }
    #app .modal-time-order .time-order__item.active .icon {
      opacity: 1; }
    #app .modal-time-order .time-order__item .text {
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      color: var(--main); }
    #app .modal-time-order .time-order__item.active {
      border: 1px solid var(--elements-color); }
	  #app .modal-time-order .time-order__item.active::after {
		content: "";
        position: absolute;
        right: 16px;
        height: 20px;
        width: 16px;
        background-image: url("../img/check.svg");
        background-size: 16px 20px;
        background-repeat: no-repeat;
        background-position: center right;
      }
#app .page-order {
  padding-bottom: 100px; }
  #app .page-order .site-map {
    display: none; }
  #app .page-order .pickup-address .old-address {
    display: none; }
  #app .page-order .order-delivery-submit {
    text-align: right; }
    #app .page-order .order-delivery-submit button {
      padding-left: 100px;
      padding-right: 100px; }
  #app .page-order form {
    max-width: 545px;
    margin-top: 45px; }
  #app .page-order .total {
    margin-top: 20px;
    margin-bottom: 25px; }
    #app .page-order .total-right {
      display: flex;
      align-items: center;
      justify-content: flex-end; }
    #app .page-order .total .price {
       
      font-weight: 600;
      font-size: 18px;
      line-height: 28px;
      color: var(--main); }
    #app .page-order .total .title {
       
      font-weight: 600;
      font-size: 18px;
      line-height: 28px;
      color: var(--main); }
    #app .page-order .total .text {
      font-weight: 400;
      font-size: 14px;
      line-height: 24px;
      color: var(--main); }
      #app .page-order .total .text span {
        color: var(--elements-color); }
  #app .page-order .payment {
    padding: 25px;
    background-color: #fbfbfb;
    border-radius: 12px; }
    #app .page-order .payment .form-control {
      background-color: transparent; }
    #app .page-order .payment .title {
       
      font-weight: 600;
      font-size: 18px;
      line-height: 28px;
      color: var(--main);
      margin-bottom: 20px; }
    #app .page-order .payment .total {
      padding-top: 15px;
      border-top: 1px solid #E3E3E4;
      margin-top: 15px;
      margin-bottom: 0; }
      #app .page-order .payment .total__right {
        display: flex;
        align-items: center;
        justify-content: flex-end; }

@media (max-width: 767px) {
  #app .tabs {
    display: flex; }
    #app .tabs .tab {
      padding-left: 0;
      padding-right: 0;
      flex: 0 0 50%;
      text-align: center;
      max-width: 50%; }
  #app .page-order h1 {
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
  }

  #app .page-order .order-delivery-submit button {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    width: 100%; } 
}
#app .purchase-item__main-mobile {
  display: none; }
#app .modal-purchase {
  width: 690px;
  display: none; }
  #app .modal-purchase__header {
    display: flex;
    align-items: center;
    margin-bottom: 25px; }
  #app .modal-purchase__link {
    padding: 10px 14px;
    background-color: #ECECEE;
    border-radius: 12px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--main);
    transition: all 0.3s ease;
    text-decoration: none; }
    #app .modal-purchase__link:hover {
      background-color: #000;
      color: #fff; }
  #app .modal-purchase__line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
    margin-bottom: 15px;
    border-bottom: 1px solid #E8E8E8; }
    #app .modal-purchase__line:last-child {
      padding-bottom: 0;
      border-bottom: 0 solid #000; }
    #app .modal-purchase__line .images {
      flex: 0 0 90px;
      max-width: 90px;
      margin-right: 25px; }
      #app .modal-purchase__line .images img {
        width: 90px;
        height: 72px;
        object-fit: cover;
        border-radius: 12px; }
    #app .modal-purchase__line .block {
      flex: 0 0 calc(60% - 115px);
      max-width: calc(60% - 115px); }
    #app .modal-purchase__line .qty {
      flex: 0 0 20%;
      max-width: 20%;
      text-align: center; }
    #app .modal-purchase__line .price {
      flex: 0 0 20%;
      max-width: 20%;
      text-align: right; }
  #app .modal-purchase__id {
     
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    color: var(--main);
    margin-right: 25px; }
  #app .modal-purchase__date {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--main);
    margin-right: 20px; }
  #app .modal-purchase__to {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px; }
    #app .modal-purchase__to .col-4 {
      text-align: right; }
  #app .modal-purchase__form {
    margin-bottom: 25px; }
  #app .modal-purchase__status {
    background: var(--main);
    border-radius: 12px;
    padding: 4px 8px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    display: inline-block; }
    #app .modal-purchase__status.green {
      background: #14BB7F; }
    #app .modal-purchase__status.red {
      background-color: #F40103; }
  #app .modal-purchase .block .title {
    margin-bottom: 0;
     
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: var(--main); }
  #app .modal-purchase .block .text {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--main);
    max-width: 280px; }
  #app .modal-purchase__footer {
    margin-top: 20px; }
    #app .modal-purchase__footer .total {
      margin-bottom: 8px; }
      #app .modal-purchase__footer .total * {
        margin-bottom: 0;
         
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        color: var(--main); }
    #app .modal-purchase__footer .pay *, #app .modal-purchase__footer .bals * {
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      color: var(--main);
      margin-bottom: 0; }
    #app .modal-purchase__footer .pay {
      margin-bottom: 8px; }
      #app .modal-purchase__footer .pay .price {
        color: #F40103; }
    #app .modal-purchase__footer .bals .price {
      color: #0ACE82; }
#app .page-purchase {
  /*padding-bottom: 100px;*/ }
  #app .page-purchase .site-map {
    display: none; }
#app .purchase-item {
  background: #FFFFFF;
  box-shadow: 0px 2px 10px rgba(28, 24, 25, 0.1);
  border-radius: 16px;
  margin-bottom: 25px; 
  min-height: 419px; }
  #app .purchase-item__delivery {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: var(--main);
    margin-bottom: 10px; }
  #app .purchase-item__address {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--main);
    padding-bottom: 15px;
    border-bottom: 1px solid #ECEBED; }
  #app .purchase-item__header {
    padding: 15px;
    padding-bottom: 0; }
  #app .purchase-item__main {
    padding: 15px;
    padding-bottom: 0; }
  #app .purchase-item__footer {
    padding: 15px;
    padding-top: 0; }
    #app .purchase-item__footer .d-flex {
      border-top: 1px solid #ECEBED;
      padding-top: 15px; }
  #app .purchase-item__sum {
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: var(--main); }
  #app .purchase-item__price {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--main); }
  #app .purchase-item__btn {
    text-decoration: none;
    cursor: pointer;
    padding: 10px 0;
    width: 165px;
    /*background: #ECECEE;*/
    background: transparent;
    border-radius: 12px;
    display: block;
    text-align: center;
    color: #1D1D1B;
    margin: auto;
    margin-top: 15px;
    transition: all 0.3s ease; }
    #app .purchase-item__btn:hover {
      /*background-color: var(--main);
      color: #fff; */
      background: transparent;
    }
  #app .purchase-item__id {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--main); }
  #app .purchase-item__date {
     
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: var(--main); }
  #app .purchase-item__status {
    background: var(--main);
    border-radius: 12px;
    padding: 4px 8px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    display: inline-block; }
    #app .purchase-item__status.grey {
      background-color: #F6F6F8;
      color: #000000; }
    #app .purchase-item__status.green {
      background: #14BB7F; }
    #app .purchase-item__status.red {
      background-color: #F40103; }
  #app .purchase-item__status_mobile {
    display: none;
  }
  #app .purchase-item__gallery {
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    -ms-overflow-style: none;
    margin-right: -15px;
    margin-left: -15px;
    scrollbar-width: none;
    padding-bottom: 15px;
    transition: all 0.3s ease;
    padding-left: 15px;
    padding-top: 15px; }
    #app .purchase-item__gallery:hover {
      background-color: #000; }
    #app .purchase-item__gallery::-webkit-scrollbar {
      width: 0;
      height: 0; }
    #app .purchase-item__gallery-item {
      margin-right: 12px; }
      #app .purchase-item__gallery-item img {
        border-radius: 12px;
        height: 92px;
        width: 92px;
        object-fit: cover; }

#app .page-personal {
  padding-bottom: 10px; }
  #app .page-personal .site-map {
    display: none; }
  #app .page-personal .purchase-header {
    margin-bottom: 20px; }
    #app .page-personal .purchase-header .title {
      margin-bottom: 0;
      flex-wrap: wrap; }
  #app .page-personal .purchase-empty p {
    margin: 0; }
  #app .page-personal .personal-header {
    display: flex;
    align-items: center;
    margin-bottom: 40px;
    flex-wrap: wrap; }
    #app .page-personal .personal-header h1 {
      margin: 0;
      font-weight: 600; }
    #app .page-personal .personal-header__bonus {
      background: var(--bg);
      border-radius: 12px;
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      color: #FFFFFF;
      padding: 4px 8px;
      box-sizing: border-box;
      margin-left: 30px;}
  #app .site-logout__button {
    display: inline-block;
    padding: 10px 12px;
    font-weight: 600;
    font-size: 16px;
    color: var(--main);
    background-color: #ECECEE;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.3s ease; 
    margin-left: 30px;
    text-decoration: none;}
    #app .site-logout__button:hover, #app .site-logout__button:active, #app .site-logout__button:focus {
      background-color: #000; }


  #app .page-personal .personal-container {
    max-width: 590px; 
    margin-bottom: 35px;}
  #app .page-personal .title {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    color: var(--main); 
     }
  #app .page-personal .form-checkbox {
    margin-top: 12px;
    display: block; }
  #app .page-personal .add {
    margin-top: 12px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--elements-color);
    text-decoration: none;
    cursor: pointer; }
  #app .page-personal .personal-card__inner {
    flex: auto;
    margin-bottom: 20px; }
  #app .page-personal .personal-card__item {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid rgba(29, 29, 27, 0.1);
    border-radius: 12px;
    max-width: 355px;
    justify-content: space-between; }
    #app .page-personal .personal-card__item .block {
      display: flex; }
    #app .page-personal .personal-card__item .text {
      font-weight: 400;
      font-size: 14px;
      line-height: 24px;
      color: #000000; }
    #app .page-personal .personal-card__item .icon {
      margin-right: 8px; }
    #app .page-personal .personal-card__item .change {
      font-weight: 400;
      font-size: 14px;
      line-height: 24px;
      color: var(--elements-color);
      cursor: pointer; }
  #app .page-personal .personal-card .form-card {
    margin-top: 15px; }
  #app .page-personal .form-card {
    max-width: 355px;
    display: none; }
    #app .page-personal .form-card .col-6 {
      padding-left: 5px;
      padding-right: 5px; }
    #app .page-personal .form-card .col-12 {
      padding-left: 5px;
      padding-right: 5px;
      margin-bottom: 10px; }
    #app .page-personal .form-card .row {
      margin-left: -5px;
      margin-right: -5px; }
      #app .page-personal .form-card .row:first-child {
        max-width: 320px; }
    #app .page-personal .form-card button[type=submit] {
      width: 100%;
      height: 44px;
      padding: 0;
      margin-top: 10px; }
    #app .page-personal .form-card .cancel {
      width: 100%;
      height: 44px;
      line-height: 44px;
      background: #ECECEE;
      border-radius: 12px;
      margin-top: 10px;
      text-align: center;
      font-weight: 400;
      font-size: 16px;
      color: var(--main);
      cursor: pointer; }

@media (max-width: 991px) {
  #app .form-change__input button[type=submit] {
    margin-left: 5px;
    margin-right: 15px; }
  #app .form-change__input button[type=submit], #app .form-change__input .form-change__input--cancel {
    position: relative;
    margin-top: 5px;
    right: 0;
    float: left;
    transform: translateY(0); } 
    #app .product-top .block {
      position: relative; }
    #app .option-button-mobile {
      display: block;
      position: absolute;
      top: 17px;
      right: 5px; }
	  #app .page-product .product-top .col-lg-7 .block {
			width: 100%;
		}
  }
@media (max-width: 767px) {
	#app .purchase-item {
	  min-height: auto;
  }
  #app .modal-purchase {
    width: 100%;
    box-sizing: border-box;
    padding: 25px;
    top: 99px;
    left: 0;
    transform: translate(0, 0);
    height: calc(100% - 100px);
    overflow-y: auto;
    border-radius: 0; }
    #app .modal-purchase__line {
      flex-wrap: wrap;
      align-items: inherit;
      margin-left: -25px;
      margin-right: -25px;
      padding-left: 25px;
      padding-right: 25px;
      border-bottom: 5px solid rgba(136, 137, 140, 0.2); }
      #app .modal-purchase__line:last-child {
        padding-bottom: 20px;
        border-bottom: 5px solid rgba(136, 137, 140, 0.2); }
      #app .modal-purchase__line .block {
        max-width: calc(100% - 100px);
        flex: 0 0 calc(100% - 100px);
        padding-left: 10px;
        padding-bottom: 10px;
        border-bottom: 1px solid rgba(136, 137, 140, 0.2);
        margin-bottom: 10px; }
      #app .modal-purchase__line .images {
        margin-right: 0px;
        padding-bottom: 10px;
        border-bottom: 1px solid rgba(136, 137, 140, 0.2);
        margin-bottom: 10px; }
      #app .modal-purchase__line .qty {
        order: 1;
        max-width: 50%;
        flex: 0 0 50%;
        text-align: right; }
      #app .modal-purchase__line .price {
        text-align: left;
        max-width: 50%;
        flex: 0 0 50%;
         
        font-weight: 600;
        font-size: 14px;
        line-height: 24px; }
    #app .modal-purchase__header {
      flex-wrap: wrap;
      margin-top: 40px; }
    #app .modal-purchase .modal-close {
      position: relative;
      top: 0;
      left: 0; }
      #app .modal-purchase .modal-close svg {
        display: none; }
      #app .modal-purchase .modal-close:before {
        content: "";
        background-image: url("data:image/svg+xml,%3Csvg width='62' height='24' viewBox='0 0 62 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.646446 11.6464C0.451184 11.8417 0.451184 12.1583 0.646446 12.3536L3.82843 15.5355C4.02369 15.7308 4.34027 15.7308 4.53553 15.5355C4.7308 15.3403 4.7308 15.0237 4.53553 14.8284L1.70711 12L4.53553 9.17157C4.7308 8.97631 4.7308 8.65973 4.53553 8.46447C4.34027 8.2692 4.02369 8.2692 3.82843 8.46447L0.646446 11.6464ZM13 11.5L1 11.5V12.5L13 12.5V11.5Z' fill='%23752323'/%3E%3Cpath d='M22.344 5.99H23.562V10.526H28.826V5.99H30.044V16H28.826V11.548H23.562V16H22.344V5.99ZM34.3206 16.126C33.6019 16.126 33.0139 15.9487 32.5566 15.594C32.1086 15.23 31.8846 14.6887 31.8846 13.97C31.8846 13.5687 31.9826 13.2187 32.1786 12.92C32.3839 12.612 32.6639 12.374 33.0186 12.206C33.3732 12.0287 33.7606 11.9027 34.1806 11.828C34.6006 11.744 35.0579 11.702 35.5526 11.702H36.6026V11.17C36.6026 10.582 36.4812 10.162 36.2386 9.91C35.9959 9.64867 35.5946 9.518 35.0346 9.518C34.0266 9.518 33.4666 9.95667 33.3546 10.834H32.1926C32.2672 10.05 32.5706 9.476 33.1026 9.112C33.6439 8.73867 34.3066 8.552 35.0906 8.552C36.8732 8.552 37.7646 9.42467 37.7646 11.17V16H36.6026V15.076C36.0426 15.776 35.2819 16.126 34.3206 16.126ZM34.4326 15.202C35.0672 15.202 35.5852 15.048 35.9866 14.74C36.3972 14.4227 36.6026 13.9887 36.6026 13.438V12.528H35.5946C33.8959 12.528 33.0466 13.0087 33.0466 13.97C33.0466 14.7913 33.5086 15.202 34.4326 15.202ZM44.6811 10.582C44.6811 10.946 44.5738 11.282 44.3591 11.59C44.1538 11.8887 43.8598 12.0753 43.4771 12.15C43.9531 12.234 44.3311 12.416 44.6111 12.696C44.8911 12.976 45.0311 13.3447 45.0311 13.802V13.844C45.0311 14.5253 44.7791 15.076 44.2751 15.496C43.7804 15.916 43.1038 16.126 42.2451 16.126C41.3584 16.126 40.6631 15.9207 40.1591 15.51C39.6644 15.09 39.3984 14.502 39.3611 13.746H40.4951C40.5511 14.2127 40.7098 14.5673 40.9711 14.81C41.2418 15.0433 41.6664 15.16 42.2451 15.16C43.2904 15.16 43.8131 14.7447 43.8131 13.914V13.872C43.8131 13.4613 43.6871 13.1627 43.4351 12.976C43.1924 12.7893 42.8144 12.696 42.3011 12.696H41.1951V11.772H42.1051C42.5904 11.772 42.9358 11.6833 43.1411 11.506C43.3558 11.3287 43.4631 11.0393 43.4631 10.638V10.596C43.4631 9.87733 43.0431 9.518 42.2031 9.518C41.3911 9.518 40.9058 9.90067 40.7471 10.666H39.6271C39.7111 9.92867 39.9911 9.392 40.4671 9.056C40.9524 8.72 41.5544 8.552 42.2731 8.552C42.9638 8.552 43.5378 8.72933 43.9951 9.084C44.4524 9.42933 44.6811 9.91467 44.6811 10.54V10.582ZM48.8674 16.126C48.1488 16.126 47.5608 15.9487 47.1034 15.594C46.6554 15.23 46.4314 14.6887 46.4314 13.97C46.4314 13.5687 46.5294 13.2187 46.7254 12.92C46.9308 12.612 47.2108 12.374 47.5654 12.206C47.9201 12.0287 48.3074 11.9027 48.7274 11.828C49.1474 11.744 49.6048 11.702 50.0994 11.702H51.1494V11.17C51.1494 10.582 51.0281 10.162 50.7854 9.91C50.5428 9.64867 50.1414 9.518 49.5814 9.518C48.5734 9.518 48.0134 9.95667 47.9014 10.834H46.7394C46.8141 10.05 47.1174 9.476 47.6494 9.112C48.1908 8.73867 48.8534 8.552 49.6374 8.552C51.4201 8.552 52.3114 9.42467 52.3114 11.17V16H51.1494V15.076C50.5894 15.776 49.8288 16.126 48.8674 16.126ZM48.9794 15.202C49.6141 15.202 50.1321 15.048 50.5334 14.74C50.9441 14.4227 51.1494 13.9887 51.1494 13.438V12.528H50.1414C48.4428 12.528 47.5934 13.0087 47.5934 13.97C47.5934 14.7913 48.0554 15.202 48.9794 15.202ZM55.938 13.172C55.8353 14.0307 55.6767 14.6467 55.462 15.02H58.892V9.63H56.204C56.1573 10.7687 56.0687 11.9493 55.938 13.172ZM54.482 17.778H53.544V15.02H54.062C54.3233 14.9547 54.5053 14.768 54.608 14.46C54.7107 14.1427 54.7993 13.69 54.874 13.102C54.958 12.346 55.0373 11.394 55.112 10.246C55.1493 9.73267 55.1773 9.21 55.196 8.678H60.026V15.02H61.146V17.778H60.208L60.124 16H54.566L54.482 17.778Z' fill='%23752323'/%3E%3C/svg%3E%0A");
        width: 61px;
        height: 23px;
        background-size: cover;
        background-repeat: no-repeat;
        position: absolute; }
    #app .modal-purchase__to .col-8, #app .modal-purchase__to .col-4, #app .modal-purchase__form .col-8, #app .modal-purchase__form .col-4 {
      max-width: 100%;
      flex: 0 0 100%;
      margin-bottom: 10px; } }
@media (max-width: 450px) {
  #app .form-change label {
    margin-bottom: 8px; }
  #app .page-personal {
    overflow: hidden; }
    #app .page-personal .personal-header {
      display: block;
      margin-bottom: 20px; }
      #app .page-personal .personal-header__bonus {
        display: inline-block;
        margin-left: 50px;
        font-size: 14px; }
        #app .page-personal .personal-header__bonus::before {
          content: "У вас ";
          position: absolute;
          left: 15px;
          font-weight: 400;
          color: var(--main); }
      #app .page-personal .personal-header h1 {
        font-size: 20px;
        line-height: 32px;
        margin-bottom: 12px; }
      #app .site-logout__button {
       margin-left: 0px;
       margin: 20px 0;
       font-size: 14px; }

  #app .page-personal .title {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px; }

  #app .modal-phone-notice {
    width: calc(100% - 50px); }

  .border-block {
    border-bottom: 5px solid #ECECEE;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 20px; } }
#app .site-cart {
  position: relative; }
#app .cart-modal {
  position: absolute;
  right: 0;
  width: 330px;
  background: #FFFFFF;
  box-shadow: 0px 2px 10px rgba(28, 24, 25, 0.1);
  border-radius: 8px;
  padding: 15px;
  box-sizing: border-box;
  margin-top: 15px;
  display: none; }

  #app .site-cart.isEmpty .cart-modal__body {
    /*display: none;*/
    margin-top: -40px; }
    #app .site-cart.isEmpty .cart-modal__clear {
      opacity: 0 }
    #app .site-cart.isEmpty .cart-modal__body .title {
      font-weight: 600;
      font-size: 18px;
      line-height: 28px;
      color: var(--main); }
    #app .site-cart.isEmpty .cart-modal__body .text {
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      margin: 0;
      color: var(--main); }
  #app .cart-modal__head {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px; }
  #app .cart-modal__close, #app .cart-modal__clear {
    cursor: pointer; }
  #app .cart-modal__close {
    opacity: 0.6; }
  #app .cart-modal__clear {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: rgba(63, 57, 79, 0.6); }
  #app .cart-modal__item {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(63, 57, 79, 0.1); }
    #app .cart-modal__item:last-child {
      padding-bottom: 0px;
      border-bottom: 0px solid rgba(63, 57, 79, 0.1); }
    #app .cart-modal__item .images {
      flex: 0 0 72px;
      max-width: 72px;
      margin-right: 12px; }
      #app .cart-modal__item .images img {
        vertical-align: bottom;
        width: 100%;
        height: auto;
        border-radius: 12px; }
    #app .cart-modal__item .block {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      #app .cart-modal__item .block .title {
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        color: var(--main);
        flex: 0 0 100%;
        max-width: 100%; }
      #app .cart-modal__item .block .title a{
        color: var(--main);}
      #app .cart-modal__item .block .price {
        font-weight: 600;
        font-size: 14px;
        line-height: 22px;
        color: var(--main);
        margin-right: 10px; 
     }
  #app .cart-modal .total, #app .cart-modal .bsk_cart_discount {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
    margin-top: 10px; 
    color: var(--main);}
    #app .cart-modal .total .title, #app .cart-modal .bsk_cart_discount .title {
      font-weight: 400;
      font-size: 16px;
      line-height: 24px;
      color: var(--main); }
    #app .cart-modal .total .summ, #app .cart-modal .bsk_cart_discount .summ {
        font-weight: 600;
         }
    #app .cart-modal .total .price, #app .cart-modal .bsk_cart_discount .price {
       
      font-weight: 600;
      font-size: 16px;
      line-height: 24px;
      text-align: right;
      color: var(--main); }
  #app .cart-modal__footer .link-to-cart {
    display: block;
    height: 44px;
    line-height: 44px;
    text-decoration: none;
    background-color: var(--bg);
    border-radius: 12px;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    color: #FFFFFF;
    transition: all 0.3s ease; 
     }
    #app .cart-modal__footer .link-to-cart:hover {
      background-color: #000; }
  #app .cart-modal.empty .cart-modal__footer, #app .cart-modal.empty .cart-modal__body, #app .cart-modal.empty .cart-modal__clear {
    display: none; }
  #app .cart-modal.empty .cart-modal__empty {
    display: block; }
  #app .cart-modal.empty .cart-modal__head {
    justify-content: flex-end; }

#app .modal-overlay {
  position: fixed;
  display: none;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow-y: scroll;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  background-color: rgba(29, 29, 27, 0.5);
  z-index: 11;
  justify-content: center; }
  #app .modal-overlay__content {
    background-color: #fff;
    padding: 25px 40px;
    border-radius: 12px;
    position: relative;
    box-sizing: border-box;
    margin: auto; }
    #app .modal-overlay__content .title {
       
      font-weight: 600;
      font-size: 20px;
      line-height: 32px;
      color: var(--main);
      padding-right: 40px;
      margin-bottom: 25px; }

@media (max-width: 767px) {
  #app .modal-overlay__content {
    padding: 20px; } }
    #app .modal-modifiers {
      width: 100%;
      max-width: 440px; }
      #app .modal-modifiers .item {
        margin-bottom: 25px; }
        #app .modal-modifiers .item:last-child {
          margin-bottom: 0; }

@media (min-width: 1200px) {
  #app .container {
    max-width: 1116px; } 
    
}
@media (max-width: 1200px) {
  #app .modal-address {
    width: calc(100% - 30px);
    box-sizing: border-box; } 
  #app .page-franchise-form form {
    padding: 44px 44px;}
}
@media (max-width: 991px) {
  #app .site-cookie {
    width: 100%; }
  #app .site-map {
    margin-bottom: 15px; }
  #app .site-humburger {
    position: inherit; }
  #app .modal-menu {
    top: 95px;
    left: 50%;
    transform: translateX(-50%); } 
}
@media (max-width: 767px) {
  #app .modal-menu__mobile {
    display: block; }
  #app .site-header .site-header__wrap > .site-search {
    display: none; }
  #app .site-logo {
    order: 1;
    margin-right: 0; }
  #app .site-cart {
    order: 2; }
  #app .modal-address__right {
    display: none; }
  #app .modal-address--pickup .pickup .item .title {
    margin-top: 0; }
  #app .modal-address--pickup .modal-address__right {
    display: block;
    padding: 0; }
    #app .modal-address--pickup .modal-address__right iframe {
      border-radius: 8px; }
  #app .modal-address__left {
    flex: 0 0 100%;
    max-width: 100%; }
  #app .modal-menu {
    width: 460px;
    left: 0;
    transform: translateX(0);
    top: 0;
    height: 100vh;
    border-radius: 0; }
    #app .modal-menu__container {
      overflow-y: auto;
      height: 100vh;
      padding-top: 0;
      background-color: #fff;
      box-sizing: border-box; }
    #app .modal-menu__head {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 40px;
      padding-bottom: 20px; }
    #app .modal-menu .site-login {
      margin-right: 0;
      margin-bottom: 15px; }
      #app .modal-menu .site-login__button {
        text-align: center; }
    #app .modal-menu .site-search {
      margin: 0;
      margin-bottom: 20px; }
    #app .modal-menu__left .col-6:nth-child(1) {
      border-right: 1px solid #ECEBED; }
    #app .modal-menu__right .col-4, #app .modal-menu__right .col-8 {
      flex: 0 0 100%;
      max-width: 100%; }
    #app .modal-menu__italiani {
      display: flex;
      align-items: center;
      justify-content: center;
      height: 44px;
      text-decoration: none;
      color: #fff;
      background: #F40103;
      border-radius: 12px;
      margin-top: 20px; }
      #app .modal-menu__italiani img {
        margin-right: 10px; } 
  #app .top-services .col-3 {
    padding-bottom:12px;
    padding-left: 5px;
    padding-right: 5px;}
  #app .page-franchise-form form {
    padding: 25px 17px;
  }
  #app .site-search__wrap {
    width: 350px;
    }

}
@media (max-width: 586px) {
  #app .modal-time-order {
    width: 95%;
    box-sizing: border-box; }

  #app .modal-menu__right {
    padding-left: calc(var(--bs-gutter-x) * .5); }
    #app .modal-menu__right .col-8 ul {
      border-bottom: 1px solid rgba(136, 137, 140, 0.2);
      padding-bottom: 10px;
      margin-bottom: 15px; }
  #app .button-callback {
    width: 100%;
    display: block;
    box-sizing: border-box;
    text-align: center;
    padding-left: 0;
    padding-right: 0; }
  #app .modal-menu__left .subtitle {
    position: relative; }
    #app .modal-menu__left .subtitle::after {
      content: "";
      width: 24px;
      height: 24px;
      position: absolute;
      background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 8.73294L11.6635 16H12.3365L19 8.73294L18.326 8L11.9995 14.8996L5.67206 8L5 8.73294Z' fill='%233F394F'/%3E%3C/svg%3E%0A");
      background-size: cover;
      background-repeat: no-repeat;
      top: 50%;
      transform: translateY(-50%);
      transition: all 0.3s ease;
      cursor: pointer; }
    #app .modal-menu__left .subtitle.active::after {
      content: "";
      transform: translateY(-50%) rotate(180deg);
      transition: all 0.3s ease; }
  #app .modal-menu__left ul {
    display: none; }
  #app .notifications__item {
    max-width: 350px;
    width: 100%;
    box-sizing: border-box;
    padding: 20px; }
  #app .notifications {
    width: 300px;
    left: 50%;
    transform: translateX(-50%); }
  #app .site-line {
    /*display: none;*/ }
  #app .site-footer > .container {
    border-bottom: 0 solid #000; 
    padding-bottom: 20px;}
  #app .site-footer .social__title {
    display: none; }
  #app .site-footer .site-footer-logo {
    margin-bottom: 0; }
  #app .site-footer .container .row .col-4 {
    flex: 0 0 100%;
    max-width: 100%; 
    margin-bottom: 20px;}
  #app .site-footer .col-auto {
    flex: 0 0 100%;
    max-width: 100%; 
    margin-bottom: 10px;}
    #app .site-footer .col-auto:nth-child(1) {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 30px; }
    #app .site-footer-logo img {
      margin-bottom: 0px;
    }
    #app .site-footer .col-auto:nth-child(3) {
      margin-top: 25px;
      margin-bottom: 25px; }
    #app .site-footer .col-auto:nth-child(4) ul {
      display: flex; }
      #app .site-footer .col-auto:nth-child(4) ul li {
        margin-right: 10px; }
        #app .site-footer .col-auto:nth-child(4) ul li a {
          font-size: 0; }
  #app .site-footer .title {
    margin-bottom: 10px; }
  
  
  #app .top-services .row {
    margin-left: -5px;
    margin-right: -5px; }
  #app .site-search__item-options {
    display: none; }
  #app .modal-menu__left {
    border-right: 0 solid #000;
    margin-bottom: 10px;}
  #app .site-search {
    position: relative; }
  #app .site-search__wrap {
    box-sizing: border-box;
    width: auto; }
  #app .menu-item__block {
    height: auto; }
  #app .menu-item__text {
    height: auto;
    margin-bottom: 15px; }
  #app .modal-address {
    width: 100%;
    transform: translate(0, 0);
    left: 0;
    top: 81px;
    height: calc(100% - 81px);
    overflow-y: scroll;
    overflow-x: hidden; }
    #app .modal-address .modal-close {
      position: absolute;
      left: 35px; }
      #app .modal-address .modal-close::before {
        content: "";
        background-image: url("data:image/svg+xml,%3Csvg width='62' height='24' viewBox='0 0 62 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.646446 11.6464C0.451184 11.8417 0.451184 12.1583 0.646446 12.3536L3.82843 15.5355C4.02369 15.7308 4.34027 15.7308 4.53553 15.5355C4.7308 15.3403 4.7308 15.0237 4.53553 14.8284L1.70711 12L4.53553 9.17157C4.7308 8.97631 4.7308 8.65973 4.53553 8.46447C4.34027 8.2692 4.02369 8.2692 3.82843 8.46447L0.646446 11.6464ZM13 11.5L1 11.5V12.5L13 12.5V11.5Z' fill='%23FEA405'/%3E%3Cpath d='M22.344 5.99H23.562V10.526H28.826V5.99H30.044V16H28.826V11.548H23.562V16H22.344V5.99ZM34.3206 16.126C33.6019 16.126 33.0139 15.9487 32.5566 15.594C32.1086 15.23 31.8846 14.6887 31.8846 13.97C31.8846 13.5687 31.9826 13.2187 32.1786 12.92C32.3839 12.612 32.6639 12.374 33.0186 12.206C33.3732 12.0287 33.7606 11.9027 34.1806 11.828C34.6006 11.744 35.0579 11.702 35.5526 11.702H36.6026V11.17C36.6026 10.582 36.4812 10.162 36.2386 9.91C35.9959 9.64867 35.5946 9.518 35.0346 9.518C34.0266 9.518 33.4666 9.95667 33.3546 10.834H32.1926C32.2672 10.05 32.5706 9.476 33.1026 9.112C33.6439 8.73867 34.3066 8.552 35.0906 8.552C36.8732 8.552 37.7646 9.42467 37.7646 11.17V16H36.6026V15.076C36.0426 15.776 35.2819 16.126 34.3206 16.126ZM34.4326 15.202C35.0672 15.202 35.5852 15.048 35.9866 14.74C36.3972 14.4227 36.6026 13.9887 36.6026 13.438V12.528H35.5946C33.8959 12.528 33.0466 13.0087 33.0466 13.97C33.0466 14.7913 33.5086 15.202 34.4326 15.202ZM44.6811 10.582C44.6811 10.946 44.5738 11.282 44.3591 11.59C44.1538 11.8887 43.8598 12.0753 43.4771 12.15C43.9531 12.234 44.3311 12.416 44.6111 12.696C44.8911 12.976 45.0311 13.3447 45.0311 13.802V13.844C45.0311 14.5253 44.7791 15.076 44.2751 15.496C43.7804 15.916 43.1038 16.126 42.2451 16.126C41.3584 16.126 40.6631 15.9207 40.1591 15.51C39.6644 15.09 39.3984 14.502 39.3611 13.746H40.4951C40.5511 14.2127 40.7098 14.5673 40.9711 14.81C41.2418 15.0433 41.6664 15.16 42.2451 15.16C43.2904 15.16 43.8131 14.7447 43.8131 13.914V13.872C43.8131 13.4613 43.6871 13.1627 43.4351 12.976C43.1924 12.7893 42.8144 12.696 42.3011 12.696H41.1951V11.772H42.1051C42.5904 11.772 42.9358 11.6833 43.1411 11.506C43.3558 11.3287 43.4631 11.0393 43.4631 10.638V10.596C43.4631 9.87733 43.0431 9.518 42.2031 9.518C41.3911 9.518 40.9058 9.90067 40.7471 10.666H39.6271C39.7111 9.92867 39.9911 9.392 40.4671 9.056C40.9524 8.72 41.5544 8.552 42.2731 8.552C42.9638 8.552 43.5378 8.72933 43.9951 9.084C44.4524 9.42933 44.6811 9.91467 44.6811 10.54V10.582ZM48.8674 16.126C48.1488 16.126 47.5608 15.9487 47.1034 15.594C46.6554 15.23 46.4314 14.6887 46.4314 13.97C46.4314 13.5687 46.5294 13.2187 46.7254 12.92C46.9308 12.612 47.2108 12.374 47.5654 12.206C47.9201 12.0287 48.3074 11.9027 48.7274 11.828C49.1474 11.744 49.6048 11.702 50.0994 11.702H51.1494V11.17C51.1494 10.582 51.0281 10.162 50.7854 9.91C50.5428 9.64867 50.1414 9.518 49.5814 9.518C48.5734 9.518 48.0134 9.95667 47.9014 10.834H46.7394C46.8141 10.05 47.1174 9.476 47.6494 9.112C48.1908 8.73867 48.8534 8.552 49.6374 8.552C51.4201 8.552 52.3114 9.42467 52.3114 11.17V16H51.1494V15.076C50.5894 15.776 49.8288 16.126 48.8674 16.126ZM48.9794 15.202C49.6141 15.202 50.1321 15.048 50.5334 14.74C50.9441 14.4227 51.1494 13.9887 51.1494 13.438V12.528H50.1414C48.4428 12.528 47.5934 13.0087 47.5934 13.97C47.5934 14.7913 48.0554 15.202 48.9794 15.202ZM55.938 13.172C55.8353 14.0307 55.6767 14.6467 55.462 15.02H58.892V9.63H56.204C56.1573 10.7687 56.0687 11.9493 55.938 13.172ZM54.482 17.778H53.544V15.02H54.062C54.3233 14.9547 54.5053 14.768 54.608 14.46C54.7107 14.1427 54.7993 13.69 54.874 13.102C54.958 12.346 55.0373 11.394 55.112 10.246C55.1493 9.73267 55.1773 9.21 55.196 8.678H60.026V15.02H61.146V17.778H60.208L60.124 16H54.566L54.482 17.778Z' fill='%23FEA405'/%3E%3C/svg%3E%0A");
        position: absolute;
        width: 61px;
        height: 24px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center; }
      #app .modal-address .modal-close svg {
        display: none; }
    #app .modal-address .title {
      margin-top: 40px; }
  #app .site-header {
    padding-top: 20px;
    padding-bottom: 15px; }
  #app .container {
    box-sizing: border-box; }
  #app .modal-login {
    width: calc(100% - 30px);
    box-sizing: border-box;
    padding: 30px; }
  #app .modal-menu {
    width: 320px; }
    #app .modal-menu__head {
      padding-top: 10px;
      padding-left: 25px;
      padding-right: 12px; }
  #app .recommendation .row {
    flex-wrap: nowrap;
    overflow-x: scroll; }
    #app .recommendation .row .col-lg-6 {
      width: 90%;
      max-width: 90%; }
      #app .recommendation .row .col-lg-6 .menu-item .menu-item__text {
        height: 66px; }

  #app .page-aktsii .site-search__item-options {
    display: block; }
  #app .page-aktsii .site-search__item-inner {
    flex: 0 0 calc(100% - 120px);
    max-width: calc(100% - 120px); }
  #app .page-aktsii .site-search__item-block {
    flex: 0 0 calc(100% - 92px);
    max-width: calc(100% - 92px);
    overflow: hidden; }
    #app .page-aktsii .site-search__item-block .site-search__item-title {
      text-overflow: ellipsis;
      overflow: hidden;
      white-space: nowrap; }
  #app .page-aktsii .page-aktsii__item {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: column-reverse; }
    #app .page-aktsii .page-aktsii__item-title {
      margin-bottom: 15px;
      margin-top: 0; }

  #app .purchase-item__footer .d-flex {
    padding: 0;
    border-top: 0; }
  #app .purchase-item {
    border-radius: 4px;
    position: relative; }
    #app .purchase-item .purchase-item__total {
      color: var(--main);
      font-size: 14px;
      position: absolute;
      right: 14px;
      top: 17px;

      font-weight: 600; }
	  #app .purchase-item .purchase-item__total.bonus {
		  margin-top: 22px;
	  }
    #app .purchase-item .purchase-item__gallery, #app .purchase-item .purchase-item__sum, #app .purchase-item .purchase-item__status, #app .purchase-item .purchase-item__date, #app .purchase-item .purchase-item__main {
      display: none; }
    
      #app .purchase-item__status_mobile {
        display: flex;
        justify-content: flex-start;
        padding: 3px 15px 8px 15px;
      }
      #app .purchase-item .purchase-item__status_mobile .purchase-item__status {
        display: flex;
        padding: 0px 10px;
        font-size: 13px;
        border-radius: 6px;
      }

    
    #app .purchase-item .purchase-item__btn {
      width: 100%;
      height: 44px;
      padding: 0;
      line-height: 44px;
      margin-top: 0; }
    #app .purchase-item .purchase-item__main-mobile {
      display: -webkit-flex;
      display: -ms-flex;
      display: flex;
      padding: 10px 15px; }
      #app .purchase-item .purchase-item__main-mobile img {
        width: 80px;
        height: 80px;
        flex: 0 0 80px;
        max-width: 80px;
        margin-right: 10px;
        border-radius: 4px;
        object-fit: cover; }
      #app .purchase-item .purchase-item__main-mobile .block {
        max-width: calc(100% - 90px);
        flex: 0 0 calc(100% - 90px); }
        #app .purchase-item .purchase-item__main-mobile .block .time {
           
          font-weight: 600;
          font-size: 14px;
          line-height: 24px;
          color: var(--main); }
        #app .purchase-item .purchase-item__main-mobile .block .text {
          font-weight: 400;
          font-size: 14px;
          line-height: 22px;
          color: var(--main); } 
  
  #app .top-slider__prev, #app .top-slider__next {
    display: none;
  }
  /*
  #app .top-slider__prev {
    left: 5px;
  }
  #app .top-slider__next {
    right: 5px;
  }
  #app .top-slider__prev svg, #app .top-slider__next svg {
    width: 16px;
  }
  */
  #app .modal-menu .button-callback {
    margin-top: 10px;
  }
}

#app .page-restaurants .site-map {
  display: none; }
#app .page-restaurants h1 {
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 32px;
}
#app .page-restaurants h2 {
  font-weight: 600;
  font-size: 18px;
  line-height: 28px;
  color: var(--main);
  margin-bottom: 20px; }
#app .page-restaurants p {
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: var(--main);
  /*margin: 0;*/
  margin-bottom: 16px; }
  #app .text-right {
    text-align: right; }
  #app .page-restaurants .-one .text-right {
    text-align: right;
    margin-top: 24px;
}
#app .page-restaurants p strong, #app .page-restaurants p span {
  font-weight: 600; }
#app .page-restaurants .img-full {
  max-width: 80%; }
#app .text-center {
  text-align: center; }
#app .-block {
  margin-bottom: 50px; 
  }
 #app .page-restaurants .-block {
  margin-bottom: 80px; 
  }

  @media (max-width: 767px) {
    #app .page-restaurants h1 {
        font-size: 20px;
        line-height: 32px;
        margin-bottom: 32px;
    }
    #app .page-delivery h1 {
      font-size: 20px;
      line-height: 36px;
      margin-bottom: 32px;
    }
  }

  @media (max-width: 578px) {
    #app .page-restaurants .-block {
      margin-bottom: 40px;
  }
    #app .page-restaurants h2 {
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 20px; }
    #app .page-restaurants p {
      font-size: 16px;
      line-height: 24px;
      margin-bottom: 12px; }
    #app .page-restaurants .-one {
      position: relative;
      overflow: hidden;
      padding-top: 20px; }
    #app .page-restaurants .-two {
      display: flex;
    }
    #app .page-restaurants .-two .col-sm-6:first-child {
      order: 2;
      display: flex;
      margin-top: 24px;
    }
   
  }

/* Слайдер со торисами */

.stories-overlay {
  display: none;
  position: fixed;
  z-index: 1100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity .3s ease;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: rgb(51, 51, 51);
}

.stories-overlay.open {
  display: block;
}

.stories-background {
  position: fixed;
  top: -60px;
  left: -60px;
  width: calc(100% + 120px);
  height: calc(100% + 120px);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: linear-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.9) 100%), url('../img/slider/slide-6.jpg');
  opacity: 0.56;
  filter: blur(30px);
}

.popup-slider {
  width: 100%;
  height: 100%;
}

.popup-slider__close {
  right: 10px;
  border: 0;
    padding: 0;
    background: transparent;
    position: absolute;
    top: 73px;
    z-index: 1140;
    pointer-events: all;
    cursor: pointer;
    outline: none;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 15.2115C30 23.4958 23.2843 30.2115 15 30.2115C6.71573 30.2115 0 23.4958 0 15.2115C0 6.92728 6.71573 0.211548 15 0.211548C23.2843 0.211548 30 6.92728 30 15.2115Z' fill='white'%3E%3C/path%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.8309 10.0424C10.0969 9.77646 10.5281 9.77646 10.7941 10.0424L15 14.2483L19.2059 10.0424C19.4719 9.77646 19.9031 9.77646 20.1691 10.0424C20.4351 10.3084 20.4351 10.7397 20.1691 11.0057L15.9632 15.2115L20.1691 19.4174C20.4351 19.6834 20.4351 20.1147 20.1691 20.3807C19.9031 20.6466 19.4719 20.6466 19.2059 20.3807L15 16.1748L10.7941 20.3807C10.5281 20.6466 10.0969 20.6466 9.8309 20.3807C9.56492 20.1147 9.56492 19.6834 9.8309 19.4174L14.0368 15.2115L9.8309 11.0057C9.56492 10.7397 9.56492 10.3084 9.8309 10.0424Z' fill='%23C2C2C4'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.popup-slider__container {
  width: 100%;
  max-width: 530px;
  height: auto;
  padding: 50px 0;
}
.popup-slider__prev, .popup-slider__next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  cursor: pointer; 
}
.popup-slider__prev.swiper-button-disabled, .popup-slider__next.swiper-button-disabled {
    opacity: 0.4;
    cursor: not-allowed; 
}
.popup-slider__prev {
  left: 50%;
  transform: translateX(calc(-200% - 265px));
}
.popup-slider__next {
  right: 50%;
  transform: translateX(calc(200% + 265px));
}

.inner-slider__prev, .inner-slider__next {
  position: absolute;
  top: 0;
  height: 100%;
  width: 50%;
  /*transform: translateY(-50%);*/
  z-index: 1;
  cursor: pointer;
}

.inner-slider__container.swiper-horizontal>.swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal {
  width: calc(100% - 20px);
  left: 10px;
  top: 10px;
}

.inner-slider__container .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #fff;
  opacity: 0.8;
}

.inner-slider__prev.swiper-button-lock, .inner-slider__next.swiper-button-lock {
  display: block;
}

.inner-slider__prev {
  left: 0px; 
}

.inner-slider__next {
  right: 0px; 
}

.inner-slider__container img {
  width: 100%;
  height: auto;
  /*height: 735px;*/
  vertical-align: bottom;
  border-radius: 15px;
}

#app .stories-slider__prev, #app .stories-slider__next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  cursor: pointer; }
  #app .stories-slider__prev.swiper-button-disabled, #app .stories-slider__next.swiper-button-disabled {
    opacity: 0.4;
    cursor: not-allowed; }
#app .stories-slider__prev {
  left: 12px; }
#app .stories-slider__next {
  right: 12px; }

  @media (max-width: 530px) {
    .popup-slider__container {
      padding: 0;
    }
    .popup-slider__close {
      top: 23px;
    }
  }

  .menu-item__variations {
    display: flex;
    width: 100%;
    background-color: rgba(238, 241, 242, 1);
    border-radius: 12px;
    cursor: pointer;
    border: none;
    margin-bottom: 1rem;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    height: 44px;
  }

  .menu-item__variations-item {
    color: rgba(165, 176, 184, 1);
    border-radius: 12px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    width: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }

  .menu-item__variations-item.active {
    background-color: rgba(165, 176, 184, 1);
    color: rgba(255, 255, 255, 1);
  }

  .page-product .menu-item__variations {
    max-width: 356px;
  }

#menu .title {display: none;}

.swiper-pagination-bullet-active {background: #fff !important;}
.swiper-pagination-bullet {background: rgba(255, 255, 255, 1) !important;
width: 16px !important;
height: 16px !important;}


.prev-page svg path {fill: #752323 !important;}

#app .cart-modal .cart-modal__body .items {
  max-height: 450px;
  overflow-y: scroll;
  overflow-x: hidden;
  scrollbar-color: var(--backgroud) #303136;
}


.open__primary__widget {cursor: pointer;}