/* Заявка на услугу — модалка и кнопки услуг (v3, II.5).
   Стиль светлый, как у карточек сайта: без тёмных подложек и градиентов. */
.srv-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.srv-btn{display:flex;align-items:center;gap:10px;padding:13px 14px;border:1.5px solid #e5e8ec;
  background:#fff;border-radius:12px;font:inherit;font-size:14.5px;font-weight:700;color:#202225;
  cursor:pointer;text-align:left;transition:.15s;width:100%}
.srv-btn:hover{border-color:#c9ccd2;transform:translateY(-1px);box-shadow:0 6px 16px rgba(20,22,26,.07)}
.srv-btn i{font-style:normal;font-size:19px;line-height:1;flex:0 0 auto}
.srv-btn small{display:block;font-weight:400;font-size:12px;color:#8a93a0;margin-top:2px}

/* Глобальный main.css задаёт display у div и label, перебивая атрибут hidden,
   поэтому прячем явно — иначе модалка и все поля видны прямо на странице. */
.srv-modal[hidden],.srv-f[hidden],.srv-cart[hidden],.srv-err[hidden],.srv-done[hidden]{display:none!important}
.srv-modal{position:fixed;inset:0;z-index:3000;display:flex;align-items:center;justify-content:center;padding:16px}
.srv-back{position:absolute;inset:0;background:rgba(20,22,26,.45)}
.srv-box{position:relative;background:#fff;border-radius:16px;max-width:560px;width:100%;
  max-height:92vh;overflow:auto;padding:22px;box-shadow:0 24px 60px rgba(10,20,35,.28)}
.srv-x{position:absolute;right:12px;top:10px;width:34px;height:34px;border:0;background:#f2f3f5;
  border-radius:9px;font-size:22px;line-height:1;color:#5a6068;cursor:pointer}
.srv-x:hover{background:#e6e8ec}
.srv-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px;padding-right:34px}
.srv-ico{font-size:26px;line-height:1.1}
.srv-t{margin:0;font-size:19px;font-weight:800;letter-spacing:-.02em;color:#16181c}
.srv-n{margin:4px 0 0;font-size:13.5px;color:#6b7280;line-height:1.45}
.srv-form{display:flex;flex-direction:column;gap:11px}
.srv-f{display:flex;flex-direction:column;gap:4px}
.srv-l{font-size:12px;color:#8a93a0;font-weight:700;letter-spacing:.02em}
.srv-in{height:42px;border:1.5px solid #e5e8ec;border-radius:10px;padding:0 12px;font:inherit;
  font-size:15px;color:#202225;background:#fff;width:100%}
.srv-in:focus{outline:2px solid #0fbc43;outline-offset:1px;border-color:transparent}
.srv-ta{height:auto;padding:9px 12px;resize:vertical}
.srv-two{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.srv-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.srv-cart{display:flex;flex-direction:column;gap:4px}
.srv-cartv{font-size:13.5px;color:#5a6068;background:#f7f8fa;border-radius:9px;padding:9px 12px;line-height:1.45}
.srv-agree{display:flex;gap:9px;align-items:flex-start;font-size:13px;color:#5a6068;line-height:1.45}
.srv-agree input{margin-top:3px;flex:0 0 auto}
.srv-agree a{color:#0f7a3d}
.srv-err{background:#fbede6;color:#b8431a;border-radius:9px;padding:9px 12px;font-size:13.5px}
.srv-send{height:46px;border:0;border-radius:11px;background:#0fbc43;color:#fff;font:inherit;
  font-size:15.5px;font-weight:800;cursor:pointer;transition:.15s}
.srv-send:hover{background:#0ca93b}
.srv-send:disabled{opacity:.6;cursor:default}
.srv-small{margin:0;font-size:12px;color:#9aa3af;line-height:1.45}
.srv-done{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:14px 0}
.srv-ok{width:52px;height:52px;border-radius:50%;background:#e7f3eb;color:#0f7a3d;font-size:26px;
  display:flex;align-items:center;justify-content:center;font-weight:800}
.srv-done p{margin:0;font-size:15.5px;color:#202225;line-height:1.5}
@media(max-width:560px){
  .srv-box{padding:18px 16px;border-radius:14px;max-height:96vh}
  .srv-two{grid-template-columns:1fr}
  .srv-list{grid-template-columns:1fr}
}

/* 13.09.2026 — поля-списки: плагин nice-select на сайте подменяет <select>,
   мы его в модалке отключаем (см. service.js), поэтому задаём вид сами. */
.srv-form select.srv-in{-webkit-appearance:menulist;appearance:menulist;width:100%;
  display:block!important;height:auto}
.srv-form .nice-select{display:none!important}