@charset "UTF-8";
/**
  Нормализация блочной модели
 */
*,
::before,
::after {
  box-sizing: border-box;
}

/**
  Убираем внутренние отступы слева тегам списков,
  у которых есть атрибут class
 */
:where(ul, ol):where([class]) {
  padding-left: 0;
}

/**
  Убираем внешние отступы body и двум другим тегам,
  у которых есть атрибут class
 */
body,
:where(blockquote, figure):where([class]) {
  margin: 0;
}

/**
  Убираем внешние отступы вертикали нужным тегам,
  у которых есть атрибут class
 */
:where(h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl):where([class]) {
  margin-block: 0;
}

:where(dd[class]) {
  margin-left: 0;
}

:where(fieldset[class]) {
  margin-left: 0;
  padding: 0;
  border: none;
}

/**
  Убираем стандартный маркер маркированному списку,
  у которого есть атрибут class
 */
:where(ul[class]) {
  list-style: none;
}

:where(address[class]) {
  font-style: normal;
}

/**
  Обнуляем вертикальные внешние отступы параграфа,
  объявляем локальную переменную для внешнего отступа вниз,
  чтобы избежать взаимодействие с более сложным селектором
 */
p {
  --paragraphMarginBottom: 24px;
  margin-block: 0;
}

/**
  Внешний отступ вниз для параграфа без атрибута class,
  который расположен не последним среди своих соседних элементов
 */
p:where(:not([class]):not(:last-child)) {
  margin-bottom: var(--paragraphMarginBottom);
}

/**
  Упрощаем работу с изображениями и видео
 */
img,
video {
  display: block;
  max-width: 100%;
  height: auto;
}

/**
  Наследуем свойства шрифт для полей ввода
 */
input,
textarea,
select,
button {
  font: inherit;
}

html {
  /**
    Пригодится в большинстве ситуаций
    (когда, например, нужно будет "прижать" футер к низу сайта)
   */
  height: 100%;
  /**
    Убираем скачок интерфейса по горизонтали
    при появлении / исчезновении скроллбара
   */
  scrollbar-gutter: stable;
}

/**
  Плавный скролл
 */
html,
:has(:target) {
  scroll-behavior: smooth;
}

body {
  /**
    Пригодится в большинстве ситуаций
    (когда, например, нужно будет "прижать" футер к низу сайта)
   */
  min-height: 100%;
  /**
    Унифицированный интерлиньяж
   */
  line-height: 1.5;
}

/**
  Нормализация высоты элемента ссылки при его инспектировании в DevTools
 */
a:where([class]) {
  display: inline-flex;
}

/**
  Курсор-рука при наведении на элемент
 */
button,
label {
  cursor: pointer;
}

/**
  Приводим к единому цвету svg-элементы
  (за исключением тех, у которых уже указан
  атрибут fill со значением 'none' или начинается с 'url')
 */
:where([fill]:not([fill=none],
[fill^=url])) {
  fill: currentColor;
}

/**
  Приводим к единому цвету svg-элементы
  (за исключением тех, у которых уже указан
  атрибут stroke со значением 'none')
 */
:where([stroke]:not([stroke=none],
[stroke^=url])) {
  stroke: currentColor;
}

/**
  Чиним баг задержки смены цвета при взаимодействии с svg-элементами
 */
svg * {
  transition-property: fill, stroke;
}

/**
  Приведение рамок таблиц в классический 'collapse' вид
 */
:where(table) {
  border-collapse: collapse;
  border-color: currentColor;
}

/**
  Удаляем все анимации и переходы для людей,
  которые предпочитают их не использовать
 */
@media (prefers-reduced-motion: reduce) {
  *,
  ::before,
  ::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
@font-face {
  font-family: "Gotham Pro";
  src: url("/local/templates/headphones_main/assets/fonts/GothamPro-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham Pro";
  src: url("/local/templates/headphones_main/assets/fonts/GothamPro-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham Pro";
  src: url("/local/templates/headphones_main/assets/fonts/GothamPro-Bold.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham Pro";
  src: url("/local/templates/headphones_main/assets/fonts/GothamPro-Black.woff2") format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham Pro";
  src: url("/local/templates/headphones_main/assets/fonts/GothamPro.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gotham Pro";
  src: url("/local/templates/headphones_main/assets/fonts/GothamPro-Italic.woff2") format("woff2");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gotham Pro";
  src: url("/local/templates/headphones_main/assets/fonts/GothamPro-BoldItalic.woff2") format("woff2");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gotham Pro";
  src: url("/local/templates/headphones_main/assets/fonts/GothamPro-MediumItalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gotham Pro";
  src: url("/local/templates/headphones_main/assets/fonts/GothamPro-BlackItalic.woff2") format("woff2");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Gotham Pro";
  src: url("/local/templates/headphones_main/assets/fonts/GothamPro-LightItalic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
:root {
  --color-bg: #EDF1F5;
  --color-bg-2: #EDF0F5;
  --color-bg-3: #DFE5EE;
  --color-light: #FFFFFF;
  --color-light-tr: #FFFFFFDD;
  --color-light-1: #E2E2E2;
  --color-light-1-tr: #E2E2E233 ;
  --color-light-2: #CED6DE;
  --color-light-2-tr: #CED6DE33;
  --color-light-3: #EFEFEF;
  --color-light-4: #D8D8D8;
  --color-dark: #222222;
  --color-dark-1: #3B3B3B;
  --color-dark-1-op: #3B3B3B45;
  --color-gray-1: #11263A;
  --color-gray-2: #6D6D6D;
  --color-gray-3: #545454;
  --color-gray-4: #8A8A8A;
  --color-gray-5: #676767;
  --color-gray-6: #555555;
  --color-gray-7: #545454;
  --color-gray-border: #A3A0A0;
  --color-accent: #1B4D3F;
  --color-accent-light: #29D0A1;
  --color-accent-hover: #E7F4F0;
  --color-orange: #E79203;
  --color-blue: #3680FA;
  --color-lilac: #793DE0;
  --color-wa-green: #25D366;
  --color-tg-blue: #18A3E6;
  --color-baloon-green: #00B015;
  --color-baloon-bg: #00B01526;
  --font-family-base: "Gotham Pro", sans-serif;
  --container-width: 81.25rem;
  --container-padding-x: 1.25rem;
  --border-radius: 0.625rem;
  --transition-duration: 0.2s;
}

.container {
  max-width: calc(var(--container-width) + var(--container-padding-x) * 2);
  margin-inline: auto;
  padding-inline: var(--container-padding-x);
}

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  clip-path: inset(100%) !important;
  clip: rect(0 0 0 0) !important;
  overflow: hidden !important;
}

@media (width <= 65.06125rem) {
  .hidden-tablet {
    display: none !important;
  }
}

@media (width > 65.06125rem) {
  .visible-tablet {
    display: none !important;
  }
}

@media (width <= 47.99875rem) {
  .hidden-mobile {
    display: none !important;
  }
}

@media (width > 47.99875rem) {
  .visible-mobile {
    display: none !important;
  }
}

.mrb-10 {
  margin-bottom: 0.625rem !important;
}

.gray-line-50 {
  width: 100%;
  height: 50px;
  background-color: var(--color-gray);
}

html.is-lock {
  overflow: hidden;
}

body {
  font-size: clamp(1rem, 0.9521276596rem + 0.2127659574vw, 1.125rem);
  display: flex;
  flex-direction: column;
  font-family: var(--font-family-base);
  color: var(--color-dark);
  background-color: var(--color-bg);
}

main {
  flex-grow: 1;
  margin-bottom: 2.5rem;
}

h1, .h1 {
  font-size: clamp(1.5rem, 1.1170212766rem + 1.7021276596vw, 2.5rem);
  font-weight: 700;
}

h2, .h2 {
  margin: 0;
  font-size: 2.5rem;
  font-weight: normal;
  line-height: normal;
  color: var(--color-dark-1);
}

a,
button,
input,
select,
label,
textarea,
svg * {
  transition-duration: var(--transition-duration);
}

a {
  color: inherit;
}
a[class] {
  text-decoration: none;
}
@media (any-hover: hover) {
  a:hover {
    text-decoration: underline;
    color: var(--color-accent);
  }
}
@media (any-hover: none) {
  a:active {
    text-decoration: underline;
    color: var(--color-accent);
  }
}

a[aria-label],
button[aria-label] {
  position: relative;
}
a[aria-label]::before,
button[aria-label]::before {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 2.75rem;
  height: 2.75rem;
  content: "";
}

button {
  border: none;
  background-color: transparent;
  padding: 0;
  line-height: 1;
}

ul, li {
  margin: 0;
  padding: 0;
}

input[type=checkbox],
input[type=radio] {
  accent-color: var(--color-accent);
}

.custom-select {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTYgOSIgZmlsbD0ibm9uZSI+CjxwYXRoIGQ9Ik03LjI5Mjg5IDguNzA3MTFDNy42ODM0MiA5LjA5NzYzIDguMzE2NTggOS4wOTc2MyA4LjcwNzExIDguNzA3MTFMMTUuMDcxMSAyLjM0MzE1QzE1LjQ2MTYgMS45NTI2MiAxNS40NjE2IDEuMzE5NDYgMTUuMDcxMSAwLjkyODkzMkMxNC42ODA1IDAuNTM4NDA4IDE0LjA0NzQgMC41Mzg0MDggMTMuNjU2OSAwLjkyODkzMkw4IDYuNTg1NzlMMi4zNDMxNSAwLjkyODkzMkMxLjk1MjYyIDAuNTM4NDA4IDEuMzE5NDYgMC41Mzg0MDggMC45Mjg5MzIgMC45Mjg5MzJDMC41Mzg0MDggMS4zMTk0NiAwLjUzODQwOCAxLjk1MjYyIDAuOTI4OTMyIDIuMzQzMTVMNy4yOTI4OSA4LjcwNzExWk03IDdWOEg5VjdIN1oiIGZpbGw9IiMzQjNCM0IiLz4KPC9zdmc+) no-repeat right 10px center;
  border: 0.0625rem solid var(--color-accent);
  border-radius: 0.3125rem;
  padding: 1.0625rem 1.875rem 1.0625rem 1.0625rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-size: 0.875rem;
  color: var(--color-accent);
}

blockquote {
  border-left: 5px solid var(--color-accent);
  padding-left: 1.25rem;
}

:focus-visible {
  outline: 0.0625rem dashed var(--color-accent);
  outline-offset: 0.0625rem;
  transition-duration: 0s !important;
}

.flex-el {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.625rem;
}

.mb-20 {
  margin-bottom: 1.25rem !important;
}

.mb-40 {
  margin-bottom: 2.5rem !important;
}

.mb-60 {
  margin-bottom: 3.75rem !important;
}

.pa-20 {
  padding: 1.25rem !important;
}

.pa-40 {
  padding: 2.5rem !important;
}

.pb-20 {
  padding-bottom: 1.25rem !important;
}

.baloon {
  width: max-content;
  border-radius: 0.9375rem;
  text-align: center;
  font-size: 0.75rem;
  line-height: 2;
  padding-inline: 0.5rem;
}
.baloon--green {
  border: 0.0625rem solid var(--color-baloon-green);
  background-color: var(--color-baloon-bg);
  color: var(--color-baloon-green);
}
.baloon--blue {
  border: 0.0625rem solid #4956E7;
  background-color: transparent;
  color: #4956E7;
}

.favorites .discount-goods__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
@media (width <= 65.06125rem) {
  .favorites .discount-goods__list {
    grid-template-columns: 1fr 1fr;
  }
}
@media (width <= 47.99875rem) {
  .favorites .discount-goods__list {
    grid-template-columns: 1fr;
  }
}

.in-favorite, .is-active .not-in-favorite {
  display: none;
}

.is-active .in-favorite {
  display: inline;
}

.delivery-page h2 {
  margin-block: 1.25rem;
}
.delivery-page ul {
  margin-left: 1.25rem;
  margin-block: 1.25rem;
}

body div.title-search-result {
  display: none;
}

.ui-btn-primary {
  --ui-btn-background: var(--color-accent);
  --ui-btn-background-hover: var(--color-accent);
  --ui-btn-background-active: var(--color-accent);
  --ui-btn-border-color: var(--color-accent);
  --ui-btn-border-color-hover: var(--color-accent);
  --ui-btn-border-color-active: var(--color-accent);
  --ui-btn-color: var(--ui-color-on-primary);
  --ui-btn-color-hover: var(--ui-color-on-primary);
  --ui-btn-color-active: var(--ui-color-on-primary);
}

.title-search-result {
  z-index: 101;
  background-color: var(--color-light);
  width: 100%;
}

@media (width > 65.06125rem) {
  div.title-search-result {
    border-radius: var(--border-radius);
    box-shadow: 0 0 1rem 0 var(--color-gray);
  }
}

.bx-pagination {
  margin: 40px 0;
}

.bx-pagination .bx-pagination-container ul li.bx-active span {
  background-color: var(--color-accent);
}

.title-search-result {
  padding: 1.25rem;
}
.title-search-result .title-search-all {
  color: var(--color-accent);
}

/*fix for price slider*/
.irs-min, .irs-max, .irs-single {
  visibility: hidden !important;
}

.irs-from, .irs-to {
  visibility: visible !important;
}

.title-search-all {
  display: none !important;
}

/* smart filter */
.smart-filter-parameters-box-title {
  display: flex;
  align-items: center;
  margin-bottom: 1.5rem;
  padding-bottom: 0;
}

.smart-filter-parameters-box-title .icon--menu-separator {
  position: absolute;
  left: -0.625rem;
}

.smart-filter-parameters-box-title-text {
  font-size: 1.25rem;
  font-weight: 500;
  color: var(--color-dark);
  line-height: 1;
}

.smart-filter-block {
  margin-bottom: 1.5rem;
  font-size: 0.875rem;
  color: #000000;
  height: auto !important;
}

/*.bx-active .smart-filter-block {
  display: -moz-box  !important;
  -moz-box-orient: vertical;
  display: -webkit-box !important;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  line-clamp: 6;
  box-orient: vertical;
  overflow: hidden;
  height: auto !important;
}*/
.bx-active .smart-filter-block.expanded {
  -webkit-line-clamp: unset;
  line-clamp: unset;
}

.smart-filter-parameters-box:not(:last-child) {
  border-bottom: 1px solid #E4E4E4;
  margin-bottom: 1.5rem;
}

.smart-filter-block .justify-content-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

.smart-filter-input-container {
  position: relative;
  display: flex;
  align-items: center;
}

.smart-filter-input-container input.min-price,
.smart-filter-input-container input.max-price {
  border-radius: 0.4375rem;
  border: 0.0625rem solid #AEAEAE;
  background: #F8F8F8;
  height: 2rem;
  padding: 0.625rem 0.625rem 0.625rem 1.875rem;
  color: #9D9B9B;
  font-size: 0.75rem;
  font-weight: 400;
  text-align: right;
  width: 7.1875rem;
}

.price-input--prefix {
  position: absolute;
  left: 0.625rem;
  font-size: 0.75rem;
}

.smart-filter-input-group-checkbox-pictures .smart-filter-checkbox-btn,
.smart-filter-input-group-checkbox-pictures .smart-filter-checkbox-btn-image {
  border-radius: 2rem;
}

.irs-to, .irs-from {
  display: none !important;
}

.irs--round {
  height: 1.5rem;
}

.irs--round .irs-line {
  top: 0.3125rem;
  height: 0.75rem;
  background-color: rgba(27, 77, 63, 0.2);
  border-radius: var(--border-radius);
}

.irs--round .irs-bar {
  top: 0.3125rem;
  height: 0.75rem;
  background-color: var(--color-accent);
}

.irs--round .irs-handle {
  top: 0;
  border: 1px solid #8C8C8C;
  box-shadow: unset;
  display: flex;
  align-items: center;
  justify-content: center;
}

.irs--round .irs-handle:after {
  content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyIiBoZWlnaHQ9IjEwIiB2aWV3Qm94PSIwIDAgMiAxMCIgZmlsbD0ibm9uZSI+CjxwYXRoIGQ9Ik0xIDFMMSA5IiBzdHJva2U9IiM4QzhDOEMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4=");
  position: absolute;
  color: #8C8C8C;
}

.bx-rating-icon {
  fill: #E79203;
}

.bx-rating {
  text-align: left;
}

.bx-soa-pp-item-container .row {
  display: flex;
  gap: 0.625rem;
  flex-wrap: wrap;
}

.bx-soa-pp-company-graf-container, .bx-soa-pp-company-smalltitle {
  width: 11.875rem;
}

.bx-soa-more-btn {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.25rem;
}

.button--in-order-prev, .button--in-order-next {
  padding-block: 0.5rem !important;
}

.bx-soa-customer {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.bx-soa-customer input,
.bx-soa-customer textarea,
.bx-soa-location-input-container input {
  height: 3rem;
  display: flex;
  align-items: center;
  padding-inline: 1.5625rem;
  color: #8A8A8A;
  font-size: 0.875rem;
  border-radius: 0.3125rem;
  border: 1px solid #BAC2CA;
  width: 25rem;
}

.bx-soa-customer-field {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}

.bx-soa-customer-field label {
  width: 12.5rem;
}

.bx-soa-section-title-container {
  border-radius: 0.625rem;
}

.bx-soa-section {
  border-radius: 0.625rem;
  margin-bottom: 0.625rem;
}

.bx-soa-section.bx-step-completed, .bx-soa-section.bx-selected,
.bx-soa-section {
  border: unset;
  padding: var(--container-padding-x);
}

.delivery-page {
  padding: 2.5rem;
  background-color: var(--color-light);
  border-radius: 1.25rem;
}

#bx-soa-delivery .bx-soa-coupon,
#bx-soa-paysystem .bx-soa-coupon {
  display: none;
}

.order-page .bx-soa-section-title-container, .bx-soa-section.bx-selected .bx-soa-section-title-container {
  background: unset;
  padding: 0;
  padding-bottom: var(--container-padding-x);
  border-bottom: 1px solid var(--color-light-4);
  border-radius: unset;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.order-page .bx-soa-section-title, .order-page .bx-soa-section.bx-selected .bx-soa-section-title {
  font-size: clamp(1.5rem, 1.3085106383rem + 0.8510638298vw, 2rem);
  color: var(--color-dark);
  font-weight: 700;
}

.bx-soa-section-title-count {
  width: 3rem;
  height: 3rem;
  border-radius: 2.5625rem;
  border: unset;
  background-color: var(--color-light-3);
}

.bx-soa-section.bx-step-completed .bx-soa-section-title-count {
  border: unset;
  background-color: var(--color-accent-hover);
}

.bx-soa-section.bx-step-completed .bx-soa-section-title-count::before {
  right: 8px;
  top: -6px;
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMC42NjIxIDYuODE0NzVMNy41ODM0MiA5Ljg5MzQyQzcuNDg1NDEgOS45OTE0MiA3LjM1ODA4IDEwLjA0MDEgNy4yMzAwOCAxMC4wNDAxQzcuMTAxNDIgMTAuMDQwMSA2Ljk3NDA4IDkuOTkxNDIgNi44NzYwOCA5Ljg5MzQyTDUuMzM2NzUgOC4zNTQwOEM1LjE0MTQxIDguMTU4NzUgNS4xNDE0MSA3Ljg0MjA4IDUuMzM2NzUgNy42NDY3NUM1LjUzMjA4IDcuNDUxNDIgNS44NDgwOCA3LjQ1MTQyIDYuMDQzNDEgNy42NDY3NUw3LjIzMDA4IDguODMyNzVMOS45NTQ3NSA2LjEwNzQyQzEwLjE1MDEgNS45MTIwOCAxMC40NjY3IDUuOTEyMDggMTAuNjYyMSA2LjEwNzQyQzEwLjg1NzQgNi4zMDI3NSAxMC44NTc0IDYuNjE5NDEgMTAuNjYyMSA2LjgxNDc1Wk04LjAwMDA4IDEuNjY2NzVDNC41MDgwOCAxLjY2Njc1IDEuNjY2NzUgNC41MDgwOCAxLjY2Njc1IDguMDAwMDhDMS42NjY3NSAxMS40OTI3IDQuNTA4MDggMTQuMzMzNCA4LjAwMDA4IDE0LjMzMzRDMTEuNDkyMSAxNC4zMzM0IDE0LjMzMzQgMTEuNDkyNyAxNC4zMzM0IDguMDAwMDhDMTQuMzMzNCA0LjUwODA4IDExLjQ5MjEgMS42NjY3NSA4LjAwMDA4IDEuNjY2NzVaIiBmaWxsPSIjMUI0RDNGIi8+Cjwvc3ZnPg==);
  background: unset;
}
@media (width <= 65.06125rem) {
  .bx-soa-section.bx-step-completed .bx-soa-section-title-count::before {
    top: -4px;
  }
}

.bx-soa-section .bx-soa-section-title-count::after {
  font-size: 2rem;
  line-height: 3rem;
  color: var(--color-dark);
}

.bx-soa-section.bx-step-completed .bx-soa-section-title-count::after {
  color: var(--color-dark);
}

.bx-soa-item-table {
  margin-bottom: 0;
}

.bx-soa-item-td-title {
  font-size: 0.875rem;
  color: var(--color-gray-6);
}

.bx-soa-item-td-text, .bx-soa-item-td-text .bx-price {
  font-size: 0.875rem;
  color: var(--color-gray-7);
  font-weight: 700;
}

.bx-soa-item-imgcontainer {
  border: unset;
}

.bx-soa-item-title a {
  font-size: 1rem;
  color: var(--color-dark-1);
  text-decoration: unset;
  line-height: 1.6;
  font-weight: 700;
}

.bx-soa-editstep {
  font-size: 0.875rem;
  color: var(--color-gray-4);
}

.bx-soa-coupon-block {
  width: 100%;
}

.bx-soa-coupon-input {
  width: 100%;
  display: flex;
  align-items: center;
  top: 0;
}

.bx-soa-coupon-input::after {
  content: "вставить";
  border: unset;
  margin-top: 0;
  top: auto;
  width: auto;
  height: auto;
  right: 1rem;
  transform: none;
  color: var(--color-gray-4);
  display: flex;
}

.bx-soa-coupon-input::before {
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNC4zODQgMTUuMzI4QzEzLjg2MyAxNS4zMjggMTMuNDM4IDE0LjkwNCAxMy40MzggMTQuMzgyQzEzLjQzOCAxMy44NiAxMy44NjMgMTMuNDM2IDE0LjM4NCAxMy40MzZDMTQuOTA1IDEzLjQzNiAxNS4zMyAxMy44NiAxNS4zMyAxNC4zODJDMTUuMzMgMTQuOTA0IDE0LjkwNSAxNS4zMjggMTQuMzg0IDE1LjMyOFpNOS42MDggMTUuMkM5LjQxNSAxNS4yIDkuMjI0IDE1LjEyNyA5LjA3NyAxNC45OEM4Ljc4NCAxNC42ODcgOC43ODQgMTQuMjEzIDkuMDc3IDEzLjkyTDEzLjk3NSA5LjAyM0MxNC4yNjggOC43MyAxNC43NDIgOC43MyAxNS4wMzUgOS4wMjNDMTUuMzI4IDkuMzE2IDE1LjMyOCA5Ljc5IDE1LjAzNSAxMC4wODNMMTAuMTM4IDE0Ljk4QzkuOTkxIDE1LjEyNyA5LjggMTUuMiA5LjYwOCAxNS4yWk05LjYyIDguNjcyQzEwLjE0MiA4LjY3MiAxMC41NjcgOS4wOTYgMTAuNTY3IDkuNjE4QzEwLjU2NyAxMC4xNCAxMC4xNDIgMTAuNTY0IDkuNjIgMTAuNTY0QzkuMDk5IDEwLjU2NCA4LjY3NCAxMC4xNCA4LjY3NCA5LjYxOEM4LjY3NCA5LjA5NiA5LjA5OSA4LjY3MiA5LjYyIDguNjcyWk0xNi4yMTcgMi41SDcuNzgyQzQuNjIzIDIuNSAyLjUgNC43MjEgMi41IDguMDI2VjE1Ljk3NEMyLjUgMTkuMjc5IDQuNjIzIDIxLjUgNy43ODIgMjEuNUgxNi4yMTZDMTkuMzc2IDIxLjUgMjEuNSAxOS4yNzkgMjEuNSAxNS45NzRWOC4wMjZDMjEuNSA0LjcyMSAxOS4zNzcgMi41IDE2LjIxNyAyLjVaIiBmaWxsPSIjOEE4QThBIi8+Cjwvc3ZnPg==);
  position: absolute;
  left: 1rem;
  display: flex;
  height: 1.5rem;
}

.bx-soa-coupon-input input[type=text].form-control {
  background: unset;
  font-size: 1rem;
  color: var(--color-gray-4);
  height: 3.5rem;
  padding-left: 3.125rem;
  border-radius: 0.3125rem;
  border: 1px solid var(--color-gray-4);
}

.bx-soa-section-content {
  padding-top: 1.25rem;
  padding-bottom: 0;
  padding-inline: 0;
}

.bx-soa-more {
  padding: 0;
  border: unset;
}

.bx-soa-more, .bx-soa-coupon {
  margin-top: 0;
}

#bx-soa-region .bx-soa-section-content {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

#bx-soa-region .bx-soa-delivery-property {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  color: #3B3B3B;
  font-size: 1rem;
  line-height: 1.6;
}

.bx-soa-delivery-property span {
  order: 3;
}

.bx-soa-delivery-property::before {
  content: "";
  border-bottom: 1px dashed #545454;
  flex-grow: 1;
  order: 2;
  margin: 0 5px;
}

.bx-soa .form-group label.bx-soa-custom-label, .bx-soa-custom-label {
  color: var(--color-dark);
  font-size: 1.5rem;
  display: flex;
  align-items: center;
  margin-bottom: 1.25rem;
  padding-bottom: 0;
  font-weight: 600;
  line-height: 1;
}

.bx-authform-starrequired {
  order: 2;
}

.bx-sls .dropdown-icon {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE0LjAyMDIgMTAuNzI5MkMxMy44ODQyIDYuMzY1MjQgMTIuNTIyMiAzLjYxNTIzIDExLjU2NzIgMy42MTUyM0MxMC42MTMyIDMuNjE1MjMgOS4yNTEyMyA2LjM2NTI0IDkuMTE1MjMgMTAuNzI5MkgxNC4wMjAyWiIgZmlsbD0iIzhBOEE4QSIvPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNOS4xMTMyOCAxMi4xNTA0QzkuMjUzMjggMTYuNTIwNCAxMC42MTMzIDE5LjI2MDQgMTEuNTYzMyAxOS4yNjA0QzExLjc3MzMgMTkuMjYwNCAxMS45OTMzIDE5LjEzMDQgMTIuMjEzMyAxOC44OTA0QzExLjczMzMgMTcuODkwNCAxMS40NDMzIDE2Ljg5MDQgMTEuNDQzMyAxNi4wODA0QzExLjQ0MzMgMTQuNTcwNCAxMi4wMjMzIDEzLjE5MDQgMTIuOTczMyAxMi4xNTA0SDkuMTEzMjhaIiBmaWxsPSIjOEE4QThBIi8+CiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNS40MzMgMTAuNTMyQzE2LjAxMyAxMC4zMzIgMTYuNjQzIDEwLjIyMiAxNy4zMDMgMTAuMjIyQzE4LjE1MyAxMC4yMjIgMTguOTYzIDEwLjQwMiAxOS42ODMgMTAuNzMySDIwLjU0M0MyMC4yMDMgNi40NDE5NSAxNi44NjMgMi45OTE5NSAxMi42MjMgMi41MDE5NUMxNC4zNDMgMy41MDE5NSAxNS4yOTMgNi45MzE5NSAxNS40MzMgMTAuNTMyWiIgZmlsbD0iIzhBOEE4QSIvPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTAuNTEyOCAyLjQ5ODA1QzYuMjczNzUgMi45OTUwNSAyLjkzMDc1IDYuNDQ0MDUgMi41OTM3NSAxMC43M0g3LjY5MTc1QzcuODAxNzUgNy4wNjEwNSA4Ljc2Mjc1IDMuNTIyMDUgMTAuNTEyOCAyLjQ5ODA1WiIgZmlsbD0iIzhBOEE4QSIvPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNy42OTA4IDEyLjE1MjNIMi41OTE4QzIuOTI5OCAxNi40MzgzIDYuMjcxOCAxOS44ODY0IDEwLjUxMTggMjAuMzg0M0M4Ljc2MTggMTkuMzYwMyA3LjgwMDggMTUuODIxMyA3LjY5MDggMTIuMTUyM1oiIGZpbGw9IiM4QThBOEEiLz4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE3LjI5ODQgMTkuOTYyN0MxNi42MTE0IDE5LjU5NzcgMTQuNjkxNCAxNy44MTM3IDE0LjY5MTQgMTYuMDc4N0MxNC42OTE0IDE0LjY0MDcgMTUuODYxNCAxMy40NzA3IDE3LjI5ODQgMTMuNDcwN0MxOC43MzY0IDEzLjQ3MDcgMTkuOTA2NCAxNC42NDA3IDE5LjkwNjQgMTYuMDc4N0MxOS45MDY0IDE3LjgxMzcgMTcuOTg1NCAxOS41OTc3IDE3LjI5ODQgMTkuOTYyN1pNMTcuMjk4NCAxMS45NzA3QzE1LjAzMzQgMTEuOTcwNyAxMy4xOTE0IDEzLjgxNDcgMTMuMTkxNCAxNi4wNzg3QzEzLjE5MTQgMTguNzQzNyAxNi4yNDA0IDIxLjUwMDcgMTcuMjk4NCAyMS41MDA3QzE4LjM1NjQgMjEuNTAwNyAyMS40MDY0IDE4Ljc0MzcgMjEuNDA2NCAxNi4wNzg3QzIxLjQwNjQgMTMuODE0NyAxOS41NjQ0IDExLjk3MDcgMTcuMjk4NCAxMS45NzA3WiIgZmlsbD0iIzhBOEE4QSIvPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTcuMzIxNyAxNC45OTQxSDE3LjI3NThDMTYuNzIyNyAxNC45OTQxIDE2LjI5ODggMTUuNDQxMSAxNi4yOTg4IDE1Ljk5NDFDMTYuMjk4OCAxNi41NDcxIDE2Ljc2ODcgMTYuOTk0MSAxNy4zMjE3IDE2Ljk5NDFDMTcuODc0OCAxNi45OTQxIDE4LjMyMTcgMTYuNTQ3MSAxOC4zMjE3IDE1Ljk5NDFDMTguMzIxNyAxNS40NDExIDE3Ljg3NDggMTQuOTk0MSAxNy4zMjE3IDE0Ljk5NDFaIiBmaWxsPSIjOEE4QThBIi8+Cjwvc3ZnPg==);
  width: 1.5rem;
  height: 1.5rem;
  top: unset;
  left: 1rem;
}

.bx-sls .bx-ui-sls-clear {
  top: unset;
}

.bx-sls .form-control.dropdown-block {
  display: flex;
  align-items: center;
  height: 3.5rem;
  background: unset;
  border-radius: 0.3125rem;
  border: 1px solid var(--color-gray-4);
  padding: 0 2.5rem 0 3.125rem;
}

.bx-soa-location-input-container {
  margin-bottom: 1.25rem;
}

.bx-sls .bx-ui-sls-fake, .bx-sls .bx-ui-sls-route {
  height: 100%;
  font-size: 1rem;
}

.bx-sls .bx-ui-sls-container {
  height: 100%;
  flex: 1 auto;
}

.bx-soa-reference {
  width: 70%;
  padding-top: 0;
  padding-bottom: 0.75rem;
  font-size: 0.75rem;
  color: var(--color-dark-1);
}

.bx_soa_location .form-check-input {
  display: none;
}

.bx_soa_location .form-check {
  display: inline-flex;
}

.bx_soa_location .form-check-label {
  font-size: 1.125rem;
  font-weight: 500;
  padding-bottom: 0.5rem;
  color: var(--color-accent);
}

.form-check-container {
  display: flex;
  gap: 2.5rem;
  width: max-content;
  border-bottom: 0.0625rem solid var(--color-accent);
}

.bx_soa_location .form-check-input:checked + .form-check-label {
  border-bottom: 0.3125rem solid var(--color-accent);
}

.bx_soa_location .form-check-group {
  margin-bottom: 2rem;
}

.bx-soa-pp-item-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.25rem;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 0.0625rem solid var(--color-light-4);
}
@media (width <= 65.06125rem) {
  .bx-soa-pp-item-container {
    grid-template-columns: repeat(2, 1fr);
  }
}

.bx-soa-pp-company-checkbox {
  display: none;
}

.bx-soa-pp-company-graf-container {
  width: auto;
  border-radius: 0.3125rem;
  border: 0.0625rem solid var(--color-gray-4);
}

.bx-soa-pp-company.bx-selected .bx-soa-pp-company-graf-container {
  border-color: var(--color-accent);
  background-color: var(--color-accent-hover);
}

.bx-soa-pp-company-logo {
  display: none;
}

.bx-soa-pp-desc-container {
  padding-top: 0;
  margin-bottom: 2rem;
  padding-bottom: 2rem;
  border-bottom: 0.0625rem solid var(--color-gray-4);
}

.bx-soa-pp-desc-container .bx-soa-pp-company {
  background: none;
  border: unset;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: space-between;
}

.bx-soa-pp-company-subTitle {
  font-size: 1.5rem;
  line-height: 1;
  width: 100%;
  flex-grow: 1;
}

.btn.SDEK_selectPVZ {
  justify-content: center;
  color: var(--color-accent);
  border: 0.125rem solid var(--color-accent);
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  padding: 0.75rem;
  border-radius: 0.3125rem;
}

.btn.SDEK_selectPVZ:hover {
  text-decoration: none;
  background-color: #E7F4F0;
}

.bx-soa-pp-company-selected {
  display: flex;
  align-items: center;
  gap: 1rem;
}

.bx-soa-pp-company-selected img {
  height: 1.5rem !important;
}

.bx-soa-pp-company-selected strong {
  font-size: clamp(1.125rem, 0.9813829787rem + 0.6382978723vw, 1.5rem);
  margin-left: 0;
}

#bx-soa-delivery .bx-soa-section-content > .row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

#bx-soa-delivery .bx-soa-section-content > .row::before {
  content: "";
  border-bottom: 1px dashed #545454;
  flex-grow: 1;
  order: 2;
  margin: 0 5px;
}

#bx-soa-delivery .bx-soa-pp-price {
  order: 3;
}

#bx-soa-delivery .bx-soa-section-content.container-fluid > .row {
  display: block;
}

.bx-soa-pp-company-desc {
  padding-top: 0;
  margin-bottom: 1rem;
  color: var(--color-dark-1);
}

#bx-soa-properties .bx-soa-customer {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25rem;
  margin-bottom: 2rem;
}
@media (width <= 65.06125rem) {
  #bx-soa-properties .bx-soa-customer {
    grid-template-columns: 1fr;
  }
}

#bx-soa-properties .bx-soa-custom-label {
  display: none;
}

#bx-soa-properties .bx-soa-customer-field {
  position: relative;
  flex-direction: column;
  gap: 0;
}

#bx-soa-properties .bx-soa-tooltip.bx-soa-tooltip-static {
  width: 100%;
  position: absolute;
  z-index: 5;
  top: -0.9375rem;
}

#bx-soa-properties .bx-soa-customer-input {
  padding-left: 3rem;
}

#bx-soa-properties .soa-property-container {
  position: relative;
  display: flex;
  align-items: center;
}

#bx-soa-properties .soa-property-container::after {
  width: 1.5rem;
  height: 1.5rem;
  top: unset;
  left: 1rem;
  position: absolute;
  display: flex;
}

#bx-soa-delivery .bx-soa-pp-company-graf-container {
  margin-bottom: 1.875rem;
}

.bx-soa-pp-delivery-cost {
  background: unset;
  width: 100%;
  text-align: center;
  right: unset;
  bottom: -1.875rem;
  color: var(--color-gray-3);
  font-size: 0.875rem;
  font-weight: 700;
}

ul.bx-soa-pp-list {
  margin: 0;
  display: flex;
  gap: 40px;
}

ul.bx-soa-pp-list li {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: end;
}

.bx-soa-pp-list-termin {
  color: var(--color-gray-6);
  font-size: 0.875rem;
  font-weight: 500;
}

.bx-soa-pp-list-description {
  color: var(--color-gray-3);
  font-size: 0.875rem;
  font-weight: 700;
}

#bx-soa-properties div[data-property-id-row="1"] .soa-property-container::after,
#bx-soa-properties div[data-property-id-row="12"] .soa-property-container::after,
#bx-soa-properties div[data-property-id-row="22"] .soa-property-container::after {
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTExLjY2NTggMTIuNDkzOUMxNC4xNjk0IDEyLjQ5MzkgMTYuMjA2NiAxMC40NTg3IDE2LjIwNjYgNy45NTc4N0MxNi4yMDY2IDUuNDU3MDcgMTQuMTY5NCAzLjQyMTg4IDExLjY2NTggMy40MjE4OEM5LjE2MjEyIDMuNDIxODggNy4xMjUgNS40NTcwNyA3LjEyNSA3Ljk1Nzg3QzcuMTI1IDEwLjQ1ODcgOS4xNjIxMiAxMi40OTM5IDExLjY2NTggMTIuNDkzOVoiIGZpbGw9IiM4QThBOEEiLz4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTExLjY2MjggMTQuMzkwNkM4LjczOTU2IDE0LjM5MDYgNC44NTE1NiAxNC43MTAzIDQuODUxNTYgMTcuNDcxM0M0Ljg1MTU2IDIwLjU3MDEgOS45Nzc5NSAyMC41NzAxIDExLjY2MjggMjAuNTcwMUMxNC41ODYgMjAuNTcwMSAxOC40NzMgMjAuMjUwNSAxOC40NzMgMTcuNDg5NUMxOC40NzMgMTQuMzkwNiAxMy4zNDc2IDE0LjM5MDYgMTEuNjYyOCAxNC4zOTA2WiIgZmlsbD0iIzhBOEE4QSIvPgo8L3N2Zz4=);
}

#bx-soa-properties div[data-property-id-row="3"] .soa-property-container::after,
#bx-soa-properties div[data-property-id-row="14"] .soa-property-container::after {
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTIxLjEyMjggMTcuMDg3OUMyMS4xMTAzIDE2LjE1NTggMjAuNDExNCAxNS40OTE1IDE5LjQ0MzggMTQuNTcxOEMxOS4yMDY2IDE0LjM0NjIgMTguOTQ4NCAxNC4xMDA0IDE4LjY3NzcgMTMuODI3OEMxNy40Mjk3IDEyLjU3OTggMTYuMzk1OCAxMi45ODQgMTUuNDgyOCAxMy4zNDJDMTQuNDQwMyAxMy43NDkxIDEzLjQ1NjMgMTQuMTM2OSAxMS42NjExIDEyLjM0MDhIMTEuNjYwMUM5Ljg2NDg5IDEwLjU0ODQgMTAuMjQ5OSA5LjU2MzUxIDEwLjY1NzkgOC41MjA5NUMxMS4wMTUgNy42MDc5OSAxMS40MjAxIDYuNTczMTEgMTAuMTczMSA1LjMyMzE5QzkuODk5NDUgNS4wNDk1OSA5LjY1MjczIDQuNzg5NDMgOS40MjUyNiA0LjU1MDM5QzguNTA3NSAzLjU4NTU5IDcuODQ0MTQgMi44ODY3MSA2LjkxMzkgMi44NzUxOUM2LjE1NTUgMi44NjM2NyA1LjI2MjcgMy4zNzcyNyAzLjk5OTM0IDQuNjQwNjNDMy45ODY4NiA0LjY1NDA3IDMuOTIxNTggNC43MTkzNSAzLjkxMDA2IDQuNzMzNzVDMy42MzE2NiA1LjAwNzM1IDIuODg5NTggNS43MzUwMyAyLjg4Mjg2IDcuMTUwMDdDMi44NzIzIDkuMzY0NzkgNC42NTg4NiAxMi4yNzgzIDguMTkzNTggMTUuODEzMUMxMS43MTU4IDE5LjMzNTMgMTQuNjIxNyAyMS4xMjA5IDE2LjgzMjYgMjEuMTJIMTYuODYyM0MxOC4yNzgzIDIxLjEwOTQgMTkuMDAyMiAyMC4zNjU0IDE5LjI3NDggMjAuMDg1MUwxOS4zNjMxIDE5Ljk5ODdDMjAuNjIyNyAxOC43MzgyIDIxLjEzMjQgMTcuODk1MyAyMS4xMjI4IDE3LjA4NzlaIiBmaWxsPSIjOEE4QThBIi8+Cjwvc3ZnPg==);
}

#bx-soa-properties div[data-property-id-row="2"] .soa-property-container::after,
#bx-soa-properties div[data-property-id-row="13"] .soa-property-container::after {
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQuNDk5IDYuODM4NDRMMTAuMzc0IDExLjYxNzRDMTEuMzc5IDEyLjM4OTQgMTIuNjg5IDEyLjM5NTQgMTMuNjIgMTEuNjIyNEwxOS40OTYgNi44Mjg0NEMxOS43MzkgNy4yOTA0NCAxOS44OTYgNy44MTY0NCAxOS45NTYgOC4zODg0NEwxNC41NzQgMTIuNzc5NEMxMy44NDUgMTMuMzg4NCAxMi45NDkgMTMuNjkxNCAxMi4wMzkgMTMuNjkxNEMxMS4xMzcgMTMuNjkxNCAxMC4yMjIgMTMuMzkzNCA5LjQ0MiAxMi43OTM0TDQuMDQyIDguNDAwNDRDNC4xMDIgNy44Mjg0NCA0LjI1NyA3LjMwMTQ0IDQuNDk5IDYuODM4NDRaTTIxLjUgOC44OTY0NEMyMS41IDguNTg2NDQgMjEuNDY4IDguMjkwNDQgMjEuNDIgOC4wMDA0NEMyMS4zODkgNy43ODM0NCAyMS4zNDEgNy41NzY0NCAyMS4yODggNy4zNjk0NEMyMS4yODMgNy4zNTA0NCAyMS4yODEgNy4zMzA0NCAyMS4yNzYgNy4zMTE0NEwyMS4yNzMgNy4zMTQ0NEMyMS4xMzQgNi43OTM0NCAyMC45NDUgNi4yOTk0NCAyMC42ODIgNS44NTk0NEwyMC42ODkgNS44NTQ0NEMyMC42NzkgNS44Mzc0NCAyMC42NjYgNS44MjE0NCAyMC42NTUgNS44MDQ0NEMyMC42NDkgNS43OTQ0NCAyMC42NDEgNS43ODU0NCAyMC42MzUgNS43NzQ0NEMyMC40NjkgNS41MDY0NCAyMC4yNzggNS4yNjA0NCAyMC4wNzEgNS4wMzA0NEMyMC4wNTEgNS4wMDg0NCAyMC4wMzMgNC45ODU0NCAyMC4wMTMgNC45NjQ0NEMxOS43OTYgNC43MzI0NCAxOS41NjEgNC41MjI0NCAxOS4zMDYgNC4zMzc0NEMxOS4yODggNC4zMjQ0NCAxOS4yNjggNC4zMTI0NCAxOS4yNSA0LjI5OTQ0QzE4Ljk5OCA0LjEyMTQ0IDE4LjczMiAzLjk2NjQ0IDE4LjQ0OSAzLjgzODQ0QzE4LjQzNSAzLjgzMjQ0IDE4LjQyMiAzLjgyNDQ0IDE4LjQwOCAzLjgxNzQ0QzE4LjEyOSAzLjY5NTQ0IDE3LjgzNSAzLjYwMjQ0IDE3LjUzMSAzLjUzMzQ0QzE3LjQ3MSAzLjUxOTQ0IDE3LjQxIDMuNTA4NDQgMTcuMzQ4IDMuNDk2NDRDMTcuMDQ0IDMuNDM5NDQgMTYuNzM0IDMuNDAwNDQgMTYuNDEgMy4zOTk0NEMxNi40MDYgMy4zOTk0NCAxNi40MDMgMy4zOTg0NCAxNi40IDMuMzk4NDRINy42QzcuNTk3IDMuMzk4NDQgNy41OTQgMy4zOTk0NCA3LjU5MSAzLjM5OTQ0QzcuMjUgMy40MDA0NCA2LjkyNCAzLjQ0MTQ0IDYuNjA4IDMuNTAxNDRDNi41NzQgMy41MDg0NCA2LjU0IDMuNTEzNDQgNi41MDYgMy41MjE0NEM1LjEyMiAzLjgxNDQ0IDMuOTkgNC42NTA0NCAzLjI4OCA1Ljg1MzQ0TDMuMzExIDUuODcyNDRDMy4wNDkgNi4zMTI0NCAyLjg2MSA2LjgwNjQ0IDIuNzIzIDcuMzI3NDRMMi43MTMgNy4zMTk0NEMyLjcgNy4zNzI0NCAyLjY5MyA3LjQyOTQ0IDIuNjggNy40ODI0NEMyLjY0MyA3LjY0NDQ0IDIuNjA3IDcuODA0NDQgMi41ODIgNy45NzE0NEMyLjUzNCA4LjI3MDQ0IDIuNSA4LjU3NTQ0IDIuNSA4Ljg5NjQ0VjE1LjA5ODRMMi41MDEgMTUuMTA0NEMyLjUwMSAxNS41MDY0IDIuNTM5IDE1Ljg5NDQgMi42MDkgMTYuMjY3NEMyLjYxNiAxNi4zMDQ0IDIuNjMxIDE2LjMzODQgMi42MzkgMTYuMzc1NEMyLjcwNyAxNi43MDc0IDIuNzk1IDE3LjAyODQgMi45MTMgMTcuMzMwNEMyLjk4MSAxNy41MDc0IDMuMDc1IDE3LjY2NTQgMy4xNTggMTcuODMxNEMzLjIyOSAxNy45Njk0IDMuMjg4IDE4LjExNTQgMy4zNjkgMTguMjQ1NEMzLjU0MSAxOC41MjY0IDMuNzM5IDE4Ljc4MDQgMy45NTUgMTkuMDE3NEMzLjk1NyAxOS4wMTk0IDMuOTU4IDE5LjAyMjQgMy45NjEgMTkuMDI0NEM0LjAxIDE5LjA3OTQgNC4wNDggMTkuMTQ2NCA0LjEgMTkuMTk4NEM1IDIwLjA5ODQgNi4yIDIwLjU5ODQgNy42IDIwLjU5ODRIMTYuNEMxNi43MyAyMC41OTg0IDE3LjA1MyAyMC41NjU0IDE3LjM2OCAyMC41MDI0QzE4LjI5NCAyMC4zMzI0IDE5LjA5OSAxOS45MDg0IDE5Ljc1NyAxOS4zMDc0QzE5LjgwMyAxOS4yNjg0IDE5Ljg1NSAxOS4yMzk0IDE5LjkgMTkuMTk4NEMxOS45MTcgMTkuMTgxNCAxOS45MjkgMTkuMTU5NCAxOS45NDUgMTkuMTQyNEMyMC45MTMgMTguMTYwNCAyMS40OTkgMTYuNzUzNCAyMS41IDE1LjEwMjRWOC44OTY0NFoiIGZpbGw9IiM4QThBOEEiLz4KPC9zdmc+);
}

#bx-soa-properties div[data-property-id-row="9"] .soa-property-container::after {
  content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIj4KICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuNTEgOC45NlYyMC4yNUg4LjAxVjguOTZIMy43NVY4LjAzQzMuNzUgNy44NCAzLjc2IDcuNjUgMy43OCA3LjQ2SDIwLjIyQzIwLjI0IDcuNjUgMjAuMjUgNy44NCAyMC4yNSA4LjAzVjguOTZIOS41MVpNMTQuODkgMTguMDRDMTQuMDcgMTguMDQgMTEuNzEgMTUuODkgMTEuNzEgMTMuODFDMTEuNzEgMTIuMDYgMTMuMTQgMTAuNjMgMTQuODkgMTAuNjNDMTYuNjQgMTAuNjMgMTguMDcgMTIuMDYgMTguMDcgMTMuODFDMTguMDcgMTUuODkgMTUuNzEgMTguMDQgMTQuODkgMTguMDRaTTE2LjIyIDIuMjVINy43OEM0LjQ3IDIuMjUgMi4yNSA0LjU3IDIuMjUgOC4wM1YxNS45N0MyLjI1IDE5LjQzIDQuNDcgMjEuNzUgNy43OCAyMS43NUgxNi4yMUMxOS41MiAyMS43NSAyMS43NSAxOS40MyAyMS43NSAxNS45N1Y4LjAzQzIxLjc1IDQuNTcgMTkuNTMgMi4yNSAxNi4yMiAyLjI1WiIgZmlsbD0iIzhBOEE4QSIvPgogIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTQuODkwMiAxMi44OTA2QzE0LjM5NjIgMTIuODkwNiAxMy45OTIyIDEzLjI4NTYgMTMuOTkyMiAxMy43ODg2QzEzLjk5MjIgMTQuMjkxNiAxNC4zOTYyIDE0LjY4NjYgMTQuODkwMiAxNC42ODY2QzE1LjM5MzIgMTQuNjg2NiAxNS43ODgyIDE0LjI4MjYgMTUuNzg4MiAxMy43ODg2QzE1Ljc4ODIgMTMuMjg1NiAxNS4zOTMyIDEyLjg5MDYgMTQuODkwMiAxMi44OTA2WiIgZmlsbD0iIzhBOEE4QSIvPgo8L3N2Zz4=);
}

#bx-soa-properties div[data-property-id-row="8"] .soa-property-container::after {
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjcxODA2IDE0LjM5MjVIOC41NDM2NkM4LjkzNzI2IDE0LjM5MjUgOS4yNjM2NiAxNC43MTg5IDkuMjYzNjYgMTUuMTEyNUM5LjI2MzY2IDE1LjUxNTcgOC45MzcyNiAxNS44MzI1IDguNTQzNjYgMTUuODMyNUg3LjcxODA2QzcuMzE0ODYgMTUuODMyNSA2Ljk5ODA2IDE1LjUxNTcgNi45OTgwNiAxNS4xMTI1QzYuOTk4MDYgMTQuNzE4OSA3LjMxNDg2IDE0LjM5MjUgNy43MTgwNiAxNC4zOTI1Wk02Ljk5ODA2IDguNzI4NDdDNi45OTgwNiA4LjMzNDg3IDcuMzE0ODYgOC4wMDg0NyA3LjcxODA2IDguMDA4NDdIOC41NDM2NkM4LjkzNzI2IDguMDA4NDcgOS4yNjM2NiA4LjMzNDg3IDkuMjYzNjYgOC43Mjg0N0M5LjI2MzY2IDkuMTMxNjcgOC45MzcyNiA5LjQ0ODQ3IDguNTQzNjYgOS40NDg0N0g3LjcxODA2QzcuMzE0ODYgOS40NDg0NyA2Ljk5ODA2IDkuMTMxNjcgNi45OTgwNiA4LjcyODQ3Wk03LjcxODA2IDExLjE5NTdIOC41NDM2NkM4LjkzNzI2IDExLjE5NTcgOS4yNjM2NiAxMS41MjIxIDkuMjYzNjYgMTEuOTE1N0M5LjI2MzY2IDEyLjMxODkgOC45MzcyNiAxMi42MzU3IDguNTQzNjYgMTIuNjM1N0g3LjcxODA2QzcuMzE0ODYgMTIuNjM1NyA2Ljk5ODA2IDEyLjMxODkgNi45OTgwNiAxMS45MTU3QzYuOTk4MDYgMTEuNTIyMSA3LjMxNDg2IDExLjE5NTcgNy43MTgwNiAxMS4xOTU3Wk0xNi4xOTQ5IDE1LjQ0ODVIMTcuMDMwMUMxNy40MjM3IDE1LjQ0ODUgMTcuNzUwMSAxNS43NzQ5IDE3Ljc1MDEgMTYuMTY4NUMxNy43NTAxIDE2LjU3MTcgMTcuNDIzNyAxNi44ODg1IDE3LjAzMDEgMTYuODg4NUgxNi4xOTQ5QzE1LjgwMTMgMTYuODg4NSAxNS40NzQ5IDE2LjU3MTcgMTUuNDc0OSAxNi4xNjg1QzE1LjQ3NDkgMTUuNzc0OSAxNS44MDEzIDE1LjQ0ODUgMTYuMTk0OSAxNS40NDg1Wk0xNy43NTAxIDEyLjk4MTNDMTcuNzUwMSAxMy4zODQ1IDE3LjQyMzcgMTMuNzAxMyAxNy4wMzAxIDEzLjcwMTNIMTYuMTk0OUMxNS44MDEzIDEzLjcwMTMgMTUuNDc0OSAxMy4zODQ1IDE1LjQ3NDkgMTIuOTgxM0MxNS40NzQ5IDEyLjU4NzcgMTUuODAxMyAxMi4yNjEzIDE2LjE5NDkgMTIuMjYxM0gxNy4wMzAxQzE3LjQyMzcgMTIuMjYxMyAxNy43NTAxIDEyLjU4NzcgMTcuNzUwMSAxMi45ODEzWk0yMC42MTE4IDE4LjE3ODdIMjAuMTUzOUMxOS45OTQ4IDE4LjE3ODcgMTkuODY1OSAxOC4wNDk4IDE5Ljg2NTkgMTcuODkwN1YxMS44NjE5QzE5Ljg2NTkgMTAuNjAyNCAxOC44NDE2IDkuNTc3MTEgMTcuNTgzIDkuNTc3MTFIMTMuODQxOUMxMy41NzY5IDkuNTc3MTEgMTMuMzYxOSA5Ljc5MjEzIDEzLjM2MTkgMTAuMDU3MVYxNy44OTA3QzEzLjM2MTkgMTguMDQ5OCAxMy4yMzMgMTguMTc4NyAxMy4wNzM5IDE4LjE3ODdIMTIuNTkzOUMxMi40MzQ4IDE4LjE3ODcgMTIuMzA1OSAxOC4wNDk4IDEyLjMwNTkgMTcuODkwN1Y2LjI4NDMxQzEyLjMwNTkgNS4wMjQ3OSAxMS4yODE2IDMuOTk5NTEgMTAuMDIzIDMuOTk5NTFINi4yMzU4MkM0Ljk3NzI2IDMuOTk5NTEgMy45NTI5NCA1LjAyNDc5IDMuOTUyOTQgNi4yODQzMVYxNy44OTA3QzMuOTUyOTQgMTguMDQ5OCAzLjgyNCAxOC4xNzg3IDMuNjY0OTQgMTguMTc4N0gzLjMzMTgyQzIuOTM0MzggMTguMTc4NyAyLjYxMTgyIDE4LjUwMTMgMi42MTE4MiAxOC44OTg3QzIuNjExODIgMTkuMjk2MSAyLjkzNDM4IDE5LjYxODcgMy4zMzE4MiAxOS42MTg3SDIwLjYxMThDMjEuMDA5MyAxOS42MTg3IDIxLjMzMTggMTkuMjk2MSAyMS4zMzE4IDE4Ljg5ODdDMjEuMzMxOCAxOC41MDEzIDIxLjAwOTMgMTguMTc4NyAyMC42MTE4IDE4LjE3ODdaIiBmaWxsPSIjOEE4QThBIi8+Cjwvc3ZnPg==);
}

#bx-soa-properties div[data-property-id-row="10"] .soa-property-container::after,
#bx-soa-properties div[data-property-id-row="11"] .soa-property-container::after {
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwLjE1NSAxOS4wNDE4VjQuOTU4NjdIOS4zNDY0NkM4Ljk0OTAyIDQuOTU4NjcgOC42MjY0NiA0LjYzNjExIDguNjI2NDYgNC4yMzg2N0M4LjYyNjQ2IDMuODQxMjMgOC45NDkwMiAzLjUxODY3IDkuMzQ2NDYgMy41MTg2N0gxMC44NjE5TDEwLjg3NSAzLjUxODU1TDEwLjg4ODEgMy41MTg2N0gxMi40MDMxQzEyLjgwMDUgMy41MTg2NyAxMy4xMjMxIDMuODQxMjMgMTMuMTIzMSA0LjIzODY3QzEzLjEyMzEgNC42MzYxMSAxMi44MDA1IDQuOTU4NjcgMTIuNDAzMSA0Ljk1ODY3SDExLjU5NVYxOS4wNDE4SDEyLjQwNDFDMTIuODAxNSAxOS4wNDE4IDEzLjEyNDEgMTkuMzY0NCAxMy4xMjQxIDE5Ljc2MThDMTMuMTI0MSAyMC4xNTkzIDEyLjgwMTUgMjAuNDgxOCAxMi40MDQxIDIwLjQ4MThIOS4zNDc0NkM4Ljk1MDAyIDIwLjQ4MTggOC42Mjc0NiAyMC4xNTkzIDguNjI3NDYgMTkuNzYxOEM4LjYyNzQ2IDE5LjM2NDQgOC45NTAwMiAxOS4wNDE4IDkuMzQ3NDYgMTkuMDQxOEgxMC4xNTVaIiBmaWxsPSIjOEE4QThBIi8+CjxwYXRoIGQ9Ik02LjE1OTMyIDE3Ljg4MDFINy41Njk1NkM3Ljk2NyAxNy44ODAxIDguMjg5NTYgMTcuNTU3NiA4LjI4OTU2IDE3LjE2MDFWNi44NDAxMkM4LjI4OTU2IDYuNDQyNjggNy45NjcgNi4xMjAxMiA3LjU2OTU2IDYuMTIwMTJINi4xNTkzMkM0LjEwMzk2IDYuMTIwMTIgMi40MzE2NCA3Ljc5NTMyIDIuNDMxNjQgOS44NTQ1MlYxNC4xNTUzQzIuNDMxNjQgMTYuMjA5NyA0LjEwMzk2IDE3Ljg4MDEgNi4xNTkzMiAxNy44ODAxWiIgZmlsbD0iIzhBOEE4QSIvPgo8cGF0aCBkPSJNMTMuOTAzMSAxNy44ODAxSDE3LjQxNDhDMTkuNDc1OSAxNy44ODAxIDIxLjE1MjEgMTYuMjA0OSAyMS4xNTIxIDE0LjE0NTdWOS44NTQ1MkMyMS4xNTIxIDcuNzk1MzIgMTkuNDgwNyA2LjEyMDEyIDE3LjQyNTMgNi4xMjAxMkgxMy45MDMxQzEzLjUwNTcgNi4xMjAxMiAxMy4xODMxIDYuNDQyNjggMTMuMTgzMSA2Ljg0MDEyVjE3LjE2MDFDMTMuMTgzMSAxNy41NTc2IDEzLjUwNTcgMTcuODgwMSAxMy45MDMxIDE3Ljg4MDFaIiBmaWxsPSIjOEE4QThBIi8+Cjwvc3ZnPg==);
}

#bx-soa-properties div[data-property-id-row="15"] .soa-property-container::after {
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNS4zMDk3IDEyLjYxM0g4LjY4ODc1QzguMjc0NzUgMTIuNjEzIDcuOTM4NzUgMTIuMjc3IDcuOTM4NzUgMTEuODYzQzcuOTM4NzUgMTEuNDQ5IDguMjc0NzUgMTEuMTEzIDguNjg4NzUgMTEuMTEzSDE1LjMwOTdDMTUuNzIzNyAxMS4xMTMgMTYuMDU5NyAxMS40NDkgMTYuMDU5NyAxMS44NjNDMTYuMDU5NyAxMi4yNzcgMTUuNzIzNyAxMi42MTMgMTUuMzA5NyAxMi42MTNaTTE1LjMwOTcgMTYuNjY5SDguNjg4NzVDOC4yNzQ3NSAxNi42NjkgNy45Mzg3NSAxNi4zMzMgNy45Mzg3NSAxNS45MTlDNy45Mzg3NSAxNS41MDUgOC4yNzQ3NSAxNS4xNjkgOC42ODg3NSAxNS4xNjlIMTUuMzA5N0MxNS43MjM3IDE1LjE2OSAxNi4wNTk3IDE1LjUwNSAxNi4wNTk3IDE1LjkxOUMxNi4wNTk3IDE2LjMzMyAxNS43MjM3IDE2LjY2OSAxNS4zMDk3IDE2LjY2OVpNOC42ODk3NSA3LjA2NkgxMS4yMTU3QzExLjYyOTcgNy4wNjYgMTEuOTY1NyA3LjQwMiAxMS45NjU3IDcuODE2QzExLjk2NTcgOC4yMyAxMS42Mjk3IDguNTY2IDExLjIxNTcgOC41NjZIOC42ODk3NUM4LjI3NTc1IDguNTY2IDcuOTM5NzUgOC4yMyA3LjkzOTc1IDcuODE2QzcuOTM5NzUgNy40MDIgOC4yNzU3NSA3LjA2NiA4LjY4OTc1IDcuMDY2Wk0xNi4wMzY3IDIuNUg3Ljk2Mjc1QzUuNDE1NzUgMi41IDMuMzQzNzUgNC41NzIgMy4zNDM3NSA3LjEyVjE2Ljg4QzMuMzQzNzUgMTkuNDI3IDUuNDE1NzUgMjEuNSA3Ljk2Mjc1IDIxLjVIMTYuMDM2N0MxOC41ODM3IDIxLjUgMjAuNjU2NyAxOS40MjcgMjAuNjU2NyAxNi44OFY3LjEyQzIwLjY1NjcgNC41NzIgMTguNTgzNyAyLjUgMTYuMDM2NyAyLjVaIiBmaWxsPSIjOEE4QThBIi8+Cjwvc3ZnPg==);
}

#bx-soa-properties div[data-property-id-row="7"], #bx-soa-properties div[data-property-id-row="19"] {
  display: none;
}

.text-after-address-btn {
  margin-top: 0.625rem;
}

textarea[name=ADDRESS] {
  width: 100%;
  padding: 1.0625rem;
  font-size: 0.875rem;
}

.icon {
  display: inline-flex;
  align-items: center;
}
.icon::after {
  --size: 1.5rem;
  width: var(--size);
  height: var(--size);
  content: "";
  flex-shrink: 0;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.icon--preloader::after {
  --size: 3.125rem;
  background-image: url("/local/templates/headphones_main/assets/icons/preloader.gif");
}
.icon--menu-separator::after {
  --size: 0.75rem;
  content: "›";
  cursor: pointer;
  rotate: 90deg;
  align-self: center;
  text-align: center;
}
button.is-active .icon--menu-separator::after, div.collapsed .icon--menu-separator::after {
  rotate: -90deg;
}
.icon--tg::after {
  background-image: url("/local/templates/headphones_main/assets/icons/tg.svg");
}
.icon--wa::after {
  background-image: url("/local/templates/headphones_main/assets/icons/wa.svg");
}
.icon--email::after {
  background-image: url("/local/templates/headphones_main/assets/icons/email.svg");
}
.icon--max::after {
  background-image: url("/local/templates/headphones_main/assets/icons/max.svg");
}
.icon--search::after {
  --size: 1rem;
  background-image: url("/local/templates/headphones_main/assets/icons/search.svg");
}
.icon--search-gray::after {
  background-image: url("/local/templates/headphones_main/assets/icons/search-gray.svg");
}
.icon--profile::after {
  background-image: url("/local/templates/headphones_main/assets/icons/profile.svg");
}
.icon--heart::after {
  background-image: url("/local/templates/headphones_main/assets/icons/heart.svg");
}
.icon--chart::after {
  background-image: url("/local/templates/headphones_main/assets/icons/chart.svg");
}
.icon--cart::after {
  background-image: url("/local/templates/headphones_main/assets/icons/cart.svg");
}
.icon--cart-in-good::after {
  background-image: url("/local/templates/headphones_main/assets/icons/cart-in-good.svg");
}
.icon--basket::after {
  background-image: url("/local/templates/headphones_main/assets/icons/basket.svg");
}
.icon--home::after {
  background-image: url("/local/templates/headphones_main/assets/icons/home.svg");
}
.icon--burger::after {
  background-image: url("/local/templates/headphones_main/assets/icons/burger.svg");
}
.icon--sheet::after {
  background-image: url("/local/templates/headphones_main/assets/icons/sheet.svg");
}
.icon--sheet-green::after {
  background-image: url("/local/templates/headphones_main/assets/icons/sheet-green.svg");
}
.icon--favorite::after {
  background-image: url("/local/templates/headphones_main/assets/icons/favorite.svg");
}
button.is-active .icon--favorite::after {
  background-image: url("/local/templates/headphones_main/assets/icons/favorite-green.svg");
}
.icon--favorite-green::after {
  background-image: url("/local/templates/headphones_main/assets/icons/favorite-green.svg");
}
.icon--calendar::after {
  --size: 1.25rem;
  background-image: url("/local/templates/headphones_main/assets/icons/calendar.svg");
}
.icon--eye::after {
  --size: 1.25rem;
  background-image: url("/local/templates/headphones_main/assets/icons/eye.svg");
}
.icon--cookies::after {
  --size: 0.875rem;
  background-image: url("/local/templates/headphones_main/assets/icons/cookies.svg");
}
.icon--close::after {
  background-image: url("/local/templates/headphones_main/assets/icons/close.svg");
}
.icon--close-gray::after {
  background-image: url("/local/templates/headphones_main/assets/icons/close-gray.svg");
}
.icon--back::after {
  --size: 1rem;
  background-image: url("/local/templates/headphones_main/assets/icons/back.svg");
}
.icon--prev::after {
  background-image: url("/local/templates/headphones_main/assets/icons/prev.svg");
}
.icon--next::after {
  background-image: url("/local/templates/headphones_main/assets/icons/next.svg");
}
.icon--metro::after {
  background-image: url("/local/templates/headphones_main/assets/icons/metro.svg");
}
.icon--cart-del::after {
  background-image: url("/local/templates/headphones_main/assets/icons/cart-del.svg");
}
.icon--dot::after {
  --size: 0.375rem;
  background-image: url("/local/templates/headphones_main/assets/icons/dot.svg");
}
.icon--plus::after {
  --size: 1rem;
  background-image: url("/local/templates/headphones_main/assets/icons/plus.svg");
}
.icon--plus-green::after {
  --size: 1.625rem;
  background-image: url("/local/templates/headphones_main/assets/icons/plus-green.svg");
}
.icon--minus::after {
  --size: 1rem;
  background-image: url("/local/templates/headphones_main/assets/icons/minus.svg");
}
.icon--download::after {
  --size: 1rem;
  background-image: url("/local/templates/headphones_main/assets/icons/download.svg");
}
.icon--print::after {
  --size: 1rem;
  background-image: url("/local/templates/headphones_main/assets/icons/print.svg");
}
.icon--share::after {
  --size: 1rem;
  background-image: url("/local/templates/headphones_main/assets/icons/share.svg");
}
.icon--discount::after {
  background-image: url("/local/templates/headphones_main/assets/icons/discount.svg");
}
.icon--photo::after {
  background-image: url("/local/templates/headphones_main/assets/icons/photo.svg");
}
.icon--pdf::after {
  --size: 4rem;
  background-image: url("/local/templates/headphones_main/assets/icons/pdf.svg");
}
.icon {
  /** MENU **/
}
.icon--headphones::after {
  background-image: url("/local/templates/headphones_main/assets/icons/menu/headphones.svg");
}
.icon--acustic::after {
  background-image: url("/local/templates/headphones_main/assets/icons/menu/acustic.svg");
}
.icon--micro::after {
  background-image: url("/local/templates/headphones_main/assets/icons/menu/micro.svg");
}
.icon--vinil::after {
  background-image: url("/local/templates/headphones_main/assets/icons/menu/vinil.svg");
}
.icon--accessories::after {
  background-image: url("/local/templates/headphones_main/assets/icons/menu/accessories.svg");
}
.icon--hifi::after {
  background-image: url("/local/templates/headphones_main/assets/icons/menu/hifi.svg");
}
.icon--car::after {
  background-image: url("/local/templates/headphones_main/assets/icons/menu/car.svg");
}
.icon--dk::after {
  background-image: url("/local/templates/headphones_main/assets/icons/menu/dk.svg");
}
.icon--proaudio::after {
  background-image: url("/local/templates/headphones_main/assets/icons/menu/proaudio.svg");
}
.icon {
  /**FORM**/
}
.icon--form-phone::after {
  background-image: url("/local/templates/headphones_main/assets/icons/form/phone.svg");
}
.icon--form-personal::after {
  background-image: url("/local/templates/headphones_main/assets/icons/form/personal.svg");
}
.icon--form-email::after {
  --size: 1rem;
  background-image: url("/local/templates/headphones_main/assets/icons/form/email.svg");
}
.icon--form-link::after {
  background-image: url("/local/templates/headphones_main/assets/icons/form/link.svg");
}
.icon {
  /** Catalog **/
}
.icon--sort-up::after {
  background-image: url("/local/templates/headphones_main/assets/icons/sortUp.svg");
}
.icon--sort-down::after {
  background-image: url("/local/templates/headphones_main/assets/icons/sortDown.svg");
}
.icon {
  /** Shop **/
}
.icon--shop-music::after {
  --size: 2.5rem;
  background-image: url("/local/templates/headphones_main/assets/icons/shop/music.svg");
}
.icon--shop-smile::after {
  --size: 2.5rem;
  background-image: url("/local/templates/headphones_main/assets/icons/shop/smile.svg");
}
.icon--shop-vinil::after {
  --size: 2.5rem;
  background-image: url("/local/templates/headphones_main/assets/icons/shop/vinil.svg");
}
.icon--shop-brilliant::after {
  --size: 2.5rem;
  background-image: url("/local/templates/headphones_main/assets/icons/shop/brilliant.svg");
}
.icon--shop-audition::after {
  --size: 1.5rem;
  background-image: url("/local/templates/headphones_main/assets/icons/shop/audition.svg");
}
.icon--shop-trade-in::after {
  --size: 1.5rem;
  background-image: url("/local/templates/headphones_main/assets/icons/shop/trade-in.svg");
}
.icon {
  /** PERSONAL **/
}
.icon--personal-profile::after {
  background-image: url("/local/templates/headphones_main/assets/icons/personal/profile.svg");
}
.icon--personal-orders::after {
  background-image: url("/local/templates/headphones_main/assets/icons/personal/orders.svg");
}
.icon--personal-addresses::after {
  background-image: url("/local/templates/headphones_main/assets/icons/personal/addresses.svg");
}
.icon--personal-cart::after {
  background-image: url("/local/templates/headphones_main/assets/icons/personal/cart.svg");
}
.icon--personal-subs::after {
  background-image: url("/local/templates/headphones_main/assets/icons/personal/subs.svg");
}
.icon--personal-logout::after {
  background-image: url("/local/templates/headphones_main/assets/icons/personal/logout.svg");
}
.icon--personal-delete::after {
  background-image: url("/local/templates/headphones_main/assets/icons/personal/delete.svg");
}
.icon--personal-edit::after {
  background-image: url("/local/templates/headphones_main/assets/icons/personal/edit.svg");
}
.icon {
  /** POPUP **/
}
.icon--popup-wa::after {
  --size: 2rem;
  background-image: url("/local/templates/headphones_main/assets/icons/popup/wa.svg");
}
.icon--popup-tg::after {
  --size: 2rem;
  background-image: url("/local/templates/headphones_main/assets/icons/popup/tg.svg");
}
.icon--popup-vk::after {
  --size: 2rem;
  background-image: url("/local/templates/headphones_main/assets/icons/popup/vk.svg");
}
.icon--popup-sofa::after {
  --size: 2rem;
  background-image: url("/local/templates/headphones_main/assets/icons/popup/sofa.svg");
}
.icon--popup-watch::after {
  --size: 2rem;
  background-image: url("/local/templates/headphones_main/assets/icons/popup/watch.svg");
}
.icon--popup-lamp::after {
  --size: 2rem;
  background-image: url("/local/templates/headphones_main/assets/icons/popup/lamp.svg");
}
.icon {
  /** CONTACT **/
}
.icon--contact-phone::after {
  --size: 3.375rem;
  background-image: url("/local/templates/headphones_main/assets/icons/contact/phone.svg");
}
.icon--contact-email::after {
  --size: 3.375rem;
  background-image: url("/local/templates/headphones_main/assets/icons/contact/email.svg");
}
.icon--contact-clock::after {
  --size: 3.375rem;
  background-image: url("/local/templates/headphones_main/assets/icons/contact/clock.svg");
}
.icon--contact-map::after {
  --size: 3.375rem;
  background-image: url("/local/templates/headphones_main/assets/icons/contact/map.svg");
}
.icon {
  /** ORDER **/
}
.icon--order-info::after {
  --size: 3rem;
  background-image: url("/local/templates/headphones_main/assets/icons/order/info.svg");
}
.icon--order-cart::after {
  --size: 1.5rem;
  background-image: url("/local/templates/headphones_main/assets/icons/order/cart.svg");
}

.button {
  display: inline-flex;
  justify-content: center;
  padding: 1rem 2rem;
  color: var(--color-accent);
  border-radius: var(--border-radius);
  border: 0.125rem solid var(--color-accent);
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.5;
  white-space: nowrap;
}
@media (any-hover: hover) {
  .button:hover {
    background-color: #E7F4F0;
  }
}
@media (any-hover: none) {
  .button:active {
    background-color: #E7F4F0;
  }
}
@media (any-hover: hover) {
  .button:disabled:hover {
    background-color: inherit;
    color: var(--color-accent);
  }
}
@media (any-hover: none) {
  .button:disabled:active {
    background-color: inherit;
    color: var(--color-accent);
  }
}
.button--accent {
  background-color: var(--color-accent);
  color: var(--color-light);
}
@media (any-hover: hover) {
  .button--accent:hover {
    background-color: var(--color-accent);
    color: var(--color-light);
    box-shadow: 0 0.625rem 1.25rem 0 rgba(19, 58, 47, 0.7);
  }
}
@media (any-hover: none) {
  .button--accent:active {
    background-color: var(--color-accent);
    color: var(--color-light);
    box-shadow: 0 0.625rem 1.25rem 0 rgba(19, 58, 47, 0.7);
  }
}
.button--flat {
  border-radius: unset;
  border: none;
  background-color: transparent;
  padding: 0;
}
@media (any-hover: hover) {
  .button--flat:hover {
    background-color: transparent;
    text-decoration: none;
  }
}
@media (any-hover: none) {
  .button--flat:active {
    background-color: transparent;
    text-decoration: none;
  }
}
.button--cancel {
  padding: 0.125rem;
}
@media (any-hover: hover) {
  .button--cancel:hover {
    background-color: var(--color-accent-hover);
    text-decoration: none;
  }
}
@media (any-hover: none) {
  .button--cancel:active {
    background-color: var(--color-accent-hover);
    text-decoration: none;
  }
}
.button--with-icon {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.button--sm {
  display: flex;
  align-items: center;
  gap: 0.3125rem;
  padding: 0.75rem;
  border-radius: 0.3125rem;
}
.button--tg {
  background-color: var(--color-tg-blue);
  border: unset;
  padding-inline: 1.3125rem;
}
.button--wa {
  background-color: var(--color-accent-hover);
  border: unset;
  padding-inline: 1.3125rem;
}
.button--add-address {
  font-size: 0.875rem;
  text-decoration: unset;
  cursor: pointer;
}
@media (any-hover: hover) {
  .button--add-address:hover {
    text-decoration: none;
  }
}
@media (any-hover: none) {
  .button--add-address:active {
    text-decoration: none;
  }
}
.button {
  /*&--search,
  &--cancel {
    padding: rem(12);
    background-color: var(--color-accent);
    border: unset;
    border-radius: 0 rem(8) rem(8) 0;

    @include tablet {
      border-radius: unset;
    }
  }*/
  /*&--only-text {
    border-radius: unset;
    border: none;
    background-color: transparent;
    padding: 0;
    color: var(--color-accent);
    text-decoration: underline;
    @include hover {
      background-color: transparent;
      color: var(--color-accent);
      text-decoration: none;
    }
  }*/
  /*&--gray {
    padding: 0;
    background-color: transparent;
    color: var(--color-gray);
    border-radius: rem(5);
    border: 1px solid var(--color-gray);
    font-size: rem(14);
    line-height: 1.7;
    height: rem(40);

    &.button--favorite {
      & span::after {
        background-image: url(absolutePath('assets/icons/heart-empty-gray.svg'));
      }
      @include hover {
        & span::after {
          background-image: url(absolutePath('assets/icons/heart-empty-white.svg'));
        }
      }
    }

    &.button--favorite.is-active {
      background-color: var(--color-accent);
      color: var(--color-light);
      & span::after {
        background-image: url(absolutePath('assets/icons/heart-empty-white.svg'));
      }
    }
  }*/
  /*

  &--cart {
    & span {
      padding-left: rem(8);
    }
    @include hover {
      & span::after {
        background-image: url(absolutePath('assets/icons/cart-hover.svg'));
      }
    }
  }

  */
}

.header {
  /*position: sticky;*/
  top: 0;
  z-index: 100;
  animation-name: scrolling-header;
  animation-fill-mode: both;
  animation-timeline: scroll();
  animamation-range: 6.25rem 12.5rem;
  margin-bottom: 1.25rem;
}
@keyframes scrolling-header {
  to {
    box-shadow: 0 0 1rem 0 var(--color-gray);
  }
}
@media (width <= 65.06125rem) {
  .header {
    position: relative;
  }
}
.header__top, .header__middle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.25rem;
}
.header__top {
  border-radius: 0 0 var(--border-radius) var(--border-radius);
  background-color: var(--color-light);
  padding: 0.9375rem;
  color: var(--color-dark-1);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.2;
  height: 2.5rem;
}
@media (width <= 65.06125rem) {
  .header__top {
    display: none;
  }
}
.header__top-right, .header__top-links, .header__top-contacts {
  display: flex;
  align-items: center;
}
.header__top-right {
  width: 47%;
  justify-content: flex-end;
  gap: 2.5rem;
}
.header__top-links {
  gap: 2.1875rem;
}
.header__top-contacts {
  gap: 1rem;
}
.header__top-contacts-link--phone {
  padding-right: 0.8125rem;
  border-right: 1px solid rgba(59, 59, 59, 0.2196078431);
}
.header__top-contacts-link .icon::after {
  --size: 1.125rem;
}
.header__middle {
  height: 4.125rem;
}
.header__middle .mobile-main-menu__overlay {
  display: none;
}
@media (width <= 65.06125rem) {
  .header__middle {
    margin-bottom: 0;
  }
  .is-lock .header__middle .logo {
    display: none;
  }
  .header__middle .logo img {
    height: 2.5rem;
  }
  .header__middle .search_mobile-btn {
    z-index: 9;
    flex: 1;
    display: flex;
    justify-content: end;
    margin-right: 1.5rem;
  }
  .is-lock .header__middle .search_mobile-btn {
    flex-grow: unset;
  }
  .is-lock .header__middle .search_mobile-btn .icon {
    filter: brightness(0) saturate(100%) invert(83%) sepia(23%) saturate(11%) hue-rotate(110deg) brightness(102%) contrast(99%);
  }
  .header__middle .user-buttons {
    margin-right: 0;
    justify-content: end;
  }
  .header__middle .user-buttons__item {
    z-index: 9;
  }
  .is-lock .header__middle .user-buttons__item {
    display: inline-flex !important;
  }
  .is-lock .header__middle .user-buttons__item p {
    display: none;
  }
  .is-lock .header__middle .user-buttons__item .icon {
    filter: brightness(0) saturate(100%) invert(83%) sepia(23%) saturate(11%) hue-rotate(110deg) brightness(102%) contrast(99%);
  }
  .header__middle-menu-burger {
    width: 2.5rem;
    height: 2.5rem;
    background-color: var(--color-dark-1);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--border-radius);
  }
  .header__middle-menu-burger .icon--close-gray {
    display: none;
  }
  .header__middle-menu-burger.is-active {
    z-index: 9;
    background-color: #585858;
  }
  .header__middle-menu-burger.is-active .icon--burger {
    display: none;
  }
  .header__middle-menu-burger.is-active .icon--close-gray {
    display: inline-flex;
  }
  .header__middle .mobile-main-menu__overlay {
    z-index: 8;
    position: absolute;
    width: 100%;
    flex-direction: column;
    max-height: 100vh;
    background-color: var(--color-dark-1);
    right: 0;
    top: 0;
    padding-inline: 1.25rem;
  }
  .header__middle .mobile-main-menu__overlay.is-active {
    display: flex;
  }
  .header__middle .mobile-main-menu__items {
    display: flex;
    flex-direction: column;
    margin-top: 4.375rem;
    width: 100%;
  }
  .header__middle .mobile-main-menu__items li {
    width: 100%;
    border-top: 1px solid rgba(226, 226, 226, 0.2);
    padding-block: 1rem;
    color: #E2E2E2;
    font-size: 0.875rem;
    font-weight: 500;
  }
  .header__middle .mobile-main-menu__bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.25rem;
    padding-block: 1.5rem;
    border-top: 1px solid rgba(226, 226, 226, 0.2);
  }
  .header__middle .mobile-main-menu__bottom .button--accent {
    flex: 1;
    color: #E2E2E2;
  }
}
.header__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
  position: relative;
}
@media (width <= 65.06125rem) {
  .header__bottom {
    display: none;
  }
}
.header__bottom-menu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 3.75rem;
  background-color: var(--color-dark-1);
  border-radius: var(--border-radius);
  font-size: 0.75rem;
  line-height: 1.2;
  color: var(--color-light-1);
  width: 100%;
}
.header__bottom-menu-burger {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
@media (any-hover: hover) {
  .header__bottom-menu-burger:hover {
    color: var(--color-accent-light);
  }
  .header__bottom-menu-burger:hover .icon {
    filter: brightness(0) saturate(100%) invert(88%) sepia(96%) saturate(6897%) hue-rotate(82deg) brightness(95%) contrast(70%);
  }
}
@media (any-hover: none) {
  .header__bottom-menu-burger:active {
    color: var(--color-accent-light);
  }
  .header__bottom-menu-burger:active .icon {
    filter: brightness(0) saturate(100%) invert(88%) sepia(96%) saturate(6897%) hue-rotate(82deg) brightness(95%) contrast(70%);
  }
}
.header__bottom-menu-burger.is-active {
  color: var(--color-accent-light);
}
.header__bottom-menu-burger.is-active .icon {
  filter: brightness(0) saturate(100%) invert(88%) sepia(96%) saturate(6897%) hue-rotate(82deg) brightness(95%) contrast(70%);
}
.header__bottom-menu-item {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  height: 2.25rem;
  padding-inline: 1.25rem;
  cursor: pointer;
  color: var(--color-light-1);
  text-decoration: none;
}
.header__bottom-menu-item:not(:last-child) {
  border-right: 0.0625rem solid var(--color-light-1-tr);
}
@media (width <= 81.31125rem) {
  .header__bottom-menu-item {
    min-width: 4.0625rem;
    padding-inline: 0.5rem;
  }
}
@media (any-hover: hover) {
  .header__bottom-menu-item:hover {
    text-decoration: none;
    color: var(--color-accent-light);
  }
  .header__bottom-menu-item:hover .icon {
    filter: brightness(0) saturate(100%) invert(88%) sepia(96%) saturate(6897%) hue-rotate(82deg) brightness(95%) contrast(70%);
  }
}
@media (any-hover: none) {
  .header__bottom-menu-item:active {
    text-decoration: none;
    color: var(--color-accent-light);
  }
  .header__bottom-menu-item:active .icon {
    filter: brightness(0) saturate(100%) invert(88%) sepia(96%) saturate(6897%) hue-rotate(82deg) brightness(95%) contrast(70%);
  }
}
@media (any-hover: hover) {
  .header__bottom-menu-item a:hover {
    text-decoration: none;
    color: var(--color-accent-light);
  }
  .header__bottom-menu-item a:hover .icon {
    filter: brightness(0) saturate(100%) invert(88%) sepia(96%) saturate(6897%) hue-rotate(82deg) brightness(95%) contrast(70%);
  }
}
@media (any-hover: none) {
  .header__bottom-menu-item a:active {
    text-decoration: none;
    color: var(--color-accent-light);
  }
  .header__bottom-menu-item a:active .icon {
    filter: brightness(0) saturate(100%) invert(88%) sepia(96%) saturate(6897%) hue-rotate(82deg) brightness(95%) contrast(70%);
  }
}

.city-chooser {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.search-line {
  position: relative;
}
@media (width <= 65.06125rem) {
  .search-line {
    width: 100%;
  }
}
.search-line-input {
  width: 33.125rem;
  height: 2.5rem;
  background-color: transparent;
  border: 0.125rem solid var(--color-accent);
  border-radius: 0.3125rem;
  padding: 0.9375rem 2.8125rem 0.9375rem 0.9375rem;
}
.search-line-input::placeholder {
  color: #9E9E9E;
  font-size: 0.875rem;
  line-height: 1.2;
}
@media (any-hover: hover) {
  .search-line-input:hover {
    background-color: var(--color-accent-hover);
  }
}
@media (any-hover: none) {
  .search-line-input:active {
    background-color: var(--color-accent-hover);
  }
}
.search-line-icon {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.5rem;
  height: 2.5rem;
  background-color: var(--color-accent);
  border-radius: 0 0.3125rem 0.3125rem 0;
  cursor: pointer;
}

.search_tablet_overflow.hidden-tablet.is-active {
  display: flex !important;
  position: absolute;
  background-color: #fff;
  width: 100%;
  z-index: 99;
  left: 0;
  top: 0;
}
.search_tablet_overflow.hidden-tablet.is-active #title-search {
  width: 100%;
}
.search_tablet_overflow.hidden-tablet.is-active .search-line-input {
  border-radius: 0;
  padding: 1.25rem;
  width: 100%;
  font-size: 1.5rem;
  height: 4.5rem;
}
.search_tablet_overflow.hidden-tablet.is-active .search-line-icon {
  background-color: transparent;
  top: 1rem;
  right: 0.5rem;
}
.search_tablet_overflow.hidden-tablet.is-active .icon--search::after {
  --size: 2rem;
  background-image: url("/local/templates/headphones_main/assets/icons/search-gray.svg");
}
.search_tablet_overflow.hidden-tablet.is-active .icon--close {
  position: absolute;
  right: 1.25rem;
  top: 1.5rem;
}

.cart-line {
  position: relative;
}
.cart-line__wrapper {
  display: none;
  flex-direction: column;
  position: absolute;
  z-index: 9;
  top: 3.75rem;
  right: -0.3125rem;
  background-color: var(--color-bg-2);
  border-radius: var(--border-radius);
  box-shadow: 0 43px 31.4px 0 rgba(0, 0, 0, 0.4);
  padding: 2.5rem;
}
.cart-line__wrapper.is-active {
  display: flex;
}
.cart-line__list {
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  max-height: 24.375rem;
  overflow-y: auto;
  overflow-x: hidden;
}
.cart-line__list-item {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  padding-bottom: 1.875rem;
  border-bottom: 1px solid #8A8A8A;
}
.cart-line__list-info {
  display: flex;
  align-items: start;
  gap: 1rem;
}
@media (any-hover: hover) {
  .cart-line__list-info:hover {
    text-decoration: none;
  }
  .cart-line__list-info:hover img {
    border-color: var(--color-accent);
  }
}
@media (any-hover: none) {
  .cart-line__list-info:active {
    text-decoration: none;
  }
  .cart-line__list-info:active img {
    border-color: var(--color-accent);
  }
}
.cart-line__list-info img {
  width: 4.375rem;
  height: 4.375rem;
  border-radius: 0.3125rem;
  border: 1px solid transparent;
}
.cart-line__list-name {
  font-size: 1rem;
  width: 16.875rem;
}
.cart-line__list-quantity {
  display: flex;
  align-items: center;
  width: 6.5rem;
  height: 2.25rem;
}
.cart-line__list-quantity-btn-plus, .cart-line__list-quantity-btn-minus {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(27, 77, 63, 0.4);
  padding-inline: 0.75rem;
  padding-block: 0.5rem;
  color: #3B3B3B;
  font-size: 1.125rem;
  font-weight: 500;
}
@media (any-hover: hover) {
  .cart-line__list-quantity-btn-plus:hover, .cart-line__list-quantity-btn-minus:hover {
    background-color: var(--color-accent);
    color: var(--color-light);
  }
}
@media (any-hover: none) {
  .cart-line__list-quantity-btn-plus:active, .cart-line__list-quantity-btn-minus:active {
    background-color: var(--color-accent);
    color: var(--color-light);
  }
}
.cart-line__list-quantity-btn-plus {
  border-radius: 0.3125rem 0 0 0.3125rem;
}
.cart-line__list-quantity-btn-minus {
  border-radius: 0 0.3125rem 0.3125rem 0;
}
.cart-line__list-quantity-field {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 2.75rem;
  color: #3B3B3B;
  font-size: 1.25rem;
  border-inline: unset;
  border-block: 1px solid rgba(27, 77, 63, 0.4);
}
.cart-line__list-price {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-width: 9.375rem;
  width: 9.375rem;
}
.cart-line__list-price-discount {
  padding: 0.125rem 0.25rem;
  border-radius: 0.1875rem;
  background-color: #4956E7;
  font-size: 0.75rem;
  line-height: normal;
  color: var(--color-light);
  position: relative;
  height: 1.1875rem;
}
.cart-line__list-price-old {
  font-size: 0.875rem;
  color: #8A8A8A;
  text-decoration: line-through;
  font-weight: 500;
  padding-bottom: 0.3125rem;
}
.cart-line__list-price-old-block {
  display: flex;
  gap: 1.125rem;
}
.cart-line__list-price-cur {
  color: #555;
  font-size: 1.25rem;
  padding-bottom: 0.75rem;
  font-weight: 700;
}
.cart-line__bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1.875rem;
}
.cart-line__bottom-text {
  display: flex;
  flex-direction: column;
  color: #545454;
  font-size: 1rem;
  font-weight: 700;
}
.cart-line__bottom-text-sum {
  color: #3B3B3B;
  font-size: 1.25rem;
}
.cart-line__bottom-btn .button {
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 500;
  padding-inline: 1.875rem;
  border-radius: 0.3125rem;
  line-height: 1;
}
@media (any-hover: hover) {
  .cart-line__bottom-btn .button:hover {
    text-decoration: none;
  }
}
@media (any-hover: none) {
  .cart-line__bottom-btn .button:active {
    text-decoration: none;
  }
}
.cart-line__empty {
  width: 18.75rem;
  font-size: 1.25rem;
}

.user-buttons {
  display: flex;
  align-items: center;
  gap: 2.5rem;
  margin-right: 0.3125rem;
}
.user-buttons__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--color-gray-2);
  font-size: 0.6875rem;
  gap: 0.125rem;
  cursor: pointer;
  position: relative;
}
@media (any-hover: hover) {
  .user-buttons__item:hover .icon {
    filter: brightness(0) saturate(100%) invert(19%) sepia(96%) saturate(312%) hue-rotate(112deg) brightness(95%) contrast(88%);
  }
  .user-buttons__item:hover p {
    color: var(--color-accent);
  }
}
@media (any-hover: none) {
  .user-buttons__item:active .icon {
    filter: brightness(0) saturate(100%) invert(19%) sepia(96%) saturate(312%) hue-rotate(112deg) brightness(95%) contrast(88%);
  }
  .user-buttons__item:active p {
    color: var(--color-accent);
  }
}
.user-buttons__item-icon {
  position: relative;
  display: flex;
}
.user-buttons__item-balloon {
  position: absolute;
  top: -2px;
  right: -1.125rem;
  width: 1.125rem;
  height: 1.125rem;
  background-color: var(--color-accent);
  border-radius: var(--border-radius);
  color: var(--color-light);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.3125rem;
}

.main-menu {
  width: 3.75rem;
}
.main-menu__overlay {
  display: none;
  grid-template-columns: 13.0625rem 1fr;
  position: absolute;
  z-index: 9;
  width: 100%;
  top: 3.75rem;
  left: 0;
  background-color: var(--color-bg-2);
  border-radius: var(--border-radius);
  box-shadow: 0 43px 31.4px 0 rgba(0, 0, 0, 0.4);
}
.main-menu__overlay--full-grid {
  grid-template-columns: repeat(5, 1fr);
  padding: 2.5rem;
  gap: 1.25rem;
}
.main-menu__overlay-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: var(--border-radius);
  background-color: var(--color-light);
}
@media (any-hover: hover) {
  .main-menu__overlay-item:hover span {
    color: var(--color-accent);
  }
  .main-menu__overlay-item:hover {
    text-decoration: none;
  }
}
@media (any-hover: none) {
  .main-menu__overlay-item:active span {
    color: var(--color-accent);
  }
  .main-menu__overlay-item:active {
    text-decoration: none;
  }
}
.main-menu__overlay-item picture {
  padding: 1.25rem 2.5rem;
}
.main-menu__overlay-item span {
  color: var(--color-dark);
  text-align: center;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.14;
  padding-bottom: 1.25rem;
}
.main-menu__overlay ul {
  list-style-type: none;
}
.main-menu__overlay-left {
  padding-block: 1.25rem;
  background-color: var(--color-bg-3);
  border-radius: var(--border-radius) 0 0 var(--border-radius);
}
.main-menu__overlay-left li {
  padding-inline: 2.5rem;
  padding-block: 1.25rem;
  color: var(--color-dark-1);
  font-size: 1.25rem;
  font-weight: 700;
  line-height: normal;
  cursor: pointer;
}
.main-menu__overlay-left li.is-active {
  background-color: var(--color-bg-2);
  color: var(--color-accent);
}
@media (any-hover: hover) {
  .main-menu__overlay-left li:hover {
    color: var(--color-accent);
  }
}
@media (any-hover: none) {
  .main-menu__overlay-left li:active {
    color: var(--color-accent);
  }
}
.main-menu__overlay-columns {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.main-menu__overlay-column {
  height: max-content;
  padding-block: 2.5rem;
  padding-left: 2.75rem;
  padding-right: 0.75rem;
}
.main-menu__overlay-column a {
  text-decoration: none;
}
.main-menu__overlay-column h2 {
  width: fit-content;
  color: var(--color-dark-1);
  font-size: 1.125rem;
  font-weight: 600;
  line-height: normal;
  padding-bottom: 0.3125rem;
  border-bottom: 1px solid var(--color-dark-1-op);
}
.main-menu__overlay-column ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 2.5rem;
}
.main-menu__overlay-column li {
  color: var(--color-dark-1);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  cursor: pointer;
}
.main-menu__overlay.is-active {
  display: grid;
}

.breadcrumb__list {
  display: inline-flex;
  gap: 0.625rem;
  align-items: center;
}
@media (width <= 65.06125rem) {
  .breadcrumb__list {
    flex-wrap: wrap;
  }
}
.breadcrumb__item-text, .breadcrumb__item-separator {
  font-size: clamp(0.875rem, 0.8271276596rem + 0.2127659574vw, 1rem);
  font-weight: 400;
  color: var(--color-dark);
}
.breadcrumb__item-link {
  display: flex;
  align-items: center;
}

.title__inner {
  display: flex;
  align-items: start;
  justify-content: start;
}
.title__count {
  font-size: 1.25rem;
  font-weight: 700;
  padding-top: 1.875rem;
}

.popup-window {
  background-color: var(--color-bg-2);
  box-shadow: 0 43px 31.4px 0 rgba(0, 0, 0, 0.4);
  border-radius: var(--border-radius);
  position: relative;
  padding: 0;
}
@media (width <= 65.06125rem) {
  .popup-window {
    left: 0 !important;
  }
}
.popup-window__button-close {
  position: absolute !important;
  top: 0.5rem;
  right: 0.5rem;
}
.popup-window--in-cart, .popup-window[id^=popup-in-cart] {
  max-width: calc(100vw - 2rem);
  max-height: calc(100vh - 2rem);
  overflow-y: auto;
  overscroll-behavior: contain;
}
.popup-window--in-cart .popup-window-content, .popup-window[id^=popup-in-cart] .popup-window-content {
  max-height: calc(100vh - 2rem);
  overflow-y: auto;
}
@media (width <= 65.06125rem) {
  .popup-window--in-cart, .popup-window[id^=popup-in-cart] {
    left: 50% !important;
    transform: translateX(-50%);
  }
}
@media (width <= 47.99875rem) {
  .popup-window--in-cart:has(.popup__in-cart--with-related), .popup-window[id^=popup-in-cart]:has(.popup__in-cart--with-related) {
    max-width: 100vw;
    max-height: 100vh;
    border-radius: 0;
    box-shadow: none;
  }
  .popup-window--in-cart:has(.popup__in-cart--with-related) .popup-window__button-close, .popup-window[id^=popup-in-cart]:has(.popup__in-cart--with-related) .popup-window__button-close {
    top: 0.625rem;
    right: 1.25rem;
  }
  .popup-window--in-cart:has(.popup__in-cart--with-related) .popup-window-content, .popup-window[id^=popup-in-cart]:has(.popup__in-cart--with-related) .popup-window-content {
    max-height: 100vh;
  }
}
.popup-window input {
  height: 3rem;
  display: flex;
  align-items: center;
  padding-inline: 1.5625rem;
  color: #8A8A8A;
  font-size: 0.875rem;
  border-radius: 0.3125rem;
  border: 1px solid #BAC2CA;
}
.popup__default {
  padding: 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
}
.popup__default-text {
  font-size: 1.5rem;
}
.popup__in-cart {
  padding: 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.popup__in-cart h2 {
  font-size: 2rem;
  font-weight: 700;
  line-height: normal;
}
@media (width <= 47.99875rem) {
  .popup__in-cart h2 {
    font-size: 1.4375rem;
    text-align: center;
  }
}
.popup__in-cart--with-related {
  width: min(58.75rem, 100vw - 2rem);
  height: 45rem;
  justify-content: flex-start;
}
.popup__in-cart-button-line {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  margin-top: 1.5rem;
}
.popup__in-cart-button-line .button {
  height: 3.5rem;
  align-items: center;
  box-sizing: border-box;
  padding-block: 0;
}
.popup__in-cart-button-line .popup__in-cart-cart-link {
  width: 15.75rem;
  text-decoration: none;
}
.popup__in-cart-button-line .popup__in-cart-cart-link:hover, .popup__in-cart-button-line .popup__in-cart-cart-link:focus, .popup__in-cart-button-line .popup__in-cart-cart-link:active {
  text-decoration: none;
}
.popup__in-cart-button-line .popup__in-cart-one-click {
  width: 15.5rem;
}
@media (width <= 47.99875rem) {
  .popup__in-cart-button-line {
    width: 100%;
    flex-direction: column;
    gap: 0.75rem;
  }
  .popup__in-cart-button-line .button {
    width: 100%;
  }
}
.popup__in-cart-related {
  width: 100%;
  margin-top: 2.875rem;
}
.popup__in-cart-related-title {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.popup__in-cart-related-title h3 {
  margin: 0;
  color: var(--color-dark-1);
  font-size: 1.5rem;
  font-weight: 700;
  line-height: normal;
}
.popup__in-cart-related-title sup {
  color: var(--color-dark-1);
  font-size: 0.75rem;
  font-weight: 500;
  line-height: 1;
}
.popup__in-cart-tags {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  margin-top: 1.25rem;
  overflow-x: auto;
  scrollbar-width: thin;
}
.popup__in-cart-tag {
  flex-shrink: 0;
  color: var(--color-gray-3);
  border-bottom: 0.0625rem solid var(--color-gray-4);
  font-size: 1rem;
  font-weight: 500;
  line-height: normal;
  text-decoration: none;
}
.popup__in-cart-tag sup {
  margin-left: 0.0625rem;
  font-size: 0.625rem;
  line-height: 1;
  vertical-align: super;
}
.popup__in-cart-tag--all {
  cursor: default;
}
.popup__in-cart-products {
  margin-top: 1.9375rem;
}
.popup__in-cart-products .catalog__inner-list {
  display: grid;
  grid-template-columns: repeat(4, 12.5rem);
  justify-content: center;
  gap: 1.25rem;
  margin: 0;
}
.popup__in-cart-products .popup__in-cart-product.good-item {
  width: 12.5rem;
  height: 23.5rem;
  grid-template-rows: 10rem 3.75rem minmax(0, 1fr);
  gap: 1rem;
  box-sizing: border-box;
  padding: 1.25rem;
  cursor: pointer;
}
.popup__in-cart-products .popup__in-cart-product.good-item .good-item__image {
  height: 10rem;
}
.popup__in-cart-products .popup__in-cart-product.good-item .good-item__image picture, .popup__in-cart-products .popup__in-cart-product.good-item .good-item__image img {
  max-width: 100%;
  max-height: 100%;
}
.popup__in-cart-products .popup__in-cart-product.good-item .good-item__title {
  min-height: 0;
  overflow: hidden;
  display: -webkit-box;
  color: var(--color-dark-1);
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.25rem;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.popup__in-cart-products .popup__in-cart-product.good-item .good-item__price {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-width: 0;
}
.popup__in-cart-products .popup__in-cart-product.good-item .good-item__price-old {
  font-size: 0.875rem;
}
.popup__in-cart-products .popup__in-cart-product.good-item .good-item__price-current {
  gap: 0.5rem;
  font-size: 1.25rem;
}
.popup__in-cart-products .popup__in-cart-product.good-item .good-item__price-button {
  width: 100%;
  height: 2.5rem;
  margin-top: 0.9375rem;
  box-sizing: border-box;
  padding-block: 0.375rem;
}
@media (width <= 60.6875rem) {
  .popup__in-cart--with-related {
    height: auto;
  }
  .popup__in-cart-tags {
    justify-content: flex-start;
  }
  .popup__in-cart-products .catalog__inner-list {
    grid-template-columns: repeat(2, 12.5rem);
  }
}
@media (width <= 47.99875rem) {
  .popup__in-cart {
    padding: 4.25rem 1.25rem 2rem;
    align-items: flex-start;
  }
  .popup__in-cart h2 {
    max-width: 18.75rem;
    font-size: 1.75rem;
    line-height: 1;
    text-align: left;
  }
  .popup__in-cart--with-related {
    width: 100vw;
    min-height: 100vh;
  }
  .popup__in-cart-button-line {
    gap: 1.25rem;
    margin-top: 2.5rem;
  }
  .popup__in-cart-related {
    margin-top: 2rem;
  }
  .popup__in-cart-related-title {
    justify-content: flex-start;
  }
  .popup__in-cart-related-title h3 {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }
  .popup__in-cart-tags {
    flex-wrap: wrap;
    gap: 1.25rem 1.5rem;
    overflow: visible;
  }
  .popup__in-cart-tag {
    border-bottom: 0;
  }
  .popup__in-cart-tag--all {
    display: none;
  }
  .popup__in-cart-products {
    width: calc(100% + 1.25rem);
    margin-top: 2rem;
    overflow: hidden;
  }
  .popup__in-cart-products .catalog__inner-list {
    display: flex;
    justify-content: flex-start;
    gap: 1.25rem;
    overflow-x: auto;
    padding-right: 1.25rem;
    scroll-snap-type: x proximity;
    scrollbar-width: none;
  }
  .popup__in-cart-products .catalog__inner-list::-webkit-scrollbar {
    display: none;
  }
  .popup__in-cart-products .popup__in-cart-product.good-item {
    flex: 0 0 12.5rem;
    height: 27.0625rem;
    grid-template-rows: 13.125rem 3.75rem minmax(0, 1fr);
    scroll-snap-align: start;
  }
  .popup__in-cart-products .popup__in-cart-product.good-item .good-item__image {
    height: 13.125rem;
  }
}
.popup__find-cheaper {
  padding: 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.popup__find-cheaper-input-with-icon {
  position: relative;
  display: flex;
  align-items: center;
}
.popup__find-cheaper-input-with-icon .icon {
  position: absolute;
  left: 0.625rem;
}
.popup__find-cheaper-input-with-icon .icon.icon--form-phone::after {
  --size: 1.125rem;
}
.popup__find-cheaper-input-with-icon input {
  width: 100%;
  padding-left: 2.5rem;
}
.popup__find-cheaper-inner {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.popup__find-cheaper-form-group {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
.popup__find-cheaper-form-group .form-check-input {
  height: 24px;
  width: 24px;
}
.popup__find-cheaper-form-group label {
  font-size: 0.875rem;
}
.popup__find-cheaper h2 {
  font-size: 2rem;
  font-weight: 700;
}
.popup__one-click {
  padding: 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.popup__one-click-inner {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}
@media (width <= 65.06125rem) {
  .popup__one-click-inner {
    grid-template-columns: 1fr;
  }
}
.popup__one-click-input-with-icon {
  position: relative;
  display: flex;
  align-items: center;
}
.popup__one-click-input-with-icon .icon {
  position: absolute;
  left: 0.625rem;
}
.popup__one-click-input-with-icon .icon.icon--form-phone::after {
  --size: 1.125rem;
}
.popup__one-click-input-with-icon input {
  width: 100%;
  padding-left: 2.5rem;
}
.popup__one-click-left, .popup__one-click-right {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media (width <= 65.06125rem) {
  .popup__one-click-right {
    display: none;
  }
}
.popup__one-click-good, .popup__one-click-form, .popup__one-click-how-work, .popup__one-click-benefit {
  display: flex;
  background-color: var(--color-light);
  border-radius: var(--border-radius);
  padding: 1.25rem;
}
.popup__one-click-good {
  align-items: center;
  gap: 1.25rem;
}
.popup__one-click-form {
  flex-direction: column;
  gap: 1.25rem;
}
.popup__one-click-how-work {
  flex-direction: column;
  gap: 1.25rem;
}
.popup__one-click-how-work h3 {
  margin: 0;
  font-size: 1.5rem;
}
.popup__one-click-how-work-item {
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 1.25rem;
  background-color: #F9F9F9;
  border-radius: 0.3125rem;
  padding: 1.25rem;
}
.popup__one-click-how-work-item--digit {
  color: var(--color-accent);
  font-size: 2rem;
  font-weight: 600;
}
.popup__one-click-how-work-item--group {
  max-width: 20rem;
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.popup__one-click-how-work-item--title {
  font-size: 0.875rem;
  font-weight: 600;
}
.popup__one-click-how-work-item--text {
  font-size: 0.75rem;
  color: var(--color-gray-3);
}
.popup__one-click-benefit {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 0;
}
.popup__one-click-benefit-item {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  padding: 1.25rem;
  border-bottom: 1px solid #DCDCDC;
}
.popup__one-click-benefit-item--title {
  font-size: 0.875rem;
  font-weight: 600;
  padding-bottom: 0.3125rem;
}
.popup__one-click-benefit-item--text {
  font-size: 0.75rem;
  color: var(--color-gray-3);
}
.popup__one-click-form-group {
  display: flex;
  align-items: center;
  gap: 1.25rem;
}
.popup__one-click-form-group .form-check-input {
  height: 24px;
  width: 24px;
}
.popup__one-click-form-group label {
  font-size: 0.875rem;
}
.popup__one-click h2 {
  font-size: 2rem;
  font-weight: 700;
}
.popup__share {
  padding: 2.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  min-width: 28rem;
}
.popup__share h2 {
  font-size: 2rem;
  font-weight: 700;
}
.popup__share-line {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
}

/* Authentication popup */
.popup-window--auth {
  width: 33.625rem !important;
  max-width: calc(100vw - 2rem);
  max-height: calc(100vh - 2rem);
  overflow: auto;
  overscroll-behavior: contain;
  background: #edf0f5;
  color: #3f4144;
  font-family: "Gotham Pro", sans-serif;
}
.popup-window--auth .popup-window-content {
  width: 100%;
  background: transparent;
}
.popup-window--auth .popup-window-close-icon {
  top: 0.5rem !important;
  right: 0.5rem !important;
  width: 2rem;
  height: 2rem;
  border: 0.125rem solid #1b4d3f;
  border-radius: 0.5rem;
  opacity: 1;
}
.popup-window--auth .popup-window-close-icon::after {
  width: 1rem;
  height: 1rem;
  background-color: #1b4d3f;
}
.popup-window--auth .popup-window-close-icon:focus-visible {
  outline: 0.1875rem solid rgba(27, 77, 63, 0.35);
  outline-offset: 0.125rem;
}
.popup-window--auth.is-loading {
  min-height: 12.5rem;
}

.auth-popup {
  box-sizing: border-box;
  width: 100%;
  padding: 2.1875rem 2.5rem 2.25rem;
  background: #edf0f5;
  font-family: "Gotham Pro", sans-serif;
}
.auth-popup input,
.auth-popup button {
  font-family: inherit;
}
.auth-popup--login {
  min-height: 27.9375rem;
}
.auth-popup__title {
  margin: 0 0 1.125rem;
  color: #3f4144;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}
.auth-popup__intro {
  max-width: 25.625rem;
  margin: -0.125rem 0 1.5rem;
  color: #55585c;
  font-size: 0.9375rem;
  line-height: 1.45;
}
.auth-popup__form {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.auth-popup__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.25rem;
}
.auth-popup__field {
  position: relative;
  min-width: 0;
}
.auth-popup__label {
  position: absolute;
  width: 0.0625rem;
  height: 0.0625rem;
  padding: 0;
  margin: -0.0625rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.auth-popup .auth-popup__input {
  width: 100%;
  height: 3.5rem;
  box-sizing: border-box;
  padding: 0 3rem;
  color: #3f4144;
  font-family: inherit;
  font-size: 1rem;
  background-color: rgba(255, 255, 255, 0.36);
  background-repeat: no-repeat;
  background-position: 1.0625rem 50%;
  background-size: 1.25rem 1.25rem;
  border: 0.0625rem solid #bac2ca;
  border-radius: 0.3125rem;
  transition: border-color 0.16s ease, box-shadow 0.16s ease;
}
.auth-popup .auth-popup__input::placeholder {
  color: #a6a8aa;
  opacity: 1;
}
.auth-popup .auth-popup__input:hover {
  border-color: #8e989f;
}
.auth-popup .auth-popup__input:focus {
  outline: none;
  border-color: #1b4d3f;
  box-shadow: 0 0 0 0.1875rem rgba(27, 77, 63, 0.14);
}
.auth-popup .auth-popup__input[aria-invalid=true], .auth-popup .auth-popup__input:user-invalid {
  border-color: #a13d3d;
}
.auth-popup__field--phone .auth-popup__input {
  background-image: url("/local/templates/headphones_main/assets/icons/form/phone.svg");
}
.auth-popup__field--email .auth-popup__input {
  background-image: url("/local/templates/headphones_main/assets/icons/form/email.svg");
}
.auth-popup__field--user .auth-popup__input {
  background-image: url("/local/templates/headphones_main/assets/icons/form/personal.svg");
  background-size: 1.75rem 1.75rem;
}
.auth-popup__field--password .auth-popup__input {
  padding-right: 3.25rem;
  background-image: url("/local/templates/headphones_main/assets/icons/form/lock.svg");
  background-size: 1.625rem 1.625rem;
}
.auth-popup__field--code .auth-popup__input {
  background-image: url("/bitrix/js/ui/icon-set/outline/images/key.svg");
}
.auth-popup__password-toggle {
  position: absolute !important;
  top: 50%;
  right: 0.625rem;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  border: 0;
  border-radius: 0.3125rem;
  background: transparent url("/local/templates/headphones_main/assets/icons/eye.svg") center/1.25rem 1.25rem no-repeat;
  transform: translateY(-50%);
  cursor: pointer;
}
.auth-popup__password-toggle:focus-visible {
  outline: 0.1875rem solid rgba(27, 77, 63, 0.35);
}
.auth-popup__password-toggle.is-visible {
  opacity: 0.55;
}
.auth-popup__hint {
  position: absolute;
  z-index: 1;
  top: 0.25rem;
  left: 3rem;
  max-width: calc(100% - 6.25rem);
  overflow: hidden;
  color: #55585c;
  font-size: 0.6875rem;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.auth-popup__hint + .auth-popup__input {
  padding-top: 0.6875rem;
}
.auth-popup__actions--login {
  display: grid;
  grid-template-columns: 15.625rem 1fr;
  align-items: center;
  gap: 1.875rem;
}
.auth-popup__submit.button {
  width: 100%;
  min-height: 3.125rem;
  padding: 0.8125rem 1.25rem;
  font-size: 1rem;
  font-weight: 700;
}
.auth-popup__submit.button:disabled {
  cursor: wait;
  opacity: 0.65;
}
.auth-popup__link {
  color: #1b4d3f;
  font-size: 0.9375rem;
  font-weight: 700;
  text-decoration: none;
}
.auth-popup__link:hover {
  text-decoration: underline;
}
.auth-popup__link:focus-visible {
  outline: 0.1875rem solid rgba(27, 77, 63, 0.35);
  outline-offset: 0.1875rem;
}
.auth-popup__switch {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  margin-top: 2.875rem;
  padding-top: 1.3125rem;
  border-top: 0.0625rem solid #d1d7dd;
  font-size: 0.9375rem;
  line-height: 1.3;
}
.auth-popup__back-link, .auth-popup__resend {
  margin-top: 1.25rem;
  text-align: center;
}
.auth-popup__message {
  margin: 0 0 1.125rem;
  padding: 0.75rem 0.875rem;
  border-radius: 0.3125rem;
  font-size: 0.875rem;
  line-height: 1.4;
}
.auth-popup__message--error {
  color: #7d2525;
  background: #fae5e5;
  border: 0.0625rem solid #e6bcbc;
}
.auth-popup__message--success {
  color: #1b4d3f;
  background: #e2efe9;
  border: 0.0625rem solid #b8d3c8;
}
.auth-popup__consent {
  font-size: 0.875rem;
  line-height: 1.35;
}
.auth-popup__consent label {
  display: flex;
  align-items: flex-start;
  gap: 0.625rem;
}
.auth-popup__consent input[type=checkbox] {
  flex: 0 0 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0;
  accent-color: #1b4d3f;
}
.auth-popup__checkbox {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  font-size: 0.875rem;
}
.auth-popup__checkbox input {
  width: 1.25rem;
  height: 1.25rem;
  accent-color: #1b4d3f;
}

.auth-popup-autostart {
  position: fixed;
  width: 0.0625rem;
  height: 0.0625rem;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}

.mobile-main-menu__auth {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  width: 100%;
  color: #1b4d3f;
  font-weight: 700;
  text-decoration: none;
}
.mobile-main-menu__auth .icon {
  width: 1.5rem;
  height: 1.5rem;
}

@media (width <= 47.99875rem) {
  .popup-window--auth {
    top: 0 !important;
    left: 0 !important;
    width: 100vw !important;
    max-width: none;
    height: 100dvh;
    max-height: none;
    border-radius: 0;
    box-shadow: none;
    transform: none !important;
  }
  .popup-window--auth .popup-window-content {
    min-height: 100dvh;
  }
  .popup-window--auth .popup-window-close-icon {
    top: 1.25rem !important;
    right: 1.25rem !important;
  }
  .auth-popup {
    min-height: 100dvh;
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
  }
  .auth-popup__title {
    padding-right: 3rem;
    font-size: 1.75rem;
    line-height: 2.125rem;
    margin-bottom: 1.75rem;
  }
  .auth-popup__input {
    font-size: 1rem;
  }
  .auth-popup--login .auth-popup__form {
    margin-top: clamp(5.625rem, 20vh, 9.0625rem);
  }
  .auth-popup--login .auth-popup__switch {
    margin-top: auto;
    margin-inline: -1.25rem;
    margin-bottom: -1.25rem;
    padding: 1.25rem;
  }
  .auth-popup__form {
    gap: 1.25rem;
  }
  .auth-popup__grid {
    grid-template-columns: 1fr;
    gap: 1.25rem;
  }
  .auth-popup__actions--login {
    grid-template-columns: minmax(0, 10rem) 1fr;
    gap: 1.625rem;
  }
  .auth-popup__intro {
    margin-bottom: 1.5rem;
  }
  .auth-popup__switch {
    margin-top: 2rem;
  }
  .popup-window--auth .popup-window__button-close {
    top: 1.25rem;
    right: 1.25rem;
  }
}
@media (width <= 22.5rem) {
  .auth-popup__actions--login {
    grid-template-columns: minmax(0, 9.375rem) 1fr;
    gap: 1rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .auth-popup__input {
    transition: none;
  }
}
.brands {
  margin-bottom: 6.25rem;
}
.brands h2 {
  margin-bottom: 2rem;
  font-weight: 700;
}
.brands__list {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(3, 1fr);
  margin-bottom: 1.25rem;
}
@media (width <= 65.06125rem) {
  .brands__list {
    grid-template-columns: 1fr;
  }
}
.brands__list img {
  border-radius: var(--border-radius);
}
.brands__item {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--color-light);
  border-radius: var(--border-radius);
  padding: 0.625rem;
}
.brands__show-all {
  display: flex;
  justify-content: center;
  align-items: center;
}
.brands__show-all button {
  width: 26.25rem;
  padding-block: 1rem;
  border-radius: 0.3125rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}
.brands .catalog__inner-list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.25rem;
}
@media (width <= 65.06125rem) {
  .brands .catalog__inner-list {
    grid-template-columns: 1fr;
  }
}

.good-item {
  display: grid;
  gap: 1.125rem;
  padding: 1.25rem;
  background-color: var(--color-light);
  border-radius: var(--border-radius);
  cursor: pointer;
}
.good-item--big {
  grid-column: 3/5;
}
@media (width <= 65.06125rem) {
  .good-item--big {
    display: none;
  }
}
.good-item__top, .good-item__badge-inner, .good-item__fav-inner {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.good-item__top {
  align-self: start;
  z-index: 2;
  justify-content: space-between;
}
.good-item__badge-inner {
  gap: 0.25rem;
}
.good-item__fav-inner {
  gap: 0.5rem;
}
.good-item__badge {
  padding: 0 0.5rem;
  font-size: 0.625rem;
  line-height: 1.6;
  color: var(--color-light);
  border-radius: 3px;
  background-color: var(--color-orange);
  text-transform: uppercase;
}
.good-item__badge--blue {
  background-color: var(--color-blue);
}
.good-item__badge--lilac {
  background-color: var(--color-lilac);
}
.good-item__image {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 13.125rem;
  position: relative;
}
.good-item__title {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: 5.8125rem;
  word-break: break-word;
}
.good-item__title-section {
  font-size: 0.875rem;
  color: var(--color-gray-3);
}
.good-item__title-name {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 0.5rem;
}
.good-item__title-art {
  display: flex;
  gap: 2.3125rem;
  align-items: center;
  font-size: 0.75rem;
  color: var(--color-gray-3);
}
.good-item__title-art li {
  margin-left: 0.625rem;
  min-width: 5rem;
}
.good-item__price {
  align-self: end;
}
.good-item__price-old {
  font-size: 0.875rem;
  line-height: normal;
  color: var(--color-gray-4);
  text-decoration: line-through;
}
.good-item__price-current {
  display: flex;
  gap: 1rem;
  align-items: center;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: normal;
}
.good-item__price-discount {
  padding: 2px 4px;
  border-radius: 0.1875rem;
  background-color: #4956E7;
  font-size: 0.75rem;
  color: var(--color-light);
  position: relative;
  top: -0.3125rem;
}
.good-item__price-button {
  align-items: center;
  gap: 0.25rem;
  padding-block: 0.5rem;
  border-radius: 0.3125rem;
  width: 100%;
  font-size: 0.875rem;
  font-weight: 400;
  margin-top: 1.25rem;
  display: none;
}
.good-item__price-button.is-active {
  display: flex;
}
@media (any-hover: hover) {
  .good-item__price-button:hover {
    background-color: var(--color-accent);
    color: #F3F4F8;
    box-shadow: 0px 10px 20px 0px rgba(19, 58, 47, 0.7);
  }
}
@media (any-hover: none) {
  .good-item__price-button:active {
    background-color: var(--color-accent);
    color: #F3F4F8;
    box-shadow: 0px 10px 20px 0px rgba(19, 58, 47, 0.7);
  }
}
@media (width > 65.06125rem) {
  .good-item:hover .good-item__image picture {
    opacity: 0.3;
  }
  .good-item:hover .good-item__fast-view {
    display: block;
    transition-duration: 3500ms;
  }
}
.good-item__fast-view {
  display: none;
  transition-duration: 3500ms;
  position: absolute;
  width: 100%;
}
.good-item__fast-view .button {
  width: 100%;
  border-radius: 0.3125rem;
  padding-block: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
}

.footer {
  background-color: var(--color-dark-1);
  font-size: 0.75rem;
  color: var(--color-light-2);
  padding-block: 2.5rem;
}
@media (width <= 65.06125rem) {
  .footer {
    margin-top: 1.25rem;
  }
}
@media (any-hover: hover) {
  .footer a:hover {
    text-decoration: none;
    color: var(--color-accent-light);
  }
}
@media (any-hover: none) {
  .footer a:active {
    text-decoration: none;
    color: var(--color-accent-light);
  }
}
.footer__main {
  display: flex;
  justify-content: space-between;
  align-items: start;
  margin-bottom: 2.5rem;
}
@media (width <= 65.06125rem) {
  .footer__main {
    flex-direction: column;
    gap: 2.5rem;
  }
}
.footer__main-item {
  max-width: 100%;
  min-width: 0;
}
.footer__main-item--logo-contacts {
  display: grid;
  gap: 1.5rem;
}
.footer__main-item-menu-block {
  display: contents;
}
@media (width <= 65.06125rem) {
  .footer__main-item-menu-block {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-bottom: 1.25rem;
    border-bottom: 0.0625rem solid rgba(206, 214, 222, 0.2);
  }
}
.footer__main-item #map {
  width: 23.125rem;
  max-width: 100%;
  height: 11.25rem;
}
.footer__main-item .ymaps-2-1-79-map, .footer__main-item .ymaps-2-1-79-inner-panes {
  border-radius: var(--border-radius);
}
.footer__main-item .ymaps-2-1-79-copyright__logo, .footer__main-item .ymaps-2-1-79-copyright__layout {
  display: none;
}
.footer__main-phone, .footer__main-mail {
  display: grid;
  color: var(--color-light-1);
}
.footer__main-phone-link, .footer__main-mail-link {
  font-size: 1.125rem;
  font-weight: 700;
}
.footer__main-phone span, .footer__main-mail span {
  font-size: 0.875rem;
}
.footer__main-socv {
  display: flex;
  justify-content: flex-start;
  gap: 0.5rem;
}
.footer__main-h2 {
  font-size: 1.5rem;
  color: var(--color-light-1);
  margin-bottom: 2rem;
}
.footer__main li {
  height: 0.8125rem;
  list-style-type: none;
  margin-bottom: 1.5rem;
}
.footer__main li a {
  font-size: 0.875rem;
  line-height: normal;
}
.footer__main-address {
  margin-bottom: 1rem;
}
.footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 2.5rem;
  border-top: 0.0625rem solid var(--color-light-2-tr);
}
@media (width <= 65.06125rem) {
  .footer__bottom {
    flex-direction: column;
    gap: 1.75rem;
    justify-content: start;
    align-items: start;
    color: #CED6DE;
  }
}

.geo-vpn-notice {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 1000;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  box-sizing: border-box;
  width: calc(100vw - 32px);
  max-width: 360px;
  padding: 11px 12px 11px 14px;
  border: 1px solid var(--color-light-2);
  border-radius: var(--border-radius);
  background: var(--color-bg-2);
  box-shadow: 0 3px 12px rgba(34, 34, 34, 0.08);
  color: var(--color-gray-2);
  font-family: var(--font-family-base);
  font-size: 12px;
  line-height: 1.45;
}
.geo-vpn-notice[hidden] {
  display: none;
}
.geo-vpn-notice__text {
  flex: 1;
  padding-top: 3px;
}
.geo-vpn-notice__close {
  flex: none;
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  margin: -4px -5px -4px 0;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: var(--color-gray-2);
  cursor: pointer;
  font: inherit;
  font-size: 20px;
  line-height: 1;
}
.geo-vpn-notice__close:hover {
  color: var(--color-dark);
}
.geo-vpn-notice__close:focus-visible {
  outline: 2px solid var(--color-accent);
  outline-offset: 2px;
}
@media (max-width: 480px) {
  .geo-vpn-notice {
    right: 16px;
    left: 16px;
    width: auto;
  }
}

/*# sourceMappingURL=styles.css.map */