/* Стили страницы поиска — перенос <style> из design/search.html.
   Общее (.layout, .side/.blk, .price-row, .grid, .lot, .pager, .crumbs) —
   в site.css. Hero-вариант формы (.search) живёт в home.css (скоуп .home);
   здесь — компактная форма страницы результатов (.sform) и остальное.
   Конфликтные имена прототипа переименованы: .empty → .s-empty,
   .reset → .s-reset; страница скоупится обёрткой .s-page. */

.sform{display:flex;max-width:640px;background:#fff;border:2px solid var(--green);border-radius:14px;overflow:hidden;box-shadow:0 14px 34px -18px rgba(30,68,41,.3);margin-bottom:14px}
.sform input{flex:1;height:54px;border:none;outline:none;padding:0 18px;font-size:16px;min-width:0}
.sform input::placeholder{color:#9AA89B}
.sform button{height:54px;padding:0 26px;border:none;background:var(--green);color:#fff;font-weight:700;font-size:15.5px;cursor:pointer}
.sform button:hover{background:var(--green-dn)}

.s-page h1{padding:12px 0 18px}
.res-count{font-size:15px;color:var(--muted);margin-bottom:26px}
.res-count b{color:var(--ink);font-weight:600}
.res-count .q{color:var(--green-dn)}

/* селект категорий с optgroup */
.s-page .side select{width:100%;height:44px;border:1.5px solid var(--line);border-radius:10px;padding:0 34px 0 12px;outline:none;background:#FAFBF8;cursor:pointer;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 55%,calc(100% - 13px) 55%;background-size:5px 5px;background-repeat:no-repeat;font-size:14px}
.s-page .side select:focus{border-color:var(--green)}
.s-reset{display:block;text-align:center;margin-top:10px;font-size:13.5px;font-weight:600;color:var(--muted)}
.s-reset:hover{color:var(--green-dn)}

/* пустая выдача и заглушка «введите запрос» */
.s-empty{background:var(--field);border:1.5px dashed var(--line);border-radius:18px;padding:56px 30px;text-align:center}
.s-empty h2{font-family:var(--disp);font-weight:700;font-size:22px;margin-bottom:10px}
.s-empty p{color:var(--muted);max-width:44ch;margin:0 auto 22px}
.s-empty p:last-child{margin-bottom:0}
.s-empty .row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.s-empty-top{margin:10px 0 80px}

@media(max-width:980px){
  /* у поиска нет шторки — сайдбар остаётся видимым
     (site.css прячет .side под мобильную шторку каталога) */
  .s-page .side{display:block}
  .s-page .side select{max-width:100%}
}
@media(max-width:560px){
  .sform button{padding:0 18px}
}