/* Корректировка кук */

.t972__category-enabled {
    color: #34C759 !important;
}

.t972__toggle-input:checked + .t972__toggle-container .t972__toggle-background {
    background-color: #34C759 !important;
}

.t972__toggle-input:checked + .t972__toggle-container .t972__toggle-mark {
    background-color: #34C759 !important;
}

.t972__buttons {
    display: flex;
    flex-wrap: nowrap !important;
    justify-content: space-between;
    margin-top: 20px;
}

@media screen and (max-width: 480px) {
    .t-btnflex_xs, .t-btn.t-btnflex_xs, .t-submit.t-btnflex_xs {
        --height: 30px !important;
    }
    
.t972__banner, .t972__settings {border-radius: 0 !important;
}

}

/* Убираем скролл бар */

.t396__artboard.rendered{
  overflow-x: auto !important;
  overflow-y: hidden !important;

  -ms-overflow-style: none;   /* IE / Edge */
  scrollbar-width: none;      /* Firefox */
}

/* Chrome / Safari */
.t396__artboard.rendered::-webkit-scrollbar{
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

/* Скролл зеро */
.scroll-group-filter,
.scroll-group-zapis,
.scroll-group-menu {
    display: block !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    min-height: 0;
}

/* Скролл зеро */
.scroll-group-filter,
.scroll-group-zapis,
.scroll-group-menu {
    display: block !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    min-height: 0;
    padding-bottom:30px;
}

/* ===== DESKTOP 1200+ ===== */
.scroll-group-filter {
    height: calc(100dvh - 216px) !important; /* 196 + 20 */
}

.scroll-group-zapis {
    height: calc(100dvh - 216px) !important; /* 196 + 20 */
}

.scroll-group-menu {
    height: calc(100dvh - 133px) !important; /* 113 + 20 */
}

/* ===== 960–1199 ===== */
@media (max-width: 1199px) {
    .scroll-group-filter {
        height: calc(100dvh - 216px) !important;
    }
    
    .scroll-group-zapis {
        height: calc(100dvh - 216px) !important;
    }

    .scroll-group-menu {
        height: calc(100dvh - 133px) !important;
    }
}

/* ===== 640–959 ===== */
@media (max-width: 959px) {
    .scroll-group-filter {
        height: calc(100dvh - 216px) !important;
    }
    
    .scroll-group-zapis {
        height: calc(100dvh - 216px) !important;
    }

    .scroll-group-menu {
        height: calc(100dvh - 133px) !important;
    }
}

/* ===== 480–639 ===== */ 
@media (max-width: 639px) { 
    .scroll-group-filter { height: calc(100dvh - 170px) !important; /* 150 + 20 */ } 
    .scroll-group-zapis { height: calc(100dvh - 191px) !important; /* 150 + 20 */ } 
	.scroll-group-menu { height: calc(100dvh - 114px) !important; /* 94 + 20 */ } }

/* ===== 320–479 ===== */
@media (max-width: 479px) {
    .scroll-group-filter {
        height: calc((100dvh - 215px) / var(--tilda-zoom, 1)) !important;
    }
    
    .scroll-group-zapis {
        height: calc((100dvh - 221px) / var(--tilda-zoom, 1)) !important;
    }

    .scroll-group-menu {
        height: calc((100dvh - 135px) / var(--tilda-zoom, 1)) !important;
    }
}

/* кастомный скролл */
.scroll-group-filter::-webkit-scrollbar,
.scroll-group-zapis::-webkit-scrollbar,
.scroll-group-menu::-webkit-scrollbar {
    width: 6px;
}

.scroll-group-filter::-webkit-scrollbar-thumb,
.scroll-group-zapis::-webkit-scrollbar-thumb,
.scroll-group-menu::-webkit-scrollbar-thumb {
    background: #F2F1F7;
    border-radius: 10px;
}

.border-bottom {border-bottom: 5px #F2F1F7 solid;}
.menu-border-bottom {border-bottom: 1px #D6EAF4 solid;}
.menu-usluga-border-bottom {border-bottom: 1px #E7E5EF solid;}


/* Стили контейнера поп-ап под квиз */

#quizOverlay {
  position: absolute;
  inset: 0;

  background: rgba(1, 52, 154, 0.45); /* #d6ecf7 с 80% прозрачностью */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.quiz-spinner {
  width: 48px;
  height: 48px;
  border: 4px solid rgba(255,255,255,0.3);
  border-top: 4px solid #62E5DB; /* твой фирменный цвет */
  border-radius: 50%;
  animation: quizSpin 0.8s linear infinite;
}

@keyframes quizSpin {
  100% { transform: rotate(360deg); }
}    

#quizFrameWrap { position: relative; }

#quizFrameWrap iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  opacity: 0;
  transition: opacity .18s ease;
}

#quizFrameWrap iframe.is-active {
  opacity: 1;
}

/* Курсор как у ссылки для всех кликабельных элементов квиза */
[data-quiz-open],
[data-quiz-go],
[data-quiz-close],
[data-not-close-open] {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent; /* убирает серую подсветку на iOS */
  user-select: none;
}

/* На всякий случай: если это ссылки , убираем подчёркивание */
a[data-quiz-open],
a[data-quiz-go],
a[data-quiz-close],
[data-not-close-open] {
  text-decoration: none;
}

/* Поп-ап поверх квиз-опроса с номером телефона */

:root{
    --m-overlay: rgba(1, 52, 154, 0.45);
    --m-radius: 40px;
    --m-shadow: 0 18px 50px rgba(0,0,0,.20);
    --m-text: #111;
    --m-muted: #475569;
    --m-link: #1f7aff;
    --m-primary: #1e88e5;
    --m-primary-text: #fff;
    --m-ghost-bg: #eef0f3;
    --m-ghost-text: #111;
  }

  .m-popup{
    position: fixed;
    inset: 0;
    display: none;
    z-index: 9999999999;
  }
  .m-popup.is-open{ display: block; }

  .m-popup__overlay{
    position: absolute;
    inset: 0;
    background: var(--m-overlay);
  }

  .m-popup__dialog{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: min(92vw, 420px);
    background: #fff;
    border-radius: var(--m-radius);
    box-shadow: var(--m-shadow);
    padding: 50px 30px 30px;
    font-family: 'TildaSans', Arial, sans-serif;
    line-height: 1.15;
    letter-spacing: -1.2px;
    box-sizing: border-box;
  }

  .m-popup__close{
    position: absolute;
    right: 14px;
    top: 12px;
    width: 36px;
    height: 36px;
    border: none;
    background: transparent;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
    color: #222;
  }

.m-popup__close,
.m-popup__close:focus,
.m-popup__close:focus-visible,
.m-popup__close:active {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
}

.m-popup__close::-moz-focus-inner {
  border: 0;
}

.m-popup__close {
  -webkit-appearance: none;
  appearance: none;
}

  .m-popup__title{
    margin: 0 34px 14px 0;
    line-height: 1.2;
    color: var(--m-text);
    font-weight: 600;
  }

  .m-popup__text{
    margin: 0 0 20px;
    color: var(--m-muted);
    font-size: 16px;
    line-height: 1.15;
    letter-spacing: -0.6px;
    font-weight: 500;
  }

  .m-popup__phone{
    display: inline-block;
    margin: 0 0 20px;
    color: var(--m-link);
    text-decoration: none;
    font-size: 20px;
    font-weight: 700;
  }

  .m-popup__actions{
    display: grid;
    gap: 8px;
  }

  .m-btn{
    width: 100%;
    border-radius: 18px;
    padding: 14px 14px;
    font-size: 14px;
    font-weight: 500;
    border: none;
    cursor: pointer;
    box-sizing: border-box;
  }
  .m-btn--primary{
    background: var(--m-primary);
    color: var(--m-primary-text);
  }
  .m-btn--ghost{
    background: var(--m-ghost-bg);
    color: var(--m-ghost-text);
  }

  /* Блокируем скролл, когда попап открыт */
  body.m-noscroll{ overflow: hidden; }
  
/* Выбор даты и времени при записи */

.data-select {
  width: 100%;
  height: 100%;
  min-height: 34px;
  box-sizing: border-box;

  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M0.859338 8.30093C0.324768 7.76157 0.328652 6.89098 0.868013 6.35641C1.40737 5.82184 2.27797 5.82572 2.81254 6.36508L6.01593 9.59719C7.31602 10.9089 8.21076 11.8087 8.9689 12.4176C9.70534 13.009 10.1784 13.2119 10.602 13.2659C10.868 13.2998 11.1372 13.2998 11.4032 13.2659C11.8268 13.2119 12.2999 13.009 13.0363 12.4176C13.7944 11.8087 14.6892 10.9089 15.9893 9.59719L19.1927 6.36508C19.7272 5.82572 20.5978 5.82184 21.1372 6.35641C21.6766 6.89098 21.6804 7.76157 21.1459 8.30093L17.8848 11.5913C16.6565 12.8306 15.6527 13.8434 14.7583 14.5617C13.8282 15.3087 12.8841 15.8494 11.7509 15.9938C11.254 16.0572 10.7512 16.0572 10.2543 15.9938C9.1211 15.8494 8.17704 15.3087 7.24695 14.5617C6.35251 13.8434 5.34868 12.8306 4.12044 11.5913L0.859338 8.30093Z' fill='%23CAC3D7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 14px 14px;

  border: 2px solid #E3E1EE;
  border-radius: 15px;

  color: #1a1b21;
  font-family: 'TildaSans', Arial, sans-serif;

  font-size: 18px;
  line-height: 1.1;
  letter-spacing: -0.2px;
  font-weight: 500;

  padding: 0 42px 0 14px;

  outline: none;
  cursor: pointer;

  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.data-select:focus {
  outline: none;
  border-color: #4DA3FF;
}

@media (max-width: 640px) {
  .data-select {
    font-size: 16px;
    line-height: 1;
  }
}

@media (max-width: 480px) {
  .data-select {
    font-size: 14px;
    line-height: 1;
  }
}
  
/* ввод имени при записи */

.custom-input {
  width: 100%;
  height: 100%;
  min-height: 44px;

  box-sizing: border-box;

  border: 2px solid #D8E8F2;
  border-radius: 15px;

  background: #fff;

  padding: 0 16px;

  color: #1a1b21;
  font-family: 'TildaSans', Arial, sans-serif;

  font-size: 18px;
  line-height: 1.1;
  letter-spacing: -0.2px;
  font-weight: 500;

  outline: none;

  transition:
    border-color .2s ease,
    background-color .2s ease;
}

.custom-input::placeholder {
  color:#1a1b21;
  opacity:0.5;
  font-weight: 500;
}

.custom-input:focus {
  border-color: #4DA3FF;
}

@media (max-width: 640px) {
  .custom-input {
    font-size: 16px;
    line-height: 1;
  }
}  
  
/* ошибки кастомной формы записи */

.custom-input.field-error,
.data-select.field-error {
  border-color: #DE2624 !important;
}

.phone-wrap.field-error {
  border-color: #DE2624 !important;
}

.custom-checkbox.field-error .custom-checkbox-box {
  border-color: #DE2624 !important;
}

.form-error-text {
  display: none;

  color: #DE2624;

  font-family: 'TildaSans', Arial, sans-serif;
  font-size: 14px;
  line-height: 1;
  font-weight: 500;

  text-align: center;
}

.form-error-text.is-visible {
  display: block;
}

/*статус работы клиники иконка */

#status-dot{
    width:10px;
    height:10px;
    border-radius:50%;
    background:#9D9E9E;
}

@media (max-width: 480px) {
  #status-dot {
    width:6px;
    height:6px;
  }
}

/*soft_glass*/

.soft_glass_F2F1F7 {background: rgba(242, 241, 247, 0.78);
backdrop-filter: blur(18px);
-webkit-backdrop-filter: blur(18px);

border: 1px solid rgba(255,255,255,0.65);
border-radius: 18px;

box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.9),
    0 8px 24px rgba(78, 87, 118, 0.08);}
    
.soft_glass_menu {background:#fff;
    border:1px solid rgba(255,255,255,.8);
    border-radius: 100px;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.9),
        -6px -6px 12px rgba(255,255,255,.8),
        8px 8px 18px rgba(145,150,170,.12);}