/* Шарм: окно бронирования на странице тура (single-product-test2.php), по макету Саши 27.10.2026.
   Слой поверх формы программиста: разметку дополняет ct-booking.js (класс .ct-bk на #chm_popup).
   Расчёт цены, поля CF7 и отправка остаются прежними. Селекторы через #chm_popup.ct-bk: стили темы сильнее обычных. */
#chm_popup.ct-bk{--bk-o:#FF9800;--bk-o2:#EF6C00;--bk-p:#7F2EC3;--bk-p-d:#5E1F95;--bk-p-l:#F3EBFB;--bk-p-l2:#FAF6FE;--bk-ink:#101820;--bk-mut:#5F5B66;--bk-ph:#8A93A0;--bk-line:#E6E1EE;--bk-ok:#B7EBC0;--bk-ok-ink:#14532D;--bk-f:Montserrat,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:rgba(24,16,40,.55);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}
#chm_popup.ct-bk *,#chm_popup.ct-bk *::before,#chm_popup.ct-bk *::after{box-sizing:border-box}
#chm_popup.ct-bk .chm_popup{width:min(1180px,calc(100vw - 48px));max-height:calc(100vh - 32px);overflow:auto;padding:24px 28px;border-radius:28px;text-align:left;font-family:var(--bk-f);color:var(--bk-ink);box-shadow:0 30px 80px rgba(24,16,40,.35);overscroll-behavior:contain}
/* без сдвига сверху (chm_fadeIn шаблона): окно проявляется на месте, когда ct-booking.js закончил перестройку (ct-bk-ready) */
#chm_popup.ct-bk .chm_popup{animation:none;opacity:0;transition:opacity .18s ease}
#chm_popup.ct-bk.ct-bk-ready .chm_popup{opacity:1}
/* страховка: если ct-bk-ready не пришёл (ошибка скрипта), окно всё равно проявится через 0,6 с */
#chm_popup.ct-bk.chm_active .chm_popup{animation:ctBkShow 0s linear .6s forwards}
@keyframes ctBkShow{to{opacity:1}}
#chm_popup.ct-bk .chm_popup::before{content:none}
#chm_popup.ct-bk .chm_popup-title{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);margin:0}
#chm_popup.ct-bk .chm_popup-close{display:none}
#chm_popup.ct-bk .chm_popup-close-x{top:20px;right:20px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:var(--bk-p-l);color:var(--bk-p-d);font-size:20px;line-height:1;z-index:3;transition:background .2s,transform .2s}
#chm_popup.ct-bk .chm_popup-close-x:hover{background:#E7D8F6;color:var(--bk-p-d);transform:rotate(90deg)}

/* Две колонки: слева тур и дата, справа люди, итог и контакты */
#chm_popup.ct-bk .dates__body{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:28px;align-items:start;margin:0;padding:0;border:0;background:none}
#chm_popup.ct-bk .dates__calendar,#chm_popup.ct-bk .dates__form{width:auto;max-width:none;margin:0;padding:0;flex:none}
#chm_popup.ct-bk .booking_form_wrapper,#chm_popup.ct-bk .dates,#chm_popup.ct-bk .dates__body{border:0!important;background:none!important;box-shadow:none!important}
#chm_popup.ct-bk .dates__form{border-left:1px solid var(--bk-line);padding-left:28px}

/* Карточка тура */
#chm_popup.ct-bk .ct-bk__tour{position:relative;display:flex;gap:16px;align-items:center;padding:12px;border-radius:20px;background:linear-gradient(135deg,#F6EEFD 0%,#FBF7FF 100%);overflow:hidden}
#chm_popup.ct-bk .ct-bk__tour img{flex:0 0 auto;width:120px;height:88px;object-fit:cover;border-radius:16px;margin:0}
#chm_popup.ct-bk .ct-bk__tour-name{margin:0 0 6px;font:800 17px/1.25 var(--bk-f);color:var(--bk-ink);padding-right:40px}
#chm_popup.ct-bk .ct-bk__tour-date{display:inline-flex;align-items:center;gap:8px;font:600 15px/1.3 var(--bk-f);color:var(--bk-ink);margin:0 14px 0 0;vertical-align:middle}
#chm_popup.ct-bk .ct-bk__tour-date svg{flex:0 0 auto}
#chm_popup.ct-bk .ct-bk__tour-price{display:inline-block;font:800 20px/1.2 var(--bk-f);color:var(--bk-p);vertical-align:middle}
#chm_popup.ct-bk .ct-bk__tour-live{display:none}
#chm_popup.ct-bk .ct-bk__tour-price small{font-size:15px;font-weight:700;margin-right:4px}
#chm_popup.ct-bk .ct-bk__spark{position:absolute;right:16px;bottom:12px;width:40px;height:40px;pointer-events:none}

/* Выбор даты: заголовок и месяц/год списками со стрелками (макет Саши 27.10.2026) */
#chm_popup.ct-bk .ct-bk__date-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:16px 0 10px}
#chm_popup.ct-bk .ct-bk__h{margin:0;font:800 24px/1.15 var(--bk-f);color:var(--bk-ink);text-transform:none;letter-spacing:0}
#chm_popup.ct-bk .ct-bk__nav{display:flex;align-items:center;gap:8px;margin-left:auto}
#chm_popup.ct-bk .ct-bk__nav-btn{flex:0 0 auto;width:40px;height:40px;border:0;border-radius:50%;background:var(--bk-p-l);color:var(--bk-p);display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:background .2s}
#chm_popup.ct-bk .ct-bk__nav-btn:hover{background:#E7D8F6}
#chm_popup.ct-bk .ct-bk__nav-btn[disabled]{opacity:.35;cursor:default;background:var(--bk-p-l)}
#chm_popup.ct-bk .ct-bk__sel-w{position:relative;display:block;margin:0;flex:0 0 auto}
#chm_popup.ct-bk .ct-bk__sel-w svg{position:absolute;right:12px;top:50%;margin-top:-8px;color:var(--bk-p);pointer-events:none}
#chm_popup.ct-bk select.ct-bk__sel{display:block;width:140px;height:42px;margin:0;padding:0 36px 0 16px;border:1px solid var(--bk-line);border-radius:14px;background:#fff;font:600 16px/1 var(--bk-f);color:var(--bk-ink);cursor:pointer;-webkit-appearance:none;appearance:none;box-shadow:none;outline:0}
#chm_popup.ct-bk select.ct-bk__sel--y{width:96px}
#chm_popup.ct-bk select.ct-bk__sel:focus{border-color:var(--bk-p);box-shadow:0 0 0 4px rgba(127,46,195,.14)}
/* Свой выпадающий список месяца и года (ct-booking.js), только на компьютере; select под капотом скрыт.
   Строка «Выберите дату» + месяц, год, стрелки помещается в одну линию (было 552 px при колонке 550). */
#chm_popup.ct-bk .ct-bk__nav{gap:6px}
#chm_popup.ct-bk .ct-bk__nav-btn{width:38px;height:38px}
#chm_popup.ct-bk .ct-bk__sel-w select.ct-bk__sel{display:none}
#chm_popup.ct-bk .ct-bk__pick{display:flex;align-items:center;width:132px;height:42px;margin:0;padding:0 34px 0 16px;border:1px solid var(--bk-line);border-radius:14px;background:#fff;font:600 16px/1 var(--bk-f);color:var(--bk-ink);text-align:left;white-space:nowrap;cursor:pointer;transition:border-color .15s,box-shadow .15s}
#chm_popup.ct-bk .ct-bk__sel-w:nth-child(3) .ct-bk__pick{width:90px}
#chm_popup.ct-bk .ct-bk__pick:hover{border-color:#D6C2EE}
#chm_popup.ct-bk .ct-bk__pick:focus-visible,#chm_popup.ct-bk .ct-bk__sel-w.is-open .ct-bk__pick{outline:0;border-color:var(--bk-p);box-shadow:0 0 0 4px rgba(127,46,195,.14)}
#chm_popup.ct-bk .ct-bk__sel-w svg{transition:transform .15s}
#chm_popup.ct-bk .ct-bk__sel-w.is-open svg{transform:rotate(180deg)}
#chm_popup.ct-bk .ct-bk__menu{position:absolute;z-index:30;top:calc(100% + 6px);left:0;min-width:100%;max-height:288px;overflow:auto;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid var(--bk-line);border-radius:16px;box-shadow:0 18px 40px rgba(24,16,40,.16),0 2px 6px rgba(24,16,40,.06);overscroll-behavior:contain}
#chm_popup.ct-bk .ct-bk__menu[hidden]{display:none}
#chm_popup.ct-bk .ct-bk__menu:focus{outline:0}
#chm_popup.ct-bk .ct-bk__opt{margin:0;padding:10px 14px;border-radius:10px;font:600 15px/1.2 var(--bk-f);color:var(--bk-ink);white-space:nowrap;cursor:pointer;list-style:none}
#chm_popup.ct-bk .ct-bk__opt+.ct-bk__opt{margin-top:2px}
#chm_popup.ct-bk .ct-bk__opt.is-act{background:var(--bk-p-l);color:var(--bk-p-d)}
#chm_popup.ct-bk .ct-bk__opt[aria-selected="true"]{background:var(--bk-p);color:#fff}
#chm_popup.ct-bk .ct-bk__opt[aria-selected="true"].is-act{background:var(--bk-p-d)}
#chm_popup.ct-bk .dates__months[hidden]{display:none!important}

/* Календарь jqx: свой заголовок со стрелками скрыт, листаем списками выше */
#chm_popup.ct-bk #jqxcalendar{margin:0;border:0!important;border-radius:18px;box-shadow:0 4px 24px rgba(24,16,40,.08);padding:6px 8px;background:#fff!important;font-family:var(--bk-f)!important}
#chm_popup.ct-bk #jqxcalendar *{font-family:var(--bk-f)!important}
#chm_popup.ct-bk #jqxcalendar .jqx-calendar-title-container,#chm_popup.ct-bk #Viewjqxcalendar>div:first-child{display:none!important}
/* высоту строк jqx считает один раз при запуске (320 px с заголовком): задаём свою, без пустоты сверху */
#chm_popup.ct-bk #jqxcalendar,#chm_popup.ct-bk #Viewjqxcalendar,#chm_popup.ct-bk #cellsTableViewjqxcalendar,#chm_popup.ct-bk #cellTableViewjqxcalendar,#chm_popup.ct-bk #jqxcalendar .jqx-calendar-month,#chm_popup.ct-bk #jqxcalendar #calendarContent,#chm_popup.ct-bk #jqxcalendar #calendarContent>td{height:auto!important;overflow:visible!important}
#chm_popup.ct-bk #jqxcalendar td.jqx-calendar-cell{height:40px!important;padding:0!important}
#chm_popup.ct-bk #jqxcalendar .calendar-header{height:26px!important}
#chm_popup.ct-bk #jqxcalendar .jqx-calendar-column-cell{color:var(--bk-mut)!important;font-weight:600!important;text-transform:uppercase;border:0!important;background:transparent!important}
/* дни без тура серые и не нажимаются, дни тура зелёные, выбранный фиолетовый */
#chm_popup.ct-bk #jqxcalendar .jqx-calendar-cell{border-radius:10px!important;font-weight:600!important;border-color:transparent!important;background:transparent!important;color:#B9B4C2!important;pointer-events:none;transition:transform .15s}
#chm_popup.ct-bk #jqxcalendar .jqx-calendar-cell-specialDate{background:var(--bk-ok)!important;color:var(--bk-ok-ink)!important;border-color:var(--bk-ok)!important;pointer-events:auto;cursor:pointer}
#chm_popup.ct-bk #jqxcalendar .jqx-calendar-cell-specialDate:hover{transform:scale(1.06)}
#chm_popup.ct-bk #jqxcalendar .jqx-calendar-cell-selected,#chm_popup.ct-bk #jqxcalendar .jqx-fill-state-pressed{background:var(--bk-p)!important;color:#fff!important;border-color:var(--bk-p)!important;box-shadow:0 6px 14px rgba(127,46,195,.35)}
#chm_popup.ct-bk #jqxcalendar .jqx-calendar-cell-othermonth{visibility:hidden}
/* дни тура из соседнего месяца: jqx не помечает их как othermonth, помечает ct-booking.js */
#chm_popup.ct-bk #jqxcalendar .jqx-calendar-cell.ct-bk-om{visibility:hidden!important;pointer-events:none!important}
/* пока окно брони открыто, кнопка чата не закрывает кнопку заявки (класс ставит ct-booking.js); чат остаётся рабочим */
html.ct-bk-open .ct-chat{visibility:hidden!important;opacity:0!important;pointer-events:none!important}

/* Подсказка по цветам */
#chm_popup.ct-bk .ct-bk__legend{display:flex;flex-wrap:wrap;gap:6px 20px;margin:10px 2px 0;font:500 14px/1.2 var(--bk-f);color:var(--bk-mut)}
#chm_popup.ct-bk .ct-bk__legend span{display:inline-flex;align-items:center;gap:8px}
#chm_popup.ct-bk .ct-bk__legend i{width:18px;height:18px;border-radius:6px;flex:0 0 auto}
#chm_popup.ct-bk .ct-bk__legend .is-sel{background:var(--bk-p)}
#chm_popup.ct-bk .ct-bk__legend .is-on{background:var(--bk-ok)}
#chm_popup.ct-bk .ct-bk__legend .is-off{background:#EEECF1}

/* Счётчик просмотров */
#chm_popup.ct-bk .ct-bk__live{position:relative;display:flex;align-items:center;gap:12px;margin-top:12px;padding:10px 16px;border-radius:16px;background:linear-gradient(90deg,#F6EEFD 0%,#FFF6EC 100%);font:600 15px/1.35 var(--bk-f);color:var(--bk-ink);overflow:hidden}
#chm_popup.ct-bk .ct-bk__live b{display:inline-block;min-width:24px;font-size:22px;font-weight:800;color:var(--bk-o2);transition:transform .35s,opacity .35s}
#chm_popup.ct-bk .ct-bk__live b.is-tick{transform:translateY(-6px);opacity:.2}
#chm_popup.ct-bk .ct-bk__live-dot{position:absolute;top:12px;right:14px;width:8px;height:8px;border-radius:50%;background:#22C55E;box-shadow:0 0 0 0 rgba(34,197,94,.6);animation:ctBkPulse 2s infinite}
@keyframes ctBkPulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}70%{box-shadow:0 0 0 10px rgba(34,197,94,0)}100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}}

/* Правая колонка */
#chm_popup.ct-bk .ct-bk__form-h,#chm_popup.ct-bk .ct-bk__h{text-transform:none;text-align:left;letter-spacing:0}
#chm_popup.ct-bk .ct-bk__form-h{margin:0 64px 4px 0;font:800 24px/1.15 var(--bk-f);color:var(--bk-ink)}
#chm_popup.ct-bk [data-name="chm_privacy"]{display:none!important}
/* плашка «просматривают» из footer.php (z-index 10000) не должна лежать поверх окна: в окне свой счётчик */
body:has(#chm_popup.ct-bk.chm_active) .viewer-notification{display:none!important}
#chm_popup.ct-bk .ct-bk__form-s{margin:0 0 12px;font:500 14px/1.4 var(--bk-f);color:var(--bk-mut)}
#chm_popup.ct-bk .dates__form .bform__title-wrap{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
#chm_popup.ct-bk .dates__form .bform__title_name{display:none}
#chm_popup.ct-bk .dates__form [data-chm-booking-choice]{display:inline-flex;align-items:center;height:30px;padding:0 14px;border-radius:999px;background:var(--bk-p-l);color:var(--bk-p);font:700 13px/1 var(--bk-f)}

#chm_popup.ct-bk .chm-booking-form__people{display:flex;flex-direction:column;gap:0;margin:0;padding:6px 20px;border:0;border-radius:20px 20px 0 0;background:var(--bk-p-l2)}
#chm_popup.ct-bk .chm-booking-form__person{display:flex;align-items:center;gap:12px;min-height:52px;padding:6px 0;border-bottom:1px solid var(--bk-line)}
#chm_popup.ct-bk .chm-booking-form__person[hidden]{display:none}
#chm_popup.ct-bk .chm-booking-form__person:last-child{border-bottom:0}
#chm_popup.ct-bk .chm-booking-form__person>span:not(.ct-bk__ico){flex:1 1 auto;font:700 16px/1.2 var(--bk-f);color:var(--bk-ink)}
#chm_popup.ct-bk .ct-bk__ico{flex:0 0 auto;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 2px 8px rgba(127,46,195,.12)}
#chm_popup.ct-bk .ct-bk__ico svg{width:26px;height:26px}
#chm_popup.ct-bk .chm-booking-form__stepper{display:flex;align-items:center;gap:0;padding:4px;border-radius:999px;background:#EDE3F8}
#chm_popup.ct-bk .chm-booking-form__stepper button{width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:var(--bk-p);font:700 20px/1 var(--bk-f);cursor:pointer;padding:0;transition:background .2s}
#chm_popup.ct-bk .chm-booking-form__stepper button:hover{background:#fff}
#chm_popup.ct-bk .chm-booking-form__stepper output{min-width:44px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:#fff;font:800 17px/1 var(--bk-f);color:var(--bk-ink)}

#chm_popup.ct-bk .chm-booking-form{width:auto;max-width:none;margin:0;padding:0!important;border:0;background:none;box-shadow:none;gap:0}
/* колонка формы по ширине окна: без этого на 320 px сетка растягивалась под содержимое и «+», цена и телефон уходили за край */
#chm_popup.ct-bk .chm-booking-form{grid-template-columns:minmax(0,1fr)}
#chm_popup.ct-bk .chm-booking-form__contacts .wpcf7-form-control-wrap{margin-bottom:0!important}
#chm_popup.ct-bk .wpcf7-response-output:empty{display:none}
/* один тариф: плашка с его названием ничего не даёт, место нужнее */
#chm_popup.ct-bk.ct-bk--one-tariff .dates__form .bform__title-wrap{display:none}

/* Итог со скидкой */
#chm_popup.ct-bk .chm-booking-form__total{display:block;margin:0 0 12px;padding:10px 20px 14px;border-radius:0 0 20px 20px;background:var(--bk-p-l2);border-top:1px solid var(--bk-line);font:inherit;text-align:left}
#chm_popup.ct-bk .ct-bk__old{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font:600 14px/1.3 var(--bk-f);color:var(--bk-mut)}
#chm_popup.ct-bk .ct-bk__old s{font-size:18px;font-weight:700;color:var(--bk-ph);text-decoration-thickness:2px;text-decoration-color:#E04F5F}
#chm_popup.ct-bk .ct-bk__new{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:6px}
#chm_popup.ct-bk .ct-bk__new-l{font:800 17px/1.2 var(--bk-f);color:var(--bk-ink)}
#chm_popup.ct-bk .ct-bk__new strong{font:800 30px/1 var(--bk-f);color:var(--bk-p);white-space:nowrap}
#chm_popup.ct-bk .ct-bk__save{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:6px 12px;border-radius:999px;background:#FFF1DE;color:#A85400;font:800 13px/1 var(--bk-f)}
#chm_popup.ct-bk .ct-bk__save[hidden],#chm_popup.ct-bk .ct-bk__old[hidden]{display:none}

/* Контакты и кнопка */
#chm_popup.ct-bk .chm-booking-form__contacts{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin:0 0 10px}
#chm_popup.ct-bk .chm-booking-form__contacts .wpcf7-form-control-wrap{margin:0;display:block}
#chm_popup.ct-bk .chm-booking-form__contacts .wpcf7-form-control-wrap[data-name="chm_client_email"]{grid-column:1/-1}
#chm_popup.ct-bk .chm-booking-form__contacts input{display:block!important;width:100%!important;height:48px!important;margin:0!important;padding:0 16px!important;border:1px solid var(--bk-line)!important;border-radius:14px!important;background:#fff!important;font:500 16px/1.2 var(--bk-f)!important;color:var(--bk-ink)!important;box-shadow:none!important;outline:0!important}
#chm_popup.ct-bk .chm-booking-form__contacts input:focus{border-color:var(--bk-p)!important;box-shadow:0 0 0 4px rgba(127,46,195,.14)!important}
#chm_popup.ct-bk .wpcf7-acceptance{display:block;margin:0 0 14px}
#chm_popup.ct-bk .wpcf7-acceptance label{display:flex;align-items:center;gap:10px;font:500 14px/1.35 var(--bk-f);color:var(--bk-mut);cursor:pointer}
#chm_popup.ct-bk .wpcf7-acceptance input{width:20px;height:20px;margin:0;accent-color:var(--bk-p);flex:0 0 auto}
#chm_popup.ct-bk input.chm-booking-form__submit{display:block;width:100%!important;min-height:56px;height:auto;margin:0!important;padding:0 24px!important;border:0!important;border-radius:16px!important;background:linear-gradient(90deg,var(--bk-o) 0%,var(--bk-o2) 100%)!important;color:#fff!important;font:800 18px/1.1 var(--bk-f)!important;text-transform:none!important;letter-spacing:0;text-shadow:0 1px 2px rgba(16,24,32,.2);cursor:pointer;box-shadow:0 10px 24px rgba(239,108,0,.28)!important;transition:transform .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}
#chm_popup.ct-bk input.chm-booking-form__submit:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(239,108,0,.36)!important}
#chm_popup.ct-bk .ct-bk__legal{margin:8px 0 0;font:500 12px/1.45 var(--bk-f);color:var(--bk-ph)}
#chm_popup.ct-bk .ct-bk__legal a{color:var(--bk-p);text-decoration:underline}
#chm_popup.ct-bk .popup-cheaper{display:inline-block;margin-top:8px;font:700 14px/1.2 var(--bk-f);color:var(--bk-p);text-decoration:underline;cursor:pointer}
#chm_popup.ct-bk .wpcf7-response-output{margin:12px 0 0;border-radius:12px;font-size:14px}

/* Планшет и телефон: одна колонка, окно на весь экран */
/* Планшет и телефон: одна колонка, окно выезжает снизу. Телефон (решение Саши 27.10): компактно,
   чтобы заявку оставляли быстро: короткая карточка, маленький календарь, без почты и подзаголовков,
   кнопка «Забронировать» всегда видна внизу окна. */
@media (max-width:992px){
	/* планшет и телефон: системный выбор месяца и года, им удобнее пальцем */
	#chm_popup.ct-bk .ct-bk__sel-w select.ct-bk__sel{display:block}
	#chm_popup.ct-bk .ct-bk__pick,#chm_popup.ct-bk .ct-bk__menu{display:none!important}
	#chm_popup.ct-bk{padding:0;align-items:flex-end;backdrop-filter:none;-webkit-backdrop-filter:none}
	#chm_popup.ct-bk .chm_popup{width:100%;max-width:100%;max-height:92dvh;padding:16px 16px 0;border-radius:22px 22px 0 0}
	#chm_popup.ct-bk .booking_form_wrapper,#chm_popup.ct-bk .dates,#chm_popup.ct-bk .booking_form_wrapper .dates__body{padding:0;margin:0}
	#chm_popup.ct-bk .dates__body{grid-template-columns:minmax(0,1fr);gap:16px}
	#chm_popup.ct-bk .dates__calendar,#chm_popup.ct-bk .dates__form{min-width:0;max-width:none;margin:0}
	#chm_popup.ct-bk .dates__form{border-left:0;padding-left:0;border-top:1px solid var(--bk-line);padding-top:14px}
	#chm_popup.ct-bk .chm_popup-close-x{position:sticky;top:0;width:38px;height:38px;margin:0 0 -38px auto;font-size:17px;border-radius:12px}
}
/* Телефон (решение Саши 27.10): всё окно в один экран. Счётчик просмотров строкой в карточке тура,
   заголовок «Выберите дату» и подзаголовок формы скрыты, почту не просим, кнопка прилипает к низу окна. */
@media (max-width:568px){
	#chm_popup.ct-bk .chm_popup{max-height:calc(100dvh - 12px);padding:10px 12px 0}
	#chm_popup.ct-bk .chm_popup-close-x{width:34px;height:34px;margin:0 0 -34px auto;border-radius:10px;font-size:15px}
	#chm_popup.ct-bk .dates__body{gap:8px}
	#chm_popup.ct-bk .dates__form{padding-top:8px}
	#chm_popup.ct-bk .ct-bk__tour{gap:10px;padding:6px;border-radius:14px;margin-right:42px}
	#chm_popup.ct-bk .ct-bk__tour img{width:46px;height:46px;border-radius:10px}
	#chm_popup.ct-bk .ct-bk__tour-name{margin:0 0 3px;font-size:13px;line-height:1.2;padding-right:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
	#chm_popup.ct-bk .ct-bk__tour-date{margin:0 8px 0 0;font-size:13px;gap:4px}
	#chm_popup.ct-bk .ct-bk__tour-date svg{width:14px;height:14px}
	#chm_popup.ct-bk .ct-bk__tour-price{font-size:14px}
	#chm_popup.ct-bk .ct-bk__tour-price small{font-size:12px}
	#chm_popup.ct-bk .ct-bk__tour-live{display:flex;align-items:center;gap:5px;margin-top:3px;font:600 11px/1.2 var(--bk-f);color:var(--bk-mut)}
	#chm_popup.ct-bk .ct-bk__tour-live b{font-weight:800;color:var(--bk-o2);transition:opacity .35s}
	#chm_popup.ct-bk .ct-bk__tour-live b.is-tick{opacity:.2}
	#chm_popup.ct-bk .ct-bk__tour-live i{width:6px;height:6px;border-radius:50%;background:#22C55E}
	#chm_popup.ct-bk .ct-bk__spark,#chm_popup.ct-bk .ct-bk__live,#chm_popup.ct-bk .ct-bk__h,#chm_popup.ct-bk .ct-bk__form-h,#chm_popup.ct-bk .ct-bk__form-s{display:none}
	#chm_popup.ct-bk .ct-bk__date-head{margin:6px 0 4px}
	#chm_popup.ct-bk .ct-bk__nav{width:100%;margin:0;gap:6px}
	#chm_popup.ct-bk .ct-bk__nav-btn{width:36px;height:36px}
	#chm_popup.ct-bk .ct-bk__sel-w{flex:1 1 auto;min-width:0}
	#chm_popup.ct-bk .ct-bk__sel-w:nth-child(3){flex:0 0 92px}
	#chm_popup.ct-bk select.ct-bk__sel{width:100%;height:36px;padding:0 30px 0 12px;font-size:16px;border-radius:12px}
	#chm_popup.ct-bk .ct-bk__sel-w svg{right:9px}
	#chm_popup.ct-bk #jqxcalendar{padding:2px 4px;border-radius:14px;box-shadow:0 2px 12px rgba(24,16,40,.08)}
	#chm_popup.ct-bk #jqxcalendar td.jqx-calendar-cell{height:28px!important;border-radius:8px!important;font-size:14px!important}
	#chm_popup.ct-bk #jqxcalendar .calendar-header{height:22px!important}
	#chm_popup.ct-bk #jqxcalendar .jqx-calendar-column-cell{font-size:11px!important}
	#chm_popup.ct-bk .ct-bk__legend{gap:4px 14px;margin:4px 2px 0;font-size:12px}
	#chm_popup.ct-bk .ct-bk__legend i{width:13px;height:13px;border-radius:4px}
	#chm_popup.ct-bk .dates__form .bform__title-wrap{margin:0 0 6px}
	#chm_popup.ct-bk .dates__form [data-chm-booking-choice]{height:24px;padding:0 10px;font-size:12px}
	#chm_popup.ct-bk .chm-booking-form__people{padding:0 12px;border-radius:14px 14px 0 0}
	#chm_popup.ct-bk .chm-booking-form__person{min-height:42px;padding:3px 0;gap:10px}
	#chm_popup.ct-bk .chm-booking-form__person>span:not(.ct-bk__ico){font-size:14px}
	#chm_popup.ct-bk .ct-bk__ico{width:28px;height:28px;border-radius:8px}
	#chm_popup.ct-bk .ct-bk__ico svg{width:20px;height:20px}
	#chm_popup.ct-bk .chm-booking-form__stepper{padding:2px}
	#chm_popup.ct-bk .chm-booking-form__stepper button{width:30px;height:30px;font-size:18px}
	#chm_popup.ct-bk .chm-booking-form__stepper output{min-width:32px;height:30px;font-size:15px}
	/* итог в две строки: «без скидки» с экономией, ниже выгодная цена */
	#chm_popup.ct-bk .chm-booking-form__total{display:flex;flex-wrap:wrap;align-items:center;gap:0 8px;margin:0 0 8px;padding:6px 12px 8px;border-radius:0 0 14px 14px}
	#chm_popup.ct-bk .ct-bk__old{font-size:12px;justify-content:flex-start;gap:6px}
	#chm_popup.ct-bk .ct-bk__old s{font-size:13px}
	#chm_popup.ct-bk .ct-bk__save{order:1;margin:0;padding:3px 8px;font-size:11px}
	#chm_popup.ct-bk .ct-bk__old{order:0}
	#chm_popup.ct-bk .ct-bk__new{order:2;flex:1 0 100%;margin-top:2px}
	#chm_popup.ct-bk .ct-bk__new-l{font-size:14px}
	#chm_popup.ct-bk .ct-bk__new strong{font-size:22px}
	#chm_popup.ct-bk .chm-booking-form__contacts{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin:0 0 8px}
	#chm_popup.ct-bk .chm-booking-form__contacts .wpcf7-form-control-wrap[data-name="chm_client_email"]{display:none}
	#chm_popup.ct-bk .chm-booking-form__contacts input{height:44px!important;padding:0 12px!important;font-size:16px!important;border-radius:12px!important}
	#chm_popup.ct-bk input.chm-booking-form__submit{position:sticky;bottom:6px;z-index:2;min-height:50px;font-size:15px!important;border-radius:14px!important;box-shadow:0 -8px 12px 4px #fff,0 8px 18px rgba(239,108,0,.28)!important}
	#chm_popup.ct-bk .ct-bk__legal{margin:6px 0 0;font-size:10px;line-height:1.35}
	#chm_popup.ct-bk .popup-cheaper{margin:2px 0 8px;font-size:12px}
}
/* Низкий телефон (iPhone SE 320×568 и подобные): ещё плотнее, чтобы окно влезло в один экран
   вместе с кнопкой, согласием и «Нашли дешевле?». На iPhone 13 и выше не действует. */
@media (max-width:568px) and (max-height:620px){
	#chm_popup.ct-bk .chm_popup{max-height:calc(100dvh - 4px);padding-top:8px}
	#chm_popup.ct-bk .chm_popup-close-x{width:30px;height:30px;margin:0 0 -30px auto}
	#chm_popup.ct-bk .dates__body{gap:6px}
	#chm_popup.ct-bk .dates__form{padding-top:6px}
	#chm_popup.ct-bk .ct-bk__tour{padding:4px;margin-right:40px;gap:8px}
	#chm_popup.ct-bk .ct-bk__tour img{width:40px;height:40px;border-radius:8px}
	#chm_popup.ct-bk .ct-bk__tour-name{margin:0 0 1px;font-size:12px}
	#chm_popup.ct-bk .ct-bk__tour-date,#chm_popup.ct-bk .ct-bk__tour-price{font-size:12px}
	#chm_popup.ct-bk .ct-bk__tour-live{margin-top:1px;font-size:10px}
	#chm_popup.ct-bk .ct-bk__date-head{margin:2px 0}
	#chm_popup.ct-bk .ct-bk__nav-btn{width:32px;height:32px}
	#chm_popup.ct-bk select.ct-bk__sel{height:32px;font-size:16px}
	#chm_popup.ct-bk .ct-bk__sel-w:nth-child(3){flex:0 0 86px}
	#chm_popup.ct-bk #jqxcalendar td.jqx-calendar-cell{height:22px!important;font-size:13px!important}
	#chm_popup.ct-bk #jqxcalendar .calendar-header{height:18px!important}
	#chm_popup.ct-bk .ct-bk__legend{gap:2px 10px;margin:2px 2px 0;font-size:11px}
	#chm_popup.ct-bk .ct-bk__legend span{gap:5px;white-space:nowrap}
	#chm_popup.ct-bk .ct-bk__legend i{width:10px;height:10px;border-radius:3px}
	#chm_popup.ct-bk .chm-booking-form__person{min-height:34px;padding:1px 0}
	#chm_popup.ct-bk .ct-bk__ico{width:24px;height:24px}
	#chm_popup.ct-bk .ct-bk__ico svg{width:17px;height:17px}
	#chm_popup.ct-bk .chm-booking-form__total{margin:0 0 6px;padding:3px 12px 5px}
	#chm_popup.ct-bk .ct-bk__old{font-size:11px;gap:4px}
	#chm_popup.ct-bk .ct-bk__old s{font-size:12px}
	#chm_popup.ct-bk .ct-bk__save{padding:2px 6px;font-size:10px}
	#chm_popup.ct-bk .ct-bk__new{margin-top:0}
	#chm_popup.ct-bk .ct-bk__new strong{font-size:20px}
	#chm_popup.ct-bk .chm-booking-form__contacts{margin:0 0 6px}
	#chm_popup.ct-bk .chm-booking-form__contacts input{height:40px!important;min-height:40px!important}
	#chm_popup.ct-bk input.chm-booking-form__submit{min-height:44px;bottom:4px}
	#chm_popup.ct-bk .ct-bk__legal{margin:4px 0 0;line-height:1.3}
	#chm_popup.ct-bk .popup-cheaper{margin:0 0 6px}
}
/* Узкий телефон (320-360 px): надпись «Забронировать по цене со скидкой» не влезала в кнопку */
@media (max-width:360px){
	#chm_popup.ct-bk input.chm-booking-form__submit{padding:0 8px!important;font-size:13px!important;letter-spacing:-.01em}
}
@media (prefers-reduced-motion:reduce){
	#chm_popup.ct-bk *{transition:none!important;animation:none!important}
	#chm_popup.ct-bk .chm_popup{opacity:1}/* без анимаций страховка ctBkShow не сработает: окно видно сразу */
}

/* ---------- страница тура нового шаблона (28.10, просьбы Саши), вне окна брони ---------- */
/* 1. Плавающий купон 700 ₽ (и билет с ним) уходил под закреплённую белую плашку вкладок на окнах ниже ~770 px: шаблон ставит
   блок по высоте окна (56% высоты минус полвысоты билета), а у купона отступ -93 px вверх. Ставим блоку верх не выше, чем
   шапка сайта (44 px) + плашка вкладок (76 px) + 12 px + 93 px купона = 225 px (переменная шапки --chm-global-nav-bottom задана только на плашке,
   до блока купона она не доходит, поэтому число прямое). Только компьютер, окна 675-800 px высотой: ниже билет перестал бы
   помещаться, выше шаблон и так ставит блок достаточно низко. Блок в этот момент закреплён (position: fixed ставит JS шаблона). */
@media (min-width:1101px) and (max-height:800px) and (min-height:675px){
	.chm-floating-wrapper[style*="position: fixed"]{top:225px!important}
}
/* 2. «Взять купон» в блоке цен: одна строка (150 px при отступах 22 px не хватало на текст) */
.chm-prices .chm-prices__coupon .get_coupon{white-space:nowrap}
@media (min-width:600px){
	.chm-prices .chm-prices__coupon .get_coupon{flex:0 0 auto;width:auto;min-width:150px;max-width:none;padding:0 20px}
}
/* 3. «Льготные цены / Скидки и условия» и «Что входит в тариф?» одной высоты, содержимое по центру.
   Пока список льгот закрыт: строки сетки равны, карточки растягиваются. Открытая карточка растёт сама, вторая не тянется. */
.chm-prices .chm-prices__details-row:not(:has(details[open])){grid-auto-rows:1fr}
.chm-prices .chm-prices__details-row:not(:has(details[open])) .chm-prices__benefits{display:flex;flex-direction:column}
.chm-prices .chm-prices__details-row:not(:has(details[open])) .chm-prices__benefits>summary{flex:1 1 auto}
.chm-prices .chm-prices__details-row .chm-prices__tariff-info-wrap{display:flex;flex-direction:column}
.chm-prices .chm-prices__details-row:not(:has(details[open])) .chm-prices__tariff-info-wrap .chm-prices__tariff-info{flex:1 1 auto}
.chm-prices .chm-prices__benefits>summary::after{top:50%;line-height:1;transform:translateY(-50%)}
.chm-prices .chm-prices__benefits[open]>summary::after{transform:translateY(-50%) rotate(90deg)}