

/* Start:/local/templates/.default/components/bitrix/system.pagenavigation/.default/style.css?17865215922258*/
.pagination-container {
  margin: 0 auto;
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pagination__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 40px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--black);
  text-decoration: none;
  border-radius: var(--b-radius);
  padding: 8px;
  text-align: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.333333;
  text-align: center;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.pagination__link:hover {
  color: var(--color-accent);
}

.pagination__link_active {
  color: var(--color-accent);
  pointer-events: none;
}

.pagination__button {
  display: block;
  width: 60px;
  height: 48px;
  background-image: url("data:image/svg+xml,%3Csvg width='60' height='48' viewBox='0 0 60 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='60' height='48' rx='8' fill='none'/%3E%3Cpath d='M40.3536 24.3536C40.5488 24.1583 40.5488 23.8417 40.3536 23.6464L37.1716 20.4645C36.9763 20.2692 36.6597 20.2692 36.4645 20.4645C36.2692 20.6597 36.2692 20.9763 36.4645 21.1716L39.2929 24L36.4645 26.8284C36.2692 27.0237 36.2692 27.3403 36.4645 27.5355C36.6597 27.7308 36.9763 27.7308 37.1716 27.5355L40.3536 24.3536ZM20 24V24.5H40V24V23.5H20V24Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: var(--color-gray-4);
  border-radius: var(--b-radius);
  cursor: pointer;
  border: none;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
  margin-left: 16px;
}

.pagination__button_disabled {
  opacity: 0.5;
  cursor: default;
  pointer-events: none;
}

.pagination__button:hover {
  background-color: var(--color-primary);
  border-radius: 24px;
}

.pagination__button_left {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  margin-left: 0;
  margin-right: 16px;
}

/* End */


/* Start:/local/templates/.default/components/arturgolubev/search.page/.default/style.css?17833326812800*/
.search-page {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--space-lg);
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
  min-height: 300px;
  @media (min-width: 1280px) {
    grid-template-columns: repeat(4, 1fr);
  }
}

.search-page > * {
  grid-column: 1 / -1;
  @media (min-width: 1280px) {
    grid-column: 2 / 4;
  }
}
.search-page__items {
  display: flex;
  flex-direction: column;
  gap: 20px;
  @media (min-width: 1280px) {
    gap: 30px;
  }
}

.search-page__item {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.search-page__title {
  font-weight: 600;
}

.search-page__body {
  font-size: 14px;
  @media (min-width: 1280px) {
    font-size: 16px;
  }
}

.search-page__body b {
  font-weight: 600;
}

.search-field__submit {
  background: transparent;
  border: none;
  padding: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex-shrink: 0;
}

.search-field__submit::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.7104 20.2899L18.0004 16.6099C19.4405 14.8143 20.1379 12.5352 19.9492 10.2412C19.7605 7.94721 18.7001 5.81269 16.9859 4.27655C15.2718 2.74041 13.0342 1.91941 10.7333 1.98237C8.43243 2.04534 6.24311 2.98747 4.61553 4.61505C2.98795 6.24263 2.04582 8.43194 1.98286 10.7328C1.9199 13.0337 2.7409 15.2713 4.27704 16.9854C5.81318 18.6996 7.94769 19.76 10.2417 19.9487C12.5357 20.1374 14.8148 19.44 16.6104 17.9999L20.2904 21.6799C20.3834 21.7736 20.494 21.848 20.6158 21.8988C20.7377 21.9496 20.8684 21.9757 21.0004 21.9757C21.1324 21.9757 21.2631 21.9496 21.385 21.8988C21.5068 21.848 21.6174 21.7736 21.7104 21.6799C21.8906 21.4934 21.9914 21.2442 21.9914 20.9849C21.9914 20.7256 21.8906 20.4764 21.7104 20.2899ZM11.0004 17.9999C9.61592 17.9999 8.26255 17.5894 7.1114 16.8202C5.96026 16.051 5.06305 14.9578 4.53324 13.6787C4.00342 12.3996 3.8648 10.9921 4.1349 9.63427C4.40499 8.27641 5.07168 7.02912 6.05065 6.05016C7.02961 5.07119 8.27689 4.4045 9.63476 4.13441C10.9926 3.86431 12.4001 4.00293 13.6792 4.53275C14.9583 5.06256 16.0515 5.95977 16.8207 7.11091C17.5899 8.26206 18.0004 9.61544 18.0004 10.9999C18.0004 12.8564 17.2629 14.6369 15.9501 15.9497C14.6374 17.2624 12.8569 17.9999 11.0004 17.9999Z' fill='%230A0F16'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
}

.search-field {
  padding-bottom: 20px;
  border-bottom: 2px solid var(--color-border);
}

.search-field__wrapper {
  display: flex;
  gap: 10px;
  position: relative;
}

.search-field__wrapper iframe {
  position: absolute;
  top: calc(100% - 10px);
  left: 0;
}

/* End */


/* Start:/local/templates/.default/components/bitrix/search.suggest.input/.default/style.css?17841136481061*/
.search-suggest {
  flex-grow: 1;
  height: 36px;
  border: none;
  background: transparent;
  color: var(--color-primary);
  font-family: "Exo 2", sans-serif;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.125;
  letter-spacing: -0.96px;
  padding: 0;
  width:100%;
  @media (max-width: 768px) {
    font-size: 24px;
    letter-spacing: -0.72px;
  }
}

.search-suggest::placeholder {
  color: var(--color-primary);
}

.search-suggest:focus-visible {
  outline: none;
}

div.search-popup {
  padding: 10px;
  border: none;
  border-radius: var(--b-radius);
  transform: translateY(10px);
  background: white;
}
div.search-popup-row,
div.search-popup-row-active {
  position: relative;
  padding: 2px 4px;
  margin: 0px;
  cursor: hand;
  cursor: pointer;
}
div.search-popup-row {
  background: #ffffff;
}
div.search-popup-row-active {
  background: #eeeeee;
}
div.search-popup-el-name,
div.search-popup-el-cnt {
  position: relative;
  margin: 0px;
  padding: 0px;
  text-align: left;
}
div.search-popup-el-cnt {
  text-align: right;
  float: right;
}

/* End */
/* /local/templates/.default/components/bitrix/system.pagenavigation/.default/style.css?17865215922258 */
/* /local/templates/.default/components/arturgolubev/search.page/.default/style.css?17833326812800 */
/* /local/templates/.default/components/bitrix/search.suggest.input/.default/style.css?17841136481061 */
