/* Сквозной поиск reztsoff.ru.
   Лупа стоит в шапке .hmhdr (её рисует дочерняя тема), место под неё занято
   серверной разметкой — сдвига вёрстки при загрузке скрипта нет.
   Цвета из темы: --accent-color #ff6600, --ink #1a1a1a, --subheader-color #616161,
   --surface #ffffff, --border-color #e0e0e0. У каждого своё запасное значение. */

.sw-search{display:block;width:44px;height:44px;flex:0 0 auto}

/* Лупа — просто иконка в меню: без рамки и плашки, как остальные пункты.
   Область нажатия остаётся 44×44, чтобы палец не промахивался. */
.sw-search__btn{
  width:44px;height:44px;display:grid;place-items:center;padding:0;margin:0;
  border:0;border-radius:0;background:transparent;color:var(--ink,#1a1a1a);
  cursor:pointer;transition:color .15s;
}
.sw-search__btn:hover,.sw-search__btn:focus-visible{color:var(--accent-color,#ff6600)}
.sw-search__btn:focus-visible{outline:2px solid var(--accent-color,#ff6600);outline-offset:2px}
.sw-search__btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}

/* Панель живёт в body: внутри шапки её обрезают overflow и z-index The7. */
.sw-search__panel{
  position:fixed;left:50%;transform:translateX(-50%);
  top:var(--sw-header-h,78px);
  width:min(640px,calc(100vw - 24px));
  max-height:calc(100vh - var(--sw-header-h,78px) - 16px);
  overflow-y:auto;z-index:800;margin-top:8px;padding:12px;
  background:var(--surface,#ffffff);border:1px solid var(--border-color,#e0e0e0);
  border-radius:2px;box-shadow:0 18px 44px -18px rgba(26,26,26,.28);
  color:var(--ink,#1a1a1a);
}
.sw-search__panel[hidden]{display:none}

/* Поле и крестик стоят по сетке: одна ширина, одна высота, общая базовая
   линия. Раньше The7 подмешивал свои padding и margin к полю, и крестик
   уезжал на 3-4 px вниз. */
.sw-search__bar{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:8px;align-items:stretch}
.sw-search__panel input.sw-search__input{
  width:100%;min-width:0;height:44px;margin:0;padding:0 14px;
  border:1px solid var(--border-color,#e0e0e0);border-radius:2px;
  background:var(--surface,#ffffff);color:var(--ink,#1a1a1a);
  font:400 16px/42px var(--font-body,Roboto,Helvetica,Arial,sans-serif);
  box-sizing:border-box;appearance:none;-webkit-appearance:none;
}
.sw-search__panel input.sw-search__input:focus{
  border-color:var(--accent-color,#ff6600);outline:1px solid var(--accent-color,#ff6600);outline-offset:-1px;
}
.sw-search__input::placeholder{color:var(--subheader-color-light2,#9e9e9e)}
.sw-search__input::-webkit-search-cancel-button,
.sw-search__input::-webkit-search-decoration{-webkit-appearance:none;appearance:none;display:none}

.sw-search__panel .sw-search__close{
  width:44px;height:44px;margin:0;padding:0;display:grid;place-items:center;
  border:1px solid var(--border-color,#e0e0e0);border-radius:2px;
  background:var(--surface,#ffffff);color:var(--subheader-color,#616161);
  font:400 22px/1 var(--font-body,Roboto,Helvetica,Arial,sans-serif);
  cursor:pointer;box-sizing:border-box;transition:color .15s,border-color .15s;
}
.sw-search__panel .sw-search__close:hover{color:var(--ink,#1a1a1a);border-color:var(--ink,#1a1a1a)}

.sw-search__status{margin:10px 2px 6px;font-size:13px;color:var(--subheader-color,#616161)}
.sw-search__list{display:flex;flex-direction:column}
.sw-search__row{display:block;padding:10px 8px;color:var(--ink,#1a1a1a);text-decoration:none}
.sw-search__row[aria-selected="true"],.sw-search__row:hover{background:var(--surface-alt,#f5f5f5)}
.sw-search__title{font:700 15px/1.3 var(--font-display,'Roboto Condensed',Arial,sans-serif);text-transform:none}
.sw-search__type{margin-left:8px;font-size:12px;color:var(--subheader-color-light,#757575)}
.sw-search__snippet{display:block;margin-top:2px;font-size:13px;line-height:1.45;color:var(--subheader-color,#616161)}
.sw-search__title mark,.sw-search__snippet mark{background:#ffe3d1;color:inherit;padding:0 1px}

.sw-search__close:focus-visible,.sw-search__row:focus-visible{
  outline:2px solid var(--accent-color,#ff6600);outline-offset:2px;
}

/* Страница /poisk/ */
.sw-search-page{max-width:820px}
.sw-search-page__list{margin-top:6px}
.sw-search-page .sw-search__row{padding:12px 10px}

/* Место под лупу. Шапка .hmhdr рассчитана без кнопки поиска: 44 px с
   промежутком выжимают меню и кнопку «Отправить КМ на расчёт». */
@media (max-width:1280px){
  .hmhdr__bar{gap:16px}
  .hmhdr__nav{gap:20px}
}
@media (max-width:1100px){
  .hmhdr__bar{gap:12px}
  .hmhdr__nav{gap:16px}
  .hmhdr__item{font-size:12px}
}
/* Ниже 1180 px The7 убирает меню в бургер, и лупа остаётся одна у логотипа.
   Прижимаем её к бургеру: так кнопка поиска стоит там, где её ищут рукой. */
@media (max-width:1180px){
  .hmhdr .sw-search{margin-left:auto}
  .hmhdr .hmhdr__burger{margin-left:10px}
}
@media (max-width:991px){
  .hmhdr .hmhdr__bar{gap:12px}
}
@media (max-width:420px){
  .sw-search,.sw-search__btn{width:38px;height:38px}
}

@media (prefers-reduced-motion:reduce){
  .sw-search__btn{transition:none}
}