/* =========================================================================
   Central Property — шапка, подвал, нижняя панель (этап 2).
   Шаблоны: templates/header.json (tmp_header), templates/footer.json (tmp_footer).
   Houzez Studio выводит шапку в <header id="header-hz-elementor">, подвал — в <footer>.
   Цвета, радиусы, тени, длительности — только токены --cp-* из style.css.
   Движение — только transform/opacity, 150–400 мс; prefers-reduced-motion учтён.
   Брейкпоинты как у Elementor: телефон ≤ 767, планшет ≤ 1024.
   ========================================================================= */

:root{
  --cp-header-h:68px;
  --cp-header-h-m:58px;
  --cp-mobilebar-h:64px;
  --cp-tap:44px;
  --cp-z-header:1045;     /* выше подложки offcanvas Bootstrap (1040), ниже модальных окон (1055) */
  --cp-z-mobilebar:1030;
  --cp-night-line:color-mix(in srgb,var(--cp-on-night) 14%,transparent);
}

/* ---------- 1. Шапка: липкость ---------- */
/* Липким делаем обёртку Houzez: внутри неё .cp-header занимает всю высоту, и sticky на нём не сработает. */
#header-hz-elementor{position:sticky;top:0;z-index:var(--cp-z-header)}
.admin-bar #header-hz-elementor{top:32px}
@media (max-width:782px){.admin-bar #header-hz-elementor{top:46px}}
@media (max-width:600px){.admin-bar #header-hz-elementor{top:0}}

/* Тень при прокрутке — отдельный слой с opacity (не анимируем box-shadow). Класс is-scrolled ставит js/header-footer.js. */
#header-hz-elementor::after{content:"";position:absolute;left:0;right:0;top:100%;height:12px;pointer-events:none;background:linear-gradient(to bottom,color-mix(in srgb,var(--cp-text) 10%,transparent),transparent);opacity:0;transition:opacity var(--cp-dur-base) var(--cp-ease)}
#header-hz-elementor.is-scrolled::after{opacity:1}

/* ---------- 2. Шапка: каркас ---------- */
#header-hz-elementor .cp-header{background-color:var(--cp-surface);border-bottom:1px solid var(--cp-line);min-height:var(--cp-header-h)}
#header-hz-elementor .cp-header .elementor-widget{margin:0}
#header-hz-elementor .cp-header .elementor-widget:not(:last-child){margin-block-end:0}
#header-hz-elementor .cp-header > .e-con-inner > .elementor-widget,
#header-hz-elementor .cp-header > .elementor-widget{flex:0 0 auto;width:auto;max-width:none}

/* Логотип: 30 px на компьютере, 24 px на телефоне */
#header-hz-elementor .cp-header__logo .favethemes-site-logo,
#header-hz-elementor .cp-header__logo .logo{display:flex;align-items:center;line-height:0}
#header-hz-elementor .cp-header__logo a{display:inline-flex;align-items:center;min-height:var(--cp-tap)}
#header-hz-elementor .cp-header__logo img{display:block;height:30px;width:auto;max-width:none}

/* Меню Houzez (houzez_site_menu): по центру на компьютере */
#header-hz-elementor .cp-header > .e-con-inner > .cp-header__menu,
#header-hz-elementor .cp-header > .cp-header__menu{flex:1 1 auto;min-width:0}
#header-hz-elementor .cp-header__menu .houzez-nav-menu-main .navbar-nav{flex-wrap:nowrap}
#header-hz-elementor .cp-header__menu .houzez-nav-menu-main-desktop-wrap .nav-link{position:relative;display:flex;align-items:center;min-height:var(--cp-tap);white-space:nowrap;color:var(--cp-text);transition:none}
#header-hz-elementor .cp-header__menu .houzez-nav-menu-main-desktop-wrap .nav-link:hover,
#header-hz-elementor .cp-header__menu .houzez-nav-menu-main-desktop-wrap .nav-link:focus-visible{color:var(--cp-accent)}
#header-hz-elementor .cp-header__menu .houzez-nav-menu-main-desktop-wrap .current-menu-item > .nav-link,
#header-hz-elementor .cp-header__menu .houzez-nav-menu-main-desktop-wrap .current-menu-ancestor > .nav-link{color:var(--cp-accent-text)}
/* Подчёркивание пункта: scaleX + opacity */
#header-hz-elementor .cp-header__menu .houzez-nav-menu-main-desktop-wrap .navbar-nav > .nav-item > .nav-link::after{content:"";position:absolute;left:10px;right:10px;bottom:6px;height:2px;border-radius:2px;background:var(--cp-accent);transform:scaleX(0);transform-origin:left center;opacity:0;transition:transform var(--cp-dur-base) var(--cp-ease),opacity var(--cp-dur-fast) var(--cp-ease)}
#header-hz-elementor .cp-header__menu .houzez-nav-menu-main-desktop-wrap .navbar-nav > .nav-item > .nav-link:hover::after,
#header-hz-elementor .cp-header__menu .houzez-nav-menu-main-desktop-wrap .navbar-nav > .nav-item > .nav-link:focus-visible::after,
#header-hz-elementor .cp-header__menu .houzez-nav-menu-main-desktop-wrap .navbar-nav > .current-menu-item > .nav-link::after{transform:scaleX(1);opacity:1}

/* Бургер Houzez (на планшете и телефоне) — цель касания 44×44 */
#header-hz-elementor .cp-header__menu .houzez-menu-toggle-button{display:inline-grid;place-items:center;width:var(--cp-tap);height:var(--cp-tap);padding:0;border-radius:var(--cp-r-pill);color:var(--cp-text);font-size:22px;line-height:1;cursor:pointer;transition:transform var(--cp-dur-fast) var(--cp-ease)}
#header-hz-elementor .cp-header__menu .houzez-menu-toggle-button:hover{background-color:var(--cp-surface-2)}
#header-hz-elementor .cp-header__menu .houzez-menu-toggle-button:active{transform:scale(.94)}
#header-hz-elementor .cp-header__menu .houzez-menu-toggle-button:focus-visible{outline:2px solid var(--cp-accent);outline-offset:2px}

/* Шторка меню (offcanvas Bootstrap внутри виджета) */
#header-hz-elementor .cp-header__menu .offcanvas-mobile-menu{width:min(86vw,340px);background-color:var(--cp-surface);color:var(--cp-text)}
#header-hz-elementor .cp-header__menu .offcanvas-header{min-height:var(--cp-header-h-m);border-bottom:1px solid var(--cp-line);font-family:var(--cp-font-head);font-weight:600}
#header-hz-elementor .cp-header__menu .offcanvas-header .btn-close{display:inline-grid;place-items:center;width:var(--cp-tap);height:var(--cp-tap);opacity:1;color:var(--cp-text)}
#header-hz-elementor .cp-header__menu .offcanvas-mobile-menu-body .nav-link{display:flex;align-items:center;min-height:48px;font-size:16px;font-weight:500;color:var(--cp-text)}
#header-hz-elementor .cp-header__menu .offcanvas-mobile-menu-body .current-menu-item > .nav-link{color:var(--cp-accent-text)}

/* ---------- 3. Поиск по ID ---------- */
.cp-idsearch{margin:0}
#header-hz-elementor .cp-idsearch{display:flex;align-items:center;height:var(--cp-tap);padding-left:14px;border:1px solid var(--cp-line-strong);border-radius:var(--cp-r-pill);background-color:var(--cp-surface)}
#header-hz-elementor .cp-idsearch:focus-within{border-color:var(--cp-accent);box-shadow:0 0 0 3px var(--cp-accent-soft)}
#header-hz-elementor .cp-idsearch input{width:132px;height:100%;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;outline:0;-webkit-appearance:none;appearance:none;font:500 14px/1 var(--cp-font-text);color:var(--cp-text)}
#header-hz-elementor .cp-idsearch input::placeholder{color:var(--cp-faint);opacity:1}
#header-hz-elementor .cp-idsearch input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
#header-hz-elementor .cp-idsearch button{display:grid;place-items:center;flex:none;width:40px;height:40px;margin-right:1px;padding:0;border:0;border-radius:var(--cp-r-pill);background:transparent;color:var(--cp-accent-text);cursor:pointer}
#header-hz-elementor .cp-idsearch button:hover{background-color:var(--cp-accent-soft)}
#header-hz-elementor .cp-idsearch button:focus-visible{outline:2px solid var(--cp-accent);outline-offset:1px}
.cp-idsearch svg,.cp-iconbtn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ---------- 4. Иконка «Сравнение» и кнопка «Позвонить» ---------- */
.cp-iconbtn{position:relative;display:inline-grid;place-items:center;width:var(--cp-tap);height:var(--cp-tap);border-radius:var(--cp-r-pill);color:var(--cp-text);text-decoration:none;transition:transform var(--cp-dur-fast) var(--cp-ease)}
.cp-iconbtn svg{width:22px;height:22px}
.cp-iconbtn:hover{background-color:var(--cp-surface-2);color:var(--cp-text);text-decoration:none}
.cp-iconbtn:active{transform:scale(.94)}
.cp-iconbtn:focus-visible{outline:2px solid var(--cp-accent);outline-offset:2px}

#header-hz-elementor .cp-header__call .elementor-button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--cp-tap);padding:0 18px;border:0;border-radius:var(--cp-r-sm);background-color:var(--cp-accent);background-image:none;color:var(--cp-on-accent);font:600 15px/1 var(--cp-font-text);letter-spacing:0;fill:currentColor;transition:transform var(--cp-dur-fast) var(--cp-ease)}
#header-hz-elementor .cp-header__call .elementor-button:hover,
#header-hz-elementor .cp-header__call .elementor-button:focus-visible{background-color:var(--cp-accent-hover);color:var(--cp-on-accent)}
#header-hz-elementor .cp-header__call .elementor-button:active{transform:scale(.97)}
#header-hz-elementor .cp-header__call .elementor-button:focus-visible{outline:2px solid var(--cp-accent);outline-offset:2px}
#header-hz-elementor .cp-header__call .elementor-button-content-wrapper{display:inline-flex;align-items:center;gap:8px}
#header-hz-elementor .cp-header__call .elementor-button-icon{margin:0;font-size:16px;line-height:0}
#header-hz-elementor .cp-header__call .elementor-button-icon svg{width:16px;height:16px;fill:currentColor}


/* ---------- 5. Шапка: адаптив ---------- */
/* Houzez показывает меню/бургер по атрибуту data-elementor-device-mode (ставит JS Elementor) — до него меню нет.
   Дублируем медиазапросами по брейкпоинту Elementor (планшет ≤ 1024): без мигания и без зависимости от JS. */
@media (min-width:1025px){
  #header-hz-elementor .cp-header__menu .houzez-nav-menu-main-desktop-wrap{display:block}
  #header-hz-elementor .cp-header__menu .nav-mobile{display:none}
}
@media (max-width:1024px){
  #header-hz-elementor .cp-header__menu .houzez-nav-menu-main-desktop-wrap{display:none}
  #header-hz-elementor .cp-header__menu .nav-mobile{display:block}
}
/* Узкий компьютер (1025–1279): меню плотнее, «Позвонить» — иконкой (текст скрыт визуально, остаётся для экранных дикторов); поле ID — с 1200 px */
@media (min-width:1025px) and (max-width:1279px){
  #header-hz-elementor .cp-header__menu .houzez-nav-menu-main-desktop-wrap .nav-link{font-size:14px;padding-left:8px;padding-right:8px}
  #header-hz-elementor .cp-header__menu .houzez-nav-menu-main-desktop-wrap .navbar-nav > .nav-item > .nav-link::after{left:8px;right:8px}
  #header-hz-elementor .cp-header__call .elementor-button{width:var(--cp-tap);padding:0}
  #header-hz-elementor .cp-header__call .elementor-button-text{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
@media (min-width:1025px) and (max-width:1199px){
  #header-hz-elementor .cp-header__id{display:none}
}
/* Планшет и телефон: логотип слева, всё остальное справа, бургер последним */
@media (max-width:1024px){
  #header-hz-elementor .cp-header > .e-con-inner > .cp-header__logo,
  #header-hz-elementor .cp-header > .cp-header__logo{margin-right:auto}
  #header-hz-elementor .cp-header > .e-con-inner > .cp-header__menu,
  #header-hz-elementor .cp-header > .cp-header__menu{flex:0 0 auto;order:10}
}
/* Телефон: высота 58, логотип 24, «Позвонить» — иконка 44×44 */
@media (max-width:767px){
  #header-hz-elementor .cp-header{min-height:var(--cp-header-h-m)}
  #header-hz-elementor .cp-header__logo img{height:24px}
  #header-hz-elementor .cp-header__call .elementor-button{width:var(--cp-tap);padding:0}
  #header-hz-elementor .cp-header__call .elementor-button-text{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  #header-hz-elementor .cp-header__id{display:none}
}

/* ---------- 6. Подвал ---------- */
footer .cp-footer{position:relative;overflow:hidden;background-color:var(--cp-night);color:var(--cp-on-night)}
footer .cp-footer .elementor-widget{margin:0}
footer .cp-footer .elementor-widget:not(:last-child){margin-block-end:0}
/* Содержимое — над орнаментом. Стек не изолируем: иначе нижняя панель (position:fixed) окажется под карточками. */
footer .cp-footer > .cp-footer__main,
footer .cp-footer > .cp-footer__bottom,
footer .cp-footer > .cp-footer__skyline{position:relative;z-index:1}

/* Орнамент «гирих»: маска pattern.svg, низкая непрозрачность */
footer .cp-footer > .cp-footer__ornament{position:absolute!important;inset:0;z-index:0;width:auto;max-width:none;margin:0;pointer-events:none}
footer .cp-footer .cp-ornament{position:absolute;inset:0;background-color:var(--cp-on-night);-webkit-mask:url(../assets/img/pattern.svg) 0 0/96px 96px repeat;mask:url(../assets/img/pattern.svg) 0 0/96px 96px repeat;opacity:.05}

/* Силуэт Ташкента сверху: маска skyline.svg, opacity .14 */
footer .cp-footer .cp-skyline{height:56px;color:var(--cp-on-night);background-color:currentColor;-webkit-mask:url(../assets/img/skyline.svg) center bottom/auto 100% no-repeat;mask:url(../assets/img/skyline.svg) center bottom/auto 100% no-repeat;opacity:.14}
@media (min-width:768px){footer .cp-footer .cp-skyline{height:96px}}

/* Колонки */
footer .cp-footer__main{border-top:1px solid var(--cp-night-line)}
footer .cp-footer .cp-footer__col{--width:auto;flex:1 1 0;min-width:0}
footer .cp-footer .cp-footer__col--brand{flex-grow:1.4}
footer .cp-footer .cp-footer__col--contacts{flex-grow:1.2}
@media (max-width:767px){footer .cp-footer .cp-footer__col{flex:0 0 auto;width:100%}}

footer .cp-footer__logo{display:inline-flex;align-items:center;min-height:var(--cp-tap);margin-bottom:8px}
footer .cp-footer__logo img{display:block;height:30px;width:auto}
footer .cp-footer__about{margin:0 0 10px;max-width:40ch;font-size:15px;line-height:1.55;color:var(--cp-on-night-muted)}
footer .cp-footer__honest{font-size:14px}

footer .cp-footer__h{margin:0 0 8px;font-family:var(--cp-font-text);font-size:14px;font-weight:600;line-height:1.3;letter-spacing:.06em;text-transform:uppercase;color:var(--cp-on-night-muted)}

footer .cp-footer ul.cp-footer__links,
footer .cp-footer ul.cp-footer__contacts{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0}
footer .cp-footer a{color:var(--cp-on-night);text-decoration:none}
footer .cp-footer a:hover{color:var(--cp-gold);text-decoration:none}
footer .cp-footer :focus-visible{outline:2px solid var(--cp-gold);outline-offset:2px}
footer .cp-footer__links a{display:flex;align-items:center;min-height:var(--cp-tap);font-size:15px}
footer .cp-footer .cp-footer__extra{margin-top:var(--cp-s2)}

/* Меню Houzez в подвале (вертикальное, без бургера) — выглядит как список ссылок */
footer .cp-footer__menu .houzez-nav-menu-main-desktop-wrap .navbar-nav{gap:0}
footer .cp-footer__menu .houzez-nav-menu-main-desktop-wrap .nav-link{display:flex;align-items:center;min-height:var(--cp-tap);padding:0;font-size:15px;color:var(--cp-on-night);transition:none}
footer .cp-footer__menu .houzez-nav-menu-main-desktop-wrap .nav-link:hover,
footer .cp-footer__menu .houzez-nav-menu-main-desktop-wrap .current-menu-item > .nav-link{color:var(--cp-gold)}

/* Контакты */
footer .cp-footer__contacts a,
footer .cp-footer__hours{display:flex;align-items:center;gap:10px;min-height:var(--cp-tap);font-size:15px;overflow-wrap:anywhere}
footer .cp-footer__hours{color:var(--cp-on-night-muted)}
footer .cp-footer__contacts svg{flex:none;width:18px;height:18px;fill:none;stroke:var(--cp-gold);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Нижняя строка */
footer .cp-footer__bottom{border-top:1px solid var(--cp-night-line)}
footer .cp-footer__legal .elementor-widget-container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 24px}
footer .cp-footer__copy,
footer .cp-footer__credit{margin:0;font-size:14px;line-height:1.5;color:var(--cp-on-night-muted)}
footer .cp-footer__copy a,
footer .cp-footer__credit a{display:inline-flex;align-items:center;min-height:var(--cp-tap);color:var(--cp-on-night-muted);text-decoration:underline;text-underline-offset:3px}
footer .cp-footer__copy a:hover,
footer .cp-footer__credit a:hover{color:var(--cp-gold)}
footer .cp-footer__legal{width:100%}

/* ---------- 7. Нижняя панель на телефоне (.cp-mobilebar) ---------- */
/* Виджет с панелью стоит в подвале, но места в потоке не занимает */
footer .cp-footer > .cp-footer__mobilebar{position:absolute!important;left:0;bottom:0;width:0;height:0;margin:0;overflow:visible}
.cp-mobilebar{display:none}
@media (max-width:767px){
  .cp-mobilebar{position:fixed;z-index:var(--cp-z-mobilebar);left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);height:calc(var(--cp-mobilebar-h) + env(safe-area-inset-bottom));padding:0 4px env(safe-area-inset-bottom);background-color:var(--cp-surface);border-top:1px solid var(--cp-line);box-shadow:var(--cp-shadow-2)}
  .cp-mobilebar a,
  .cp-mobilebar button{position:relative;z-index:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:var(--cp-mobilebar-h);margin:0;padding:0 2px;border:0;background:transparent;color:var(--cp-muted);font:500 12px/1.1 var(--cp-font-text);letter-spacing:-.01em;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--cp-dur-fast) var(--cp-ease)}
  .cp-mobilebar span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .cp-mobilebar svg{flex:none;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .cp-mobilebar a:hover,
  .cp-mobilebar button:hover{color:var(--cp-text);text-decoration:none}
  .cp-mobilebar a:active,
  .cp-mobilebar button:active{transform:scale(.95)}
  .cp-mobilebar a:focus-visible,
  .cp-mobilebar button:focus-visible{outline:2px solid var(--cp-accent);outline-offset:-4px;border-radius:var(--cp-r-md)}
  .cp-mobilebar [aria-current="page"]{color:var(--cp-accent-text)}
  .cp-mobilebar .cp-mobilebar__call,
  .cp-mobilebar .cp-mobilebar__call:hover{color:var(--cp-on-accent)}
  .cp-mobilebar__call::before{content:"";position:absolute;inset:6px 4px;z-index:-1;border-radius:var(--cp-r-md);background-color:var(--cp-accent)}

  /* Отступ снизу, чтобы панель не закрывала конец страницы */
  body:not(.single-property):has(.cp-mobilebar){padding-bottom:calc(var(--cp-mobilebar-h) + env(safe-area-inset-bottom))}
  body.cp-has-mobilebar:not(.single-property){padding-bottom:calc(var(--cp-mobilebar-h) + env(safe-area-inset-bottom))}
  /* Кнопка Houzez «наверх» — над панелью */
  body:not(.single-property) .back-to-top-wrap{bottom:calc(var(--cp-mobilebar-h) + 12px + env(safe-area-inset-bottom))}
}
@media (max-width:359px){
  .cp-mobilebar a,
  .cp-mobilebar button{font-size:12px}
}
/* На странице объекта панель скрыта: там своя липкая панель CTA (агент страницы объекта) */
body.single-property .cp-mobilebar{display:none}

/* ---------- 8. Окно «Найти объект по ID» (нативный <dialog>) ---------- */
.cp-iddialog{width:min(92vw,420px);max-width:none;margin:auto;padding:20px;border:0;border-radius:var(--cp-r-lg);background-color:var(--cp-surface);color:var(--cp-text);box-shadow:var(--cp-shadow-3)}
.cp-iddialog::backdrop{background-color:color-mix(in srgb,var(--cp-night) 60%,transparent)}
.cp-iddialog[open]{animation:cp-dialog-in var(--cp-dur-base) var(--cp-ease)}
@keyframes cp-dialog-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.cp-iddialog .cp-idsearch{position:relative;display:block}
.cp-iddialog__title{margin:0 48px 12px 0;font:600 20px/1.25 var(--cp-font-head);color:var(--cp-text)}
.cp-iddialog__label{display:block;margin:0 0 8px;font-size:14px;color:var(--cp-muted)}
.cp-iddialog__row{display:flex;gap:8px}
.cp-iddialog__row input{flex:1 1 auto;min-width:0;height:48px;margin:0;padding:0 14px;border:1px solid var(--cp-line-strong);border-radius:var(--cp-r-sm);background-color:var(--cp-surface);font:500 16px/1 var(--cp-font-text);color:var(--cp-text);-webkit-appearance:none;appearance:none}
.cp-iddialog__row input:focus{border-color:var(--cp-accent);box-shadow:0 0 0 3px var(--cp-accent-soft);outline:0}
.cp-iddialog__submit{flex:none;height:48px;padding:0 20px;border:0;border-radius:var(--cp-r-sm);background-color:var(--cp-accent);color:var(--cp-on-accent);font:600 16px/1 var(--cp-font-text);cursor:pointer;transition:transform var(--cp-dur-fast) var(--cp-ease)}
.cp-iddialog__submit:hover{background-color:var(--cp-accent-hover)}
.cp-iddialog__submit:active{transform:scale(.97)}
.cp-iddialog__submit:focus-visible{outline:2px solid var(--cp-accent);outline-offset:2px}
.cp-iddialog__close{position:absolute;top:-10px;right:-10px;display:grid;place-items:center;width:var(--cp-tap);height:var(--cp-tap);padding:0;border:0;border-radius:var(--cp-r-pill);background:transparent;color:var(--cp-text);cursor:pointer}
.cp-iddialog__close:hover{background-color:var(--cp-surface-2)}
.cp-iddialog__close:focus-visible{outline:2px solid var(--cp-accent);outline-offset:0}
.cp-iddialog__close svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}

/* ---------- 9. Уменьшенное движение ---------- */
@media (prefers-reduced-motion: reduce){
  #header-hz-elementor::after,
  #header-hz-elementor .cp-header__menu .nav-link::after,
  .cp-iconbtn,.cp-mobilebar a,.cp-mobilebar button,
  #header-hz-elementor .cp-header__call .elementor-button,
  .cp-iddialog__submit{transition:none}
  .cp-iddialog[open]{animation:none}
}
