/* Телефон в шапке рядом с кнопкой «Оставить заявку».
   Номер и кнопка — один блок, поэтому меню остаётся на своём месте.
   Цвет иконки — акцент страницы. */
.nav-actions { display: flex; align-items: center; gap: 22px; flex: 0 0 auto; }
.nav-phone {
    --np: #00f0ff;
    display: inline-flex; align-items: center; gap: 9px;
    color: #fff; text-decoration: none; white-space: nowrap;
    font-weight: 600; font-size: .92rem; letter-spacing: .3px; line-height: 1;
    transition: color .2s ease, border-color .2s ease;
}
.nav-phone svg { width: 18px; height: 18px; flex: 0 0 auto; color: var(--np); transition: transform .25s ease; }
.nav-phone:hover, .nav-phone:focus-visible { color: var(--np); }
.nav-phone:hover svg { transform: rotate(-12deg); }
body.pg-sites .nav-phone                        { --np: #bdff00; }
body.pg-web .nav-phone                          { --np: #1a66ff; }
body.pg-prog .nav-phone                         { --np: #ff3366; }
body.pg-market .nav-phone                       { --np: #00e676; }
body.pg-portfolio .nav-phone, body.pg-case .nav-phone { --np: #b57bff; }

@media (min-width: 951px) and (max-width: 1340px) {
    .nav-actions { gap: 14px; }
    .nav-phone { font-size: .76rem; }
}
/* Узкая шапка: номер прячется, остаётся круглая кнопка-иконка */
@media (min-width: 951px) and (max-width: 1180px) {
    .nav-phone-num { display: none; }
    .nav-phone { width: 40px; height: 40px; justify-content: center; border: 1px solid var(--np); border-radius: 50%; }
}
/* Телефон и планшет: кнопки нет, есть бургер — звонок кружком рядом с ним */
@media (max-width: 950px) {
    .nav-actions { margin-left: auto; margin-right: 6px; gap: 12px; }
    .nav-phone-num { display: none; }
    .nav-phone { width: 40px; height: 40px; justify-content: center; border: 1px solid var(--np); border-radius: 50%; }
}