/* Start:/local/templates/hanss/build/style.css?176900476231060*/
/*!**************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/scss/style.scss ***!
  \**************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap);
/*!*************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!../../components/hanss/cart/templates/default/style.scss ***!
  \*************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap);
/*!*********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!../../components/hanss/main.profile/templates/default/style.scss ***!
  \*********************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;700&display=swap);
/*!******************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/scss/style.scss (1) ***!
  \******************************************************************************************************************/
.side-panel {
  position: fixed;
  top: 0;
  right: 0;
  width: 450px;
  height: 100%;
  background: #fff;
  transform: translateX(100%);
  transition: transform 0.3s ease-in-out;
  z-index: 1100;
  overflow-y: auto;
  padding: 20px;
}

.side-panel.active {
  transform: translateX(0);
}

.side-panel .close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 18px;
  background: none;
  border: none;
  cursor: pointer;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  display: none;
}

.overlay.active {
  display: block;
}

@media (max-width: 768px) {
  .side-panel {
    width: 90% !important;
    max-width: 450px;
  }
}
.footer {
  background-color: #f5f5f5;
  padding: 30px 16px 20px;
  font-family: "Helvetica Neue", sans-serif;
  font-size: 16px;
  color: #1a1a1a;
}
.footer__container {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.footer__left {
  text-align: center;
}
.footer__logo {
  display: inline-block;
  text-decoration: none;
}
.footer__logo-img {
  width: 100px;
  height: auto;
}
.footer__nav {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
}
.footer__link {
  color: #1a1a1a;
  text-decoration: none;
  transition: opacity 0.3s;
}
.footer__link:hover {
  opacity: 0.7;
}
.footer__contacts {
  text-align: center;
}
.footer__contacts a {
  display: block;
  color: #1a1a1a;
  text-decoration: none;
  margin-bottom: 5px;
}
.footer__bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin-top: 24px;
  font-size: 14px;
  color: #8c94a3;
}
.footer__policy {
  text-decoration: none;
  color: #8c94a3;
  transition: opacity 0.3s;
}
.footer__policy:hover {
  opacity: 0.6;
}
@media (min-width: 800px) {
  .footer {
    padding: 40px 20px;
  }
  .footer__container {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 0;
  }
  .footer__nav {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 40px;
    margin: 10px;
  }
  .footer__contacts {
    text-align: right;
  }
  .footer__bottom {
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 40px;
  }
  .footer__logo-img {
    width: 120px;
  }
}

body {
  margin: 0;
  background: #fff;
  color: #1d1d1d;
  max-height: fit-content;
}

@media (max-width: 768px) {
  .d-sm-none {
    display: none !important;
  }
}

.d-none {
  display: none !important;
}
@media (max-width: 768px) {
  .d-none {
    display: block !important;
  }
}

.promo {
  position: relative;
  overflow: hidden;
}
.promo__slider {
  position: relative;
  width: 100%;
}
.promo__slides {
  display: flex;
  transition: transform 0.6s ease;
  width: 100%;
}
.promo__slide {
  position: relative;
  width: 100%;
  flex-shrink: 0;
  height: 90vh;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .promo__slide {
    display: flex;
    flex-direction: column;
  }
}
.promo__text {
  position: relative;
  z-index: 2;
  padding-inline: 230px;
  width: min-content;
}
@media (max-width: 768px) {
  .promo__text {
    position: unset;
    width: 90%;
    text-align: center;
    padding: 10px;
  }
}
.promo__title {
  font-family: "JetBrains Mono", monospace;
  font-weight: 700;
  font-size: 120px;
  line-height: 130%;
  letter-spacing: 0%;
  margin: 20px 0px;
}
@media (max-width: 768px) {
  .promo__title {
    font-size: 80px;
  }
}
.promo__subtitle {
  font-family: "JetBrains Mono", monospace;
  font-weight: 500;
  font-size: 48px;
  line-height: 120%;
  letter-spacing: 0%;
  margin: 20px 0px;
}
@media (max-width: 768px) {
  .promo__subtitle {
    font-size: 32px;
    font-weight: 400;
    margin: 0;
  }
}
.promo__buttons {
  display: flex;
  gap: 1rem;
  width: 100%;
}
.promo__image {
  position: absolute;
  inset: 0;
  z-index: 1;
}
@media (max-width: 768px) {
  .promo__image {
    position: unset;
    z-index: 0;
    height: 376px;
  }
}
.promo__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 768px) {
  .promo__image img {
    object-position: 100% 0%;
  }
}
.promo__slide::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}
.promo__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: transparent;
  border: none;
  font-size: 2rem;
  cursor: pointer;
  z-index: 2;
  padding: 0.5rem;
}
.promo__arrow--prev {
  left: 1rem;
}
.promo__arrow--next {
  right: 1rem;
}
.promo__button {
  padding: 1rem 1.5rem;
  border-radius: 2px;
  font-size: 0.9rem;
  border: none;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 500;
  width: 49%;
  font-size: 16px;
  letter-spacing: 0px;
}
@media (max-width: 768px) {
  .promo__button {
    width: 100%;
    padding: 1rem 0;
  }
}
@media (max-width: 768px) {
  .promo__buttons--sm {
    width: 90%;
    display: flex !important;
    flex-direction: column;
    gap: 10px;
    padding: 0rem 0rem 2rem 0rem;
    z-index: 1;
  }
}
.promo__buttons--video {
  position: absolute;
  bottom: 0;
}
.promo__video {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.promo__video video {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.catalog {
  padding: 1rem 1rem 4rem 1rem;
  background: #f8f8f8;
  text-align: center;
}
.catalog__title {
  font-family: "JetBrains Mono", monospace;
  font-weight: 500;
  font-size: 48px;
  line-height: 120%;
  letter-spacing: 0%;
  margin: 0 0 2rem 0;
}
@media (max-width: 768px) {
  .catalog__title {
    font-size: 36px;
    margin: 0 0 1rem 0;
  }
}
.catalog__header {
  padding-block: 5rem;
}
@media (max-width: 768px) {
  .catalog__header {
    padding-block: 1rem;
  }
}
.catalog__subtitle {
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 400;
  font-size: 20px;
  text-align: center;
  color: #4f5864;
  opacity: 0.6;
  margin: 0 0 1rem 0;
}
@media (max-width: 768px) {
  .catalog__subtitle {
    font-size: 16px;
  }
}
.catalog__filters {
  list-style: none;
  display: flex;
  overflow-x: auto;
  gap: 1.5rem;
  margin-bottom: 3rem;
  padding: 0;
  white-space: nowrap;
  scroll-snap-type: x mandatory;
}
.catalog__filters::-webkit-scrollbar {
  display: none;
}
@media (min-width: 768px) {
  .catalog__filters {
    justify-content: center;
  }
}
.catalog__filter {
  cursor: pointer;
  font-weight: 500;
  padding: 0.5rem 1rem;
  border-radius: 30px;
  font-family: "JetBrains Mono", monospace;
  transition: background 0.3s, color 0.3s;
  font-size: 20px;
  flex: 0 0 auto;
  scroll-snap-align: start;
  position: relative;
}
@media (max-width: 768px) {
  .catalog__filter {
    font-size: 16px;
  }
}
.catalog__filter--active {
  background: #1d1d1d;
  color: #fff;
}
.catalog__filter:hover {
  background: #1d1d1d;
  color: #fff;
}
.catalog__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1rem;
  row-gap: 2rem;
}
.catalog__grid::-webkit-scrollbar {
  display: none;
}

.product-card {
  text-align: center;
  display: flex;
  flex-direction: column;
}
.product-card__image {
  width: 100%;
  overflow: hidden;
  position: relative;
}
.product-card__image img {
  width: 100%;
  object-fit: cover;
  display: block;
}
.product-card__title {
  margin: 1rem 0 0.5rem;
  font-weight: 400;
  font-size: 16px;
  font-family: "Helvetica Neue", sans-serif;
}
.product-card__price {
  font-weight: 300;
  margin: 0rem 0 0.5rem;
  font-family: "Helvetica Neue", sans-serif;
}
.product-card__colors {
  position: absolute;
  top: 10px;
  right: 10px;
  display: flex;
  z-index: 2;
}
.product-card__color {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #000;
}
.product-card__add {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: #1d1d1d;
  color: #fff;
  font-size: 1.5rem;
  border: none;
  border-radius: 4px;
  width: 48px;
  height: 48px;
  cursor: pointer;
  z-index: 2;
  font-weight: 400;
  font-family: "Helvetica Neue", sans-serif;
  text-align: center;
  line-height: 1;
  padding: 0 0 3px 0;
}

.discount {
  background: #f3f3f3;
}
.discount__container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  padding: 0rem 0rem;
  background: #fff;
  height: 450px;
}
@media (max-width: 768px) {
  .discount__container {
    position: relative;
    display: flex;
    align-items: end;
  }
}
.discount__text {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 4rem;
}
@media (max-width: 768px) {
  .discount__text {
    position: relative;
    z-index: 2;
    color: white;
    gap: 32px;
    background-color: #0d0d0d;
    padding: 1em;
    width: 100%;
  }
}
.discount__title {
  font-family: "JetBrains Mono", monospace;
  font-size: 48px;
  font-weight: 400;
  margin: 0px;
}
@media (max-width: 768px) {
  .discount__title {
    position: relative;
    z-index: 2;
    color: white;
    font-size: 36px;
  }
}
.discount__desc {
  font-size: 18px;
  color: #4f5864;
  font-weight: 400;
  line-height: 1.6;
  font-family: "Helvetica Neue", sans-serif;
  margin: 0px;
}
@media (max-width: 768px) {
  .discount__desc {
    position: relative;
    z-index: 2;
    color: #f1f1f1;
    font-size: 18px;
  }
}
.discount__button {
  display: inline-block;
  padding: 1rem 0em;
  font-size: 14px;
  font-weight: 500;
  border: none;
  border-radius: 2px;
  cursor: pointer;
  width: 260px;
  font-family: "Helvetica Neue", sans-serif;
  text-align: center;
  text-decoration: none;
}
@media (max-width: 768px) {
  .discount__button {
    color: #fff !important;
  }
}
.discount__image {
  height: 450px;
}
.discount__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
@media (max-width: 768px) {
  .discount__image {
    position: absolute;
    inset: 0;
    z-index: 1;
  }
}
.discount__note {
  background: #f3f3f3;
  padding: 5rem 20% 1rem 20%;
  text-align: center;
}
@media (max-width: 768px) {
  .discount__note {
    padding: 2rem 10px;
  }
}
.discount__note-text {
  font-family: "JetBrains Mono";
  font-size: 24px;
  line-height: 160%;
  font-weight: 400;
  margin: 0;
}
@media (max-width: 768px) {
  .discount__note-text {
    font-size: 20px;
    line-height: 140%;
    text-align: center;
  }
}

.lookbook {
  background: #f3f3f3;
  padding: 2rem 0rem;
}
.lookbook__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}
@media (max-width: 768px) {
  .lookbook__grid {
    padding: 0rem 1rem;
    gap: 1rem;
  }
}
.lookbook__item {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.lookbook__item:first-child {
  align-items: end;
}
.lookbook__item:last-child {
  align-items: start;
}
.lookbook__image {
  width: 100%;
  display: block;
  object-fit: cover;
  aspect-ratio: 4.5/4;
}
@media (max-width: 768px) {
  .lookbook__image {
    width: 100%;
    aspect-ratio: 4/4;
  }
}
.lookbook__button {
  margin: 2rem 0 3rem;
  padding: 1rem 0rem;
  font-family: "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  border: 1px solid #1d1d1d;
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  width: 50%;
  text-align: center;
}
@media (max-width: 768px) {
  .lookbook__button {
    width: 100%;
    margin: 0;
  }
}
@media (max-width: 768px) {
  .lookbook__buttons--sm {
    width: 100%;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0rem 1rem;
    gap: 10px;
  }
}

.landing__button:focus-visible {
  outline: 2px solid #1d1d1d;
  outline-offset: 3px;
}
.landing__button--black {
  transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
  background: #1d1d1d;
  color: #fff;
  border: 1px solid #1d1d1d;
}
.landing__button--black:hover {
  background: transparent;
  color: #000;
  border-color: #000;
}
.landing__button--white {
  transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
  color: #1d1d1d;
  border: 1px solid #1d1d1d;
}
.landing__button--white:hover {
  background: #1d1d1d;
  color: #fff;
  border-color: #1d1d1d;
}

ul, ol {
  margin-top: unset;
  margin-bottom: unset;
}

body > header {
  position: fixed;
  width: 100%;
  z-index: 101;
  height: 56px;
  top: 0;
}

body > main {
  margin-top: 56px;
  min-height: calc(100vh - 100px - 56px - 80px);
}

@media (max-width: 992px) {
  .catalog__grid {
    display: grid;
    overflow-x: auto;
    grid-template-columns: repeat(2, 1fr);
  }
}
@font-face {
  font-family: "Helvetica Neue Thin";
  src: url(/local/templates/hanss/build/69715fdffa5218e05ef8.otf);
  font-weight: 100; /* Thin */
  font-style: normal; /* Roman */
}
@font-face {
  font-family: "Helvetica Neue Light";
  src: url(/local/templates/hanss/build/a7c3c98319c1341d5aa5.otf);
  font-weight: 300; /* Light */
  font-style: normal; /* Roman */
}
@font-face {
  font-family: "Helvetica Neue Medium";
  src: url(/local/templates/hanss/build/38884ffafe8888205009.otf);
  font-weight: 500; /* Medium */
  font-style: normal; /* Roman */
}
@font-face {
  font-family: "Helvetica Neue Bold";
  src: url(/local/templates/hanss/build/1baa6c20d3e22be14c0a.otf);
  font-weight: 700; /* Bold */
  font-style: normal; /* Roman */
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(/local/templates/hanss/build/a7c3c98319c1341d5aa5.otf);
  font-weight: 300; /* Light */
  font-style: normal; /* Roman */
}
body {
  font-family: "Helvetica Neue Light", sans-serif;
}
/*!**************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/bitrix/menu/hanss_top/style.scss ***!
  \**************************************************************************************************************************************/
.header {
  background: rgb(255, 255, 255);
  padding: 1rem 0;
  font-size: 14px;
}

.header-flex-container {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 1rem;
  display: flex;
  align-items: center;
}

.header__container {
  justify-content: space-between;
}

.header__container-left {
  justify-content: left;
  margin: 0;
}

.header__container-right {
  justify-content: space-between;
  max-width: 230px;
  margin: 0;
  gap: 15px;
}
.header__container-right .icon__container {
  justify-content: center;
}
.header__container-right .icon__container .icon__search {
  margin-right: 24px;
}

.header__logo {
  padding-bottom: 5px;
  cursor: pointer;
}

.nav__list {
  display: flex;
  gap: 2rem;
  list-style: none;
}

.nav__link {
  text-decoration: none;
  color: #333;
  font-weight: 500;
}

.burger {
  display: none;
  flex-direction: column;
  gap: 4px;
  background: none;
  border: none;
}

.burger span {
  width: 40px;
  height: 2px;
  background: rgb(27, 40, 37);
  display: block;
}

.mobile-nav__close {
  display: none;
}

.basket__container {
  min-width: 120px;
}

.icon__container div {
  cursor: pointer;
}

.icon__container div svg {
  pointer-events: none;
}

.header__logo--mobile {
  margin-top: 5px;
}

.header__logo--mobile .mobile-logo {
  display: none;
  font-family: "JetBrains Mono", sans-serif;
  font-size: 24px;
  font-weight: 500;
}

@media (max-width: 870px) {
  .nav {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    background: #fff;
    transform: translateY(-200%);
    opacity: 0;
    pointer-events: none;
    z-index: 10;
    height: 100vh;
  }
  .nav.animated {
    transition: transform 0.5s ease-out, opacity 0.5s ease-out;
  }
  .nav.open {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
    padding-top: 10px;
    padding-left: 16px;
  }
  .nav__list {
    flex-direction: column;
    gap: 1rem;
    padding: 1rem;
    font-size: 24px;
    font-family: "JetBrains Mono", sans-serif;
    font-weight: 500;
  }
  .nav__list li {
    margin-top: 24px;
  }
  .header__logo--mobile {
    display: flex;
    padding-left: 10px;
    padding-right: 10px;
    justify-content: space-between;
  }
  .header__logo--mobile .mobile-logo {
    font-size: 24px;
    display: block;
  }
  .burger {
    display: flex;
  }
  .header__logo {
    margin-left: 24px;
  }
  .mobile-nav__close {
    background: none;
    border: none;
    font-size: 32px;
    float: right;
  }
  .mobile-nav__close.open {
    display: block;
  }
  .header__container-left {
    width: 100%;
  }
  .header {
    background: linear-gradient(180deg, #D0D2DA 0%, #F5F6F8 100%);
  }
  .icon__container.header-flex-container {
    margin-top: 24px;
  }
  .icon__container.header-flex-container div {
    width: 40px;
    height: 40px;
  }
  .icon__container.header-flex-container .icon__auth {
    margin-left: 24px;
  }
  .icon__container.header-flex-container svg {
    width: 40px !important;
    height: 40px !important;
  }
}
/*!*****************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./components/bitrix/sale.basket.basket.line/hanss_basket_info/style.scss ***!
  \*****************************************************************************************************************************************************************/
.custom-cart-summary {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 500;
  color: #1f2b26;
}

.custom-cart-summary .cart-price {
  font-size: 16px;
}

.custom-cart-summary .cart-count {
  background-color: #1f2b26;
  color: white;
  font-weight: 500;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  text-align: center;
  line-height: 32px;
  text-decoration: none;
  display: inline-block;
}

.cart-count {
  cursor: pointer;
}
/*!*************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!../../components/hanss/auth/templates/default/style.scss ***!
  \*************************************************************************************************************************************************/
.auth__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "JetBrains Mono", monospace;
}
.auth__title {
  margin: 0;
  font-size: 32px;
  font-weight: 500;
}
@media (max-width: 768px) {
  .auth__title {
    font-size: 20px;
  }
}
.auth__close-btn {
  font-size: 24px !important;
  position: unset !important;
}
@media (max-width: 768px) {
  .auth__close-btn {
    font-size: 24px !important;
  }
}
.auth__input {
  display: block;
  border-radius: 2px;
  width: 100%;
  padding-block: 10px;
  padding-inline: 10px;
  box-shadow: none;
  border: 1px solid #b7b7b7;
  font-family: "JetBrains Mono", monospace;
  font-size: 15px;
}
.auth__label {
  display: block;
  width: 100%;
  padding-block: 10px;
  box-shadow: none;
  font-family: "JetBrains Mono", monospace;
  font-size: 17px;
}
.auth__button {
  padding: 1rem 1.5rem;
  border-radius: 2px;
  font-size: 0.9rem;
  border: none;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 500;
  width: 100%;
  font-size: 16px;
  letter-spacing: 0px;
  color: #fff;
  background-color: #1d1d1d;
  border: 1px solid #1d1d1d;
  margin: 20px 0px;
  transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
}
.auth__button:hover {
  background: transparent;
  color: #000;
}
/*!*****************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!../../components/hanss/cart/templates/default/style.scss (1) ***!
  \*****************************************************************************************************************************************************/
#cart-panel {
  width: 37% !important;
  min-width: 450px;
}
@media (max-width: 768px) {
  #cart-panel {
    width: 90% !important;
    min-width: unset;
    max-width: 450px;
  }
}

.cart__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "JetBrains Mono", monospace;
}
.cart__title {
  margin: 0;
  font-size: 32px;
  font-weight: 500;
}
@media (max-width: 768px) {
  .cart__title {
    font-size: 20px;
  }
}
.cart__close-btn {
  font-size: 24px !important;
  position: unset !important;
}
@media (max-width: 768px) {
  .cart__close-btn {
    font-size: 24px !important;
  }
}
.cart__body {
  margin-top: 24px;
  margin-bottom: 80px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cart__total {
  display: flex;
  justify-content: space-between;
  font-size: 24px;
  font-weight: 500;
  padding-top: 24px;
  border-top: 1px solid #222;
  width: 90%;
  font-family: "JetBrains Mono", monospace;
}
.cart__confirmation {
  min-height: 80%;
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 80px;
}
.cart__confirmation h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 8px;
  font-family: "JetBrains Mono", monospace;
}
.cart__confirmation p {
  font-size: 14px;
  color: #555;
  margin-bottom: 24px;
}
.cart__empty {
  text-align: center;
  padding: 80px 0;
  height: 70vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.cart__empty-icon {
  width: 72px;
  height: auto;
  margin-bottom: 24px;
  opacity: 0.5;
}
.cart__empty-text {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 24px;
  font-family: "JetBrains Mono", sans-serif;
  line-height: 1.4;
}
.cart__btn {
  display: inline-block;
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 400;
  padding: 14px 24px;
  font-size: 14px;
  border-radius: 2px;
  cursor: pointer;
  text-decoration: none;
  width: 80%;
  transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
  background: #1d1d1d;
  color: #fff;
  border: 1px solid #1d1d1d;
}
.cart__btn:hover {
  background: transparent;
  color: #000;
  border-color: #000;
}

.cart-item {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  gap: 16px;
  margin-bottom: 46px;
  width: 80%;
  position: relative;
}
@media (max-width: 768px) {
  .cart-item {
    grid-template-columns: repeat(2, 1fr);
  }
}
.cart-item--compact {
  justify-content: space-between;
  border: none;
  width: 60%;
  text-align: start;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 768px) {
  .cart-item--compact {
    width: 80%;
  }
}
.cart-item__image {
  width: 72px;
  height: auto;
  object-fit: contain;
}
.cart-item__info {
  flex: 1;
}
.cart-item__info--confirmation {
  flex: 1;
  min-width: max-content;
}
.cart-item__title {
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 4px;
}
.cart-item__color, .cart-item__size {
  font-size: 13px;
  color: #888;
}
.cart-item__quantity {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #222;
  padding: 10px 8px;
  width: fit-content;
}
.cart-item__quantity button {
  background: none;
  border: none;
  font-size: 16px;
  cursor: pointer;
}
.cart-item__price {
  min-width: 80px;
  text-align: right;
  font-weight: 500;
}
@media (max-width: 768px) {
  .cart-item__price {
    text-align: left;
  }
}
.cart-item__remove {
  position: absolute;
  top: -15px;
  right: 0;
  background: none;
  border: none;
  font-size: 16px;
  cursor: pointer;
  color: #999;
}
.cart-item__remove:hover {
  color: #000;
}
/*!***********************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!../../components/hanss/catalog.search/templates/default/style.scss ***!
  \***********************************************************************************************************************************************************/
.search {
  display: flex;
  border: 1px solid #b7b7b7;
}
.search__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "JetBrains Mono", monospace;
}
.search__title {
  margin: 0;
  font-size: 32px;
  font-weight: 500;
}
@media (max-width: 768px) {
  .search__title {
    font-size: 20px;
  }
}
.search__close-btn {
  font-size: 24px !important;
  position: unset !important;
}
@media (max-width: 768px) {
  .search__close-btn {
    font-size: 24px !important;
  }
}
.search__input {
  display: block;
  border-radius: 2px;
  width: 90%;
  padding-block: 15px;
  padding-inline: 15px;
  box-shadow: none;
  font-family: "JetBrains Mono", monospace;
  font-size: 15px;
  border: none;
  outline-style: none;
}
.search input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27%23777%27><path d=%27M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z%27/></svg>");
  cursor: pointer;
}
.search__button {
  font-size: 0.9rem;
  border: none;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  width: 10%;
  font-size: 14px;
  color: #1d1d1d;
  background-color: transparent;
  margin: 0px 10px;
  transition: color 0.2s ease-in-out;
}
.search__button:hover {
  color: #676666;
}
/*!*************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!../../components/hanss/main.profile/templates/default/style.scss (1) ***!
  \*************************************************************************************************************************************************************/
.profile-form {
  max-width: 500px;
  margin: 0px auto;
  padding: 10px;
  border: none;
}
.profile-form .alert {
  padding: 10px 15px;
  border: 1px solid #000;
  margin-bottom: 20px;
  font-weight: 500;
}
.profile-form .alert.alert-error {
  color: #f00;
  border-color: #f00;
}
.profile-form .alert.alert-success {
  color: #0a0;
  border-color: #0a0;
}
.profile-form .form-group {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}
.profile-form .form-group label {
  flex: 1;
  font-size: 16px;
  font-weight: 500;
  padding-right: 20px;
  white-space: nowrap;
}
.profile-form .form-group input {
  flex: 2;
  padding: 6px 0;
  border: none;
  border-bottom: 2px solid #000;
  background-color: transparent;
  color: #000;
  font-size: 16px;
  transition: border-color 0.2s;
}
.profile-form .form-group input:focus {
  outline: none;
  border-color: #555;
}
.profile-form .form-group input::placeholder {
  color: #999;
}
.profile-form .form-actions {
  text-align: right;
}
.profile-form .form-actions button {
  padding: 10px 20px;
  background-color: #000;
  color: #fff;
  border: none;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
  transition: all 0.2s ease;
}
.profile-form .form-actions button:hover {
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
}
.profile-form .form-actions button:focus {
  outline: none;
}
.profile-form__input {
  display: block;
  border-radius: 2px;
  width: 100%;
  padding-block: 10px;
  padding-inline: 10px;
  box-shadow: none;
  border: 1px solid #b7b7b7;
  font-family: "JetBrains Mono", monospace;
  font-size: 15px;
}
.profile-form__label {
  display: block;
  width: 100%;
  padding-block: 10px;
  box-shadow: none;
  font-family: "JetBrains Mono", monospace;
  font-size: 17px;
}
.profile-form__button {
  padding: 1rem 1.5rem;
  border-radius: 2px;
  font-size: 0.9rem;
  border: none;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  display: inline-block;
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 500;
  width: 100%;
  font-size: 16px;
  letter-spacing: 0px;
  color: #fff;
  background-color: #1d1d1d;
  border: 1px solid #1d1d1d;
  margin: 20px 0px;
  transition: background 0.2s ease-in-out, color 0.2s ease-in-out;
}
.profile-form__button:hover {
  background: transparent;
  color: #000;
}

.profile__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "JetBrains Mono", monospace;
}
.profile__title {
  margin: 0;
  font-size: 32px;
  font-weight: 500;
}
@media (max-width: 768px) {
  .profile__title {
    font-size: 20px;
  }
}
.profile__close-btn {
  font-size: 24px !important;
  position: unset !important;
}
@media (max-width: 768px) {
  .profile__close-btn {
    font-size: 16px !important;
  }
}

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


/* Start:/bitrix/components/bitrix/sale.location.selector.search/templates/.default/style.min.css?17556420385525*/
.bx-sls .dropdown-block{border:1px solid #bdbdbd;border-radius:2px;-webkit-box-shadow:inset 0 1px 2px #ebebeb;box-shadow:inset 0 1px 2px #ebebeb;font-size:14px;padding:0 22px 0 30px;position:relative;background-color:#fff}.bx-sls .dropdown-block-ui{font-size:14px;padding:0 22px 0 30px;position:relative;background-color:#fff;margin-top:5px;}

.bx-sls .dropdown-arrow {
	background: url(/bitrix/components/bitrix/sale.location.selector.search/templates/.default/images/dropdown-errow.png) no-repeat center center; height:100%;top:0;right:0;position:absolute;width:22px}.bx-sls .bx-ui-sls-container{overflow:hidden;min-height:25px}.bx-sls .bx-ui-sls-pane{border:1px solid #bdbdbd;border-radius:2px;-webkit-box-shadow:0 2px 3px #c7c7c7;box-shadow:0 2px 3px #c7c7c7;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:none;max-height:200px;overflow-y:auto;left:0;top:35px;padding:5px 5px 3px 5px;position:absolute;width:100%}.bx-sls .dropdown-active .bx-ui-sls-pane{display:block}.bx-sls .bx-ui-sls-variants{list-style:none;margin:0;padding:0}.bx-sls .dropdown-item{border-radius:2px;padding:7px 4px 7px 10px;margin-bottom:2px}.bx-sls .dropdown-item:hover{background-color:#f1f3f5;cursor:pointer}.bx-sls .dropdown-img{border:0;display:inline-block;height:12px;margin:3px 12px 0 0;vertical-align:top;width:16px}.bx-sls .dropdown-item-text{color:#aba8ac;display:inline-block;vertical-align:top}.bx-sls .dropdown-item-text span{color:#25282c}.bx-sls .dropdown-list-title{border-bottom:1px solid #e5e5e5;height:37px;line-height:37px;padding-left:8px;}

.bx-sls .dropdown-icon {
	background: url(/bitrix/components/bitrix/sale.location.selector.search/templates/.default/images/lens.png) no-repeat center center; height:14px;left:10px;position:absolute;top:10px;width:14px}.bx-sls .quick-locations{margin-bottom:5px}.bx-sls .quick-location-tag{background-color:#f2f5f8;border:1px solid #cad3dc;border-radius:3px;color:#1e55b9;display:inline-block;font-size:15px;height:27px;line-height:26px;margin:0 3px;padding:0 14px;text-decoration:none;margin-bottom:10px}.bx-sls .quick-location-tag:hover{background-color:#fafafa}.bx-sls .dropdown-fade2white{width:46px;height:31px;position:absolute;top:2px;right:0;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 30%);background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(30%,rgba(255,255,255,1)));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 30%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 30%);background:-ms-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 30%);background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,1) 30%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=1);}

.bx-sls .bx-ui-sls-clear{
	background: url(/bitrix/panel/main/images/bx-admin-sprite-small.png) 6px -3386px no-repeat scroll; width:30px;height:30px;cursor:pointer;cursor:hand;margin-top:2px;position:absolute;top:0;right:0;display:block}.bx-sls .bx-ui-sls-clear:hover{background-position:6px -3418px;}

.bx-sls .bx-ui-sls-loader{
	background-image: url(/bitrix/panel/main/images/waiter-white.gif) !important; background-repeat:no-repeat !important;background-position:right -1px !important;width:30px;height:30px;position:absolute;top:3px;right:2px;display:none}.bx-sls .bx-ui-sls-go-edit{display:none}.bx-sls .bx-ui-sls-pane{max-height:300px}.bx-sls input::-ms-clear{display:none}.bx-sls input[type="text"]{position:relative}.bx-sls .bx-ui-sls-fake,.bx-sls .bx-ui-sls-route{position:absolute !important;top:0;left:0;color:#000 !important;opacity:1 !important;background:transparent !important;border:none !important;box-shadow:none !important;padding:0 22px 0 0 !important;background-position:right 1px;background-repeat:no-repeat;font-family:var(--ui-font-family-primary,var(--ui-font-family-helvetica));font-size:14px;height:33px;width:100%;outline:0;z-index:10}.bx-sls .bx-ui-sls-route{color:#aba8ac !important;z-index:5}.bx-sls .bx-ui-sls-pane{background-color:#fff;z-index:999;border:1px solid #87919c}.bx-sls .bx-ui-sls-variants .bx-ui-sls-variant,.bx-sls .bx-ui-sls-error{padding:10px 10px}.bx-sls .bx-ui-sls-error{color:#f22;padding-left:30px;position:relative}.bx-sls .bx-ui-sls-error div{position:absolute;top:0;left:0;width:25px;height:25px;	background: url(/bitrix/panel/main/images/bx-admin-sprite-small.png) 6px -2895px no-repeat scroll;}.bx-sls .bx-ui-sls-variants .bx-ui-sls-variant:hover,.bx-sls .bx-ui-sls-variant-active{background-color:#e0e8ea}.adm-sls-edit-link{margin-top:10px}.bx-admin-mode .bx-sls-go-edit{margin-left:10px;display:none}.bx-admin-mode .dropdown-block{border-color:#87919c #959ea9 #9ea7b1;border-radius:4px;-webkit-box-shadow:0 1px 0 0 rgba(255,255,255,0.3),0 2px 2px -1px rgba(180,188,191,0.7) inset;box-shadow:0 1px 0 0 rgba(255,255,255,0.3),0 2px 2px -1px rgba(180,188,191,0.7) inset;height:25px}.bx-sls.bx-admin-mode .bx-ui-sls-fake,.bx-sls.bx-admin-mode .bx-ui-sls-route{height:25px}.bx-admin-mode .dropdown-icon{top:7px}.bx-admin-mode .dropdown-fade2white{height:22px}.bx-admin-mode .dropdown-fade2white{right:1px}.bx-admin-mode .bx-ui-sls-clear{background-position:6px -3389px;height:22px}.bx-admin-mode .bx-ui-sls-clear:hover{background-position:6px -3421px}.bx-admin-mode .bx-ui-sls-loader{background-position:right -4px !important;height:21px}.bx-admin-mode .bx-ui-sls-pane{top:27px}
/* End */


/* Start:/bitrix/components/ipol/ipol.sdekPickup/templates/order/style.css?175564203810556*/
#SDEK_preloader {
	position:         fixed;
	z-index:          2200;
	display:          none;
	left:             50%;
	top:              50%;
	margin-left:      -150px;
	margin-top:       -150px;
	width:            300px;
	height:           300px;
	box-sizing:       border-box;
	overflow:         hidden;
	-webkit-transform-style: flat;
	transform-style:         flat;
}
.SDEK-widget__preloader {
	width: 100%;
	height: 100%;
	position: absolute;
	background: #fff;
	z-index: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.SDEK-widget__preloader-truck {
	width: 90%;
	height: 33%;
	margin: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	overflow: hidden;
}
.SDEK-widget__preloader-truck__road {
	content: '';
	width: 100%;
	height: 2px;
	position: absolute;
	background: -webkit-repeating-linear-gradient(0deg, #333, #333 0.5em, transparent 0.5em, transparent 1em);
	background: repeating-linear-gradient(90deg, #333, #333 0.5em, transparent 0.5em, transparent 1em);
	background-repeat: repeat-x;
	background-size: 600px;
	bottom: 0;
	left: 0;
	background-position-x: 0;
	-webkit-animation: truck 5s linear 0s infinite normal;
	animation: truck 5s linear 0s infinite normal;
	z-index: 1;
}
.SDEK-widget__preloader-truck::after {
	content: '';
	height: 100%;
	width: 10%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	background: -webkit-linear-gradient(left, #fff 0%, #fff 1%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to right, #fff 0%, #fff 1%, rgba(255, 255, 255, 0) 100%);
}
.SDEK-widget__preloader-truck::before {
	content: '';
	height: 100%;
	width: 10%;
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	background: -webkit-linear-gradient(right, #fff 0%, #fff 1%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to left, #fff 0%, #fff 1%, rgba(255, 255, 255, 0) 100%);
}
.SDEK-widget__preloader-truck svg {
	width: 32%;
	margin: auto auto 3px;
	position: relative;
	z-index: 5;
}
.SDEK-widget__preloader-truck svg .path1 {
	fill: #333;
}
.SDEK-widget__preloader-truck svg .path2 {
	fill: #0f743c;
}
.SDEK-widget__preloader-truck svg .path3 {
	fill: #91bf27;
}
.SDEK-widget__preloader-truck svg .path4 {
	fill: #91bf27;
}
.SDEK-widget__preloader-truck svg .path5 {
	fill: #efe41a;
}
.SDEK-widget__preloader-truck__grass {
	width: 100%;
	height: 20px;
	position: absolute;
	box-shadow: 0 0 0 50px rgba(143, 190, 45, 0.19), -20px 0 0 20px rgba(143, 190, 45, 0.19), -90px 0 0 50px rgba(143, 190, 45, 0.19), 250px 0 0 50px rgba(143, 190, 45, 0.19), 290px 0 0 50px rgba(143, 190, 45, 0.19), 620px 0 0 50px rgba(143, 190, 45, 0.19);
	border-radius: 50%;
	bottom: -50px;
	-webkit-transform: translateX(103%);
	-ms-transform: translateX(103%);
	transform: translateX(103%);
	-webkit-animation: gruss 5s linear 0s infinite normal;
	animation: gruss 5s linear 0s infinite normal;
}
@-webkit-keyframes truck {
	0% {
		background-position-x: 0;
	}
	100% {
		background-position-x: -600px;
	}
}
@keyframes truck {
	0% {
		background-position-x: 0;
	}
	100% {
		background-position-x: -600px;
	}
}
@-webkit-keyframes gruss {
	0% {
		-webkit-transform: translateX(103%);
		transform: translateX(103%);
	}
	100% {
		-webkit-transform: translateX(-250%);
		transform: translateX(-250%);
	}
}
@keyframes gruss {
	0% {
		-webkit-transform: translateX(103%);
		transform: translateX(103%);
	}
	100% {
		-webkit-transform: translateX(-250%);
		transform: translateX(-250%);
	}
}

#SDEK_pvz{
	position         : absolute;
	z-index          : 2100;
	display          : none;
	background-color : white;
	padding          : 10px;
	overflow         : hidden;
	font-family             : Arial;
	width            : 900px;
	height           : 543px;
}
#SDEK_mask{
	width            : 100%;
	height           : 100%;
	opacity          : 0.8;
	position         : fixed;
	z-index          : 2000;
	background-color : black;
	display          : none;
	top              : 0px;
	left             : 0px;
	padding          : 5px
}
#SDEK_head{
	height:35px;
	clear: both;
	padding-top: 7px;
}
#SDEK_logo{
	background : url('/bitrix/images/ipol.sdek/widjet/logo.png') no-repeat transparent;
	width      : 169px;
	height     : 11px;
	margin-top : 15px;
}

#SDEK_logo a{
	text-decoration : none;
	width           : 100%;
	height          : 100%;
	display         : block;
}
#SDEK_closer{
	position   : absolute;
	background : url('/bitrix/images/ipol.sdek/widjet/close.png') no-repeat transparent;
	height     : 22px;
	width      : 22px;
	right      : 15px;
	top        : 15px;
	z-index    : 1000;
	cursor     : pointer;
}
#SDEK_looper{
	position   : absolute;
	background : url('/bitrix/images/ipol.sdek/widjet/looper.png') no-repeat transparent;
	background-size: cover;
	height     : 22px;
	width      : 22px;
	right      : 45px;
	top        : 15px;
	z-index    : 1000;
	cursor     : pointer;
}
#SDEK_looper.active{
	background-position: 0px -22px;
}
#SDEK_map{
	float: left;
	height: 500px;
	width: 900px;
}
#SDEK_info{
	float:left;
	position:relative;
	height: 480px;
	overflow: hidden;
	width: 245px;
	color: black;
	top: -490px;
	left: 10px;
	background-color: white;
	border-radius: 5px;
	box-shadow: 0 0 5px #5D5D5D;
}
#SDEK_sign{
	height: 38px;
	line-height: 38px;
	font-size: 14px;
	padding-left: 98px;
	background: url('/bitrix/images/ipol.sdek/widjet/widjetLogo.png') no-repeat;
	border-bottom: 1px solid #e3e3e3;
}
#SDEK_delivInfo_PVZ,#SDEK_delivInfo_POSTAMAT{
	/* height: 30px; */
	/* font-weight: bold; */
	font-size: 12px;
	/* border-bottom: 1px dashed #e3e3e3; */
	line-height: 35px;
	padding: 0px 9px;
	background-color: #fafafa;
	color: #808080;
	display: none;
}
#SDEK_wrapper{
	height: 405px;
	overflow: auto;
	width: 245px;
	border: none;
	outline: none;
	background-color: #fafafa;
}
#SDEK_wrapper p{
	cursor : pointer;
	padding: 5px 6px;
	margin:  5px 6px;
	font-size: 12px;
}
.sdek_chosen{
	background-color : #ebebeb;
}
#SDEK_ten{
	position: relative;
	top: -5px;
	background-color: white;
	height: 10px;
	box-shadow: 0 0 5px 5px white;
	width: 235px;

	opacity: 0.7;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
}
/*балун*/
#SDEK_baloon{
	background-color:white;
	max-width: 258px;
	font-family: Arial;
	font-size: 12px;
	padding-left: 3px;
}
#SDEK_baloon > div{
	margin-top: 5px;
}
.sdek_baloonInfo{
	color: #666666;
	max-height: 80px;
	overflow: hidden;
}
.sdek_baloonDiv{
	max-width: 235px;
	padding-left:8px;
	float:left;
	text-align: left;
}
.sdek_icon{
	float:left;
	width:12px;
	min-height: 12px;
}
.SDEK_iAdress{
	margin-top: 0px !important;
	font-size: 14px;
}
.SDEK_iTelephone{background: url('/bitrix/images/ipol.sdek/widjet/phone.png') no-repeat;}
.SDEK_iTime{background: url('/bitrix/images/ipol.sdek/widjet/clock.png') no-repeat;}
.SDEK_iDressing{background: url('/bitrix/images/ipol.sdek/widjet/fitting.png') no-repeat;}
#SDEK_button{
	width:130px;
	height:25px;
	background: url('/bitrix/images/ipol.sdek/widjet/chooze.png') 0px 0px no-repeat;
	display: block;
	margin: 0px auto 5px;
	text-decoration:none;
}
#SDEK_head > div{
	font-size: 12px;
	font-family: Arial;
	float:left;
}
#SDEK_logoPlace{
	width: 300px;
	height: 38px;
	background-image: url("/bitrix/images/ipol.sdek/SDEKogo.png");
	background-repeat:no-repeat;
	background-position: 241px 2px;
}
#SDEK_separator{
	background-color: #e3e3e3;
	width: 1px;
	height: 38px;
}
.SDEK_mark{
	margin-left:12px;
}
.sdek_baloonDiv a{
	cursor: help;
}

.SDEK_labelMode_SHORT{
	display:none;
}
.SDEK_labelMode_FULL{
	display:inline;
}

#SDEK_PvzList_button {
	display: none;
}

@media screen and (max-width: 919px){
	/* .SDEK_labelMode_SHORT{
		display:inline;
	}
	.SDEK_labelMode_FULL{
		display:none;
	} */
	#SDEK_pvz{
		width: 700px;
		padding: 0;
	}
	#SDEK_closer{
		right: 11px;
		top: 11px;
	}

	#SDEK_logo{
		display: none;
	}

	#SDEK_info{
		box-shadow: none;
		left: 0px;
		top: -538px;
		width: 270px;
		height: auto;
		overflow: auto;
	}

	#SDEK_sign{
		padding-left: 124px;
	}

	#SDEK_wrapper{
		width: 100% !important;
		height: 460px;
	}

	/*.jspContainer{
		width: 100% !important;
		height: 452px !important;
	}*/

	#SDEK_ten{
		width: 256px;
		height: 17px;
		top: -9px;
	}

	#SDEK_delivInfo_PVZ,#SDEK_delivInfo_POSTAMAT{
		border: none;
		font-size: 15px;
		text-shadow: 0px 0px 0px rgb(0, 0, 0);
		font-weight: normal;

	}

	#SDEK_wrapper p{
		font-size: 15px;
	}

	/*.jspPane{
		width: 100% !important;
	}*/

	.SDEK_all-items{
		border-top: 1px dashed #E3E3E3;
		display: none;
	}

	#SDEK_head > div {
		top: 7px;
	}

	#SDEK_PvzList_button {
		right: 80px;
	}

	#SDEK_PvzList_button {
		display:    block;
		background: url("/bitrix/images/ipol.sdek/widjet/pvzListButton.png") 0 0 no-repeat;
		position:   absolute;
		width:      24px;
		height:     23px;
		top:        15px;
		right:      75px;
		cursor:     pointer;
	}

	#SDEK_PvzList_button.active {
		background-position-y: -23px;
	}
}

@media screen and (max-width: 700px){
	#SDEK_pvz{
		width: 100%;
		min-width: 195px;
	}
}

@media screen and (max-width: 699px) {
	#SDEK_head {
		position: relative;
		z-index:  1;
	}

	#SDEK_info {
		height:   74px;
		overflow: visible;
		width:    100%;
	}

	#SDEK_info .SDEK_all-items {
		width: 270px;
	}
}

@media screen and (max-width: 380px) {
	#SDEK_sign span {
		display: none;
	}
}

@media screen and (max-width: 294px){
	#SDEK_sign {
		padding-left: 103px;
	}

	#SDEK_info{
		width: 100%;
		min-width: 195px;
	}

	#SDEK_closer{
		right: 12px;
	}
}

@media screen and (max-width: 268px){
	#SDEK_sign span{
		display: none;
	}
}

@media screen and (max-width: 222px){
	#SDEK_delivInfo_POSTAMAT,#SDEK_delivInfo_PVZ{
		font-size: 12px;
	}

	#SDEK_pPrice{
		font-size: 14px;
	}
}

@media screen and (min-width: 992px) {
	#SDEK_logo:hover {
		background-position: 0 -12px;
	}

	#SDEK_closer:hover {
		background-position: 0 -22px;
	}

	#SDEK_looper:hover {
		background-position: 0 -22px;
	}

	#SDEK_button:hover {
		background-position: 0 -25px;
	}

	#SDEK_PvzList_button:hover {
	}
}
/* End */


/* Start:/bitrix/components/bitrix/sale.location.selector.steps/templates/.default/style.min.css?17556420336119*/
.bx-slst .dropdown-block{border:1px solid #bdbdbd;border-radius:2px;-webkit-box-shadow:inset 0 1px 2px #ebebeb;box-shadow:inset 0 1px 2px #ebebeb;font-size:14px;padding:0 22px 0 30px;position:relative;background-color:#fff;margin-bottom:10px}.bx-slst .dropdown-block:last-child{margin-bottom:0;}

.bx-slst .dropdown-arrow {
	background: url(/bitrix/components/bitrix/sale.location.selector.steps/templates/.default/images/dropdown-errow.png) no-repeat center center; height:100%;top:0;right:0;position:absolute;width:22px}.bx-slst .bx-ui-combobox-fake,.bx-slst .bx-ui-combobox-route{background:transparent !important;border:none !important;-webkit-box-shadow:none !important;box-shadow:none !important;color:#000;font-family:var(--ui-font-family-primary,var(--ui-font-family-helvetica));font-size:14px;height:33px;width:100%;outline:0;padding:0}.bx-slst .bx-ui-combobox-container{overflow:hidden}.bx-slst .bx-ui-combobox-dropdown{border:1px solid #bdbdbd;border-radius:2px;-webkit-box-shadow:0 2px 3px #c7c7c7;box-shadow:0 2px 3px #c7c7c7;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:none;max-height:200px;overflow-y:auto;left:0;top:35px;padding:5px 5px 3px 5px;position:absolute;width:100%}.bx-slst .dropdown-active .bx-ui-combobox-dropdown{display:block}.bx-slst .bx-ui-combobox-variants{list-style:none;margin:0;padding:0}.bx-slst .dropdown-item{border-radius:2px;padding:7px 4px 7px 10px;margin-bottom:2px}.bx-slst .dropdown-item:hover{background-color:#f1f3f5;cursor:pointer}.bx-slst .dropdown-img{border:0;display:inline-block;height:12px;margin:3px 12px 0 0;vertical-align:top;width:16px}.bx-slst .dropdown-item-text{color:#aba8ac;display:inline-block;vertical-align:top}.bx-slst .dropdown-item-text span{color:#25282c}.bx-slst .dropdown-list-title{border-bottom:1px solid #e5e5e5;height:37px;line-height:37px;padding-left:8px;}

.bx-slst .dropdown-icon {
	background: url(/bitrix/components/bitrix/sale.location.selector.steps/templates/.default/images/lens.png) no-repeat center center; height:14px;left:10px;position:absolute;top:10px;width:14px}.bx-slst .quick-locations{margin-bottom:5px}.bx-slst .quick-location-tag{background-color:#f2f5f8;border:1px solid #cad3dc;border-radius:3px;color:#1e55b9;display:inline-block;font-size:15px;height:27px;line-height:26px;margin:0 3px;padding:0 14px;text-decoration:none;margin-bottom:10px}.bx-slst .quick-location-tag:hover{background-color:#fafafa}.bx-slst .dropdown-fade2white{width:32px;height:31px;position:absolute;top:2px;right:0;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 30%);background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(30%,rgba(255,255,255,1)));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 30%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 30%);background:-ms-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 30%);background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,1) 30%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=1);}

.bx-slst .bx-ui-combobox-toggle{
	background: url(/bitrix/panel/main/images/bx-admin-sprite-small.png) 6px -2618px no-repeat scroll; width:30px;height:30px;cursor:pointer;cursor:hand;margin-top:2px;position:absolute;top:0;right:0;display:block}.bx-slst .bx-ui-combobox-toggle:hover{background-position:6px -2696px;}

.bx-slst .bx-ui-combobox-loader{
	background-image: url(/bitrix/panel/main/images/waiter-white.gif) !important; background-repeat:no-repeat !important;background-position:right -1px !important;width:30px;height:30px;position:absolute;top:3px;right:2px;display:none}.bx-slst .bx-ui-combobox-go-edit{display:none}.bx-slst .bx-ui-combobox-dropdown{max-height:300px}.bx-slst .bx-ui-pager-area{height:40px;text-align:center;color:gray;padding:10px 0 0 0}.bx-slst input[type="text"]{position:relative}.bx-slst input::-ms-clear{display:none}.bx-slst .bx-ui-combobox-dropdown{background-color:#fff;z-index:999;border:1px solid #87919c}.bx-slst .bx-ui-combobox-variant{cursor:pointer;cursor:hand}.bx-slst .bx-ui-combobox-variant,.bx-slst .bx-ui-combobox-error{padding:10px 10px}.bx-slst .bx-ui-combobox-error{color:#f22;padding-left:30px;position:relative}.bx-slst .bx-ui-combobox-error div{position:absolute;top:0;left:0;width:25px;height:25px;	background: url(/bitrix/panel/main/images/bx-admin-sprite-small.png) 6px -2895px no-repeat scroll;}.bx-slst .bx-ui-combobox-variant:hover,.bx-slst .bx-ui-combobox-variant-active{background-color:#e0e8ea}.adm-sls-edit-link{margin-top:10px}.bx-admin-mode .bx-sls-go-edit{margin-left:10px;display:none}.bx-admin-mode .dropdown-block{border-color:#87919c #959ea9 #9ea7b1;border-radius:4px;-webkit-box-shadow:0 1px 0 0 rgba(255,255,255,0.3),0 2px 2px -1px rgba(180,188,191,0.7) inset;box-shadow:0 1px 0 0 rgba(255,255,255,0.3),0 2px 2px -1px rgba(180,188,191,0.7) inset;height:25px}.bx-slst.bx-admin-mode .bx-ui-combobox-fake,.bx-slst.bx-admin-mode .bx-ui-combobox-route{height:25px}.bx-slst.bx-admin-mode .dropdown-icon{top:7px}.bx-slst.bx-admin-mode .dropdown-fade2white{height:22px}.bx-slst.bx-admin-mode .dropdown-fade2white{right:1px}.bx-slst.bx-admin-mode .bx-ui-combobox-toggle{background-position:6px -2623px;height:22px}.bx-slst.bx-admin-mode .bx-ui-combobox-loader{background-position:right -4px !important;height:21px}.bx-slst.bx-admin-mode .bx-ui-combobox-dropdown{top:27px}.bx-slst .bx-ui-state-items-discover-in-progress .bx-ui-combobox-loader{display:block}.bx-ui-slst-pool select{margin:10px 10px 0 0}div[data-bx-ui-id="error"]{display:none}.bx-ui-state-error div[data-bx-ui-id="error"]{display:block}.bx-ui-slst-other-item,.bx-ui-combobox-deselect-item{border-bottom:1px solid gray}.bx-ui-sls-tree-trunk{padding:0 0 9px 30px}.disabled-keyboard{cursor:pointer;cursor:hand}.disabled-keyboard input{cursor:inherit}.bx-ui-combobox-container .bx-combobox-fake-as-input{padding-top:9px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
/* End */


/* Start:/bitrix/components/niges/cookiesaccept/templates/.default/style.css?17558858882729*/
/* NIGES.COOKIESACCEPT */

.nca-cookiesaccept-line {
    font-size: inherit;
    font-family: inherit;
    line-height: 1;
    padding: 10px;
}


.nca-cookiesaccept-line.style-1 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-3 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-5 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-7 .nca-cookiesaccept-line-text {
    color:#111;
}
.nca-cookiesaccept-line.style-2 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-4 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-6 .nca-cookiesaccept-line-text,
.nca-cookiesaccept-line.style-8 .nca-cookiesaccept-line-text {
    color:#eee;
}

.nca-cookiesaccept-line.style-1 {
    /* background-position: center;
    background-repeat: repeat-x;
	background-image: url(/bitrix/components/niges/cookiesaccept/templates/.default/images/style-1-2.svg);
    background-size: contain; */
    background-color: rgb(61, 168, 255); 
}

.nca-cookiesaccept-line.style-2 {
    background-color: rgb(13, 62, 102);
}


.nca-cookiesaccept-line.style-3 {
    background-color: rgb(197, 197, 197);
}

.nca-cookiesaccept-line.style-4 {
    background-color: rgb(71, 71, 71);
}

.nca-cookiesaccept-line.style-5 {
    background-color: rgb(61, 255, 158);
}

.nca-cookiesaccept-line.style-6 {
    background-color: rgb(9, 92, 50);
}

.nca-cookiesaccept-line.style-7 {
    background-color: rgb(84, 255, 61);
}

.nca-cookiesaccept-line.style-8 {
    background-color: rgb(92, 5, 5);
}

.nca-cookiesaccept-line.style-9 {
    background-color: rgb(203, 255, 61);
}

.nca-cookiesaccept-line.style-10 {
    background-color: rgb(70, 94, 4);
}

.nca-cookiesaccept-line.style-11 {
    background-color: rgb(255, 148, 61);
}

.nca-cookiesaccept-line.style-12 {
    background-color: rgb(138, 70, 14);
}

.nca-cookiesaccept-line.style-13 {
    background-color: rgb(255, 61, 61);
}

.nca-cookiesaccept-line.style-14 {
    background-color: rgb(119, 22, 22);
}

.nca-cookiesaccept-line.style-15 {
    background-color: rgb(255, 61, 152);
}

.nca-cookiesaccept-line.style-16 {
    background-color: rgb(85, 10, 45);
}

.nca-cookiesaccept-line.style-17 {
    background-color: rgb(83, 129, 255);
}

.nca-cookiesaccept-line.style-18 {
    background-color: rgb(6, 37, 122);
}

 
.nca-cookiesaccept-line.style-19 {
    background-color: rgb(255, 255, 255);
}

.nca-cookiesaccept-line.style-20 {
    background-color: rgb(0, 0, 0);
}
 

@media screen and (min-width:767.01px) {
	.nca-hidden-pc {display: none !important;}
}
@media screen and (max-width:767px) {
	.nca-hidden-mobile {display: none !important;}
}
/* End */


/* Start:/local/templates/hanss/components/bitrix/sale.order.ajax/hanss/style.css?175699504856937*/
.bx-soa {
  padding-bottom: 20px;
  font-family: "Helvetica Neue", sans-serif;
}

.bx-soa-section {
  border-radius: 2px;
  margin-bottom: 6px;
  -webkit-transition: border-color 0.3s ease;
  -moz-transition: border-color 0.3s ease;
  -o-transition: border-color 0.3s ease;
  transition: border-color 0.3s ease;
  /*border: 1px solid #e8e9eb;*/
}

.bx-soa-section.bx-step-completed {
  /*border: 1px solid #83CB1B;*/
}

.bx-soa-section-title-count {
  display: inline-block;
  min-width: 17px;
  height: 17px;
  border-radius: 8px;
  border: 1px solid #98979d;
  vertical-align: middle;
  position: relative;
  margin: -3px 10px 0 0;
}

#bx-soa-order {
  counter-reset: heading;
}

.bx-soa-section .bx-soa-section-title-count:after {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  text-align: center;
  font-size: 10px;
  color: #98979d;
  line-height: 15px;
  counter-increment: heading;
  content: counter(heading);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.bx-soa-section-title-count:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  right: -5px;
  bottom: -2px;
  display: none;
  background: url(/local/templates/hanss/components/bitrix/sale.order.ajax/hanss/images/sprite.png) no-repeat center;
}

.bx-soa-section.bx-step-completed .bx-soa-section-title-count {
  background: #87c73d;
  border-color: #87c73d;
}

.bx-soa-section.bx-step-completed .bx-soa-section-title-count:after {
  color: #fff;
}

.bx-soa-section.bx-step-completed .bx-soa-section-title-count:before {
  display: block;
  background-position: center 0;
}

.bx-soa-section.bx-step-warning .bx-soa-section-title-count {
  background: #f8c11a;
  border-color: #f8c11a;
}

.bx-soa-section.bx-step-warning .bx-soa-section-title-count:after {
  color: #000;
}

.bx-soa-section.bx-step-warning {
  border: 1px solid #ccbe71;
}

.bx-soa-section.bx-step-warning .bx-soa-section-title-count:before {
  display: block;
  background-position: center -37px;
}

.bx-soa-section.bx-step-error .bx-soa-section-title-count {
  background: #db4c4c;
  border-color: #db4c4c;
}

.bx-soa-section.bx-step-error .bx-soa-section-title-count:after {
  color: #fff;
}

.bx-soa-section.bx-step-error {
  border: 1px solid #db4a29;
}

.bx-soa-section.bx-step-error .bx-soa-section-title-count:before {
  display: block;
  background-position: center -20px;
}

/*.bx-soa-section.bx-step-error .bx-soa-section-title:before {background: url(/local/templates/hanss/components/bitrix/sale.order.ajax/hanss/images/sprite.png) no-repeat center -18px;}*/

/*.bx-soa-section.bx-selected {*/
/*    border: 1px solid #91cedc;*/
/*}*/

.bx-soa-section-title-container {
  overflow: hidden;
  /*background: #f2f5f7;*/
  padding: 7px 0;
  font-size: 14px;
}

.bx-soa-section.bx-selected .bx-soa-section-title-container {
  padding: 15px 0;
}

.bx-soa-section-title {
  border-radius: 2px;
  margin: 0;
  color: #000;
  line-height: 15px;
  min-height: 20px;
  vertical-align: middle;
  font-size: 16px;
  font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  padding-top: 3px;
  /*padding-left:0;*/
  font-weight: bold;
  font-family: "Jetbrains Mono";
}

.bx-soa-section.bx-selected .bx-soa-section-title {
  /*font-size: 22px;*/
}

.bx-soa-editstep {
  display: inline;
  font-size: 12px;
  vertical-align: middle;
  line-height: 22px;
  border-bottom: 1px dotted;
}

.bx-soa-section.bx-selected .bx-soa-editstep {
  display: none;
}

.bx-soa-section.bx-selected .bx-soa-editstep:hover {
  border-bottom: none;
}

.bx-soa-section-content {
  padding: 10px 15px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.bx-soa-section.bx-step-completed .bx-soa-section-content,
.bx-soa-section.bx-selected .bx-soa-section-content {
  line-height: 18px;
}

/* Table */
.bx-soa-table-fade {
  position: relative;
}

.bx-soa-table-fade:before {
  left: 0;
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background: -moz-linear-gradient(
    left,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  background: linear-gradient(
    left,
    rgba(255, 255, 255, 1) 0%,
    rgba(255, 255, 255, 0) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1);
}

.bx-soa-table-fade:after {
  right: 0;
  background: -webkit-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  background: -moz-linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  background: linear-gradient(
    left,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1);
}

.bx-soa-table-fade:before,
.bx-soa-table-fade:after {
  content: "";
  width: 0;
  position: absolute;
  bottom: 10px;
  top: 0;
  height: 100%;
  display: block;
  -webkit-transition: width 300ms ease;
  -moz-transition: width 300ms ease;
  -ms-transition: width 300ms ease;
  -o-transition: width 300ms ease;
  transition: width 300ms ease;
}

.bx-soa-table-fade-left:before,
.bx-soa-table-fade-right:after {
  width: 15px;
}

.bx-soa-item-table {
  margin-bottom: 10px;
  min-width: 100%;
  display: table;
}

.bx-soa-item-tr {
  display: table-row;
}

.bx-soa-item-td {
  display: table-cell;
  vertical-align: top;
  padding-top: 10px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border-top: 1px dotted #e5e5e5;
}

/*@media (min-width: 769px) {*/
/*  .bx-soa-item-td {*/
/*    padding-left: 7px;*/
/*    padding-right: 7px;*/
/*    padding-bottom: 10px;*/
/*  }*/
/*}*/

.bx-soa-item-table .bx-soa-item-tr:first-child .bx-soa-item-td {
  border-top: none;
}

/*.bx-soa-item-block{padding-bottom:10px;}*/

.bx-soa-item-img-block {
  float: left;
  padding-right: 15px;
}

.bx-step-completed .bx-soa-item-img-block {
  width: 48px;
  padding-bottom: 10px;
  padding-right: 10px;
}

.bx-soa-item-imgcontainer {
  border-radius: 4px;
  border: 1px solid #c0cfd9;
  padding-top: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.bx-soa-item-content {
}

.bx-soa-item-title {
  font-weight: bold;
  padding-bottom: 5px;
}

.bx-soa-item-td-title {
  line-height: 20px;
  color: #7c7c7c;
  padding-bottom: 3px;
  font-size: 12px;
}

.bx-soa-item-td-text {
  line-height: 25px;
  vertical-align: middle;
}

.bx-soa-item-properties .bx-soa-item-td-title,
.bx-soa-item-properties .bx-soa-item-td-text {
  text-align: center;
}

.bx-soa-item-properties.bx-text-right .bx-soa-item-td-title,
.bx-soa-item-properties.bx-text-right .bx-soa-item-td-text {
  text-align: right;
}

.bx-soa-item-td-text input[type="number"] {
  height: 25px;
  line-height: 20px;
}

.bx-soa-item-td-text .bx-price {
  white-space: nowrap;
}

.bx-price-old {
  white-space: nowrap;
  text-decoration: line-through;
  color: #b8b8b8;
  font-size: 13px;
}

.bx-soa-item-td-control {
  padding-bottom: 5px;
  font-size: 11px;
}

/*@media (max-width: 991px) {*/
/*  .bx-soa-item-table,*/
/*  .bx-soa-item-table > tbody,*/
/*  .bx-soa-item-tr,*/
/*  .bx-soa-item-td {*/
/*    display: block;*/
/*  }*/

/*  .bx-soa-item-tr.bx-soa-item-info-container,*/
/*  .bx-soa-item-tr .bx-soa-item-td {*/
/*    border: none;*/
/*  }*/

/*  .bx-soa-item-tr {*/
/*    border-top: 1px dotted #e5e5e5;*/
/*    padding-bottom: 15px;*/
/*    padding-top: 10px;*/
/*    overflow: hidden;*/
/*  }*/

/*  .bx-soa-item-tr.bx-soa-item-tr-first {*/
/*    border: none;*/
/*  }*/

/*  .bx-soa-item-block {*/
/*    overflow: hidden;*/
/*  }*/

/*  .bx-soa-item-properties.bx-text-right .bx-soa-item-td-title,*/
/*  .bx-soa-item-properties.bx-text-right .bx-soa-item-td-text {*/
/*    text-align: center;*/
/*  }*/
/*}*/

/*@media (min-width: 581px) and (max-width: 991px) {*/
/*  .bx-soa-item-properties {*/
/*    float: left;*/
/*    padding-bottom: 10px;*/
/*  }*/

/*  .bx-soa-item-td-title,*/
/*  .bx-soa-item-nth-4p1,*/
/*  .bx-soa-item-tr {*/
/*    clear: both;*/
/*  }*/
/*}*/

/*@media (max-width: 580px) {*/
/*  .bx-soa-item-td {*/
/*    line-height: 17px;*/
/*  }*/

/*  .bx-soa-item-img-block {*/
/*    float: none;*/
/*    max-width: 160px;*/
/*    margin: 0 auto;*/
/*    padding-right: 0;*/
/*  }*/

/*  .bx-soa-section.bx-step-completed .bx-soa-item-img-block {*/
/*    float: left;*/
/*  }*/

/*  .bx-soa-item-content {*/
/*    padding-top: 15px;*/
/*  }*/

/*  .bx-soa-section.bx-step-completed .bx-soa-item-content {*/
/*    padding-top: 0;*/
/*  }*/

/*  .bx-scu-container {*/
/*    padding-top: 10px;*/
/*  }*/

/*  .bx-soa-item-td-title,*/
/*  .bx-soa-item-td-text {*/
/*    line-height: 20px;*/
/*    display: inline-block !important;*/
/*    padding: 2px 5px;*/
/*    text-align: left;*/
/*    vertical-align: middle;*/
/*    font-size: 13px;*/
/*  }*/

/*  .bx-soa-item-td-title:after {*/
/*    content: ":";*/
/*  }*/

/*  .bx-soa-item-properties {*/
/*    padding: 0;*/
/*  }*/
/*}*/

/*@media (min-width: 580px) {*/
/*  .bx-soa-item-img-block {*/
/*    width: 85px;*/
/*    margin: 0;*/
/*  }*/
/*}*/

/* Advanced info */
.bx-soa-item-info-container {
  position: relative;
  height: 35px;
}

.bx-soa-item-info-container .bx-soa-item-td {
  border: none;
  position: absolute;
  /*left:20px;*/
  /*right:20px;*/
  /*padding:0 20px;*/
}

.bx-soa-item-info-container .bx-soa-item-info-block {
  height: 0;
  overflow: hidden;
  margin-bottom: 10px;
}

.bx-soa-item-info-block.bx-active {
  padding-top: 10px;
  height: auto;
}

.bx-soa-info-block {
  border: none;
  max-width: 100%;
}

.bx-soa-info-line {
  line-height: 15px;
}

.bx-soa-info-title {
  color: #7c7c7c;
  font-size: 12px;
  padding: 4px 0;
  vertical-align: top;
}

.bx-soa-info-text {
  display: inline-block;
  font-size: 12px;
  padding: 4px 10px;
  vertical-align: top;
}

@media (max-width: 580px) {
  .bx-soa-item-info-container .bx-soa-item-td {
    position: static;
    left: auto;
    right: auto;
    padding: 0;
  }

  .bx-soa-item-info-container {
    position: relative;
    height: auto !important;
    min-height: 0;
  }
}

/* Coupon */
.bx-soa-coupon {
  border-top: 1px solid #e5e5e5;
  padding-top: 10px;
  margin-top: 10px;
}

.bx-soa-coupon-label {
  display: inline-block;
  font-weight: bold;
  font-size: 13px;
  color: #000;
  padding-right: 10px;
  vertical-align: top;
}

.bx-selected .bx-soa-coupon-label {
  padding-top: 7px;
}

.bx-soa-coupon-item-fixed .bx-soa-coupon-block {
  font-weight: normal;
}

.bx-soa-coupon-item-fixed .bx-soa-coupon-label,
.bx-soa-coupon-item-fixed .bx-soa-coupon-item {
  font-weight: normal;
  padding-top: 0;
  line-height: 20px;
}

.bx-soa-coupon-block {
  vertical-align: middle;
  line-height: 34px;
}

.bx-soa-coupon-input {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}

.bx-soa-coupon-input:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background-color: transparent;
  border-right: 2px solid #8da3ad;
  border-bottom: 2px solid #8da3ad;
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -4px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  cursor: pointer;
}

.bx-soa-coupon-input input[type="text"].form-control {
  border: 1px solid #ccd5db;
  background-color: #f8fafc;
  background-image: none;
  border-radius: 2px;
  outline: none;
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  box-shadow: none;
}

.bx-soa-coupon-input input[type="text"].form-control:focus {
  border-color: rgb(99, 116, 126);
  outline: none;
  box-shadow: none;
}

.bx-step-completed .bx-soa-coupon-list {
  padding-top: 0;
  line-height: 20px;
}

.bx-soa-coupon-item {
}

.bx-soa-coupon-item strong:first-child {
  margin-left: 10px;
}

.bx-soa-coupon-item strong {
  white-space: nowrap;
  margin-right: 20px;
  position: relative;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: bold;
  display: inline-block;
  letter-spacing: -0.5px;
}

.bx-soa-coupon-item strong.bx-soa-coupon-item-danger {
  color: #a94442;
}

.bx-soa-coupon-item strong.bx-soa-coupon-item-success {
  color: #3ba428;
}

.bx-soa-coupon-item strong.bx-soa-coupon-item-used {
  color: #777;
}

.bx-soa-coupon-item-danger-mess,
.bx-soa-coupon-item-mess {
  display: none;
  position: absolute;
  left: 0;
  min-width: 100%;
  top: 100%;
  font-weight: normal;
  padding: 6px 10px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 3px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
  text-transform: none;
  color: #333;
  letter-spacing: normal;
  z-index: 1;
}

/*.bx-touch 	.bx-soa-coupon-item strong 			.bx-soa-coupon-item-mess,*/
.bx-soa-coupon-item strong:hover .bx-soa-coupon-item-mess,
    /*.bx-touch 	.bx-soa-coupon-item strong 			.bx-soa-coupon-item-danger-mess,*/
.bx-soa-coupon-item strong:hover .bx-soa-coupon-item-danger-mess {
  display: block;
}

.bx-soa-coupon-remove {
  display: inline-block;
  height: 20px;
  width: 20px;
  margin-left: 10px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANhJREFUeNpEkM0KwjAQhGdr/Dv6Nj6EXkRvehTfRhS868lWWigU9OFEHGeTqIF0dydftrMJp0s1McMdwJ5AY0iLKaxVbwGbBxgeJKaCS4NjbJxQvlE4a/ektUFX9w5JCNolEzQmGCHlT8VjEFQjdvrBN0EOF4oOrXS5Cxmqs7NKVSEroPHlkLLOLRX4r5HOjenf3tE7DDyjxCLNx032ZFovSe80BK7Sl9IQmJ4gT4foSfowe+47jGx+xzidQxY9Zd/+/cLbIC8ztW9VHBL0fXDWGdeDc/ERYABB6E45iF95UQAAAABJRU5ErkJggg==)
    no-repeat center;
  cursor: pointer;
  vertical-align: middle;
  position: relative;
  top: -1px;
}

/* pickup */
#pickUpMap img {
  max-height: initial;
}

.bx-soa-pickup-preview-img {
  height: 76px;
  border: 1px solid #ddd;
  border-radius: 1px;
  padding: 1px;
  margin-left: 10px;
  float: right;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.bx-soa-pickup-subTitle {
  font-size: 15px;
  font-weight: bold;
  padding-bottom: 10px;
}

.bx-soa-pickup-list {
  margin-bottom: 20px;
}

.bx-soa-pickup-list .bx-soa-pickup-list-item {
  border-top: 1px solid #dcdfe2;
  padding: 16px 35px;
  font-size: 13px;
  position: relative;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  transition: background 0.2s ease;
}

.bx-soa-pickup-list-item.bx-selected {
  background: #f8fafc;
}

.bx-soa-pickup-list .bx-soa-pickup-list-item:last-child {
  border-bottom: 1px solid #dcdfe2;
}

.bx-soa-pickup-l-item-adress {
  padding-left: 15px;
  color: #25495e;
  font-weight: bold;
  line-height: 17px;
  min-height: 17px;
  position: relative;
  padding-right: 100px;
}

.bx-soa-pickup-l-item-adress:before {
  height: 17px;
  width: 18px;
  content: "";
  top: 50%;
  left: -5px;
  margin-top: -8px;
  position: absolute;
  background: url(/local/templates/hanss/components/bitrix/sale.order.ajax/hanss/images/sprite.png) no-repeat center -54px;
}

.bx-soa-pickup-list-item .bx-soa-pickup-l-item-detail {
  padding-top: 20px;
  display: none;
}

.bx-soa-pickup-list-item.bx-selected .bx-soa-pickup-l-item-detail {
  display: block;
}

.bx-soa-pickup-l-item-detail {
  padding-left: 100px;
  position: relative;
  min-height: 80px;
}

.bx-soa-pickup-l-item-detail.no-image {
  padding-left: 20px;
}

.bx-soa-pickup-l-item-btn {
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -17px;
}

.bx-soa-pickup-list-item.bx-selected .bx-soa-pickup-l-item-btn {
  padding-left: 100px;
  padding-top: 10px;
  float: none;
  position: relative;
  top: auto;
  right: auto;
  margin-top: 0;
}

.bx-soa-pickup-list-item.bx-selected .bx-soa-pickup-l-item-btn.no-image {
  padding-left: 20px;
}

.bx-soa-pickup-l-item-name {
  font-weight: bold;
}

.bx-soa-pickup-l-item-img {
  position: absolute;
  top: 23px;
  left: 0;
  max-width: 90px;
  max-height: 90px;
  height: auto;
  width: auto;
}

/*Sidebar*/
.bx-soa-sidebar {
  position: relative;
  height: 100%;
}

.bx-soa-cart-total {
  border: 1px solid #e8e9eb;
  border-radius: 3px;
  padding: 20px;
  -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

.bx-soa-cart-total.bx-soa-cart-total-fixed {
  position: fixed;
  top: 10px;
}

.bx-soa-cart-total.bx-soa-cart-total-bottom {
  opacity: 0;
}

/*@media (max-width: 768px) {*/
/*  .bx-soa-cart-total.bx-soa-cart-total-fixed {*/
/*    position: static;*/
/*    padding-top: 0;*/
/*    width: 100% !important;*/
/*  }*/

/*  .bx-soa-cart-total.bx-soa-cart-total-bottom {*/
/*    opacity: 1 !important;*/
/*    position: static;*/
/*  }*/

/*  .bx-soa-cart-total-ghost {*/
/*    display: none;*/
/*  }*/
/*}*/

.bx-soa-cart-total-line {
  padding: 5px 7px;
  font-size: 13px;
  border-top: 1px solid #e5e5e5;
  line-height: 25px;
  overflow: hidden;
}

.bx-soa-cart-total .bx-soa-cart-total-line:first-child {
  border-top: none;
}

.bx-soa-cart-total .bx-soa-cart-total-line:nth-child(2) {
  border-color: #bfbfbf;
}

.bx-soa-cart-total .bx-soa-cart-total-line:first-child .bx-soa-cart-t {
  font-weight: bold;
}

.bx-soa-cart-total .bx-soa-cart-total-line-total {
  padding-top: 25px;
  border-bottom: none;
}

.bx-soa-cart-t {
  float: left;
}

.bx-soa-cart-d {
  float: right;
  text-align: right;
}

.bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-t {
  font-weight: bold;
}

.bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-d {
  font-size: 28px;
}

.bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-d span {
  font-size: 18px;
}

.bx-soa-cart-total-line.bx-soa-cart-total-line-highlighted {
  background-color: #d4ffb8;
  border-color: transparent;
}

.bx-soa-cart-total-line-highlighted + .bx-soa-cart-total-line {
  border-top: none;
}

.bx-soa-cart-total-button-container {
  padding-top: 20px;
  text-align: center;
}

.bx-soa-cart-total-button-container > .btn {
  width: 100%;
}

.bx-soa-more {
  border-top: 1px solid #e5e5e5;
  padding-top: 10px;
  margin-top: 10px;
}

.bx-soa-price-not-calc {
  border-bottom: 1px dashed;
  color: #f55450;
  text-decoration: none;
  cursor: pointer;
}

.bx-soa-price-not-calc:active,
.bx-soa-price-not-calc:hover {
  border-color: transparent;
  color: #a94442;
}

.bx-soa-price-free {
  color: #257210;
}

/*@media (max-width: 991px) {*/
/*  .bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-d {*/
/*    white-space: nowrap;*/
/*    font-size: 19px;*/
/*  }*/

/*  .bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-d span {*/
/*    font-size: 14px;*/
/*  }*/
/*}*/

/*@media (max-width: 580px) {*/
/*  .bx-soa-coupon-label {*/
/*    !*text-align: center;*!*/
/*    display: block;*/
/*    padding-bottom: 5px;*/
/*  }*/

/*  .bx-soa-coupon-block {*/
/*    display: block;*/
/*  }*/

/*  .bx-soa-coupon-input {*/
/*    text-align: center;*/
/*  }*/

/*  .bx-soa-coupon-input input {*/
/*    display: inline-block !important;*/
/*  }*/

/*  .bx-soa-coupon-item {*/
/*    text-align: center;*/
/*  }*/

/*  .bx-soa-coupon-item strong {*/
/*    display: inline-block;*/
/*    position: relative;*/
/*    !*right: -20px;*!*/
/*  }*/

/*  .bx-soa-coupon-item strong:first-child {*/
/*    margin-left: 0;*/
/*  }*/

/*  .bx-soa-coupon-remove:after {*/
/*    content: "";*/
/*    clear: both;*/
/*  }*/

/*  .bx-soa-more {*/
/*    padding-top: 10px;*/
/*  }*/

/*  .bx-soa-pickup-l-item-detail {*/
/*    padding-left: 0;*/
/*  }*/

/*  .bx-soa-pickup-l-item-img {*/
/*    position: relative;*/
/*    left: auto;*/
/*    top: auto;*/
/*    max-width: 200px;*/
/*    max-height: 200px;*/
/*  }*/

/*  .bx-soa-pickup-l-item-adress {*/
/*    padding-right: 0;*/
/*  }*/
/*}*/

/* SCU */
.bx-scu-container {
  overflow: hidden;
}

.bx-soa-item-content .bx-scu-container {
  max-width: 200px;
}

.bx-scu-block {
}

.bx-scu-list {
  margin: 0;
  padding: 0 5px;
}

.bx-scu-itemlist {
  list-style: none;
  padding: 0;
  overflow: hidden;
  margin: 0 -5px;
  min-width: 40px;
}

.bx-scu-item {
  float: left;
  width: 20%;
  padding: 5px;
}

.bx-img-item {
  float: left;
  width: 50%;
  padding: 5px;
  min-width: 30px;
  max-width: 50px;
}

/*@media (max-width: 580px) {*/
/*  .bx-img-item {*/
/*    width: 45px;*/
/*  }*/
/*}*/

.bx-img-itemColor {
  position: absolute;
  top: 3px;
  right: 3px;
  left: 3px;
  bottom: 3px;
  background-size: contain;
  -webkit-background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.bx-scu-itemColorBlock {
  position: relative;
  padding-top: 100%;
  cursor: pointer;
  outline: 1px solid #c0cfda;
  -webkit-transition: outline 0.2s ease;
  -moz-transition: outline 0.2s ease;
  -o-transition: outline 0.2s ease;
  transition: outline 0.2s ease;
}

.bx-scu-itemColorBlock:hover {
  outline: 1px solid #006cc0;
}

.bx-scu-itemColorBlock.selected {
  outline: 2px solid #006cc0;
}

.bx-scu-itemColor {
  position: absolute;
  top: 3px;
  right: 3px;
  left: 3px;
  bottom: 3px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.bx-scu-itemTextBlock {
  position: relative;
  cursor: pointer;
  outline: 1px solid #c0cfda;
  -webkit-transition: outline 0.2s ease;
  -moz-transition: outline 0.2s ease;
  -o-transition: outline 0.2s ease;
  transition: outline 0.2s ease;
}

.bx-scu-itemTextBlock:hover {
  outline: 1px solid #006cc0;
}

.bx-scu-itemTextBlock.selected {
  outline: 2px solid #006cc0;
}

.bx-scu-itemText {
  vertical-align: middle;
  text-align: center;
  font-size: 11px;
  line-height: 18px;
  white-space: nowrap;
  text-transform: uppercase;
  text-overflow: ellipsis;
  overflow: hidden;
}

/*.bx-step-completed*/
.bx-scu-container {
  position: relative;
  height: 35px;
  overflow: hidden;
}

/*.bx-step-completed*/
.bx-scu-container:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 25px;
  background: -webkit-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  background: -moz-linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  background: linear-gradient(
    top,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}

.bx-selected .bx-scu-container {
  height: auto;
}

.bx-selected .bx-scu-container:after {
  height: 0;
}

/*@media (max-width: 768px) {*/
/*  .bx-scu-container {*/
/*    height: auto;*/
/*  }*/

/*  .bx-scu-container:after {*/
/*    height: 0;*/
/*  }*/
/*}*/

/*.bx-step-completed*/
.bx-scu-container .bx-soa-item-td-title {
  line-height: 20px;
}

.bx-scu-container .bx-soa-item-td-title,
.bx-scu-container .bx-soa-item-td-text {
  float: left;
  font-size: 13px;
  padding-right: 5px;
  line-height: 19px;
  vertical-align: middle;
  padding-bottom: 3px;
}

.bx-scu-container .bx-soa-item-td-title {
  clear: both;
}

/*.bx-scu-container .bx-soa-item-td-title:after{
    content:": ";
}*/
/*@media (min-width: 768px) {*/
/*  .bx-scu-container .bx-soa-item-td-title,*/
/*  .bx-scu-container .bx-soa-item-td-text {*/
/*    padding-bottom: 0;*/
/*    line-height: 20px;*/
/*  }*/
/*}*/

/* AUTH */
.bx-soa h3.bx-title {
  font-size: 15px;
  font-weight: bold;
}

.bx-soa-reg-block {
  background: #f8fafc;
  padding: 25px 20px;
}

.bx-soa-reg-block p {
  color: #595a5b;
  font-size: 13px;
  margin: 0 0 10px;
  padding: 0;
}

/*bx-soa-reference*/
.bx-soa-reference {
  color: #9a9a9a;
  font-size: 15px;
  padding-top: 10px;
  padding-bottom: 20px;
}

.bx-soa-auth .bx-soa-reference {
  border-top: 1px solid #f2f2f2;
}

/*REGION*/
.bx-sls .quick-location-tag,
.bx-slst .quick-location-tag {
  display: inline-block;
  background: #d0ecf1;
  border-radius: 3px;
  padding: 10px 20px 11px;
  margin: 10px 2px;
  cursor: pointer;
  vertical-align: middle;
  font-size: 15px;
  line-height: 20px;
  height: auto;
  color: #333;
  border: none;
  -webkit-transition: background 200ms ease;
  -moz-transition: background 200ms ease;
  -o-transition: background 200ms ease;
  transition: background 200ms ease;
}

.bx-sls .quick-location-tag:hover,
.bx-slst .quick-location-tag:hover {
  background-color: #e3f4f7;
}

.bx-sls .quick-location-tag:first-child,
.bx-slst .quick-location-tag:first-child {
  margin-left: 0;
}

.bx-sls .quick-location-tag:last-child,
.bx-slst .quick-location-tag:last-child {
  margin-right: 0;
}

.bx-soa .bx-soa-location-offered small {
  color: #737373;
}

.bx-soa-location-selected {
  padding-top: 12px;
  padding-bottom: 22px;
}

.bx-soa .bx-soa-customer-label,
.bx-soa .bx-soa-custom-label,
.bx-soa .form-group label {
  position: relative;
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 2px;
  color: #000;
  margin-top: 15px;
}

.bx-soa .bx-soa-customer-label-container small,
.bx-soa .bx-soa-custom-label-container small,
.bx-soa .form-group label small {
  color: #737373;
}

/*FIELDS*/
.form-control {
  background-color: #f8fafc;
  border: 1px solid #d5dadc;
  box-shadow: none;
  border-radius: 2px;
}

.form-group .form-control:focus {
  border-color: #63747e;
}

.bx-soa .bx-soa-location-input-container {
  position: relative;
}

.bx-soa .bx-soa-customer-tel-input-container {
  position: relative;
}

.bx-soa .bx-soa-customer-tel-input-container {
  height: 41px;
}

.bx-soa .bx-soa-location-input {
  padding: 10px 40px 11px;
}

.bx-soa .bx-soa-customer-tel-input {
  padding: 10px 11px 10px 50px;
}

.bx-soa .bx-soa-location-input-container:before {
  content: " ";
  position: absolute;
  left: 8px;
  bottom: 9px;
  top: 9px;
  width: 20px;
  background-size: contain;
}

/*pay*/
.bx-soa-pp-company {
  padding-bottom: 20px;
  z-index: 100;
  position: relative;
}

.bx-soa-pp .bx-soa-pp-company {
  padding: 7px;
  border: 1px solid transparent;
  -webkit-transition: all 100ms ease;
  -moz-transition: all 100ms ease;
  -o-transition: all 100ms ease;
  transition: all 100ms ease;
}

.bx-soa-pp-desc-container {
  padding-top: 7px;
}

.bx-soa-pp-desc-container .bx-soa-pp-company {
  background: #f8fafc;
  border: 1px solid #d5dadc;
  padding: 7px 15px;
}

.bx-soa-pp-company-logo {
  padding-top: 6px;
}

.bx-soa-pp-company-graf-container {
  border: 2px solid #c3cace;
  border-radius: 2px;
  position: relative;
  background: #fff;
  width: auto;
  height: 0;
  /*margin-bottom: 10px;*/
  padding-top: 50%;
}

.bx-soa-pp-company.bx-selected .bx-soa-pp-company-graf-container {
  border-color: #159ebb;
}

.bx-soa-pp-inner-ps.bx-selected .bx-soa-pp-company-graf-container {
  border-color: #159ebb;
}

.bx-soa-pp-company.bx-bd-error .bx-soa-pp-company-graf-container {
  border-color: #db4a29;
}

.bx-soa-pp-company.bx-bd-waring .bx-soa-pp-company-graf-container {
  border-color: #ccbe71;
}

input[type="checkbox"].bx-soa-pp-company-checkbox {
  position: absolute;
  top: 7px;
  left: 7px;
  margin: 0;
  padding: 0;
  z-index: 100;
  display: none;
}

.bx-soa-pp-company-image {
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.bx-soa-pp-desc-container .bx-soa-pp-company-logo {
  max-width: 150px;
}

.bx-soa-pp-company-smalltitle {
  padding-top: 9px;
  padding-left: 10px;
  color: #a3a3a3;
  font-size: 11px;
  text-align: left;
  padding-bottom: 5px;
}

.bx-soa-pp-company-smalltitle strong {
  color: black;
}

.bx-soa-pp-company-title {
  font-size: 19px;
  font-weight: bold;
}

.bx-soa-pp-company-subTitle {
  font-size: 15px;
  font-weight: bold;
}

.bx-soa-pp-company-desc {
  font-size: 13px;
  padding-top: 10px;
  line-height: 17px;
}

.bx-soa-pp-company-selected {
  padding: 4px 0;
}

.bx-soa-pp-company-selected strong {
  margin-left: 10px;
}

ul.bx-soa-pp-list {
  margin: 10px 0;
  padding: 0;
  list-style: none;
  font-size: 13px;
  color: #000;
}

ul.bx-soa-pp-list li {
  clear: both;
  padding: 5px 0;
}

.bx-soa-pp-list-termin {
  color: #8d8d8d;
  display: block;
}

.bx-soa-pp-list-description {
  display: block;
}

.bx-soa-pp-delivery-cost {
  position: absolute;
  font-size: 14px;
  line-height: 14px;
  color: #fff;
  padding: 2px 4px;
  right: -2px;
  bottom: -2px;
  border-radius: 1px;
  background: rgba(0, 0, 0, 0.5);
}

.bx-soa-pp-field .form-control {
  background: #fff;
}

.bx-soa-pp-company-block .checkbox label,
.bx-soa-pp-company-block .form-group label {
  font-size: 13px;
}

.bx-soa-pp-company-block .form-control {
  font-size: 13px;
}

.bx-soa-pp-price {
  text-align: right;
  padding: 4px 0;
}

.bx-soa-service-small {
  color: #a3a3a3;
  font-size: 11px;
}

/*CHECKBOX*/
/*@media (max-width: 767px) {*/
/*  .bx-soa-pp .bx-soa-pp-company:nth-child(2n + 1) {*/
/*    clear: both;*/
/*  }*/
/*}*/

/*@media (min-width: 481px) and (max-width: 766px) {*/
/*  .bx-soa-pp-desc-container .bx-soa-pp-company-logo {*/
/*    width: 100%;*/
/*    padding-top: 0;*/
/*  }*/

/*  .bx-soa-pp-desc-container .bx-soa-pp-company-smalltitle {*/
/*    display: none;*/
/*  }*/

/*  .bx-soa-pp-list-termin {*/
/*    width: 30%;*/
/*  }*/
/*}*/

/*@media (max-width: 480px) {*/
/*  .bx-soa-pp-company-logo {*/
/*    width: 45%;*/
/*  }*/

/*  .bx-soa-pp-company-title {*/
/*    display: none;*/
/*  }*/

/*  !*    .bx-soa-pp-company-smalltitle {*/
/*            font-weight: bold;*/
/*            color: #000;*/
/*            font-size: 14px;*/
/*        }*!*/
/*  .bx-soa-pp-item-container {*/
/*    border-right: none;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*  }*/

/*  .bx-soa-pp-desc-container {*/
/*  }*/

/*  .bx-soa-pp-desc-container .bx-soa-pp-company-logo {*/
/*    width: 100%;*/
/*    padding-top: 0;*/
/*  }*/

/*  .bx-soa-pp-desc-container .bx-soa-pp-company-smalltitle {*/
/*    display: none;*/
/*  }*/

/*  .bx-soa-pp-list-termin {*/
/*    width: 40%;*/
/*  }*/
/*}*/

/*@media only screen and (min-resolution: 2dppx) {*/
/*  .bx-soa-location-input-container {*/
/*    border-width: 0.5px;*/
/*  }*/
/*}*/

/*@media only screen and (min-resolution: 192dpi) {*/
/*  .bx-soa-location-input-container {*/
/*    border-width: 0.5px;*/
/*  }*/
/*}*/

/*@media only screen and (min-device-pixel-ratio: 2) {*/
/*  .bx-soa-location-input-container {*/
/*    border-width: 0.5px;*/
/*  }*/
/*}*/

/*@media only screen and (-o-min-device-pixel-ratio: 2/1) {*/
/*  .bx-soa-location-input-container {*/
/*    border-width: 0.5px;*/
/*  }*/
/*}*/

/*@media only screen and (-moz-min-device-pixel-ratio: 2) {*/
/*  .bx-soa-location-input-container {*/
/*    border-width: 0.5px;*/
/*  }*/
/*}*/

/*@media only screen and (min--moz-device-pixel-ratio: 2) {*/
/*  .bx-soa-location-input-container {*/
/*    border-width: 0.5px;*/
/*  }*/
/*}*/

/*@media only screen and (-webkit-min-device-pixel-ratio: 2) {*/
/*  .bx-soa-location-input-container {*/
/*    border-width: 0.5px;*/
/*  }*/
/*}*/

.bx-soa-section.bx-step-good {
  -webkit-animation: animationBorderStep ease 5s;
  -moz-animation: animationBorderStep ease 5s;
  -o-animation: animationBorderStep ease 5s;
  animation: animationBorderStep ease 5s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes animationBorderStep {
  0% {
    border-color: #70bb18;
  }
  100% {
    border-color: #91cedc;
  }
}

@-moz-keyframes animationBorderStep {
  0% {
    border-color: #70bb18;
  }
  100% {
    border-color: #91cedc;
  }
}

@-ms-keyframes animationBorderStep {
  0% {
    border-color: #70bb18;
  }
  100% {
    border-color: #91cedc;
  }
}

@-o-keyframes animationBorderStep {
  0% {
    border-color: #70bb18;
  }
  100% {
    border-color: #91cedc;
  }
}

@keyframes animationBorderStep {
  0% {
    border-color: #70bb18;
  }
  100% {
    border-color: #91cedc;
  }
}

.bx-soa-section.bx-step-bad {
  -webkit-animation: animationBorderStepBad ease 5s;
  -moz-animation: animationBorderStepBad ease 5s;
  -o-animation: animationBorderStepBad ease 5s;
  animation: animationBorderStepBad ease 5s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes animationBorderStepBad {
  0% {
    border-color: #db4a29;
  }
  100% {
    border-color: #91cedc;
  }
}

@-moz-keyframes animationBorderStepBad {
  0% {
    border-color: #db4a29;
  }
  100% {
    border-color: #91cedc;
  }
}

@-ms-keyframes animationBorderStepBad {
  0% {
    border-color: #db4a29;
  }
  100% {
    border-color: #91cedc;
  }
}

@-o-keyframes animationBorderStepBad {
  0% {
    border-color: #db4a29;
  }
  100% {
    border-color: #91cedc;
  }
}

@keyframes animationBorderStepBad {
  0% {
    border-color: #db4a29;
  }
  100% {
    border-color: #91cedc;
  }
}

.bx-soa-changeCostSign {
  -webkit-animation: changeCostSign ease 0.4s;
  -moz-animation: changeCostSign ease 0.4s;
  -o-animation: changeCostSign ease 0.4s;
  animation: changeCostSign ease 0.4s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes changeCostSign {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-moz-keyframes changeCostSign {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-ms-keyframes changeCostSign {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-o-keyframes changeCostSign {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes changeCostSign {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  60% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.bx-sls.form-control {
  padding: 0;
}

.bx-sls .bx-ui-sls-pane,
.bx-slst .bx-ui-combobox-dropdown {
  border: 1px solid #bdbdbd;
}

.bx-sls .dropdown-fade2white,
.bx-slst .dropdown-fade2white {
  top: 1px;
}

.bx-sls .form-control.dropdown-block,
.bx-slst .form-control.dropdown-block {
  background-color: #f8fafc;
  border: 1px solid #d5dadc;
  box-shadow: none;
}

.has-error .bx-sls .form-control.dropdown-block,
.has-error .bx-slst .form-control.dropdown-block {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.bx-slst .form-control .bx-ui-combobox-container .bx-combobox-fake-as-input {
  padding-top: 7px;
}

.bx-bd-error {
  border-color: #db4a29;
}

.bx-bd-waring {
  border-color: #ccbe71;
}

.wsnw {
  white-space: nowrap;
}

.bx-step-opacity {
  opacity: 0;
  -webkit-animation: animationBorderStepOpacity ease 1s;
  -moz-animation: animationBorderStepOpacity ease 1s;
  -o-animation: animationBorderStepOpacity ease 1s;
  animation: animationBorderStepOpacity ease 1s;
  -webkit-animation-iteration-count: 1;
  -moz-animation-iteration-count: 1;
  -o-animation-iteration-count: 1;
  animation-iteration-count: 1;
  -webkit-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -o-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-fill-mode: forwards;
  -o-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes animationBorderStepOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100;
  }
}

@-moz-keyframes animationBorderStepOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100;
  }
}

@-ms-keyframes animationBorderStepOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100;
  }
}

@-o-keyframes animationBorderStepOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100;
  }
}

@keyframes animationBorderStepOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 100;
  }
}

/* MAPS */
ymaps h3 {
  margin: 6px 0 10px 0;
}

/* AUTH */
.bx-authform {
  margin: 0 0 25px;
}

/*block*/
.bx-authform-formgroup-container {
  margin-bottom: 25px;
}

.bx-authform-content-container,
.bx-authform-label-container {
  font-size: 13px;
  color: #5a6c77;
  padding-bottom: 2px;
}

.bx-authform-input-container {
  position: relative;
}

.bx-authform-psw-protected {
  height: 38px;
  width: 38px;
  position: absolute;
  right: 1px;
  top: 50%;
  margin-top: -19px;
  background: url(/local/templates/hanss/components/bitrix/sale.order.ajax/hanss/images/sprite.png) no-repeat center;
  -webkit-background-size: 11px auto;
  background-size: 11px auto;
}

.bx-authform-psw-protected-desc {
  display: none;
  background: #fff;
  position: absolute;
  width: 250px;
  left: 50%;
  margin-left: -125px;
  bottom: 100%;
  margin-bottom: 14px;
  border: 1px solid #f0f1f2;
  padding: 10px 20px;
  font-size: 14px;
  z-index: 110;
  box-shadow: 0 6px 9px 0 rgba(0, 0, 0, 0.1);
}

.bx-authform-psw-protected:hover .bx-authform-psw-protected-desc {
  display: block;
}

.bx-authform-psw-protected-desc > span {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 14px;
  display: block;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAOCAYAAAAxDQxDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjIzNzExNDdGRkJFMTFFNDg4RDM4NEY3NjNFRDYwRDUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjIzNzExNDhGRkJFMTFFNDg4RDM4NEY3NjNFRDYwRDUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMjM3MTE0NUZGQkUxMUU0ODhEMzg0Rjc2M0VENjBENSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMjM3MTE0NkZGQkUxMUU0ODhEMzg0Rjc2M0VENjBENSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PodxyuQAAAFASURBVHjarJS/SgNBEMZ3x00glj6DL2Fn5UtYi7WdlYUIYhGwCYgPYBeIjbUvIYikCxaCGk/wZvf2n98dCiEm521y2xwzOzO/m5tvTn5knyrG+LLZ6211ux3R5rHWCtZGhBBOCbaTUu7kzM9FYVuDeO+FNsWjD+EQ9S/px/8EY7ctmHVO5KwzwM5Iymu4pjRzP24D5tAJs34D7Bzm3a+f5uLWgpWfCzMZY+YHG0QXqDVdBloZZp0VXzmXAriCOZq/pyV5STB0Eo0pHqCufXQygCs2BTWCxUrC5eDZO+f7iL+BSy+KpX9ethZWSVibCSDHiLutK0QNPv9CGIpDXWaCPTkioj5c7+uC/sBctSccMfjBrITrjsQvKEXB25DufUepDPtyAnvYNFElrkrVGZZxD89hSqJaYflL2Gtq0rcAAwDa/ePzqfelnAAAAABJRU5ErkJggg==)
    no-repeat center bottom;
}

.bx-authform-input-container input[type="text"],
.bx-authform-input-container input[type="password"] {
  display: block;
  width: 100%;
  font-size: 18px;
  height: 38px;
  margin: 0;
  padding: 0 4px;
  border: 1px solid #ccd5db;
  border-radius: 2px;
  background: #f8fafc;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.bx-authform-input-container input[type="text"].bx-empty-field,
.bx-authform-input-container input[type="password"].bx-empty-field {
  border-color: #dd4b39;
}

span.bx-authform-starrequired {
  color: #d93333;
}

.bx-authform-formgroup-container .bx-captcha {
  margin-bottom: 10px;
}

.bx-authform-link-container,
.bx-authform-description-container {
  padding-bottom: 10px;
  font-size: 13px;
  color: #292d2e;
}

.bx-authform-description-container {
  font-size: 13px;
  color: #5a6c77;
}

.bx-authform-link-container {
  margin-bottom: 20px;
}

hr.bxe-light {
  border: 0;
  border-bottom: 1px solid #e5e5e5;
  margin-top: 20px;
  margin-bottom: 20px;
}

.alert {
  border: none;
  border-radius: 1px;
  font-size: 14px;
  padding: 15px;
  margin-bottom: 20px;
}

.bxe-aleft-title {
  font-weight: bold;
  padding-bottom: 5px;
}

.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}

/* PAGINATION */
.bx-pagination {
  margin: 10px 0;
}

.bx-pagination .bx-pagination-container {
  text-align: center;
  position: relative;
}

.bx-pagination .bx-pagination-container ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: inline-block;
}

.bx-pagination .bx-pagination-container ul li {
  display: inline-block;
  margin: 0 2px 15px 2px;
}

.bx-pagination .bx-pagination-container ul li span {
  -webkit-transition: color 0.3s ease, background-color 0.3s ease,
    border-color 0.3s ease;
  -moz-transition: color 0.3s ease, background-color 0.3s ease,
    border-color 0.3s ease;
  -ms-transition: color 0.3s ease, background-color 0.3s ease,
    border-color 0.3s ease;
  -o-transition: color 0.3s ease, background-color 0.3s ease,
    border-color 0.3s ease;
  transition: color 0.3s ease, background-color 0.3s ease,
    border-color 0.3s ease;
  background: #eff0f1;
  padding: 0 8px;
  display: block;
  height: 32px;
  min-width: 32px;
  line-height: 32px;
  color: #444;
  font-size: 14px;
  border-radius: 16px;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.bx-pagination .bx-pagination-container ul li a {
  text-decoration: none;
  display: block;
  border-radius: 16px;
  display: block;
  height: 32px;
  min-width: 32px;
  line-height: 32px;
  color: #444;
  vertical-align: middle;
}

.bx-pagination .bx-pagination-container ul li a:hover span {
  background: #dadada;
}

.bx-pagination .bx-pagination-container ul li.bx-active span {
  background: #0083d1;
  color: #fff;
}

.bx-pagination .bx-pagination-container ul li.bx-pag-all a span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a span {
  background: #fff;
  border: 2px solid #eff0f1;
  line-height: 28px;
  padding: 0 18px;
  color: #444;
}

.bx-pagination .bx-pagination-container ul li.bx-pag-all span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next span {
  color: #aab1b4;
  background: #fff;
  border: 2px solid #eff0f1;
  line-height: 28px;
  padding: 0 18px;
}

.bx-pagination .bx-pagination-container ul li.bx-pag-all a:hover span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev a:hover span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a:hover span {
  background: #fff;
  border-color: #dadada;
  color: #000;
}

.bx-pagination.bx-green .bx-pagination-container ul li.bx-active span {
  background: #3bc915;
  color: #fff;
}

.bx-pagination.bx-yellow .bx-pagination-container ul li.bx-active span {
  background: #f9a91d;
  color: #fff;
}

.bx-pagination.bx-red .bx-pagination-container ul li.bx-active span {
  background: #e22b2b;
  color: #fff;
}

#loading_screen {
  position: fixed;
  z-index: 1150;
  left: 50%;
  top: 50%;
  margin-left: -32px;
  margin-top: -32px;
  width: 64px;
  height: 64px;
}

.bx-soa-tooltip.bx-soa-tooltip-static {
  position: relative;
  z-index: 0;
}

.bx-soa-tooltip.bx-soa-tooltip-static .tooltip-arrow {
  left: 20px;
}

.bx-soa-tooltip .tooltip-inner {
  max-width: 300px;
}

.bx-soa-tooltip.bx-soa-tooltip-danger .tooltip-arrow {
  border-top-color: #f2dede;
}

.bx-soa-tooltip.bx-soa-tooltip-danger .tooltip-inner {
  background: #f2dede;
  color: #a94442;
}

.bx-soa-tooltip.bx-soa-tooltip-warning .tooltip-arrow {
  border-top-color: #fcf8e3;
}

.bx-soa-tooltip.bx-soa-tooltip-warning .tooltip-inner {
  background: #fcf8e3;
  color: #8a6d3b;
}

.bx-soa-tooltip.bx-soa-tooltip-success .tooltip-arrow {
  border-top-color: #dff0d8;
}

.bx-soa-tooltip.bx-soa-tooltip-success .tooltip-inner {
  background: #dff0d8;
  color: #3c763d;
}

.bx-soa-tooltip.bx-soa-tooltip-coupon {
  display: none;
}

.bx-soa-coupon-item-used:hover .bx-soa-tooltip,
.bx-soa-coupon-item-danger:hover .bx-soa-tooltip,
.bx-soa-coupon-item-success:hover .bx-soa-tooltip {
  display: block;
  opacity: 1;
  bottom: 100%;
}

.bx-soa-tooltip-coupon > span {
  display: block;
  text-transform: none;
}

.bx-soa-empty-cart-image {
  width: 131px;
  height: 116px;
  margin: 50px auto 42px;
  background: url(/local/templates/hanss/components/bitrix/sale.order.ajax/hanss/images/empty_cart.svg) no-repeat center;
  -webkit-background-size: contain;
  background-size: contain;
}

.bx-soa-empty-cart-text {
  font-size: 36px;
  text-align: center;
  color: #bababa;
  margin-bottom: 42px;
}

.bx-soa-empty-cart-desc {
  text-align: center;
  color: #000;
  font-size: 16px;
  margin-bottom: 42px;
}

.soa-property-container .input-group-addon {
  background: #fff;
}

.input-group-addon .bx-calendar {
  background: url(/local/templates/hanss/components/bitrix/sale.order.ajax/hanss/images/calendar.svg) no-repeat center;
  display: inline-block;
  width: 18px;
  background-size: 18px auto;
  height: 18px;
}

.icon-success {
  position: absolute;
  left: 16px;
  width: 21px;
  height: 21px;
  background-size: contain;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjEgMjEiPjxzdHlsZT4uc3Qwe2ZpbGw6IzcxYmEyNH08L3N0eWxlPjxwYXRoIGlkPSJGb3JtYV8xIiBjbGFzcz0ic3QwIiBkPSJNMTAuNSAwQzQuNyAwIDAgNC43IDAgMTAuNVM0LjcgMjEgMTAuNSAyMSAyMSAxNi4zIDIxIDEwLjUgMTYuMyAwIDEwLjUgMHpNOSAxNS40bC01LTQuOSAyLTIgMyAzIDYtNS45IDIgMi04IDcuOHoiLz48L3N2Zz4=);
}

.icon-warning {
  position: absolute;
  left: 16px;
  width: 22px;
  height: 20px;
  background-size: contain;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjIgMjAiPjxzdHlsZT4uc3Qwe2ZpbGw6I2RlYTcxMn08L3N0eWxlPjxwYXRoIGlkPSJGb3JtYV8xIiBjbGFzcz0ic3QwIiBkPSJNMjEuNyAxNi43TDEyLjkgMS4xQzEyLjMuMSAxMS0uMyAxMCAuM2MtLjQuMi0uNy41LS45LjhMLjMgMTYuN2MtLjQuNy0uNCAxLjUgMCAyLjIuNC43IDEuMSAxLjEgMS45IDEuMWgxNy43Yy44IDAgMS41LS40IDEuOS0xLjEuMy0uNy4zLTEuNS0uMS0yLjJ6bS0xMC43LjhjLS44IDAtMS40LS42LTEuNS0xLjQgMC0uOC42LTEuNCAxLjQtMS41LjggMCAxLjQuNiAxLjUgMS40IDAgLjgtLjYgMS41LTEuNCAxLjV6bTEuNC02LjJjMCAuOC0uNiAxLjQtMS40IDEuNHMtMS40LS42LTEuNC0xLjRWNC43YzAtLjQuMy0uNy43LS43aDEuNWMuNCAwIC43LjMuNy43bC0uMSA2LjZ6Ii8+PC9zdmc+);
}

/* USER CONSENT */
label[data-bx-user-consent] {
  line-height: 13px;
}

label[data-bx-user-consent] a {
  color: #000;
  font-size: 11px;
  font-weight: 100;
}

label[data-bx-user-consent] input {
  margin-top: 2px;
}

#commentBlock {
  display: flex;
}

a:hover {
  color: unset;
}
.nav__link {
  text-decoration: none !important;
}

/*новые блоки*/
/* Общие элементы формы */
.form-section {
  margin-bottom: 24px;
}

.section-title {
  font-size: 16px;
  font-weight: 500;
  color: #333;
  margin-bottom: 16px;
  font-family: "Helvetica Neue", Arial, sans-serif;
}

.form-row {
  margin-bottom: 12px;
}

.form-input,
.form-select,
.form-textarea {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  font-size: 14px;
  font-family: "Helvetica Neue", Arial, sans-serif;
  background: #f8f9fa;
  transition: all 0.3s ease;
}

.form-input:focus,
.form-select:focus,
.form-textarea:focus {
  outline: none;
  border-color: #667eea;
  background: white;
  box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

.form-textarea {
  min-height: 80px;
  resize: vertical;
}

.form-select {
  cursor: pointer;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px;
  padding-right: 40px;
}

/* Радиокнопки */
.radio-group {
  margin: 16px 0;
}

.radio-item {
  display: flex;
  align-items: flex-start;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  line-height: 1.4;
}

.radio-item input[type="radio"] {
  display: none;
}

.radio-custom {
  width: 18px;
  height: 18px;
  border: 2px solid #ddd;
  border-radius: 50%;
  margin-right: 12px;
  margin-top: 2px;
  position: relative;
  flex-shrink: 0;
  transition: all 0.3s ease;
}

.radio-item input[type="radio"]:checked + .radio-custom {
  border-color: #333;
  background: #333;
}

.radio-item input[type="radio"]:checked + .radio-custom::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: white;
  transform: translate(-50%, -50%);
}

.radio-text {
  color: #333;
  font-family: "Helvetica Neue", Arial, sans-serif;
}

/* Карта */
.map-container {
  margin-top: 16px;
  height: 150px;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  overflow: hidden;
}

.map-placeholder {
  width: 100%;
  height: 100%;
  background: #f8f9fa;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #999;
  font-size: 14px;
}

/* Промокод */
.promo-section {
  margin-top: 16px;
}

.promo-input-group {
  display: flex;
  gap: 8px;
}

.promo-input {
  flex: 1;
  margin-bottom: 0;
}

.promo-btn {
  padding: 12px 20px;
  background: #667eea;
  color: white;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 14px;
  font-family: "Helvetica Neue", Arial, sans-serif;
  transition: all 0.3s ease;
  white-space: nowrap;
}

.promo-btn:hover {
  background: #5a6fd8;
}

/* Линия */
.divider {
  border: none;
  border-top: 1px solid #e0e0e0;
  margin: 24px 0;
}

/* Сводка заказа */
.order-summary {
  margin-bottom: 24px;
}

.order-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 0;
  font-size: 14px;
}

.item-name {
  color: #666;
}

.item-price {
  color: #333;
  font-weight: 500;
}

.order-total {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  font-size: 16px;
  font-weight: 600;
  border-top: 1px solid #e0e0e0;
  margin-top: 8px;
}

.total-label,
.total-price {
  color: #333;
}

/* Согласие и чекбокс */
.agreement-section {
  margin-bottom: 24px;
}

.checkbox-item {
  display: flex;
  align-items: flex-start;
  cursor: pointer;
  font-size: 14px;
  line-height: 1.4;
}

.checkbox-item input[type="checkbox"] {
  display: none;
}

.checkbox-custom {
  width: 18px;
  height: 18px;
  border: 2px solid #ddd;
  border-radius: 3px;
  margin-right: 12px;
  margin-top: 2px;
  position: relative;
  flex-shrink: 0;
  transition: all 0.3s ease;
}

.checkbox-item input[type="checkbox"]:checked + .checkbox-custom {
  border-color: #333;
  background: #333;
}

.checkbox-item input[type="checkbox"]:checked + .checkbox-custom::after {
  content: "✓";
  position: absolute;
  top: 50%;
  left: 50%;
  color: white;
  font-size: 12px;
  font-weight: bold;
  transform: translate(-50%, -50%);
}

.checkbox-text {
  color: #666;
}

.privacy-link {
  color: #667eea;
  text-decoration: none;
}

.privacy-link:hover {
  text-decoration: underline;
}

/* Кнопка оплаты */
.pay-button {
  width: 100%;
  padding: 16px;
  background: #333;
  color: white;
  border: none;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  font-family: "Helvetica Neue", Arial, sans-serif;
  transition: all 0.3s ease;
}

.pay-button:hover {
  background: #555;
}

.pay-button:disabled {
  background: #ccc;
  cursor: not-allowed;
}
#bx-soa-paysystem {
  display: none;
}
.bx-soa-pp.row {
  display: flex;
  flex-wrap: wrap;
}
.bx-soa-pp-company-image {
  display: none;
}
.bx-soa-pp-company-logo {
  display: none;
}
.bx-soa-pp-item-container
  > .col-lg-4.bx-soa-pp-company
  > .bx-soa-pp-company-graf-container {
  display: none;
}
.bx-soa-pp-item-container > .col-lg-4.bx-soa-pp-company {
  cursor: pointer;
}
#SDEK_pvz {
  top: 300px !important;
}

div[data-property-id-row="4"] {
  display: none;
}

input.btn-lg.btn-success {
  display: inline-block !important;
  font-family: "Helvetica Neue", sans-serif !important;
  font-weight: 400;
  padding: 14px 24px !important;
  font-size: 14px !important;
  border-radius: 2px !important;
  cursor: pointer !important;
  text-decoration: none !important;
  width: 100% !important;
  transition: background 0.2s ease-in-out, color 0.2s ease-in-out !important;
  background: #1d1d1d !important;
  color: #fff !important;
  border: 1px solid #1d1d1d !important;
}
.alert-info {
  display: none;
}

.btn-primary {
  background-color: black !important;
  border: none !important;
  border-radius: 2px !important;
  width: 100% !important;
  font-family: "JETBRAINS MONO" !important;
  margin-top: 20px !important;
  padding-block: 12px;
}

#order_save_button {
  background-color: #1d1d1d !important;
  border: none !important;
  border-radius: 2px !important;
  width: 100% !important;
  margin-top: 20px !important;
  padding-block: 12px;
}

#order_save_button:hover {
  background-color: transparent !important;
  border: 1px solid #1d1d1d !important;
  border-radius: 2px !important;
  color: #1d1d1d;
}

.bx-soa-customer-input {
  background: white !important;
  border-radius: 2px;
  height: 50px;
}

.bx-soa-pp-company-checkbox {
  display: block;
}
.bx-soa-pp {
  .bx-selected {
    border: 1px solid black !important;
    border-radius: 2px;
    height: 70px;
    .bx-soa-pp-company-smalltitle {
      color: black !important;
      font-family: "Jetbrains Mono";
    }
  }
  .bx-soa-pp-company-smalltitle {
    font-family: "Jetbrains Mono";
    font-size: 14px;
  }
}

.bx-soa-pp {
  .bx-soa-pp-item-container {
    .bx-soa-pp-company {
      width: 250px;
    }
  }
}

.bx-soa-pp-desc-container {
  width: 100%;
}

.bx-soa-pp-company {
  background: transparent !important;
  border-radius: 2px;
  .bx-soa-pp-company-subTitle {
    font-family: "Jetbrains Mono";
  }
}

.soa-property-container,
.bx-soa-customer-field,
.bx-sls,
.bx-slst {
  .form-control,
  .form-control.dropdown-block {
    background: white;
    border-radius: 2px;
  }
}

.bx-soa-custom-label {
  font-family: "Jetbrains Mono";
}

.main-user-consent-request-popup-button-acc {
  background: #1d1d1d;
  font-family: "Jetbrains Mono";
  border-radius: 2px;
  color: white;
}

.main-user-consent-request-popup-button-acc:hover {
  background: transparent;
  color: #1d1d1d;
  border: 1px solid #1d1d1d;
}

.main-user-consent-request-popup-button-rej {
  font-family: "Jetbrains Mono";
  border-radius: 2px;
  border: 1px solid #1d1d1d;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #1d1d1d;
}

.main-user-consent-request-popup-button-rej:hover {
  background: #1d1d1d;
  color: white;
}

.main-user-consent-request-popup {
  font-family: "Jetbrains Mono";
}

.main-user-consent-request-popup-header {
  font-family: "Jetbrains Mono";
}

.main-user-consent-request-popup-text {
  border-radius: 2px;
}

.main-user-consent-request {
  display: flex;
  align-items: start;
  padding-left: 35px !important;
  input[type="checkbox"] {
    accent-color: #6f5ef1;
    width: 15px;
    height: 15px;
    border-radius: 2px;
  }
}

.main-user-consent-request-announce-link {
  padding-inline: 10px;
  text-align: justify;
  line-height: 15px;
}

#bx-soa-total-mobile {
  display: none !important;
}

.bx-soa-cart-total-button-container.visible-xs {
  display: none !important;
}

.bx-soa-item-table > .bx-soa-item-tr .bx-soa-item-td.bx-soa-item-properties > .bx-soa-item-td-title {
  display: none !important;
}

@media (max-width: 768px) {
  #commentBlock > div {
    width: 100%;
  }
  #SDEK_pvz {
    top: 70px !important;
  }
}

/* End */
/* /local/templates/hanss/build/style.css?176900476231060 */
/* /bitrix/components/bitrix/sale.location.selector.search/templates/.default/style.min.css?17556420385525 */
/* /bitrix/components/ipol/ipol.sdekPickup/templates/order/style.css?175564203810556 */
/* /bitrix/components/bitrix/sale.location.selector.steps/templates/.default/style.min.css?17556420336119 */
/* /bitrix/components/niges/cookiesaccept/templates/.default/style.css?17558858882729 */
/* /local/templates/hanss/components/bitrix/sale.order.ajax/hanss/style.css?175699504856937 */