/* z-index выше мобильного бургер-меню Тильды (у него .t450__menu_show - 999999, см. ADR-0009) -
   иначе кнопка "Забронировать" внутри открытого бургер-меню на мобильном как будто ничего не
   делает: наш попап технически открывается (aria-hidden=false), но рисуется ПОД меню Тильды и
   не виден. См. ADR-0016. */
.bkm{position:fixed;inset:0;z-index:1000000;display:none;}
.bkm[aria-hidden="false"]{display:block;}
.bkm__overlay{position:absolute;inset:0;background:rgba(0,0,0,.6);}
.bkm__dialog{position:relative;max-width:440px;width:calc(100% - 32px);margin:8vh auto 0;background:#191919;border:1px solid #c99f67;border-radius:12px;padding:36px 32px;color:#fbfbfb;font-family:'Montserrat',Arial,sans-serif;max-height:84vh;overflow-y:auto;box-sizing:border-box;}
.bkm__close{position:absolute;top:10px;right:12px;width:32px;height:32px;background:none;border:0;color:#fbfbfb;font-size:26px;line-height:1;cursor:pointer;}
.bkm__title{margin:0 0 16px;font-family:'Montserrat',Arial,sans-serif;font-size:28px;font-weight:500;text-transform:uppercase;color:#c99f67;}
.bkm__hint{margin:0 0 24px;font-size:14px;font-weight:300;color:#b7b7b7;}
.bkm__choice-buttons{display:flex;flex-direction:column;gap:14px;}
.bkm__form{display:flex;flex-direction:column;gap:22px;}
.bkm__row{display:flex;gap:20px;}
.bkm__row .bkm__input{flex:1;min-width:0;}
.bkm__input{background:transparent;border:0;border-bottom:1px solid #c99f67;border-radius:0;padding:0 0 10px;color:#fbfbfb;font-family:'Montserrat',Arial,sans-serif;font-size:16px;font-weight:400;box-sizing:border-box;width:100%;resize:vertical;color-scheme:dark;}
.bkm__input::placeholder{color:#9a9a9a;opacity:1;}
.bkm__input:focus{outline:none;border-color:#fbfbfb;}
.bkm__select{appearance:none;-webkit-appearance:none;background-color:transparent;}
.bkm__select option{background-color:#191919;color:#fbfbfb;}
.bkm__label{display:block;margin-bottom:10px;font-family:'Montserrat',Arial,sans-serif;font-size:18px;font-weight:300;color:#fbfbfb;}
.bkm__stepper{display:flex;align-items:center;gap:18px;border-bottom:1px solid #c99f67;padding-bottom:6px;width:-moz-fit-content;width:fit-content;}
.bkm__stepper-btn{background:none;border:0;color:#c99f67;font-family:Arial,sans-serif;font-size:26px;line-height:1;cursor:pointer;padding:0 4px;}
.bkm__stepper-input{width:32px;border:0;background:transparent;color:#fbfbfb;font-family:'Montserrat',Arial,sans-serif;font-size:16px;text-align:center;-moz-appearance:textfield;}
.bkm__stepper-input::-webkit-inner-spin-button,.bkm__stepper-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
/* Honeypot: ловушка для ботов, живой гость не должен попасть в неё вообще никак. tabindex="-1"
   убирает её из обхода по Tab, pointer-events - из-под случайного клика (поле хоть и 1px, но
   лежит внутри диалога), фокус в неё не ставим (см. booking-popup.js:openModal). Всё это важно:
   непустое значение сервер считает спамом и молча выбрасывает заявку. */
.bkm__hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);pointer-events:none;}
.bkm__btn{border-radius:30px;padding:16px 20px;font-family:'Montserrat',Arial,sans-serif;font-weight:500;font-size:16px;text-transform:uppercase;cursor:pointer;border:1px solid #c99f67;transition:background-color .2s,color .2s;}
.bkm__btn_primary{background:#c99f67;color:#191919;}
.bkm__btn_primary:hover{background:#191919;color:#fbfbfb;}
.bkm__btn_secondary{background:#191919;color:#c99f67;}
.bkm__btn_secondary:hover{background:#c99f67;color:#191919;}
.bkm__btn_link{border:0;background:none;color:#b7b7b7;text-decoration:underline;padding:6px;align-self:flex-start;text-transform:none;font-weight:400;font-size:14px;}
.bkm__submit[disabled]{opacity:.6;cursor:default;}
@media (max-width:560px){
	.bkm__dialog{margin:0;width:100%;max-width:none;min-height:100%;border-radius:0;}
	.bkm__row{flex-direction:column;gap:22px;}
}

/* Плавающая кнопка Restoplace-виджета скрыта - в шапке уже есть своя "БРОНИРОВАТЬ",
   вызывающая наш попап, вторая всплывающая кнопка в углу экрана дублировала бы её. */
#restoplace-wrapper-btn{display:none!important;}

/* CTA "Оставить заявку на мероприятие" на странице "Банкеты и мероприятия" - обычная ссылка на
   тот же попап бронирования (topic=rent, см. booking-popup.js), просто отдельная кнопка в блоке
   вступительного текста, а не только на карточках залов ниже по странице. Вставлена как
   самостоятельный блок между Tilda-записями (не внутри их абсолютного грида), поэтому не зависит
   от их per-breakpoint координат. Фон записи, куда она вставлена, - фирменный золотой (#c99f67),
   поэтому кнопка тёмная, а не золотая - иначе слилась бы с фоном. */
.bkm-rent-cta{background:#c99f67;padding:0 20px 60px;text-align:center;box-sizing:border-box;}
.bkm-rent-cta__btn{display:inline-block;background:#191919;color:#f2ede6;border:1px solid #191919;border-radius:30px;padding:16px 44px;font-family:'Montserrat',Arial,sans-serif;font-size:13px;font-weight:500;letter-spacing:1px;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s;}
.bkm-rent-cta__btn:hover,.bkm-rent-cta__btn:focus-visible{background:transparent;color:#191919;outline:none;}

/* Блок «Бронирование» в секции контактов (главная, раздел «Контакты», и страница «Контакты»):
   вместо встроенной формы Тильды (она отправляла заявки мимо нашей системы, см. ADR-0019) -
   подпись и золотая круглая кнопка «РЕЗЕРВ» в прежнем стиле формы. Кнопка - обычная ссылка
   #popup:tablereservation, её перехватывает booking-popup.js и открывает нашу модалку. */
.bkm-cta{display:flex;flex-direction:column;align-items:flex-start;gap:16px;font-family:'Montserrat',Arial,sans-serif;color:#fbfbfb;}
.bkm-cta__label{font-size:16px;font-weight:500;line-height:1.35;color:#fff;}
.bkm-cta__text{max-width:320px;font-size:14px;font-weight:300;line-height:1.5;color:#b7b7b7;}
.bkm-cta__btn{display:flex;align-items:center;justify-content:center;width:200px;height:200px;margin-top:24px;border-radius:50%;background:#c99f67;color:#191919;font-size:14px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background-color .2s,color .2s,box-shadow .2s;}
.bkm-cta__btn:hover,.bkm-cta__btn:focus-visible{background:transparent;color:#c99f67;box-shadow:inset 0 0 0 1px #c99f67;outline:none;}
@media (max-width:639px){.bkm-cta__btn{width:160px;height:160px;margin-top:12px;}}