/* ── Дропдаун «Написать в мессенджер» ── */
.msg-dd{ position:relative; display:inline-block; }
.header-content > .msg-dd{ margin-right:28px; }

/* кнопка-триггер: только поведение; визуал наследуется от форматного класса места */
.msg-dd__btn{ cursor:pointer; font-family:inherit; }
button.msg-dd__btn{ -webkit-appearance:none; appearance:none; }

.msg-dd__caret{ font-size:9px; transition:transform .2s; opacity:.85; margin-left:6px; }
.msg-dd.open .msg-dd__caret{ transform:rotate(180deg); }

/* СОЛИД-вариант (шапка): синяя кнопка 45px */
.msg-btn-solid{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  height:45px; padding:0 22px; white-space:nowrap; border:0;
  border-radius:12px;
  font-weight:bold; font-size:13px; line-height:1; text-transform:uppercase;
  letter-spacing:.2px; color:#fff;
  background:linear-gradient(180deg,#46a0ff 0%,#1f7be0 100%);
  box-shadow:0 8px 22px -8px rgba(31,123,224,.7);
  transition:filter .15s, transform .05s;
}
.msg-btn-solid:hover{ filter:brightness(1.07); }
.msg-btn-solid:active{ transform:translateY(1px); }

/* compare-wh как триггер: сохраняем формат (188×84), перекрашиваем в синий под бренд */
button.compare-wh.msg-dd__btn{
  border:0;
  background:linear-gradient(180deg,#46a0ff 0%,#1f7be0 100%);
}

/* header-wh как триггер (футер/меню): перекрас зелёной в синюю + авто-ширина под текст */
button.header-wh.msg-dd__btn{
  border:0; width:auto; padding:0 18px; gap:6px; white-space:nowrap;
  background-color:#1f7be0; background-image:none;
  color:#fff;
}
button.header-wh.msg-dd__btn span{ color:#fff; }

/* выпадающее меню */
.msg-dd__menu{
  position:absolute; top:calc(100% + 10px); right:0; z-index:1000;
  min-width:210px;
  background:#0f2033; border:1px solid #29465f; border-radius:14px;
  box-shadow:0 18px 40px -12px rgba(0,0,0,.55);
  padding:8px; display:flex; flex-direction:column; gap:4px;
  opacity:0; visibility:hidden; transform:translateY(-6px);
  transition:opacity .18s, transform .18s, visibility .18s;
}
.msg-dd.open .msg-dd__menu{ opacity:1; visibility:visible; transform:translateY(0); }
.msg-dd__menu::before{
  content:""; position:absolute; top:-7px; right:24px;
  width:12px; height:12px; background:#0f2033;
  border-left:1px solid #29465f; border-top:1px solid #29465f;
  transform:rotate(45deg);
}

/* направление ВВЕРХ (для футера) */
.msg-dd--up .msg-dd__menu{ top:auto; bottom:calc(100% + 10px); transform:translateY(6px); }
.msg-dd--up.open .msg-dd__menu{ transform:translateY(0); }
.msg-dd--up .msg-dd__menu::before{ top:auto; bottom:-7px; transform:rotate(225deg); }

/* выравнивание меню по левому краю (для широких кнопок compare) */
.msg-dd--left .msg-dd__menu{ right:auto; left:0; }
.msg-dd--left .msg-dd__menu::before{ right:auto; left:24px; }

.msg-dd__item{
  display:flex; align-items:center; gap:12px;
  padding:10px 12px; border-radius:10px;
  color:#e7eef6; text-decoration:none; font-size:15px; font-weight:600;
  transition:background .15s;
}
.msg-dd__item:hover{ background:rgba(46,143,255,.14); }
.msg-dd__item img{ width:26px; height:26px; object-fit:contain; flex-shrink:0; }

/* ── Мобильный нижний виджет (dock) ── */
.mobile-dock{
  position:fixed; left:0; right:0; bottom:0; z-index:8000;
  display:none; gap:8px; padding:8px 10px;
  background:#0c1a2b; border-top:1px solid #29465f;
  box-shadow:0 -8px 24px -10px rgba(0,0,0,.5);
}
@media (max-width:1024px){
  .mobile-dock.show{ display:flex; }
  body{ padding-bottom:74px; }
}
.dock-write{ flex:1; display:flex; position:relative; }
.dock-btn{
  flex:1; display:flex; align-items:center; justify-content:center; gap:8px;
  height:54px; width:100%; border-radius:12px; border:0;
  font-family:inherit; font-weight:bold; font-size:15px; text-transform:uppercase;
  letter-spacing:.3px; color:#fff; text-decoration:none; cursor:pointer;
}
.dock-btn img{ width:22px; height:22px; }
.dock-btn--call{ background:linear-gradient(180deg,#2fb24e,#1f9a3f); }
.dock-btn--write{ background:linear-gradient(180deg,#46a0ff,#1f7be0); }

/* меню по центру широкой кнопки */
.msg-dd--center .msg-dd__menu{ left:50%; right:auto; transform:translateX(-50%) translateY(6px); }
.msg-dd--center.open .msg-dd__menu{ transform:translateX(-50%) translateY(0); }
.msg-dd--center .msg-dd__menu::before{ left:50%; right:auto; margin-left:-6px; }

/* tablet-hide для дропдаунов на мобилке/планшете (моё display перебивало) */
@media only screen and (max-width:1250px){
  .msg-dd.tablet-hide{ display:none; }
}

/* Сертификаты на мобилке: 3 мелких в ряд, клик увеличивает (fancybox) */
@media only screen and (max-width:700px){
  .certificates-grid{
    grid-template-columns:1fr 1fr 1fr !important;
    grid-gap:10px !important;
  }
  .certificates-item{ cursor:zoom-in; }
}

/* На мобилке меню дропдауна не должно уходить за экран:
   привязываем к левому краю кнопки (кроме дока с --center) */
@media only screen and (max-width:600px){
  .msg-dd:not(.msg-dd--center) .msg-dd__menu{ left:0; right:auto; }
  .msg-dd:not(.msg-dd--center) .msg-dd__menu::before{ left:24px; right:auto; }
}