/* Start:/local/templates/xbitt/styles/style.css?178817797958043*/
/* normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

b,
strong {
  font-weight: bold;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

button,
input {
  /* 1 */
  overflow: visible;
}

button,
select {
  /* 1 */
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"],
[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/*

$c1 = #414042 
$c2 = #727272

$danger = #BE1E2D
$warning = #FFDC64
$success = #28A745
$muted = #ECECEC

*/

html {
  font-size: 16px;
  scroll-behavior: smooth;
}

html {
  overflow-x: hidden;
}

html.fixed,
body.fixed {
  overflow-x: hidden;
  overflow-y: hidden;
}

body {
  color: #414042;
  font-family: 'Proxima Nova', sans-serif;
  background-color: #fff;
  width: 100%;
  margin: 0 auto;
  font-size: 100%;
  line-height: 1.5;
  font-weight: 300;
}

body.__alt h1 {
  font-size: 36px;
  font-size: 2.25em;
}

a,
button {
  color: #414042;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  text-decoration: none;
  cursor: pointer;
}

a span,
button span {
  -webkit-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}

a:hover,
button:hover {
  color: #be1e2d;
  text-decoration: none;
}

a:focus,
button:focus {
  outline: none;
}

a.__c-red,
button.__c-red {
  color: #be1e2d;
}

a.__c-red:hover,
button.__c-red:hover {
  color: #414042;
}

input {
  outline: none;
}

input:active,
input:focus {
  outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  padding: 0;
  margin: 0;
  line-height: 1.2;
  color: #414042;
  font-weight: 600;
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span,
.h1 span,
.h2 span,
.h3 span,
.h4 span,
.h5 span,
.h6 span,
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 300;
  color: #9b9b9b;
  margin-left: 1rem;
}

h1,
.h1 {
  font-size: 48px;
  font-size: 3em;
  line-height: 1;
  margin-bottom: 1rem;
}

h2,
.h2 {
  font-size: 36px;
  font-size: 2.25em;
  line-height: 1;
  margin-bottom: 1rem;
}

h3,
.h3 {
  font-size: 24px;
  font-size: 1.5em;
}

h4,
.h4 {
  font-size: 18px;
  font-size: 1.125em;
}

h5,
.h5 {
  font-size: 16px;
  font-size: 1em;
}

p {
  margin: 0;
  margin-bottom: 1rem;
}

.hBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1rem;
}

.hBox * {
  margin: 0;
}

.hBox_l {
  width: 100%;
  padding-right: 1rem;
}

.hBox_r {
  width: auto;
  line-height: 1;
}

.hBox_r.__nowrap {
  white-space: nowrap;
}

.hBoxInline {
  margin-bottom: 1rem;
}

.hBoxInline * {
  display: inline;
  vertical-align: middle;
  margin-left: 0.5rem;
}

.hBoxInline *:first-child {
  margin-left: 0;
}

.btn {
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  font-size: 16px;
  font-size: 1em;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  padding: 0.625rem 1.25rem;
  line-height: 1;
  border-radius: 0;
  border: 1px solid #727272;
  cursor: pointer;
  text-decoration: none;
  color: #414042;
  background-color: transparent;
}

.btn i {
  margin-right: 1rem;
  font-size: 18px;
  font-size: 1.125em;
}

.btn:hover,
.btn.selected {
  color: #fff;
  background-color: #be1e2d;
  border-color: #be1e2d;
}

.btn.disabled {
  color: #414042;
  border-color: transparent;
  background-color: #ececec;
  cursor: not-allowed;
}

.btn.disabled:hover {
  background-color: #ececec;
  border-color: #ececec;
}

.btn:active {
  color: #fff;
}

.btn_s-sm {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.btn_s-md {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}

.btn_c-red {
  background-color: #be1e2d;
  border-color: #be1e2d;
  color: #fff;
}

.btn_c-red:hover {
  color: #414042;
  border-color: #414042;
  background-color: transparent;
}

.btn_c-white {
  background-color: #fff;
  border-color: #fff;
  color: #be1e2d;
}

.btn_c-white:hover {
  color: #414042;
  background-color: #fff;
  border-color: #fff;
}

.btn_c-tr {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}

.btn_link {
  border-color: transparent;
}

.btn_link:hover {
  background-color: transparent;
  border-color: transparent;
  color: #be1e2d;
}

.btn_block {
  display: block;
  text-align: center;
}

nav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: right;
}

nav ul li {
  display: inline-block;
  margin-left: 1.5625rem;
}

nav ul li:first-child {
  margin-left: 0;
}

nav ul li a {
  display: block;
}

.hr {
  width: 100%;
  border-top: 1px solid #dcdcdc;
  margin: 2.5rem auto;
}

.img-block {
  width: 100%;
  display: block;
}

img {
  max-width: 100%;
}

.wrap {
  max-width: 1480px;
  margin: 0 auto;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}

.row.__vCenter {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.row.__vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.hidden {
  visibility: hidden;
}

.__center {
  text-align: center;
}

.__right {
  text-align: right;
}

.__caseUp {
  text-transform: uppercase;
}

.clW {
  color: #ffdc64;
}

.clS {
  color: #5cb95a;
}

.clM {
  color: #ececec;
}

.clD {
  color: #be1e2d;
}

.copy {
  display: block;
  width: 70px;
  height: 30px;
  background: transparent url("data:image/png;base64,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") center center/contain no-repeat;
  opacity: 0.5;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  shape-rendering: crispedges;
  margin-left: auto;
}

.copy:hover {
  opacity: 1;
}

.section {
  position: relative;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.section.main {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.section.p0 {
  padding: 0;
}

.section.__hover {
  color: #fff;
}

.section.__hover h1,
.section.__hover h2 {
  color: inherit;
}

.section.__bg {
  background: #f8f8f8 center center/cover no-repeat;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=password],
select,
textarea {
  font-size: 14px;
  font-size: 0.875em;
  width: 100%;
  padding: 0.7rem 1.45rem;
  background-color: #ececec;
  border: 1px solid #ececec;
  border-radius: 0;
  line-height: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-style: normal;
  resize: none;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=password]:focus,
select:focus,
textarea:focus {
  outline: none;
  background-color: rgba(255,255,255,0.2);
}

input[type=text].error,
input[type=email].error,
input[type=tel].error,
input[type=password].error,
select.error,
textarea.error {
  border-color: #be1e2d;
  background-color: rgba(255,0,0,0.1);
}

textarea {
  min-height: 100px;
}

label {
  cursor: pointer;
}

/*label.error {
  display: none !important;
}*/
.clD {
  display: none !important;
}
label.error {
    color: #be1e2d;
    font-size: 0.875rem;
}
label.disabled {
  color: #c6c6c6 !important;
}

select {
  background-repeat: no-repeat;
  background-position: 98% center;
  padding-right: 2rem;
  cursor: pointer;
  border: 1px solid;
}

.form_order,
.form {
  position: relative;
}

.form_order__block,
.form__block {
  margin-bottom: 1.25rem;
}

.form_order__input,
.form__input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 10px;
  margin-right: 10px;
  width: calc(50% - 20px);
}

.form_order__input.__full,
.form__input.__full {
  width: calc(100% - 20px);
}

/* RS-1505: contacts feedback form - name/phone/email in one row (3 equal cols) */
.contacts .form .form__block.__row3 .form__input {
  width: calc(33.333333333333336% - 20px);
}

.form_order__popup,
.form__popup {
  width: 500px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1rem;
  color: $cbaze;
}

.form_order__popup h2,
.form__popup h2,
.form_order__popup h3,
.form__popup h3,
.form_order__popup h4,
.form__popup h4 {
  color: $cbaze;
  text-align: center;
  margin-top: 0;
  margin-bottom: 1rem;
}

.form_order .alert,
.form .alert {
  opacity: 0;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}

.alert__box {
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.alert__box div {
  padding: 0.25rem 2rem;
}

.alert > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert :before {
  display: block;
  content: attr(data-header);
  font-size: 1.25rem;
  font-weight: 700;
}

.alert :after {
  content: attr(data-text);
  font-size: 1rem;
}

.alert-success {
  color: #fff;
  border-color: #fff !important;
  background-color: rgba(92,185,90,0.8);
}

.alert-warning {
  color: #fff;
  border-color: #fff !important;
  background-color: rgba(255,220,100,0.8);
}

.alert-danger {
  color: #fff;
  border-color: #fff !important;
  background-color: rgba(190,30,45,0.8);
}

.logo {
  display: inline-block;
  width: 100%;
  background: transparent url("/local/templates/xbitt/styles/../img/logo.svg") left center/contain no-repeat;
}

.logo.__white {
  background-image: url("/local/templates/xbitt/styles/../img/logo_white.svg");
}

.file_input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.file_input input {
  display: none;
}

.file_input label {
  border: 1px dashed #fff;
  padding: 0.5rem 1rem;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.file_input label i {
  margin-right: 0.5rem;
}

.file_input span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-left: 1rem;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  overflow: hidden;
}

.radiobox input,
.checkbox input {
  display: none;
}

.radiobox input:checked + label,
.checkbox input:checked + label {
  color: #be1e2d;
}

.radiobox input:checked + label:before,
.checkbox input:checked + label:before {
  background-position: 0 -12px;
}

.radiobox input:disabled + label,
.checkbox input:disabled + label {
  color: #ececec;
}

.radiobox input:disabled + label:before,
.checkbox input:disabled + label:before {
  background-position: 0 -24px;
}

.radiobox input:disabled:checked + label,
.checkbox input:disabled:checked + label {
  color: #ececec;
}

.radiobox input:disabled:checked + label:before,
.checkbox input:disabled:checked + label:before {
  background-position: 0 -36px;
}

.radiobox label,
.checkbox label {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.radiobox label:before,
.checkbox label:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5rem;
  width: 15px;
  height: 12px;
  background: transparent 0 0 no-repeat;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}

.checkbox label:before,
.radiobox label:before {
  background-image: url("/local/templates/xbitt/styles/../img/check.png");
}

.--icon {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
  color: #727272;
}

.--icon i {
  font-size: 20px;
  font-size: 1.25em;
  margin-right: 0.625rem;
}

a.--icon {
  font-weight: 600;
}

a.--icon:hover {
  color: #be1e2d;
}

#bx-admin-prefix input,
#bx-admin-prefix textarea,
#bx-admin-prefix select {
  -webkit-appearance: auto;
  -moz-appearance: auto;
       appearance: auto;
  width: inherit;
  resize: block;
  min-height: auto;
}

#bx-panel a {
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
}

#map {
  height: 500px;
}

#map .bx-yandex-view-layout,
#map .bx-yandex-view-map {
  height: inherit;
}

.labelList {
  position: relative;
  z-index: 1;
}

.labelList__item {
  position: relative;
  left: 0;
  margin-bottom: 0.5rem;
}

.labelList__item span {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 14px;
  font-size: 0.875em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
  font-weight: 500;
}

.labelList__item.__i1 span {
  background: #ececec;
  color: #be1e2d;
}

.labelList__item.__i2 span {
  background: #be1e2d;
  color: #fff;
}

.labelList__item.__i3 span {
  border: 1px solid #be1e2d;
  background: transparent;
  color: #be1e2d;
}

.labelList__item.__i4 span {
  background: #414042;
  color: #fff;
}

.labelList__item.__i5 span {
  background: #c49a6c;
  color: #fff;
  font-size: 22px;
  font-size: 1.375em;
}

.labelList__item.__i5 span i {
  position: relative;
  top: -2px;
}

.button_nav {
  display: none;
  width: 20px;
  height: 20px;
  position: relative;
  margin-left: 3rem;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  cursor: pointer;
}

.button_nav.selected {
  z-index: 1001;
}

.button_nav.selected:after,
.button_nav.selected:before {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}

.button_nav.selected:after {
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.button_nav.selected:before {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}

.button_nav:after,
.button_nav:before {
  content: '';
  display: block;
  height: 2px;
  width: 100%;
  background-color: #414042;
}

.header {
  background-color: #fff;

  &.show-tags {

    .header__product-tags {
      transform: translateY(0);
      box-shadow: 0 10px 17px #96969626;
      opacity: 1;
    }
  }

  .header__product-tags {
    position: fixed;
    z-index: 11;
    top: 0;
    left: 0;
    width: 100%;
    padding-block: 10px;
    opacity: 0;
    overflow: hidden;
    background-color: #fff;
    transform: translateY(-100%);
    box-shadow: none;
    transition:
            transform 0.3s ease-in-out,
            box-shadow 0.5s ease-in-out,
            opacity 0.45s ease-in-out;

    .product-tags {
      padding-top: 0;
      position: relative;
      @media (max-width: 560px) {
        margin-inline: -10px;
      }

    }

    .product-tags__list {
      padding-bottom: 10px;
      padding-inline: 10px;

      @media (min-width: 560px) {
        padding-block: 10px;
        padding-inline: 0;
      }
    }

  }

}
@media (max-width: 560px) {
  .product-tags {
    position: relative;
  }
      .product-tags:before {
        content: "";
        position: absolute;
        width: 40px;
        height: 100%;
        right: 0;
        background: linear-gradient(-90deg, white, transparent);
        top: 0;
      }
}
.header__top {
  border-bottom: 1px solid #ececec;
  font-size: 14px;
  /*font-size: 0.875em;*/
  padding-block: 10px;
  opacity: 1;
  overflow: hidden;
}

.header__address {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 10px;
  margin-right: 10px;
  width: calc(50% - 20px);
}

.header__address span {
  margin-right: 3.4375rem;
}

.header__address span:last-child {
  margin-right: 0;
}

.header__menu {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 10px;
  margin-right: 10px;
  width: calc(50% - 20px);
}

.header__middle {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
}

.header__middle .row {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.header__logo {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 10px;
  margin-right: 10px;
  width: calc(20% - 20px);
}

.header__logo .logo {
  height: 80px;
}

.header__search {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 10px;
  margin-right: 10px;
  width: calc(40% - 20px);
}

.header__phone {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 10px;
  margin-right: 10px;
  width: calc(15.000000000000002% - 20px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.header__phone a {
  font-size: 20px;
  font-size: 1.25em;
  font-weight: 700;
  white-space: nowrap;
}

.header__userLink {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 10px;
  margin-right: 10px;
  width: calc(25% - 20px);
}

.header__section {
  background-color: #be1e2d;
}

.footer {
  position: relative;
  z-index: 1;
  background-color: #2d2d2e;
}

.footer__top {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid #727272;
}

.footer__middle {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
  color: #fff;
}

.footer__middle .row {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.footer__middle h5,
.footer__middle .h5 {
  color: inherit;
  margin-bottom: 1rem;
}

.footer__middle a {
  color: inherit;
}

.footer__middle a:hover {
  color: #be1e2d;
}

.footer__bottom {
  padding-top: 2.5rem;
  padding-bottom: 3.125rem;
  border-top: 1px solid #727272;
  color: #727272;
}

.footer__bottom .row {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.footer__logo {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 10px;
  margin-right: 10px;
  width: calc(25% - 20px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.footer__logo .logo {
  height: 80px;
}

.footer__contacts {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 10px;
  margin-right: 10px;
  width: calc(33.333333333333336% - 20px);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.footer__menu {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 10px;
  margin-right: 10px;
  width: calc(15.833333333333334% - 20px);
}

.footer__menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer__menu ul li {
  display: block;
  margin-bottom: 0.25rem;
}

.footer__soc {
  display: none;
}

.footer__warning-1 {
  margin-top: auto;
  text-transform: uppercase;
  font-size: 12px;
  font-size: 0.75rem;
  color: #727272;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
}

.footer__warning-2 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 10px;
  margin-right: 10px;
  width: calc(91.66666666666667% - 20px);
  line-height: 1.2;
}

.footer__copy {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 10px;
  margin-right: 10px;
  width: calc(8.333333333333334% - 20px);
}

.footer__age {
  font-size: 1rem;
  width: 30px;
  height: 30px;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  border: 1px solid currentColor;
}

.footer__phone a {
  font-size: 18px;
  font-size: 1.125em;
  font-weight: 700;
}

.footer__address div {
  margin-bottom: 0.25rem;
}

.footer__address div i {
  font-size: 20px;
  font-size: 1.25em;
}

.footer__icon {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.footer__icon i {
  margin-right: 0.25rem;
  width: 24px;
  display: block;
  text-align: center;
}

.footer__politics {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 0.25rem 1.25rem;
}

.footer__politics a {
  color: #9b9b9b;
}

.headerSearch {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.headerSearch__input {
  position: relative;
  width: 100%;
  margin-right: 0.625rem;
}

.headerSearch__input input {
  padding-left: 3rem;
}

.headerSearch__input button {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  border: none;
  background: none;
  padding-left: 1rem;
}

.headerSearch__input-placeholder {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  padding-left: 3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.headerSearch__input-placeholder a {
  margin-left: 0.25rem;
  color: #be1e2d;
}

.headerSearch__input-placeholder a:hover {
  color: #414042;
}

.headerSearch__btn button {
  height: 100%;
}

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

.headerUser__link {
  margin-left: 1.5625rem;
}

.headerUser__link.__bold {
  font-weight: 700;
}

.headerUser__link.__bold a i {
  font-size: 24px;
  font-size: 1.5em;
}

.headerUser__link:first-child {
  margin-left: 0;
}

.headerUser__link a {
  display: block;
  text-align: center;
}

.headerUser__link a i {
  display: inline-block;
  position: relative;
  font-size: 20px;
  font-size: 1.25em;
}

.headerUser__link a i em {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 17px;
  height: 17px;
  overflow: hidden;
  font-style: normal;
  font-family: 'Proxima Nova', sans-serif;
  position: absolute;
  background: #be1e2d;
  border-radius: 50%;
  color: #fff;
  font-size: 10px;
  font-size: 0.625rem;
  position: absolute;
  top: -0.4rem;
  left: 70%;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  opacity: 1;
}

.headerUser__link a i em:empty {
  opacity: 0;
}

.headerUser__link a span {
  display: block;
}

.catalogSectionClear ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.catalogSectionClear ul li {
  display: inline-block;
  margin-right: 1.25rem;
  margin-bottom: 0.3125rem;
}

.catalogSectionClear ul li a {
  color: #9b9b9b;
}

.catalogSectionClear ul li a:hover {
  color: #fff;
}

.soc {
  margin: 0;
  padding: 0;
  list-style: none;
}

.soc li {
  display: inline-block;
  margin-left: 1.5625rem;
}

.soc li:first-child {
  margin-left: 0;
}

.soc li a {
  display: block;
  font-size: 20px;
  font-size: 1.25em;
}

.rAwards__item {
  cursor: pointer;
  position: relative;
  display: inline-block;
  margin-right: 0.625rem;
  border-radius: 3px;
  border: 1px solid #9b9b9b;
  font-weight: 500;
  font-size: 14px;
  font-size: 0.875em;
  padding: 1px 3px;
  line-height: 1;
}

.rAwards__item:last-child {
  margin-right: 0;
}

.rAwards__hint {
  display: none;
  min-width: 200px;
  max-width: 250px;
}

.rAwards__hint h5,
.rAwards__hint .h5 {
  color: #903d22;
  margin-bottom: 0.625rem;
  margin-top: 0.5rem;
}

.rAwards__hint p {
  margin: 0;
  padding: 0;
  margin-bottom: 0.625rem;
  font-size: 14px;
  font-size: 0.875em;
  line-height: 1.2;
}

.rAwards__hint i {
  position: absolute;
  top: 1rem;
  right: 1rem;
  cursor: pointer;
  z-index: 5;
}

.numBlock {
  position: relative;
}

.numBlock span {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 10;
  width: 25px;
  cursor: pointer;
  font-size: 25px;
  font-size: 1.5625em;
  font-weight: 700;
  color: #727272;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.numBlock span.__minus {
  left: 0;
}

.numBlock span.__plus {
  right: 0;
}

.numBlock span::-moz-selection {
  background: transparent !important;
}

.numBlock span::selection {
  background: transparent !important;
}

.numBlock span:active {
  color: #414042;
}

.numBlock input {
  border: 1px solid #ececec;
  background-color: #fff;
  padding: 0.5rem 1.5625rem;
  text-align: center;
  min-width: 80px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 18px;
  font-size: 1.125em;
}

.numBlock input:focus {
  background-color: #fff;
}

.select-popup ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.select-popup ul li {
  display: block;
  cursor: pointer;
}

.select-popup ul li a {
  display: block;
  padding: 0.25rem 0.5rem;
}

.select-popup ul li a:hover {
  background-color: #f2f2f2;
}

[class^="ico-"].rotate-90,
[class*=" ico-"].rotate-90 {
  display: inline-block;
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

[class^="ico-"].rotate-180,
[class*=" ico-"].rotate-180 {
  display: inline-block;
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

[class^="ico-"].rotate-270,
[class*=" ico-"].rotate-270 {
  display: inline-block;
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}

[class^="ico-"].rotate-360,
[class*=" ico-"].rotate-360 {
  display: inline-block;
  -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}

.popularLinks {
  position: relative;
  z-index: 10;
  margin-bottom: 1rem;
}

.popularLinks a,
.popularLinks button {
  display: inline-block;
  font-weight: 400;
  color: #727272;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  padding: 0 0.25rem;
  border: 1px solid transparent;
  background: none;
}

.popularLinks a:last-child,
.popularLinks button:last-child {
  margin-right: 0;
}

.popularLinks a.selected,
.popularLinks button.selected {
  color: #be1e2d;
  border-color: #ececec;
}

.topBrands {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 2rem;
}

.topBrands__item {
  display: block;
  position: relative;
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.topBrands__item:hover .topBrands__img {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}

.topBrands__item:after {
  content: '';
  display: block;
  position: absolute;
  left: 100%;
  width: 1px;
  height: 80px;
  background: #dcdcdc;
  top: 0;
  bottom: 0;
  margin: auto;
}

.topBrands__item:last-child:after {
  display: none;
}

.topBrands__img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  background: transparent center center/contain no-repeat;
}

.topBrands__imgBlock {
  height: 110px;
  position: relative;
  margin-bottom: 0.5rem;
}

.topBrands__title {
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  font-size: 0.875em;
}

.popupWarning18 {
  max-width: 500px;
  position: fixed !important;
  top: 10% !important;
}

.popupWarning18 .popup-window-titlebar span {
  color: #be1e2d;
}

.popupWarning18 .popup-window-content {
  text-align: center;
  background-color: #fee;
}

.popupWarning18 img {
  max-width: 100px;
}

.popupWarning18 small {
  display: block;
  padding: 1rem 0;
  font-style: italic;
  font-size: 16px;
  font-size: 1em;
}

.popupWarning18 strong {
  font-size: 20px;
  font-size: 1.25em;
  font-weight: 700;
}

.tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.tabs__item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}

.tabs__btn {
  position: relative;
}

.tabsContainer .collapse:not(.show) {
  display: none;
}

.tabsContainer .collapsing {
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
}

.tabsContainer__body {
  position: relative;
}

.priceFormatCurrency {
  text-indent: -9999px;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.priceFormatCurrency:after {
  text-indent: 0;
  content: '\020BD';
}

.product-tags {

padding-top:10px;

  .product-tags__list {
    display: flex;
    align-items: center;
    gap: 0 16px;
    list-style: none;
    margin: 0;
    padding: 0 0 5px 0;
    overflow-x: auto;

    &::-webkit-scrollbar {
      height: 1px;
    }

    &::-webkit-scrollbar-track {
      background-color: transparent;
    }

    &::-webkit-scrollbar-thumb {
      background-color: #be1e2d;
    }

    li {}
  }

  .product-tags__item {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f7f7f7;
    border: 1px solid #d3d3d3;
    border-radius: 10px;
    padding-block: 8px;
    padding-inline: 12px;
    white-space: nowrap;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.25;
    color: #000;
    transition: background-color .3s ease-in-out, color .3s ease-in-out, border-color .3s ease-in-out;
    will-change: background-color, color, border-color;

    &.active {
      color: #fff;
      background-color: #a52a2d;
      border-color: #a52a2d;
    }

    @media (min-width: 560px) {
      border-radius: 12px;
      padding-block: 12px;
      padding-inline: 16px;
      font-size: 16px;
      &:hover {
        color: #fff;
        background-color: #a52a2d;
        border-color: #a52a2d;
      }
    }
  }
}


.preloader {
  position: relative;
}

.preloader:after {
  position: absolute;
  content: "";
  display: block;
  width: var(--v-loader-size, 50px);
  height: var(--v-loader-size, 50px);
  border-radius: 50%;
  border: calc(var(--v-loader-size, 50px) * 0.16) solid var(--v-primary, #be1e2d);
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 100;
  -webkit-animation: s10-1 0.8s infinite linear alternate, s10-2 1.6s infinite linear;
  animation: s10-1 0.8s infinite linear alternate, s10-2 1.6s infinite linear;
}

.js-captcha-reload,
.btn {
  --v-loader-size: 15px;
}

.btn.selected {
  --v-primary: #fff;
}

.btn.preloader:before {
  content: '';
  display: block;
  z-index: 99;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  background-color: rgba(255,255,255,0.3);
}

@-webkit-keyframes s10-1 {
  0% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
  }

  12.5% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);
  }

  25% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
  }

  50% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
  }

  62.5% {
    -webkit-clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
    clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
  }

  75% {
    -webkit-clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);
    clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);
  }

  100% {
    -webkit-clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);
    clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);
  }
}

@keyframes s10-1 {
  0% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
  }

  12.5% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);
  }

  25% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
  }

  50% {
    -webkit-clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
    clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
  }

  62.5% {
    -webkit-clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
    clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
  }

  75% {
    -webkit-clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);
    clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);
  }

  100% {
    -webkit-clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);
    clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);
  }
}

@-webkit-keyframes s10-2 {
  0% {
    -webkit-transform: scaleY(1) rotate(0deg);
    transform: scaleY(1) rotate(0deg);
  }

  49.99% {
    -webkit-transform: scaleY(1) rotate(135deg);
    transform: scaleY(1) rotate(135deg);
  }

  50% {
    -webkit-transform: scaleY(-1) rotate(0deg);
    transform: scaleY(-1) rotate(0deg);
  }

  100% {
    -webkit-transform: scaleY(-1) rotate(-135deg);
    transform: scaleY(-1) rotate(-135deg);
  }
}

@keyframes s10-2 {
  0% {
    -webkit-transform: scaleY(1) rotate(0deg);
    transform: scaleY(1) rotate(0deg);
  }

  49.99% {
    -webkit-transform: scaleY(1) rotate(135deg);
    transform: scaleY(1) rotate(135deg);
  }

  50% {
    -webkit-transform: scaleY(-1) rotate(0deg);
    transform: scaleY(-1) rotate(0deg);
  }

  100% {
    -webkit-transform: scaleY(-1) rotate(-135deg);
    transform: scaleY(-1) rotate(-135deg);
  }
}


@media screen and (max-width: 1450px) {
  .header__search {
    width: calc(33.333333333333336% - 20px);
  }

  .header__userLink {
    width: calc(31.666666666666668% - 20px);
  }
}

@media screen and (max-width: 1400px) {
  .hide-1400 {
    display: none;
  }

  .labelList__item {
    margin-bottom: 0.15rem;
  }

  .labelList__item span {
    width: 25px;
    height: 25px;
    font-size: 8px;
    font-size: 0.5em;
  }

  .labelList__item.__i5 span {
    font-size: 16px;
    font-size: 1em;
  }

  .footer__logo {
    width: calc(22.916666666666668% - 20px);
  }

  .footer__contacts {
    width: calc(31.250000000000004% - 20px);
  }
}

@media screen and (max-width: 1300px) {
  nav ul li {
    margin-left: 0.5rem;
  }

  .header__address {
    width: calc(54.16666666666667% - 20px);
  }

  .header__address span {
    margin-right: 1rem;
  }

  .header__menu {
    width: calc(45.833333333333336% - 20px);
  }

  .header__phone a {
    font-size: 16px;
    font-size: 1em;
  }
}

@media screen and (max-width: 1170px) {
  body {
    font-size: 90%;
    overflow-x: hidden;
  }

  .header__address {
    font-size: 14px;
    font-size: 0.875em;
  }

  .header__logo {
    width: calc(25% - 20px);
  }

  .header__search {
    width: calc(100% - 20px);
  }

  .header__search {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10;
  }

  .header__phone {
    width: calc(25% - 20px);
  }

  .header__userLink {
    width: calc(50% - 20px);
  }

  .footer__warning-1 {
    font-size: 11px;
    font-size: 0.6875rem;
  }
}

@media screen and (max-width: 960px) {
  .section {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .header__address {
    width: calc(33.333333333333336% - 20px);
  }

  .header__address span:first-child {
    display: none;
  }

  .header__menu {
    width: calc(66.66666666666667% - 20px);
  }

  .footer__logo {
    width: calc(16.666666666666668% - 20px);
  }

  .footer__logo {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10;
  }

  .footer__logo .logo {
    display: none;
  }

  .footer__contacts {
    width: calc(50% - 20px);
  }

  .footer__menu {
    width: calc(25% - 20px);
  }

  .footer__warning-2 {
    width: calc(83.33333333333334% - 20px);
  }

  .footer__copy {
    width: calc(16.666666666666668% - 20px);
  }
}

@media screen and (max-width: 780px) {
  p {
    margin-bottom: 0.5rem;
  }

  .hBox {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }

  nav ul {
    text-align: center;
  }

  .hr {
    margin: 1.5rem auto;
  }

  .mobile-hidden {
    display: none;
  }

  .form_order__popup,
  .form__popup {
    width: 100%;
  }

  .logo {
    background-image: url("/local/templates/xbitt/styles/../img/logo_mob1.svg");
  }

  .header__address {
    display: none;
  }

  .header__menu {
    width: calc(100% - 20px);
  }

  .header__middle {
    padding-top: 0;
  }

  .header__logo .logo {
    height: 60px;
  }

  .headerUser__link {
    margin-left: 0.75rem;
  }

  .topBrands {
    margin-bottom: 0;
  }

  .topBrands__item {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
  }

  .topBrands__item:after {
    display: none;
  }

  .topBrands__item:nth-child(n+6) {
    display: none;
  }
}

@media screen and (max-width: 560px) {
  .hr {
    margin: 1rem auto;
  }

  .form_order__block,
  .form__block {
    margin-bottom: 0.5rem;
  }

  .radiobox label,
  .checkbox label {
    display: inline-block;
  }

  .radiobox label:before,
  .checkbox label:before {
    vertical-align: sub;
  }

  .button_nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }

  .header__top {
    padding: 0;
    position: fixed;
    z-index: 1000;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(255,255,255,0.95);
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
  }

  .header__top .wrap,
  .header__top .row {
    height: 100%;
  }

  .header__top .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .header__top .header__address {
    display: block;
    width: calc(100% - 20px);
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
        -ms-flex-order: 10;
            order: 10;
    text-align: center;
    font-size: 18px;
    font-size: 1.125em;
  }

  .header__top .header__address span {
    display: block;
    margin-bottom: 0.5rem;
  }

  .header__top .header__menu nav ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 2rem;
  }

  .header__top .header__menu nav ul li {
    margin: 0;
    margin-bottom: 0.5rem;
  }

  .header__top .header__menu nav ul li a {
    font-size: 24px;
    font-size: 1.5em;
    font-weight: 600;
  }

  .header__top.selected {
    -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
            transform: translateX(0%);
  }

  .header__logo {
    width: calc(33.333333333333336% - 20px);
  }

  .header__phone {
    width: calc(66.66666666666667% - 20px);
  }

  .header__phone {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }

  .header__userLink {
    width: calc(100% - 20px);
  }

  .footer__top {
    padding-bottom: 1rem;
    padding-top: 1rem;
  }

  .footer__middle {
    padding-bottom: 1rem;
    padding-top: 1rem;
  }

  .footer__bottom {
    padding-bottom: 1rem;
    padding-top: 1rem;
  }

  .footer__contacts {
    width: calc(100% - 20px);
  }

  .footer__contacts {
    margin-bottom: 1rem;
  }

  .footer__menu {
    width: calc(100% - 20px);
  }

  .footer__menu {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
    margin-bottom: 1rem;
  }

  .footer__menu h5 {
    margin-bottom: 0.5rem;
  }

  .footer__menu ul li {
    display: inline-block;
    margin-right: 1rem;
  }

  .footer__warning-2 {
    width: calc(100% - 20px);
  }

  .footer__warning-2 {
    margin-bottom: 1rem;
  }

  .footer__copy {
    width: calc(100% - 20px);
  }

  .headerUser {
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }

  .headerUser__link {
    margin-left: 0;
  }

  .popularLinks {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 500px) {
  .popupWarning18 .popup-window-content {
    padding: 0.5rem;
  }

  .popupWarning18 .popup-window-button {
    margin: 0;
  }

  .popupWarning18 .popup-window-button:last-child {
    margin-top: 0.25rem;
  }

  .popupWarning18 .popup-window-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

@media screen and (max-width: 400px) {
  h1,
  .h1 {
    font-size: 34px;
    font-size: 2.125em;
  }

  h2,
  .h2 {
    font-size: 24px;
    font-size: 1.5em;
  }

  h3,
  .h3 {
    font-size: 20px;
    font-size: 1.25em;
  }

  .copy {
    height: 20px;
  }

  .form_order__input,
  .form__input {
    width: calc(100% - 20px);
  }

  /* RS-1505: on mobile stack the 3 fields full-width, even 0.5rem gaps */
  .contacts .form .form__block.__row3 .form__input {
    width: calc(100% - 20px);
  }

  .contacts .form .form__block.__row3 {
    margin-bottom: 0;
  }

  .form_order__input,
  .form__input {
    margin-bottom: 0.5rem;
  }

  .button_nav {
    margin-left: 1rem;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
  }

  .header__logo {
    width: calc(41.66666666666667% - 20px);
  }

  .header__search {
    width: calc(100% - 20px);
  }

  .header__phone {
    width: calc(58.333333333333336% - 20px);
  }

  .header__userLink {
    width: calc(100% - 20px);
  }

  .headerUser {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .topBrands {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }

  .topBrands__item {
    width: 30%;
  }

  .topBrands__item:nth-child(n+6) {
    display: block;
  }

  .topBrands__item:last-child {
    display: none;
  }
}
.form.fancybox-content {
  max-width: 450px;
  width: 100%;

}
@media (max-width: 600px) {
  .form.fancybox-content {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .form.fancybox-content .checkbox.agree label, .form .checkbox.agree label, .register-form  .checkbox.agree label {
    margin-left: 20px;
    position: relative;
  }
  .form.fancybox-content .checkbox.agree label:before, .form .checkbox.agree label:before, .register-form  .checkbox.agree label:before {
  	position: absolute;
	top: 5px;
	left: -20px;
  }
  .smart-captcha {
  	min-width: 280px !important;
  }
}
/* End */


/* Start:/local/templates/xbitt/styles/fonts.css?17879166045232*/
@font-face {
  font-family: 'Proxima Nova';
  src: url("/local/templates/xbitt/styles/../fonts/ProximaNova-LightIt.woff2") format('woff2'), url("/local/templates/xbitt/styles/../fonts/ProximaNova-LightIt.woff") format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url("/local/templates/xbitt/styles/../fonts/ProximaNova-Light.woff2") format('woff2'), url("/local/templates/xbitt/styles/../fonts/ProximaNova-Light.woff") format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url("/local/templates/xbitt/styles/../fonts/ProximaNova-RegularIt.woff2") format('woff2'), url("/local/templates/xbitt/styles/../fonts/ProximaNova-RegularIt.woff") format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url("/local/templates/xbitt/styles/../fonts/ProximaNova-Regular.woff2") format('woff2'), url("/local/templates/xbitt/styles/../fonts/ProximaNova-Regular.woff") format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url("/local/templates/xbitt/styles/../fonts/ProximaNova-Semibold.woff2") format('woff2'), url("/local/templates/xbitt/styles/../fonts/ProximaNova-Semibold.woff") format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url("/local/templates/xbitt/styles/../fonts/ProximaNova-SemiboldIt.woff2") format('woff2'), url("/local/templates/xbitt/styles/../fonts/ProximaNova-SemiboldIt.woff") format('woff');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url("/local/templates/xbitt/styles/../fonts/ProximaNova-Bold.woff2") format('woff2'), url("/local/templates/xbitt/styles/../fonts/ProximaNova-Bold.woff") format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Proxima Nova';
  src: url("/local/templates/xbitt/styles/../fonts/ProximaNova-BoldIt.woff2") format('woff2'), url("/local/templates/xbitt/styles/../fonts/ProximaNova-BoldIt.woff") format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Barkentina';
  src: url("/local/templates/xbitt/styles/../fonts/Barkentina-Regular.woff2") format('woff2'), url("/local/templates/xbitt/styles/../fonts/Barkentina-Regular.woff") format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'winec_';
  src: url("/local/templates/xbitt/styles/../fonts/v-pack-icons.ttf?iagb3o") format('truetype'), url("/local/templates/xbitt/styles/../fonts/v-pack-icons.woff?iagb3o") format('woff'), url("/local/templates/xbitt/styles/../fonts/v-pack-icons.svg?iagb3o#v-pack-icons") format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="ico-"],
[class*=" ico-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'winec_' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ico-certificate:before {
  content: "\e900";
}

.ico-filter:before {
  content: "\e901";
}

.ico-all_brands:before {
  content: "\e903";
}

.ico-burger:before {
  content: "\e904";
}

.ico-chart_active:before {
  content: "\e905";
}

.ico-chart_normal:before {
  content: "\e906";
}

.ico-check:before {
  content: "\e907";
}

.ico-clipboard:before {
  content: "\e908";
}

.ico-clock:before {
  content: "\e909";
}

.ico-Cross_sml:before {
  content: "\e90a";
}

.ico-down_ar_sml:before {
  content: "\e90b";
}

.ico-email:before {
  content: "\e90c";
}

.ico-facebook:before {
  content: "\e90d";
}

.ico-Grid_layout:before {
  content: "\e90e";
}

.ico-info:before {
  content: "\e90f";
}

.ico-inst_like:before {
  content: "\e910";
}

.ico-instagram:before {
  content: "\e911";
}

.ico-izbr_active:before {
  content: "\e912";
}

.ico-izbr_normal:before {
  content: "\e913";
}

.ico-left_arrow_sl:before {
  content: "\e915";
}

.ico-list_layout:before {
  content: "\e916";
}

.ico-left_ar_sml:before {
  content: "\e914";
}

.ico-loupe_white:before {
  content: "\e917";
}

.ico-next_small:before {
  content: "\e918";
}

.ico-open-book:before {
  content: "\e919";
}

.ico-phone-call:before {
  content: "\e91a";
}

.ico-pin:before {
  content: "\e91b";
}

.ico-poisk:before {
  content: "\e91c";
}

.ico-polzunok:before {
  content: "\e91d";
}

.ico-privacy:before {
  content: "\e91e";
}

.ico-rar:before {
  content: "\e91f";
}

.ico-right_ar_sml:before {
  content: "\e920";
}

.ico-right_arrow_sl:before {
  content: "\e921";
}

.ico-ruble_big:before {
  content: "\e922";
}

.ico-ruble_small:before {
  content: "\e923";
}

.ico-send:before {
  content: "\e924";
}

.ico-share_soc:before {
  content: "\e925";
}

.ico-shopping-basket:before {
  content: "\e926";
}

.ico-shopping-cart:before {
  content: "\e927";
}

.ico-speech-bubble:before {
  content: "\e928";
}

.ico-srav_active:before {
  content: "\e929";
}

.ico-srav_normal:before {
  content: "\e92a";
}

.ico-to-bottom-ar:before {
  content: "\e92b";
}

.ico-to-top-ar:before {
  content: "\e92c";
}

.ico-twitter-1:before {
  content: "\e92d";
}

.ico-user_main:before {
  content: "\e92e";
}

.ico-user:before {
  content: "\e92f";
}

.ico-vibor:before {
  content: "\e930";
}

.ico-vk-1:before {
  content: "\e931";
}

.ico-vk-2:before {
  content: "\e932";
}

.ico-vk-f:before {
  content: "\e933";
}

.ico-vk-t:before {
  content: "\e934";
}
/* End */


/* Start:/local/templates/xbitt/styles/jquery.fancybox.min.css?176770629412795*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */


/* Start:/local/templates/xbitt/styles/consent.css?17881767924995*/
/* RS-1577: страницы «Политика» (/agreement/) и «Согласие на обработку ПД» (/consent/).
   Документы приходят от клиента таблицами и нумерованными пунктами — здесь только
   типографика и горизонтальная прокрутка таблиц на узких экранах. */

.agreement {
	line-height: 1.5;
}

.agreement p {
	margin: 0 0 10px;
	text-align: justify;
}

.agreement__h {
	margin: 24px 0 12px;
	text-align: left !important;
	text-transform: uppercase;
}

.agreement__h:first-child {
	margin-top: 0;
}

.agreement ul {
	margin: 0 0 10px;
	padding-left: 22px;
	list-style: disc;
}

.agreement ul li {
	margin-bottom: 6px;
	text-align: justify;
}

.agreement__tableWrap {
	margin: 0 0 16px;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.agreement__table {
	width: 100%;
	min-width: 560px;
	border-collapse: collapse;
}

.agreement__table td {
	padding: 8px 10px;
	border: 1px solid #d9d9d9;
	vertical-align: top;
}

.agreement__table td p {
	margin: 0 0 6px;
	text-align: left;
}

.agreement__table td p:last-child {
	margin-bottom: 0;
}

@media (max-width: 767px) {
	.agreement p,
	.agreement ul li {
		text-align: left;
	}

	.agreement__table {
		min-width: 460px;
		font-size: 13px;
	}
}

/* Ссылка «Согласие на обработку ПД» в подвале: .footer__politics — flex
   с переносом, поэтому ссылка занимает всю строку и встаёт ровно под
   «Политикой конфиденциальности», а «Карта сайта» остаётся справа от неё. */
.footer__consent {
	-webkit-flex: 0 0 100%;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
}

/* Комм. 11988, п. 1: у «Согласия на обработку ПД» иконки нет, но текст должен
   остаться на том же месте — ровно под текстом «Политики конфиденциальности».
   Пустой <i> занимает те же 24 px + 0.25rem, что и иконка (см. .footer__icon i
   в style.css), поэтому строка не съезжает влево. */
.footer__iconBlank {
	visibility: hidden;
}

/* Галочка согласия в форме отзыва: у отзывов своя вёрстка (wcrForm),
   класса .checkbox там нет. */
.wcrForm__agreeLabel {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	font-size: 13px;
	line-height: 1.4;
	cursor: pointer;
}

.wcrForm__agreeLabel input {
	flex: 0 0 auto;
	margin-top: 2px;
}

/* Текст галочки согласия — обычный поток, а не flex: в теме у .checkbox label
   стоит inline-flex, и метка из нескольких кусков со ссылками разъезжается
   по строке. Селекторы повторяют тему, чтобы перебить её правила. */
.checkbox label.wcConsent,
.checkbox.agree label.wcConsent,
.form .checkbox.agree label.wcConsent,
.form.fancybox-content .checkbox.agree label.wcConsent,
.register-form .checkbox.agree label.wcConsent {
	display: block;
	position: relative;
	margin-left: 0;
	padding-left: 23px;
	line-height: 1.4;
	text-align: left;
}

.checkbox label.wcConsent:before,
.checkbox.agree label.wcConsent:before,
.form .checkbox.agree label.wcConsent:before,
.form.fancybox-content .checkbox.agree label.wcConsent:before,
.register-form .checkbox.agree label.wcConsent:before {
	position: absolute;
	left: 0;
	top: 3px;
	margin-right: 0;
}

/* Ссылка «Политике» в поп-апе «Предупреждение!»: текст там чёрный и жирный,
   без выделения ссылку не отличить от остальной фразы. */
.popupWarning18 .warning18 a {
	color: #be1e2d;
	text-decoration: underline;
}

/* Ссылки на Политику и Согласие должны читаться как ссылки: в теме цвет
   ссылки совпадает с цветом текста, поэтому выделяем подчёркиванием.
   Цвет наследуем от метки: у корпоративной формы блок красный, а тема красит
   ссылку в тёмно-серый — на красном фоне её почти не видно. */
.wcConsent a,
.wcrForm__agreeLabel a {
	color: inherit;
	text-decoration: underline;
}

/* Комм. 11988, п. 3: почта Оператора в тексте документов — рабочая ссылка
   mailto. В теме цвет ссылки совпадает с цветом текста, поэтому подчёркиваем,
   иначе от обычного текста её не отличить. */
.agreement a {
	color: inherit;
	text-decoration: underline;
}

/* End */


/* Start:/local/templates/xbitt/styles/minicart.css?178899099513078*/
/* RS-729. Мини-корзина в шапке.
   Файл отдельный: styles/style.css собран из scss, исходника в репозитории
   нет, править сборку руками — потерять правку при следующей сборке. */

#headerCart {
	position: relative;
}

/* Окно лежит внутри блока шапки, а у того ссылки выровнены по центру
   (.headerUser__link a — display: block; text-align: center). Внутри окна
   по центру стоит только кнопка перехода и картинка товара, остальное —
   по левому краю. Селектор с #headerCart, потому что правило шапки
   специфичнее text-align у .miniCart. */
#headerCart .miniCart a {
	text-align: left;
}

#headerCart .miniCart__img a,
#headerCart a.miniCart__go {
	text-align: center;
}

.miniCart {
	/* Ширина полосы прокрутки списка. Список прокручивается начиная с трёх
	   позиций, и полоса съедает ширину у строк, но не у подвала — без этой
	   поправки ценник уезжал бы влево от «Итого» ровно на неё. Значение
	   ставит minicart.js: в разных системах полоса разной ширины, а поверх
	   содержимого (macOS) её вообще нет. */
	--miniCartGutter: 0px;
	position: absolute;
	top: 100%;
	right: -0.625rem;
	z-index: 300;
	width: 27.5rem;
	margin-top: 0.9rem;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.3;
	text-align: left;
	color: #414042;
	background: #fff;
	/* Углы окна прямые — по правке вёрстки. */
	border-radius: 0;
	box-shadow: 0 6px 28px rgba(0, 0, 0, 0.18);
	cursor: default;
	/* Появление и затухание. Окно позиционировано absolute и из потока
	   выключено, поэтому прячем его прозрачностью и visibility, а не
	   display: так opacity можно проанимировать. visibility гасится с
	   задержкой на длину анимации — окно остаётся кликабельным, пока
	   дозатухает, и не перехватывает клики, когда скрыто (pointer-events). */
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(-6px);
	    -ms-transform: translateY(-6px);
	        transform: translateY(-6px);
	-webkit-transition: opacity 0.18s ease, -webkit-transform 0.18s ease, visibility 0s linear 0.18s;
	transition: opacity 0.18s ease, transform 0.18s ease, visibility 0s linear 0.18s;
	pointer-events: none;
}

.miniCart.miniCart--open {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
	-webkit-transition: opacity 0.18s ease, -webkit-transform 0.18s ease, visibility 0s;
	transition: opacity 0.18s ease, transform 0.18s ease, visibility 0s;
	pointer-events: auto;
}

.miniCart.miniCart--busy .miniCart__inner {
	opacity: 0.5;
	pointer-events: none;
}

/* Уголок к иконке корзины. */
.miniCart:before {
	content: '';
	position: absolute;
	top: -7px;
	right: 2.5rem;
	width: 14px;
	height: 14px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	box-shadow: -3px -3px 8px rgba(0, 0, 0, 0.06);
}

.miniCart__inner {
	position: relative;
	background: #fff;
	/* Углы прямые — по правке вёрстки (внутренний слой задаёт видимые углы). */
	border-radius: 0;
	overflow: hidden;
}

.miniCart__head {
	padding: 1rem 1.25rem;
	font-weight: 700;
	font-size: 16px;
	border-bottom: 1px solid #e6e6e6;
}

.miniCart__empty {
	padding: 1.5rem 1.25rem;
	color: #7c7c7c;
}

.miniCart__list {
	max-height: 24rem;
	overflow-y: auto;
}

.miniCart__item {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	padding: 1rem 1.25rem;
	padding-right: -webkit-calc(1.25rem - var(--miniCartGutter, 0px));
	padding-right: calc(1.25rem - var(--miniCartGutter, 0px));
	border-bottom: 1px solid #eeeeee;
}

.miniCart__item:last-child {
	border-bottom: 0;
}

.miniCart__img {
	position: relative;
	-webkit-flex: 0 0 4.375rem;
	    -ms-flex: 0 0 4.375rem;
	        flex: 0 0 4.375rem;
	width: 4.375rem;
	text-align: center;
}

.miniCart__img img {
	max-width: 100%;
	max-height: 5.625rem;
	width: auto;
	height: auto;
}

.miniCart__label {
	position: absolute;
	top: -0.35rem;
	left: -0.35rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: 1.625rem;
	height: 1.625rem;
	border-radius: 50%;
	background: #be1e2d;
	color: #fff;
	font-size: 10px;
	font-weight: 700;
}

.miniCart__info {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	    -ms-flex: 1 1 auto;
	        flex: 1 1 auto;
	min-width: 0;
	padding: 0 0 0 1rem;
}

/* Справа колонка доходит до края окна, чтобы ценник встал ровно под
   «Итого». Крестик из потока вынут (см. .miniCart__remove), поэтому место
   под него отступом освобождает только название — цена проходит под ним. */
/* Proxima Nova Semibold. В теме (styles/fonts.css) семейство Semibold
   зарегистрировано как 'Proxima Nova' c font-weight: 600 — отдельного имени
   у него нет, поэтому Semibold задаётся парой family + weight 600. Применено
   к названию товара, характеристикам, количеству и «Итого» — по правке.
   Название задано на контейнере, чтобы товар без ссылки тоже был Semibold. */
.miniCart__name {
	padding-right: 1.75rem;
	font-family: 'Proxima Nova', sans-serif;
	font-weight: 600;
}

.miniCart__name a {
	color: #414042;
	text-decoration: none;
}

.miniCart__name a:hover {
	color: #be1e2d;
}

.miniCart__props {
	margin-top: 0.25rem;
	font-size: 12px;
	color: #8a8a8a;
	font-family: 'Proxima Nova', sans-serif;
	font-weight: 600;
}

.miniCart__row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin-top: 0.75rem;
}

.miniCart__count {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	border: 1px solid #d7d7d7;
	border-radius: 4px;
	overflow: hidden;
}

/* «Минус» и «плюс» нарисованы полосками, а не набраны буквами. Буквами их
   ровно не поставить: знак минуса и знак плюса в шрифте стоят по
   математической оси, а она выше середины строки, и оба знака оказывались
   на полтора пикселя выше числа в поле. Полоски же центруются по самой
   кнопке и не зависят ни от шрифта, ни от того, подхватился ли он вообще.
   Размер — из макета: 8 px в длину, 2 px в толщину. Сами знаки в разметке
   остаются: их читают с экрана вслух, поэтому они не убраны, а погашены
   нулевым кеглем. */
.miniCart__countBtn {
	position: relative;
	width: 1.875rem;
	height: 1.875rem;
	font-size: 0;
	line-height: 0;
	text-align: center;
	color: #7c7c7c;
	cursor: pointer;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}

.miniCart__countBtn:before,
.miniCart__countBtn:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	background: currentColor;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

/* Поперечная полоска есть у обеих кнопок — у «минуса» она и есть весь знак. */
.miniCart__countBtn:before {
	width: 8px;
	height: 2px;
}

.miniCart__countBtn[data-minicart="plus"]:after {
	width: 2px;
	height: 8px;
}

.miniCart__countBtn:hover {
	color: #be1e2d;
}

/* Последнюю штуку из корзины убирают крестиком, а не минусом: количество
   ниже единицы корзина всё равно не примет. Клик по такой кнопке гасит и
   JS — на pointer-events рассчитывать нельзя, он не везде отменяет клик. */
.miniCart__countBtn.__off,
.miniCart__countBtn.__off:hover {
	color: #d9d9d9;
	cursor: default;
	pointer-events: none;
}

.miniCart__count input {
	width: 2.25rem;
	height: 1.875rem;
	padding: 0;
	border: 0;
	text-align: center;
	font-size: 14px;
	font-family: 'Proxima Nova', sans-serif;
	font-weight: 600;
	color: #414042;
	background: transparent;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
}

.miniCart__price {
	padding-left: 0.75rem;
	text-align: right;
	white-space: nowrap;
}

.miniCart__priceOld {
	display: block;
	font-size: 12px;
	color: #be1e2d;
	text-decoration: line-through;
}

.miniCart__priceNew {
	display: block;
	font-weight: 700;
	font-size: 15px;
}

/* Крестик вынут из потока: пока он стоял третьей колонкой, он сдвигал
   ценник влево на свою ширину, и правый край цены не сходился с «Итого». */
.miniCart__remove {
	position: absolute;
	top: 1rem;
	right: -webkit-calc(1.25rem - var(--miniCartGutter, 0px));
	right: calc(1.25rem - var(--miniCartGutter, 0px));
	width: 1.25rem;
	height: 1.25rem;
	cursor: pointer;
	opacity: 0.45;
}

.miniCart__remove:hover {
	opacity: 1;
}

.miniCart__remove:before,
.miniCart__remove:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 10%;
	width: 80%;
	height: 2px;
	background: #414042;
}

.miniCart__remove:before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.miniCart__remove:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.miniCart__foot {
	padding: 1rem 1.25rem 1.25rem;
	background: #fafafa;
	border-top: 1px solid #e6e6e6;
}

.miniCart__total {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	-webkit-align-items: baseline;
	    -ms-flex-align: baseline;
	        align-items: baseline;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin-bottom: 0.9rem;
	font-family: 'Proxima Nova', sans-serif;
}

/* «Итого:» — Proxima Nova Semibold. */
.miniCart__total span {
	color: #7c7c7c;
	font-weight: 600;
}

.miniCart__total b {
	font-size: 20px;
	font-weight: 700;
	white-space: nowrap;
}

/* box-sizing обязателен: глобального border-box в теме нет, и ширина 100%
   вместе с внутренними отступами и рамкой .btn выносила кнопку за окно на
   эти самые отступы. Рамку .btn гасим — кнопка сплошная. */
a.miniCart__go {
	display: block;
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border: 0;
	padding: 0.85rem 1rem;
	background: #be1e2d;
	color: #fff;
	/* Углы кнопки прямые — по правке вёрстки. */
	border-radius: 0;
	text-align: center;
	text-decoration: none;
	font-weight: 700;
	font-size: 15px;
}

a.miniCart__go:hover {
	background: #a4111f;
	color: #fff;
}

/* Мобильная версия по задаче остаётся как была. */
@media (max-width: 767px) {
	.miniCart,
	.miniCart.miniCart--open {
		display: none;
	}
}

/* End */


/* Start:/local/templates/xbitt/styles/header-sticky.css?17889909951115*/
/* RS-729. Средняя полоса шапки прижата к верхней границе экрана при прокрутке.
   Файл отдельный: styles/style.css собран из scss, исходника в репозитории нет,
   и правка руками потерялась бы при следующей сборке. */

@media (min-width: 768px) {
	/* Класс ставит header-sticky.js, он же держит место вынутой из потока
	   полосы отступом сверху у .header — ровно её высотой. */
	.header--pinned .header__middle {
		position: fixed;
		top: 0;
		/* Закреплённая панель администратора Битрикса занимает верх экрана;
		   её высоту подставляет скрипт, у всех остальных здесь ноль. */
		top: var(--headerPinTop, 0px);
		left: 0;
		right: 0;
		z-index: 200;
		background: #fff;
		-webkit-box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
		        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.1);
	}
}

/* End */


/* Start:/local/templates/xbitt/styles/mobile-nav.css?178914146762012*/
/* RS-729. Мобильная шапка и нижняя навигация (< 768px).
   ------------------------------------------------------------------
   Задача (замечание Вадима от 19.08): на мобильной версии всплывающая
   мини-корзина — плохая идея. Заменяем верх и низ страницы:
     ВЕРХ  — логотип, телефон, строка поиска (закреплены сверху);
     НИЗ   — фиксированная панель: Меню, Акции, Избранное, Корзина, Профиль.
   Кнопка «Акции» открывает меню сразу на разделе «Акции».

   Границы правки строгие:
   * всё срабатывает только на ширине < 768px — десктоп (принятые ранее
     липкая шапка и мини-корзина) не затрагивается;
   * все классы неймспейснуты префиксом .mnav- — они не пересекаются с
     классами темы (.header, .logo, .search, .tabbar и т.п.);
   * контейнеры .mnav-topbar/.mnav-tabbar/.mnav-sheet по умолчанию
     display:none (то есть скрыты на десктопе) и показываются только внутри
     @media (max-width:767px). Их внутренние правила можно не оборачивать в
     медиазапрос — на десктопе родитель скрыт, потомки не рендерятся;
   * иконки берём из штатного шрифта сайта winec_ (.ico-*) и из встроенного
     SVG-спрайта — свой шрифт не тащим;
   * середину страницы (контент, промо-баннеры) не трогаем.
   Файл отдельный: styles/style.css собран из scss без исходника в репозитории. */

.mnav-topbar,
.mnav-tabbar { display: none; }
.mnav-sheet  { display: none; }

/* ---------- Токены ---------- */
:root {
	--mnav-red: #be1e2d;
	--mnav-red-dark: #a3151f;
	--mnav-ink: #2d2d2e;
	--mnav-muted: #8a8a8f;
	--mnav-line: #ececec;
	--mnav-bg: #f4f4f5;
	/* комм. 11633: шапка 60→54, строка поиска 58→50 */
	--mnav-header-h: 54px;
	--mnav-search-h: 50px;
	--mnav-nav-h: 58px;
	--mnav-safe-b: env(safe-area-inset-bottom, 0px);
	--mnav-safe-t: env(safe-area-inset-top, 0px);
	--mnav-radius: 12px;
	--mnav-nav-ico: #3d3d3d;
	--mnav-nav-label: #6b6b6b;
	--mnav-nav-active: #1a1a1a;
	--mnav-gift-ic: #be1e2d;
	--mnav-gift-bg: #fdeaec;
}

/* ================= ВЕРХ: шапка + поиск ================= */
.mnav-topbar {
	position: fixed;
	top: 0; left: 0; right: 0;
	z-index: 1100;
	background: #fff;
	padding-top: var(--mnav-safe-t);
	box-shadow: 0 1px 0 var(--mnav-line);
	transition: box-shadow .2s ease;
}
.mnav-topbar.is-scrolled { box-shadow: 0 2px 10px rgba(0, 0, 0, .08); }

.mnav-header {
	height: var(--mnav-header-h);
	display: flex; align-items: center; justify-content: space-between;
	padding: 0 14px; gap: 12px;
}
.mnav-logo {
	display: block; width: 150px; height: 40px;
	background: url("/local/templates/xbitt/styles/../img/logo_mob1.svg") left center / contain no-repeat;
	flex: 0 0 auto;
}
.mnav-phone {
	display: inline-flex; align-items: center; gap: 7px;
	font-size: 15px; font-weight: 700; letter-spacing: .1px; white-space: nowrap;
	color: var(--mnav-ink);
}
.mnav-phone .ico-phone-call { color: var(--mnav-red); font-size: 15px; }

.mnav-searchWrap { height: var(--mnav-search-h); }
.mnav-search {
	height: var(--mnav-search-h);
	display: flex; align-items: center;
	padding: 0 14px 12px;
}
.mnav-search__field {
	flex: 1; display: flex; align-items: center; height: 40px;
	border: 1px solid var(--mnav-line); border-right: 0;
	border-radius: var(--mnav-radius) 0 0 var(--mnav-radius);
	background: #fff; padding: 0 14px;
}
.mnav-search__field input {
	flex: 1; border: 0; outline: 0; background: none;
	font-size: 15px; color: var(--mnav-ink); min-width: 0;
}
.mnav-search__field input::placeholder { color: var(--mnav-muted); }
.mnav-search__btn {
	width: 58px; height: 40px; flex: 0 0 auto;
	background: var(--mnav-red); color: #fff; font-size: 19px;
	border: 0; border-radius: 0 var(--mnav-radius) var(--mnav-radius) 0;
	display: grid; place-items: center; cursor: pointer;
	position: relative;
	transition: background .15s ease;
}
.mnav-search__btn:active { background: var(--mnav-red-dark); }
.mnav-search__btn.is-loading { color: transparent; pointer-events: none; }
.mnav-search__btn.is-loading::before { visibility: hidden; }
.mnav-search__btn.is-loading::after {
	content: ""; position: absolute; inset: 0; margin: auto;
	width: 18px; height: 18px; box-sizing: border-box;
	border: 2px solid rgba(255, 255, 255, .45); border-top-color: #fff;
	border-radius: 50%; animation: mnav-spin .6s linear infinite;
}
@keyframes mnav-spin { to { transform: rotate(360deg); } }

/* ================= НИЖНЯЯ ПАНЕЛЬ ================= */
.mnav-tabbar {
	/* п.3 (комм. 11811): «закругление ... так же у меню снизу» — 12px сверху.
	   Когда над таббаром стоит панель покупки, углы скругляет она, а таббару
	   углы возвращаем прямыми (правило ниже), иначе на стыке видны просветы. */
	border-radius: var(--mnav-radius) var(--mnav-radius) 0 0;
	position: fixed;
	left: 0; right: 0; bottom: 0;
	z-index: 1300;
	height: calc(var(--mnav-nav-h) + var(--mnav-safe-b));
	padding-bottom: var(--mnav-safe-b);
	background: #fff;
	border-top: 1px solid var(--mnav-line);
	box-shadow: 0 -2px 14px rgba(0, 0, 0, .07);
	grid-template-columns: repeat(5, 1fr);
}
.mnav-tab {
	display: flex; flex-direction: column; align-items: center; justify-content: center;
	gap: 4px; height: var(--mnav-nav-h); position: relative;
	color: var(--mnav-nav-ico); cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}
.mnav-tab__ico {
	height: 24px; display: grid; place-items: center;
	font-size: 22px; position: relative; color: var(--mnav-nav-ico);
	transition: color .15s ease;
}
.mnav-tab__ico svg { display: block; }
.mnav-tab__label {
	font-size: 11px; font-weight: 400; letter-spacing: .1px; color: var(--mnav-nav-label);
	transition: color .15s ease, font-weight .15s ease;
}
.mnav-tab.is-active .mnav-tab__ico { color: var(--mnav-nav-active); }
.mnav-tab.is-active .mnav-tab__label { color: var(--mnav-nav-active); font-weight: 700; }
.mnav-tab:active .mnav-tab__ico { transform: scale(.9); transition: transform .1s; }

/* счётчик корзины */
.mnav-tab__badge {
	position: absolute; top: -6px; right: -11px;
	box-sizing: border-box;
	min-width: 18px; height: 18px; border-radius: 999px; padding: 0 4px;
	background: var(--mnav-red); color: #fff;
	/* родитель .ico-shopping-cart навязывает иконочный шрифт winec_ — для цифр
	   счётчика возвращаем текстовый шрифт, иначе на месте числа глиф иконки */
	font-family: 'Proxima Nova', Arial, sans-serif !important;
	font-size: 11px; font-weight: 700; font-style: normal;
	font-variant-numeric: tabular-nums; letter-spacing: 0;
	display: none; place-items: center; line-height: 1;
	box-shadow: 0 0 0 2px #fff;
}
.mnav-tab__badge.is-shown { display: grid; }

/* ================= Полноэкранная панель «Меню» ================= */
.mnav-sheet {
	position: fixed; inset: 0; z-index: 1200;
	background: #fff;
	flex-direction: column;
	transform: translateY(100%);
	transition: transform .3s cubic-bezier(.4, 0, .2, 1);
	will-change: transform;
}
.mnav-sheet.is-open { transform: translateY(0); }

.mnav-sheet__head {
	flex: 0 0 auto;
	height: var(--mnav-header-h);
	padding: var(--mnav-safe-t) 6px 0 6px;
	display: flex; align-items: center; gap: 2px;
	border-bottom: 1px solid var(--mnav-line);
	box-sizing: content-box;
}
.mnav-sheet__title { font-size: 19px; font-weight: 700; margin: 0; flex: 1 1 auto; padding-left: 12px; }
.mnav-sheet__head.has-back .mnav-sheet__title { padding-left: 2px; }
.mnav-sheet__back {
	width: 44px; height: 44px; flex: 0 0 auto;
	display: none; align-items: center; justify-content: center;
	background: none; border: 0; color: var(--mnav-nav-ico); cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}
.mnav-sheet__head.has-back .mnav-sheet__back { display: flex; }
.mnav-sheet__close {
	width: 44px; height: 44px; flex: 0 0 auto;
	display: grid; place-items: center;
	background: none; border: 0; font-size: 26px; line-height: 1;
	color: var(--mnav-nav-ico); cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}

/* стопка экранов: корневой список + разделы категорий */
.mnav-stack { flex: 1 1 auto; position: relative; overflow: hidden; }
.mnav-screen {
	position: absolute; inset: 0;
	display: flex; flex-direction: column; background: #fff;
	transform: translateX(100%);
	transition: transform .3s cubic-bezier(.4, 0, .2, 1);
}
.mnav-screen.is-active { transform: translateX(0); z-index: 2; }
.mnav-screen.is-left { transform: translateX(-100%); }

.mnav-body {
	flex: 1 1 auto; overflow-y: auto; overflow-x: hidden; -webkit-overflow-scrolling: touch;
	overscroll-behavior: contain;
	padding-bottom: 8px;
}
.mnav-body--pad { padding-bottom: calc(var(--mnav-nav-h) + var(--mnav-safe-b) + 8px); }

.mnav-plain {
	display: block; padding: 14px 18px; border-bottom: 1px solid var(--mnav-line);
	font-size: 16px; font-weight: 600; color: var(--mnav-ink);
	-webkit-tap-highlight-color: transparent;
}
.mnav-plain:active { background: #f7f7f8; }
.mnav-plain--primary { color: var(--mnav-red); }

/* аккордеон фильтра */
.mnav-acc { border-bottom: 1px solid var(--mnav-line); }
.mnav-acc__head {
	width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 10px;
	padding: 14px 18px; font-size: 16px; font-weight: 600; color: var(--mnav-ink);
	text-align: left; background: none; border: 0; cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}
.mnav-acc__head:active { background: #f7f7f8; }
.mnav-acc__chev { flex: 0 0 auto; color: var(--mnav-muted); transition: transform .2s ease; display: flex; }
.mnav-acc.is-open .mnav-acc__chev { transform: rotate(180deg); }
.mnav-acc__panel { max-height: 0; overflow: hidden; transition: max-height .3s ease; }
.mnav-acc.is-open .mnav-acc__panel { max-height: 460px; }

/* «Акции» в корне: раскрывает список ссылок на тонированном фоне */
.mnav-item__label--red { color: var(--mnav-ink); }
/* комм. 11575: значок «%» раздела «Акции» в СПИСКЕ меню — фирменным красным.
   комм. 11633: в нижней навигационной панели «%» красить не надо — там он как был. */
#mnavPromoAcc .mnav-catico--accent { color: var(--mnav-red); }
.mnav-macc { background: var(--mnav-gift-bg); }
.mnav-macc__link {
	display: flex; align-items: center; justify-content: space-between;
	padding: 13px 18px 13px 72px;
	font-size: 15px; font-weight: 500; color: var(--mnav-ink);
	border-bottom: 1px solid rgba(190, 30, 45, .12);
	-webkit-tap-highlight-color: transparent;
}
.mnav-macc__link:last-child { border-bottom: 0; }
.mnav-macc__link:active { background: rgba(190, 30, 45, .08); }
.mnav-macc__link i { color: var(--mnav-gift-ic); font-size: 14px; font-style: normal; flex: 0 0 auto; }

.mnav-chips { display: flex; flex-wrap: wrap; gap: 8px; padding: 2px 18px 16px; }
.mnav-chip {
	/* 9-й круг (комм. 11914): 20px, как было до 4-го круга и как в эталонной
	   вёрстке (.chip, border-radius: 20px). 12px сюда пришли из снятого
	   общего правила. */
	display: inline-block; padding: 8px 14px; border-radius: 20px; background: var(--mnav-bg);
	font-size: 13.5px; font-weight: 600; color: var(--mnav-ink); border: 1px solid var(--mnav-line);
	-webkit-tap-highlight-color: transparent;
}
.mnav-chip--all { background: var(--mnav-red); border-color: var(--mnav-red); color: #fff; }

.mnav-item {
	display: flex; align-items: center; gap: 14px; width: 100%;
	padding: 11px 18px; border-bottom: 1px solid var(--mnav-line); font-size: 16px;
	text-align: left; background: none; border-left: 0; border-right: 0; border-top: 0;
	color: var(--mnav-ink); cursor: pointer;
}
.mnav-item:last-child { border-bottom: 0; }
.mnav-item i { color: var(--mnav-muted); font-size: 14px; font-style: normal; flex: 0 0 auto; }
.mnav-item:active { background: #f7f7f8; }
.mnav-item__label { flex: 1 1 auto; font-weight: 500; line-height: 1.3; }

.mnav-catico {
	width: 34px; height: 34px; flex: 0 0 auto;
	display: grid; place-items: center; color: var(--mnav-nav-ico);
}
.mnav-catico svg { width: 24px; height: 24px; display: block; }
.mnav-catico--accent { color: var(--mnav-red); }

/* блок контактов внутри списка «Меню» */
.mnav-info {
	display: flex; flex-direction: column; gap: 2px;
	padding: 14px 0; margin-top: 10px;
	border-top: 1px solid var(--mnav-line); background: #fafafa;
}
.mnav-info__row {
	display: flex; align-items: flex-start; gap: 14px;
	padding: 9px 18px; font-size: 14.5px; color: var(--mnav-ink); line-height: 1.4;
}
.mnav-info__row--phone { font-size: 16px; font-weight: 700; align-items: center; }
.mnav-info__row span:last-child { padding-top: 2px; }
.mnav-info__row--phone span:last-child { padding-top: 0; }
.mnav-info__hours { font-size: 15px; font-weight: 600; color: var(--mnav-ink); }
.mnav-info__status {
	display: inline-flex; align-items: center; gap: 6px;
	font-size: 13px; font-weight: 700; margin-bottom: 4px;
}
.mnav-info__status::before {
	content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; flex: 0 0 auto;
}
.mnav-info__status.is-open { color: #2f8f5c; }
.mnav-info__status.is-closed { color: var(--mnav-muted); }

/* ================= включение на мобильной ширине ================= */
@media (max-width: 767px) {
	/* штатную шапку темы прячем целиком — её роль берут верхняя панель и
	   выезжающее меню; десктоп (>=768px) остаётся как был */
	header.header { display: none !important; }

	.mnav-topbar { display: block; }
	.mnav-tabbar { display: grid; }
	.mnav-sheet  { display: flex; }

	/* контент и футер не должны заезжать под фиксированные панели */
	body {
		padding-top: calc(var(--mnav-header-h) + var(--mnav-search-h) + var(--mnav-safe-t));
	}
	/* п.1 (2-й круг): нижний отступ переехал с футера на body (правило ниже,
	   --mnav-bottom-h) — место резервирует сам контент, а не только футер.
	   Здесь отступ снимаем, иначе два отступа сложились бы и внизу появилась
	   бы двойная пустота. Белой полосы не будет: закреплённый низ непрозрачный
	   и по высоте совпадает с новым отступом до пикселя. */
	.footer { padding-bottom: 0; }
	/* на мобильной ширине убираем горизонтальную прокрутку */
	html, body { overflow-x: hidden; }
}

/* RS-729 (правки с проверки). */
/* Стрелка у ссылок «Весь виски/коньяк…», как у пунктов меню. */
.mnav-plain--primary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}
.mnav-plain--primary i {
	color: var(--mnav-muted);
	font-size: 18px;
	font-style: normal;
	line-height: 1;
	flex: 0 0 auto;
}
/* Крестик очистки в поле поиска — серый (был синий). */
.mnav-search__field input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
	appearance: none;
	width: 15px;
	height: 15px;
	cursor: pointer;
	background-color: var(--mnav-muted);
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6l12 12M18 6L6 18' stroke='black' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6l12 12M18 6L6 18' stroke='black' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") center / contain no-repeat;
}
/* «Все» раскрывает остальные значения фильтра, не уводя на товары. */
.mnav-chip--more { display: none; }
.mnav-chips.is-allshown .mnav-chip--more { display: inline-block; }
.mnav-chips.is-allshown .mnav-chip--all { display: none; }

/* RS-1569. «Все» подгружает весь список значений свойства (см. mobile-nav.js).
   Панель аккордеона обычного блока ограничена 460 px — для полного списка
   снимаем потолок и отдаём прокрутку самому списку, иначе соседние группы
   уезжают на несколько экранов вниз. */
.mnav-chips.is-loading .mnav-chip--all { opacity: .6; pointer-events: none; }
/* потолок снимаем только у РАСКРЫТОГО блока: иначе после «Все» панель остаётся
   развёрнутой навсегда и повторный тап по заголовку её не сворачивает
   (комм. 12009). Свёрнутому блоку правило .mnav-acc__panel { max-height: 0 }
   должно доставаться как обычно. */
.mnav-acc.is-full.is-open .mnav-acc__panel { max-height: none; }
.mnav-chips.is-full {
	max-height: 50vh; overflow-y: auto; -webkit-overflow-scrolling: touch;
	overscroll-behavior: contain; align-content: flex-start;
}
/* полный ряд диапазонов цены отменяет верхний «От …» — он их перекрывает */
.mnav-chips.is-allshown .mnav-chip--upto { display: none; }
.mnav-chips__find {
	display: block; width: calc(100% - 36px); margin: 0 18px 10px;
	padding: 9px 12px; border: 1px solid var(--mnav-line); border-radius: 10px;
	font-size: 14px; color: var(--mnav-ink); background: #fff; -webkit-appearance: none;
}
.mnav-chips__find:focus { outline: none; border-color: var(--mnav-muted); }


/* ===================================================================
   RS-1375. Мобильная панель покупки на карточке товара (< 768px).
   Закреплена НАД нижней навигацией (.mnav-tabbar). Две кнопки в состоянии
   «покой» и «В корзине» + степпер после добавления. На десктопе скрыта.
   Не пересекается с правилами RS-729 выше (свой префикс .mnav-buybar).
   =================================================================== */
.mnav-buybar { display: none; }
/* RS-1375: артикул в карточке — только мобила (<768px). */
.cElement__artCard { display: none; }
/* RS-729 (4-й круг, комм. 11811): «Нет в наличии» и «Купить в 1 клик» в серой
   карточке — тоже только мобила (<768px). На десктопе статуса «нет в наличии»
   не было и не появляется, а «в 1 клик» там своя кнопка в .cElement__buyBlockMd. */
.cElement__statusOut { display: none; }
.cElement__oneClickMob { display: none; }

@media (max-width: 767px) {
	:root {
		--mnav-buy-red: #c81732;
		--mnav-buy-red-dark: #a81128;
		--mnav-buy-ink: #414042;
		--mnav-buy-step-bg: #f0f0f0;
		/* 6-й круг (комм. 11872), п.1: панель выше. По эталонной вёрстке
		   (.mobile-purchase-price / .mobile-purchase-button, min-height: 52px)
		   ячейки должны быть 52px, а не 45px. 52 + 10px поля сверху +
		   10px снизу + 1px линия сверху = 73px. */
		--mnav-buybar-h: 73px;
	}

	.mnav-buybar {
		position: fixed;
		left: 0; right: 0;
		bottom: calc(var(--mnav-nav-h) + var(--mnav-safe-b));
		z-index: 1250;
		display: grid;
		/* 6-й круг (комм. 11872), п.3: ячейка цены и кнопка одной ширины.
		   Было 1fr / 1.15fr — кнопке отдавали больше (в эталонной вёрстке
		   так и есть), теперь ровно пополам: 172.5px и 172.5px на 375px. */
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		column-gap: 10px;
		height: var(--mnav-buybar-h);
		/* 6-й круг, п.2: поля 10px — те же, что у .wrap. Панель встаёт на общую
		   сетку страницы: края ячеек 10 и 365, как у крошек, H1 и карточки. */
		padding: 10px;
		box-sizing: border-box;
		background: #fff;
		border-top: 1px solid var(--mnav-line);
		/* п.3 (комм. 11811): скругление 12px сверху — панель и таббар вместе
		   образуют одну нижнюю плашку, скругляет её верхний элемент. */
		border-radius: var(--mnav-radius) var(--mnav-radius) 0 0;
		box-shadow: 0 -2px 14px rgba(0, 0, 0, .07);
	}
	/* панель вплотную сливается с нижним меню: в месте стыка убираем
	   верхнюю линию и тень таббара, единую тень несёт панель сверху */
	body.mnav-has-buybar .mnav-tabbar {
		border-top: 0;
		box-shadow: none;
		border-radius: 0;
	}
	.mnav-buybar__cell { display: block; min-width: 0; }
	/* 4-й круг (комм. 11811): левая ячейка — цена. Она ушла из серой карточки:
	   светлая плашка со скруглением 12px, новая цена красная, под ней старая
	   зачёркнутая и процент скидки. У товара без скидки — одна строка. */
	.mnav-buybar__priceCell {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		justify-content: center;
		gap: 2px;
		background: var(--mnav-buy-step-bg);
		border-radius: var(--mnav-radius);
		padding: 4px 12px;
		box-sizing: border-box;
		min-width: 0;
	}
	.mnav-buybar__priceNew {
		font-family: 'Proxima Nova', Arial, sans-serif;
		font-size: 19px; font-weight: 700; line-height: 1.1;
		color: var(--mnav-buy-red); white-space: nowrap;
	}
	/* 6-й круг, п.1: по базовой линии процент со своей подложкой вставал
	   вразнобой со старой ценой — выравниваем по центру, как
	   .mobile-purchase-price__discount в эталоне. */
	.mnav-buybar__priceRow { display: flex; align-items: center; gap: 6px; white-space: nowrap; }
	.mnav-buybar__priceOld {
		font-size: 13px; font-weight: 500; line-height: 1;
		color: var(--mnav-muted); text-decoration: line-through;
	}
	/* 6-й круг (комм. 11872), п.1: «подложку забыл у скидки». Процент — не
	   просто красный текст, а плашка: геометрия из эталонной вёрстки
	   (.mobile-purchase-price__discount em — фон #fff0ed, скругление 9px,
	   поля 0 7px, высота 18px, 12px/700). Цвет цифр оставлен фирменным
	   красным (#c81732), как на присланном скриншоте, а не эталонным
	   #ee2f2f — просили добавить подложку, а не перекрасить процент. */
	.mnav-buybar__priceSale {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 18px;
		padding: 0 7px;
		border-radius: 9px;
		background: #fff0ed;
		font-size: 12px; font-weight: 700; line-height: 1;
		color: var(--mnav-buy-red);
	}
	/* ------------------------------------------------------------------
	   7-й круг (комм. 11882), п.1 и п.3 — ячейка цены у товара БЕЗ скидки.
	   Класс --solo ставит шаблон, когда строки со старой ценой и процентом
	   нет. Со скидкой ячейка остаётся ровно такой, как на присланном
	   скриншоте: две строки, прижаты влево, цена красная.

	   п.1 «если цена без скидки, то она должна быть чёрная, а не красная».
	   Красный в панели — цвет цены со скидкой; без скидки цена обычная и
	   красится основным цветом текста #414042. Это единственная красная цена
	   на странице: проверено обходом всех текстовых узлов карточки на 375 и
	   1280 — на 1280 красных цен нет вообще, на 375 была одна, здесь.

	   п.3 «кнопку с ценой выравняй по вертикали, если скидки нет».
	   8-й круг (комм. 11888), п.1: «цена должна быть СЛЕВА, я просил только
	   по ВЕРТИКАЛИ выправить». В 7-м круге я центрировал строку по обеим осям
	   — по горизонтали это было лишнее. Горизонтальную центровку сняли:
	   ячейка снова наследует align-items: flex-start от .mnav-buybar__priceCell,
	   строка цены стоит у левого края, ровно под подписью «Цена:», как и
	   у товара со скидкой. Вертикальная поправка ниже остаётся — её и просили.
	   По вертикали — поправка на то, что justify-content: center центрирует
	   строчный бокс, а не сами знаки: у цифр и знака рубля нет выносных
	   элементов вниз, поэтому в боксе они сидят выше середины. Величина взята
	   не на глаз, а подобрана перебором с замером по пикселям снимка ячейки (×4).
	   Без поправки знаки стоят 17.25 сверху и 20.75 снизу (перекос вверх 1.75px),
	   с прошлой поправкой 0.32em — 20.25 и 17.75 (перелёт вниз 1.25px). Раскладка
	   округляется до пикселя, поэтому есть площадка 0.22–0.30em, на которой знаки
	   встают 19.25 и 18.75 — это и есть центр с точностью до четверти пикселя.
	   Берём середину площадки, 0.26em: так поправку не сдвинет ни округление, ни
	   мелкое изменение кегля. В em, а не в пикселях, чтобы она ехала за кеглем.
	   Интерлиньяж тут не помогает — он добавляется поровну сверху и снизу и
	   смещение внутри бокса не меняет (проверено: line-height 1.1 -> 1.42 дало
	   тот же перекос).
	   ------------------------------------------------------------------ */
	.mnav-buybar__priceCell--solo .mnav-buybar__priceNew {
		padding-top: 0.26em;
		color: var(--mnav-buy-ink);
	}
	.mnav-buybar__cell > [data-when] { display: none; }
	.mnav-buybar__cell > [data-when="idle"] { display: flex; }
	.mnav-buybar.is-incart .mnav-buybar__cell > [data-when="idle"] { display: none; }
	.mnav-buybar.is-incart .mnav-buybar__cell > [data-when="incart"] { display: flex; }

	/* кнопки панели: крупный жирный текст. п.3 (комм. 11811): углы 12px
	   (было 0). .mnav-buybar__oneclick и .mnav-buybar__incart больше не
	   рисуются: «в 1 клик» переехал в карточку, ссылку «В корзине» вытеснила
	   ячейка цены — в состоянии «в корзине» справа остаётся степпер. */
	.mnav-buybar__add,
	.mnav-buybar__ask {
		/* display задаём здесь: у кнопки «В корзину» его давало правило
		   [data-when="idle"], а у «Уточнить наличие и цену» этого атрибута нет —
		   без display:flex ссылка оставалась строчной и width/height не работали. */
		display: flex;
		width: 100%; height: 100%;
		align-items: center; justify-content: center;
		text-align: center;
		font-family: 'Proxima Nova', Arial, sans-serif;
		font-size: 16px; font-weight: 600; line-height: 1.15;
		border-radius: var(--mnav-radius); box-sizing: border-box;
		padding: 4px 8px; cursor: pointer;
		-webkit-tap-highlight-color: transparent;
	}
	/* «В корзину» и «Уточнить наличие и цену»: сплошной красный, белый текст */
	.mnav-buybar__add,
	.mnav-buybar__ask {
		background: var(--mnav-buy-red);
		border: 1.5px solid var(--mnav-buy-red);
		color: #fff;
		text-decoration: none;
	}
	.mnav-buybar__add:active,
	.mnav-buybar__ask:active {
		background: var(--mnav-buy-red-dark);
		border-color: var(--mnav-buy-red-dark);
	}
	.mnav-buybar__add.is-busy { opacity: .7; pointer-events: none; }
	/* «Уточнить наличие и цену» вдвое длиннее «В корзину» — кегль мельче
	   и разрешаем перенос в две строки */
	.mnav-buybar__ask { font-size: 15px; white-space: normal; }

	/* степпер: светло-серый блок «−  N  +» в один ряд */
	.mnav-buybar__stepper {
		width: 100%; height: 100%;
		align-items: stretch;
		background: var(--mnav-buy-step-bg);
		border-radius: var(--mnav-radius);
		overflow: hidden;
		box-sizing: border-box;
	}
	.mnav-buybar__step {
		flex: 0 0 32%;
		display: flex; align-items: center; justify-content: center;
		background: none; border: 0; cursor: pointer;
		font-size: 26px; line-height: 1; font-weight: 400;
		-webkit-tap-highlight-color: transparent;
	}
	.mnav-buybar__minus { color: #8a8a8f; }
	.mnav-buybar__plus  { color: var(--mnav-buy-red); }
	.mnav-buybar__step:active { background: rgba(0, 0, 0, .05); }
	.mnav-buybar__qty {
		flex: 1 1 auto;
		display: flex; align-items: center; justify-content: center;
		font-family: 'Proxima Nova', Arial, sans-serif;
		font-size: 17px; font-weight: 700; color: var(--mnav-buy-ink);
		font-variant-numeric: tabular-nums;
	}

	/* контент/футер не должны прятаться под панелью + таббаром */
	body.mnav-has-buybar .footer { padding-bottom: 0; }

	/* RS-1375 (2-й круг, c11083). Внутрикарточный блок покупки на мобиле не
	   нужен — покупка теперь в нижней панели: прячем количество и кнопки
	   «Добавить в корзину» / «Заказать в 1 клик» под ценой. */
	body.mnav-has-buybar .cElement__buyBlockMd { display: none !important; }

	/* RS-1375 (правки Вадима): хлебные крошки в одну строку с горизонтальным
	   скроллом вместо переноса (пункты .breadcrumb__item в базовом стиле
	   display:inline). Панель покупки этим не затрагивается. */
	body.mnav-has-buybar .breadcrumb {
		white-space: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	/* RS-1375 (c11083). Единый H1 живёт первым потомком .cElement (десктоп —
	   как был, над карточкой). На мобиле раскладываем карточку одним flex-
	   столбцом: .cElement__main и .cElement__grid расплющиваем через
	   display:contents, чтобы упорядочить блоки как в эталоне:
	   фото → H1 → серая карточка → чипы → характеристики. */
	body.mnav-has-buybar .cElement { display: flex; flex-direction: column; }
	body.mnav-has-buybar .cElement__main,
	body.mnav-has-buybar .cElement__grid { display: contents; }

	/* по умолчанию всё «расплющенное» и прочие прямые блоки .cElement (отзывы
	   .wcrCard, аккордеон «Покупка и оплата» .cElement__bottom, .hr) — в конец */
	body.mnav-has-buybar .cElement > *,
	body.mnav-has-buybar .cElement__grid > * { order: 20; }
	body.mnav-has-buybar .cElement__imgBlock      { order: 1; }
	body.mnav-has-buybar .cElement__h1            { order: 2; }
	body.mnav-has-buybar .cElement__buyBlock      { order: 3; }
	body.mnav-has-buybar .cElement__tags          { order: 4; }
	body.mnav-has-buybar .cElement__propBlock     { order: 5; }
	/* RS-1375 (правки Вадима): три баннера-скидки перенесены в разметке
	   прямым потомком .cElement__grid (сосед характеристик) и поставлены
	   ПОД блок характеристик .cElement__propBlock (order:5).
	   ID-селектор перебивает `.cElement__grid > * { order: 20 }`.

	   RS-1375 (комм. 12142, п.2): «превью карточки товара рекомендуемой
	   замены поднять выше над баннерами». Меняем местами order: замена — 6,
	   баннеры — 7. На десктопе порядок задают области сетки (строка "rec"
	   стоит выше строки "ban"), там он уже такой и не меняется. */
	body.mnav-has-buybar .new-recommended-block   { order: 6; }
	body.mnav-has-buybar #product-banners         { order: 7; }
	body.mnav-has-buybar .cElement__info          { order: 8; }
	body.mnav-has-buybar .cElement__companyBanner { order: 9; }

	/* 6-й круг (комм. 11872), п.2: «вся страница по сетке разъехалась».
	   Общая колонка страницы задана .wrap (поля 10px) — на ней стоят крошки,
	   H1, чипы, отзывы, аккордеон, рекомендации: край 10 и 365. А блоки
	   карточки товара сохранили десктопные отбивки и вставали каждый по-своему:
	     .cElement__imgBlock   margin-left:10 + padding:2  -> 20 .. 355
	     .cElement__propBlock  margin-left:10              -> 20 .. 355
	     .cElement__buyBlock   padding:14 (серая карточка) -> 24 .. 351
	     #product-banners      padding:14                  -> 24 .. 351
	   Четыре разных края на 375px. Возвращаем все блоки на колонку .wrap;
	   у серой карточки остаётся её собственное внутреннее поле 20px — как
	   .buy-summary{padding:20px} на .page-shell в присланной вёрстке.
	   Правила только внутри @media (max-width:767px) — десктоп не трогаем. */
	body.mnav-has-buybar .cElement__imgBlock {
		margin-left: 0; margin-right: 0;
		padding-left: 0; padding-right: 0;
	}
	body.mnav-has-buybar .cElement__propBlock { margin-left: 0; margin-right: 0; }

	/* Артикул уехал в серую карточку; отдельной строки name_rus в макете нет. */
	body.mnav-has-buybar .cElement__header { display: none; }

	/* Компактный H1 карточки: максимум 2 строки уменьшенным кеглем. */
	body.mnav-has-buybar .cElement__h1 {
		font-size: 20px;
		line-height: 1.25;
		font-weight: 700;
		margin: 2px 0 12px;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	/* RS-1375 (правки Вадима): внешняя серая подложка у .cElement__buyBlock
	   убрана — остаётся одна серая карточка у .cElement__buyContainer (#f8f8f8).
	   Меняем ТОЛЬКО фон (background:none), display не трогаем — фикс-панель
	   .mnav-buybar от структуры buyBlock зависеть не должна. */
	body.mnav-has-buybar .cElement__buyBlock {
		background: none;
		/* 6-й круг, п.2: боковых полей нет — серая карточка .cElement__buyContainer
		   (единственный видимый потомок) встаёт краями на колонку .wrap,
		   а её содержимое отбивает её собственное поле 20px. */
		padding: 14px 0;
		margin: 6px 0 14px;
		box-sizing: border-box;
	}

	/* Строка карточки: «В наличии» слева, «Артикул: NNN» справа. */
	body.mnav-has-buybar .cElement__available {
		display: flex;
		align-items: baseline;
		justify-content: space-between;
		gap: 10px;
	}
	/* 5-й круг (комм. 11836): артикул по эталонной вёрстке (.product-article) —
	   мелкий и светлый, чтобы не спорить с «В наличии». Было 13px/700 #77787b
	   и номер #3e3e40/700, стало 12px/300 #85868a и номер #68696d/500. */
	body.mnav-has-buybar .cElement__artCard {
		order: 2;
		display: block;
		color: #85868a;
		font-size: 12px;
		font-weight: 300;
		line-height: 1.3;
		white-space: nowrap;
	}
	body.mnav-has-buybar .cElement__artCard span { color: #68696d; font-weight: 500; }
	/* «Цена:» подпись в эталоне не показывается — остаётся только крупная цена. */
	body.mnav-has-buybar .cElement__price .price-text { display: none; }
}

/* RS-1375 (замечание Вадима от 25.08): размер баннеров-скидок — как был до
   переноса. Картинка баннера — фон с padding-top:50%, то есть его высота равна
   половине ширины контейнера: шире контейнер — выше баннер. Раньше баннеры
   лежали внутри .cElement__buyBlock (узкая колонка покупки и её поля),
   после переноса стали на всю ширину — отсюда рост. Возвращаем геометрию,
   не трогая сам перенос (на мобиле баннеры остаются под характеристиками). */

/* Десктоп: баннеры снова в колонке покупки, своей строкой под блоком покупки
   (визуально там же, где были до переноса). Добавлена только одна пустая строка
   ". . ban" — остальные области и колонки сетки те же. Селектор с .cElement — чтобы
   перебить базовое описание сетки в style.css компонента независимо от порядка
   файлов в сборке. Поля 10px — те же, что у .cElement__buyBlock. */
@media (min-width: 780px) {
	.cElement .cElement__grid {
		grid-template-areas:
			"img prop buy"
			"img prop buy"
			"rec rec buy"
			". . ban"
			"info info info"
			"banner banner banner";
	}
	.cElement__grid > #product-banners { grid-area: ban; }
}

/* Поля 10px — те же, что у .cElement__buyBlock. Отдельным правилом с 768px:
   в полосе 768–779 сетка ещё не включена, блоки идут в поток, и без полей
   баннеры были бы на 20px шире колонки покупки. */
@media (min-width: 768px) {
	.cElement__grid > #product-banners { margin-left: 10px; margin-right: 10px; }
}

/* Мобила: раньше баннеры стояли внутри .cElement__buyBlock с его padding:14px,
   после переноса этих полей не стало и баннер растянулся. Тогда поля вернули
   самому блоку баннеров.

   6-й круг (комм. 11872), п.2: эти 14px оставляли баннеры на своём отдельном
   краю (24 и 351) — при том, что .cElement__buyBlock боковых полей больше не
   имеет и серая карточка встала на колонку .wrap. Ради единой сетки поля
   сняты: баннеры идут краями 10 и 365, как все остальные блоки страницы.
   Картинка баннера — фон с padding-top:50%, поэтому вместе с шириной
   (327 -> 355) высота вырастает со 163 до 177px. */
@media (max-width: 767px) {
	body.mnav-has-buybar #product-banners {
		padding-left: 0;
		padding-right: 0;
		box-sizing: border-box;
	}
}


/* ===================================================================
   RS-729, 2-й круг правок (замечания менеджера, комм. 11633).
   Пункты 1 и 5 сделаны выше, по месту; здесь — 3, 4, 6, 7, 8, 9.
   =================================================================== */

/* п.1 (2-й и 3-й круг). Нижняя панель подпрыгивала в момент, когда
   браузер показывает или прячет адресную строку. Все попытки чинить
   это руками сняты:
     * transform:translateZ(0) на position:fixed делает элемент собственным
       containing block; такая панель перестаёт пересчитываться вместе
       с видимой областью и уезжает вместе со своим ::after;
     * белая «юбка» в 140px ничего не лечила, только закрывала собой
       кнопки покупки;
     * поправка по visualViewport (низ панелей подтягивался переменной,
       которую считал скрипт) давала ДВОЙНУЮ коррекцию. Chrome Android
       и так держит position:fixed у низа ВИДИМОЙ области, а мы поднимали
       панель ещё раз на высоту адресной строки: при видимой адресной
       строке под панелью открывалась белая полоса ~100px, а когда
       строка пряталась — панель падала вниз. Это и был прыжок.
   Осталось только то, что не спорит с браузером:
     * панель — обычный position:fixed; bottom:0, безопасная зона учтена
       внутри неё (padding-bottom: env(safe-area-inset-bottom));
       где держать низ, решает сам браузер;
     * выезжающее меню — по динамической высоте вьюпорта (dvh/svh),
       она пересчитывается синхронно с адресной строкой;
     * контенту дан нижний отступ на ПОСТОЯННУЮ высоту закреплённого
       низа (--mnav-bottom-h), а не на измеряемую на лету величину. */

@media (max-width: 767px) {
	/* п.10 (3-й круг). Пока выезжающее меню открыто, панель покупки убрана
	   совсем: она рисовалась поверх меню (z-index 1250 против 1200) и
	   загораживала его содержимое. Меню выше панели не поднимаем — тогда
	   панель осталась бы видна под подложкой; на время просто прячем её.
	   Нижняя навигация (z-index 1300) остаётся видимой: она часть самого
	   меню, в ней подсвечен активный пункт. */
	body.mnav-sheet-open .mnav-buybar { display: none; }

	/* выезжающее меню — по динамической высоте вьюпорта; svh — запасной
	   вариант там, где dvh ещё нет, 100vh — для совсем старых браузеров */
	.mnav-sheet {
		bottom: auto;
		height: 100vh;
		height: 100svh;
		height: 100dvh;
	}

	/* высота всего закреплённого низа: таббар, а на карточке товара ещё и
	   панель покупки над ним */
	:root { --mnav-bottom-h: calc(var(--mnav-nav-h) + var(--mnav-safe-b)); }
	body.mnav-has-buybar {
		--mnav-bottom-h: calc(var(--mnav-nav-h) + var(--mnav-buybar-h) + var(--mnav-safe-b));
	}
	body { padding-bottom: var(--mnav-bottom-h); }
}

@media (max-width: 767px) {
	/* п.4. Хлебные крошки прокручиваются по горизонтали (RS-1375) — саму
	   прокрутку оставляем, видимую полоску убираем. */
	.breadcrumb {
		scrollbar-width: none;
		-ms-overflow-style: none;
	}
	.breadcrumb::-webkit-scrollbar { width: 0; height: 0; display: none; }

	/* п.8. Отступ «баннер → хлебные крошки»: его давал padding-top:16px
	   у section.section. Секцию не трогаем (она общая), крошки поднимаем
	   на 8px — было 16px, стало 8px. */
	.breadcrumb { margin-top: -8px; }

	/* п.6. Отступ «название товара → блок с ценой и артикулом»: было 18px
	   (margin-bottom 12px у H1 + margin-top 6px у блока), стало 8px. */
	body.mnav-has-buybar .cElement__h1 { margin-bottom: 6px; }
	body.mnav-has-buybar .cElement__buyBlock { margin-top: 2px; }

	/* п.7 (1-й круг) + п.2 (2-й круг) + п.1–2 (3-й круг, комм. 11713).
	   Серая карточка раскладывается flex-строками. Первая строка — цена
	   слева и «Артикул: NNN» справа (3-й круг: менеджер попросил поменять
	   их местами; в 1-м круге было наоборот), ВТОРАЯ строка — «В наличии».
	   Остальные блоки — каждый на всю ширину, как были.
	   Обёртку .cElement__available раскрываем через display:contents: её дети
	   (артикул и статус) становятся элементами общей flex-строки, и статус
	   можно увести на свою строку, не трогая разметку. Порядок задаём
	   отрицательными order: остальные блоки карточки идут с order 0, поэтому
	   положительные значения увели бы цену и статус в самый низ карточки. */
	/* 5-й круг (комм. 11836, вёрстка wine/index.html): в эталоне строка статуса
	   и артикула выровнена по центру (.buy-summary__meta{align-items:center}),
	   а не по базовой линии — кегли у них разные (17px и 12px), и по базовой
	   мелкий артикул визуально «падал» вниз. Было baseline, стало center. */
	body.mnav-has-buybar .cElement__buyContainer {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	/* min-width:0 обязателен: без него авто-минимум flex-элемента растягивает
	   строку по содержимому и блок вылезает за карточку */
	body.mnav-has-buybar .cElement__buyContainer > * { flex: 0 0 100%; min-width: 0; }
	body.mnav-has-buybar .cElement__available { display: contents; }
	/* 4-й круг (комм. 11811): в первой строке теперь статус слева и артикул
	   справа, цена ушла в нижнюю панель. Артикул по-прежнему прижат вправо
	   через margin-left:auto, padding-left держит зазор до статуса. */
	body.mnav-has-buybar .cElement__artCard {
		order: -2;
		flex: 0 1 auto;
		min-width: 0;
		margin-left: auto;
		padding-left: 12px;
		margin-bottom: 0;
	}
	/* 4-й круг: цены в серой карточке на мобиле больше нет — она переехала
	   в левую ячейку нижней панели (.mnav-buybar__priceCell). На десктопе
	   блок цены остаётся: правило живёт внутри @media (max-width: 767px). */
	body.mnav-has-buybar .cElement__buyContainer > .cElement__price { display: none; }
	/* п.2 (2-й круг): «В наличии» — своей строкой под ценой и артикулом.
	   п.1 (3-й круг): отступ до этой строки уменьшен. Его задавала не только
	   margin-top статуса: высоту первой flex-строки добирали нижние поля
	   артикула (10px) и цены (20px) — 21,66px в сумме. Поля первой строки
	   обнулены, отступ теперь ровно margin-top: было 21,66px, стало 8px. */
	/* 6-й круг (комм. 12231): «Артикул» встаёт ровно на одну линию со статусом.
	   Строка выравнивается по центру (align-items: center у .cElement__buyContainer),
	   но flex центрирует margin-боксы, а не текст: у статуса от базового правила
	   .cElement__available span оставалось margin-bottom: 10px, у артикула оно
	   обнулено, — и текст артикула сидел на 5px ниже текста статуса. Обнуляем поле
	   статуса: центры обоих текстов совпадают. Высота строки при этом падает на
	   10px, поэтому отбивку до «Купить в 1 клик» ниже поднимаем с 18px до 28px —
	   зазор под строкой статуса остаётся прежним, ничего кроме артикула не едет. */
	body.mnav-has-buybar .cElement__available > .clS,
	body.mnav-has-buybar .cElement__available > .cElement__statusOut {
		order: -3;
		flex: 0 1 auto;
		min-width: 0;
		margin-top: 0;
		margin-bottom: 0;
	}
	/* «Нет в наличии» — тем же кеглем и начертанием, что «В наличии», но
	   без зелёного: это не статус-плюс, а констатация. */
	body.mnav-has-buybar .cElement__available > .cElement__statusOut {
		display: block;
		font-size: 17px;
		font-weight: 700;
		line-height: 1.3;
		color: var(--mnav-buy-ink);
	}
	/* кнопка «Уточнить наличие и цену» на мобиле живёт в нижней панели —
	   внутрикарточную прячем, иначе она дублируется */
	body.mnav-has-buybar .cElement__available > .cElement__askPrice { display: none; }
	/* 4-й круг: «Купить в 1 клик» — своей строкой под статусом и артикулом */
	/* 5-й круг (комм. 11836): отбивка от строки статуса — как в эталоне
	   (.buy-summary__meta margin-bottom:18px). Было 12px, стало 18px. */
	/* 6-й круг (комм. 12231): было 18px при 10px нижнего поля у статуса (итого 28px
	   зазора). Поле статуса обнулено — держим те же 28px здесь. */
	body.mnav-has-buybar .cElement__oneClickMob {
		display: block;
		order: -1;
		flex: 0 0 100%;
		min-width: 0;
		margin-top: 28px;
	}
	/* 5-й круг (комм. 11836, вёрстка wine/index.html, .one-click-button):
	   кнопка второстепенная — тонкая светлая рамка, прямые углы и мелкий кегль.
	   Было: 44px высоты, скругление 12px, рамка #414042, 15px, текст #414042.
	   Стало: 38px, прямые углы, рамка #85868a, 13px, текст #55565a.
	   Прямые углы оставлены явно: в эталонной вёрстке 12px стоит только
	   у поля поиска, нижней панели покупки и нижнего меню, а у этой кнопки
	   border-radius: 0. (Общее правило 12px снято в 9-м круге, комм. 11914.) */
	.cElement__oneClickMobBtn {
		display: flex; align-items: center; justify-content: center;
		width: 100%; min-height: 38px; box-sizing: border-box;
		padding: 6px 10px;
		border: 1px solid #85868a;
		border-radius: 0;
		background: transparent;
		font-family: 'Proxima Nova', Arial, sans-serif;
		font-size: 13px; font-weight: 600; line-height: 1.15;
		color: #55565a; text-align: center; text-decoration: none;
		-webkit-tap-highlight-color: transparent;
	}
	.cElement__oneClickMobBtn:active { background: var(--mnav-bg); }
	/* у товара не в наличии кнопка неактивна: заявку принимает «Уточнить
	   наличие и цену» в нижней панели */
	.cElement__oneClickMobBtn.is-disabled {
		border-color: #d8d9da;
		color: #a0a1a4;
		cursor: default;
		pointer-events: none;
	}

	/* п.9. «Добавить в избранное» и «Добавить в сравнение» — в одну строку.
	   Полные подписи в 287px карточки на 375px не влезают ни при каком
	   читаемом кегле (15px значок + 10px отбивка + 126px текста × 2), поэтому
	   на мобиле подписи укорачиваются до «В избранное» / «Сравнить» — это
	   делает favCompactLabels() в mobile-nav.js. flex-wrap:wrap оставлен
	   как страховка: если скрипт не отработал, подписи просто встанут в два
	   ряда, как было, а не вылезут за карточку. */
	body.mnav-has-buybar .cElement__favBlock {
		/* 4-й круг: над строкой встала кнопка «Купить в 1 клик» — отбивка от неё
		   была 0, ставим 12px, как и у самой кнопки сверху. */
		margin-top: 12px;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		justify-content: flex-start;
		column-gap: 10px;
		row-gap: 4px;
		min-width: 0;
	}
	/* п.3 (2-й круг). «Сравнить» сдвинут правее и выровнен по логотипу
	   «Под контролем ЕГАИС»: раскладка повторяет блок доверия ниже — те же
	   две колонки flex:1 1 calc(50% - 10px) при gap 10px, поэтому левые края
	   вторых колонок совпадают точно, а не на глаз. */
	body.mnav-has-buybar .cElement__favBlock .cElement__fav {
		flex: 1 1 calc(50% - 10px);
		min-width: 0;
		margin-bottom: 0;
	}

	/* ------------------------------------------------------------------
	   5-й круг (комм. 11836, вёрстка wine/index.html + out-of-stock.html).
	   «Добавить в избранное» и «Сравнить» — не строка с подписями в серой
	   карточке, а два значка поверх фотографии товара, в правом верхнем
	   углу (.media-quick-actions в эталоне: absolute, top 14 / right 8,
	   сетка с зазором 2px, кнопки 40×40, значок 24px, подпись скрыта).
	   Сам блок в карточке остаётся в разметке — на мобиле его переносит
	   в .cElement__imgBlock скрипт favToPhoto() в mobile-nav.js, а класс
	   --onPhoto включает эту раскладку. Правила выше (строка в карточке)
	   при этом перебиваются: селектор с двумя классами специфичнее.
	   Десктоп не трогаем — всё внутри @media (max-width: 767px), и на
	   ширине ≥ 768px скрипт возвращает блок на место.
	   ------------------------------------------------------------------ */
	body.mnav-has-buybar .cElement__imgBlock { position: relative; }
	body.mnav-has-buybar .cElement__favBlock.cElement__favBlock--onPhoto {
		position: absolute;
		top: 6px;
		right: 4px;
		z-index: 11;
		display: grid;
		grid-auto-flow: row;
		gap: 2px;
		width: auto;
		margin: 0;
		padding: 0;
	}
	body.mnav-has-buybar .cElement__favBlock--onPhoto .cElement__fav {
		flex: 0 0 auto;
		margin: 0;
	}
	/* Подпись прячем нулевым кеглем, а не display:none: текст остаётся
	   в разметке для скринридера и для addFavoriteDetail/addCompareDetail,
	   которые переписывают тот же текстовый узел после клика. */
	body.mnav-has-buybar .cElement__favBlock--onPhoto .cElement__fav > a {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
		font-size: 0;
		line-height: 0;
		color: #77787b;
		-webkit-tap-highlight-color: transparent;
	}
	body.mnav-has-buybar .cElement__favBlock--onPhoto .cElement__fav > a > i {
		font-size: 22px;
		line-height: 1;
		font-style: normal;
	}
	/* выбранное состояние — фирменным красным, как в эталоне */
	body.mnav-has-buybar .cElement__favBlock--onPhoto .cElement__fav > a > i.ico-izbr_active,
	body.mnav-has-buybar .cElement__favBlock--onPhoto .cElement__fav > a > i.ico-srav_active {
		color: var(--mnav-buy-red);
	}
	/* п.4 (2-й круг). Отступ между строкой «в избранное / сравнить» и блоком
	   «гарантия качества / под контролем ЕГАИС»: было 0, стало 16px. */
	/* 4-й круг (комм. 11811): над блоком доверия — тонкая линия, как в макете. */
	body.mnav-has-buybar .cElement__trust {
		margin-top: 16px;
		padding-top: 16px;
		border-top: 1px solid #e6e6e6;
	}
}

/* ===================================================================
   RS-729, 9-й круг (комм. 11914): «у всех кнопок где добавил скругление —
   откати. Речь шла только про нижнее меню мобильной версии, где цена и
   кнопка "в корзину"».

   Здесь стояло общее правило 4-го круга: всем .btn, полям ввода, select,
   textarea и блоку .numBlock на мобильной ширине задавалось скругление
   12px. Мы применили просьбу шире, чем она была высказана: правило легло
   на весь сайт — каталог, фильтры, корзину, оформление заказа, личный
   кабинет, авторизацию, поиск, отзывы. Правило снято целиком.

   Вместе с ним сняты и точечные исключения, которые появились только
   из-за него: .sectionList__add и .sectionList__available (кнопки «В
   корзину» и «Уточнить наличие» в плитке товара, 7-й и 8-й круги) —
   без общего правила у них и так прямые углы из style.css темы.

   Скругление 12px остаётся ровно там, где его просили и где оно есть
   в присланной вёрстке (wine/styles.css): нижняя панель покупки
   (.mnav-buybar — верхние углы, .mnav-buybar__priceCell, .mnav-buybar__add,
   .mnav-buybar__ask, .mnav-buybar__stepper), нижнее меню (.mnav-tabbar —
   верхние углы) и строка поиска в шапке (была такой до этой задачи).
   =================================================================== */

/* End */


/* Start:/local/templates/xbitt/components/bitrix/search.title/header/style.css?1767706294519*/
.title-search-result {
  background-color: #fff;
  border: 1px solid #ececec;
  box-sizing: border-box;
  z-index: 100;
}

.title-search-result-item {
  padding: 0.3125rem 1.25rem;
  font-size: 14px;
  font-size: 0.875em;
}

.title-search-result .title-search-more {
  font-size: 14px;
  font-size: 0.875em;
}

.title-search-result .title-search-all {
  border-top: 1px solid #ececec;
  padding-top: 0.3125rem;
  margin-top: 0.3125rem;
}
/*# sourceMappingURL=../../maps/components/catalog.search.title/style.css.map */

/* End */


/* Start:/local/templates/xbitt/components/bitrix/catalog.section.list/header/style.css?17677062945272*/
.catalogSectionList {
  overflow: hidden;
  position: relative;
  z-index: 100;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.catalogSectionList__more {
  margin-left: auto;
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
      -ms-flex-order: 10;
          order: 10;
  display: none;
}

.catalogSectionList__more,
.catalogSectionList__item {
  display: inline-block;
}

.catalogSectionList__more a,
.catalogSectionList__item a {
  white-space: nowrap;
  padding: 0.75rem 0.9375rem;
  display: block;
  font-weight: 500;
  color: #fff;
}

.catalogSectionList__more:hover > a,
.catalogSectionList__item:hover > a {
  background-color: #fff;
  color: #be1e2d;
}

.catalogSectionList__itemChild {
  display: none;
  background-color: #fff;
  position: absolute;
  top: 100%;
  z-index: 100;
  left: 0;
  right: 0;
  border-bottom: 1px solid #ececec;
}

.catalogSectionList__itemChild:before,
.catalogSectionList__itemChild:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  height: 100%;
  bottom: 0;
  background-color: #fff;
  border-bottom: 1px solid #ececec;
  width: calc((1980px - 100%) / 2);
}

.catalogSectionList__itemChild:before {
  right: 100%;
}

.catalogSectionList__itemChild:after {
  left: 100%;
}

.catalogSectionList__itemLeft {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 10px;
  margin-right: 10px;
  width: calc(80% - 20px);
  padding: 2.5rem 0.9375rem;
}

.catalogSectionList__itemLeft.__FULL {
  width: calc(100% - 20px);
}

.catalogSectionList__itemRight {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 10px;
  margin-right: 10px;
  width: calc(20% - 20px);
  border-left: 1px solid #ececec;
  padding: 2.5rem 2.8125rem;
}

.catalogSectionList__itemContainer h3,
.catalogSectionList__itemContainer .h3 {
  margin-bottom: 1.5rem;
}

.catalogSectionList__itemContainer h5,
.catalogSectionList__itemContainer .h5 {
  margin-bottom: 1.125rem;
}

.catalogSectionList__itemRow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.catalogSectionList__itemRow.__last {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #ececec;
}

.catalogSectionList__itemBlock {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 0%;
      -ms-flex: 1 0 0%;
          flex: 1 0 0%;
}

.catalogSectionList__itemLink {
  margin-bottom: 0.25rem;
}

.catalogSectionList__itemLinks.__inline .catalogSectionList__itemLink {
  display: inline-block;
  margin-right: 1rem;
}

.catalogSectionList__itemLink a {
  display: inline-block;
  padding: 0;
  font-weight: 300;
  color: #414042;
}

.catalogSectionList__itemLink a:hover {
  color: #be1e2d;
}

.catalogSectionList__ddToggle {
  position: relative;
}

.catalogSectionList__ddMenu {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  background-color: #be1e2d;
  top: 100%;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.catalogSectionList__ddMenu:before,
.catalogSectionList__ddMenu:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #be1e2d;
  width: calc((1980px - 100%) / 2);
}

.catalogSectionList__ddMenu:before {
  right: 100%;
}

.catalogSectionList__ddMenu:after {
  left: 100%;
}

@media screen and (max-width: 1500px) {
  .catalogSectionList__itemChild:before,
  .catalogSectionList__itemChild:after {
    width: 10px;
  }

  .catalogSectionList__ddMenu:before,
  .catalogSectionList__ddMenu:after {
    width: 10px;
  }
}

@media screen and (max-width: 1400px) {
  .catalogSectionList__itemLeft {
    padding: 1.5rem 1rem;
  }

  .catalogSectionList__itemRight {
    padding: 1.5rem 1rem;
  }
}

@media screen and (max-width: 1250px) {
  .catalogSectionList__itemLeft {
    width: calc(80.66666666666667% - 20px);
  }

  .catalogSectionList__itemRight {
    width: calc(20.333333333333336% - 20px);
  }
}

@media screen and (max-width: 1170px) {
  .catalogSectionList__itemLeft {
    padding: 1.5rem 0;
  }

  .catalogSectionList__itemRight {
    padding: 1.5rem 0;
    border-left: none;
  }

  .catalogSectionList__itemRow.__last {
    display: none;
  }
}

@media screen and (max-width: 960px) {
  .catalogSectionList__itemLeft {
    width: calc(100% - 20px);
  }

  .catalogSectionList__itemLeft {
    padding: 1rem;
  }

  .catalogSectionList__itemRight {
    display: none;
  }

  .catalogSectionList__itemRow.__last {
    display: block;
  }
}

@media screen and (max-width: 780px) {
  .catalogSectionList__itemRow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .catalogSectionList__itemBlock {
    margin-bottom: 1rem;
  }

  .catalogSectionList__itemBlock h5,
  .catalogSectionList__itemBlock .h5 {
    margin-bottom: 0.5rem;
  }

  .catalogSectionList__itemBlock:last-child {
    margin-bottom: 0;
  }

  .catalogSectionList__itemLink {
    margin-right: 1rem;
    display: inline-block;
  }
}

@media screen and (max-width: 560px) {
  .catalogSectionList__itemChild {
    display: none !important;
  }
}
/* End */


/* Start:/local/components/vm/promo.banner/templates/.default/style.css?17879166041450*/
.promoBanner {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 60px;
  overflow: hidden;
  background-color: #0f1628;
}

.promoBanner__pict {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.promoBanner__pict img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: center;
}

.promoBanner__inner {
  position: relative;
  display: flex;
  align-items: center;
  gap: 41px;
  box-sizing: border-box;
  width: 100%;
  max-width: 1058px;
  margin: 0 auto;
  padding: 0 24px;
}

.promoBanner__text {
  color: #fff;
  font-family: 'Barkentina', 'Proxima Nova', sans-serif;
  font-size: 20px;
  line-height: 1.15;
  font-weight: 400;
}

.promoBanner__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  min-height: 29px;
  padding: 0 11px;
  border-radius: 3px;
  background-color: #cfab5a;
  color: #1a1208;
  font-family: 'Barkentina', 'Proxima Nova', sans-serif;
  font-size: 11.5px;
  line-height: 1;
  font-weight: 400;
  white-space: nowrap;
  transition: background-color 0.3s ease-in-out;
}

.promoBanner__btn:hover {
  background-color: #ddbb6e;
  color: #1a1208;
}

@media screen and (max-width: 780px) {
  .promoBanner__inner {
    gap: 37px;
  }

  .promoBanner__text {
    font-size: 17px;
  }
}

@media screen and (max-width: 560px) {
  .promoBanner__text {
    font-size: 16px;
  }
}

/* End */


/* Start:/local/templates/xbitt/components/bitrix/breadcrumb/main/style.css?1767706294686*/
.breadcrumb {
  margin-bottom: 1rem;
}

.breadcrumb__item {
  display: inline;
  margin-right: 1rem;
  margin-bottom: 0.25rem;
  font-size: 14px;
  font-size: 0.875em;
}

.breadcrumb__item i {
  margin-right: 1rem;
  color: #dcdcdc;
}

.breadcrumb__item span {
  color: #727272;
}

.breadcrumb__item a {
  color: #be1e2d;
}

.breadcrumb__item a:hover {
  color: #414042;
}

.breadcrumb__item a span {
  color: inherit;
}

@media screen and (max-width: 960px) {
  .breadcrumb {
    line-height: 1.2;
  }

  .breadcrumb__item {
    margin-right: 0.25rem;
  }

  .breadcrumb__item i {
    margin-right: 0.25rem;
  }
}
/*# sourceMappingURL=../../maps/components/breadcrumb/style.css.map */

/* End */


/* Start:/local/templates/xbitt/template_styles.css?17865628833208*/
.hWarning {
	 padding: 0.5rem 0;
	 color: black !important;
	 box-shadow: 0 1px 2px rgba(0, 0, 0, .25);
 }

/* сео блок - 10 товаров в каталоге */
.seo_cat_prices_section {
	border-top: 1px solid #ececec;
	padding-top: 30px;
}

.wine-list {
	width: 70%;
	counter-reset: wine-counter;
	list-style: none;
	padding: 0;
}

/* Элемент списка */
.wine-list li {
	display: flex;
	align-items: center;
	padding: 6px 10px;
}

/* Нумерация */
.wine-list li::before {
	content: counter(wine-counter);
	counter-increment: wine-counter;
	margin-right: 10px;
	font-weight: bold;
	position: absolute;
}

/* Ссылка растягивается */
.wine-list li a {
	display: flex;
	width: 75%;
	text-decoration: none;
	margin-left: 25px;
}

/* Название (слева) */
.wine-list li a .name {
	flex: 1;
}

/* Цена (справа) */
.wine-list li a .price {
	white-space: nowrap;
	font-weight: bold;
	margin-left: auto;
	text-align: right;
}

.wine-list li a:hover {
	text-decoration: underline;
}

/* Адаптивность */
@media (max-width: 768px) {
	.wine-list {
		width: unset;
	}
	.wine-list li {
		align-items: flex-start;
		width: 100%;
		margin-left: 10px;
	}

	.wine-list li a {
		flex-direction: column;
		width: 75%;
		margin-left: unset;
	}

	.wine-list span {
		width: 50%;
		text-align: left;
		margin-right: 15px;
	}

	.wine-list li a .price {
		margin-left: 0;
		margin-top: 5px;
		text-align: left;
	}

	.wine-list li::before {
		/*display: none;*/
		position: absolute;
		left: 10px;
		margin-right: unset !important;
	}
}
/* Адаптивность */
@media (max-width: 600px) {
	.wine-list li {
		flex-direction: column;
		align-items: flex-start;
	}

	.wine-list li span {
		margin-left: 0;
		margin-top: 5px;
	}

	/*.wine-list li::before {
		display: none;
	}*/
}

@media (min-width: 1171px) and (max-width: 1550px) {
	.sliderSectionBlock  {
		margin-left: 40px;
		margin-right: 40px;
	}
	body h1 {
		font-size: 2.4em;
	}
}
.sectionList__itemContainer {
	width: 100%;
}
.sectionList__priceTWO {
    display: flex;
    gap: 10px;
    justify-content: flex-end;
    flex-direction: row-reverse;
    align-items: center;
}
.sectionList__priceTWO .sectionList__priceOLD {
	position: relative;
}

/* Акцентная ссылка в тексте контентных страниц: обычные ссылки не отличаются от текста */
.linkAccent {
  color: #be1e2d;
  text-decoration: underline;
}

.linkAccent:hover,
.linkAccent:focus {
  color: #a52a2d;
  text-decoration: underline;
}

.bannerList {
  margin-bottom: 1rem;
}

.bannerList .__vertical .bannerList__item {
  width: calc(100% - 20px);
}

.bannerList__item {
  margin-bottom: 1rem;
  box-sizing: border-box;
  word-wrap: break-word;
  margin-left: 10px;
  margin-right: 10px;
  width: calc(25% - 20px);
}

.bannerList__itemContainer {
  display: block;
  padding-top: 50%;
  position: relative;
  background: transparent center center/cover no-repeat;
}

@media screen and (max-width: 780px) {
  .bannerList__item {
    width: calc(50% - 20px);
  }
}

@media screen and (max-width: 400px) {
  .bannerList__item {
    width: calc(100% - 20px);
  }
}
/* End */
/* /local/templates/xbitt/styles/style.css?178817797958043 */
/* /local/templates/xbitt/styles/fonts.css?17879166045232 */
/* /local/templates/xbitt/styles/jquery.fancybox.min.css?176770629412795 */
/* /local/templates/xbitt/styles/consent.css?17881767924995 */
/* /local/templates/xbitt/styles/minicart.css?178899099513078 */
/* /local/templates/xbitt/styles/header-sticky.css?17889909951115 */
/* /local/templates/xbitt/styles/mobile-nav.css?178914146762012 */
/* /local/templates/xbitt/components/bitrix/search.title/header/style.css?1767706294519 */
/* /local/templates/xbitt/components/bitrix/catalog.section.list/header/style.css?17677062945272 */
/* /local/components/vm/promo.banner/templates/.default/style.css?17879166041450 */
/* /local/templates/xbitt/components/bitrix/breadcrumb/main/style.css?1767706294686 */
/* /local/templates/xbitt/template_styles.css?17865628833208 */