Изменения

нет описания правки
Строка 876: Строка 876:  
}
 
}
   −
/* САМОЕ ВАЖНОЕ: убираем прежний ручной сдвиг поиска */
+
/* ===== Логотип по краю рабочей области, поиск по центру ===== */
 +
 
 +
header.header-container.header-chrome > form.header,
 +
.header-container.header-chrome .header {
 +
    max-width: 1400px !important;
 +
    margin-left: auto !important;
 +
    margin-right: auto !important;
 +
    padding-left: 24px !important;
 +
    padding-right: 24px !important;
 +
    box-sizing: border-box !important;
 +
    position: relative !important;
 +
}
 +
 
 +
/* логотип остаётся у левого края рабочей области */
 +
.header .branding-box,
 +
header .branding-box {
 +
    margin-left: 0 !important;
 +
    padding-left: 0 !important;
 +
}
 +
 
 +
/* поиск ставим по центру шапки */
 
header.header-container.header-chrome .search-box,
 
header.header-container.header-chrome .search-box,
 
.header-container.header-chrome .search-box,
 
.header-container.header-chrome .search-box,
 
.header .search-box {
 
.header .search-box {
     left: 0 !important;
+
    position: absolute !important;
     margin-left: 24px !important;
+
     left: 50% !important;
 +
    top: 50% !important;
 +
    transform: translate(-50%, -50%) !important;
 +
    margin: 0 !important;
 +
     width: 420px !important;
 +
    max-width: 420px !important;
 +
}
 +
 
 +
/* само поле */
 +
header.header-container.header-chrome .search-box .search,
 +
.header-container.header-chrome .search-box .search,
 +
.header .search-box .search {
 +
    width: 100% !important;
 +
    height: 38px !important;
 +
    box-sizing: border-box !important;
 
}
 
}