/*Kedr*/
/*шрифт обложки изменён*/
.roboto-flex-h1 {
    font-family: 'Roboto Slab';
    font-size: 114px;
}
/*шрифт верхнего меню изменён*/
a.u-button-style.u-nav-link.u-text-body-alt-color {
    font-family: 'Roboto Slab';
}
/*Шрифт подписи под заголовком обложки*/
.raleway-font {
    font-family: 'Raleway';
}
/*шрифт подписи обложки Kedr Hall*/
.text-52-roboto-slab {
    font-family: 'Roboto Slab';
}
/*Площадь подпись 500 метров
.ploshad-500-font span {
    font-style: normal!important;
    font-size: 148px!important;
}*/
/*кнопка английской версии шрифт изменён*/
a.u-border-2.u-border-grey-40.u-border-hover-grey-40.u-btn.u-button-style.u-custom-color-3.u-hover-custom-color-3.u-text-body-alt-color.u-text-hover-custom-color-2.u-btn-2 {
    font-family: 'Raleway';
}
/*градиент у футера*/
footer#footer::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 2px;
    width: 100%;
    background: linear-gradient(
    to right,
    #EEC86E 0%,
    #CBAA36 50%,
    #B29F68 75%,
    #C5972A 88%,
    #A16A0A 100%
  );
    z-index: 1;
}
/*верхний бордер градиент у изборажений*/
.top-border-image {
    border-top: 4px solid;
    border-image: linear-gradient(
    to right,
    #EEC86E 0%,
    #CBAA36 50%,
    #B29F68 75%,
    #C5972A 88%,
    #A16A0A 100%
  ) 1;
}
/*нижний бордер градиент у изображений*/
.bottom-border-image {
    border-bottom: 4px solid;
    border-image: linear-gradient(to right, #EEC86E 0%, #CBAA36 50%, #B29F68 75%, #C5972A 88%, #A16A0A 100%) 1;
}
/*градиент у текста заголовка блока*/
h1.gold-gradient-text.u-text.u-text-custom-color-1.u-text-default.u-title.u-text-1, .gold-gradient-text {
    background: linear-gradient(
    to right,
    #EEC86E 0%,
    #CBA436 50%,
    #B29F68 75%,
    #C5972A 88%,
    #A16A0A 100%
  );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}
.line-gradient {
    height: 1px;
    width: 100%;
    background: linear-gradient(to right, 
      #EEC86E 0%, 
      #CBA436 50%, 
      #B29F68 75%, 
      #C5972A 88%, 
      #A16A0A 100%);
    border: none !important;
  }
/*Если нужны стили при наведении на кнопку*/
/*a.u-border-1.u-border-active-custom-color-1.u-border-custom-color-1.u-btn.u-button-style.u-custom-color-3.u-hover-custom-color-3.u-text-body-alt-color.u-text-hover-white.u-btn-1 {
    border: 1px solid #B29F68!important;
}*/
/*добавляем правильный градиент на фон блоков*/
.black-gradient {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: linear-gradient(
    to bottom,
    rgb(1, 1, 1) 0%,
    rgb(22, 22, 22) 49%,
    rgb(1, 1, 1) 100%
  )!important;
    background-size: cover;
}

/*.insert-map {
    transform: scale(calc(1 / var(--page-scale, 1)));
    transform-origin: top left;
  }
  .insert-map iframe {
    transform: scale(calc(1 / var(--page-scale, 1)));
    transform-origin: top left;
    width: calc(100% * var(--page-scale, 1));
    height: calc(483px * var(--page-scale, 1)); 
    display: block;
  }
  */
/*скрываем доп.меню
  .menu-collapse {
    visibility: hidden;
}*/

@media (min-width: 340px) and (max-width: 570px) {
    .cover-restraunt-image {
        background-size: contain;
        background-position: 50% 90%;
    }
    .lamp-cover-image{
        background-position: 50% 0%;
        background-size: 170%;
    }
    /*убираем обводку у кнопки в хедере*/
    header#header a.u-border-2.u-border-hover-grey-40.u-border-white.u-btn.u-button-style.u-none.u-text-body-alt-color.u-text-hover-custom-color-2.u-btn-1 {
        border: none;
    }
    .button-head {
        border: none!important;
        font-weight: 200!important;
    }
    /*добавляем фон меню и обводку снизу*/
    .u-overlap.u-overlap-transparent .u-header {
        background-color: #0000008a !important;
        background-image: none !important;
        border-bottom: 1px solid #fff;
    }
}
/*фиксированный блок социалок - ВКЛ*/
    /*.social-fix-box {
      position: fixed !important;
      top: 50% !important;
      right: 0 !important;
      transform: translateY(-50%) !important;
  
      width: 78px !important;
      height: auto !important;
      margin: 0 !important;
      background-color: rgba(0, 0, 0, 0.192);
      border-left: 1px solid white;
      z-index: 1000 !important;
    }
*/
.social-fix-box{
    display: none;
}
  
/*добавляем разделитель между колонками услуг отеля*/
@media (min-width: 991px) {
.column-and-separate .u-repeater-1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0; 
  }
  
  .column-and-separate .u-repeater-item {
    position: relative;
    flex: 1 1 14%; 
    box-sizing: border-box;
    padding: 20px 0;
  }
  
  .column-and-separate .u-repeater-item:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 10%;
    right: 0;
    width: 1px;
    height: 80%;
    background: linear-gradient(to bottom, #FFFFFF00 0%, #FFFFFFFF 54%, #FFFFFF00 100%);
    pointer-events: none;
  }
}
  /*выравниванием услуги отеля по центру*/
  .column-and-separate .u-container-layout {
    display: flex;
    align-items: center;
}
/*обводка у открытой карточки аккордеона*/
.accordeon-asks .u-container-layout {
    border-left: 1px solid #807c7663;
    border-right: 1px solid #807c7663;
}

.insert-map {
    border-top: 4px solid;
    border-image: linear-gradient(
    to right,
    #EEC86E 0%,
    #CBAA36 50%,
    #B29F68 75%,
    #C5972A 88%,
    #A16A0A 100%
  ) 1;
}
/*Ремонтируем вкладки в банкетное меню*/
.banket-menu-tabs li {
    margin: 0 0 40px!important;
}

/*размер полей формы брони стола*/
@media (min-width: 1400px) and (max-width: 2560px) {
    .form-bron .u-input {
        height: 90px!important;
        margin-bottom: 10px;
    }
    
}
/*-----
Бутик номера мобильная адаптация
-------*/
@media (min-width: 940px) and (max-width: 1139px) {
    /*отступ текста в бутик номерах*/
    .butik-nomera .u-text-12 {
        margin-top: 18px!important;
        margin-right: 48px;
        margin-left: 25px;
    }
    .butik-nomera p.u-small-text.u-text.u-text-custom-color-10.u-text-default-xxl.u-text-variant.u-text-12 {
        line-height: 1!important;
    }
    /*отступ иконки в документах бутика*/
    .docs-svidetelstvo .u-image-5 {
        margin-top: -39px;
    }
}
@media (min-width: 720px) and (max-width: 990px) {
.u-align-center.u-container-align-center.u-container-style.u-list-item.u-repeater-item.u-shape-rectangle {
    border: 1px solid #ffffff47;
}
}
@media (min-width: 340px) and (max-width: 719px) {
    /*бутик номера размер заголовков*/
    .butik-nomera h3.u-text {
        font-size: 20px!important;
    }
    /*обводка в карточках*/
    .u-align-center.u-container-align-center.u-container-style.u-list-item.u-repeater-item.u-shape-rectangle {
        border: 1px solid #ffffff47;
    }
    /*в карточках текст по центру*/
    .column-and-separate .u-container-layout {
        justify-content: center;
    }
    /*текст в аккордеоне*/
    .accordeon-asks .u-accordion-link {
        font-size: 1rem!important;
    }
    }

    /*----------
    Банкетный зал Кедр Холл мобильная адаптация
    ----------*/
    @media (min-width: 1140px) and (max-width: 1400px) {
        .banket-menu-tabs .u-tab-link {
            font-size: 1rem!important;
        }
    }
    @media (min-width: 940px) and (max-width: 1200px) {
        .banket-menu-tabs .u-tab-link {
            padding: 10px!important;
            font-size: 1rem!important;
        }
    }
    @media (min-width: 720px) and (max-width: 940px) {
        .banket-menu-tabs .u-tab-list {
            flex-direction: column;
        }
        .banket-menu-tabs li {
            margin: 0 0 0px!important;
        }

        .u-tab-list {
            display: grid!important;
            grid-template-columns: repeat(2, 1fr); /* Две колонки */
            gap: 0px; /* Расстояние между табами */
            padding: 0;
            list-style: none;
          }
          .u-tab-item {
            width: 100%!important;
          }
          .u-tab-link {
            display: block!important;
            text-align: center!important;
          }
    }
    @media (min-width: 340px) and (max-width: 719px) {
        .banket-menu-tabs .u-tab-list {
            flex-direction: column;
        }
        .banket-menu-tabs li {
            margin: 0 0 0px!important;
        }

        .u-tab-list {
            display: grid!important;
            grid-template-columns: repeat(2, 1fr); /* Две колонки */
            gap: 0px; /* Расстояние между табами */
            padding: 0;
            list-style: none;
          }
          .u-tab-item {
            width: 100%!important;
          }
          .u-tab-link {
            display: block!important;
            text-align: center!important;
          }
          .bron-meropriyatie h3.u-text {
            font-size: 1.2rem;
        }
        .bron-meropriyatie p.u-large-text {
            font-size: 1rem;
        }
        .banket-menu-tabs .u-tab-link {
            font-size: 1rem!important;
        }
        .bron-meropriyatie h3.u-text {
            font-size: 1rem;
            margin-left: 10px;
        }
        .bron-meropriyatie p.u-align-left {
            margin: 10px auto 10px 10px!important;
        }
    }

/*---------стилизуем таблицу барного меню--------*/
    .u-table-entity {
        border-collapse: collapse;
        width: 100%;
      }
    
      .u-table-body-1 tr:nth-child(odd) {
        background: #ffffff0c;
      }
    
      .u-table-cell {
        position: relative!important;
        padding: 16px;
        vertical-align: middle;
        overflow: hidden;
      }
    
      /* Только 2 и 3 ячейка, кроме последней строки */
      .u-table-body-1 tr td:nth-child(2)::after,
      .u-table-body-1 tr td:nth-child(3)::after {
        content: "";
        position: absolute;
        top: 15%;
        bottom: 15%;
        right: 0;
        width: 1px;
        background: linear-gradient(to bottom, #ffffff00 0%, #ffffff 54%, #ffffff00 100%);
        pointer-events: none;
      }
      .u-table-body-1 td:not(:first-child) {
        text-align: center;
      }
/*-----закончили стилизовать таблицу барного меню------*/


/*делаем преимущества в одну колонку 13 строчек*/
@media (min-width: 1400px) {
    
    .preimushestva .u-gallery-inner.u-gallery-inner-1 {
        display: grid;
        grid-template-columns: repeat(13, 1fr);
        grid-auto-rows: auto;
        gap: 0;
      }
      .u-border-1.u-border-custom-color-9.u-effect-hover-zoom.u-gallery-item.u-shape-rectangle {
        height: 60%!important;
    }
}

/**//* Фиксируем окно */
.u-dialog-block.u-dialog-open .menu-left-area {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 9999 !important;
    overflow-y: auto !important;
    margin: 0 !important;
    height: 100% !important;
  }
  
  /* Фикс прокрутки тела, только при открытом меню */
  body.menu-left-open {
    overflow: hidden !important;
    height: 100% !important;
  }
  
  /* Контент внутри меню */
  .menu-left-area > .u-container-layout {
    max-height: 100vh !important;
    overflow-y: auto;
    scrollbar-width: thin;
    backdrop-filter: blur(10px);
  }

  @media (min-width: 340px) and (max-width: 600px) {
  .menu-collapse{
    display: none!important;
  }
}
.hover-menu-global {
    position: fixed;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(10px);
    padding: 16px;
    border-radius: 8px;
    color: white;
    min-width: 260px;
    max-width: 300px;
    display: none;
    transition: opacity 0.2s ease;
    pointer-events: none;
  }
  .hover-menu-global.visible {
    display: block;
    pointer-events: auto;
  }

  a.u-align-center.u-border-2.u-border-custom-color-1.u-border-hover-custom-color-2.u-btn.u-button-style.u-text-body-alt-color.u-btn-1 {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: max-content;
}