/* ══ ServiceSearchHeader.css — Пошук у шапці й підказки.
   Правити тут; сторінка підключає чанк через site_css() у шаблоні. ══ */

@media (max-width:1200px) {
  .nav-search { margin-left:16px; }
}
.nav-search { flex:0 1 452px; display:none; align-items:center;
              width:452px; min-width:200px; margin-left:22px; }
.nav.stuck .nav-search { display:flex; }
.nav-search input { flex:1; min-width:0; height:40px; padding:10px 15px 11px;
                    border:1px solid var(--line); border-right:0;
                    border-radius:var(--radius) 0 0 var(--radius);
                    font-size:15px; font-family:inherit; color:var(--ink); outline:none; }
.nav-search button { width:48px; height:40px; border:0; cursor:pointer;
                     background:var(--green); border-radius:0 var(--radius) var(--radius) 0;
                     display:grid; place-items:center; }
.nav-search button svg { width:17px; height:17px; color:#fff; }
@media (max-width:900px) {
  .nav-search { display:flex !important; flex:1 1 auto; min-width:0;
                  width:auto; margin:0 0 0 8px; order:1; }
  .nav-search input { height:40px; font-size:14px;
                        padding:10px 12px 11px 38px;
                        border:1px solid var(--line);
                        border-radius:var(--radius);
                        
                        background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%237A828A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='M21 21l-4.3-4.3'/%3E%3C/svg%3E");
                        background-repeat:no-repeat;
                        background-position:12px center; }
  .nav-search button { display:none; }
}
.sg { position:absolute; left:0; right:0; top:calc(100% + 6px); z-index:70;
      background:#fff; border:1px solid var(--line); border-radius:6px;
      box-shadow:0 10px 30px rgba(0,0,0,.14);
      max-height:420px; overflow-y:auto; }
.sg-i { display:block; padding:13px 18px; text-decoration:none;
        font-size:16px; color:var(--ink); }
.sg-i b { font-weight:700; }
.sg-i:hover { background:var(--card); }
@media (max-width:900px) {
  body.ntf-open .nav-search,
    body.ntf-open .burger,
    body.ntf-open .nav-r > .nav-ico,
    body.ntf-open #ntfBtn,
    body.ntf-open .nav-r > a,
    body.ntf-open .nav-r > .drop,
    body.ntf-open .nav-r > .sep,
    body.ntf-open .nav-r > .nav-user { display:none !important; }
}