.searchFormApp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  position: relative; }
  @media screen and (max-width: 1259px) {
    .searchFormApp {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column; } }
  .searchFormApp__inputWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1; }
    @media screen and (min-width: 1260px) {
      .searchFormApp__inputWrapper {
        height: 50px;
        gap: 5px;
        border-radius: 5px;
        background-color: #F0F2F4;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; } }
    @media screen and (max-width: 1259px) {
      .searchFormApp__inputWrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 10px; } }
  .searchFormApp__submit {
    cursor: pointer;
    z-index: 3;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    background-image: var(--icon-search);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    height: 32px;
    width: 32px;
    left: 0;
    top: 50%; }
  .searchFormApp__input {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    position: relative; }
    @media screen and (max-width: 1259px) {
      .searchFormApp__input {
        width: calc(100% - 32px);
        margin: 0 16px;
        background-color: #F0F2F4;
        border-radius: 6px; } }
    .searchFormApp__input::-webkit-input-placeholder {
      color: #969696; }
    .searchFormApp__input::-moz-placeholder {
      color: #969696; }
    .searchFormApp__input:-ms-input-placeholder {
      color: #969696; }
    .searchFormApp__input::-ms-input-placeholder {
      color: #969696; }
    .searchFormApp__input::placeholder {
      color: #969696; }
    .searchFormApp__input input {
      font-size: 16px;
      width: 100%;
      border: none;
      padding-left: 32px;
      background-color: #F0F2F4;
      height: 100%;
      outline: none; }
      @media screen and (min-width: 1260px) {
        .searchFormApp__input input {
          padding-right: 44px; } }
      @media screen and (max-width: 1259px) {
        .searchFormApp__input input {
          padding-right: 80px;
          padding-top: 12px;
          padding-bottom: 12px;
          border-radius: 6px; } }
      .searchFormApp__input input:first-of-type {
        position: relative;
        z-index: 1; }
        .searchFormApp__input input:first-of-type:not(.loading):focus {
          opacity: .55; }
          .searchFormApp__input input:first-of-type:not(.loading):focus + input {
            visibility: visible; }
      .searchFormApp__input input:nth-of-type(2) {
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        pointer-events: none;
        visibility: hidden; }
  .searchFormApp__select {
    background-color: #f6f7f9;
    color: #4B4F59;
    margin: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px 14px;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s;
    border-radius: 7px; }
    @media screen and (max-width: 1259px) {
      .searchFormApp__select {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        margin-left: 16px;
        margin-right: 16px;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        .searchFormApp__select:not(.mobileActive) {
          display: none; } }
    .searchFormApp__select:hover {
      color: #4B4F59;
      cursor: pointer; }
    .searchFormApp__select_active {
      background-color: #DFE2E6;
      color: #4B4F59;
      gap: 5px; }
      .searchFormApp__select_active:hover {
        cursor: initial;
        color: #4B4F59; }
        .searchFormApp__select_active:hover .searchFormApp__select__icon {
          cursor: pointer; }
    .searchFormApp__select__title {
      font-size: 16px;
      line-height: 21px;
      font-weight: 400; }
      @media screen and (max-width: 1259px) {
        .searchFormApp__select__title span {
          text-transform: lowercase; }
        .searchFormApp__select__title:before {
          content: attr(data-before); } }
    .searchFormApp__select__iconTriangle {
      height: 22px;
      width: 16px;
      padding: 3px 0;
      margin-left: 2px; }
    .searchFormApp__select__icon {
      height: 22px;
      width: 22px;
      margin-top: 1px;
      margin-left: 8px; }
  .searchFormApp__clear {
    position: absolute;
    display: block;
    z-index: 3;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 32px;
    height: 32px;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    background-image: var(--icon-cross-light);
    background-repeat: no-repeat;
    background-position: center; }
    @media screen and (min-width: 1260px) {
      .searchFormApp__clear {
        right: 12px; } }
    @media screen and (max-width: 1259px) {
      .searchFormApp__clear {
        right: 44px; } }
    .searchFormApp__clear:hover {
      cursor: pointer;
      opacity: 0.8; }
  .searchFormApp__button {
    background-color: #005aa6;
    color: #ffffff;
    font-size: 14px;
    padding: 0 20px;
    border: none;
    border-radius: 0 5px 5px 0;
    -webkit-transition: background-color .1s;
    -o-transition: background-color .1s;
    transition: background-color .1s; }
    .searchFormApp__button:hover {
      background-color: #004987;
      cursor: pointer; }
  .searchFormApp__results {
    background-color: #ffffff;
    width: 100%; }
    @media screen and (min-width: 1260px) {
      .searchFormApp__results {
        position: absolute;
        left: 0;
        top: calc(100% + 8px);
        -webkit-box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
                box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
        border-radius: 6px;
        max-height: calc(100vh - 200px);
        overflow: auto;
        z-index: 102; } }
    @media screen and (max-width: 1259px) {
      .searchFormApp__results {
        margin-top: 10px; } }
  .searchFormApp__wordSuggestions {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.2; }
    .searchFormApp__wordSuggestions > div {
      width: 100%;
      padding: 10px 16px;
      display: grid;
      grid-template-columns: auto 1fr;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      grid-column-gap: 10px;
      background-image: none;
      position: relative;
      -webkit-transition: background-color .2s;
      -o-transition: background-color .2s;
      transition: background-color .2s; }
      .searchFormApp__wordSuggestions > div:before {
        content: "";
        display: inline-block;
        background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTkuMjI4IDE0Ljc2OGE1LjU4NyA1LjU4NyAwIDEwMC0xMS4xNzQgNS41ODcgNS41ODcgMCAwMDAgMTEuMTc0ek0xNy43MzIgMTYuODI0bC00LjA5MS0zLjYzNyIgc3Ryb2tlPSIjQkFCQ0JFIiBzdHJva2Utd2lkdGg9IjEuNiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+PC9zdmc+");
        width: 20px;
        height: 20px; }
      .searchFormApp__wordSuggestions > div.active, .searchFormApp__wordSuggestions > div:hover {
        background-color: #F0F2F4;
        cursor: pointer;
        z-index: 1; }
        .searchFormApp__wordSuggestions > div.active:after, .searchFormApp__wordSuggestions > div:hover:after {
          background-color: transparent; }
  .searchFormApp__close {
    cursor: pointer;
    z-index: 1;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    background-image: var(--icon-cross-light);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    position: absolute;
    height: 32px;
    width: 32px;
    right: 44px;
    top: 50%;
    display: none; }
  .searchFormApp__mic {
    cursor: pointer;
    z-index: 1;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
    transition: opacity 0.2s ease-in-out;
    background-size: 20px;
    position: absolute;
    height: 32px;
    width: 32px;
    right: 12px;
    top: 50%; }
    @media screen and (min-width: 1260px) {
      .searchFormApp__mic {
        display: none; } }
    .searchFormApp__mic.stop:before {
      content: '';
      width: 32px;
      height: 32px;
      border-radius: 32px;
      background-color: #ffc9c9;
      position: absolute; }
    .searchFormApp__mic:after {
      content: '';
      position: absolute;
      width: 32px;
      height: 32px;
      background-image: var(--icon-mic);
      background-repeat: no-repeat;
      background-position: center; }

.searchSelectPopup {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  z-index: 103;
  background-color: #ffffff;
  padding: 10px 0;
  -webkit-box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  font-size: 16px;
  line-height: 1.2;
  font-weight: 400; }
  @media screen and (max-width: 1259px) {
    .searchSelectPopup {
      width: calc(100% - 32px);
      top: 110px;
      left: 16px; } }
  .searchSelectPopup__item {
    padding: 12px 25px;
    -webkit-transition: color .2s, background-color .1s;
    -o-transition: color .2s, background-color .1s;
    transition: color .2s, background-color .1s;
    color: #25282B; }
    .searchSelectPopup__item:hover {
      cursor: pointer;
      background-color: #f6f7f9;
      color: #25282B; }
  .searchSelectPopup__buttons {
    margin: 20px 16px;
    display: none;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 8px; }
  .searchSelectPopup__button {
    padding: 9px 16px;
    background-color: #F0F2F4;
    border-radius: 5px;
    cursor: pointer;
    -webkit-transition: background-color .2s;
    -o-transition: background-color .2s;
    transition: background-color .2s; }
    .searchSelectPopup__button:hover {
      background-color: #e5e5e5; }
    .searchSelectPopup__button.active {
      color: var(--color-white);
      background: #919191; }

.searchResultItems {
  padding-bottom: 32px; }
  .searchResultItems > div {
    margin-top: 10px; }
  .searchResultItems__notFound {
    margin-bottom: 20px;
    padding: 0 16px;
    font-weight: 700;
    font-size: 85%;
    line-height: 1.5;
    color: #505050; }
  .searchResultItems a:hover {
    color: var(--color-main); }
  .searchResultItems__totalCount {
    margin-top: 20px;
    margin-left: 16px;
    border-radius: 5px;
    padding: 7px 16px;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-contacts);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background-color: var(--color-light); }
    .searchResultItems__totalCount span {
      color: var(--color-gray-add); }
  .searchResultItems .searchAppGreenBlock {
    background-color: rgba(100, 167, 11, 0.08);
    padding: 15px 20px;
    text-decoration: none;
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 16px; }
    .searchResultItems .searchAppGreenBlock:before {
      content: "";
      display: block;
      width: 32px;
      height: 32px;
      border-radius: 32px;
      background-color: rgba(100, 167, 11, 0.2);
      background-image: var(--icon-check-green);
      background-repeat: no-repeat;
      background-position: center; }
    .searchResultItems .searchAppGreenBlock__text {
      font-size: 14px;
      line-height: 1.2;
      color: #125401;
      font-weight: 600; }
    .searchResultItems .searchAppGreenBlock__site-name {
      margin-right: 20px;
      font-size: 14px;
      color: #2da60c;
      padding-bottom: 2px;
      display: -webkit-inline-box;
      display: -ms-inline-flexbox;
      display: inline-flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      font-weight: 600; }
    .searchResultItems .searchAppGreenBlock__button {
      font-size: 14px;
      line-height: 1.2;
      font-weight: 500;
      color: var(--color-gray);
      padding: 7px 16px;
      border-radius: 5px;
      background-color: var(--color-white);
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: 9px;
      grid-column: 2 / 3;
      justify-self: baseline; }
      .searchResultItems .searchAppGreenBlock__button:after {
        content: "";
        display: inline-block;
        width: 20px;
        height: 16px;
        background: var(--swiper-arrow-right-gray); }

.searchResults__title {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 600;
  color: #25282B;
  padding: 8px 16px; }

.searchResults__titleLink {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  color: #BABCBE;
  margin-left: 10px; }

.searchResults__category {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  color: #25282B;
  display: block;
  padding: 8px 16px; }
  .searchResults__category strong {
    color: var(--color-light-gray); }

.searchResults__product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 80px 20px 20px;
  -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  color: var(--color-middle);
  position: relative;
  line-height: 20px; }
  .searchResults__product:not(:last-of-type) {
    border-bottom: 1px solid var(--color-border-light); }
  .searchResults__product:hover {
    color: var(--color-main);
    background-color: var(--color-light); }
  .searchResults__product:after {
    content: "";
    background: var(--icon-arrow-gray) no-repeat center;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    position: absolute;
    height: 24px;
    width: 24px;
    right: 20px;
    z-index: 1;
    top: 50%; }
  .searchResults__product span {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1; }
  .searchResults__product strong {
    color: var(--color-light-gray); }

.searchResults__wrapImg {
  position: relative;
  margin-right: 25px;
  height: 60px;
  width: 115px; }
  .searchResults__wrapImg img {
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    position: absolute;
    max-height: 100%;
    max-width: 100%;
    z-index: 1;
    left: 50%;
    top: 50%; }

.searchHistory {
  --icon-rotate: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIuMzc3IDUuNjI1TDMuNSA5LjAwMWwzLjU5NC0uOTciIHN0cm9rZT0iI0JBQkNCRSIgc3Ryb2tlLXdpZHRoPSIxLjYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik00LjQxMyAxMi4zMjZhNi45OTkgNi45OTkgMCAwMDIuNzIgMy41MDEgNi45ODYgNi45ODYgMCAwMDguMzkxLS40ODMgNy4wMDEgNy4wMDEgMCAwMDEuODY1LTguMjA1IDYuOTg2IDYuOTg2IDAgMDAtNy4zNTYtNC4wN0M4LjUzNCAzLjI3OCA1LjE2NiA0LjE2IDQgOC44MjYiIHN0cm9rZT0iI0JBQkNCRSIgc3Ryb2tlLXdpZHRoPSIxLjYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjxwYXRoIGQ9Ik0xMSA3djMuNTcxTDEzIDEyIiBzdHJva2U9IiNCQUJDQkUiIHN0cm9rZS13aWR0aD0iMS42IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz48L3N2Zz4="); }
  .searchHistory__head {
    padding: 24px 20px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .searchHistory__title {
    color: #4B4F59;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600; }
  .searchHistory__clearAll {
    font-size: 14px;
    font-weight: 500;
    color: #4D4DA4;
    cursor: pointer; }
  .searchHistory__item {
    padding: 10px 16px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-gap: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .searchHistory__icon {
    width: 20px;
    height: 20px;
    background-image: var(--icon-rotate);
    background-repeat: no-repeat; }
  .searchHistory__text {
    cursor: pointer;
    -webkit-transition: color .2s;
    -o-transition: color .2s;
    transition: color .2s; }
  .searchHistory__clear {
    width: 20px;
    height: 20px;
    background-image: var(--icon-cross-light);
    -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7);
    cursor: pointer; }

.searchResultModels .compareTable {
  position: relative;
  margin: 0;
  min-width: 520px; }
  .searchResultModels .compareTable__wrapper {
    overflow: auto; }
  .searchResultModels .compareTable_search {
    margin-bottom: 15px; }
    .searchResultModels .compareTable_search .tcell {
      font-size: 11px;
      line-height: 1.2; }
    .searchResultModels .compareTable_search .th {
      font-weight: 600; }
      .searchResultModels .compareTable_search .th:first-child {
        text-align: center; }
  .searchResultModels .compareTable .thead {
    position: relative;
    z-index: 3;
    display: grid;
    border-radius: 2px;
    margin-bottom: -10px; }
    .searchResultModels .compareTable .thead:after {
      display: none; }
  .searchResultModels .compareTable .tline {
    position: relative;
    display: grid; }
    .searchResultModels .compareTable .tline:nth-child(2n + 1) {
      background-color: #f5f5f5; }
  .searchResultModels .compareTable .tline, .searchResultModels .compareTable .thead {
    text-align: center; }
    .searchResultModels .compareTable .tline_2, .searchResultModels .compareTable .thead_2 {
      grid-template-columns: repeat(2, 1fr); }
    .searchResultModels .compareTable .tline_3, .searchResultModels .compareTable .thead_3 {
      grid-template-columns: repeat(3, 1fr); }
    .searchResultModels .compareTable .tline_4, .searchResultModels .compareTable .thead_4 {
      grid-template-columns: repeat(4, 1fr); }
    .searchResultModels .compareTable .tline_5, .searchResultModels .compareTable .thead_5 {
      grid-template-columns: repeat(5, 1fr); }
    .searchResultModels .compareTable .tline_6, .searchResultModels .compareTable .thead_6 {
      grid-template-columns: repeat(6, 1fr); }
  .searchResultModels .compareTable .th:first-child, .searchResultModels .compareTable .td:first-child {
    text-align: center; }
  .searchResultModels .compareTable .th .tcell, .searchResultModels .compareTable .td .tcell {
    font-weight: inherit;
    padding: 10px 5px; }
    .searchResultModels .compareTable .th .tcell img, .searchResultModels .compareTable .td .tcell img {
      max-width: 100%;
      max-height: 70px; }
  .searchResultModels .compareTable .th, .searchResultModels .compareTable .th {
    color: #141414;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 2;
        -ms-flex: 2 0 0px;
            flex: 2 0 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative; }
  .searchResultModels .compareTable .th {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: rgba(128, 128, 128, 0.15);
    color: #505050;
    margin: 10px 0; }

.header.fixed .searchResultModels .compareTable .tcell {
  padding: 10px 5px; }