/* Vars */
:root {
    --border-radius: 16px;
    --border-radius-S: 8px;
    --border-radius-XXS: 4px;

    --modal-S: 420px;

    --natural-100: #f5f5f5;
    --natural-400: #A3A3A3;
    --neutral-500: #737373;
    --slate-100: #F1F5F9;
    --slate-400: #94A3B8;

    --blue-100: #DBEAFE;
    --blue-200: #BFDBFE;

    --media-xl: 1200px;
    --media-lg: 992px;
    --media-md: 768px;
    --media-sm: 576px;
    --media-m: 475px;
    --media-s: 375px;
    --media-xs: 320px;

    --h1: 56px;
    --h2: 40px;
    --h3: 32px;
    --h4: 24px;
    --h5: 22px;
    --h6: 16px;

    --text-color: #646464;
    --accent: #0000BC;
    --secondary: #2B2C7C;

    --modal-radius: 30px;
    --button-radius: 8px;
}
.mt-26 {
    margin-top: 26px;
}
.header {
    z-index: 999;
}
.container--md {
    width: 1340px;
}
.container--lg {
    width: 1440px;
}
/* Vars */
.bold {
    font-weight: bold;
}
.text-center {
    text-align: center;
}
.text-upp {
    text-transform: uppercase;
}
.hero__title {
    margin-bottom: 31px;
}
.hero__title h1 {
    font-family: Montserrat;
    font-weight: 500;
    font-style: Medium;
    font-size: var(--h1);
    line-height: 100%;
    letter-spacing: 0%;
    color: var(--secondary);
}
.link,
.link-icon {
    transition: all 0.2s;
}
.link--accent,
.contacts__address-social a:hover,
.contacts__address-social--main a:hover  {
    color: var(--accent);
}
.header__geolink:hover,
.link-icon:hover {
    opacity: 0.7;
}
.link-icon--accent:hover {
    opacity: 0.6;
}
.menu__link:hover,
.link:hover,
.reviews__card-link:hover,
.contacts__address-social a:hover,
.contacts__address-social--main a:hover {
    text-decoration: underline;
}
.btn {
    width: auto;
    max-width: 100%;
    padding: 16px 32px;

    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

    text-transform: uppercase;

    font-size: 20px;
    line-height: 100%;
    letter-spacing: -2%;

    color: #fff;
    background-color: var(--accent);

    border-radius: var(--button-radius);
    transition: all 0.2s;
}
.btn--main {
    width: auto;
    max-width: fit-content;
}
.page--restaurant-pages .restaurant-page__btn:hover,
.page--restaurant-pages .restaurant-page__btn:active,
.page--restaurant-pages .restaurant-page__btn:focus,
.wpcf7-form-control.wpcf7-submit,
.wpcf7-form-control.wpcf7-submit:hover,
.wpcf7-form-control.wpcf7-submit:active,
.wpcf7-form-control.wpcf7-submit:focus,
.btn:active,
.btn:focus,
.btn:hover {
    background-color: var(--secondary);
}
a.dishmenu-menu__button,
a.dishmenu-menu__button.btn.secondary:hover  {
    width: fit-content;
    max-width: 100%;
    padding: 16px 95px;
}
.header__navigation {
    position: absolute;
    right: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .2s;
    border-radius: 30px;
}
.header__navigation,
.header__navigation.active {
    display: flex;
}
.header__navigation.active {
    top: calc(100% - 10px);
    opacity: 1;
    visibility: visible;
}
.header .menu-item > .menu__link {
    display: block;
    color: #0000bc;
    text-decoration: none;
    padding: 12px 24px;
}
.header .menu-item.current-menu-item .menu__link,
.header .menu-item.current-menu-item .menu__link:hover {
    background-color: #0000bc;
    color: #fff;
}
.footer__list li {
    font-size: 22px;
    font-weight: 550;
}
.header .menu-item .menu__link:hover {
    background-color: rgba(0, 0, 188, .1);
}
.footer .menu-item.current-menu-item a {
    text-decoration: underline;
}
/* .page main.main {
    min-height: 60vh;
} */
.page-template-reviews {
    background: #fff;
}
.page-template-reviews:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 470px;
    z-index: 0;
    pointer-events: none;
    background-image: url('../images/bg-rev.svg');
    background-repeat: no-repeat;
    background-size: cover;
}
/* CF7 forms */
.form--mod {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.form__group {
    display: flex;
    gap: 8px;
}
.form--modal .form__group {
    justify-content: space-between;
    align-items: center;
}
.form__check {
  position: relative;
  cursor: pointer;
  display: inline-flex;
}
.form__check-input {
    width: 19px;
    height: 19px;
    display: none;
    margin-right: 10px;
    opacity: 0;
    cursor: pointer;
    flex-shrink: 0;
}
.switch + label {
    position: relative;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;

    transition: all 0.3s;
}
.switch + label:before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 24px;
    background-color: var(--natural-400);
    border-radius: 16px;
    position: relative;
    cursor: pointer;
    margin-right: 8px;
    flex-shrink: 0;
    flex-grow: 0;
}
.switch + label:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 4px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: var(--background-color);
    transition: transform 0.3s;
}
.switch:checked + label {
    color: var(--accent-primary);
}
.switch:checked + label:before {
    background-color: var(--accent-primary);
}
.switch:checked + label:after {
    transform: translateY(-50%) translateX(16px);
}
.form__check-label span {
    position: relative;
    top: -2px;
}
.card__form {
    max-width: 593px;
    width: 100%;
}
.form__item {
    position: relative;
}
.form--contacts input.form__control,
.form__item--mod input {
    padding: 24px 40px 8px 16px;
}

.form__control--mod {
  outline: 0;
  transition: border-color 0.2s;
}

.form__item--mod .form__label,
.form--contacts .floating-label {
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  z-index: 5;
  
  font-size: 16px;
  color: var(--neutral-500);

  transition: 0.2s;
}

.form__control--mod:focus {
    border-image-slice: 1;
}

.form__control--mod:focus ~ label, 
.form__control--mod:not(:placeholder-shown):valid ~ label,
.form--contacts .form__item input.focused + .floating-label,
.form--contacts .form__item input.filled + .floating-label {
    top: 13px;
    font-size: 14px; 
}

.form__control--mod::placeholder {
    color: transparent;
}

/* reset input */
.form__control--mod {
  &:required,&:invalid { box-shadow:none; }
}
.form__item-ico {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);

    display: flex;
    align-items: center;
    justify-content: center;

    background-color: #fafafa;
    z-index: 5;
}

.form__submit {
    position: relative;
}
.form--card {
    display: flex;
    gap: 24px
}
.form--card h3 {
    margin-bottom: 16px;
}
.form--contacts .form__item:not(.form__item--radio) {
    margin-bottom: 12px; 
}
.form--card .form__submit {
    margin-top: 29px;
}
.form--contacts span.wpcf7-form-control.wpcf7-radio {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 0;
}

.form__item--radio .wpcf7-list-item {
    margin: 0;
}

.form__item--radio span.wpcf7-form-control.wpcf7-radio {
    display: inline-flex;
    gap: 12px;
}

.form__item--radio span.wpcf7-list-item-label {
    font-size: var(--text-L);
    line-height: 1.4;
    font-family: "Exo2-Regular", Arial, sans-serif;
    color: var(--text-primary);
}

.form__item--radio label {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    position: relative;
    padding-left: 32px;
    margin-right: 0;
    user-select: none;
    flex: none;
}

.form__item--radio input[type=radio] {
    display: none;
}

.form__item--radio span.wpcf7-list-item-label:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    position: absolute;
    left: 6px;
    top: 6px;
    border-radius: 50%;
    background: #f1f5f9;
    box-shadow: 0 0 0 5px #f1f5f9, 0 0 0 7px var(--text-primary);
    transition: all 0.3s ease;
}

@media (max-width: 768px) {
    .form__item--radio span.wpcf7-list-item-label:before {
        background: #fff;
        box-shadow: 0 0 0 5px #fff, 0 0 0 7px var(--text-primary);
    }
}
.form__item--radio input[type=radio]:checked + span.wpcf7-list-item-label:before,
.form__item--radio span.wpcf7-list-item-label:hover:before {
    border-color: var(--accent-primary);
    box-shadow: 0 0 0 5px #f1f5f9, 0 0 0 7px var(--accent-primary);
}
.form__item--radio input[type=radio]:checked + span.wpcf7-list-item-label {
    color: var(--accent-primary);
}
.form__item--radio input[type=radio]:checked + span.wpcf7-list-item-label:before {
    background: var(--accent-primary);
}
span.wpcf7-spinner {
    position: absolute;
    right: 0;
    top: 0;
}
.wpcf7 form .wpcf7-response-output {
    margin: 16px auto 0;
    padding: 0;
    border: none;
    font-size: 14px;
    text-align: center;
}

.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 13px;
    font-weight: normal;
    display: block;
}

.form--contacts .floating-label {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #999;
  font-size: 16px;
  pointer-events: none;
  transition: 0.2s ease all;
  background-color: tr;
  padding: 0 4px;
  user-select: none;
}
.form--modal .form__item {
    max-width: 100%;
}
.form__control.form__control--textarea {
    height: 140px;
    padding: 16px 16px 32px;
    position: relative;
    resize: vertical;
}
.textarea-counter {
  position: absolute;
  bottom: 16px;
  left: 16px;
  font-size: 14px;
  color: var(--neutral-500);
  user-select: none;
  pointer-events: none;
}
.form__control.form__control--textarea::placeholder {
    color: rgb(153, 153, 153);
    font-size: var(--text-M);
}
.form__item-info{
    font-size: var(--text-S);
    color: var(--neutral-500);
    padding-left: 12px;
}
.form--modal .fb-support__link {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-grow: 0;
    flex-shrink: 0;

    border-radius: var(--border-radius-S);
    background: var(--blue-100);

    transition: all 0.3s ease;
    cursor: pointer;
}
.form--modal .fb-support__link:hover {
    background: var(--blue-200);
}
.form--modal .fb-support__links a.wa svg,
.form--modal .fb-support__links a.vk svg {
    width: 18px;
    height: 18px;
}
.form--modal .fb-support__links a svg path {
    fill: var(--text-primary);
}
.form--modal .fb-support__links {
    gap: 8px;
}
.reviews-modal--thinks.is-open,
.reviews-modal--thinks.is-open .modal {
    display: block;
}
.modal.modal--menu.active {
    display: flex;
}

#menu-modal .modal__content {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.modal.modal--menu:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 0;
    background: rgba(43, 44, 124, .7);
}
.modal--mod .modal__content {
    position: relative;
    padding: 20px !important;
    overflow: hidden;
    height: fit-content;
    border-radius: var(--border-radius);
}
.modal--mod .modal__close {
    transform: none;
    top: 0;
    right: 0;
}
.modal--mod .modal__dialog {
    position: relative;
    background: transparent;
    height: auto;
    height: auto;
    z-index: 10;
}
.reviews-modal--thinks .modal__dialog {
    gap: 15px;
}
.modal--mod .modal__body {
    background: #fff;
    overflow: auto;
    border-radius: var(--border-radius);
    padding: 12px;
}
.modal--mod .modal__data {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px;
}
.modal--mod .modal__title {
    font-weight: 500;
    font-size: 32px;
}
.modal--mod .modal__img {
    padding: 0 !important;
}
.modal--mod .modal__info {
    font-weight: 500;
    font-size: 24px;
    color: #646464;
}
span.modal__weight {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.modal__overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.column-1__decor-vertical {
    background: url('../images/decor/noodle_decor-vertical.svg') top center repeat-y;
}
.column-1__decor-vertical {
	background: url('../images/decor/noodle_decor-vertical.svg') top center repeat-y;
}
.row-2-1__decor-horizontal {
	height: 60px;
	width: 100%;
	background-size: 100% 100%,100% 8px;
	background: url('../images/decor/noodle_decor-horizontal.svg') top repeat-x;
}
.column-3__decor-vertical {
	background: url('../images/decor/noodle_decor-vertical.svg') top center repeat-y;
}
.row-4-1__decor-horizontal {
	background: url('../images/decor/noodle_decor-horizontal.svg') top repeat-x;
}
.column-5__decor-vertical {
	background: url('../images/decor/noodle_decor-vertical.svg') top center repeat-y;
}
.section-quaternary .reviews__card {
    height: 364px;
}
.menu__content {
    width: calc(100% - 40px);
}
.page--restaurant-pages .restaurant-page__container {
    width: 856px;
    max-width: 100%;
}
.section--single-page h1 {
    font-size: var(--h1);
    margin-bottom: 36px;
}
.section--single-page h2 {
    font-size: var(--h2);
    margin-bottom: 24px;
}
.section--single-page h1,
.section--single-page h2,
.section--single-page h3,
.section--single-page h4,
.section--single-page h5,
.section--single-page h6 {
    font-family: Montserrat;
    font-weight: 500;
    font-style: Medium;
    line-height: 120%;
    letter-spacing: 0%;
    color: var(--secondary);
}
.section--single-page strong {
    color: var(--secondary);
}
.section--single-page h3,
.section--single-page h4,
.section--single-page h5,
.section--single-page h6,
.section--single-page p,
.section--single-page ul {
    margin-bottom: 18px;
}

@media (max-width: 1200px) {
    .form--mod .form__group {
        gap: 12px;
        flex-direction: column;
        max-width: 300px;
        width: 100%;
    }
    .form--mod .form__group .form__item,
    .form--mod .form__group input,
    .form--mod .form__group button {
        width: 100%;
        max-width: 100%;
    }
    .form__info {
        max-width: 460px;
    }
}
@media (max-width: 768px) {
    .form--mod .form__group {
        max-width: 100%;
    }
}
/* END CF7 forms */

/* Настройки уведомления о куках (GDPR) */
.lwpcngNoticeBox {
    max-width: 970px;
    border: none;
    padding: 16px;
    border-radius: 16px;
    font-size: 16px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
}
.js-lwpcngNotice.lwpcngNotice-light {
    background: #fff;
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content: space-between;
}
.lwpcngNotice_message {
    display: inline;
    margin-right: 0;
    font-size: 16px;
    line-height: 140%;
    font-family: "Exo2-Regular", Arial, sans-serif;
}

.lwpcngNotice-light .lwpcngNotice_accept {
    width: fit-content;
    height: auto;
    
    padding: 14px 32px;
    margin: 0;
    
    font-size: 16px;
    line-height: 110%;
    color: var(--text-primary);
    font-family: "Exo2-Medium", Arial, sans-serif;

    display: flex;
    align-items: center;
    justify-content: center;

    text-align: center;

    background: #dbeafe;
    
    border-radius: 8px;
    border: none;
    
    text-transform: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    cursor: pointer;
    order: 2;
}
.lwpcngNotice-light .lwpcngNotice_accept:active:not(:disabled,
.lwpcngNotice-light .lwpcngNotice_accept:focus:not(:disabled),
.lwpcngNotice-light .lwpcngNotice_accept:focus-visible:not(:disabled)), 
.lwpcngNotice-light .lwpcngNotice_accept:hover:not(:disabled) {
    background: #bfdbfe;
}
.lwpcngNoticeBox .lwpcngNotice_buttons {
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.lwpcngNotice_more {
    height: auto;
    display: inline-flex;
    text-decoration: underline;
    font-size: 16px;
    line-height: 110%;
    color: var(--text-primary);
    font-family: "Exo2-Medium", Arial, sans-serif;
    color: var(--accent-primary);
    order: 1;
}
.lwpcngNotice-light a,
.lwpcngNotice-light a:visited {
    color: var(--accent-primary);
    margin: 0;
}
.lwpcngNotice-light a:hover {
    color: var(--accent-secondary);
}
.lwpcngNotice_buttons {
  display: flex;
  justify-content: flex-end;
}
.lwpcngNotice_reject.js-lwpcngReject {
  border: 1px solid var(--btn-color);
  color: var(--btn-color);
  font-size: 1.4rem;
  font-weight: 500;
}

.lwpcngNotice_accept.js-lwpcngAccept {
  background: var(--accent);
  color: #fff !important;
  font-size: 16px;
  font-weight: 500;
  border: none;
  padding: 16px 32px;
}
.lwpcngNotice_accept.js-lwpcngAccept:hover,
.lwpcngNotice_reject.js-lwpcngReject:hover {
	background: var(--secondary);
    color: #fff !important;
}
@media (max-width: 425px) {
    .lwpcngNotice_message {
        font-size: 13px;
    }
}
/* END Настройки уведомления о куках (GDPR) */

.section.section__404 {
    padding: 213px 0;
    min-height: 75vh;
}

/* Страница 404 */
.page-404__container {
    gap: 31px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.page-404__image {
    width: 446px;
    max-width: 100%;
}
.page-404__image img {
    width: 100%;
    height: auto;
}
.page-404__container .page-404__texts h1, 
.page-404__container .page-404__texts p {
    font-size: 28px;
    line-height: 152%;
    letter-spacing: -2%;
    text-align: center;
    text-transform: uppercase;
    font-weight: normal;

    color: var(--text-color);
}
.section--loyalty {
    overflow: hidden;
}
.loaylty {
    width: 100%;
    height: auto;

    display: flex;
    flex-direction: column;
    gap: 32px;
}
.loaylty__item {
    width: 100%;
    height: auto;
    position: relative;
}
.loaylty__item-content {
    position: relative;
    z-index: 5;
}
.loaylty__item:nth-child(1) .loaylty__item-content {
    width: 824px;
    max-width: 100%;
}
.loaylty__item-card h1 {
    color: var(--accent);
    margin-bottom: 32px;
    font-weight: 500;
    text-transform: uppercase;
}
.loaylty__item-card {
    width: 100%;
    height: auto;
    min-height: 512px;

    position: relative;

    padding: 50px 70px;

    background: #fff;
    overflow: hidden;
    box-shadow: 0px 4px 4px 0px #00000040;
    border-radius: var(--modal-radius);
    
}
@media (max-width: 1200px) {
    .loaylty__item:nth-child(3) .loaylty__item-content {
        padding-right: 300px;
    }
}
@media (max-width: 768px) {
    .loaylty__item-bg--elem,
    .loaylty__item-bg--elem2,
    .loaylty__item-bg--elem3 {
        display: none;
    }
    .loaylty__item:nth-child(3) .loaylty__item-content {
        padding-right: 0;
    }
}
@media (max-width: 680px) {
    .loaylty__item-card {
        padding: 32px 24px;
    }
}
.loaylty__item-content h2 {
    font-size: var(--h5);
    line-height: 120%;
    color: var(--accent);
    font-weight: 600;
    margin-bottom: 24px;
}
.loaylty__item-content strong {
    color: var(--accent);
    font-weight: 700;
}
.loaylty__item-content {
    position: relative;
    z-index: 5;
    font-size: 18px;
    line-height: 120%;
    color: var(--text-color);
}
.loaylty__item-content ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
    list-style: disc;
    padding-left: 26px;
    margin-bottom: 12px;
}
.loaylty__item-content li {
    list-style: disc;
}
.loaylty__item-code {
    width: 233px;
    height: auto;

    margin-top: 32px;
}
.loaylty__item-code img {
    width: 100%;
    height: auto;
}
.loaylty__item-bg {
    position: absolute;
    pointer-events: none;
    z-index: 0;
}
.loaylty__item-bg.loaylty__item-bg--lines {
    width: 100%;
    height: auto;
    left: 0;
    bottom: 0;   
}
.loaylty__item-bg.loaylty__item-bg--heart {
    right: -105px;
    bottom: 125px;
}
.loaylty__item-bg.loaylty__item-bg--hands {
    right: -125px;
    bottom: -190px;
}
.loaylty__item-bg.loaylty__item-bg--phone {
    z-index: 5;
    width: 427px;
    left: -60px;
    bottom: 0;
}
.loaylty__item-bg--stars1,
.loaylty__item-bg--stars2,
.loaylty__item-bg--stars3 {
    position: absolute;
    z-index: 0;
}
.loaylty__item-bg--stars1 {
    top: 220px;
    right: 110px;
}
.loaylty__item-bg--stars2 {
    top: 320px;
    right: 250px;
}
.loaylty__item-bg--stars3 {
    bottom: 30px;
    right: 50px;
}
.loaylty__item-images {
    width: 100%;
    height: auto;

    display: flex;
    padding-left: 128px;
    gap: 32px;
    flex-wrap: wrap;

    margin-top: 60px;
}
.loaylty__item-images img {
    width: auto;
    height: 100px;
    object-fit: cover;
}
.loaylty__item:nth-child(2) .loaylty__item-content {
    width: 100%;
    padding-left: 287px;
}
.loaylty__item-bg--circle {
    width: 624px;
    height: 624px;
    left: -158px;
    bottom: -350px;
    border-radius: 50%;
    background-color: var(--accent);
}
.loaylty__item-bg--elem {
    right: 0;
    top: 0;
    z-index: 0;
}
.loaylty__item-bg--elem2 {
    right: 184px;
    bottom: 224px;
}
.loaylty__item-bg--elem3 {
    top: -35px;
    right: -150px;
    z-index: 1;
}
.loaylty__item-info {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 24px 32px 24px 98px;
    position: relative;
    box-shadow: 0px 4px 4px 0px #00000040;
    background: #fff;
    margin-top: 24px;
    border-radius: var(--modal-radius);
}
.loaylty__item-info img {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;

}
.anim {
    display: inline-block;
    animation: anim-move 4s ease-in-out infinite;
}
.menu__content-description {
    display: none;
}
.menu__content-title {
    gap: 12px;
}
.menu__content-icons {
    display: flex;
    gap: 8px;
}
.modal__price span {
    margin-left: 8px;
}
.menu__panel {
    min-height: 50vh;
}
.review-image {
    width: 75px;
    height: 75px;
    overflow: hidden;
    border-radius: 50%;
    flex-shrink: 0;
    flex-grow: 0;
}
.review-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.stars-rating {
    color: #E09637;
    font-size: 18px;
    line-height: 1;
}
.footer__legal img {
    position: relative;
    top: 2px;
    display: inline-flex;
    width: 18px;
    height: auto;
}
.footer__legal a {
    display: inline-flex;
}
.footer__legal p:nth-child(1) {
    text-align: left;
}
.page--reviews .reviews__card {
    height: 365px !important;
}
.reviews-modal__text {
    overflow-x: hidden;
}
.reviews-modal__meta {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.reviews-modal__text {
    margin: 0;
}
.reviews-modal__meta h3 {
    font-size: 26px;
    font-weight: 600;
}
.form__accept .wpcf7-form-control {
    display: flex;
    align-items: center; 
}

.form__accept .wpcf7-list-item {
    display: flex;
    align-items: center;
    margin: 0;
}
.form__accept span.wpcf7-list-item-label {
    position: relative; 
    cursor: pointer;
	padding: 0;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    font-size: 14px;
    line-height: 20px;
    color: #646464;
}
.footer .form__accept .wpcf7-list-item label {
	color: #fff;
}
.form__accept .wpcf7-list-item input[type="checkbox"],
.form__accept span.wpcf7-list-item:nth-child(1) label:after{
    display: none; 
}
.form__accept .wpcf7-list-item-label::before {
    content: '';
    top: 0;
    position: relative;
    width: 24px; 
    height: 24px; 
    border: 2px solid var(--accent);
    background: #fff;
    border-radius: 4px; 
    display: flex; 
    flex-grow: 0;
    flex-shrink: 0;
    transition: all 0.3s ease; 
}
.form__accept .wpcf7-list-item input[type="checkbox"]:checked + .wpcf7-list-item-label::before {
    border-color:var(--accent);
    background: var(--accent);
}
.form__accept .wpcf7-list-item input[type="checkbox"]:checked + .wpcf7-list-item-label::after {
    content: "";
    position: absolute;
    top: 8px;
    left: 5px;
    width: 13px; 
    height: 9px; 
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg width="12" height="8" viewBox="0 0 12 8" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.5 3.4L4.14546 6.22183C4.54054 6.64324 5.20946 6.64324 5.60454 6.22183L10.5 1" stroke="white" stroke-width="2" stroke-linecap="round"/></svg>');
    background-repeat: no-repeat;
    background-size: cover;
}
.form .form__policy {
    text-align: left;
}
.contact__form input {
    width: 100%;
}
.form__submit .wpcf7-form-control.wpcf7-submit  {
    width: 100%;
    max-width: 500px;
    height: auto;
    background-color: #0000bc;
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    border-radius: 12.44px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 24px;
    padding-right: 24px;
    border: unset;
    text-transform: none;
}
.form__submit .wpcf7-form-control.wpcf7-submit:active,
.form__submit .wpcf7-form-control.wpcf7-submit:focus,
.form__submit .wpcf7-form-control.wpcf7-submit:hover {
   background: var(--secondary);
   color: #fff;
}
.contacts__address-form--mod .form__submit .wpcf7-form-control.wpcf7-submit {
    min-width: 100%;
}
.form__submit .wpcf7-form-control.wpcf7-submit:disabled {
    opacity: 0.6;
    background: var(--text-color);
    pointer-events: none;
}
.contact__form input {
    font-size: 20px;
}
.wpcf7-list-item-label::before, .wpcf7-list-item-label::after {
    position: absolute;
}
.wpcf7 form .wpcf7-response-output {
    display: none;
}
.contacts__address-social--main {
    flex-wrap: wrap;
}
section.section.gallery.page--gallery {
    width: 100%;
    max-width: 100%;
    padding: 64px 0;
    background: #fff;
}
.contact-block.contact-block--page .container--main {
    height: auto;
    min-height: inherit;
    padding: 0;
}
.contact-block.contact-block--page .container,
.contact-block.contact-block--page {
    min-height: inherit;
}
.contact-block.contact-block--page .container {
    padding: 120px 15px 113px;
}
.contact-block__inner {
    display: flex;
    align-items: center;
    justify-content: center;
}
.page--restaurants .restaurants__panel-item a {
    padding: 16px 60px;
    font-weight: 500;
    color: #fff;
    font-size: 24px;
    background: var(--accent);
    border-radius: 12px;
    transition: all 0.3s ease;
}
.page--restaurants .restaurants__panel-item a:hover {
    background: var(--secondary);
}
@keyframes anim-move {
  0%   { transform: translate(0, 0); }
  20%  { transform: translate(3px, -2px); }
  40%  { transform: translate(-2px, 3px); }
  60%  { transform: translate(2px, 1px); }
  80%  { transform: translate(-3px, -3px); }
  100% { transform: translate(0, 0); }
}
.page .main-title {
    padding-left: 172px;
}
.section--reviews .main-title {
    padding-left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.reviews-svg {
    position: relative;
    top: 0;
    right: 0;
}
.restaurant-page > img {
    max-width: 1340px;
    width: 100%;
    height: 611px;
    border-radius: 30px;
    -o-object-fit: cover;
    object-fit: cover;
}
.restaurant-page__buttons {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 16px;
}
.page--restaurant-pages .restaurant-page__btn {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.page--restaurant-pages .restaurant-page__btn.restaurant-page__btn--light {
    background: #fff;
    color: var(--accent);
    border: 1px solid var(--accent);
}
.page--restaurant-pages .restaurant-page__btn.restaurant-page__btn--light:hover,
.page--restaurant-pages .restaurant-page__btn.restaurant-page__btn--light:active,
.page--restaurant-pages .restaurant-page__btn.restaurant-page__btn--light:focus {
    background: var(--accent);
    color: #fff;
    border: 2px solid var(--accent);
}
.page--restaurant-pages .restaurant-page__btn.restaurant-page__btn--light:hover svg path ,
.page--restaurant-pages .restaurant-page__btn.restaurant-page__btn--light:active svg path ,
.page--restaurant-pages .restaurant-page__btn.restaurant-page__btn--light:focus svg path {
    fill: #fff;
}
.page--restaurant-pages .restaurant-page__description {
    text-transform: none;
}
.swiper__container-btns.swiper__container-btns--dishmenu .swiper__controls {
    justify-content: flex-end;
}
.about__block:nth-child(even) {
    flex-direction: row-reverse;
}
.utp-graphic-udon {
    margin-top: 200px;
}
.vertical-display--utp {
    height: auto;
    max-height: inherit;
}
.section-tertiary {
    padding: 0;
}
.page--reviews .reviews-page {
    position: relative;
    z-index: 5;
}
.reviews-page__btn {
    padding: 40px 0;
}

.page--restaurants h1.main-title {
    margin-bottom: 32px;
}
.menu__content-title {
    height: 55px;
}
.menu__content-name {
    max-height: 55px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.section.vertical-display.flex {
    height: auto;
    max-height: inherit;
}
@media (max-width: 1439px) {
    .page .main-title {
        padding-left: 0;
    }
}
@media (max-width: 1230px) {
    .loaylty__item-bg.loaylty__item-bg--lines {
        width: 1300px;
        left: 50%;
        transform: translate(-50%, 0);
    }
    .loaylty__item-bg.loaylty__item-bg--heart,
    .loaylty__item-bg.loaylty__item-bg--hands {
        display: none;
    }
    .contacts__address-header {
       max-width: 100%;
    }
    .loaylty__item-bg--stars1,
    .loaylty__item-bg--stars2 {
        display: none;
    }
    .loaylty__item-bg--stars3 {
        right: 30px;
    }
    .loaylty__item:nth-child(1) .loaylty__item-content {
        width: 100%;
    }
}
@media (max-width: 992px) {
    :root {
        --h1: 48px
    }
    .loaylty__item-images {
        padding-left: 0;
        margin-top: 40px;
    }
}
@media (max-width: 768px) {
    .section.section__404 {
        padding: 160px 0 120px;
    }
    .page-404__container .page-404__texts h1, .page-404__container .page-404__texts p {
        font-size: 20px;
    }
    .loaylty__item:nth-child(2) .loaylty__item-content {
        padding-left: 0;
    }
    .loaylty__item-bg.loaylty__item-bg--phone,
    .loaylty__item-bg.loaylty__item-bg--circle {
         display: none;
    }
    .reviews-modal__meta h3 {
        font-size: 22px;
    }
    .reviews-more-detailed .modal__dialog .reviews-modal__text {
        padding-right: 16px;
    }
}
@media (max-width: 680px) {
    :root {
        --h1: 40px
    }
    .footer__nav {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .footer__list {
        padding: 0 0 10px;
        gap: 18px;
        justify-content: center;
    }
    .footer__info-contacts {
        flex-direction: column;
        gap: 18px;
        align-items: center;
    }
    .footer__legal p:first-child,
    .footer__legal p:last-child {
        width: 100%;
        text-align: center;
    }
    .footer__info-docs {
        align-items: center;
        text-align: center;
    }
    .footer__info-connection {
        flex-direction: column;
        align-items: center;
    }
}
@media (max-width: 600px) {
    .lwpcngNoticeBox {
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 425px) {
    :root {
        --h1: 36px
    }
    .loaylty__item-card h1 {
        font-size: 36px;
    }
    .reviews-modal__meta h3 {
        font-size: 20px;
    }
    .contacts__feedback {
        padding: 20px 15px;
    }
    .contacts__address-header h3 {
        font-size: 24px;
    }
    .contacts__address-social a {
        font-size: 16px;
    }
    .restaurant-page__buttons {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .page--restaurant-pages .restaurant-page__container {
        margin-top: -120px;
    }
    .page--restaurant-pages .restaurant-page__title h1 {
        font-size: 20px;
    }
    .page--restaurant-pages .restaurant-page__contacts-address p, 
    .page--restaurant-pages .restaurant-page__contacts-phone p,
    .restaurant-page__description p {
        font-size: 16px;
    }
    .page--restaurant-pages .restaurant-page__container {
        padding: 20px;
    }
    .loaylty__item-info {
        padding-right: 24px;
    }
}
@media (max-width: 525px) {
    .loaylty__item-card h1,
    .privacy-policy .section--single-page h1 {
        font-size: 32px;
    }
    .section--single-page h2 {
        font-size: 28px;
    }
    .loaylty__item-info p {
        font-size: 16px;
    }
    .contact-block__card--main {
        width: 100%;
    }
}
@media (max-width: 395px) {
    .loaylty__item-card h1,
    .privacy-policy .section--single-page h1 {
        font-size: 25px;
    }
    .loaylty__item-info p {
        font-size: 14px;
    }
}

@media (max-width: 988px) {
    .contact-block__card--main {
        padding: 20px 15px;
        margin-left: 0;
        margin-right: 0;
    }
}
@media (max-width: 800px) {
	.utp-features-list--mobile {
		display: none;
	}
}
@media (max-width: 675px) {
    .contacts__address-social--main a {
        width: auto;
    }
}
@media (max-width: 525px) {
	.contact-block__card--main {
		width: 100%;
	}
	.contacts__address-social--main {
        align-items: flex-start;
    }
    .footer__legal p:nth-child(2) a {
        text-decoration: underline;
        color: #fff;
    }
}
@media (max-width: 436px) {
    .page--restaurant-pages .restaurant-page__hero-front {
        display: flex;
    }
}

@media (max-width: 375px) {
	.contacts__address-social--main a {
		font-size: 13px;
	}
}

/* NEW STYLES */
.header {
    z-index: 9999;
}
.reviews-page__container {
	position: relative;
	z-index: 5;
}
.utp-feature.udon-feature {
    left: 65%;
    top: 30%;
}
.utp-feature.sticks-feature {
    left: 15%;
    top: 12%;
}
@media (max-width: 1060px) {
	.utp-feature.udon-feature,
	.utp-feature.sticks-feature {
		display: none;
	}
}
	
@media (max-width: 988px) {
    .contact-block__card--main {
        padding: 20px 15px;
        margin-left: 0;
        margin-right: 0;
    }
}
@media (max-width: 800px) {
	.utp-features-list--mobile {
		display: none;
	}
}
@media (max-width: 680px) {
.utp-graphic-udon__decor-whirlpool-1 {
    right: 6%;
		top: -200px;
	}
	.utp-graphic-udon__decor-whirlpool {
    left: 0%;
		top: -150px;
	}
}

@media (max-width: 525px) {
	.contact-block__card--main {
		width: 100%;
	}
	.contacts__address-social--main {
        align-items: flex-start;
    }
	.container--dishmenu {
        padding: 42px 15px;
    }
	.dishmenu {
		padding: 0;
	}
	    .contact-block .container--main {
        padding: 96px 15px;
    }
}
@media (max-width: 436px) {
    .page--restaurant-pages .restaurant-page__hero-front {
        display: flex;
    }
	.utp-graphic-udon__udon-photo {
		left: 55%;
	}
	.utp-graphic-udon__chineese-sticks {
    right: max(50%, -32px);
		top: -48%;
	}
}
@media (max-width: 675px) {
    .contacts__address-social--main a {
        width: auto;
    }
	.home .utp-slogan {
        font-size: 42px;
    }
}
@media (max-width: 375px) {
	.contacts__address-social--main a {
		font-size: 13px;
	}
}
@media (max-width: 1060px) {
    .utp-feature.udon-feature, 
    .utp-feature.sticks-feature {
        display: flex;
    }
	p.utp-feature__text.sticks-feature,
	p.utp-feature__text.udon-feature {
        width: 240px;
        max-height: fit-content;
        height: auto;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        padding: 10px;
        background: #333;
        border-radius: 10px;
        border: none;
        z-index: 100;
        text-align: center;
        color: #fff;
	}
	p.utp-feature__text.sticks-feature,
	p.utp-feature__text.udon-feature {
		top: -100px;
	}
	svg.utp-feature__line.udon-feature,
	svg.utp-feature__line.sticks-feature{
        display: none !important;
	}
}
@media (max-width: 800px) {
    .utp-feature {
        display: flex;
    }
}
@media (max-width: 640px) {
	.utp-slogan {
		gap: 0;
	}
	.utp-feature.udon-feature {
		top: 0;
	}
	.utp-feature.sticks-feature {
        left: 10%;
        top: 15%;
	}
	.menu__panel-item,
	.swiper--dishmenu .swiper-slide,
	.page--restaurants .restaurants__panel-item {
		height: 490px;
	}
	.menu__content {
		bottom: 15px;
		padding: 10px 20px;
	}
	.menu__content-title {
        height: 45px;
	}
	.menu__content-name {
		max-height: 45px;
		font-size: 18px;
	}
	h2.main-title--about,
	.page h2.main-title {
        font-size: 36px;
        text-align: center;
        justify-content: center;
        width: 100%;
        padding: 0;
	}
	.page--restaurants .restaurants__content {
		top: 15px;
	}
}
@media (max-width: 425px) {
    .utp-feature.sticks-feature {
        left: 30%;
        top: 26%;
    }
    .utp-feature.udon-feature {
        top: -40%;
        left: 57%;
    }
	p.utp-feature__text.sticks-feature {
        top: -70px;
    }
}
@media (min-width: 576px) {
    .header__geolink--mobile {
        display: none;
    }
}
@media (max-width: 575px) {
    .header__geolink.header__geolink--mobile {
        display: flex;
    }
}

/* Articles */
.section--single {
    padding-bottom: 117px;
}
.article--news .entry-image {
    width: 100%;
    height: 610px;
    overflow: hidden;
    border-radius: var(--modal-radius);
    position: relative;
    z-index: 1;
}
.article--news .entry-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.article--news .entry-content {
    width: 100%;
    max-width: 1025px;
    height: auto;
    padding: 32px;
    background-color: #fff;
    overflow: hidden;
    border-radius: var(--modal-radius);
    margin: -100px auto 0;
    position: relative;
    z-index: 3;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.entry-header {
    width: 100%;
    height: auto;
    margin-bottom: 48px;
}
.entry-title {
    font-size: 42px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 16px;
    color: var(--accent);
    font-family: "Montserrat", sans-serif;
}
.entry-meta {
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--secondary);
}
.entry-meta span {
    font-weight: 600;
}
.entry-content p {
    font-size: 18px;
    line-height: 140%;
    font-weight: 400;
}
.entry-content p:not(:last-child) {
    margin-bottom: 16px;
}
@media (max-width: 768px) {
    .entry-meta,
    .entry-content p {
        font-size: 16px;
    }
}
@media (max-width: 640px) {
    .article--news .entry-image {
        height: 500px;
    }
    .entry-title {
        font-size: 36px;
    }
}
@media (max-width: 525px) {
    .article--news .entry-content {
        padding: 32px 20px;
    }
}

/* Мадальное окно */
.pum-container.popmake {
    display: flex !important;
    flex-direction: column;
    width: 790px !important;
    max-width: calc(100% - 30px) !important;
    margin-left: 0 !important;
    left: 50% !important;
    transform: translateX(-50%);
    background: #fff;
    border-radius: 24px;
}

.pum-theme-825 .pum-content + .pum-close, .pum-theme-tema-po-umolchaniyu .pum-content + .pum-close {
    position: relative;
    width: auto;
    max-width: 100%;
    padding: 16px 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: -2%;
    color: #fff;
    background-color: var(--accent);
    border-radius: var(--button-radius);
    transition: all 0.2s;
}

figure.wp-block-image {
    width: 100%;
    height: 400px;
    overflow: hidden;
    border-radius: 24px;
    margin-bottom: 44px;
}
figure.wp-block-image a {
    width: 100%;
    height: 100%;
}
figure.wp-block-image img,
.pum-container.pum-responsive img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

h2.wp-block-heading {
    font-size: 38px;
    font-weight: 600;
    color: var(--accent);
    text-transform: uppercase;
    margin-bottom: 16px;
}

.pum-content.popmake-content p {
    font-size: 18px;
    line-height: 140%;
    margin-bottom: 16px;
    color: #686464;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.pum.pum-overlay {
    background: rgb(0 0 188 / 50%);
}
.pum-content.popmake-content a {
    font-size: 18px;
    font-weight: 600;
    color: #0000bc;
}
.pum-content.popmake-content a:hover {
    color: var(--secondary);
}

@media (max-width: 768px) {
    figure.wp-block-image {
        height: 45vw;
        margin-bottom: 3vw;
    }
    h2.wp-block-heading {
        font-size: 32px;
    }
    .pum-content.popmake-content a,
    .pum-content.popmake-content p {
        font-size: 16px;
    }
}
/* Блок статей */
.title-container {
    margin-bottom: 32px;
}
.b-articles {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: flex-start;
    gap: 20px;
}
.b-article {
   width: calc(33.333% - 16px);
   height: auto;
   display: flex;
   flex-direction: column;
   box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .25);
   border-radius: 30px;
   position: relative;
   top: 0;
   transition: all .3s ease;
   cursor: pointer;
}
.b-article:hover {
    top: -5px;
}
.b-article__img {
    width: 100%;
    height: 360px;
    overflow: hidden;
    border-radius: 30px 30px 0 0;
    margin-bottom: 0;
}
.b-article img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.b-article__date {
    font-weight: 500;
    color: var(--accent);
    font-size: 12px;
    margin-bottom: 12px;
}
.b-article__title {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    margin-bottom: 8px;
}
.b-article__content {
    padding: 24px;
}
.b-article__content h3 {
    font-size: 32px;
    font-weight: 600;
    color: var(--accent);
    margin-bottom: 8px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.b-article__except {
    height: 67px;
    margin-bottom: 20px;
}
.b-article p {
    font-size: 16px;
    line-height: 140%;
    color: #646464;
    font-weight: 400;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.b-article__link {
    font-size: 18px;
    font-weight: 600;
    color: #0000bc;
}
.b-article__link:hover {
    color: var(--secondary);
}
@media (max-width: 1024px) {
    .b-article {
        width: calc(50% - 16px);
    }
}
@media (max-width: 640px) {
    .b-articles {
        flex-direction: column;
    }
    .b-article {
        width: 100%;
    }
    .b-article__content h3 {
        font-size: 28px;
    }
    .b-article__except {
        height: 67px;
        margin-bottom: 20px;
    }
    .b-article p {
        font-size: 14px;
    }
    .b-article__img {
        height: 280px;
    }
}

/* Star rating */
.star-rating {
  font-size: 30px;
  user-select: none;
  cursor: pointer;
  color: #ddd;
}

.star-rating .star {
  display: inline-block;
  transition: color 0.2s;
}

.star-rating .star.hover,
.star-rating .star.selected {
  color: #ffb600;
}

textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    border: 1px solid #646464;
    border-radius: 8px;
    padding: 9.5px 16px;
    font-size: 18px;
    height: 200px;
}
.form__item--stars {
    width: 100%;
    height: auto;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.form__group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}
@media (max-width: 525px) {
    .form__group {
        flex-direction: column;
        gap: 16px;
    }
}
.form__group * {
    width: 100%;
}
.form__group span.wpcf7-spinner {
    width: auto;
}
.btn-outline {
    width: 100%;
    max-width: 500px;
    height: 56px;
    border: 1px solid #0000bc;
    background-color: #fff;
    color: #0000bc;
    font-weight: 600;
    font-size: 24px;
    line-height: 1;
    
    border-radius: 12px;
    padding: 0 24px;
    text-transform: none;
}
.btn-outline:active,
.btn-outline:focus,
.btn-outline:hover {
    background-color: var(--secondary);
    color: #fff;    
}
.form__close {
    display: none;
}
.section--single-page h1 {
	font-weight: 550;
  text-transform: uppercase;
	color: #0000bc;
	font-size: 42px;
}
@media (max-width: 440px) {
	.section--single-page h1 {
		font-size: 36px;
	}
}
.star-rating .star {
	cursor: pointer;
}


/* new style */
@media (max-width: 680px) {
	.reviews-more-detailed .modal__dialog {
		max-width: calc(100% - 40px) !important;
	}
	.page--restaurants .container--main-block {
			padding-top: 0;
	}
	.vertical-display .container--about {
		padding-top: 0;
	}
	.footer__info-docs {
		justify-content: center;
	}
}
@media (max-width: 450px) {
    .dishmenu .swiper__controls, .page--reviews .swiper__controls {
        margin-top: 20px;
    }
	footer a.link {
			font-size: 16px;
	}
}

@media (max-width: 640px) {

    h2.main-title--about, 
		.page h2.main-title {
        text-align: left;
        justify-content: flex-start;
        padding: 0 40px 0 15px;
    }
	h2.main-title--about {
		padding-left: 0;
	}
}

/* udon-decor */
.container--dishmenu {
    max-height: unset;
}

.dishmenu-menu {
    background-size: cover;
    background-repeat: no-repeat;
}

@media (max-width: 1668px) {
    .dishmenu-menu {
        flex: 0.33 0 0%;
        display: flex;
        padding: 16px;
    }

    .swiper--dishmenu {
        flex: 0.67 0 0%;
    }
}


@media (max-width: 1248px) {
    .dishmenu {
        flex-direction: column;
    }

    .dishmenu-menu {
        width: 100%;
        flex: 1 0 0%;
        max-width: unset;
    }

    .swiper--dishmenu {
        flex: 0.67 0 0%;
        width: 100%;
    }

    .dishmenu-menu__logo {
        height: 128px;
        width: 128px;
        transform: translate(0px, 32px) scale(1.33);
    }
}


/* udon-decor */
@media (min-width: 1920px) {
    .udon-decor {
        min-height: 2600px;
    }

    .row-4 {
        padding-right: 300px;
    }

    .column-5 {
        padding-right: 300px;
    }
}

@media (max-width: 1920px) and (min-width: 1440px) {
    .udon-decor {
        min-height: 2480px;
    }

    .column-1 {
        flex: 0.8 0 0%;
    }

    .row-4 {
        padding-right: 300px;
    }

    .column-5 {
        flex: 0.2 0 0%;
        padding-right: 300px;
    }
}

@media (max-width : 1440px) and (min-width : 1248px) {
    .udon-decor {
        min-height: 2370px;
        padding-left: 128px;
    }

    .row-4 {
        display: none;
    }

    .column-5 {
        align-items: start;
        margin-top: unset;
        flex: 0.25 0 0%;
    }

    .column-5__udon {
        transform: translate(-86.5px, -37px) scale(1.1)
    }
}



@media (max-width : 1440px) and (min-width: 984px) {
    .udon-decor {
        min-height: 2370px;
        padding-left: 128px;
    }

    .row-4 {
        display: none;
    }

    .column-5 {
        align-items: start;
        margin-top: unset;
        flex: 0.25 0 0%;
    }

    .column-5__udon {
        transform: translate(-86.5px, -37px) scale(1.1)
    }
}

@media (max-width: 800px) {
    .udon-decor {
        min-height: 2100px;
        display: flex;
        padding-left: 84px;
        opacity: 0.5;
    }
}

@media (max-width: 764px) {
    .udon-decor {
        min-height: 2300px;
        display: flex;
        padding-left: 84px;
        opacity: 0.5;
    }
}

@media (max-width: 700px) {
    .udon-decor {
        min-height: 2300px;
        display: flex;
        padding-left: 84px;
        opacity: 0.5;
    }
}

/* 640 заголовки уходят влево */
@media (max-width: 640px) {
    .udon-decor {
        min-height: 2100px;
        display: flex;
        padding-left: 84px;

        padding-right: 0px;
        right: 0px;
        opacity: 0.5;
    }

    .column-1 {
        align-items: center;
    }

    .column-1__decor-vertical {
        transform: translate(49.5px, 0);
    }

    .column-3 {
        display: none;
    }

    .column-5 {
        flex: 1 0 0%;
        align-items: center;
        padding-right: unset;
    }

    .column-5__decor-vertical {
        transform: translate(49.5px, 0);
    }

    .column-5__udon {
        transform: translate(42.7px, -37px) scale(1.1);
    }

    .row-2 {
        display: none;
    }

    .row-4 {
        display: none;
    }

    .udon-vector--5 {
        display: none;
    }
}

@media (max-width: 590px) {
    .udon-decor {
        min-height: 2100px;
        display: flex;
        padding-top: 50px;
        margin-left: 32px;
        opacity: 0.5;
        overflow-x: clip;
    }

    .dishmenu-menu {
        padding: 42px;
    }

    .dishmenu-menu__logo {
        display: none;
    }

    .main-title {
        text-align: start;
    }


}

@media (max-width: 575px) {
    .udon-decor {
        padding-top: 40px;
        align-items: center;
        min-height: 1850px;
    }
}

@media (max-width: 520px) {
    .udon-decor {
        min-height: 1840px;
    }
}

@media (max-width: 440px) {
    .udon-decor {
        min-height: 1833px;
        display: flex;
    }
}

@media (max-width: 400px) {
    .udon-decor {
        min-height: 1900px;
        display: flex;
        padding-left: 64px;
        opacity: 0.5;
    }
}

@media (max-width: 320px) {
    .udon-decor {
        min-height: 2040px;
        display: flex;
        padding-left: 64px;
        opacity: 0.5;
    }
}

/* sections--about */

@media (max-width: 590px) {
    .utp-graphic-udon {
        margin-bottom: 128px
    }
}


@media (max-width: 575px) {
    .footer__info-card {
        font-size: 17px;
    }
}

/* 
    Калибровка по тестовому
*/

@media (max-width: 1128px) {
    .udon-decor {
        min-height: 2300px;
    }    
}

@media (max-width: 972px) {
    .udon-decor {
        min-height: 2150px;
    }    
}

@media (max-width: 912px) {
    .udon-decor {
        min-height: 2090px;
    }    
}

@media (max-width: 680px) {
    .udon-decor {
        min-height: 2050px;
    }    
}

@media (max-width: 641px) {
    .udon-decor {
        min-height: 2030px;
    }    
}

@media (max-width: 764px) {
    .udon-decor {
        min-height: 2230px;
    }    
}

@media (max-width: 680px) {
    .udon-decor {
        min-height: 2100px;
    }    
}

@media (max-width: 640px) {
    .udon-decor {
        min-height: 2000px;
    }    
}

@media (max-width: 575px) {
    .udon-decor {
        padding-top: 40px;
        min-height: 1940px;
    }    
}

@media (max-width: 446px) {
    .udon-decor {
        min-height: 2000px;
    }    
}

@media (max-width: 328px) {
    .udon-decor {
        min-height: 2000px;
    }    
}
.column-5__udon {
    transform: translate(72px, -85px) scale(1)
}

@media (max-width : 1440px) and (min-width : 1248px) {
    .column-5__udon {
        transform: translate(-86.5px, -85px) scale(1)
    }
}

@media (max-width : 1440px) and (min-width: 992px) {
    .column-5__udon {
        transform: translate(-86.5px, -85px) scale(1)
    }
}

@media (max-width: 991px) {
    .udon-decor {
        min-height: 2237px;
    }

    .column-5__udon {
        transform: translate(-86.5px, -85px) scale(1)
    }
}

@media (max-width: 963px) {
    .udon-decor {
        min-height: 2154px;
    }

    .column-5__udon {
        transform: translate(-86.5px, -85px) scale(1)
    }
}

@media (max-width: 855px) {
    .udon-decor {
        min-height: 2104px;
    }
}

@media (max-width: 767px) {
    .udon-decor {
        min-height: 2296px;
    }
}

@media (max-width: 736px) {
    .udon-decor {
        min-height: 2245px;
    }
}

@media (max-width: 680px) {
    .udon-decor {
        min-height: 2105px;
    }
}


@media (max-width: 640px) {
    .udon-decor {
        min-height: 2036px;
    }

    .column-5__udon {
        transform: translate(42.7px, -85px) scale(1);
    }
}

@media (max-width: 500px) {
    .udon-decor {
        min-height: 2004px;
    }
}

@media (max-width: 431px) {
    .udon-decor {
        min-height: 2064px;
    }
}