/* Стили для выпадающего списка (select) */

#allrecords .uc-mainform {
  position: relative !important;
  z-index: 10000060 !important;
}


.uc-mainform .t678 .t-input-subtitle {
    padding-bottom: 3px;
}

.uc-mainform .t678 .t-input-group {
    margin-bottom: 10px;
}

.uc-mainform .t-input-phonemask__select {
    font-size: 13px;
}

.uc-mainform .t-form__successbox {
    background: rgba(0, 108, 131, 0.6);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 20px;
}

.uc-mainform .t-form .t-submit {
    border: 1px solid #ffffff;
}

.uc-mainform .t-select__wrapper:after {
    border-top-color: #006c83;
}

.uc-mainform .t-select {
    width: 100%;
    box-sizing: border-box;
    cursor: pointer;
    height: 40px;
    padding: 0 20px;
    font-size: 16px;
    line-height: 1.33;
    outline: none;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: initial;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
}

/* Стили для поля ввода (input) */
.uc-mainform .t-input {
    font-weight: 400;
    margin: 0;
    font-size: 16px;
    height: 40px;
    padding: 0 20px;
    line-height: 1.33;
    width: 100%;
    border: 0 none;
    box-sizing: border-box;
    outline: none;
    -webkit-appearance: none;
    border-radius: 0;
    align-items: center;
}

.uc-mainform .t-text_xs {
    line-height: 1.5;
    border: 1px;
    font-size: 15px;
}

.uc-mainform .t-popup__container {
    background: rgba(0, 108, 131, 0.6);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 1px solid #ffffff;
    border-radius: 20px;
}

.uc-mainform .t-btn_sm {
    width: 112px;
    height: 35px;
    font-size: 13px;
}

.uc-mainform .t-form__screen .t-form__screen-btn-next,
.uc-mainform .t-form__screen .t-form__screen-btn-prev {
        width: 120px;
        height: 40px;
        font-size: 12px;
    }

.uc-mainform .t-form__screen .t-submit {
    width: 250px;
    height: 40px;
    font-size: 12px;
}

/* Календарь */
.uc-mainform .t_datepicker__inner {
    color: #fff;
    border: 1px solid #fff;
    border-radius: 10px;
    background: rgba(0, 108, 131, 1);
}

.uc-mainform .t_datepicker__header {
    background: rgba(0, 108, 131, 1);
}

.uc-mainform .t_datepicker__arrow_prev:after {
    border-color: transparent #fff transparent transparent;
}

.uc-mainform .t_datepicker__arrow_next:after {
    border-color: transparent transparent transparent #fff;
}

.uc-mainform .t_datepicker__week-day {
    border-bottom: 1px solid #fff;
    color: #fff;
}

.uc-mainform .t_datepicker__selected-day:before {
    background-color: #ff8b21 !important;
}

/* Медиазапрос для экранов с максимальной шириной 560px */
@media screen and (max-width: 560px) {
    .uc-mainform .t702 .t702__text-wrapper {
        margin-top: -30px;
    }
    
    .uc-mainform .t-select {
        font-weight: 400;
        margin: 0;
        font-size: 12px;
        height: 35px;
        padding: 0 20px;
        line-height: 1.33;
        width: 100%;
        border: 0 none;
        box-sizing: border-box;
        outline: none;
        -webkit-appearance: none;
        border-radius: 30px;
    }
    
    .uc-mainform .t-input {
        font-size: 12px;
        border-width: 1px;
        border-radius: 30px;
        height: 35px;
    }

    .uc-mainform .checkbox-label {
        font-size: 11px;
    }

    .uc-mainform .input-title {
        font-size: 13px;
        padding-bottom: 0;
    }
    
    .uc-mainform .t-popup__container {
        border-radius: 12px;
    }
    
    .uc-mainform .t702 .t-popup_show .t-popup__container {
        min-height: 90vh;
        margin: 0 auto;
        width: 96%;
        top: 5px;
        bottom: 5px;
    }
    
    .uc-mainform .t702 .t-popup__block-close {
        background: rgba(0, 108, 131, 0);
    }

    .uc-mainform .t702 .t702__title {
        padding-top: 5px;
        font-size: 18px;
    }
    
    .uc-mainform .t702 .t-descr_xs {
        font-size: 16px;
    }
    
    .uc-mainform .t-text_xs {
        font-size: 12px;
    }
    
    .uc-mainform .t-form__screen .t-form__screen-btn-next,
    .uc-mainform .t-form__screen .t-form__screen-btn-prev {
        width: 100px;
        height: 35px;
        font-size: 12px;
    }

    .uc-mainform .t-form__screen .t-submit {
    width: 185px;
    height: 35px;
    font-size: 12px;
}
}


/* Для конкретного поля по data-input-lid */
.t-input-group[data-input-lid="9164527539113"],
.t-input-group[data-input-lid="1765747447584"]{
  margin-top: 12px !important;
  margin-bottom: 12px !important;
  margin-right: calc(0%) !important;
}

/* Лёгкое затемнение блоков с залоченными полями */
.hb-input-block-locked {
    position: relative;
    opacity: 0.85;
}

/* Само поле — как «псевдо-ридонли» */
.hb-input-locked {
    cursor: pointer;
}

/* Иконка ручки справа */
.hb-edit-icon {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    pointer-events: auto;
}

/* Заблокированный select (список комнат) */
.hb-select-locked {
    pointer-events: none; /* клики проходят по обёртке, а не по селекту */
}

/* Чтобы блок выглядел кликабельным */
.hb-input-block-locked {
    position: relative;
    opacity: 0.85;
    cursor: pointer;
}

/* Иконка "ручка" справа (общая и для инпутов, и для селекта) */
.hb-edit-icon {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
    pointer-events: auto;
}

/* ===== ЗАБЛОКИРОВАННЫЕ ПОЛЯ: КАРАНДАШИК РЕДАКТИРОВАНИЯ ===== */

/* Блок с инпутом, который мы заблокировали через JS (lockAndFillInput) */
.hb-input-block-locked {
  position: relative;
}

/* Сам “карандашик” ✏︎ – повернули на 45° */
.hb-input-block-locked .hb-edit-icon {
  position: absolute;
  top: 50%;
  right: 32px;                        /* при необходимости можно подвинуть */
  transform: translateY(-50%) rotate(-45deg);
  transform-origin: center center;
  font-size: 14px;
  color: #999;
  cursor: pointer;
  z-index: 1002;
}

.hb-input-block-locked .hb-edit-icon:hover {
  color: #666;
}

/* Заблокированный инпут – видно, что он кликабельный (для календаря) */
.hb-input-locked {
  cursor: pointer;
}

/* Заблокированный select (список комнат и т.п.) */
.hb-select-locked {
  cursor: pointer;
  pointer-events: none;  /* клики ловим на обёртке, а не на самом select */
}


  /* Делаем сумму возле "СТОИМОСТЬ:" жирной */
  .hb-totalprice-value {
    font-weight: 700;
  }
  
  /* Полноэкранный лоадер во время getoffers */
  .uc-getoffers-loader-overlay {
    position: fixed;
    inset: 0; /* top:0; right:0; bottom:0; left:0; */
    background: rgba(0, 0, 0, 0.5);      /* затемнение 50% */
    backdrop-filter: blur(2px);          /* размытие фона 2px */
    display: none;                       /* по умолчанию скрыт */
    align-items: center;
    justify-content: center;
    z-index: 10000020;                   /* поверх всего */
  }

  .uc-getoffers-loader {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 6px solid rgba(255, 255, 255, 0.4);
    border-top-color: #006b81;          /* верхняя часть цветная для эффекта крутилки */
    background: rgba(255, 255, 255, 0.9);
    animation: uc-getoffers-spin 0.9s linear infinite;
  }

  @keyframes uc-getoffers-spin {
    to {
      transform: rotate(360deg);
    }
  }



/* === НЕТ МЕСТ: всплывающий тултип (тост) === */
.hb-toast-overlay{
  position: fixed;
  inset: 0;
  display: none;
  align-items: flex-start;
  justify-content: center;
  padding: 90px 16px 16px;
  z-index: 10000025;
  pointer-events: auto; /* теперь фон ловит клики */
}


.hb-toast{
  pointer-events: auto;
  max-width: 520px;
  width: 100%;
  border-radius: 14px;
  background: #fff;
  border: 1px solid rgba(234,111,0,.45);
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
  padding: 12px 12px;
  color: #2b2b2b;
}

.hb-toast__head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom: 6px;
}

.hb-toast__title{
  font-weight: 700;
  color: #ea6f00;
  font-size: 14px;
}

.hb-toast__close{
  border: none;
  background: transparent;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
  color: #ea6f00;
  padding: 2px 6px;
}

.hb-toast__text{
  font-size: 13px;
  line-height: 1.35;
}

.hb-toast__actions{
  display:flex;
  gap:10px;
  margin-top: 10px;
}

.hb-toast__btn{
  flex:1;
  border-radius: 10px;
  padding: 8px 10px;
  border: 1px solid #ea6f00;
  background: #fff;
  color: #ea6f00;
  cursor: pointer;
  font-size: 13px;
}

.hb-toast__btn--primary{
  background: #ea6f00;
  color: #fff;
}

/* блокируем отправку */
.hb-submit-disabled {
  opacity: .55 !important;
  pointer-events: none !important;
}

/* ==========================================================
   PATHREST SERVER BOOKING FORM — TILDA GEOMETRY V2
   ----------------------------------------------------------
   Important:
   The original mainform.css above remains authoritative.

   This block contains ONLY server-shell compatibility rules.
   It deliberately avoids redesigning the old T702 geometry.
   ========================================================== */


/* Pilot: legacy Tilda record remains in DOM as rollback source. */
.pathrest-server-booking-pilot-hidden {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}


/* Server popup must occupy the same viewport layer as T702. */
#allrecords
.pathrest-server-booking-root
.t-popup[data-pathrest-server-booking-popup="1"] {
  position: fixed !important;

  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: 0 !important;

  width: 100% !important;
  height: 100% !important;

  overflow-x: hidden !important;
  overflow-y: auto !important;

  background-color:
    rgba(0, 0, 0, 0.8) !important;

  box-sizing: border-box !important;
}


/*
  Screens are already created server-side instead of by
  tilda-step-form.js.
*/
#allrecords
.pathrest-server-booking-root
.t-form__screen-wrapper {
  display: none !important;
}

#allrecords
.pathrest-server-booking-root
.t-form__screen-wrapper_active {
  display: block !important;
}


/*
  Native selects exist only as anchors for current PATHREST
  booking builders.
*/
#allrecords
.pathrest-server-booking-root
.pathrest-server-booking-native-anchor-wrap,

#allrecords
.pathrest-server-booking-root
.pathrest-server-booking-native-anchor {
  display: none !important;
}


/*
  Reproduce the exact visual contract embedded in the original
  rec2284361133 button templates.
*/
#allrecords
.pathrest-server-booking-root
.t-btnflex.t-btnflex_type_button,

#allrecords
.pathrest-server-booking-root
.t-btnflex.t-btnflex_type_submit {
  color: #ffffff;

  background-color: #ff8b21;

  border-style: solid !important;
  border-color: #ffffff !important;
  border-width: 1px !important;

  border-radius: 30px;

  box-shadow: none !important;

  font-family: ArianAMUSerif;
  font-weight: 700;

  transition-duration: 0.2s;

  transition-property:
    background-color,
    color,
    border-color,
    box-shadow,
    opacity,
    transform,
    gap;

  transition-timing-function:
    ease-in-out;
}


/* Original progress colors from rec2284361133. */
#allrecords
.pathrest-server-booking-root
.t-form__screen
.t-form__screen-number-container {
  color: #ffffff;
}

#allrecords
.pathrest-server-booking-root
.t-form__screen
.t-form__screen-progress-circle {
  stroke: #ffffff;
}

#allrecords
.pathrest-server-booking-root
.t-form__screen
.t-form__screen-progress-bar {
  stroke: #ff8b21;
}


/* Error text appears only on a real server submit failure. */
#allrecords
.pathrest-server-booking-root
.pathrest-server-booking-status {
  margin-top: 10px;

  text-align: center;

  color: #ffffff;

  font-family:
    var(--t-headline-font, Arial, sans-serif);

  font-size: 13px;
  line-height: 1.4;
}

#allrecords
.pathrest-server-booking-root
.pathrest-server-booking-status.is-error {
  color: #ffd2d2;
}


/* On empty status no extra geometry is introduced. */
#allrecords
.pathrest-server-booking-root
.pathrest-server-booking-status:empty {
  display: none !important;

  min-height: 0 !important;

  margin: 0 !important;
  padding: 0 !important;
}


/* Match original mobile close icon color. */
@media screen and (max-width: 560px) {

  #allrecords
  .pathrest-server-booking-root
  .t-popup__close-icon
  g {
    fill: #ffffff !important;
  }

}


/* ==========================================================
   PATHREST SERVER BOOKING FORM — V3 POLISH
   ----------------------------------------------------------
   1. Bottom warning text white; "Внимание!" stays red.
   2. Hide popup scrollbar visually without disabling scroll.
   ========================================================== */


/* Warning/body text */
#allrecords
.pathrest-server-booking-root
.t702__form-bottom-text {
  color: #ffffff !important;
}

#allrecords
.pathrest-server-booking-root
.t702__form-bottom-text em {
  color: #ffffff !important;
}

#allrecords
.pathrest-server-booking-root
.t702__form-bottom-text strong {
  color: #ff0000 !important;
}


/*
  Keep vertical scrolling fully functional but remove the
  visible scrollbar on the server booking popup.
*/
#allrecords
.pathrest-server-booking-root
.t-popup[data-pathrest-server-booking-popup="1"] {
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}

#allrecords
.pathrest-server-booking-root
.t-popup[data-pathrest-server-booking-popup="1"]::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}


/*
  Defensive rule for browsers where the inner T702 container
  becomes the actual scrolling element.
*/
#allrecords
.pathrest-server-booking-root
.t-popup__container {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

#allrecords
.pathrest-server-booking-root
.t-popup__container::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}


/* ==========================================================
   PATHREST BOOKING SUBMIT SPINNER V1
   ----------------------------------------------------------
   Visible only while a real booking POST is in progress.
   ========================================================== */




/*
  Soft interaction shield while the booking is being sent.
  Scrolling/clicking cannot accidentally change the submitted
  data after transport has started.
*/
#allrecords
.pathrest-server-booking-root.is-submitting
.t-popup__container::before {
  content: "";

  position: absolute;

  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  z-index: 10020;

  display: block;

  background:
    rgba(0, 108, 131, 0.24);

  border-radius: inherit;

  pointer-events: auto;
}


/*
  Main circular loading indicator.
*/
#allrecords
.pathrest-server-booking-root.is-submitting
.t-popup__container::after {
  content: "";

  position: absolute;

  z-index: 10021;

  top: 50%;
  left: 50%;

  width: 48px;
  height: 48px;

  box-sizing: border-box;

  margin-top: -24px;
  margin-left: -24px;

  border:
    5px solid
    rgba(255, 255, 255, 0.38);

  border-top-color:
    #ff8b21;

  border-right-color:
    #ff8b21;

  border-radius: 50%;

  pointer-events: none;

  animation:
    pathrest-booking-submit-spin
    0.72s
    linear
    infinite;
}


@keyframes pathrest-booking-submit-spin {

  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }

}


/*
  Make the submit button itself visually inactive while the
  central spinner is running.
*/
#allrecords
.pathrest-server-booking-root.is-submitting
.t-submit {
  cursor: wait !important;

  opacity: 0.72 !important;
}


/* Mobile */
@media screen and (max-width: 560px) {

  #allrecords
  .pathrest-server-booking-root.is-submitting
  .t-popup__container::after {
    width: 42px;
    height: 42px;

    margin-top: -21px;
    margin-left: -21px;

    border-width: 4px;
  }

}


/*
  Accessibility:
  keep a visible processing state without rapid animation
  when the operating system requests reduced motion.
*/
@media (prefers-reduced-motion: reduce) {

  #allrecords
  .pathrest-server-booking-root.is-submitting
  .t-popup__container::after {
    animation-duration: 1.8s;
  }

}


/* ==========================================================
   PATHREST BOOKING — EXACT T702 BLOCK CSS V1
   ----------------------------------------------------------
   Vendored from the real Tilda T702 page-specific stylesheet.

   Only generic .t702 rules are included.
   Test record-specific rules are excluded.

   This block intentionally appears BEFORE the exact
   tilda-step-form CSS, matching Tilda's cascade order.
   ========================================================== */

.t702__body_popupshowed{-webkit-overflow-scrolling:touch!important}
.t702 .t702__wrapper{padding:40px 45px}
.t702 .t702__title{margin-bottom:11px}
.t702 .t702__text-wrapper{margin-bottom:24px}
.t702 .t702__text{margin-top:20px}
.t702 .t702__img{width:100%;display:block;margin-top:-1px}
.t702 .t-submit{transform:translateZ(0)}
.t702 .t-form__inputsbox_horizontal{-webkit-column-gap:15px;-moz-column-gap:15px;column-gap:15px;row-gap:25px}
.t702 .t-form__inputsbox_vertical-form+.t-form__errorbox-bottom,.t702 .t-form__inputsbox_horizontal .t-form__errorbox-middle{display:none}
.t702 .t-form__inputsbox_vertical-form .t-form__errorbox-middle,.t702 .t-form__inputsbox_horizontal+.t-form__errorbox-bottom{display:block}
.t702 .t-form__inputsbox_horizontal+.t-form__errorbox-bottom .t-form__errorbox-wrapper{margin-top:25px}
.t702 .t-form__inputsbox_flex .t-form__errorbox-wrapper{margin-bottom:25px}
.t702 .t-form__inputsbox_vertical-form .t-input-group{margin-bottom:25px}
.t702 .t-form__inputsbox_horizontal .t-input-group_uw .t-input-block>div,.t702 .t-form__inputsbox_horizontal .t-input-group_uc .t-input-block>div{margin-bottom:0!important}
.t702 .t-form__inputsbox_horizontal .t-radio__control+.t-radio__control,.t702 .t-form__inputsbox_horizontal .t-radio__control+.t-radio__ownvariant-wrapper,.t702 .t-form__inputsbox_horizontal .t-checkboxes__item+.t-checkboxes__item{margin-top:10px;margin-bottom:0}
.t702 .t-form__inputsbox_horizontal .t-checkbox__control,.t702 .t-form__inputsbox_horizontal .t-ownvariant-wrapper_flex{margin:0}
.t702 .t-input-block_rd-flex .t-radio__wrapper,.t702 .t-input-block_rd-flex .t-checkboxes__wrapper{gap:10px 15px}
.t702 .t-input-group_rd .t-input-block_rd-flex .t-radio__item,.t702 .t-input-group_rd .t-input-block_rd-flex .t-radio__control,.t702 .t-input-group_rd .t-input-block_rd-flex .t-checkboxes__item,.t702 .t-input-group_rd .t-input-block_rd-flex .t-checkbox__control,.t702 .t-input-group_rd .t-input-block_rd-flex .t-checkboxes__ownvariant_withlabel{margin:0}
.t702 .t-form__errorbox-item{word-break:normal;overflow-wrap:anywhere}
.t702 .t-form__inputsbox{-webkit-transition:max-height 0.3s cubic-bezier(.19,1,.22,1);transition:max-height 0.3s cubic-bezier(.19,1,.22,1);max-height:20000px}
.t702 .t702__inputsbox_hidden.t-form__inputsbox{overflow:hidden;max-height:0;height:0;opacity:0}
.t702 .t-input{background-color:transparent;-webkit-appearance:none}
.t702 .t-input::-ms-clear{width:0;height:0}
.t702 .t-input-block textarea{padding-top:17px;background-color:transparent}
.t702 .t-input-block textarea.t-input_pvis{padding-top:26px}
.t702 .t-input-title{padding-bottom:5px}
.t702 .t-input-subtitle{padding-bottom:15px}
.t702 .t-input-group_rd .t-input-subtitle{padding-bottom:5px}
.t702 .t-inputtime,.t702 .t-datepicker__wrapper{max-width:245px}
.t702 .t-input-group_inrow .t-inputtime,.t702 .t-input-group_inrow .t-datepicker__wrapper{max-width:100%}
.t702 .t-form__submit{display:block;height:100%;text-align:center;vertical-align:middle}
.t702 .t-form__inputsbox_horizontal.t-form__screen .t-form__submit,.t702 .t-form__inputsbox_vertical-form .t-form__submit{margin-top:25px}
.t702 .t-form__inputsbox_vertical-form:not(.t-form__screen) .t-form__submit,.t702 .t-form__inputsbox_vertical-form:not(.t-form__screen) .t-submit{width:100%}
.t702 .t-form__inputsbox_flex .t-form__submit,.t702 .t-form_bbonly .t-form__inputsbox_flex .t-form__submit{margin-top:0}
.t702 .t-form_bbonly .t-input-title{padding-bottom:0;margin-bottom:0}
.t702 .t-form_bbonly .t-input-subtitle{padding-bottom:0;padding-top:5px}
.t702 .t-form__inputsbox .t-input-group_st .t-input-block{display:none;margin-bottom:0}
.t702 .t702__form-bottom-text{margin-top:20px}
@media screen and (max-width:960px){.t702 .t-form__inputsbox_horizontal{row-gap:0}
.t702 .t-form__inputsbox_horizontal .t-form__errorbox-middle{display:block}
.t702 .t-form__inputsbox_horizontal+.t-form__errorbox-bottom{display:none}
.t702 .t-input-group,.t702 .t-form__screen.t-form__inputsbox_horizontal .t-input-group{margin-bottom:25px}
.t702 .t-input-group,.t702 .t-input-block{display:block;width:100%}
.t702 .t-form__submit,.t702 .t-form__inputsbox_horizontal.t-form__screen .t-form__submit{margin-top:0}
.t702 .t-form__submit,.t702 .t-submit{width:100%}}
@media screen and (max-width:640px){.t702 .t702__title{margin-bottom:6px}
.t702 .t702__text-wrapper{margin-bottom:14px}
.t702 .t702__wrapper{padding:20px}
.t702 .t-input-group,.t702 .t-form__screen.t-form__inputsbox_horizontal .t-input-group{margin-bottom:20px}
.t702 .t-input-block textarea{padding-top:12px}
.t702 .t-submit{--height:50px;font-size:16px}
.t702 .t-input,.t702 .t-select{height:50px;font-size:16px}
.t702 .t-input{padding:0 14px}
.t702 .t-input__vis-ph{top:17px}
.t702 .t-input_pvis{padding:22px 20px 10px}
.t702 .t-input-block textarea.t-input_pvis{padding-top:22px}}
@media screen and (max-width:560px){.t702 .t-popup_show .t-popup__container{max-width:100%;inset:0;padding-top:50px;margin:0;box-sizing:border-box;min-height:100vh;-webkit-transform:translateY(0);transform:translateY(0);position:relative}
.t702 .t-popup{padding:0}
.t702 .t-popup__block-close{position:fixed;top:0;right:0;left:0;z-index:2;display:flex;justify-content:flex-end;align-items:center;width:100%;height:50px;background:#000}
.t702 .t-popup__block-close-button{display:table-cell;vertical-align:middle;width:16px;margin-right:10px;padding:10px;font-size:0;text-align:right}
.t702 .t-popup__close-icon{width:16px;height:16px}}
@media screen and (max-width:480px){.t702 .t-inputtime,.t702 .t-datepicker__wrapper{max-width:100%}}


/* ==========================================================
   PATHREST BOOKING — EXACT TILDA STYLE V1
   ----------------------------------------------------------
   Exact vendored copy of:
   tilda-step-form-1.1.min.css

   Historical SHA256:
   178a32d25b596d17df30f18bc64d908efaa6abb856670d0df1f4ab6bf586f9b2

   No runtime dependency on static.tildacdn.net.
   ========================================================== */

.t-form__screen .t-form__screen-wrapper{display:none}.t-form__screen .t-form__screen-wrapper_active{display:block}.t-form__screen.t-form__inputsbox_horizontal .t-form__screen-wrapper_active{-webkit-column-gap:20px;column-gap:20px;display:-webkit-flex;display:-ms-flexbox;display:flex}.t-form__screen.t-form__inputsbox_horizontal .t-form__screen-wrapper_active,.t-form__screen.t-form__inputsbox_vertical-form.t-form__inputsbox_flex .t-form__screen-wrapper_active{-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end}.t-form__screen.t-form__inputsbox_horizontal .t-input-group{-webkit-flex:1;-ms-flex:1;flex:1;margin:0}.t-form__screen.t-form__inputsbox_horizontal+.t-form__errorbox-bottom,.t-form__screen.t-form__inputsbox_vertical-form+.t-form__errorbox-bottom{display:none!important}.t-form__screen.t-form__inputsbox_horizontal .t-form__errorbox-middle,.t-form__screen.t-form__inputsbox_vertical-form .t-form__errorbox-middle{display:block!important}.t-form__screen .t-form__submit{position:relative}.t-form__screen .t-form__submit:after,.t-form__screen .t-form__submit:before{content:"";display:table}.t-form__screen .t-form__submit:after{clear:both}.t-form__screen .t-form__screen-btn-prev{float:left}.t-form__screen .t-form__screen-btn-next{float:right}.t-form__screen .t-submit{float:right;width:auto}.t-form__screen .t-form__screen-number-container{display:inline-block;margin-right:6px;vertical-align:middle}.t-form__screen .t-form__screen-current-view{font-size:12px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.t-form__screen .t-form__screen-number-container{color:#000;margin-left:3px}.t-form__screen .t-form__screen-number-container span{opacity:.3}.t-form__screen .t-form__screen-number-container span:nth-child(2){padding-left:3px;padding-right:3px}.t-form__screen .t-form__screen-progress{display:inline-block;vertical-align:middle}.t-form__screen .t-form__screen-progress circle{stroke-dashoffset:62.8319;stroke-width:2px;transition:stroke-dashoffset .5s linear}.t-form__screen .t-form__screen-progress-circle{stroke:#000;opacity:.3}.t-form__screen .t-form__screen-progress-bar{stroke:#003cff;stroke-width:3px}@media screen and (min-width:961px){.t-form__screen.t-form__inputsbox_horizontal .t-form__errorbox-middle .t-form__errorbox-wrapper{margin-top:25px}}@media screen and (max-width:960px){.t-form__screen.t-form__inputsbox_horizontal .t-form__screen-wrapper_active{-webkit-column-gap:0;column-gap:0;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}@media screen and (max-width:480px){.t-form__screen .t-form__submit{text-align:center}.t-form__screen .t-form__screen-btn-next,.t-form__screen .t-form__screen-btn-prev,.t-form__screen .t-submit{margin:3px 0}.t-form__screen .t-form__screen-btn-prev{margin-right:10px}.t-form__screen .t-form__screen-current-view{margin-top:15px;top:0;-webkit-transform:none;transform:none;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.t-form__screen .t-form__screen-number-container{margin-left:0}}


/* ==========================================================
   EXACT OLD rec2284361133 VISUAL CONTRACT
   Converted from #rec2284361133 to the server booking root.
   ========================================================== */


/* Original Tilda buttons */

#allrecords
.pathrest-server-booking-root
.t-btnflex.t-btnflex_type_button,

#allrecords
.pathrest-server-booking-root
.t-btnflex.t-btnflex_type_submit {
  color: #ffffff;

  background-color: #ff8b21;

  border-style: solid !important;
  border-color: #ffffff !important;

  --border-width: 1px;

  border-radius: 30px;

  box-shadow: none !important;

  font-family: ArianAMUSerif;
  font-weight: 700;

  transition-duration: 0.2s;

  transition-property:
    background-color,
    color,
    border-color,
    box-shadow,
    opacity,
    transform,
    gap;

  transition-timing-function: ease-in-out;
}


/* Original step progress colors */

#allrecords
.pathrest-server-booking-root
.t-form__screen
.t-form__screen-number-container {
  color: #ffffff;
}

#allrecords
.pathrest-server-booking-root
.t-form__screen
.t-form__screen-progress-circle {
  stroke: #ffffff;
}

#allrecords
.pathrest-server-booking-root
.t-form__screen
.t-form__screen-progress-bar {
  stroke: #ff8b21;
}


/* Original select arrow */

#allrecords
.pathrest-server-booking-root
.t-select__wrapper::after {
  border-top-color: #ffffff;
}


/* Original placeholders */

#allrecords
.pathrest-server-booking-root
input::-webkit-input-placeholder {
  color: #006c83;
  opacity: 0.5;
}

#allrecords
.pathrest-server-booking-root
input::-moz-placeholder {
  color: #006c83;
  opacity: 0.5;
}

#allrecords
.pathrest-server-booking-root
input:-ms-input-placeholder {
  color: #006c83;
  opacity: 0.5;
}

#allrecords
.pathrest-server-booking-root
textarea::-webkit-input-placeholder {
  color: #006c83;
  opacity: 0.5;
}

#allrecords
.pathrest-server-booking-root
textarea::-moz-placeholder {
  color: #006c83;
  opacity: 0.5;
}

#allrecords
.pathrest-server-booking-root
textarea:-ms-input-placeholder {
  color: #006c83;
  opacity: 0.5;
}


/* Original title fonts */

#allrecords
.pathrest-server-booking-root
.t702__title,

#allrecords
.pathrest-server-booking-root
.t702__descr {
  font-family: 'ArianAMUSerif';
}


/* Original mobile close icon */

@media screen and (max-width: 560px) {

  #allrecords
  .pathrest-server-booking-root
  .t-popup__close-icon
  g {
    fill: #ffffff !important;
  }

}


/*
  Deliberate PATHREST difference requested after the pilot:
  larger main heading on desktop only.

  Mobile geometry remains pure Tilda.
*/

@media screen and (min-width: 766px) {

  #allrecords
  .pathrest-server-booking-root
  .t702__title {
    font-size: 42px !important;
    line-height: 1.15 !important;
  }

}


/* ==========================================================
   PATHREST BOOKING — LEGACY STYLE BRIDGE V1
   ----------------------------------------------------------
   These are the original PATHREST booking-form rules that
   previously worked under the old Tilda .uc-mainform record.

   Only selector scope changed:

     .uc-mainform
       ->
     .pathrest-server-booking-root

   Declarations remain unchanged.
   ========================================================== */

#allrecords .pathrest-server-booking-root {
position: relative !important;
  z-index: 10000060 !important;
}

.pathrest-server-booking-root .t678 .t-input-subtitle {
padding-bottom: 3px;
}

.pathrest-server-booking-root .t678 .t-input-group {
margin-bottom: 10px;
}

.pathrest-server-booking-root .t-input-phonemask__select {
font-size: 13px;
}

.pathrest-server-booking-root .t-form__successbox {
background: rgba(0, 108, 131, 0.6);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border-radius: 20px;
}

.pathrest-server-booking-root .t-form .t-submit {
border: 1px solid #ffffff;
}

.pathrest-server-booking-root .t-select__wrapper:after {
border-top-color: #006c83;
}

.pathrest-server-booking-root .t-select {
width: 100%;
    box-sizing: border-box;
    cursor: pointer;
    height: 40px;
    padding: 0 20px;
    font-size: 16px;
    line-height: 1.33;
    outline: none;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: initial;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
}

.pathrest-server-booking-root .t-input {
font-weight: 400;
    margin: 0;
    font-size: 16px;
    height: 40px;
    padding: 0 20px;
    line-height: 1.33;
    width: 100%;
    border: 0 none;
    box-sizing: border-box;
    outline: none;
    -webkit-appearance: none;
    border-radius: 0;
    align-items: center;
}

.pathrest-server-booking-root .t-text_xs {
line-height: 1.5;
    border: 1px;
    font-size: 15px;
}

.pathrest-server-booking-root .t-popup__container {
background: rgba(0, 108, 131, 0.6);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    border: 1px solid #ffffff;
    border-radius: 20px;
}

.pathrest-server-booking-root .t-btn_sm {
width: 112px;
    height: 35px;
    font-size: 13px;
}

.pathrest-server-booking-root .t-form__screen .t-form__screen-btn-next,
.pathrest-server-booking-root .t-form__screen .t-form__screen-btn-prev {
width: 120px;
        height: 40px;
        font-size: 12px;
}

.pathrest-server-booking-root .t-form__screen .t-submit {
width: 250px;
    height: 40px;
    font-size: 12px;
}

.pathrest-server-booking-root .t_datepicker__inner {
color: #fff;
    border: 1px solid #fff;
    border-radius: 10px;
    background: rgba(0, 108, 131, 1);
}

.pathrest-server-booking-root .t_datepicker__header {
background: rgba(0, 108, 131, 1);
}

.pathrest-server-booking-root .t_datepicker__arrow_prev:after {
border-color: transparent #fff transparent transparent;
}

.pathrest-server-booking-root .t_datepicker__arrow_next:after {
border-color: transparent transparent transparent #fff;
}

.pathrest-server-booking-root .t_datepicker__week-day {
border-bottom: 1px solid #fff;
    color: #fff;
}

.pathrest-server-booking-root .t_datepicker__selected-day:before {
background-color: #ff8b21 !important;
}

@media screen and (max-width: 560px) {
.pathrest-server-booking-root .t702 .t702__text-wrapper {
margin-top: -30px;
}

.pathrest-server-booking-root .t-select {
font-weight: 400;
        margin: 0;
        font-size: 12px;
        height: 35px;
        padding: 0 20px;
        line-height: 1.33;
        width: 100%;
        border: 0 none;
        box-sizing: border-box;
        outline: none;
        -webkit-appearance: none;
        border-radius: 30px;
}

.pathrest-server-booking-root .t-input {
font-size: 12px;
        border-width: 1px;
        border-radius: 30px;
        height: 35px;
}

.pathrest-server-booking-root .checkbox-label {
font-size: 11px;
}

.pathrest-server-booking-root .input-title {
font-size: 13px;
        padding-bottom: 0;
}

.pathrest-server-booking-root .t-popup__container {
border-radius: 12px;
}

.pathrest-server-booking-root .t702 .t-popup_show .t-popup__container {
min-height: 90vh;
        margin: 0 auto;
        width: 96%;
        top: 5px;
        bottom: 5px;
}

.pathrest-server-booking-root .t702 .t-popup__block-close {
background: rgba(0, 108, 131, 0);
}

.pathrest-server-booking-root .t702 .t702__title {
padding-top: 5px;
        font-size: 18px;
}

.pathrest-server-booking-root .t702 .t-descr_xs {
font-size: 16px;
}

.pathrest-server-booking-root .t-text_xs {
font-size: 12px;
}

.pathrest-server-booking-root .t-form__screen .t-form__screen-btn-next,
    .pathrest-server-booking-root .t-form__screen .t-form__screen-btn-prev {
width: 100px;
        height: 35px;
        font-size: 12px;
}

.pathrest-server-booking-root .t-form__screen .t-submit {
width: 185px;
    height: 35px;
    font-size: 12px;
}
}


/* ==========================================================
   PATHREST BOOKING — VIEWPORT HEADER CLOSE V1
   ========================================================== */


/* ----------------------------------------------------------
   1. HEADER

   Tour title
   BOOK N
   price / cost

   Must always be horizontally centered.
   ---------------------------------------------------------- */

#allrecords
.pathrest-server-booking-root
.t702__text-wrapper {
  width: 100% !important;
  max-width: 100% !important;

  margin-left: auto !important;
  margin-right: auto !important;

  box-sizing: border-box !important;

  text-align: center !important;
}


#allrecords
.pathrest-server-booking-root
.t702__title,

#allrecords
.pathrest-server-booking-root
.t702__descr {
  width: 100% !important;
  max-width: 100% !important;

  margin-left: auto !important;
  margin-right: auto !important;

  box-sizing: border-box !important;

  text-align: center !important;
}


/* ----------------------------------------------------------
   2. ROUND CLOSE CONTROL

   Replace T702 mobile full-width close bar with one
   independent circular control.
   ---------------------------------------------------------- */

#allrecords
.pathrest-server-booking-root
.t-popup__block-close {
  position: fixed !important;

  top:
    calc(10px + env(safe-area-inset-top))
    !important;

  right: 12px !important;
  bottom: auto !important;
  left: auto !important;

  z-index: 10000090 !important;

  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: 44px !important;
  height: 44px !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;

  border:
    1px solid
    rgba(255, 255, 255, 0.90)
    !important;

  border-radius: 50% !important;

  background:
    rgba(0, 108, 131, 0.94)
    !important;

  -webkit-backdrop-filter:
    blur(8px);

  backdrop-filter:
    blur(8px);

  box-shadow:
    0 4px 16px
    rgba(0, 0, 0, 0.18);

  cursor: pointer !important;
}


#allrecords
.pathrest-server-booking-root
.t-popup__block-close-button {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;

  background: transparent !important;

  text-align: center !important;
}


#allrecords
.pathrest-server-booking-root
.t-popup__close-icon {
  display: block !important;

  width: 18px !important;
  height: 18px !important;

  margin: 0 !important;
}


#allrecords
.pathrest-server-booking-root
.t-popup__close-icon g {
  fill: #ffffff !important;
}


/* ----------------------------------------------------------
   3. TABLET + MOBILE VIEWPORT

   Long booking forms must be document-like inside the
   scrollable popup instead of being vertically centered.

   This prevents top/bottom borders from living outside
   the visible viewport.
   ---------------------------------------------------------- */

@media screen and (max-width: 1280px) {

  #allrecords
  .pathrest-server-booking-root
  .t-popup[data-pathrest-server-booking-popup="1"] {
    box-sizing: border-box !important;

    height: 100vh !important;
    max-height: 100vh !important;
    min-height: 0 !important;

    padding:
      calc(62px + env(safe-area-inset-top))
      16px
      calc(24px + env(safe-area-inset-bottom))
      16px
      !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    overscroll-behavior-y: contain;

    -webkit-overflow-scrolling: touch;
  }


  #allrecords
  .pathrest-server-booking-root
  .t-popup[data-pathrest-server-booking-popup="1"]
  .t-popup__container {
    position: relative !important;

    inset: auto !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    -webkit-transform: none !important;
    transform: none !important;

    height: auto !important;

    min-height: 0 !important;
    max-height: none !important;

    margin:
      0
      auto
      0
      auto
      !important;

    box-sizing: border-box !important;
  }


  /*
    Neutralize the T702 mobile rule that makes the blue
    container itself at least one complete viewport tall.
  */

  #allrecords
  .pathrest-server-booking-root
  .t702
  .t-popup_show
  .t-popup__container {
    position: relative !important;

    inset: auto !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    min-height: 0 !important;

    margin:
      0
      auto
      !important;

    padding-top: 0 !important;

    -webkit-transform: none !important;
    transform: none !important;
  }

}


/*
   Dynamic viewport units correctly follow the visible
   Android/iOS browser viewport while browser chrome opens
   and closes.
*/

@supports (height: 100dvh) {

  @media screen and (max-width: 1280px) {

    #allrecords
    .pathrest-server-booking-root
    .t-popup[data-pathrest-server-booking-popup="1"] {
      height: 100dvh !important;
      max-height: 100dvh !important;
    }

  }

}


/* ----------------------------------------------------------
   4. SMARTPHONE

   Keep a small dark gap around the blue bordered container,
   so both side borders remain clearly visible.
   ---------------------------------------------------------- */

@media screen and (max-width: 560px) {

  #allrecords
  .pathrest-server-booking-root
  .t-popup[data-pathrest-server-booking-popup="1"] {
    padding:
      calc(58px + env(safe-area-inset-top))
      6px
      calc(18px + env(safe-area-inset-bottom))
      6px
      !important;
  }


  #allrecords
  .pathrest-server-booking-root
  .t-popup[data-pathrest-server-booking-popup="1"]
  .t-popup__container,

  #allrecords
  .pathrest-server-booking-root
  .t702
  .t-popup_show
  .t-popup__container {
    width: 96% !important;
    max-width: 96% !important;

    margin-left: auto !important;
    margin-right: auto !important;
  }


  #allrecords
  .pathrest-server-booking-root
  .t-popup__block-close {
    top:
      calc(8px + env(safe-area-inset-top))
      !important;

    right: 10px !important;

    width: 42px !important;
    height: 42px !important;
  }

}


/* ==========================================================
   PATHREST BOOKING — BALANCED CENTER + INNER CLOSE V1
   ========================================================== */


/* BOOK N and cost — same size */

#allrecords
.pathrest-server-booking-root
.t702__text-wrapper {
  --pathrest-booking-meta-font-size: 16px;
}


#allrecords
.pathrest-server-booking-root
.t702__title
strong:last-of-type {
  font-size:
    var(--pathrest-booking-meta-font-size)
    !important;

  line-height: 1.4 !important;
}


#allrecords
.pathrest-server-booking-root
.t702__descr,

#allrecords
.pathrest-server-booking-root
.t702__descr strong {
  font-size:
    var(--pathrest-booking-meta-font-size)
    !important;

  line-height: 1.4 !important;
}


/* Container owns the inner close control */

#allrecords
.pathrest-server-booking-root
.t-popup__container {
  position: relative !important;
}


#allrecords
.pathrest-server-booking-root
.t-popup__container
>
.t-popup__block-close[
data-pathrest-booking-inner-close="1"
] {
  position: absolute !important;

  top: 10px !important;
  right: 10px !important;
  bottom: auto !important;
  left: auto !important;

  z-index: 10000090 !important;

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

  width: 42px !important;
  height: 42px !important;

  margin: 0 !important;
  padding: 0 !important;

  box-sizing: border-box !important;

  border:
    1px solid
    rgba(255, 255, 255, 0.92)
    !important;

  border-radius: 50% !important;

  background:
    rgba(0, 108, 131, 0.92)
    !important;

  box-shadow:
    0 3px 14px
    rgba(0, 0, 0, 0.18);

  cursor: pointer !important;
}


#allrecords
.pathrest-server-booking-root
.t-popup__container
>
.t-popup__block-close
.t-popup__block-close-button {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: 100% !important;
  height: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  background: transparent !important;
}


#allrecords
.pathrest-server-booking-root
.t-popup__container
>
.t-popup__block-close
.t-popup__close-icon {
  display: block !important;

  width: 17px !important;
  height: 17px !important;

  margin: 0 !important;
}


/* Equal space around centered header */

#allrecords
.pathrest-server-booking-root
.t702__text-wrapper {
  padding-left: 52px !important;
  padding-right: 52px !important;

  box-sizing: border-box !important;
}


/* Tablet + mobile adaptive vertical centering */

@media screen and (max-width: 1280px) {

  #allrecords
  .pathrest-server-booking-root
  .t-popup[data-pathrest-server-booking-popup="1"]
  .t-popup__block-close {
    position: absolute !important;

    top: 10px !important;
    right: 10px !important;
    bottom: auto !important;
    left: auto !important;

    width: 42px !important;
    height: 42px !important;
  }


  #allrecords
  .pathrest-server-booking-root
  .t-popup[data-pathrest-server-booking-popup="1"].t-popup_show {
    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;
    justify-content: flex-start !important;

    box-sizing: border-box !important;

    padding:
      calc(16px + env(safe-area-inset-top))
      16px
      calc(16px + env(safe-area-inset-bottom))
      16px
      !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    -webkit-overflow-scrolling: touch;
  }


  #allrecords
  .pathrest-server-booking-root
  .t-popup[data-pathrest-server-booking-popup="1"]
  >
  .t-popup__container {
    flex:
      0
      0
      auto
      !important;

    align-self: center !important;

    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;

    inset: auto !important;

    -webkit-transform: none !important;
    transform: none !important;

    margin-top: auto !important;
    margin-bottom: auto !important;
    margin-left: auto !important;
    margin-right: auto !important;

    min-height: 0 !important;
    max-height: none !important;

    box-sizing: border-box !important;
  }


  #allrecords
  .pathrest-server-booking-root
  .t702
  .t-popup_show
  >
  .t-popup__container {
    min-height: 0 !important;

    padding-top: 0 !important;

    margin-top: auto !important;
    margin-bottom: auto !important;

    -webkit-transform: none !important;
    transform: none !important;
  }

}


@supports (height: 100dvh) {

  @media screen and (max-width: 1280px) {

    #allrecords
    .pathrest-server-booking-root
    .t-popup[data-pathrest-server-booking-popup="1"] {
      height: 100dvh !important;
      max-height: 100dvh !important;
    }

  }

}


@media screen and (max-width: 560px) {

  #allrecords
  .pathrest-server-booking-root
  .t-popup[data-pathrest-server-booking-popup="1"].t-popup_show {
    padding:
      calc(8px + env(safe-area-inset-top))
      6px
      calc(8px + env(safe-area-inset-bottom))
      6px
      !important;
  }


  #allrecords
  .pathrest-server-booking-root
  .t-popup__container
  >
  .t-popup__block-close[
  data-pathrest-booking-inner-close="1"
  ] {
    top: 8px !important;
    right: 8px !important;

    width: 38px !important;
    height: 38px !important;
  }


  #allrecords
  .pathrest-server-booking-root
  .t702__text-wrapper {
    padding-left: 44px !important;
    padding-right: 44px !important;
  }

}


/* ==========================================================
   PATHREST BOOKING — MOBILE HEADER + CLOSE TUNE V1
   ----------------------------------------------------------
   Smartphone only:
   - smaller circular close control
   - smaller close icon
   - header starts below the close control
   - neutralize historical -30px text-wrapper offset
   ========================================================== */

@media screen and (max-width: 560px) {

  /*
    Smaller circular close control inside blue container.
  */

  #allrecords
  .pathrest-server-booking-root
  .t-popup__container
  >
  .t-popup__block-close[
  data-pathrest-booking-inner-close="1"
  ] {
    top: 8px !important;
    right: 8px !important;

    width: 32px !important;
    height: 32px !important;
  }


  #allrecords
  .pathrest-server-booking-root
  .t-popup__container
  >
  .t-popup__block-close
  .t-popup__block-close-button {
    width: 100% !important;
    height: 100% !important;

    padding: 0 !important;
  }


  #allrecords
  .pathrest-server-booking-root
  .t-popup__container
  >
  .t-popup__block-close
  .t-popup__close-icon {
    width: 13px !important;
    height: 13px !important;
  }


  /*
    Historical mobile PATHREST CSS used:
      margin-top: -30px

    That was useful while Tilda owned the old T702 record,
    but now it pulls the header upward toward the close icon.

    Reset it and give the header enough top room so that
    title / BOOK N / cost sit completely below the circle.
  */

  #allrecords
  .pathrest-server-booking-root
  .t702
  .t702__text-wrapper {
    margin-top: 0 !important;

    padding-top: 24px !important;

    padding-left: 36px !important;
    padding-right: 36px !important;

    box-sizing: border-box !important;

    text-align: center !important;
  }


  #allrecords
  .pathrest-server-booking-root
  .t702__title,

  #allrecords
  .pathrest-server-booking-root
  .t702__descr {
    text-align: center !important;
  }

}
