/* ad-lead.css — короткий путь к заказу: панель снизу и форма заявки.
   Живёт на всех страницах, где подключён ad-btn.js. */

.adl-bar{
  position:fixed; left:0; right:0; bottom:0; z-index:9990;
  display:none; align-items:center; gap:10px;
  padding:10px 14px calc(10px + env(safe-area-inset-bottom));
  background:rgba(17,17,19,.94); backdrop-filter:blur(12px);
  border-top:1px solid rgba(255,255,255,.10);
  font:500 14px/1.25 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  transform:translateY(110%); transition:transform .28s cubic-bezier(.22,.61,.36,1);
}
/* :not([hidden]) обязателен — иначе display перебьёт атрибут hidden
   и панель останется в потоке, перехватывая касания внизу экрана. */
.adl-bar:not([hidden]){display:flex}
.adl-bar.is-in{transform:translateY(0)}
.adl-bar__t{flex:1 1 auto; min-width:0; color:#fff}
.adl-bar__t b{display:block; font-weight:600; font-size:14px;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.adl-bar__t span{display:block; margin-top:2px; font-size:12px; color:rgba(255,255,255,.62);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.adl-go{
  flex:0 0 auto; appearance:none; border:0; cursor:pointer;
  padding:12px 18px; border-radius:999px; background:#fff; color:#111;
  font:600 14px/1 inherit; white-space:nowrap;
}
.adl-go:hover{background:#ececec}
.adl-tg{
  flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center;
  width:44px; height:44px; border-radius:999px; text-decoration:none;
  background:rgba(255,255,255,.10); color:#fff;
}
.adl-tg:hover{background:rgba(255,255,255,.18)}
.adl-tg svg{width:20px;height:20px;fill:currentColor}

/* Десктоп: не занимаем всю ширину и уходим влево — справа висит виджет мессенджеров. */
@media (min-width:900px){
  .adl-bar{
    left:24px; right:auto; bottom:24px; border-radius:999px;
    border:1px solid rgba(255,255,255,.12); padding:10px 10px 10px 20px;
    max-width:min(460px,calc(100vw - 48px)); box-shadow:0 12px 40px rgba(0,0,0,.35);
  }
}
/* Мобильный: поднимаем чужой виджет над нашей панелью, чтобы кружок её не накрывал. */
@media (max-width:899px){
  body.adl-on #arcontactus{bottom:86px !important}
}

.adl-veil{
  position:fixed; inset:0; z-index:9995; display:none;
  background:rgba(8,8,10,.62); backdrop-filter:blur(3px);
  opacity:0; transition:opacity .22s ease;
}
.adl-veil:not([hidden]){display:block}
.adl-veil.is-in{opacity:1}

.adl-sheet{
  position:fixed; z-index:9996; display:none;
  left:0; right:0; bottom:0;
  background:#fff; color:#111;
  border-radius:20px 20px 0 0;
  padding:22px 20px calc(22px + env(safe-area-inset-bottom));
  max-height:88vh; overflow:auto;
  font:400 15px/1.45 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  transform:translateY(100%); transition:transform .3s cubic-bezier(.22,.61,.36,1);
  box-shadow:0 -20px 60px rgba(0,0,0,.28);
}
.adl-sheet:not([hidden]){display:block}
.adl-sheet.is-in{transform:translateY(0)}
@media (min-width:640px){
  .adl-sheet{
    left:50%; right:auto; bottom:auto; top:50%;
    width:min(460px,calc(100vw - 40px)); border-radius:18px;
    transform:translate(-50%,-46%) scale(.98); opacity:0;
    transition:transform .26s cubic-bezier(.22,.61,.36,1),opacity .26s ease;
  }
  .adl-sheet.is-in{transform:translate(-50%,-50%) scale(1); opacity:1}
}
.adl-sheet h3{margin:0 0 4px; font-size:20px; font-weight:650; letter-spacing:-.01em}
.adl-sheet p.adl-sub{margin:0 0 16px; font-size:13.5px; color:#666}
.adl-x{
  position:absolute; top:12px; right:12px; width:34px; height:34px;
  border:0; border-radius:999px; background:rgba(0,0,0,.06); color:#333;
  font-size:19px; line-height:1; cursor:pointer;
}
.adl-x:hover{background:rgba(0,0,0,.11)}
.adl-f{display:block; margin:0 0 11px}
.adl-f > span{display:block; margin:0 0 5px; font-size:12.5px; color:#555; font-weight:500}
.adl-f input,.adl-f textarea{
  width:100%; box-sizing:border-box; padding:12px 13px;
  border:1px solid #dcdcdc; border-radius:11px; background:#fafafa;
  font:400 15px/1.35 inherit; color:#111; transition:border-color .15s,background .15s;
}
.adl-f input:focus,.adl-f textarea:focus{outline:none; border-color:#111; background:#fff}
.adl-f textarea{resize:vertical; min-height:64px}
.adl-hp{position:absolute!important; left:-9999px!important; width:1px!important; height:1px!important; opacity:0!important}
.adl-send{
  width:100%; margin-top:6px; padding:14px 18px; border:0; border-radius:12px;
  background:#111; color:#fff; font:600 15px/1 inherit; cursor:pointer;
}
.adl-send:hover{background:#000}
.adl-send[disabled]{opacity:.55; cursor:default}
.adl-note{margin:11px 0 0; font-size:11.5px; line-height:1.4; color:#8a8a8a}
.adl-alt{margin:14px 0 0; padding-top:13px; border-top:1px solid #eee; font-size:13.5px; color:#555}
.adl-alt a{color:#111; font-weight:600}
.adl-err{margin:10px 0 0; font-size:13px; color:#c02626}
.adl-ok{text-align:center; padding:14px 0 6px}
.adl-ok b{display:block; font-size:19px; font-weight:650; margin-bottom:7px}
.adl-ok p{margin:0 0 16px; color:#666; font-size:14px}

@media (prefers-reduced-motion: reduce){
  .adl-bar,.adl-sheet,.adl-veil{transition:none}
  .adl-bar{transform:none}
  .adl-sheet{transform:none; opacity:1}
  @media (min-width:640px){ .adl-sheet{transform:translate(-50%,-50%)} }
}

/* На узком экране длинное название услуги не помещается рядом с кнопкой.
   Человек и так на этой странице — оставляем только действие. */
@media (max-width:899px){
  .adl-bar__t{display:none}
  .adl-go{flex:1 1 auto; text-align:center}
}
/* Распорка в конце страницы: без неё панель накрывает футер с реквизитами,
   и до них нельзя долистать. Высота выставляется скриптом по факту. */
.adl-spacer{width:100%; pointer-events:none}