

/* Start:/bitrix/templates/sotbit_b2c/assets/fonts/Roboto/font.css?17566251051304*/
@font-face {
    font-family: "Roboto";
    src: url("/bitrix/templates/sotbit_b2c/assets/fonts/Roboto/Roboto-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roboto";
    src: url("/bitrix/templates/sotbit_b2c/assets/fonts/Roboto/Roboto-Italic.ttf") format("truetype");
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Roboto";
    src: url("/bitrix/templates/sotbit_b2c/assets/fonts/Roboto/Roboto-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roboto";
    src: url("/bitrix/templates/sotbit_b2c/assets/fonts/Roboto/Roboto-MediumItalic.ttf") format("truetype");
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: "Roboto";
    src: url("/bitrix/templates/sotbit_b2c/assets/fonts/Roboto/Roboto-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Roboto";
    src: url("/bitrix/templates/sotbit_b2c/assets/fonts/Roboto/Roboto-BoldItalic.ttf") format("truetype");
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

/* End */


/* Start:/bitrix/templates/sotbit_b2c/components/bitrix/main.userconsent.request/cookies/style.css?1756625105820*/
.cookies-form {
  overflow-y: hidden !important;
}
@media (min-width: 1025px) {
  .cookies-form {
    padding: 40px calc(var(--padding-container-right) + 30px) 40px var(--padding-container-left);
  }
}
@media (max-width: 768px) {
  .cookies-form .btn {
    flex-grow: 1;
  }
}
@media (max-width: 576px) {
  .cookies-form .btn {
    flex-grow: 0;
  }
}
.cookies-form .swal2-popup {
  padding: 16px;
}
@media (min-width: 1025px) {
  .cookies-form .swal2-popup {
    margin-bottom: 24px;
  }
}
@media (max-width: 768px) {
  .cookies-form .swal2-popup {
    margin-bottom: 0;
  }
}
.cookies-form .swal2-actions {
  padding: 24px 0 0;
}
@media (max-width: 576px) {
  .cookies-form .swal2-actions button {
    width: 100%;
  }
}

.user-consent .swal2-popup {
  padding: 32px 24px 24px;
}
/*# sourceMappingURL=style.css.map */

/* End */


/* Start:/bitrix/templates/sotbit_b2c/template_layouts/header/templates/2/style.css?17566251051656*/
.header--2 {
  --second-menu-height: 42px;
}
@media (min-width: 1025px) {
  .header--2 + main {
    margin-top: calc(42px + 24px);
  }
}
.header--2 .header__top {
  justify-content: end;
  gap: 32px;
}
@media (min-width: 1024px) {
  .header--2 .header__top {
    justify-content: space-between;
  }
}
@media (min-width: 1025px) {
  .header--2 .header__top-menu-wrapper {
    display: flex;
    flex-grow: 1;
    align-items: center;
    gap: 16px;
    min-width: 0;
  }
}
@media (max-width: 1024px) {
  .header--2 .header__top-menu-wrapper .header-multilevel-menu {
    display: none;
  }
}
@media (min-width: 1025px) {
  .header--2 .header__main {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media (min-width: 1025px) {
  .header--2 .header__logo-wrapper {
    margin-right: 40px;
  }
}
@media (min-width: 1025px) {
  .header--2 .header__catalog-button-wrapper {
    margin-right: 16px;
  }
}
@media (min-width: 1025px) {
  .header--2 .header__search-wrapper {
    margin-right: 40px;
  }
}
.header--2 .header__second-menu-wrapper {
  position: absolute;
  display: none;
  width: 100%;
  height: var(--second-menu-height);
  background-color: var(--white);
  transition-duration: var(--transition-duration);
  transition-property: opacity, transform;
}
@media (min-width: 1025px) {
  .header--2 .header__second-menu-wrapper {
    display: flex;
    justify-content: center;
  }
}
.header--2 .header__second-menu-wrapper.hidden {
  transform: translateY(-100%);
  box-shadow: var(--shadow);
  opacity: 0;
  pointer-events: none;
}
.header--2 .header-basket-popup::before {
  top: -16px;
  height: 16px;
}
/*# sourceMappingURL=style.css.map */

/* End */


/* Start:/bitrix/templates/sotbit_b2c/components/bitrix/menu/header_top_menu/style.css?1756625105339*/
.top-menu {
  display: none;
  height: 40px;
}
@media (min-width: 1025px) {
  .top-menu {
    display: flex;
    align-items: center;
    gap: 16px;
  }
}
.top-menu__link {
  color: var(--secondary-700);
  font-size: 14px;
  white-space: nowrap;
}
.top-menu__link--active {
  color: var(--primary);
}
/*# sourceMappingURL=style.css.map */

/* End */


/* Start:/bitrix/templates/sotbit_b2c/components/sotbit/search.title/header_search/style.css?17566251053159*/
.header__search-wrapper {
  position: unset;
}
@media (min-width: 576px) {
  .header__search-wrapper {
    position: relative;
  }
}
.header__search .search-input::placeholder {
  color: var(--secondary-500);
  font-weight: 500;
}
.header__search .search-label {
  display: flex;
  gap: 4px;
  align-items: center;
  padding: 0 16px 0 58px !important;
}
.header__search-icon {
  color: var(--secondary-500);
}
.header__search-icon.speech {
  color: var(--primary-hover) !important;
}
.header__search-icon:not(:last-child) {
  right: 50px;
}
.header__search-speech:focus {
  color: var(--secondary-500);
}
.header__search .search-dropdown-item {
  word-wrap: anywhere;
}
.header__search .search-dropdown-item .basket-icon {
  display: none;
  align-self: baseline;
  cursor: pointer;
}
.header__search .search-dropdown-item.in-cart .in-basket {
  display: block;
  color: var(--primary);
  cursor: auto;
}
.header__search .search-dropdown-item:not(.in-cart) .add_to_basket {
  display: block;
}
.header__search .search-dropdown-item .price-from {
  display: none;
}
.header__search .search-dropdown-item.type-sku .price-from {
  display: inline-block;
}
.header__search .search-dropdown-item.type-sku .basket-icon {
  display: none !important;
}
.header__search__req_history {
  max-height: 50vh;
}
.header__search__req_history_wrapper {
  position: relative;
  padding: 24px;
  max-height: 40vh;
  overflow-y: auto;
}
.header__search__req_history .item:not(:last-child) {
  margin-bottom: 8px;
}
.header__search__req_history .item {
  list-style: none;
  display: none;
}
.header__search__req_history .item .delete-item {
  color: var(--secondary-500);
  margin-left: auto;
  cursor: pointer;
}
.header__search__req_history .item .delete-item:hover {
  color: var(--primary-hover);
}
.header__search__req_history:empty {
  list-style: none;
  display: none;
}
.header__search_icon_wrap {
  display: flex;
  gap: 4px;
  align-items: center;
}

.smartsearch-title__current_searchimg_wrap {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  height: 52px;
  padding: 10px 16px;
  border-radius: 32px;
  width: 100%;
  border: 1px solid var(--primary);
  background: #FFFFFF;
}
.smartsearch-title__current_searchimg {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 100%;
  background: var(--secondary-200);
  border-radius: 8px;
  width: 100%;
}
@media (min-width: 576px) {
  .smartsearch-title__current_searchimg {
    width: max-content;
    max-width: 100%;
  }
}
.smartsearch-title__current_searchimg img {
  width: 32px;
  height: 32px;
  object-fit: cover;
  border-radius: 6px;
}
.smartsearch-title__current_searchimg .search-title__icon {
  display: block;
  position: relative;
  top: 0;
  left: 0;
}
.smartsearch-title__current_searchimg .filename {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.smartsearch-title__searchimg_form_wrap {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0px 4px 24px 0px rgba(69, 44, 113, 0.1098039216);
  background: #FFFFFF;
  width: 100%;
  padding: 16px 24px;
  border-radius: 24px;
  z-index: 205;
}
/*# sourceMappingURL=style.css.map */

/* End */


/* Start:/bitrix/templates/sotbit_b2c/components/bitrix/main.file.input/drag_n_drop/style.css?175662510511421*/
.file-placeholder .file-placeholder-tbody tr {
  display: flex;
  align-content: center;
}

.file-placeholder .files-name .f-wrap {
  overflow: hidden;
  text-overflow: ellipsis;
}

.file-placeholder .files-size {
  width: 0 !important;
}

.files-storage {
  display: flex !important;
}

.files-storage .loading-wrap {
  width: 200px !important;
}

.file-placeholder .files-storage-block {
  width: 20px;
  height: 20px;
  display: flex;
}

.file-placeholder .loading-wrap {
  display: inline-block;
  margin-left: 15px;
  vertical-align: middle;
  position: relative;
  width: 50%;
}

.file-placeholder .loading {
  background: var(--secondary-500);
  display: block;
  border: none;
  border-radius: var(--border-radius-sm);
  height: 19px;
  box-shadow: none;
}

.file-placeholder .loading .del-but {
  background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.58859 2.71569L2.64645 2.64645C2.82001 2.47288 3.08944 2.4536 3.28431 2.58859L3.35355 2.64645L8 7.293L12.6464 2.64645C12.8417 2.45118 13.1583 2.45118 13.3536 2.64645C13.5488 2.84171 13.5488 3.15829 13.3536 3.35355L8.707 8L13.3536 12.6464C13.5271 12.82 13.5464 13.0894 13.4114 13.2843L13.3536 13.3536C13.18 13.5271 12.9106 13.5464 12.7157 13.4114L12.6464 13.3536L8 8.707L3.35355 13.3536C3.15829 13.5488 2.84171 13.5488 2.64645 13.3536C2.45118 13.1583 2.45118 12.8417 2.64645 12.6464L7.293 8L2.64645 3.35355C2.47288 3.17999 2.4536 2.91056 2.58859 2.71569L2.64645 2.64645L2.58859 2.71569Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A") center no-repeat;
  cursor: pointer;
  height: 20px;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.file-placeholder .load-indicator {
  position: absolute;
  left: 0;
  top: 0;
  background: var(--primary);
  border-radius: var(--border-radius-sm);
  color: #fff;
  font-size: 12px;
  height: 19px;
  text-align: center;
  text-shadow: none;
}

.file-placeholder .load-number {
  display: inline-block;
  box-sizing: border-box;
  padding-top: 2px;
}

.file-placeholder .files-title {
  background: none;
  color: var(--secondary-500);
  font-size: 12px;
  text-shadow: none;
  left: 13px;
  top: 12px;
  width: 54px;
  padding-left: 20px;
  position: absolute;
}

.file-placeholder .files-list-wrap {
  margin-left: 56px;
}

html* .file-placeholder .files-list {
  width: auto !important;
  margin-top: 16px;
}

.file-placeholder .files-list {
  table-layout: fixed;
  width: 100%;
  position: relative;
  border: none;
  margin: 8px 0;
}

.file-placeholder .files-list td {
  box-shadow: none;
  border-bottom: none;
  color: transparent;
  font-size: 12px;
  line-height: 16px;
  padding: 8px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  zoom: 1;
  width: auto;
}

.file-placeholder .file-edit,
.file-placeholder .file-section {
  display: none;
}

.file-placeholder .files-name {
  width: 30%;
}

.file-placeholder .files-size {
  width: 12%;
}

.file-placeholder .files-storage {
  width: 20%;
}

.file-placeholder .files-storage .files-storage-text {
  display: inline-block;
  width: 80px;
  color: #5C6470;
}

.file-placeholder .files-storage-block {
  position: relative;
}

.file-placeholder .files-text {
  -moz-box-sizing: border-box;
  color: var(--primary);
  display: flex;
  font-weight: 500;
  max-width: 100%;
  padding-right: 20px;
  position: relative;
  zoom: 1;
}

.file-placeholder .error-load .files-text,
.file-placeholder .error-load .error-text {
  color: #bb0000;
}

.file-placeholder .f-wrap {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  word-wrap: break-word;
  zoom: 1;
}

.file-placeholder .del-but {
  background: url("/bitrix/templates/sotbit_b2c/components/bitrix/main.file.input/drag_n_drop/images/live_feed_sprite.png") no-repeat 0 0;
  cursor: pointer;
  height: 20px;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}

.file-placeholder .files-text .del-but {
  background-position: 6px -19px;
  display: inline-block;
  margin-top: -2px;
  position: static;
  vertical-align: top;
}

.file-placeholder .loading .del-but {
  background-position: 7px -20px;
  top: 0;
}

.file-placeholder .files-storage-block .del-but {
  background-position: 7px -20px;
  top: 0;
}

.file-placeholder .info-icon {
  background: url("/bitrix/templates/sotbit_b2c/components/bitrix/main.file.input/drag_n_drop/images/live_feed_sprite.png") no-repeat -112px -60px;
  display: inline-block;
  height: 16px;
  margin-right: 10px;
  vertical-align: middle;
  width: 17px;
}

.file-placeholder .stor-place {
  display: inline-block;
  margin-left: 10px;
  vertical-align: top;
}

.file-placeholder .stor-text {
  display: inline-block;
  border-bottom: 1px solid #5c6470;
}

.file-placeholder .stor-pl-arrow {
  background: url("/bitrix/templates/sotbit_b2c/components/bitrix/main.file.input/drag_n_drop/images/live_feed_sprite.png") no-repeat -130px -23px;
  display: inline-block;
  margin-left: 10px;
  height: 5px;
  vertical-align: middle;
  width: 3px;
}

.file-placeholder .edit-stor {
  background: url("/bitrix/templates/sotbit_b2c/components/bitrix/main.file.input/drag_n_drop/images/live_feed_sprite.png") no-repeat 4px -64px;
  /*cursor:pointer;*/
  /*display:inline-block;*/
  display: none;
  height: 15px;
  margin-left: 0px;
  vertical-align: middle;
  width: 15px;
}

.file-placeholder .files-path,
.file-placeholder .files-path:visited,
.file-placeholder .files-path:active,
.file-placeholder .files-path:link,
.file-placeholder .files-path:hover {
  border-bottom: 1px dashed #5C6470;
  display: inline-block;
  color: #5C6470;
  /*margin-left:10px;*/
  text-decoration: none;
}

.file-placeholder .files-placement,
.file-placeholder .files-placement:visited,
.file-placeholder .files-placement:active,
.file-placeholder .files-placement:link,
.file-placeholder .files-placement:hover {
  display: inline-block;
  color: #5C6470;
  /*margin-left:10px;*/
  text-decoration: none;
}

.file-selectdialog {
  background: transparent;
  border: none;
  overflow: hidden;
  position: relative;
  display: none;
}

.file-selectdialog .file-simple .file-placeholder {
  margin-top: 0px;
  margin-left: 90px;
}

.file-selectdialog .file-extended .file-selector {
  position: relative;
  padding: 24px 0;
  border-color: var(--secondary-500);
  border-radius: 3px;
  border-style: dashed;
  border-width: 1px;
  text-align: center;
}

.file-selectdialog .file-extended .file-selector-active {
  background-position: 57px -88px;
}

.file-selectdialog .file-extended .file-load-img {
  background: url("/bitrix/templates/sotbit_b2c/components/bitrix/main.file.input/drag_n_drop/images/loading-place-img.gif") no-repeat 0 0;
  height: 79px;
  left: 58px;
  top: 20px;
  position: absolute;
  width: 90px;
}

.file-selectdialog .file-extended .file-selector:hover .file-load-img {
  background-position: 0 -104px;
  left: 55px;
  top: 17px;
}

.file-selectdialog .file-extended .file-uploader {
  color: var(--primary);
  display: inline-block;
  overflow: hidden;
  position: relative;
  vertical-align: top;
}

.file-selectdialog .file-extended .file-uploader .file-but-text {
  cursor: pointer;
  display: block;
  width: 100%;
  height: 100%;
  transition: color var(--transition);
}
.file-selectdialog .file-extended .file-uploader .file-but-text:hover, .file-selectdialog .file-extended .file-uploader .file-but-text:focus {
  color: var(--primary-hover);
}
.file-selectdialog .file-extended .file-uploader .file-but-text:active {
  color: var(--primary-active);
}

.file-selectdialog .file-simple .file-uploader .file-fileUploader {
  /*font-size: 12px;*/
}

.file-selectdialog .file-uploader .file-fileUploader {
  font-size: 120px;
  height: 85px;
  opacity: 0;
  filter: alpha(opacity=0);
  position: absolute;
  right: 0;
  top: -20px;
  cursor: pointer;
}

.file-selectdialog .file-uploader .file-filemacos {
  left: 0 !important;
}

.file-selectdialog .file-label2 {
  color: #5C6470;
  font-size: 12px;
  margin-left: 58px;
  padding-bottom: 11px;
}

.file-selectdialog .file-simple,
.file-selectdialog .file-extended {
  display: none;
}

.file-selectdialog .file-simple .file-label2 {
  margin-top: 20px;
}

.file-selectdialog .file-simple .file-selector {
  color: #5c6470;
  overflow: hidden;
  height: 30px;
  /*font-size:12px;*/
  font-weight: bold;
  margin: 6px 0 6px 90px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.file-selectdialog .file-simple .file-uploader {
  overflow: hidden;
  position: relative;
  display: inline-block;
  margin: 0 15px 0 0;
  vertical-align: middle;
  cursor: pointer;
}

.file-selectdialog .file-simple .file-uploader-left {
  background: url("/bitrix/templates/sotbit_b2c/components/bitrix/main.file.input/drag_n_drop/images/live_feed_sprite.png") no-repeat 0px -240px;
  display: inline-block;
  height: 25px;
  vertical-align: top;
  width: 4px;
}

.file-selectdialog .file-simple .file-uploader-right {
  background: url("/bitrix/templates/sotbit_b2c/components/bitrix/main.file.input/drag_n_drop/images/live_feed_sprite.png") no-repeat -7px -240px;
  display: inline-block;
  height: 25px;
  vertical-align: top;
  width: 4px;
}

.file-selectdialog .file-simple .file-but-text {
  background: url("/bitrix/templates/sotbit_b2c/components/bitrix/main.file.input/drag_n_drop/images/live_feed_sprite.png") repeat-x 0 -267px;
  color: #7A808C;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  height: 25px;
  padding: 2px 10px 0;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  vertical-align: top;
}

/*region Moved from Blog*/
.feed-add-photo-block {
  display: inline-block;
  margin: 16px 16px 0 0;
  height: 120px;
  width: 120px;
  padding-right: 0;
  position: relative;
  vertical-align: top;
}

.feed-add-photo-block .feed-add-post-del-but {
  position: absolute;
  top: 0;
  right: -12px;
  width: 30px;
  height: 30px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L8 8M15 15L8 8M8 8L15 1.00004M8 8L1 15' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-color: var(--secondary-500);
  border-radius: 50%;
  cursor: pointer;
  transition: background-color var(--transition);
  z-index: 100;
}
.feed-add-photo-block .feed-add-post-del-but:hover, .feed-add-photo-block .feed-add-post-del-but:focus {
  background-color: var(--primary-hover);
}
.feed-add-photo-block .feed-add-post-del-but:active {
  background-color: var(--primary-active);
}

.feed-add-img-wrap {
  position: relative;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: var(--border-radius);
  box-shadow: none;
  display: block;
  text-align: center;
  line-height: 0;
  overflow: hidden;
  z-index: 2;
}
.feed-add-img-wrap:hover::before {
  background-color: var(--backdrop);
}
.feed-add-img-wrap:hover ~ .feed-add-img-title {
  color: var(--white);
}
.feed-add-img-wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  transition: background-color var(--transition);
  z-index: 100;
}
.feed-add-img-wrap img {
  border-radius: var(--border-radius);
}

.feed-add-img-title {
  position: absolute;
  top: 8px;
  left: 50%;
  display: block;
  width: calc(100% - 8px);
  color: transparent;
  font-weight: 400;
  font-size: 12px;
  overflow: hidden;
  transform: translateX(-50%);
  transition: color var(--transition);
  pointer-events: none;
  z-index: 100;
}

.feed-add-photo-block .feed-add-close-icon {
  background-color: #fff;
  background-position: 8px -19px;
  height: 22px;
  top: 1px;
  right: 1px;
  width: 22px;
}

.feed-add-photo-block .feed-add-close-icon:hover {
  background-position: -57px -60px;
}

.feed-add-post-dnd-notice {
  background: var(--white);
  border: 1px dashed var(--secondary-500);
}

/*endregion*/
/*# sourceMappingURL=style.css.map */

/* End */


/* Start:/bitrix/templates/sotbit_b2c/components/bitrix/sale.basket.basket.line/.default/style.css?17566251054388*/
.header-basket {
  position: relative;
}
.header-basket-popup {
  position: absolute;
  top: 88px;
  right: var(--padding-container);
  width: 527px;
  max-height: 600px;
  padding: 16px;
  background-color: var(--white);
  border-radius: var(--border-radius);
  box-shadow: var(--shadow);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--transition);
  z-index: var(--z-index-top);
}
.header-basket-popup:hover {
  opacity: 1;
  pointer-events: all;
}
.header-basket-popup::before {
  content: "";
  position: absolute;
  top: -4px;
  left: 0;
  width: 100%;
  height: 4px;
}
@media (max-width: 1024px) {
  .header-basket-popup {
    display: none;
  }
}
.header-basket-popup-products {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.header-basket-items {
  display: flex;
  flex-direction: column;
  gap: 16px;
  min-width: 495px;
  max-height: 360px;
  margin-bottom: 16px;
  padding-right: 8px;
  overflow-y: auto;
  overflow-x: hidden;
}
.header-basket-items-wrappper {
  margin-bottom: 16px;
}
.header-basket-item {
  display: flex;
}
.header-basket-item:not(:last-of-type) {
  margin-bottom: 32px;
}
.header-basket-item-info {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  gap: 2px;
}
.header-basket-item-link {
  color: var(--dark);
}
.header-basket-item-prices {
  display: flex;
  gap: 8px;
}
.header-basket-item-price {
  font-weight: 500;
}
.header-basket-item-price-old {
  display: inline-block;
  margin-left: 4px;
  color: var(--secondary-500);
  text-decoration: line-through;
}
.header-basket-item-summary {
  display: flex;
  justify-content: space-between;
}
.header-basket-item-summary-inner {
  display: flex;
  align-items: end;
  gap: 8px;
  font-size: 14px;
}
.header-basket-item-summary-quantity {
  color: var(--secondary-500);
}
.header-basket-item-summary-sum {
  font-size: 18px;
}
.header-basket-image {
  flex-shrink: 0;
  width: 70px;
  height: 70px;
  margin-right: 16px;
  border-radius: 12px;
  overflow: hidden;
}
.header-basket-remainder {
  margin: 32px 0 8px;
}
.header-basket-total {
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
}
.header-basket-total-price {
  display: flex;
  flex-wrap: wrap;
  width: fit-content;
  gap: 24px;
  margin-bottom: 8px;
}
.header-basket-buttons {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 16px;
}
.header-basket-button-order.btn {
  flex-grow: 1;
  width: 100%;
}
.header-basket-muted-link {
  color: var(--secondary-500);
  font-size: 14px;
}

.personal {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: var(--bottom-bar-height);
  padding: 16px 16px 0;
  background-color: var(--white);
  z-index: var(--z-index-header);
}
@media (min-width: 576px) {
  .personal {
    padding: 16px var(--padding-container-right) 0 var(--padding-container-left);
  }
}
@media (min-width: 1024px) {
  .personal {
    padding: 16px 64px 0;
  }
}
@media (min-width: 1025px) {
  .personal {
    position: static;
    height: auto;
    padding: 0;
  }
}
.personal__placeholder {
  background-color: transparent;
  box-shadow: var(--shadow);
  pointer-events: none;
  z-index: 1300;
}
.personal__menu {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 1025px) {
  .personal__menu {
    justify-content: start;
    gap: 16px;
  }
}
.personal__item {
  position: relative;
}
.personal__item-inner {
  position: relative;
}
.personal__item-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--dark);
}
.personal__item-link--active {
  color: var(--primary);
}
.personal__item-link svg {
  margin-bottom: 4px;
}
.personal__item-text {
  font-size: 14px;
  white-space: nowrap;
}
@media (max-width: 392px) {
  .personal__item-text {
    font-size: 12px;
  }
}
@media (max-width: 1024px) {
  .personal__item--show-desktop {
    display: none;
  }
}
.personal__item--show-mobile {
  display: none;
}
@media (max-width: 1024px) {
  .personal__item--show-mobile {
    display: block;
  }
}
@media (max-width: 1024px) {
  .personal__item--first-mobile {
    order: 1;
  }
}
@media (max-width: 1024px) {
  .personal__item--second-mobile {
    order: 2;
  }
}
.personal__badge {
  position: absolute;
  top: -5px;
  right: -15px;
}

[data-entity=basket-menu-item]:hover ~ .header-basket-popup {
  opacity: 1;
  pointer-events: all;
}
/*# sourceMappingURL=style.css.map */

/* End */


/* Start:/bitrix/templates/sotbit_b2c/components/bitrix/menu/header_catalog_menu/style.css?17566251052072*/
.catalog-menu {
  position: absolute;
  left: 0;
  width: fit-content;
  max-width: 100vw;
  padding: 0 60px 8px var(--padding-container);
  background: var(--white);
  z-index: var(--z-index-top);
}
@media (max-width: 1439px) {
  .catalog-menu {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .catalog-menu {
    flex-direction: column;
    padding: 0 var(--padding-container);
  }
}
.catalog-menu__column {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  width: 300px;
  overflow: hidden auto;
}
.catalog-menu__column:last-child {
  width: 260px;
}
@media (min-width: 1025px) {
  .catalog-menu__column:not(:last-child) {
    margin-right: 16px;
  }
}
@media (max-width: 1024px) {
  .catalog-menu__column {
    flex: 0 0 100%;
    width: 100%;
    padding-top: 16px;
  }
  .catalog-menu__column:last-child {
    display: none;
  }
}
.catalog-menu__column[data-depth-level]:last-of-type {
  flex: 0 0 254px;
}
.catalog-menu__item {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 8px 0;
}
@media (max-width: 1024px) {
  .catalog-menu__item:not(:last-of-type) {
    margin: 0;
  }
}
.catalog-menu__item--image .catalog-menu__item-title {
  margin-top: 10px;
}
.catalog-menu__item--image .catalog-menu__item-icon {
  margin: 10px 24px 0 16px;
}
.catalog-menu__item--image .catalog-menu__link {
  align-items: start;
}
.catalog-menu__item-title {
  display: flex;
  flex-grow: 1;
  align-items: center;
  word-break: break-word;
}
.catalog-menu__item-title:last-child {
  margin-right: 24px;
}
.catalog-menu__item-icon {
  flex-shrink: 0;
  margin: 0 24px 0 16px;
  transform: translateY(3px);
}
.catalog-menu__item-image {
  flex-shrink: 0;
  width: 42px !important;
  height: 42px !important;
  margin-right: 8px;
  object-fit: contain;
}
.catalog-menu__link {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
  align-items: baseline;
  color: inherit;
  text-decoration: none;
}
@media (max-width: 1024px) {
  .catalog-menu__link {
    margin: 0;
    padding: 16px 0;
  }
}
/*# sourceMappingURL=style.css.map */

/* End */


/* Start:/bitrix/templates/sotbit_b2c/components/bitrix/menu/header_multilevel_menu/style.css?17566251053951*/
.header-multilevel-menu {
  --base-menu-items-gap: 32px;
  position: relative;
  display: flex;
  width: 100%;
  min-width: 0;
  height: 100%;
  opacity: 0;
  transition: opacity var(--transition);
}
.header-multilevel-menu.active {
  opacity: 1;
}
.header-multilevel-menu__base-items {
  display: flex;
  align-items: center;
  gap: var(--base-menu-items-gap);
  min-width: 0;
}
.header-multilevel-menu__base-items > .header-multilevel-menu__item:not(.header-multilevel-menu__more-item) {
  white-space: nowrap;
}
.header-multilevel-menu__base-items > .header-multilevel-menu__item:not(.header-multilevel-menu__more-item).parent:hover > .header-multilevel-menu__icon {
  transform: rotate(90deg);
}
.header-multilevel-menu__base-items > .header-multilevel-menu__item .header-multilevel-menu__item {
  white-space: initial;
  word-break: break-word;
}
.header-multilevel-menu__base-items > .header-multilevel-menu__item > .header-multilevel-menu__content {
  top: 100%;
}
.header-multilevel-menu__base-items .header-multilevel-menu__icon {
  transform: rotate(-90deg);
}
.header-multilevel-menu__item {
  display: flex;
  align-items: center;
  gap: 8px;
  color: inherit;
  cursor: pointer;
}
.header-multilevel-menu__item.hidden {
  display: none;
}
@media (any-hover: hover) {
  .header-multilevel-menu__item.parent:hover {
    color: var(--primary-hover);
  }
  .header-multilevel-menu__item.parent:hover > .header-multilevel-menu__content {
    opacity: 1;
    visibility: visible;
  }
}
.header-multilevel-menu__item.open > .header-multilevel-menu__content {
  opacity: 1;
  visibility: visible;
}
.header-multilevel-menu__item.to-left > .header-multilevel-menu__content {
  left: unset;
  right: 100%;
}
.header-multilevel-menu__item.to-right > .header-multilevel-menu__content {
  left: 100%;
  right: unset;
}
.header-multilevel-menu__item.active {
  color: var(--primary);
}
.header-multilevel-menu__link {
  color: inherit;
  font-weight: 500;
}
.header-multilevel-menu__link.active {
  color: var(--primary);
}
.header-multilevel-menu__icon {
  flex-shrink: 0;
  color: inherit;
  transition: transform var(--transition), color var(--transition);
}
.header-multilevel-menu__content {
  position: absolute;
  top: 0;
  max-width: 400px;
  width: max-content;
  background-color: var(--white);
  border-radius: var(--border-radius);
  box-shadow: var(--shadow);
  opacity: 0;
  transition-duration: var(--transition-duration);
  transition-property: opacity, visibility;
  transition-delay: 0s;
  visibility: hidden;
  z-index: 2;
}
.header-multilevel-menu__submenu {
  max-height: 50vh;
  padding: 16px 0;
  overflow: hidden;
}
.header-multilevel-menu__submenu .header-multilevel-menu__item {
  padding-right: 8px;
  color: var(--dark);
}
.header-multilevel-menu__submenu .header-multilevel-menu__item:first-child > .header-multilevel-menu__link {
  padding: 0 0 8px 16px;
}
.header-multilevel-menu__submenu .header-multilevel-menu__item:last-child > .header-multilevel-menu__link {
  padding: 8px 0 0 16px;
}
.header-multilevel-menu__submenu .header-multilevel-menu__item:only-child > .header-multilevel-menu__link {
  padding: 0 0 0 16px;
}
.header-multilevel-menu__submenu .header-multilevel-menu__item .header-multilevel-menu__submenu {
  top: 0;
  left: 0;
}
.header-multilevel-menu__submenu .header-multilevel-menu__icon {
  transform: rotate(180deg);
}
.header-multilevel-menu__submenu .header-multilevel-menu__link {
  flex-grow: 1;
  padding: 8px 0 8px 16px;
}
.header-multilevel-menu__submenu.open {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}
.header-multilevel-menu__submenu.custom-scrollbar {
  padding: 0;
  margin: 16px 8px 16px 0;
  overflow-y: auto;
  overflow-x: hidden;
}
.header-multilevel-menu__submenu.custom-scrollbar > .header-multilevel-menu__link {
  padding: 8px 16px 8px 8px;
}
.header-multilevel-menu__more {
  display: block;
  padding: 0 !important;
}
/*# sourceMappingURL=style.css.map */

/* End */


/* Start:/bitrix/templates/sotbit_b2c/components/bitrix/menu/sidebar/style.css?1756625105514*/
.sidebar {
  flex-shrink: 0;
  margin-bottom: 24px;
}
@media (max-width: 1024px) {
  .sidebar {
    margin-bottom: 0;
  }
}
.sidebar__list {
  height: 0;
}
.sidebar__list.active {
  height: auto !important;
}
.sidebar__item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 500;
  padding: 8px 0;
}
.sidebar__slider {
  display: flex;
  flex-direction: column;
  margin: 0;
}
@media (max-width: 1024px) {
  .sidebar__slider {
    flex-direction: row;
  }
}
/*# sourceMappingURL=style.css.map */

/* End */


/* Start:/bitrix/templates/sotbit_b2c/assets/css/override/keen-slider.min.css?17566251051112*/
.keen-slider__slide{min-width:100%;max-width:100%;transform:translate3d(0,0,0)}.keen-slider__pagination{--gap:6px;overflow:hidden}.keen-slider__pagination-inner{position:relative;left:50%;display:flex;justify-content:center;align-items:center;-moz-column-gap:var(--gap);column-gap:var(--gap);width:-moz-fit-content;width:fit-content}.keen-slider__dot{box-sizing:border-box;flex-shrink:0;width:8px;height:8px;background-color:transparent;border:1px solid var(--secondary-500);border-radius:50%;font-size:0;transform:scale(0);transition:background-color var(--transition),transform var(--transition)}.keen-slider__dot--active{background-color:var(--primary)}.keen-slider__arrow{display:flex;justify-content:center;align-items:center;width:24px;height:24px;color:var(--secondary-500)}.keen-slider__arrow svg{transition:color var(--transition)}.keen-slider__arrow--next svg{transform:rotate(180deg)}.keen-slider:not(.keen-slider--initialized)~.keen-slider__arrow{cursor:default}a.keen-slider__slide,button.keen-slider__slide{transition-property:initial;transition-duration:initial;transition-timing-function:initial}
/* End */


/* Start:/bitrix/templates/sotbit_b2c/components/bitrix/breadcrumb/.default/style.css?17566251051839*/
.breadcrumbs__back {
  --arrow-icon: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjczMjcgMTkuNzkwNUMxMS4wMzI2IDIwLjA3NjIgMTEuNTA3NCAyMC4wNjQ2IDExLjc5MzEgMTkuNzY0N0MxMi4wNzg3IDE5LjQ2NDggMTIuMDY3MiAxOC45OSAxMS43NjczIDE4LjcwNDNMNS41MTU4NyAxMi43NDk3TDIwLjI1IDEyLjc0OTdDMjAuNjY0MiAxMi43NDk3IDIxIDEyLjQxMzkgMjEgMTEuOTk5N0MyMSAxMS41ODU1IDIwLjY2NDIgMTEuMjQ5NyAyMC4yNSAxMS4yNDk3TDUuNTE1NzcgMTEuMjQ5N0wxMS43NjczIDUuMjk1MDJDMTIuMDY3MiA1LjAwOTMzIDEyLjA3ODcgNC41MzQ2IDExLjc5MzEgNC4yMzQ2N0MxMS41MDc0IDMuOTM0NzUgMTEuMDMyNiAzLjkyMzIgMTAuNzMyNyA0LjIwODg5TDMuMzEzNzkgMTEuMjc1NkMzLjE0NDg2IDExLjQzNjUgMy4wNDQ5MSAxMS42NDE3IDMuMDEzOTMgMTEuODU1MUMzLjAwNDc5IDExLjkwMTkgMyAxMS45NTAzIDMgMTEuOTk5N0MzIDEyLjA0OTMgMy4wMDQ4MSAxMi4wOTc3IDMuMDEzOTggMTIuMTQ0NkMzLjA0NTAyIDEyLjM1NzkgMy4xNDQ5NiAxMi41NjMgMy4zMTM3OSAxMi43MjM4TDEwLjczMjcgMTkuNzkwNVoiIGZpbGw9ImN1cnJlbnRDb2xvciIvPgo8L3N2Zz4K");
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-top: 5px;
  color: var(--dark);
  z-index: 1;
}
.breadcrumbs__back::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  color: inherit;
  -webkit-mask: var(--arrow-icon) no-repeat center;
  mask: var(--arrow-icon) no-repeat center;
}
@media (min-width: 1025px) {
  .breadcrumbs__back {
    display: none;
  }
}
.breadcrumbs__list {
  display: none;
}
@media (min-width: 1025px) {
  .breadcrumbs__list {
    display: block;
  }
}
.breadcrumbs__item {
  display: inline;
  word-break: break-word;
}
.breadcrumbs__item--last {
  color: var(--secondary-500);
}
.breadcrumbs__link {
  color: var(--dark);
}
/*# sourceMappingURL=style.css.map */

/* End */


/* Start:/bitrix/templates/sotbit_b2c/template_layouts/footer/templates/3/style.css?17566251054046*/
.footer--3 {
  grid-template-areas: "logo" "description" "contacts" "buyers" "company" "privacy" "pwa" "bottom";
  background-color: var(--dark);
}
@media (min-width: 576px) and (max-width: 767px) {
  .footer--3 {
    --padding-container: calc(16px + (40 - 16) * (100vw - 576px) / (768 - 576));
  }
}
@media (min-width: 768px) {
  .footer--3 {
    --padding-container: 40px;
    grid-template-areas: "logo . ." "description description ." "contacts contacts contacts" "buyers company privacy" "pwa pwa ." "bottom bottom bottom";
    grid-template-columns: repeat(3, 1fr);
    column-gap: 32px !important;
  }
}
@media (min-width: 1024px) {
  .footer--3 {
    grid-template-areas: "logo . . ." "description description . ." "contacts buyers company privacy" "pwa pwa . ." "bottom bottom bottom bottom";
    grid-template-columns: repeat(4, 1fr);
    column-gap: 24px !important;
  }
}
@media (min-width: 1440px) {
  .footer--3 {
    grid-template-areas: "logo contacts buyers company privacy" "description contacts buyers company privacy" ". contacts buyers company privacy" ". . . pwa pwa" "bottom bottom bottom bottom bottom";
    grid-template-columns: fit-content(480px) repeat(4, 1fr);
    column-gap: 32px !important;
    row-gap: 16px !important;
  }
}
@media (min-width: 1440px) and (max-width: 1919px) {
  .footer--3 {
    --padding-container: calc(40px + (120 - 40) * (100vw - 1440px) / (1920 - 1440));
  }
}
@media (min-width: 1920px) {
  .footer--3 {
    --padding-container: calc((100vw - 1680px) / 2);
    grid-template-areas: "logo contacts buyers company privacy pwa" "description contacts buyers company privacy pwa" "bottom bottom bottom bottom bottom bottom";
    grid-template-columns: fit-content(480px) repeat(4, 1fr) min-content;
  }
}
.footer--3 .footer__logo {
  grid-area: logo;
}
.footer--3 .footer__description {
  grid-area: description;
  margin-bottom: 8px;
  color: var(--white);
}
.footer--3 .footer__menu-wrapper {
  margin-bottom: 8px;
  color: var(--white);
}
@media (min-width: 1024px) {
  .footer--3 .footer__menu-wrapper {
    margin-bottom: 0;
  }
}
.footer--3 .footer__menu-wrapper--buyers {
  grid-area: buyers;
}
.footer--3 .footer__menu-wrapper--company {
  grid-area: company;
}
.footer--3 .footer__menu-wrapper--privacy {
  grid-area: privacy;
}
.footer--3 .footer__menu-title {
  opacity: 1 !important;
}
.footer--3 .footer__socnet {
  order: -1;
  margin-top: 16px;
}
@media (min-width: 1440px) {
  .footer--3 .footer__socnet {
    order: unset;
    margin-top: 0;
  }
}
.footer--3 .footer__pwa {
  grid-area: pwa;
}
.footer--3 .footer__contacts-wrapper {
  grid-area: contacts;
  margin-bottom: 8px;
  color: var(--white);
}
@media (min-width: 1024px) {
  .footer--3 .footer__contacts-wrapper {
    margin-bottom: 0;
  }
}
.footer--3 .footer__contacts {
  display: flex;
  flex-wrap: wrap;
}
.footer--3 .footer__contact {
  padding: 8px 0;
}
.footer--3 .footer__bottom {
  position: relative;
  grid-area: bottom;
  color: var(--white);
}
.footer--3 .footer__bottom::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(var(--padding-container-left) * -1);
  width: 100vw;
  height: 1px;
  background-color: var(--secondary-300);
}
.footer--3 .footer__bottom-inner {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
@media (min-width: 1440px) {
  .footer--3 .footer__bottom-inner {
    flex-direction: row;
    justify-content: space-between;
    align-items: end;
    margin-top: 16px;
  }
}
.footer--3 .footer__vendor {
  order: 2;
}
.footer--3 .footer__vendor-logo {
  filter: contrast(0) brightness(2);
}
.footer--3 .socnet__title {
  display: none;
}
.footer--3 .install-PWA__btns {
  flex-direction: column;
}
@media (min-width: 768px) {
  .footer--3 .install-PWA__btns {
    flex-direction: row;
  }
}
@media (min-width: 1440px) {
  .footer--3 .install-PWA__btns {
    justify-content: flex-end;
  }
}
.footer--3 .install-PWA__btn {
  filter: contrast(0) brightness(2);
}
.footer--3 .install-PWA__title {
  display: none;
}
/*# sourceMappingURL=style.css.map */

/* End */


/* Start:/bitrix/templates/sotbit_b2c/components/bitrix/menu/footer_menu/style.css?1756625105439*/
.footer__menu {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  row-gap: 8px;
  max-width: 400px;
  margin-right: auto;
}
.footer__menu-text {
  color: inherit !important;
  font-weight: 500;
  transition: opacity var(--transition);
}
.footer__menu-text:hover, .footer__menu-text:active, .footer__menu-text:focus-visible {
  opacity: 0.6;
}
.footer__menu-text--active {
  opacity: 0.6;
}
/*# sourceMappingURL=style.css.map */

/* End */
/* /bitrix/templates/sotbit_b2c/assets/fonts/Roboto/font.css?17566251051304 */
/* /bitrix/templates/sotbit_b2c/components/bitrix/main.userconsent.request/cookies/style.css?1756625105820 */
/* /bitrix/templates/sotbit_b2c/template_layouts/header/templates/2/style.css?17566251051656 */
/* /bitrix/templates/sotbit_b2c/components/bitrix/menu/header_top_menu/style.css?1756625105339 */
/* /bitrix/templates/sotbit_b2c/components/sotbit/search.title/header_search/style.css?17566251053159 */
/* /bitrix/templates/sotbit_b2c/components/bitrix/main.file.input/drag_n_drop/style.css?175662510511421 */
/* /bitrix/templates/sotbit_b2c/components/bitrix/sale.basket.basket.line/.default/style.css?17566251054388 */
/* /bitrix/templates/sotbit_b2c/components/bitrix/menu/header_catalog_menu/style.css?17566251052072 */
/* /bitrix/templates/sotbit_b2c/components/bitrix/menu/header_multilevel_menu/style.css?17566251053951 */
/* /bitrix/templates/sotbit_b2c/components/bitrix/menu/sidebar/style.css?1756625105514 */
/* /bitrix/templates/sotbit_b2c/assets/css/override/keen-slider.min.css?17566251051112 */
/* /bitrix/templates/sotbit_b2c/components/bitrix/breadcrumb/.default/style.css?17566251051839 */
/* /bitrix/templates/sotbit_b2c/template_layouts/footer/templates/3/style.css?17566251054046 */
/* /bitrix/templates/sotbit_b2c/components/bitrix/menu/footer_menu/style.css?1756625105439 */
