html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

*,
*::after,
*::before {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

* {
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-tap-highlight-color: transparent;
}

ul[class],
ol[class] {
  padding: 0;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
  font-size: inherit;
}

ul[class] {
  list-style: none;
}

img {
  max-width: 100%;
  display: block;
  object-fit: contain;
}

input,
button,
textarea,
select {
  font: inherit;
}

a {
  text-decoration: none;
}

*::-webkit-scrollbar {
  width: 12px;
}
*::-webkit-scrollbar-track {
  background: #FFF;
}
*::-webkit-scrollbar-thumb {
  background-color: #00B9BF;
  border-radius: 20px;
  border: 3px solid #FFF;
}
*::-webkit-scrollbar-thumb:horizontal {
  border: 3px solid #00B9BF;
}
@-moz-document url-prefix() {
  * {
    scrollbar-color: #00B9BF #FFF;
    scrollbar-width: thin;
  }
}

/* Скрытие глаза на инпуте введения пароля в браузере Microsoft Edge */
::-ms-reveal {
    width : 0;
    height: 0;
}

body.modalOpen::-webkit-scrollbar, body.no-scroll::-webkit-scrollbar {
  width: 0px;
}

@font-face {
  font-family: Gilroy;
  font-display: swap;
  src:  url("/local/templates/Askona2023/fonts/Gilroy-Bold.ttf") format("truetype"),
        url("/local/templates/Askona2023/fonts/Gilroy-Bold.woff2") format("woff2"),
        url("/local/templates/Askona2023/fonts/Gilroy-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: Gilroy;
  font-display: swap;
  src:  url("/local/templates/Askona2023/fonts/Gilroy-Medium.ttf") format("truetype"),
        url("/local/templates/Askona2023/fonts/Gilroy-Medium.woff2") format("woff2"),
        url("/local/templates/Askona2023/fonts/Gilroy-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: Gilroy;
  font-display: swap;
  src:  url("/local/templates/Askona2023/fonts/Gilroy-Regular.ttf") format("truetype"),
        url("/local/templates/Askona2023/fonts/Gilroy-Regular.woff2") format("woff2"),
        url("/local/templates/Askona2023/fonts/Gilroy-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: Gilroy;
  font-display: swap;
  src:  url("/local/templates/Askona2023/fonts/Gilroy-SemiBold.ttf") format("truetype"),
        url("/local/templates/Askona2023/fonts/Gilroy-SemiBold.woff2") format("woff2"),
        url("/local/templates/Askona2023/fonts/Gilroy-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
}

body button, body input, body textarea {
  font-family: "Gilroy" !important;
}

:root {
  --doc-height: 100%;
}

.container {
  padding-left: 16px;
  padding-right: 16px;
  margin: 0 auto;
  width: 100%;
  max-width: 1352px;
}
@media (min-width: 1520px) {
  .container {
    max-width: 1452px;
  }
}
@media (min-width: 1620px) {
  .container {
    max-width: 1552px;
  }
}
@media (min-width: 1720px) {
  .container {
    max-width: 1652px;
  }
}
@media (min-width: 1820px) {
  .container {
    max-width: 1752px;
  }
}
@media (max-width: 1200px) {
  .container .container-md {
    padding: 0;
  }
}

.container-md {
  padding-left: 16px;
  padding-right: 16px;
  margin: 0 auto;
  width: 100%;
  max-width: 1172px;
}

a {
  display: inline-block;
}

button {
  cursor: pointer;
  background-color: transparent;
  border: none;
  border-radius: inherit;
  padding: inherit;
  outline: none;
  font-family: inherit;
}

html,
body {
  scroll-behavior: smooth;
}

body {
  min-width: 320px;
  margin: 0;
  position: relative;
  overflow-x: hidden;
  background-color: #fff;
  font-family: "Gilroy";
  color: #7e7e7e;
  font-weight: 400;
  font-size: 16px;
  line-height: 1.2;
  font-style: normal;
}

body.no-scroll {
  overflow-y: hidden;
}

.link {
  color: #00B9BF;
  text-decoration: underline;
}
.link:hover {
  text-decoration: none;
}

.info-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: #000000;
  margin: 0 0 26px;
}

.section-text {
  padding-top: 12px;
  padding-bottom: 30px;
}
@media (min-width: 1024px) {
  .section-text {
    padding-top: 30px;
    padding-bottom: 60px;
  }
}

.text-wrapper h5 {
  font-weight: 800;
  font-size: 18px;
  line-height: 22px;
  color: #212121;
  margin-top: 0;
  margin-bottom: 18px;
}
@media (min-width: 1024px) {
  .text-wrapper h5 {
    font-size: 20px;
  }
}
.text-wrapper ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.text-wrapper ul li {
  font-weight: 400;
  color: #212121;
  font-size: 16px;
  margin-bottom: 15px;
  line-height: 20px;
}
@media (min-width: 1024px) {
  .text-wrapper ul li {
    line-height: 22px;
  }
}
.text-wrapper ul li:before {
  content: "- ";
}

.text-container {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.6875;
  color: #212121;
}
.text-container h1 {
  text-align: center;
  margin: 0 0 32px;
  font-weight: 600;
  font-size: 36px;
  line-height: 1.33;
}
.text-container .text-center-md {
  text-align: center;
}
.text-container h3 {
  margin: 34px 0 24px;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.2;
}
.text-container a {
  color: inherit;
  text-decoration: underline;
  -webkit-transition: 0.3s color ease;
  transition: 0.3s color ease;
}
.text-container a:hover {
  color: #00B9BF;
}
.text-container ul {
  padding: 0 0 0 18px;
  margin: 0 0 24px;
}
.text-container ul.list-none {
  padding: 0;
  list-style: none;
}
.text-container ul.list-none li:not(:last-child) {
  margin-bottom: 15px;
}
.text-container .title-2 {
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  .text-container .title-2 {
    margin-bottom: 32px;
  }
}
.text-container .title-3 {
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  .text-container .title-3 {
    margin-bottom: 24px;
  }
}
.text-container__header {
  text-align: center;
  margin-bottom: 32px;
}
.text-container__header h1 {
  margin-bottom: 16px;
}

.guarantee-table-cont {
  overflow-x: auto;
  margin-bottom: 32px;
  cursor: -webkit-grab;
  cursor: grab;
}
.guarantee-table-cont::-webkit-scrollbar {
  height: 2px;
}
.guarantee-table-cont::-webkit-scrollbar-track {
  background-color: #eee;
}
.guarantee-table-cont::-webkit-scrollbar-thumb {
  background-color: #00B9BF;
  border-radius: 5px;
  border: 0;
}
.guarantee-table-cont .guarantee-table {
  margin-bottom: 0;
}

.guarantee-table {
  border-spacing: 0;
  margin-bottom: 32px;
}
.guarantee-table th {
  text-align: left;
  vertical-align: top;
  padding: 14px;
  border-bottom: 1px solid #eee;
}
.guarantee-table th small {
  color: #7E7E7E;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
}
@media (min-width: 1024px) {
  .guarantee-table th {
    padding: 16px;
  }
}
.guarantee-table td {
  padding: 14px;
  border-bottom: 1px solid #eee;
}
@media (min-width: 1024px) {
  .guarantee-table td {
    padding: 16px;
  }
}

.table {
  width: 100%;
  caption-side: bottom;
  border-collapse: collapse;
}
.table th, .table td {
  padding: 18px;
  padding-left: 0;
  border-bottom: 1px solid #EFEFEF;
}
.table th:first-child, .table td:first-child {
  padding-left: 18px;
  border-left: 1px solid #EFEFEF;
}
.table th:last-child, .table td:last-child {
  border-right: 1px solid #EFEFEF;
}
.table th {
  background: #F4F3F3;
  font-size: 16px;
  text-align: left;
}
.table td {
  font-size: 14px;
}

.br {
  display: block;
}

@media (max-width: 992px) {
  .table th, .table td {
    padding: 13px;
    padding-left: 0;
    font-size: 12px;
  }
  .table th:first-child, .table td:first-child {
    padding-left: 13px;
  }
}
@media (max-width: 768px) {
  .text-container h1 {
    text-align: left;
    font-size: 26px;
    line-height: 1.23;
    margin-bottom: 16px;
  }
  .text-container h3 {
    margin: 24px 0 16px;
  }
  .text-container .text-center-md {
    text-align: left;
  }
  .text-container__header {
    margin-bottom: 16px;
    text-align: left;
  }
}
.w-full {
  width: 100%;
}

.b-transparent {
  border: 1px solid transparent !important;
}

.block {
  display: block;
}

.text-center {
  text-align: center !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.font-300 {
  font-weight: 300 !important;
}

.font-400 {
  font-weight: 400 !important;
}

.font-500 {
  font-weight: 500 !important;
}

.font-600 {
  font-weight: 600 !important;
}

.font-700 {
  font-weight: 700 !important;
}

.text-dark {
  color: #000 !important;
}

.text-dark-2 {
  color: #262626 !important;
}

.text--white {
  color: #fff !important;
}

.text--blue {
  color: #00B9BF !important;
}

.text-green {
  color: #2AB334 !important;
}

.text-red {
  color: #FF0000 !important;
}

.uppercase {
  text-transform: uppercase !important;
}

.lowercase {
  text-transform: lowercase !important;
}

.capitalize {
  text-transform: capitalize !important;
}

.normal-case {
  text-transform: none !important;
}

.items-start {
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
}

.items-end {
  -webkit-box-align: end !important;
      -ms-flex-align: end !important;
          align-items: flex-end !important;
}

.items-center {
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}

.items-baseline {
  -webkit-box-align: baseline !important;
      -ms-flex-align: baseline !important;
          align-items: baseline !important;
}

.items-stretch {
  -webkit-box-align: stretch !important;
      -ms-flex-align: stretch !important;
          align-items: stretch !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mt-16 {
  margin-top: 16px !important;
}

.mb-16 {
  margin-bottom: 16px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

@media (min-width: 768px) {
  .text-md-center {
    text-align: center !important;
  }
}
.social {
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.social__item:not(:last-child) {
  margin-right: 12px;
}
.social__link {
  display: block;
  color: #7E7E7E;
  -webkit-transition: 0.3s color ease;
  transition: 0.3s color ease;
}
.social__link svg {
  width: 36px;
  height: 36px;
}
.social__link:hover {
  color: #00B9BF;
}

.accordion__item:last-child .accordion__btn {
  border-bottom: 1px solid #EEEEEE;
}
.accordion__item:last-child .accordion__body {
  border-top: 0;
}
.accordion__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 18px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
  color: #212121;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  border: 0;
  border-top: 1px solid #EEEEEE;
  width: 100%;
  text-align: left;
  position: relative;
  padding-right: 30px;
}
@media (min-width: 768px) {
  .accordion__btn {
    font-size: 18px;
    padding: 20px;
    padding-right: 30px;
  }
}
.accordion__btn:hover {
  color: #00B9BF;
}
.accordion__btn.is-active .accordion__arrow {
  -webkit-transform: rotate(180deg) translateY(-50%);
          transform: rotate(180deg) translateY(-50%);
}
.accordion__arrow {
  width: 8px;
  height: 7px;
  color: #00B9BF;
  margin-left: auto;
  position: absolute;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.accordion__collapse {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.accordion__body {
  padding: 24px 50px 24px 39px;
  border-top: 1px solid #EEEEEE;
  padding: 18px;
}
@media (min-width: 768px) {
  .accordion__body {
    padding: 24px 50px 24px 39px;
  }
}

.form-gary {
  background: #F6F6F6;
  padding: 16px;
}
@media (min-width: 768px) {
  .form-gary {
    padding: 20px;
  }
}
@media (min-width: 1300px) {
  .form-gary {
    padding: 32px;
  }
}
.form-gary .title-3 {
  margin-bottom: 24px;
}
.form-gary .link {
  display: inline;
}
.form-gary__policy {
  color: #212121;
  font-size: 14px;
}

.rating {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  vertical-align: top;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rating-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.rating-list__item:not(:last-child) {
  margin-right: 4px;
}
.rating-list__btn {
  display: block;
  width: 16px;
  height: 15px;
  color: #E5E5E5;
}
.rating-list__btn.is-active {
  color: #FFB400;
}
.rating-list button.rating-list__btn {
  cursor: pointer;
  -webkit-transition: 0.3s color ease;
  transition: 0.3s color ease;
}
.rating-list button.rating-list__btn:hover {
  color: #FFB400;
}
.rating-list__icon {
  width: 100%;
  height: 100%;
  display: block;
}
.rating__number {
  margin-left: 10px;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.142;
  color: #212121;
}
.rating__progress {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.rating__progress .rating-list__btn {
  color: #FFB400;
}

.label {
  display: inline-block;
  vertical-align: top;
  color: #fff;
  line-height: 1;
  font-weight: 600;
  font-size: 12px;
  border-radius: 4px;
  padding: 6px 12px;
}
.label--secondary {
  background: #ADADAD;
}
.label--danger {
  background: #F63426;
}
.label--success {
  background: #198754;
}

.counter {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.counter__input {
  height: 32px;
  width: 36px;
  display: block;
  background: #fff;
  text-align: center;
  padding: 0 2px;
  border: 1px solid #EEEEEE;
  font-weight: 500;
  font-size: 14px;
  line-height: 12px;
  color: #212121;
  outline: transparent;
}
.counter__btn {
  padding: 10px;
  color: #00B9BF;
  outline: transparent;
  border: 0;
  background: transparent;
  cursor: pointer;
  -webkit-transition: 0.3s color ease;
  transition: 0.3s color ease;
}
.counter__btn:hover {
  color: #000;
}
.counter__btn svg {
  width: 10px;
  height: 10px;
}

.page-content {
  margin-top: 30px;
  margin-bottom: 60px;
}

.page-header {
  margin-bottom: 32px;
}

@media (max-width: 580px) {
  .rating__number {
    font-size: 12px;
    margin-left: 5px;
    line-height: 1;
  }

  .page-content {
    margin-top: 20px;
    margin-bottom: 30px;
  }

  .page-header {
    margin-bottom: 16px;
  }
}
.file-drop-area {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #EEEEEE;
  border-radius: 3px;
  padding: 16px 18px;
  min-height: 72px;
}
@media (max-width: 470px) {
  .file-drop-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.file-icon {
  color: #D9D9D9;
  margin-right: 22px;
}
@media (max-width: 470px) {
  .file-icon {
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.file-icon svg {
  width: 34px;
  height: 30px;
}

.file-msg {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #7E7E7E;
}

.file-msg-blue {
  font-weight: 600;
  font-size: 14px;
  line-height: 140%;
  color: #00B9BF;
}

.file-input {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  opacity: 0;
}
.file-input:focus {
  outline: none;
}

.attention {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 18px;
}
.attention__icon {
  width: 30px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
  height: 30px;
  color: #FF0064;
  margin-right: 24px;
}
.attention__text {
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  color: #7E7E7E;
}
.attention__text a {
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #262626;
  display: inline;
}
@media (max-width: 470px) {
  .attention {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
    text-align: center;
  }
  .attention__icon {
    margin-right: 0;
    margin-bottom: 10px;
  }
}

.rating-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.rating-row .rating {
  margin-right: 27px;
}
@media (max-width: 470px) {
  .rating-row .rating {
    margin-right: 20px;
  }
}
.rating-row .rating-label {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: #212121;
}

.btn {
  display: -ms-inline-grid;
  display: inline-grid;
  grid-auto-flow: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 1em;
  -moz-column-gap: 1em;
  column-gap: 1em;
  -webkit-transition-property: background-color, color, border-color;
  transition-property: background-color, color, border-color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  border-radius: 4px;
  padding: 0.7em 0.9em;
  color: #262626;
  line-height: 1.1;
  background-color: transparent;
  border: 1px solid transparent;
  font-weight: 500;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  text-align: center;
  justify-content: center;
}

.btn--lg {
  padding: 16px 0.9em;
  line-height: 1;
}

.btn--md {
  padding: 14px 0.9em;
  line-height: 1;
}

.btn--small {
  padding: 6px 10px;
  line-height: 1;
  font-size: 14px;
}

.btn:focus,
.btn:focus-visible {
  border-color: #00B9BF;
}

.btn--accent {
  background-color: #00B9BF;
  color: #fff;
}

.btn--accent:hover {
  background-color: #33c5d4;
}

.btn--pink,
.btn--pink:hover,
.btn--pink:active,
.btn--pink:focus,
.btn--pink:focus-visible {
  background-color: #FF0066 !important;
  border-color: #FF0066 !important;
}

.btn:disabled {
  background-color: #cccccc;
  color: black;
  cursor: default;
  pointer-events: none;
}

.btn--white {
  border-color: #d8d8d8;
  background-color: #fff;
}

.btn--white:hover {
  border-color: #aaa;
}

.btn--outline-default {
  border-color: #00B9BF;
  color: #00B9BF;
}

.btn--outline-default:hover {
  background: #00B9BF;
  color: #fff;
}

.btn--yellow {
  background: #FEEC75;
  color: #212121;
}
.btn--yellow:hover {
  background: #fee542;
}

.btn--100 {
  width: 100%;
}

.btn--sm {
  font-size: 14px;
  padding: 0.8em 0.9em;
}

.btn--dark {
  background-color: #1a1a18;
  color: #fff;
}

.form-row {
  margin-bottom: 20px;
}
.form-row__input-wrap {
  position: relative;
}
.form-row__input-wrap--datepicker .icon--datepicker {
  width: 17px;
  height: 18px;
  color: #878787;
  display: block;
  position: absolute;
  top: 11px;
  right: 11px;
}
.form-row__input-wrap--datepicker .form-row__input {
  position: relative;
  z-index: 20;
  background: transparent;
}
.form-row__label {
  display: block;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.12;
  color: #212121;
  margin-bottom: 14px;
}
.form-row__label--small {
  font-size: 14px;
  margin-bottom: 5px;
}
.form-row__input {
  width: 100%;
  height: 40px;
  border: 1px solid #D8D8D8;
  outline: 0;
  border-radius: 3px;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  color: #262626;
  padding: 0 15px;
  background: #fff;
}
.form-row__input::-webkit-input-placeholder {
  color: #7E7E7E;
}
.form-row__input::-moz-placeholder {
  color: #7E7E7E;
}
.form-row__input:-ms-input-placeholder {
  color: #7E7E7E;
}
.form-row__input::-ms-input-placeholder {
  color: #7E7E7E;
}
.form-row__input::placeholder {
  color: #7E7E7E;
}
.form-row__file {
  display: block;
  width: 100%;
  height: 40px;
  border: 1px solid #D8D8D8;
  outline: 0;
  border-radius: 3px;
  padding: 0 15px 0 38px;
  background: #fff;
  overflow: hidden;
  cursor: pointer;
  position: relative;
}
.form-row__file-input {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 200px;
}
.form-row__file svg {
  position: absolute;
  top: 13px;
  left: 13px;
  width: 14px;
  height: 14px;
  color: #212121;
}
.form-row__file-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  color: #212121;
  padding-top: 9px;
  display: block;
}
.form-row__error {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.4;
  color: #DC2626;
  margin-top: 4px;
}

.recovery-error {
  font-size: 14px;
  color: #ea3368;
}
.recovery-success {
  font-size: 14px;
  color: #262626;
}

.form-row__search-btn {
  position: absolute;
  top: 0;
  right: 10px;
  width: 40px;
  height: 40px;
  outline: transparent;
  border: 0;
  background: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 30;
  color: #00B9BF;
}
.form-row__search-btn svg {
  width: 16px;
  height: 16px;
}
.form-row__phone-select-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 78px;
  height: 40px;
  padding: 1px 20px 1px 1px;
}
.form-row__phone-select-wrap .ts-control {
  padding-left: 10px;
  height: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-row__phone-select-wrap .ts-dropdown {
  width: auto;
}
.form-row__phone-select-wrap .ts-dropdown img {
  margin: 0;
}
.form-row__phone-select-wrap .ts-dropdown .option {
  padding: 10px 11px;
}
.form-row__textarea {
  background: #fff;
  resize: none;
  height: 94px;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  padding: 10px 16px;
  border-radius: 3px;
  width: 100%;
  border: 1px solid #D8D8D8;
  outline: 0;
}
.form-row__textarea::-webkit-input-placeholder {
  color: #7E7E7E;
}
.form-row__textarea::-moz-placeholder {
  color: #7E7E7E;
}
.form-row__textarea:-ms-input-placeholder {
  color: #7E7E7E;
}
.form-row__textarea::-ms-input-placeholder {
  color: #7E7E7E;
}
.form-row__textarea::placeholder {
  color: #7E7E7E;
}
.form-row__select ~ .ts-wrapper.dropdown-active .ts-control:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  margin-top: -2px;
}
.form-row__select ~ .ts-wrapper .ts-control {
  border: 1px solid #d8d8d8;
  border-radius: 3px;
}
.form-row__select ~ .ts-wrapper .ts-control:before {
  right: 12px;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.form-row__select ~ .ts-wrapper .ts-control > input {
  font-size: 14px;
  line-height: 1.4;
  color: #7e7e7e;
  height: 20px;
}
.form-row__select ~ .ts-wrapper .ts-control:focus {
  outline: 0;
  border-color: #00B9BF;
}
.form-row__select ~ .ts-wrapper .ts-dropdown {
  margin-top: 14px;
  padding: 10px 0;
  border-radius: 3px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 10px rgba(50, 108, 121, 0.14);
          box-shadow: 0 2px 10px rgba(50, 108, 121, 0.14);
}
.form-row__select ~ .ts-wrapper .ts-dropdown .option {
  padding: 4px 16px;
}
.form-row__select ~ .ts-wrapper .ts-control {
  padding: 10px 16px;
}
.form-row__select ~ .ts-wrapper .item,
.form-row__select ~ .ts-wrapper .option {
  font-size: 14px;
  line-height: 1.4;
  color: #7e7e7e;
}
.form-row__select ~ .ts-wrapper .item:hover,
.form-row__select ~ .ts-wrapper .option:hover {
  color: #00B9BF;
}
.form-row__select ~ .ts-wrapper .item.active,
.form-row__select ~ .ts-wrapper .option.active {
  color: #00B9BF;
}
.form-row--phone {
  position: relative;
}
.form-row--phone .form-row__input {
  padding-left: 78px;
}
.form-row--phone .form-row__error {
  position: absolute;
  top: 10px;
  right: 0;
  margin: 0;
}
.form-row .select ~ .ts-wrapper.dropdown-active .ts-control:before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  margin-top: -2px;
}
.form-row .select ~ .ts-wrapper .ts-control {
  border: 1px solid #d8d8d8;
  border-radius: 3px;
}
.form-row .select ~ .ts-wrapper .ts-control:before {
  right: 12px;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.form-row .select ~ .ts-wrapper .ts-control > input {
  font-size: 14px;
  line-height: 1.4;
  color: #7e7e7e;
  height: 20px;
}
.form-row .select ~ .ts-wrapper .ts-control:focus {
  outline: 0;
  border-color: #00B9BF;
}
.form-row .select ~ .ts-wrapper .ts-dropdown {
  margin-top: 14px;
  padding: 10px 0;
  border-radius: 3px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 10px rgba(50, 108, 121, 0.14);
          box-shadow: 0 2px 10px rgba(50, 108, 121, 0.14);
}
.form-row .select ~ .ts-wrapper .ts-dropdown .option {
  padding: 4px 16px;
}
.form-row .select ~ .ts-wrapper .ts-control {
  padding: 10px 16px;
  padding-right: 32px !important;
}
.form-row .select ~ .ts-wrapper .item,
.form-row .select ~ .ts-wrapper .option {
  font-size: 14px;
  line-height: 1.4;
  color: #7e7e7e;
}
.form-row .select ~ .ts-wrapper .item:hover,
.form-row .select ~ .ts-wrapper .option:hover {
  color: #00B9BF;
}
.form-row .select ~ .ts-wrapper .item.active,
.form-row .select ~ .ts-wrapper .option.active {
  color: #00B9BF;
}
.form-row__sms-wrap, .form-row__email-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.form-row__sms-wrap .form-row__input, .form-row__email-wrap .form-row__input {
  width: 33px;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}
.form-row__sms-wrap .form-row__input:not(:last-child),
.form-row__email-wrap .form-row__input:not(:last-child) {
  margin-right: 20px;
}
.form-row--inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.form-row--inline .form-row__label {
  text-align: left;
  margin: 0;
  padding-right: 15px;
  width: 147px;
}
.form-row--inline .form-row__input-wrap {
  width: calc(100% - 147px);
}

.require-color {
  color: #00B9BF;
}

.require-info-text {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.12;
}

.checkbox-box {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 100%;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  cursor: pointer;
  position: relative;
}
.checkbox-box__input {
  position: absolute;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.checkbox-box__input:checked ~ .checkbox-box__switcher {
  border-color: #00B9BF;
}
.checkbox-box__input:checked ~ .checkbox-box__switcher:before {
  opacity: 1;
  visibility: visible;
}
.checkbox-box__switcher {
  border: 1px solid #878787;
  border-radius: 3px;
  -webkit-transition: 0.3s border-color ease;
  transition: 0.3s border-color ease;
  position: relative;
  width: 24px;
  height: 24px;
}
.checkbox-box__switcher:before {
  display: block;
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  left: 50%;
  top: 50%;
  margin: -6px 0 0 -6px;
  background: url("/local/templates/Askona2023/images/icons/checkbox.svg") no-repeat center;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.checkbox-box__text {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.214;
  color: #7E7E7E;
  margin-left: 12px;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}

.radio {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  position: relative;
}
.radio__input {
  position: absolute;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.radio__input:checked ~ .radio__switcher:before {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
  visibility: visible;
}
.radio__switcher {
  width: 18px;
  height: 18px;
  border-radius: 100%;
  position: relative;
  border: 1px solid #D8D8D8;
  display: block;
}
.radio__switcher:before {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -5px 0 0 -5px;
  width: 10px;
  height: 10px;
  background-image: none;
  background-color: #00B9BF;
  border-radius: 50%;
  opacity: 0;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  visibility: hidden;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.radio__text {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #262626;
  font-size: 16px;
  line-height: 1.1875;
  font-weight: 500;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  display: block;
}
.radio__text--small {
  font-size: 14px;
}
.radio__text {
  margin-left: 12px;
}

.call-back {
  margin-top: 30px;
}
.call-back__time-btn, .call-back__call-now {
  border: 0;
  cursor: pointer;
  color: #212121;
}
.call-back__call-now {
  display: none;
}
.call-back .select-time {
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.call-back--active .call-back__time-btn {
  display: none;
}
.call-back--active .call-back__call-now {
  display: inline-block;
}
.call-back--active .select-time {
  opacity: 1;
  visibility: visible;
  max-height: 65px;
  overflow: visible;
}

.select-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 20px -13px 0;
}
.select-time__item {
  width: 50%;
  padding: 0 13px;
}

.file {
  display: block;
  cursor: pointer;
}
.file__label {
  font-size: 14px;
  line-height: 1.2;
  color: #212121;
  margin-bottom: 10px;
}
.file__cont {
  position: relative;
  border: 1px dashed #D9D9D9;
  border-radius: 4px;
  line-height: 1.2;
  padding: 12px;
  padding-left: 52px;
}
.file__icon {
  width: 18px;
  height: 18px;
  color: 212121;
  position: absolute;
  top: 50%;
  left: 18px;
  margin-top: -9px;
}
.file__input {
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  position: absolute;
}
.file__title {
  font-size: 14px;
  color: #212121;
  margin-bottom: 3px;
}
.file__name {
  font-size: 12px;
  color: #7E7E7E;
}

.form-box {
  display: block;
  padding: 32px;
  background: #F6F6F6;
  border-radius: 4px;
}
.form-box__title {
  font-weight: 600;
  font-size: 24px;
  line-height: 1.08;
  color: #212121;
  margin: 0 0 15px;
}
.form-box__short-description {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.5;
  color: #7E7E7E;
  margin-bottom: 24px;
}
.form-box__file-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 8px;
  -webkit-column-gap: 42px;
     -moz-column-gap: 42px;
          column-gap: 42px;
  margin-top: 24px;
}
.form-box__file-grid-item {
  width: calc((100% - 42px) / 2);
}
.form-box__btn-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 30px;
}
.form-box__btn-group .btn--white {
  width: 192px;
  margin-right: 22px;
}
.form-box__btn-group .btn--accent {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}
.form-box__footer-info {
  font-weight: 400;
  font-size: 14px;
  line-height: 1.2142;
  color: #212121;
  margin-top: 22px;
}
.form-box__footer-info a {
  text-decoration: underline;
  color: #00B9BF;
  display: inline;
}
.form-box__footer-info a:hover {
  text-decoration: none;
}
.form-box__footer-info p:last-child {
  margin-bottom: 0;
}

@media (max-width: 480px) {
  .form-row--inline .form-row__label {
    display: none;
  }
  .form-row--inline .form-row__input-wrap {
    width: 100%;
  }

  .form-box {
    padding: 30px 16px;
  }
  .form-box__title, .form-box__short-description {
    text-align: center;
  }
  .form-box__file-grid {
    row-gap: 16px;
    -webkit-column-gap: 16px;
       -moz-column-gap: 16px;
            column-gap: 16px;
  }
  .form-box__file-grid-item {
    width: calc((100% - 16px) / 2);
  }
  .form-box__btn-group .btn {
    width: 100%;
    margin: 0;
  }
  .form-box__btn-group .btn--white {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin-top: 12px;
  }
}
.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(26, 26, 24, 0.5);
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
  padding: 30px 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  pointer-events: none;
}
.modal--active {
  opacity: 1;
  visibility: visible;
  overflow: auto;
  pointer-events: all;
}
.modal--active .modal__inner {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.modal__inner {
  width: 100%;
  max-width: 516px;
  background: #fff;
  min-height: 150px;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  -webkit-transition: 0.3s 0.3s all ease;
  transition: 0.3s 0.3s all ease;
}
.modal__header {
  padding: 33px 32px;
  padding-right: 50px;
  position: relative;
  border-bottom: 1px solid #EEEEEE;
}
.modal__close:not(.btn) {
  color: #00B9BF;
  display: block;
  padding: 10px;
  position: absolute;
  top: 31px;
  right: 24px;
  -webkit-transition: 0.3s color ease;
  transition: 0.3s color ease;
}
.modal__close:hover:not(.btn) {
  color: red;
}
.modal__close svg {
  width: 13px;
  height: 13px;
}
.modal__title {
  margin: 0;
  color: #262626;
  font-weight: 600;
  font-size: 30px;
  line-height: 1.23;
}
.modal__title .city {
  border-bottom: 2px solid #00B9BF;
}
.modal__body {
  padding: 25px 32px;
  font-size: 14px;
  line-height: 1.214;
  color: #000000;
  background: #fff;
}
.modal__footer {
  margin-top: 20px;
}
.modal__footer-social-title {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.222;
  color: #000000;
  margin: 0 0 10px;
}

/* компенсация смещения хедера, мобильного навбара и остального контента страницы */
@media (min-width: 769px) {
  .modalOpen, .no-scroll,
  .modalOpen header, .no-scroll header,
  .modalOpen .mobile-menu, .no-scroll .mobile-menu {
    padding-right: 12px;
  }
  .modalOpen .b24-widget-button-wrapper, .no-scroll .b24-widget-button-wrapper {
    padding-right: 12px;
  }
}

@media (max-width: 768px) {
  .modal {
    padding: 0;
  }
  .modal__inner {
    max-width: 100%!important;
    height: 100%;
  }
}

#shop-address .modal__inner {
  max-width: 100%;
}

#choice-city .modal__inner {
  max-width: 616px;
}

#signin .modal__inner,
#signup .modal__inner,
#vacancies-modal .modal__inner {
  max-width: 476px;
}
address {
  font-style: normal;
}

.city-list {
  padding: 0;
  margin: 0 -8px;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.city-list__item {
  margin-bottom: 10px;
  width: 150px;
  max-width: 50%;
  padding: 0 8px;
}
.city-list__btn {
  text-decoration: none;
  -webkit-transition: 0.3s color ease;
  transition: 0.3s color ease;
  font-weight: 600;
  font-size: 16px;
  line-height: 1.5;
  color: #000000;
}
.city-list__btn:hover {
  color: #00B9BF;
  text-decoration: underline;
}

.city-list-footer {
  margin-top: 20px;
  text-align: center;
}
.city-list-footer a {
  font-size: 14px;
  color: #7E7E7E;
  text-decoration: none;
}
.city-list-footer a:hover {
  text-decoration: underline;
}

.signin-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -11px 20px;
}
.signin-nav__item {
  width: 50%;
  padding: 0 11px;
}
.signin-nav .btn {
  width: 100%;
}
.signin-nav .btn--accent {
  pointer-events: none;
}

.signin-radio {
  margin: 20px 0;
}
.signin-radio .radio {
  margin-right: 40px;
}
.signin-radio .radio:last-child {
  margin-right: 0;
}

.signin-info, .signup-info {
  color: #212121;
}
.signin-info a, .signup-info a {
  display: inline;
  color: #00B9BF;
  text-decoration: underline;
}
.signin-info a:hover, .signup-info a:hover {
  text-decoration: none;
}

.signup-phone-sms {
  margin-top: 30px;
}

@media (max-width: 568px) {
  .modal__header {
    padding: 25px;
    padding-right: 40px;
  }
  .modal__title {
    font-size: 20px;
  }
  .modal__close:not(.btn) {
    top: 20px;
    right: 15px;
  }
  .modal__body {
    padding: 20px;
  }

  .address-list__title-wrap, .address-list__cont {
    width: 100%;
  }
  .address-list__cont {
    padding: 16px 20px;
    padding-top: 0;
  }
  .address-list__title {
    font-size: 14px;
  }
}
#delivery-courier .modal__inner, #pickup .modal__inner {
  max-width: 616px;
}

.modal-delivery {
  border-bottom: 1px solid #EEEEEE;
  margin-bottom: 20px;
}
.modal-delivery.modal-delivery__single {
  padding-bottom: 0;
}
@media (min-width: 768px) {
  .modal-delivery {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}
.modal-delivery:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}
.modal-delivery:last-child .pickup-text {
  padding-bottom: 0;
}
.modal-delivery__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #6B666B;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .modal-delivery__item {
    font-size: 16px;
  }
}
.modal-delivery__item-single {
  border-bottom: 1px solid #EEEEEE;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.modal-delivery__item-single:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}
.modal-delivery__left {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 calc(100% - 90px);
          flex: 0 0 calc(100% - 90px);
  min-width: 0;
  padding-right: 10px;
}
@media (min-width: 412px) {
  .modal-delivery__left {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 145px);
            flex: 0 0 calc(100% - 145px);
  }
}
.modal-delivery__right {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 90px;
          flex: 0 0 90px;
  text-align: right;
}
@media (min-width: 412px) {
  .modal-delivery__right {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 145px;
            flex: 0 0 145px;
  }
}
.modal-delivery .title-3 {
  margin-bottom: 20px;
  font-size: 20px;
}

.payment-ways {
  border-bottom: 1px solid #EEEEEE;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.payment-ways:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .payment-ways {
    padding-bottom: 30px;
    margin-bottom: 30px;
  }
}
.payment-ways .title-3 {
  margin-bottom: 20px;
  font-size: 20px;
}
.payment-ways__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.payment-ways__list img {
  margin-right: 7px;
}

.pickup-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 19px;
  color: #6B666B;
  padding-bottom: 20px;
}
@media (min-width: 768px) {
  .pickup-text {
    padding-bottom: 30px;
  }
}
@media (min-width: 1024px) {
  .pickup-text {
    font-size: 16px;
  }
}
.pickup-text p:last-child {
  margin-bottom: 0;
}
.pickup-text ul {
  margin: 0 0 15px 0;
  padding: 0 0 0 34px;
}
.pickup-text ul:last-child {
  margin-bottom: 0;
}
.pickup-text ul li {
  margin-bottom: 15px;
}
.pickup-text ul li:last-child {
  margin-bottom: 0;
}

.cabinet {
  padding-top: 40px;
  padding-bottom: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.cabinet .cart-empty-inner {
  line-height: 23px;
  margin-top: 0;
}
.cabinet__aside {
  margin-right: 32px;
  width: 406px;
  border: 1px solid #EEEEEE;
  border-radius: 4px;
  padding: 32px;
}
.cabinet__cont {
  width: calc(100% - 438px);
}
.cabinet__form {
  width: 406px;
  max-width: 100%;
}
.cabinet__submit {
  min-width: 226px;
}
.cabinet__header {
  margin-bottom: 20px;
}
.cabinet__back, .cabinet__back-right {
  display: none;
}
.cabinet__badge {
  min-width: 26px;
  height: 26px;
  background: #00B9BF;
  border-radius: 100%;
  text-align: center;
  color: #fff;
  font-size: 11px;
  line-height: 26px;
  padding: 0 3px;
  display: none;
}

.cabinet-menu {
  padding: 0;
  margin: 0;
  list-style: none;
}
.cabinet-menu__item:not(:last-child) {
  margin-bottom: 32px;
}
.cabinet-menu__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cabinet-menu__link:hover .cabinet-menu__icon, .cabinet-menu__link--active .cabinet-menu__icon {
  color: #00B9BF;
}
.cabinet-menu__icon {
  width: 26px;
  margin-right: 5px;
  color: #CECECE;
  -webkit-transition: 0.3s color ease;
  transition: 0.3s color ease;
  display: block;
}

.cabinet-menu__icon .icon {
  width: 20px;
  height: 20px;
  display: block;
}
.cabinet-menu__icon .icon--user {
  height: 15px;
}
.cabinet-menu__icon .icon--favourite {
  width: 18px;
  height: 16px;
}
.cabinet-menu__icon .icon--cart {
  width: 18px;
  height: 18px;
}
.cabinet-menu__icon .icon--comparision {
  width: 16px;
  height: 16px;
}
.cabinet-menu__icon .icon--order {
  width: 16px;
  height: 18px;
}
.cabinet-menu__icon .icon--bonusi {
  width: 19.5px;
  height: 19.5px;
}
.cabinet-menu__icon .icon--exit {
  width: 18px;
  height: 17px;
}
.cabinet-menu__text {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
  font-weight: 500;
  font-size: 17px;
  line-height: 1.4;
  color: #212121;
}
.cabinet-menu__badge {
  min-width: 26px;
  height: 26px;
  display: block;
  margin-left: 5px;
  border-radius: 100%;
  font-size: 11px;
  line-height: 26px;
  color: #FFFFFF;
  background: #00B9BF;
  text-align: center;
  padding: 0 3px;
}

.cabinet-filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 24px;
}
.cabinet-filter__number {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.2;
  color: #878787;
}
.cabinet-filter__btn-group {
  margin-left: auto;
}
.cabinet-filter__btn-group .btn {
  min-width: 226px;
}
.cabinet-filter__btn-group .btn:not(:last-child) {
  margin-right: 16px;
}

.cabinet-comparison {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 12px;
}
.cabinet-comparison__number {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.2;
  color: #878787;
}
.cabinet-comparison__filter {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.cabinet-comparison__filter .btn {
  min-width: 226px;
  margin-left: 34px;
}

.cabinet-info__number {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  color: #212121;
}

@media (max-width: 1280px) {
  .cabinet__aside {
    width: 350px;
  }
  .cabinet__cont {
    width: calc(100% - 382px);
  }

  .cabinet-comparison__filter .btn {
    margin-left: 24px;
  }
}
@media (max-width: 1024px) {
  .cabinet__aside {
    width: 300px;
  }
  .cabinet__cont {
    width: calc(100% - 332px);
  }
}
@media (max-width: 992px) {
  .cabinet-filter__btn-group .btn {
    min-width: 180px;
  }
}
@media (min-width: 769px) and (max-width: 959px) {
  .cabinet-filter__btn-group {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    margin-top: 15px;
  }
  .cabinet-filter__btn-group .btn {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
  .cabinet-filter__btn-group .btn:not(:last-child) {
    margin-right: 0;
  }
}
@media (max-width: 768px) {
  .cabinet {
    padding-top: 0;
    padding-bottom: 20px;
  }
  .cabinet__aside {
    display: none;
  }
  .cabinet__cont {
    width: 100%;
  }
  .cabinet__header {
    border-bottom: 1px solid #EEEEEE;
    padding: 12px 16px 20px;
    margin: 0 -16px 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .cabinet__header .title-2 {
    margin-right: 15px;
  }
  .cabinet__badge {
    display: block;
  }
  .cabinet__back-right {
    margin-left: auto;
    margin-right: -9px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .cabinet__back-right-angle {
    width: 30px;
    height: 30px;
    color: #00B9BF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    align-items: center;
  }
  .cabinet__back-right-angle svg {
    width: 9px;
    height: 9px;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  .cabinet__back {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    align-items: center;
    height: 30px;
    color: #00B9BF;
    margin-left: -10px;
    margin-right: 5px;
  }
  .cabinet__back svg {
    width: 9px;
    height: 9px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    margin-top: 2px;
  }

  .cabinet-filter {
    margin-bottom: 6px;
    padding: 16px 0;
  }
  .cabinet-filter__btn-group .btn {
    min-width: 180px;
  }

  .cabinet-comparison {
    position: absolute;
    width: 100%;
    top: 425px;
    left: 0;
    z-index: 100;
  }
  .cabinet-comparison__number {
    display: none;
  }
  .cabinet-comparison__filter {
    margin-left: 0;
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .cabinet-comparison__filter .checkbox-box {
    max-width: 50%;
  }
  .cabinet-comparison__filter .btn {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
    min-width: 0;
    margin-left: 15px;
    max-width: 50%;
  }

  .comparison .cabinet__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .comparison .cabinet__badge {
    display: block;
    margin-left: auto;
  }

  .cabinet-info {
    display: none;
  }
}
@media (max-width: 580px) {
  .cabinet-comparison {
    top: 320px;
  }
  .cabinet-comparison__filter .btn {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    padding: 0;
    border: 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 1.2;
    color: #212121;
    border-bottom: 1px dashed #212121;
  }
  .cabinet-comparison__filter .btn:hover {
    background: transparent;
    color: #212121;
    border-color: #212121;
  }
  .cabinet-comparison__filter .checkbox-box {
    max-width: none;
  }
  .cabinet-comparison__filter .checkbox-box__text {
    font-size: 12px;
    margin-left: 5px;
  }
  .cabinet-comparison__filter .checkbox-box__switcher {
    width: 16px;
    height: 16px;
  }
  .cabinet-comparison__filter .checkbox-box__switcher:before {
    width: 8px;
    height: 8px;
    background-size: contain;
    margin: -4px 0 0 -4px;
  }
}
@media (max-width: 568px) {
  .cabinet__submit {
    width: 100%;
  }

  .cabinet-fixed-filter .footer {
    padding-bottom: 200px;
  }

  .cabinet-filter {
    position: fixed;
    bottom: 75px;
    left: 0;
    width: 100%;
    z-index: 450;
    background: #fff;
    padding: 18px 16px;
    margin: 0;
    border-top: 1px solid #EEEEEE;
  }
}
@media (max-width: 550px) {
  .cabinet-filter {
    display: block;
  }
  .cabinet-filter__number {
    display: none;
  }
  .cabinet-filter__btn-group {
    margin: 0 -8px;
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .cabinet-filter__btn-group .btn {
    width: calc(50% - 16px);
    padding-left: 0;
    padding-right: 0;
    margin: 0 8px;
    min-width: 0;
  }
  .cabinet-filter__btn-group .btn:not(:last-child) {
    margin: 0 8px;
  }
}
@media (max-width: 520px) {
  .cabinet-filter {
    bottom: 68px;
  }
}

.microdata-element {
  width: 0px;
  height: 0px;
  opacity: 0;
}

/* фикс сьезжающей вправо верстки при нажатии кнопки онлайн-чатов */
.bx-touch.crm-widget-button-mobile, .bx-touch.crm-widget-button-mobile body {
  overflow: hidden !important;
}

.splide__preload {
  visibility: visible;
}
.splide__preload img {
  width: 100%;
  max-width: 100vw;
  object-fit: contain;
}




.modal-message {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.modal-img {
  display: block;
  margin: 0 auto 25px;
  width: 88px;
}
@media (max-width: 767px) {
  .modal-img {
    display: block;
    margin: 0 auto 25px;
    width: 75px;
  }
}
.modal-img img {
  width: 100%;
  display: block;
}
.modal-message .modal__inner {
  max-width: 476px;
}
.modal-message .modal__title {
  text-align: center;
  margin-bottom: 25px;
}
.form-row__message {
  font-weight: 400;
  font-size: 12px;
  color: #f00;
  display: block;
  margin-top: 8px;
}

/** CHECKBOX ANIMATE **/

.checkbox-animated__container {
  margin: 0 0 15px 0;
  display: flex;
}
.checkbox-animated__title {
  padding-top: 2px;
}

.checkbox-animated {
  display: inline-block;
  height: 28px;
  line-height: 28px;
  margin-right: 10px;
  position: relative;
  vertical-align: middle;
  font-size: 14px;
  user-select: none;
}
.checkbox-animated .checkbox-google-switch {
  display: inline-block;
  width: 36px;
  height: 14px;
  border-radius: 20px;
  position: relative;
  top: 6px;
  vertical-align: top;
  background: #9f9f9f;
  transition: .2s;
}
.checkbox-animated .checkbox-google-switch:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: -3px;
  left: -1px;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 3px 1px -2px rgba(0,0,0,0.2), 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12);
  transition: .15s;
}
.checkbox-animated input[type=checkbox] {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.checkbox-animated input[type=checkbox]:checked + .checkbox-google-switch {
  background: #00B9BFAA;
}
.checkbox-animated input[type=checkbox]:checked + .checkbox-google-switch:before {
  background: #00B9BF;
  transform:translateX(18px);
}

/* Hover */
.checkbox-animated input[type="checkbox"]:not(:disabled) + .checkbox-google-switch {
  cursor: pointer;
  border-color: rgba(0, 0, 0, .3);
}

/* Active/Focus */
.checkbox-animated input[type="checkbox"]:not(:disabled):active + .checkbox-google-switch:before,
.checkbox-animated input[type="checkbox"]:not(:disabled):focus + .checkbox-google-switch:before {
  animation: checkbox-active-on 0.5s forwards linear;
}
@keyframes checkbox-active-on {
  0% {
    box-shadow: 0 0 0 0 #00B9BFAA;
  }
  99% {
    box-shadow: 0 0 0 10px #00B9BFAA;
  }
}

.checkbox-animated input[type="checkbox"]:not(:disabled):checked:active + .checkbox-google-switch:before,
.checkbox-animated input[type="checkbox"]:not(:disabled):checked:focus + .checkbox-google-switch:before {
  animation: checkbox-active-off 0.5s forwards linear;
}
@keyframes checkbox-active-off {
  0% {
    box-shadow: 0 0 0 0 #00B9BFAA;
  }
  99% {
    box-shadow: 0 0 0 10px #00B9BFAA;
  }
}

.card-popup__wrapper {
  padding: 0 20px 0 32px;
  max-height: calc(100vh - 140px);
}

.card-popup__wrapper--lg {
  padding-right: 80px;
}

.popup-content-wrapper {
  height: 100%;
}

.megaoffer-banner__wrapper {
  margin-bottom: 38px;
}

@media (max-width: 520px) {
  .megaoffer-banner__wrapper {
    margin-bottom: 50px;
  }
}

/*
Стили интерактивной карты
*/

.pickup-map__wrapper .modal__inner {
  max-width: 100%;
}

.interactive-map__wrapper .modal__subtitle {
  margin: 0;
  color: #262626;
  font-weight: 600;
  font-size: 20px;
  line-height: 1.23;
  white-space: nowrap;
}

.modal__subtitle .city {
  border-bottom: 2px solid #00B9BF;
}

.interactive-map__wrapper .form-row {
  margin-top: 20px;
}

.interactive-map__wrapper .address-list__text {
  margin-bottom: 9px;
}

.interactive-map__wrapper .address-list__item {
  cursor: pointer;
}

.interactive-map__wrapper .address-list__item.selected {
  background: rgb(246, 246, 246);
}

.interactive-map__wrapper .address-list__cont {
  padding: 0 16px 10px 16px;
  width: 100%;
}
.interactive-map__wrapper .address-list__title-wrap {
  padding: 16px 16px 10px 16px;
  width: unset;
  overflow: hidden;
  text-overflow: ellipsis;
}
.interactive-map__wrapper .address-list__title {
  white-space: break-spaces;
  word-break: break-word;
}

.interactive-map__wrapper .shoplist__container {
  width: 30%;
  max-height: 80vh;
  min-height: calc(100vh - 210px);
}

.interactive-map__wrapper .ymap__container {
  width: 68%;
  padding-top: 44px;
}


.interactive-map__wrapper .interactive-map__container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  max-height: calc(100vh - 210px);
}

.interactive-map__wrapper .address-list__cont .btn.btn--accent, .interactive-map__wrapper .popup .address-list__cont .btn.btn--accent {
  min-width: fit-content;
}

.interactive-map__wrapper .address-list {
  max-height: 72vh;
  overflow: auto;
  height: calc(100% - 100px);
  /*min-height: calc(100vh - 100px);*/
}


.interactive-map__wrapper .address-list::-webkit-scrollbar {
  width: 9px;
}

@media (max-width: 1400px) {
  .modal.interactive-map .modal__inner {
    max-width: 100%;
  }
}



.interactive-map__wrapper .card-popup__wrapper {
  height: 100%;
}

@media (max-width: 768px) and (min-width: 568px){
  .interactive-map__wrapper .ymap__container {
    height: calc(100vh - 355px)!important;
  }
}
@media (max-width: 768px) {
  .modal.interactive-map .modal__inner {
    max-width: 100%;
    height: 100%;
    overflow: hidden;
  }

  .interactive-map .modal__body  {
    height: calc(100% - 175px);
  }

  .modal.interactive-map {
    padding: 0;
  }

  .interactive-map__wrapper .address-list__title-wrap {
    width: unset;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .interactive-map__wrapper .interactive-map__container {
    display: flex;
    flex-direction: column;
    height: 100%;
  }

  .interactive-map__wrapper .shoplist__container {
    width: 100%;
    min-height: unset;
  }

  .interactive-map__wrapper .ymap__container {
    width: 100%;
    padding-top: unset;
    height: calc(100vh - 320px);
    justify-content: flex-start;
  }

  .interactive-map__wrapper .switch-btn__container {
    position: fixed;
    bottom: 0;
    display: flex;
    flex-direction: row;
    width: 100%;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    box-shadow: -3px 1px 8px rgba(65, 111, 121, 0.14);
    height: 100px;
    left: 0;
    background-color: white;
    padding: 0 20px;
  }

  .interactive-map__wrapper .switch-btn__container .btn {
    width: 48%;
  }

  .interactive-map__wrapper .popup-content-wrapper .shoplist__container {
    width: 100%;
  }


  .interactive-map__wrapper .card-popup__wrapper {
    padding-top: 25px;
  }

  .interactive-map__wrapper .address-list {
    width: 100%;
    height: calc(100vh - 310px);
  }
}
@media (max-width: 768px) and (min-width: 568px){
  .interactive-map__wrapper .address-list {
    width: 100%;
    height: calc(100vh - 340px);
  }
}
.interactive-map__wrapper li {
  display: block!important;
}

.unvailable__btn {
  opacity: 0.3;
  border-bottom: 1px solid #c7c4c4 !important;
}

.unailable-load__btn {
  pointer-events: none;
}

.card-menu__btn.unvailable__btn:hover .card-menu__title
{
  color: #212121!important;
}

.address-list__description span {
  color: black!important;
}

@media (max-width: 900px) and (min-width: 769px) {
  .interactive-map__wrapper .form-row__input::placeholder {
    font-size: 11px !important;
  }
}

/*_______________*/

.splide__arrow {
  border-radius: 50%;
  border: 1px solid #d8d8d8;
  opacity: 1;
  background-color: #fff;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
  width: 32px;
  height: 32px;
}

.splide__arrow svg {
  color: #00B9BF;
  height: 9px;
  width: 5px;
}

.splide__arrow--prev {
  padding-right: 3px;
}

.splide__arrow--next {
  padding-left: 3px;
}

.splide__arrow:hover {
  border-color: #aaa;
}

.arrow-down__icon {
  width: 9px;
  height: 5px;
  color: #00B9BF;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.arrow-right__icon {
  height: 9px;
  width: 5px;
  color: #00B9BF;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.scroll-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #000;
  position: fixed !important;
  bottom: 90px;
  left: -100px;
  opacity: 0;
  visibility: hidden;
  background-color: #fff;
  z-index: 100;
  border-radius: 50%;
  -webkit-transition: opacity 0.3s, right 0.3s, padding 0.3s, visibility 0.3s;
  transition: opacity 0.3s, right 0.3s, padding 0.3s, visibility 0.3s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  cursor: pointer;
  padding: 0;
}
.scroll-top.fixed-footer {
  /*position: absolute !important;*/
  z-index: 5;
}

.scroll-top.active {
  left: 40px;
  opacity: 1;
  visibility: visible;
}
@media (max-width: 1440px) {
  .scroll-top.active {
    left: 30px;
  }
}

.scroll-top__icon {
  color: #231f20;
  width: 40px;
  height: 40px;
}

.ks-widget--viewport {
  width: 100%;
  padding-top: 11.2px;
}

.scroll-top__text {
  font-size: 20px;
  font-weight: 500;
  color: #000;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  -webkit-transition: opacity 0.1s;
  transition: opacity 0.1s;
}

.title-2 {
  color: #212121;
  font-weight: 600;
  font-size: 36px;
  line-height: 1.2;
}

.title-3 {
  font-size: 24px;
  line-height: 1.25;
  color: #000;
  font-weight: 700;
}

.title-4 {
  font-weight: 500;
  font-size: 18px;
  line-height: 1.2;
  color: #212121;
}

.text-1 {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
}

p {
  margin-bottom: 15px;
}

.scrollbar {
  overflow-y: auto;
  overflow-x: hidden;
  /* Firefox */
  scrollbar-color: #00B9BF #eeeeee;
  scrollbar-width: thin;
}

.scrollbar::-webkit-scrollbar {
  width: 2px;
}

.scrollbar::-webkit-scrollbar-track {
  background-color: #eeeeee;
}

.scrollbar::-webkit-scrollbar-thumb {
  background-color: #00B9BF;
  border: 0;
}

/* Safari */
.hide-menu .mobile-menu {
  max-height: 0;
  overflow: hidden;
}

.popup {
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  z-index: 200;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.popup.popup-opened {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.popup.popup-opened .popup__box {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.popup.popup-opened .popup__overlay {
  opacity: 1;
}

.popup__overlay {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(26, 26, 24, 0.5);
  opacity: 0;
  -webkit-transition: 0.6s all ease;
  transition: 0.6s all ease;
}

.popup__box {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  right: 0px;
  top: 0px;
  bottom: 0;
  max-width: 520px;
  width: 100%;
  background-color: #ffffff;
  position: fixed;
  z-index: 110;
  height: 100%;
  padding-bottom: 10px;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}

.popup__box:not(.popup__box--without-scroll) {
  overflow-y: auto;
  overflow-x: hidden;
}

.popup__box:not(.popup__box--without-scroll)::-webkit-scrollbar {
  width: 2px;
}

.popup__box:not(.popup__box--without-scroll)::-webkit-scrollbar-track {
  background-color: #eeeeee;
}

.popup__box:not(.popup__box--without-scroll)::-webkit-scrollbar-thumb {
  background-color: #00B9BF;
  border: 0;
}

.popup__box--lg {
  max-width: 540px;
}

.popup__box--full {
  max-width: 100%;
  width: 100%;
}

.popup__header {
  padding: 32px;
  padding-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  row-gap: 14px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #eeeeee;
}

.popup__title {
  font-weight: 600;
  font-size: 30px;
  line-height: 1.2;
  color: #262626;
  max-width: 94%;
}

.popup__close {
  padding: 0;
}

.popup__close-icon {
  width: 14px;
  height: 14px;
  color: #00B9BF;
}

.account-menu {
  padding: 0 20px;
}
.account-menu__title {
  margin: 24px 0 0 6px;
}
.account-menu .popup__close {
  position: absolute;
  right: 17px;
  top: 27px;
}
.account-signin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 36px 16px 20px;
  border-bottom: 1px solid #EEEEEE;
  width: 100%;
  text-align: left;
  margin: 0px -20px;
  box-sizing: content-box;
}
.account-signin__avatar-wrap {
  width: 48px;
  position: relative;
}
.account-signin__avatar {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  background: #F4F4F4;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
.account-signin__avatar img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.account-signin__avatar-icon {
  width: 20px;
  height: 20px;
  color: #231F20;
  margin: 14px 0 0 14px;
}
.account-signin__edit-avatar {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #00B9BF;
  width: 14px;
  height: 14px;
  border-radius: 100%;
  z-index: 50;
  display: block;
  color: #fff;
}
.account-signin__edit-avatar svg {
  width: 7px;
  height: 7px;
  display: block;
  margin: 3.5px 0 0 3.5px;
}
.account-signin__cont {
  padding-left: 9px;
}
.account-signin__name {
  margin: 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.1875;
  color: #212121;
}
.account-signin__description {
  font-size: 12px;
  line-height: 1.666;
  color: #878787;
}
.account-signin__bonus-label {
  font-size: 12px;
  line-height: 14px;
  color: #878787;
}
.account-signin__bonus-num {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  color: #FF0063;
}

.account-menu-list {
  padding: 0;
  margin: 0 -20px;
  list-style: none;
}
.account-menu-list__item {
  border-bottom: 1px solid #EEEEEE;
}
.account-menu-list__link {
  padding: 16px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #212121;
  -webkit-transition: 0.3s color ease;
  transition: 0.3s color ease;
  font-size: 14px;
  line-height: 1.142;
  width: 100%;
  text-align: left;
}
.account-menu-list__link--logout {
  color: #878787;
}
.account-menu-list__link--logout .account-menu-list__icon {
  color: #CECECE;
}
.account-menu-list__icon {
  width: 16px;
  height: 16px;
  display: block;
  margin-right: 22px;
}
.account-menu-list__icon svg {
  width: 100%;
  height: 100%;
  color: #231F20;
}
.account-menu-list__text {
  color: #878787;
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 0px;
          flex: 1 1 0;
}
.account-menu-list__text .city {
  font-weight: 500;
  color: #212121;
}
.account-menu-list__badge {
  min-width: 26px;
  height: 26px;
  text-align: center;
  border-radius: 100%;
  background: #00B9BF;
  color: #fff;
  font-size: 11px;
  line-height: 26px;
  padding: 0 3px;
  margin: 0 10px;
}
.account-menu-list__arrow {
  display: block;
  margin-left: 10px;
}
.account-menu-list__arrow svg {
  color: #00B9BF;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  width: 9px;
  height: 9px;
}

.products {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  padding-right: 100px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 100;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: #fff;
  /* Firefox */
  scrollbar-color: #00B9BF #eeeeee;
  scrollbar-width: thin;
}

.products::-webkit-scrollbar {
  width: 2px;
}

.products::-webkit-scrollbar-track {
  background-color: #eeeeee;
}

.products::-webkit-scrollbar-thumb {
  background-color: #00B9BF;
  border: 0;
}

.products.hidden {
  opacity: 0;
  visibility: hidden;
}

.products__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.products-menu {
  position: relative;
  z-index: 1000;
  max-width: 25%;
  width: 100%;
  height: 100%;
  background-color: #fff;
}

.products-menu::before {
  content: "";
  position: absolute;
  left: 40%;
  width: 12px;
  height: 12px;
  border: 1px solid #eeeeee;
  background: #fff;
  -webkit-transform: rotate(45deg) translateX(-50%);
  transform: rotate(45deg) translateX(-50%);
  border-radius: 2px;
  top: -2px;
  z-index: -1;
}

.products-menu__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #fff;
  border-right: 1px solid #eeeeee;
  height: 100%;
  max-height: 100%;
}

.products-menu__item {
  padding-left: 100px;
  border-bottom: 1px solid #eeeeee;
}

.products-menu__item:hover {
  background-color: #f4f4f4;
}

.products-menu__item:hover > .products-submenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.products-menu__item:first-child .products__link {
  color: #00B9BF;
}

.products-menu__item:first-child > .products-submenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.products__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 56px;
  color: #212121;
  font-size: 17px;
  font-weight: 500;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

.products__link--sale {
  color: #ff0064;
}

.products__link:not(.products__link--sale):hover {
  color: #00B9BF;
}

.products__icon {
  width: 55px;
  height: 38px;
  margin-right: 25px;
}

.products-submenu {
  display: none;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 100%;
  right: 0;
  width: 70.3vmax;
  min-height: 60.5vmax;
  padding: 32px 10px 0 90px;
  background-color: #fff;
}

.products-submenu__name {
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 36px;
  color: #212121;
  line-height: 1.2;
}

.products-submenu__name a {
  color: unset;
}

.products-submenu__content {
  width: 100%;
}

.products__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.products__item {
  margin-bottom: 50px;
  -ms-flex-preferred-size: 33.3333333333%;
  flex-basis: 33.3333333333%;
}

.products__title {
  margin-bottom: 1em;
  font-size: 20px;
  font-weight: 500;
  color: #00B9BF;
}

.products__list {
  font-size: 16px;
  line-height: 1.2;
  font-weight: 500;
}

.products__list a {
  color: #212121;
  text-decoration: none;
}

.products__list a:hover {
  text-decoration: underline;
}

.products__banners {
  max-width: 21vmax;
  padding-top: 40px;
}

.products__banners > * {
  margin-bottom: 20px;
}

.products__banners img {
  border-radius: 4px;
}

.breadcrumbs {
  padding-top: 20px;
}

.breadcrumbs__item {
  font-size: 14px;
  color: #262626;
  line-height: 1.1;
  position: relative;
  display: inline;
}
@media (min-width: 568px) {
  .breadcrumbs__item {
    font-size: 12px;
  }
}

.breadcrumbs__item:last-child {
  color: #878787;
}

a.breadcrumbs__item:hover {
  text-decoration: underline;
}

.breadcrumbs__item:not(:first-child)::before {
  content: "/";
  color: #262626;
  margin: 0 5px;
  display: inline-block;
}

.breadcrumbs__line {
  margin: 0 5px 0 3px;
}

.checkbox__btn {
  position: relative;
}

.checkbox__btn.active svg {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.checkbox__item {
  margin-top: 12px;
}

.checkbox__label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  padding-right: 15px;
}

.checkbox__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
}

.checkbox__input:checked + .checkbox__switcher::before {
  display: block;
}

.checkbox__input:disabled + .checkbox__switcher {
  border-color: #878787;
}

.checkbox__input:disabled ~ .checkbox__text {
  color: #878787;
}

.checkbox__input:disabled ~ .checkbox__count {
  color: #878787;
}

.checkbox__switcher {
  width: 24px;
  height: 24px;
  background-color: transparent;
  border: 1px solid #00B9BF;
  border-radius: 3px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
}

.checkbox__switcher::before {
  display: none;
  content: "";
  width: 11px;
  height: 12px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  display: none;
  background-image: url("/local/templates/Askona2023/images/icons/checkbox.svg");
  background-repeat: no-repeat;
}

.checkbox__text {
  margin-left: 0.6em;
  font-size: 14px;
  line-height: 1;
  color: #262626;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.checkbox__count {
  top: -0.5em;
  right: -0.2em;
  color: #00B9BF;
  font-size: 12px;
  line-height: 1;
  position: absolute;
}

.checkbox__color {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-left: 0.6em;
  background-color: #553f34;
  border-radius: 50%;
}

.ts-control {
  padding: 0;
  border: 1px solid transparent;
  border-radius: 0;
  cursor: pointer !important;
}
.ts-control::before {
  content: "";
  width: 9px;
  height: 5px;
  position: absolute;
  top: 50%;
  right: 3%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-image: url("/local/templates/Askona2023/images/icons/angle-down.svg");
  background-repeat: no-repeat;
}
.ts-control[data-type-prop="BASE"]::before {
  display: none;
}
.ts-control[data-type-prop="FABRIC"]::before {
  display: none;
}
.ts-dropdown {
  z-index: 50;
  background-color: #ffffff;
  -webkit-box-shadow: 0px 2px 10px rgba(50, 108, 121, 0.14);
  box-shadow: 0px 2px 10px rgba(50, 108, 121, 0.14);
  border: none;
  margin-top: 7%;
}

/* noui slider styles */
.noUi-target {
  background: #eee;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  height: 3px;
}

.noUi-connect {
  background: #00B9BF;
  height: 3px;
}

.noUi-handle {
  background: #00B9BF;
  border-radius: 50%;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.noUi-handle::before {
  display: none;
}

.noUi-handle::after {
  width: 7px;
  height: 7px;
  background: #fff;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}

.noUi-horizontal .noUi-handle {
  width: 22px;
  height: 22px;
  top: -9px;
  cursor: pointer;
}

.noUi-horizontal .noUi-handle-upper {
  right: 0;
}

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

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

.pagination__item {
  margin-right: 24px;
}

.pagination__link {
  text-decoration: none;
  color: #221c1c;
  font-size: 15px;
  line-height: 1;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.pagination__link.active {
  width: 40px;
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  border: 1px solid #221c1c;
  pointer-events: none;
}

.pagination__link:hover {
  color: #00B9BF;
  text-decoration: underline;
}

.pagination__item--last {
  position: relative;
  padding-left: 35px;
  margin-right: 0;
}

.pagination__item--last::before {
  content: "...";
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 15px;
  color: #878787;
}

.pagination__next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 2em;
  font-size: 15px;
  color: #7e7e7e;
}

.pagination__next img {
  margin-left: 0.5em;
}

#catalog-slider-list {
/*  justify-content: center;*/
}

.category-slider .category-slider__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
@media (min-width: 768px) {
  .category-slider .category-slider__link {
    max-width: 114px;
    min-height: 110px;
  }
  .category-slider_main .category-slider__link {
    width: 114px;
  }
}

.category-slider .category-slider__link:hover .category-slider__title {
  color: #00B9BF;
}

.category-slider .category-slider__title {
  margin-top: 0.8em;
  font-weight: 500;
  line-height: 1.1;
  font-size: 14px;
  color: #212121;
  text-align: center;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  min-height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media (min-width: 1441px) {
  .category-slider .category-slider__title {
    font-size: 16px;
  }
}

.category-slider {
  margin-bottom: 30px;
}
.category-slider .splide__arrow:disabled {
  display: none;
}

@media (min-width: 768px) {
  .splide--centred .splide__list {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.category-slider .category-slider__slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.category-slider .category-slider__image {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  max-width: 100%;
  max-height: 76px;
  object-fit: contain;
}

.category-slider .category-slider__image:hover {
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}

.category-slider .splide__pagination {
  display: none;
}

.category-slider .splide__arrow {
  background: #fff;
  opacity: 1;
  width: 32px;
  height: 32px;
  top: 50%;
}

.category-slider .splide__arrow--prev {
  left: -30px;
}

.category-slider .splide__arrow--next {
  right: -30px;
}

.product-slider-splide .splide__pagination {
  bottom: 33px;
}

.splide__pagination__page {
  background: #d8d8d8;
  width: 8px;
  height: 8px;
  margin: 0 4px;
}

.splide__pagination__page.is-active {
  background: #00B9BF;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.splide__arrow {
  border-radius: 50%;
  border: 1px solid #d8d8d8;
  opacity: 1;
  background-color: #fff;
  -webkit-transition: border-color 0.3s;
  transition: border-color 0.3s;
  width: 32px;
  height: 32px;
  top: 40%;
}

.splide__arrow:hover {
  border-color: #aaa;
}

.splide__arrow--prev {
  left: -50px;
}

.splide__arrow--next {
  right: -50px;
}

.product-slider .splide__track {
  padding-bottom: 90px;
}

.product-slider .splide__track:has(.product-card:hover) {
  z-index: 2;
}

.product-slider__title {
  text-align: center;
  margin-bottom: 30px;
}

.splide__gallery {
  position: static;
  width: 100%;
  height: 100%;
}
.splide__gallery .splide__pagination {
  opacity: 0;
}
@media (max-width: 1023px) {
  .splide__gallery .splide__pagination {
    display: none;
  }
}
.splide__gallery:hover .splide__pagination {
  opacity: 1;
}

.splide__gallery .splide__slide {
  opacity: 0;
}

.splide__gallery .splide__slide.is-active {
  opacity: 1;
}

.splide__gallery .splide__slide img {
  width: 100%;
  height: auto;
}

.product-slider .splide__gallery .splide__track,
.splide__gallery .splide__track{
  padding: 14px 0 0 0;
}

.splide__gallery .splide__pagination {
  z-index: 10;
  height: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  bottom: 0;
}

.splide__gallery .splide__pagination li {
  width: calc(20% - 10px);
  height: 100%;
  background-color: transparent;
}

.splide__gallery .splide__pagination li:not(:last-child) {
  margin-right: 10px;
}

.splide__gallery .splide__pagination__page {
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 1;
  border-radius: 0;
  background: transparent;
  cursor: auto;
}

.splide__gallery .splide__pagination__page.is-active {
  background: transparent;
  margin: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: none;
  transform: none;
}

.splide__gallery .splide__pagination__page.is-active {
  border-bottom-width: 1px;
  border-color: #00B9BF;
}

.product-card__colors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 5px;
}

.product-card__colors-label {
  margin-right: 8px;
  padding: 0;
  cursor: pointer;
  position: relative;
}

.product-card__colors-box {
  background-size: cover;
  background-position: center;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1px solid transparent;
  display: block;
}

.product-card__colors-input:checked + .product-card__colors-box {
  border: 1px solid #000;
}

.product-card__colors-input {
  position: absolute;
  left: 0;
  top: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  opacity: 0;
}

.product-card__colors-more {
  font-size: 12px;
  color: #7e7e7e;
}

.product-card__title {
  margin-bottom: 15px;
  color: #262626;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.1;
  padding-top: 26px;
}

.product-card__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 12px;
  color: #7e7e7e;
  font-size: 14px;
  line-height: 1.1;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (min-width: 768px) {
  .products__list li {
    margin-bottom: 15px;
  }

  .product-card__mobile-buttons {
    opacity: 0;
  }
}
@media (min-width: 991px) {
  .scroll-top:hover {
    border-radius: 40px;
    padding-right: 1%;
  }

  .scroll-top:hover .scroll-top__text {
    opacity: 1;
    visibility: visible;
    position: static;
  }
}
@media (max-width: 1440px) {
  .btn--sm {
    font-size: 14px;
  }

  .popup__close-icon {
    width: 14px;
    height: 14px;
  }

  .products {
    padding-right: 16px;
  }

  .products__link {
    font-size: 17px;
  }

  .products__icon {
    height: auto;
  }

  .products-submenu {
    width: 74vw;
    min-height: 70.3vmax;
    padding-left: 60px;
  }

  .products-submenu__name {
    font-size: 36px;
  }

  .products__item {
    margin-bottom: 20px;
  }

  .products__title {
    font-size: 20px;
  }

  .products__list {
    font-size: 13px;
  }

  .products__banners {
    display: none;
  }

  .breadcrumbs__item {
    font-size: 14px;
  }

  .checkbox__switcher {
    width: 24px;
    height: 24px;
    border-radius: 3px;
  }

  .checkbox__switcher::before {
    width: 11px;
    height: 12px;
  }

  .checkbox__text {
    font-size: 14px;
  }

  .checkbox__count {
    font-size: 12px;
  }

  .checkbox__color {
    width: 18px;
    height: 18px;
  }

  .product-slider .splide__arrow {
    display: none;
  }

  .splide__gallery .splide__pagination li {
    width: calc(20% - 10px);
  }

  .splide__gallery .splide__pagination__page.is-active {
    border-bottom-width: 1px;
  }

  body {
    min-width: 320px;
    font-size: 16px;
  }

  .accent-button {
    font-size: 17px;
  }
}
@media (max-width: 1400px) {
    .category-slider .splide__arrow--prev {
    left: 0px;
  }

  .category-slider .splide__arrow--next {
    right: 0px;
  }
}
@media (max-width: 1200px) {
  .btn {
    font-size: 16px;
  }

  .btn--sm {
    font-size: 14px;
    padding: 0.8em 0.8em;
  }

  .popup__box:not(.popup__box--lg, .popup__box--full) {
    max-width: 520px;
  }

  .popup__header {
    padding: 20px;
  }

  .popup__title {
    font-size: 24px;
  }

  .product-slider-splide .splide__pagination {
    bottom: 37px;
  }

  .category-slider .category-slider__title {
    font-size: 14px;
  }

  .category-slider {
    margin-bottom: 30px;
  }

  .category-slider .splide__arrow {
    background: #fff;
    opacity: 1;
    width: 32px;
    height: 32px;
    top: 40%;
  }

  .category-slider .splide__arrow--prev {
    left: -10px;
  }

  .category-slider .splide__arrow--next {
    right: -10px;
  }
  .category-slider_main .splide__arrow--prev {
    left: 0px;
  }

  .category-slider_main .splide__arrow--next {
    right: 0px;
  }

  .splide__pagination {
    bottom: -37px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .splide__pagination .splide__pagination__page {
    width: 6px;
    height: 6px;
    margin: 0 4px;
    background: #d8d8d8;
  }

  .splide__pagination .splide__pagination__page.is-active {
    background: #00B9BF;
    width: 6px;
    height: 6px;
    margin: 0 4px;
  }

  .product-slider {
    padding: 0;
    margin-bottom: 0;
  }

  .splide__list {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-bottom: 20px;
  }

  .splide__gallery .splide__pagination__page {
    width: 100%;
    height: 100%;
    background: transparent;
  }

  .splide__gallery .splide__pagination__page.is-active {
    width: 100%;
    height: 100%;
    background: transparent;
  }

  .products-menu__item {
    padding-left: 70px;
  }
}
@media (max-width: 1025px) {
  .products-menu__item {
    padding-left: 10%;
  }

  .products__link {
    height: 45px;
  }

  .products__icon {
    width: 35px;
  }

  .products-submenu {
    padding-left: 30px;
  }

  .products__item {
    margin-bottom: 10px;
  }

  .products-submenu {
    min-height: 85.3vmax;
  }
}
@media (max-width: 1023px) {
  .container.category-slider {
    padding: 0;
  }

  .popup__box:not(.popup__box--lg, .popup__box--full) {
    max-width: 520px;
  }

  .pagination__link {
    font-size: 12px;
  }

  .pagination__link.active {
    width: 32px;
    height: 32px;
  }

  .pagination__next {
    font-size: 12px;
    margin-left: 1.5em;
  }

  .breadcrumbs {
    padding-top: 20px;
  }
  /*.category-slider .splide__arrow {
    display: none;
  }*/
}
@media (max-width: 961px) {
  .pagination__item {
    margin-right: 20px;
  }

  .pagination__item--last {
    padding-left: 24px;
  }

  .popup__box:not(.popup__box--lg, .popup__box--full) {
    max-width: 520px;
  }

  .product-slider__title {
    margin-bottom: 20px;
  }

  .product-slider .splide__track {
    padding-bottom: 60px;
  }

  .product-slider-splide .splide__pagination {
    bottom: 20px;
  }
}
@media (max-width: 768px) {
  .pagination__prev {
    display: none;
  }

  .pagination__next {
    display: none;
  }

  .scroll-top {
    display: none;
  }

  .breadcrumbs {
    padding-top: 8px;
  }

  /*.pagination__item:not(:first-child, :nth-child(2), :nth-child(3)) {*/
  /*  display: none;*/
  /*}*/

  .pagination__item.pagination__item--last {
    display: block;
  }

  .products {
    display: none;
  }

  .title-2 {
    font-size: 26px;
  }

  .title-3 {
    font-size: 21px;
  }

  .title-4 {
    font-size: 18px;
  }
  .product-slider .splide__gallery .splide__track,
  .splide__gallery .splide__track{
    padding: 6px 0 0 0;
  }

  #catalog-slider-list {
/*    justify-content: unset;*/
  }
}

.splide__arrow--prev svg {
  -webkit-transform: none;
          transform: none;
}
@media (max-width: 767px) {
  .category-slider .splide__arrow {
    display: none;
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 768px) {
  select:focus,
textarea:focus,
input:focus {
    font-size: 16px;
  }
}
@media (max-width: 580px) {
  .category-slider .category-slider__slide {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .category-slider:not(.category-slider--catalog) {
    margin-bottom: 50px;
  }

  .category-slider .category-slider__slide {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    -webkit-box-pack: normal;
    -ms-flex-pack: normal;
    justify-content: normal;
  }

  .category-slider .splide__pagination {
    bottom: -27px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .category-slider .splide__pagination__page {
    width: 6px;
    height: 6px;
    margin: 0 4px;
    background: #d8d8d8;
  }

  .category-slider .splide__pagination__page.is-active {
    background: #00B9BF;
    width: 6px;
    height: 6px;
    margin: 0 4px;
  }

  .category-slider .splide__arrow {
    display: none;
  }

  .category-slider .splide__slide-box {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 100%;
    width: 100%;
  }

  .category-slider .splide__slide-box:not(:last-child) {
    padding-bottom: 15px;
  }

  .splide__slide.splide__slide--col {
    margin-bottom: 18px;
  }

  .category-slider:not(.category-slider--catalog) .category-slider__title {
    font-size: 12px;
  }

  .product-slider-splide .splide__pagination {
    bottom: 30px;
  }

  .product-slider .splide__track {
    padding-bottom: 60px;
  }

  .popup__box:not(.popup__box--lg) {
    max-width: 100%;
  }
  .category-slider {
    margin-bottom: 60px;
  }
  .category-slider .splide__slide .splide__slide__row {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .card .breadcrumbs {
    height: auto;
  }
  /*.category-slider .splide__slide .splide__slide__row > li.splide__slide {
    height: 50%;
  }*/
}
@media (max-width: 520px) {
  .pagination__next {
    display: none;
  }

}
@media (max-width: 440px) {
  .product-card__colors {
    padding-top: 0;
  }
}
@media (max-width: 425px) {
  .category-slider .category-slider__link {
    margin: 0 5px;
  }
}
@media (max-width: 374px) {
  .breadcrumbs__item {
    font-size: 12px;
  }

  .product-slider-splide .splide__track {
    padding-right: 50px !important;
  }

  .product-slider .splide__gallery .splide__track {
    padding-right: 0 !important;
  }

  .product-slider__title {
    margin-bottom: 16px;
  }
}
@media (min-width: 580px) and (max-width: 640px) {
  .category-slider .category-slider__image {
    max-height: 55px;
  }
}
@media screen and (-ms-high-contrast: none) {
  .splide__slide:focus-visible {
    border: 3px solid #0bf;
  }

  .splide.is-focus-in .splide__slide:focus {
    border: 3px solid #0bf;
  }

  .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
    border-color: #0bf;
  }
}
.section-daily {
  margin-bottom: 30px;
}
.section-daily .title-2 {
  text-align: center;
  margin-bottom: 16px;
}
@media (min-width: 1024px) {
  .section-daily {
    padding-top: 30px;
    margin-bottom: 60px;
  }
  .section-daily .title-2 {
    text-align: center;
    margin-bottom: 40px;
  }
}
@media (min-width: 1300px) {
  .section-daily {
    margin-bottom: 120px;
  }
}

.daily {
  max-width: 1596px;
  margin-left: auto;
  margin-right: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 16px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
@media (min-width: 768px) {
  .daily {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1200px) {
  .daily {
    gap: 30px;
  }
}
@media (min-width: 1400px) {
  .daily {
    gap: 52px;
  }
}

.daily-item {
  text-align: center;
  min-width: 0;
}
.daily-item__count {
  font-weight: 400;
  font-size: 28px;
  line-height: 35px;
  color: #27979D;
  margin-bottom: 16px;
}
@media (min-width: 350px) {
  .daily-item__count {
    font-size: 35px;
    line-height: 42px;
  }
}
@media (min-width: 1024px) {
  .daily-item__count {
    font-size: 64px;
    margin-bottom: 24px;
  }
}
.daily-item__img {
  height: 80px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 11px;
}
.daily-item__img img {
  max-width: 100%;
  display: block;
}
.daily-item__name {
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #212121;
}
@media (min-width: 1024px) {
  .daily-item__name {
    font-size: 16px;
  }
}
.pagination__prev img {
  margin-right: 0.5em;
  transform: rotate(180deg);
}

.pagination__item--first::after {
  content: "...";
  position: absolute;
  bottom: 0;
  left: 15px;
  font-size: 15px;
  color: #878787;
}

.pagination__item--first {
  position: relative;
  padding-right: 35px;
  margin-right: 0;
}

.pagination__prev {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 2em;
  font-size: 15px;
  color: #7e7e7e;
}

.breadcrumbs__item span {
  font-size: 12px;
  color: #262626;
  line-height: 1.1;
  position: relative;
  display: inline;
}

.icon-remove-image {
  width: 20px;
  height: 30px;
}

.breadcrumbs__item:last-child span {
  color: #878787;
}

.breadcrumbs__item span:hover:not(.breadcrumbs__item:last-child span) {
  text-decoration: underline;
}

#personal-account-menu .popup__header {
  justify-content: end;
}

.scrollContainer {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 12px;
  background: inherit;
  border: 1px solid #d8d8d8;
  padding: 2px;
  overflow: hidden;
}

.scrollElement {
  height: 100px;
  width: 100%;
  background: #00B9BF;
  border-radius: 3px;
  position: relative;
}

.banner {
  /*background-color: #02b9bf;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  transition-duration: 0.2s;
  overflow: hidden;
}

.banner.hidden {
  height: 0;
  top: -75px;
}

.banner__container {
  max-width: 1920px;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 50;
}

.banner__link {
  width: 100%;
  height: 100%;
  display: block;
}

.banner__img {
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
/*  -o-object-position: 15%;*/
/*  object-position: 15%;*/
  display: none;
  height: auto;
}

@media (min-width: 542px) {
  .banner__img-desktop {
    display: flex;
  }
}

@media (max-width: 541px) {
  .banner__img-mobile {
    display: flex;
  }
}


.banner__close {
  position: absolute;
  right: 12px;
  padding: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: transparent;
}

.banner__close img {
  width: 18px;
  height: 18px;
}

.header {
  padding-bottom: 14px;
  border-bottom: 1px solid #eeeeee;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 105;
}

.icon-menu {
  position: relative;
}

.icon-menu, .icon-menu:after, .icon-menu:before {
  content: "";
  height: 2px;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  border-radius: 3px;
  background: #fff;
  display: block;
  -webkit-transform: rotate(0);
          transform: rotate(0);
  width: 16px;
}

.icon-menu:before {
  position: absolute;
  -webkit-transform: translateY(-6px);
          transform: translateY(-6px);
  left: 0;
  width: 7px;
}

.icon-menu:after {
  position: absolute;
  -webkit-transform: translateY(6px);
          transform: translateY(6px);
  right: 0;
}

.header__all-products.active .icon-menu {
  height: 0;
}
.header__all-products.active .icon-menu:before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 21px;
  top: -1px;
  left: auto;
  right: 0;
}
.header__all-products.active .icon-menu:after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 21px;
  top: -1px;
}

.header.fixed {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  min-width: 320px;
  z-index: 60;
}

.header__top {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 24px;
  padding-top: 24px;
}

.header__top-logo {
  margin-right: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 148px;
          flex: 0 0 148px;
}
@media (max-width: 1300px) {
  .header__top-logo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 112px;
            flex: 0 0 112px;
  }
}

@media (max-width: 768px) {
  .header__contacts-wrap {
    display: flex;
    align-items: center;
  }

  .header__top-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .header__top {
    position: relative;
  }

  .header__top-logo img {
    max-height: 28.75px;
  }
}

.header__top-logo img {
  width: 100%;
}

.header__top .arrow-down__icon {
  margin-left: 8px;
  min-width: 9px;
}

.header__top-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  max-width: 1283px;
}

.header__top-icon {
  width: 20px;
  height: 20px;
  color: #231f20;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.header__top-icon:hover {
  color: #00B9BF;
}

.header__top-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 25px;
  -moz-column-gap: 25px;
  column-gap: 25px;
}

.header__top-buttons__item {
  position: relative;
}

.header__top-buttons__item span.header__top-buttons__item-counter {
  position: absolute;
  top: -40%;
  right: -50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 18px;
  min-width: 18px;
  font-size: 10px;
  line-height: 18px;
  color: #fff;
  border-radius: 50%;
  background-color: #e93368;
}

.header__top-buttons__btn-hint {
  color: #212121;
  font-size: 10px;
  position: absolute;
  border-radius: 5px;
  display: inline-block;
  right: 10px;
  background-color: #00B9BF59;
  overflow-x: hidden;
  width: 0px;
  padding: 2px 0px;
  transition-duration: 0.05s;
  top: 18px;
}

@media (min-width: 1279px) {
  .header__top-buttons__btn-hint {
    font-size: 12px;
    top: 22px;
  }
}

.header__top-buttons__item:hover .header__top-buttons__btn-hint {
  width: unset;
  padding: 2px 5px;
}

.header__all-products {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 12px 34px 10px 15px;
  white-space: nowrap;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 180px;
          flex: 0 0 180px;
}
@media (min-width: 1201px) {
  .header__all-products img {
    margin-right: 13px;
  }
}

.header__top-numbers {
  min-width: 8em;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.2;
  color: #212121;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
}

.header__top-numbers span {
  display: inline-block;
  font-size: 11px;
  line-height: 1;
  color: #00B9BF;
  margin-left: 0.7em;
  -moz-text-align-last: left;
  /*text-align-last: left;*/
  text-align: start;
  margin-left: 15px;
}

.header__top-numbers--hide {
  display: none;
  font-weight: 500;
  font-size: 18px;
  line-height: 1.1;
  color: #212121;
  -webkit-transition: color 0.1s linear;
  transition: color 0.1s linear;
}

.header__top-numbers--hide:hover,
.header__top-numbers--hide:focus {
  color: #00B9BF;
}

.header__top-call {
  padding: 0.7em 22px;
  margin-right: 26px;
  border: 1px solid #d8d8d8;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0.2em;
  color: #212121;
  -webkit-transition: border-color 0.2s;
  transition: border-color 0.2s;
  font-size: 13px;
  line-height: 1.1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media (max-width: 1300px) {
  .header__top-call {
    margin-right: 10px;
  }
}
@media (max-width: 1200px) {
  .header__top-call {
    padding: 0.7em 10px;
  }
}

.header__top-call svg {
  margin-right: 10px;
  height: 18px;
  color: #7e7e7e;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

.header__top-call:hover {
  border-color: #d4d4d4;
}

.header__top-call:hover svg {
  color: #323232;
}

.header__top-search {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 100%;
  position: relative;
  margin-right: 32px;
}
@media (max-width: 1300px) {
  .header__top-search {
    margin-right: 10px;
  }
}

.header__top-search--mobile {
  display: none;
}
@media (max-width: 768px) {
  .header__top-search--mobile {
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
  }
  .header__top-search--mobile .header__top-country-wrapper {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    pointer-events: none;
    right: -200px;
    -webkit-transition: 0.3s all ease;
    transition: 0.3s all ease;
  }
  .header__top-search--mobile .header__top-country {
    border: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header__top-search--mobile .header__top-country .arrow-down__icon {
    margin-left: 11px;
  }
}

.header.active .header__top-search--mobile {
  padding-right: 74px;
}
.header.active .header__top-country-wrapper {
  right: 0;
  pointer-events: all;
}

.header__top-search-field {
  width: 100%;
  padding: 0.9em 0.9em 0.9em 3.8em;
  border: 1px solid #d8d8d8;
  border-radius: 0.3em;
  outline: none;
  line-height: 1.1;
  font-size: 13px;
  font-family: inherit;
}

.header__top-search-field:focus {
  border: 1px solid #00B9BF;
}

.header__top-searchButton {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 3.5%;
  display: flex;
}

.header__top-search__icon {
  width: 16px;
  height: 16px;
  color: #00B9BF;
}

.header__top-shop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 0.3em;
  -moz-column-gap: 0.3em;
  column-gap: 0.3em;
  margin-right: 39px;
  color: #7e7e7e;
  cursor: pointer;
  border-bottom: 1px solid transparent;
  font-size: 14px;
}
@media (max-width: 1300px) {
  .header__top-shop {
    margin-right: 10px;
  }
}

.header__top-shop span {
  color: #212121;
}

.header__top-shop:hover {
  border-color: #eee;
}

.header__top-city {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 42px;
  font-size: 14px;
}

.header__top-countryText{
  font-size: 14px;
}

@media (max-width: 1300px) {
  .header__top-city {
    margin-right: 10px;
  }
}

.header__top-country-wrapper {
  margin-right: 27px;
  position: relative;
}
@media (max-width: 1300px) {
  .header__top-country-wrapper {
    margin-right: 10px;
  }
}

.header__top-country {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 12.5px 14px;
  background: #ffffff;
  border: none;
}

.header__top-countryFlag {
  min-width: 20px;
  min-height: 14px;
  -webkit-filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.1));
}

.header__top-countryList {
  position: absolute;
  display: none;
  width: 100%;
  border: 1px solid #eee;
  background-color: #fff;
}

.header__top-countryList button {
  border: none;
  width: 100%;
}

.header__top-countryList.active {
  display: block;
}

.header__all-products img {
  width: 16px;
  height: 14px;
}

.header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  transition-duration: 0.2s;
}

.header__menu {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-left: 105px;
  padding-bottom: 7px;
  width: 100%;
  /*overflow: scroll;*/

}

@media (max-width: 1300px) {
  .header__menu {
    margin-left: 10px;
    margin-right: 10px;
  }
}

.header__menu::-webkit-scrollbar {
  display: none;
}

.header__menu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header__menu-link {
  font-weight: 500;
  font-size: 17px;
  color: #212121;
  padding: 0 0.5em;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
  white-space: nowrap;
}

.header__menu-link:hover {
  color: #00B9BF;
}

.header__sale {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #ff0064;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 79px;
          flex: 0 0 79px;
  width: max-content;
}

.header__sale img {
  margin-right: 0.5em;
  width: 1.4em;
  height: 1.4em;
}

.header-mobile__burger {
  display: none;
  padding: 0;
  font-size: 0;
}

.header-mobile__call, .header-mobile__messenger {
  display: none;
}

.header__contacts-wrap {
  display: flex;
}

.header-mobile__menu {
  display: none;
  transition-duration: 0.2s;
}

.mobile-menu {
  display: none;
  width: 100%;
  max-height: 48px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 500;
  background: #ffffff;
  -webkit-box-shadow: 0 -2px 8px rgba(65, 111, 121, 0.14);
  box-shadow: 0 -2px 8px rgba(65, 111, 121, 0.14);
/*  -webkit-transition: 0.3s all ease;*/
/*  transition: 0.3s all ease;*/
    padding-bottom: env(safe-area-inset-bottom);
}

.mobile-menu__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.mobile-menu__item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100px;
  height: 48px;
  color: #7e7e7e;
  font-size: 11px;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  gap: 4px;
}
.mobile-menu__item.is-active {
  color: #00B9BF;
}
.mobile-menu__item.is-active .mobile-menu__icon {
  color: #00B9BF;
}
.mobile-menu__item.is-active .mobile-menu__counter {
  border-color: #00B9BF;
}

.mobile-menu__icon {
  width: 20px;
  height: 20px;
  color: #b0b0b0;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.mobile-menu__icon--logo {
  color: #00B9BF;
}

.mobile-menu__counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 5%;
  right: 30%;
  font-weight: 600;
  font-size: 8px;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #b0b0b0;
  color: #474747;
}

.header__numbers {
  margin-right: 10px;
}

@media (max-width: 1440px) {
  .header__top-numbers span {
    font-size: 10px;
  }

  .header__top-call svg {
    height: 10px;
  }

  .header__top-search-field {
/*    padding: 0.7em 0.9em 0.7em 2.5em;*/
    padding: 0.7em 0.9em 0.7em 3.45em;
  }

  .banner__close img {
    width: 16px;
    height: 16px;
  }
}
@media (max-width: 1200px) {
  .header__top-buttons__item span.header__top-buttons__item-counter {
    width: 13px;
    height: 13px;
    min-width: 13px;
  }

  .banner__container {
    max-width: 100%;
  }

  .banner__close {
    right: 0px;
  }

  .header__top-buttons__item span.header__top-buttons__item-counter {
    top: -20%;
    font-size: 7px;
  }

  .header__top-buttons__item svg {
    width: 13px;
    height: 13px;
  }

  .header__top-country-wrapper {
    margin-right: 4px;
    width: 50px;
  }

  .header__top-country {
    padding: 8px 3px;
  }

  .header__top-countryList {
    width: 50px;
  }

  .header__all-products {
    font-size: 12px;
  }

  .header__all-products img {
    height: 12px;
  }

  .header__menu-link {
    font-size: 14px;
  }

  .header__sale {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 57px;
            flex: 0 0 57px;
  }

  .header__all-products {
    padding: 12px 13px 10px 15px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 122px;
            flex: 0 0 122px;
  }
}
@media (max-width: 1023px) {
  .header__top-buttons {
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
  }

  .banner__close {
    right: 2%;
  }

  .banner__container {
    margin: 0;
  }

  .header__top-numbers {
    font-size: 10px;
  }

  .header__top-numbers--hide {
    font-size: 10px;
  }

  .header__top-call {
    font-size: 11px;
    padding: 10px;
  }

  .header__top-search-field {
    padding-left: 2em;
  }

  .header__top-searchButton {
    left: 2.5%;
  }

  .header__top-search__icon {
    width: 12px;
    height: 12px;
  }

  .header__top-shop {
    font-size: 12px;
    margin-right: 4px;
  }

  .header__top-search-field {
    padding: 9px;
    padding-left: 30px;
  }

  .header__top-city {
    font-size: 12px;
  }

  .header__all-products.btn {
    font-size: 14px;
  }

  .header__top-countryText {
    font-size: 12px;
  }
}
@media (max-width: 959px) {
  .header__top-shop {
    display: none;
  }

  .header__menu-link {
    font-size: 12px;
  }
}
@media (max-width: 768px) {
  .header__top-logo {
    margin-right: 0;
  }

  .header__top-box {
    display: none;
  }

  .header__top-buttons {
    display: none;
  }

  .header__top-numbers--hide {
    font-size: 18px;
  }

  .mobile-menu {
    display: block;
  }

  .header__top-search--mobile {
    display: block;
    margin: 8px auto;
    width: 100%;
    z-index: 110;
    max-width: 100%;
    transition-duration: 0.2s;
  }

  .header__top-search--mobile.hidden {
    top: -45px;
    height: 0;
    margin: 0;
    z-index: 0;
  }

  .header__top-search-field {
    padding: 0.9em 1.5em 0.9em 3.5em;
  }

  .header__top-search__icon {
    width: 16px;
    height: 16px;
  }

  .header__inner {
    display: none;
  }

  .header {
    padding: 0;
    padding-bottom: 5px;
    z-index: 100;
    border: none;
  }

  .header__top {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 50px;
    border-bottom: 1px solid #eee;
    background-color: #fff;
    padding: 7px 16px;
    position: relative;
    z-index: 110;
    margin: 0 -16px;
    width: calc(100% + 32px);
  }

  .header-mobile {
    padding: 7px 0;
    border-bottom: 1px solid #eeeeee;
  }

  .header-mobile__burger {
    display: block;
    padding: 0;
    width: 26px;
    height: 16px;
    position: relative;
  }

  .header-mobile__burger:before,
.header-mobile__burger:after,
.header-mobile__burger span {
    position: absolute;
    left: 0;
    z-index: 5;
    height: 2px;
    width: 100%;
    background-color: #212121;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }

  .header-mobile__burger:before,
.header-mobile__burger:after {
    content: "";
  }

  .header-mobile__burger:before {
    top: 0;
  }

  .header-mobile__burger:after {
    bottom: 0;
  }

  .header-mobile__burger span {
    top: 50%;
    -webkit-transform: scale(1) translateY(-50%);
    transform: scale(1) translateY(-50%);
  }

  .header-mobile__burger.active span {
    -webkit-transform: scale(0) translateY(-50%);
    transform: scale(0) translateY(-50%);
  }

  .header-mobile__burger.active::before {
    top: 50%;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
  }

  .header-mobile__burger.active::after {
    bottom: 50%;
    -webkit-transform: rotate(-45deg) translateY(50%);
    transform: rotate(-45deg) translateY(50%);
  }

  .header-mobile__call, .header-mobile__messenger {
    display: block;
    width: 26px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
  }

  .header-mobile__messenger:not(:last-child) {
    margin-right: 5px;
  }

  .header-mobile__call, .header-mobile__messenger img {
    width: 22px;
  }

  .header.fixed.active {
    top: 0;
  }

  .header-mobile__menu {
    display: block;
    padding: 0 20px;
    padding-top: 108px;
    height: 100%;
    position: fixed;
    top: 40px;
    right: 0;
    left: 0;
    bottom: -1000px;
    z-index: 100;
    background-color: #fff;
    overflow-y: hidden;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  .header.fixed .header-mobile__menu.active {
    top: 0;
  }

  .header-mobile__menu.active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  .header-mobile__box {
    overflow-y: auto;
    position: absolute;
    top: 110px;
    bottom: 140px;
    right: 0;
    left: 0;
    padding-bottom: 12%;
    /* Firefox */
    scrollbar-color: #00B9BF #eeeeee;
    scrollbar-width: thin;
  }

  .header-mobile__box::-webkit-scrollbar {
    width: 2px;
  }

  .header-mobile__box::-webkit-scrollbar-track {
    background-color: #eeeeee;
  }

  .header-mobile__box::-webkit-scrollbar-thumb {
    background-color: #00B9BF;
    border: 0;
  }

  .header-mobile-submenu::-webkit-scrollbar-thumb {
    background-color: #eeeeee;
    border: 5px solid #FFF;
  }

  .header-mobile__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    padding: 12px 20px;
    border-bottom: 1px solid #eeeeee;
  }

  .header-mobile__link.sale {
    border: none;
  }

  .header-mobile__link.sale .header-mobile-menu__link-title {
    color: #ff0064;
  }

  .header-mobile__link--sm {
    padding: 20px;
  }

  .header-mobile__link--back {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

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

  .header-mobile__image-shop{
    width: 16px;
    height: 16px; 
  }

  .header-mobile__image-city{
    width: 13px;
    height: 17px; 
  }

  .header-mobile__image {
    width: 39px;
    height: 30px;
    margin-right: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .header-mobile__title {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.1;
    color: #212121;
    margin: auto 0px;
  }

  .header-mobile__title--grey {
    color: #878787;
    font-weight: 400;
  }

  .header-mobile__title b {
    color: #212121;
    margin-left: 0.5em;
  }

  .header-mobile__arrow {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }

  .header-mobile__arrow--back {
    margin-right: 20px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  .header-mobile__footer {
    padding: 0 0 125px;
    background: #f8f8f8;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
  }

  .header-mobile__footer .header-mobile__link {
    border: none;
  }

  .header-mobile__footer .header-mobile__link--call .header-mobile__title {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.2;
  }

  .header-mobile__footer .header-mobile__link--call span {
    font-weight: 400;
    font-size: 14px;
    color: #00B9BF;
    margin-left: 0.5em;
  }

  .header-mobile__footer-callLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0.9em;
    margin: 0 1.5em;
    font-size: 13px;
    line-height: 1.2;
    text-align: center;
    color: #212121;
    border: 1px solid #262626;
    border-radius: 0.3em;
  }

  .header-mobile__footer-callLink{
    width: -moz-available;  
    width: -webkit-fill-available;
  }

  .header-mobile-submenu {
    display: block;
    position: fixed;
    padding-bottom: 85px;
    top: 110px;
    right: 0;
    left: 0;
    bottom: 85px;
    z-index: 100;
    background-color: #fff;
    overflow-y: auto;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }

  .header-mobile-submenu.active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@media (max-width: 580px) {
  .header__top-searchButton {
    left: 3.5%;
  }

  .header-mobile__footer {
    padding: 0 0 100px;
  }
}
@media (max-width: 520px) {
  .mobile-menu__item {
    font-size: 11px;
    width: 75px;
    height: 48px;
  }
  
  .header {
    padding-bottom: 0;
  }

  .header-mobile__menu {
    top: 30px;
  }

  .banner__close {
    right: 0;
  }
}

.header__menu-item .markdown{
  color: #FB9500;
}
button.header-mobile__link{
  width: 100%;
}

@media (max-width: 768px) {
  .header-mobile__link .header__number {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.2;
  }
}

.right-compare-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 53px;
  width: 216px;
  position: absolute;
  right: 0;
  top: 604px;
  background-color: #00B9C0;
  transform: rotate(90deg);
  transform-origin: 90%;
  border-radius: 4px;
  visibility: hidden;
}

.right-compare-btn__text-block {
  display: flex;
  text-align: center;
  font-size: 18px;
  color: #FFFFFF;
}

.right-compare-btn .right-compare-btn__text {
  margin: 0 5px 0 15px;
}

.right-compare-btn__text-block .header__top-buttons__item-counter {
  font-size: 18px;
}

.right-compare-btn__text-block .header__top-icon {
  transform: rotate(-90deg);
}

@media (max-width: 768px) {
  .right-compare-btn {
    height: 31px;
    width: 158px;
    top: 345px;
  }

  .right-compare-btn__text-block {
    font-size: 14px;
  }

  .right-compare-btn__text-block .header__top-buttons__item-counter {
    font-size: 14px;
  }
}
.footer {
  background-color: #f8f8f8;
  padding: 30px 0;
}

.footer__inner {
  padding-bottom: 14px;
}

.footer__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.footer__link {
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.65;
  color: #757575;
  -webkit-transition: color 0.1s;
  transition: color 0.1s;
}

.footer__link:hover {
  color: #00B9BF;
  text-decoration: underline;
}

.footer__block-link {
  display: flex;
  width: 100%;
}

.footer__box-column {
  width: 240px;
}

.footer__box-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.2;
  color: #000000;
}

.footer__line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 15px;
}

.footer__btn {
  display: none;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.footer__contact-mediaLink {
  margin: 0 6px 0 0;
}

.footer__contact-icon {
  width: 36px;
  height: 36px;
  color: #7e7e7e;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.footer__contact-icon:hover,
.footer__contact-icon:focus {
  color: #00B9BF;
}

.footer__contact-media {
  order: 1;
  width: 25%;
}

.footer__link-flag {
  display: inline-block;
  margin-right: 26px;
}

@media (max-width: 959px) {
  .footer__countries {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .footer__countries .footer__box-title {
    margin: 0!important;
    padding-left: 0!important;
  }
  .footer__countries .footer__link {
    text-align: left;
  }

  .footer__contact-media {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin-bottom: 15px;
    width: 100%;
  }
}

.footer__contact-phone {
  max-width: 240px;
  width: 100%;
}

.footer .footer__contact-phoneNumber + .footer__contact-phoneNumber {
  margin-top: 30px;
}

.footer__contact-phoneNumber {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.2;
  text-align: right;
  color: #000000;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.footer__contact-phoneNumber img {
  height: 23px;
}

.footer__contact-phoneNumber:hover {
  color: #00B9BF;
}

.footer__block-policy {
  display: none;
}
@media (min-width: 568px) {
  .footer__block-policy {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.footer__bottom .footer__policy--mobile {
  display: none;
}

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

.footer__bottom {
  display: contents;
}

.footer__bottom-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: end;
}

.footer__bottom-copy {
  max-width: 25%;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  color: #7E7E7E;
  order: 3;
}

.footer__bottom-copy-title {
  color: #231f20;
  margin-bottom: 4px;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
}

.footer__bottom-parthners {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-direction: column;
  order: 2;
  width: 50%;
  padding: 0 15px;
}

.footer__bottom-parthnersLink {
  margin: 0 6px;
}

.footer__bottom-parthnersLink img {
  height: 39px;
}

.footer__bottom-parthnersWrp {
  display: flex;
  margin-bottom: 10px;
  flex-wrap: wrap;
  justify-content: center;
}

@media (max-width: 1320px) {
  .footer__box-column {
    width: 210px;
  }
}

@media (max-width: 1200px) {
  .footer__wrapper {
    display: block;
  }

  .footer__box-column {
    width: 200px;
  }

  .footer__bottom-copy {
    max-width: 25%;
    text-align: left;
  }

  .footer__block-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media (max-width: 959px) {
  .footer__block-link {
    flex-wrap: wrap;
  }
  
  .footer__contact-mediaLink {
    margin-top: 5px;
  }

  .footer__bottom-inner {
    align-items: start;
    flex-direction: column;
    margin-top: 20px;
  }

  .footer__bottom-copy {
    max-width: 100%;
    text-align: left;
  }

  .footer__bottom-parthnersLink {
    margin: 0 10px 0 0;
  }

  .footer__btn {
    padding: 16px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .footer__btn.active {
    padding-bottom: 0;
  }

  .footer__btn.active svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .footer__btn ~ .footer__box-title {
    display: none;
  }

  .footer {
    padding: 30px 0;
  }

  .footer__line {
    margin-bottom: 0;
    display: block;
    width: 100%;
  }

  .footer__box-columnWrapper {
    margin-top: 4px;
    margin-left: 10px;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }

  .footer__box {
    width: 100%;
    border-top: 1px solid #eee;
  }

  .footer__box:last-child {
    border-bottom: 1px solid #eee;
  }

  .footer__box.active {
    padding-bottom: 16px;
  }

  .footer__box.active .footer__box-columnWrapper {
    opacity: 1;
    visibility: visible;
    position: static;
  }

  .footer__box-column:first-child {
    margin-right: 70px;
  }

  .footer__block-policy {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    white-space: nowrap;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .footer__block-policy .footer__link {
    margin: 0 12px;
  }

  .footer__bottom-parthners {
    width: 100%;
    align-items: start;
    margin-bottom: 15px;
    padding: 0;
  }

  .footer__box-title {
    font-size: 18px;
  }

  .footer__contact-phoneNumber {
    font-size: 16px;
  }

  .footer__contact-phone {
    max-width: 200px;
  }

  .footer__link {
    font-size: 14px;
  }

}
@media (max-width: 768px) {
  .footer {
    padding-bottom: 18%;
  }

  .footer__block-policy {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

}
@media (max-width: 568px) {
  .footer__bottom {
    margin-top: 0;
  }
  .footer__bottom .footer__policy--mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 16px;
    width: 100%;
    justify-content: center;
  }

  .footer .footer__contact-phoneNumber + .footer__contact-phoneNumber {
    margin-top: 16px;
  }

  .footer__inner {
    padding-bottom: 0;
  }
}
@media (max-width: 520px) {
  .footer {
    padding-bottom: 20%;
  }

  .footer__box-column:first-child {
    margin-right: 15px;
  }

  .product-slider {
    margin-bottom: 30px;
  }
}

.footer__link-text--black{
  color: #000;
  font-weight: bold;
}

.footer__link-text--red{
  color: #ff0000;
  font-weight: bold;
}
.search {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	display: flex;
	z-index: 111111111111;
}

.search__overflow {
    position: absolute;
    background-color: #000000;
    opacity: 0.2;
    width: 100%;
    height: 100%;
}

.search__wrapper {
	z-index: 2;
	max-height: 545px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	overflow-y: auto;
	/*scrollbar-color: #BA3134 #FFFFFF;*/
	/*scrollbar-width: thin;*/
    max-height: 65vh;
}
.search__header {
	margin-bottom: 20px;
}

.search__item {
	max-height: 70px;
	display: flex;
	border-bottom: 1px solid #EEEEEE;
	margin-bottom: 10px;
	min-height: 106px;
	align-items: center;
	position: relative;
}

.search__item:hover::after {
	background-color: #f6f6f6;
	opacity: 0.5;
}
.search__item::after{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: #f6f6f6;
	left: 0;
	top: 0;
	transition: opacity 0.5s;
	opacity: 0;
}
.search__result-list {
	margin-right: 10px;
}
.search__item a {
	display: flex;
	flex-direction: row;
}
.search__item-photo {
	min-width: 100px;
	max-width: 100px;
	display: flex;
}
.search__item-photo img {
	max-width: 100%;
	object-fit: contain;
	padding: 5px;
	margin: auto;
}
.search__item-name {
	font-size: 16px;
	font-weight: 400;
	font-family: 'Gilroy';
	color: #262626;
	z-index: 1;
	position: relative;
}
.search__item-info {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.search__item-characteristic {
	margin-top: 5px;
	font-size: 12px;
	font-weight: 300;
	font-family: 'Gilroy';
	color: #878787;
	z-index: 1;
	position: relative;
}
.search__input {
	width: 100%;
	padding: 0.9em 0.9em 0.9em 3.8em;
	border: 1px solid #d8d8d8;
	border-radius: 0.3em;
	outline: none;
	line-height: 1.1;
	font-size: 13px !important;
	font-family: inherit;
}
.search__top-search {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 100%;
	position: relative;
	margin-right: 32px;
	display: flex;
}
.search__top-searchButton {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 1.5em;
	display: flex;
}
.search__top-search__icon {
	width: 16px;
	height: 16px;
	color: #00B9BF;
}
.address-list {
    padding: 0;
    list-style: none;
}
.address-list__item {
    border-bottom: 1px solid #EEEEEE;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition: 0.3s background-color ease;
    transition: 0.3s background-color ease;
}
.address-list__item:first-child {
    border-top: 1px solid #EEEEEE;
}
.address-list__item:hover {
    background: #F6F6F6;
}
.address-list__title-wrap {
    width: 215px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 20px;
}
.address-list__icon-place {
    width: 11px;
    height: 13px;
    color: #231F20;
    display: block;
}
.address-list__logo {
    display: block;
    width: 100%;
}
.address-list__title {
    margin: 0 0 0 15px;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
    color: #212121;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    text-transform: uppercase;
}
.address-list__cont {
    width: calc(100% - 215px);
    padding: 18px 0 20px;
}
.address-list__description {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.14;
    color: #00B9BF;
    margin: 0 0 9px;
}
.address-list__text {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.14;
    color: #7E7E7E;
}
.address-list__text a {
    color: inherit;
    text-decoration: none;
}
.address-list__text a:hover {
    text-decoration: underline;
}
.address-list__text p, .address-list__text address {
    margin-bottom: 9px;
}
.address-list__text p:last-child {
    margin-bottom: 0;
}
.address-list li {
    display: none;
}
.address-list li.active,
.address-list.expand li {
    display: flex;
}
.address-list__footer {
    margin-top: 20px;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.4;
    color: #00B9BF;
}
.address-list__btn-expand {
    cursor: pointer;
}

.address-list__btn-expand .arrow-down__icon {
    margin-left: 5px;
}

.address-list__btn-expand.active .arrow-down__icon{
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
/* main page top slider (стили для показа одного широкого баннера) */
.sale-slider {
  padding-top: 39px;
  margin-bottom: 90px;
}

.sale-slider .splide__pagination {
  bottom: -49px;
}

.sale-slider .splide__pagination__page {
  background: #d8d8d8;
  width: 8px;
  height: 8px;
  margin: 0 4px;
}

.sale-slider .splide__pagination__page.is-active {
  background: #00B9BF;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.sale-slider__item {
  border-radius: 4px;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.sale-slider__item a {
	width: 100%;
}

.sale-slider__item .sale-slider__image-wrapper{
  display: inline-block;
}

.sale-slider__item img {
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  width: 100%;
  height: auto;
}

.sale-slider .splide__arrow svg {
	fill: #00B9BF;
	height: 12px;
	width: 12px;
}
.sale-slider .splide__arrow--prev svg {
	transform: rotate(180deg);
}
.sale-slider .splide__arrow--prev {
	left: 52px;
	top: 55%;
}

.sale-slider .splide__arrow--next {
	right: 52px;
	top: 55%;
}


@media (max-width: 1200px) {
  .sale-slider {
	margin-bottom: 60px;
	padding-top: 30px;
  }

  .sale-slider .splide__pagination {
	bottom: -38px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  }

  .sale-slider .splide__pagination__page {
	width: 6px;
	height: 6px;
	margin: 0 4px;
	background: #d8d8d8;
  }

  .sale-slider .splide__pagination__page.is-active {
	background: #00B9BF;
  }
}

@media (max-width: 520px) {
  .sale-slider {
	padding: 0;
  }
}

div.sale-slider  {
	box-sizing: border-box;
	max-height: 440px;
	min-height: 166px;
}

div.sale-slider ul.splide__pagination {
	max-height: 90px;
	height: 16px;
}

div#sale-slider img {
	object-fit: contain;
}

@media (min-width: 2183px) {
	div#sale-slider {
		height: 440px;
	}
	div#sale-slider div.splide__track, div#sale-slider div.splide__track ul, div#sale-slider div.splide__track li, div#sale-slider div.splide__track a, div#sale-slider img {
		height: 400px;
	}
	div#sale-slider img {
		width: 100%;
	}
}

@media (max-width: 2182px) and (min-width: 1201px){
	div#sale-slider {
		height: calc(100vw / 4.6 + 39px);
		max-height: 440px;
	}
	div#sale-slider div.splide__track, div#sale-slider div.splide__track ul, div#sale-slider div.splide__track li, div#sale-slider div.splide__track a, div#sale-slider img {
		height: calc(100vw / 4.6);
		max-height: 400px;
	}
}

@media (max-width: 767px) and (min-width: 686px) {
	div#sale-slider {
		height: 376px;
	}
	div#sale-slider div.splide__track, div#sale-slider div.splide__track ul, div#sale-slider div.splide__track li, div#sale-slider div.splide__track a, div#sale-slider img {
		height: 361px;
	}
}

@media (max-width: 685px) and (min-width: 520px){
	div#sale-slider {
		height: calc(100vw / 1.89);
	}
	div#sale-slider div.splide__track, div#sale-slider div.splide__track ul, div#sale-slider div.splide__track li, div#sale-slider div.splide__track a, div#sale-slider img {
		height: calc(100vw / 1.89);
	}
}

@media (max-width: 519px) {
	div#sale-slider {
		height: calc(100vw / 1.92);
	}
	div#sale-slider div.splide__track, div#sale-slider div.splide__track ul, div#sale-slider div.splide__track li, div#sale-slider div.splide__track a, div#sale-slider img {
		height: calc(100vw / 1.92);
	}
}

@media (max-width: 1440px) {
  .sale-slider {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
  }
}

@media (max-width: 1200px) {
  .sale-slider {
	margin-bottom: 60px;
	padding-top: 30px;
  }

  .sale-slider .splide__pagination {
	bottom: -38px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  }

  .sale-slider .splide__pagination__page {
	width: 6px;
	height: 6px;
	margin: 0 4px;
	background: #d8d8d8;
  }

  .sale-slider .splide__pagination__page.is-active {
	background: #00B9BF;
  }
}

@media (max-width: 768px) {
  .sale-slider {
	padding-top: 15px;
  }
}

@media (max-width: 520px) {
  .sale-slider {
	padding: 0;
  }
}
/* main page top slider (стили для показа одного широкого баннера) end */
.picker-wrapper {
  display: grid;
  grid-gap: 24px;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: minmax(171px, auto);
  margin: 64px 0;
}

.modal--active {
  opacity: 1;
  visibility: visible;
  overflow: auto;
  pointer-events: all;
}

.quiz .quiz__header {
  padding: 23px 32px;
  padding-right: 50px;
  position: relative;
  border-bottom: 1px solid #EEEEEE;
  text-align: center;
  font-size: 16px;
  min-height: 66px;
}

.quiz .quiz__close {
  color: #00B9BF;
  display: block;
  padding: 10px;
  position: absolute;
  top: 14px;
  right: 12px;
  -webkit-transition: 0.3s color ease;
  transition: 0.3s color ease;
}

.quiz .quiz__close:hover {
  color: red;
}

.quiz .quiz__close svg {
  width: 13px;
  height: 13px;
}

.quiz .quiz__body {
  padding: 25px 0;
  font-size: 14px;
  line-height: 1.214;
  color: #000000;
  background: #fff;
}
@media (max-width: 767px) {
  .quiz .quiz__body {
    padding: 25px 16px;
  }
}

.quiz {
  overflow: hidden;
}
.quiz .quiz__inner {
  max-height: 100%;
  overflow: hidden;
  max-width: 920px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 495px;
}
.quiz .quiz__close {
  z-index: 20;
}
.quiz .quiz__body > *:last-child {
  margin-bottom: 16px;
}

.quiz .quiz__body {
  max-width: 360px;
  margin: 0 auto;
}

.quiz-step__selection:nth-child(n+2) {
  margin-top: 32px;
}

.quiz-step {
  max-height: calc(100svh - 66px);
  overflow: auto;
  display: none;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.quiz-step::-webkit-scrollbar {
  width: 2px;
}
.quiz-step::-webkit-scrollbar-track {
  background: #fff;
}
.quiz-step::-webkit-scrollbar-thumb {
  background: #00B9BF;
}
.quiz-step::-webkit-scrollbar-thumb:hover {
  background: #00B9BF;
}
.quiz-step.active {
  display: block;
}
.quiz-step__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto 20px;
}
.quiz-step__title {
  color: #212121;
  font-weight: 600;
  font-size: 24px;
  line-height: 1.2;
}
.quiz-step.active .quiz__btn-cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.quiz-list {
  display: -ms-grid;
  display: grid;
  gap: 16px;
  width: 100%;
  max-width: 360px;
  margin-left: auto;
  margin-right: auto;
}

.quiz-list + .quiz-step__head {
  margin-top: 32px;
}

.quiz-item {
  border-radius: 8px;
  border: 1px solid #E5E5E5;
  min-height: 80px;
  padding: 16px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-transition: 0.3s all ease;
  transition: 0.3s all ease;
}
.quiz-item:hover {
  border-color: #999;
}
.quiz-item.selected {
  border-color: #00B9BF;
}
.quiz-item__img {
  width: 48px;
  height: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 20px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48px;
          flex: 0 0 48px;
}
.quiz-item__img img {
  max-width: 100%;
  display: block;
}
.quiz-item__text {
  color: #262626;
  font-weight: 500;
  font-size: 16px;
}

.quiz__btn-cont {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  padding: 16px;
  background: #fff;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 40px;
  display: none;
}
.quiz__btn-cont .btn {
  width: 100%;
  max-width: 212px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
.quiz__btn-cont .btn:not(.active) {
  background: #E5E5E5;
  border-color: #E5E5E5;
  color: #bbb;
  pointer-events: none;
}

.quiz--active {
  opacity: 1;
  visibility: visible;
  overflow: auto;
  pointer-events: all;
}

.quiz--active .quiz__inner {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.quiz__inner {
  width: 100%;
  max-width: 920px;
  background: #fff;
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  -webkit-transition: 0.3s 0.3s opacity ease, 0.3s 0.3s transform ease;
  transition: 0.3s 0.3s opacity ease, 0.3s 0.3s transform ease;
}

.quiz .quiz__body {
  padding-bottom: 80px;
}

.quiz-step__img {
  margin-bottom: 24px;
}

.quiz-step__img + .quiz-step__title {
  margin-bottom: 16px;
}

@-webkit-keyframes comeOut {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    opacity: 0;
  }
}

@keyframes comeOut {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    opacity: 0;
  }
}
@-webkit-keyframes comeOn {
  0% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes comeOn {
  0% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes comeOutRight {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 0;
  }
}
@keyframes comeOutRight {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
    opacity: 0;
  }
}
@-webkit-keyframes comeOnRight {
  0% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes comeOnRight {
  0% {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
.comeOut {
  -webkit-animation: comeOut 0.3s ease-out forwards;
          animation: comeOut 0.3s ease-out forwards;
}
.comeOut .quiz__btn-cont {
  opacity: 0;
}
.comeOut .quiz__btn-cont .quiz__btn-cont {
  opacity: 0;
}

.comeOn {
  -webkit-animation: comeOn 0.3s ease-in forwards;
          animation: comeOn 0.3s ease-in forwards;
}
.comeOn .quiz__btn-cont {
  opacity: 0;
}

.comeOutRight {
  -webkit-animation: comeOutRight 0.3s ease-out forwards;
          animation: comeOutRight 0.3s ease-out forwards;
}
.comeOutRight .quiz__btn-cont {
  opacity: 0;
}

.comeOnRight {
  -webkit-animation: comeOnRight 0.3s ease-in forwards;
          animation: comeOnRight 0.3s ease-in forwards;
}
.comeOnRight .quiz__btn-cont {
  opacity: 0;
}

.quiz__back {
  background: transparent;
  border: 0;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M15.3722 18.0335C15.7266 17.6504 15.7269 17.0593 15.3729 16.6759L11.0553 12L15.3729 7.32414C15.7269 6.94074 15.7266 6.34956 15.3722 5.96654L15.2117 5.79313C14.8159 5.36539 14.1396 5.36539 13.7438 5.79313L8.62852 11.3208C8.2738 11.7041 8.2738 12.2959 8.62852 12.6792L13.7438 18.2069C14.1396 18.6346 14.8159 18.6346 15.2117 18.2069L15.3722 18.0335Z" fill="%23999999"/></svg>');
  background-position: center;
  background-repeat: no-repeat;
  width: 33px;
  height: 39px;
  position: absolute;
  left: 12px;
  top: 12px;
  z-index: 20;
}

.quiz-step__butns {
  display: -ms-grid;
  display: grid;
  gap: 16px;
}
@media (min-width: 768px) {
  .quiz-step__butns {
    -ms-grid-columns: 0.5fr 1fr;
    grid-template-columns: 0.5fr 1fr;
  }
}

.quiz-slider {
  position: relative;
  padding: 16px;
}

.quiz-slider .splide__arrow:disabled {
  opacity: 0;
  pointer-events: none;
}
@media (min-width: 768px) {
  .quiz-slider {
    padding: 24px;
  }
}
.quiz-slider .quiz-step__title {
  margin-bottom: 16px;
  padding-right: 80px;
}
@media (max-width: 390px) {
  .quiz-slider .quiz-step__title {
    font-size: 20px;
  }
}
.quiz-slider .splide__arrows {
  position: absolute;
  right: 0;
  bottom: calc(100% + 10px);
  width: 80px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
.quiz-slider .splide__arrows .splide__arrow {
  position: static;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
@media (max-width: 767px) {
  .quiz-slider .splide {
    margin-bottom: 16px;
  }
}

.quiz-slide {
  position: relative;
}
.quiz-slide__img {
  aspect-ratio: 200/113;
}
.quiz-slide__img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.quiz-slide__rating {
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 4px;
  background: #FFDF68;
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
  padding: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}
.quiz-slide__rating-star {
  width: 16px;
  height: 16px;
  display: block;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M3.40494 12.9853C3.42136 12.8851 3.44469 12.7318 3.47061 12.5789C3.5596 12.0553 3.64888 11.5315 3.73844 11.0075C3.84414 10.3868 3.94983 9.76612 4.05552 9.14543C4.06168 9.09405 4.07047 9.04303 4.08188 8.99256C4.08908 8.96916 4.08879 8.94409 4.08104 8.92086C4.0733 8.89764 4.05849 8.87741 4.03868 8.86301C3.45289 8.28637 2.86639 7.70843 2.27917 7.12919C1.92451 6.78027 1.56811 6.43308 1.21604 6.08286C1.091 5.96093 1.0151 5.79735 1.00276 5.62317C0.990416 5.44899 1.04249 5.27634 1.14908 5.13801C1.27609 4.97046 1.45148 4.88841 1.65624 4.85947C2.1215 4.79427 2.58545 4.72388 3.04985 4.65565L4.42833 4.45441C4.80373 4.39957 5.17957 4.34473 5.55497 4.28773C5.56499 4.28478 5.5743 4.27981 5.58232 4.27312C5.59035 4.26644 5.59692 4.25818 5.60162 4.24886C5.76463 3.91951 5.92634 3.58974 6.08675 3.25953C6.37475 2.67223 6.66173 2.0848 6.94771 1.49721C7.08379 1.21868 7.219 0.938851 7.35724 0.661182C7.49116 0.392149 7.71018 0.246189 8.01128 0.250076C8.30417 0.254394 8.51671 0.401649 8.64631 0.666364C9.02732 1.44597 9.40863 2.22529 9.79022 3.00431C9.99009 3.41312 10.1895 3.82235 10.3885 4.23202C10.3953 4.24915 10.4069 4.264 10.4218 4.27485C10.4367 4.28571 10.4544 4.29212 10.4728 4.29334C11.2002 4.39842 11.9277 4.50479 12.6552 4.61246C13.2341 4.69883 13.8134 4.78088 14.3914 4.87157C14.5197 4.88648 14.6411 4.93814 14.7408 5.02034C14.8405 5.10254 14.9143 5.21178 14.9534 5.33492C15.0489 5.60784 14.9966 5.86262 14.7936 6.06904C14.4428 6.42617 14.0812 6.77293 13.7239 7.12401L13.2142 7.6258C12.7897 8.04468 12.3642 8.46371 11.9377 8.88287C11.9258 8.89349 11.9171 8.90717 11.9125 8.92241C11.9079 8.93765 11.9077 8.95385 11.9117 8.96924C12.0099 9.54761 12.1086 10.1257 12.2076 10.7035C12.3171 11.3461 12.4262 11.9889 12.5351 12.6321C12.5638 12.7669 12.5822 12.9038 12.59 13.0414C12.5913 13.1624 12.5612 13.2817 12.5027 13.3877C12.4442 13.4936 12.3592 13.5825 12.256 13.6458C12.1528 13.7091 12.035 13.7446 11.914 13.7488C11.793 13.753 11.673 13.7258 11.5657 13.6698C10.9644 13.3571 10.3669 13.0358 9.76819 12.7197C9.19047 12.4131 8.61304 12.1062 8.0359 11.799C8.02338 11.7921 8.00917 11.7889 7.99489 11.7897C7.98061 11.7904 7.96683 11.7952 7.95512 11.8034L4.46246 13.6559C4.09613 13.8498 3.67883 13.7285 3.48659 13.3727C3.43259 13.2725 3.40538 13.1619 3.40494 12.9853ZM10.7739 11.492C10.7739 11.476 10.7717 11.4674 10.7704 11.4596C10.697 11.0278 10.6237 10.596 10.5505 10.1641C10.452 9.58403 10.3533 9.00422 10.2542 8.4247C10.25 8.40846 10.2504 8.39135 10.2556 8.37537C10.2607 8.35939 10.2702 8.3452 10.2831 8.33444C10.6673 7.95846 11.0505 7.58204 11.4327 7.2052L12.4418 6.21198C12.4573 6.1973 12.4716 6.18132 12.491 6.16145C12.4755 6.15714 12.4694 6.15454 12.463 6.15368C12.1813 6.11223 11.8996 6.07077 11.618 6.02931C10.887 5.92222 10.1564 5.81469 9.42605 5.70673C9.41439 5.70421 9.40339 5.6993 9.39372 5.69231C9.38406 5.68533 9.37594 5.67641 9.36989 5.66614C9.26881 5.46404 9.16988 5.26108 9.07095 5.05812C8.75733 4.41641 8.44384 3.77499 8.13051 3.13386C8.08731 3.0475 8.04411 2.96113 8.00091 2.87045C7.99184 2.8847 7.98665 2.89117 7.9832 2.89851C7.54688 3.79097 7.11129 4.68343 6.67642 5.57589C6.63322 5.66225 6.59002 5.72962 6.48375 5.72098C6.47164 5.72162 6.45962 5.7235 6.4479 5.7266L5.06552 5.92913L3.8257 6.11093L3.51424 6.15714C3.59545 6.24134 3.67105 6.32339 3.75054 6.40155C4.40659 7.05074 5.06365 7.69821 5.72172 8.34394C5.73236 8.3536 5.7401 8.36603 5.74406 8.37983C5.74803 8.39364 5.74807 8.40828 5.74418 8.42211C5.70012 8.67343 5.65692 8.92505 5.61458 9.17695C5.50457 9.81837 5.39542 10.4611 5.28713 11.1051C5.26553 11.2321 5.24393 11.359 5.22147 11.4937L5.27504 11.4674C6.16782 10.9938 7.06061 10.5198 7.95339 10.0454C7.96677 10.0367 7.98237 10.0321 7.99832 10.0321C8.01426 10.0321 8.02987 10.0367 8.04324 10.0454C8.89945 10.4999 9.75595 10.9541 10.6127 11.4078L10.7739 11.492Z" fill="%23212121"/></svg>');
}
.quiz-slide__name {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-bottom: 15px;
  color: #262626;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.1;
  padding-top: 8px;
  min-height: 44px;
}
.quiz-slide__list {
  margin-bottom: 20px;
}
.quiz-slide__row {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  border-bottom: 1px solid #EBEBEB;
  padding: 2px 0 2px 0;
}
.quiz-slide__list {
  height: 95px;
}
.quiz-slide__price {
  padding: 20px 0;
  min-height: 40px;
}

@media (min-width: 768px) {
  .btn-reset-mobile-wrp {
    display: none;
  }
}

.btn.btn-reset-mobile {
  color: #666;
  border-color: #CCC;
}

.btn-reset {
  color: #00B9BF;
  font-size: 16px;
  font-weight: 400;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 25px;
  margin-top: -3px;
  padding: 0;
}
.btn-reset::before {
  content: "";
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 25 25" fill="none"><path d="M12.5 4.31055C10.4491 4.3164 8.47879 5.10968 6.996 6.52655V5.11055C6.996 4.89837 6.91171 4.69489 6.76168 4.54486C6.61166 4.39483 6.40817 4.31055 6.196 4.31055C5.98383 4.31055 5.78034 4.39483 5.63031 4.54486C5.48029 4.69489 5.396 4.89837 5.396 5.11055V8.71055C5.396 8.92272 5.48029 9.1262 5.63031 9.27623C5.78034 9.42626 5.98383 9.51055 6.196 9.51055H9.796C10.0082 9.51055 10.2117 9.42626 10.3617 9.27623C10.5117 9.1262 10.596 8.92272 10.596 8.71055C10.596 8.49837 10.5117 8.29489 10.3617 8.14486C10.2117 7.99483 10.0082 7.91055 9.796 7.91055H7.876C8.90462 6.83563 10.2756 6.15267 11.7532 5.97908C13.2308 5.80549 14.7228 6.15213 15.9725 6.95938C17.2223 7.76664 18.1517 8.98408 18.6011 10.4024C19.0504 11.8207 18.9916 13.3512 18.4347 14.7309C17.8779 16.1105 16.8577 17.253 15.5497 17.962C14.2417 18.671 12.7276 18.9021 11.2676 18.6156C9.8077 18.3291 8.49317 17.543 7.55007 16.3923C6.60697 15.2416 6.09423 13.7983 6.1 12.3105C6.1 12.0984 6.01571 11.8949 5.86569 11.7449C5.71566 11.5948 5.51217 11.5105 5.3 11.5105C5.08783 11.5105 4.88434 11.5948 4.73431 11.7449C4.58429 11.8949 4.5 12.0984 4.5 12.3105C4.5 13.8928 4.96919 15.4395 5.84824 16.7551C6.72729 18.0707 7.97672 19.0961 9.43853 19.7016C10.9003 20.3071 12.5089 20.4655 14.0607 20.1568C15.6126 19.8481 17.038 19.0862 18.1569 17.9674C19.2757 16.8486 20.0376 15.4231 20.3463 13.8713C20.655 12.3194 20.4965 10.7109 19.891 9.24908C19.2855 7.78727 18.2602 6.53784 16.9446 5.65879C15.629 4.77974 14.0822 4.31055 12.5 4.31055Z" fill="%2300B9BF"/></svg>');
  width: 25px;
  height: 25px;
  display: inline-block;
  margin-right: 4px;
}
@media (max-width: 767px) {
  .btn-reset {
    display: none;
  }
}

.tooltip {
  margin-left: auto;
}
@media (min-width: 767px) {
  .tooltip {
    position: relative;
  }
}
.tooltip:hover .tooltip-dropdown {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.tooltip-btn {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path d="M12.0137 4C16.43 4 20.0041 7.5906 20.0011 12.0249C20.0011 16.4289 16.4072 20.0019 11.9814 20C7.56135 20 3.99775 16.4027 4 11.9473C4.00225 7.57672 7.60785 4 12.0137 4ZM18.3999 12.0178C18.4269 8.53971 15.5788 5.63349 12.1116 5.60124C8.54272 5.56824 5.62411 8.39572 5.60161 11.9102C5.57724 15.5045 8.39984 18.3736 11.9856 18.3999C15.5034 18.4258 18.3725 15.5709 18.3999 12.0178Z" fill="%23999999"/><path d="M12.8012 13.4552C12.8012 13.9172 12.8012 14.3795 12.8012 14.8427C12.7989 15.3238 12.4637 15.6785 12.0073 15.6834C11.5509 15.6883 11.2037 15.3328 11.2014 14.8539C11.1972 13.9112 11.1972 12.9683 11.2014 12.0253C11.2037 11.5573 11.5513 11.2048 11.9964 11.2026C12.4491 11.1999 12.7989 11.5592 12.8012 12.0332C12.8034 12.5072 12.8012 12.9789 12.8012 13.4552Z" fill="%23999999"/><path d="M12.8057 9.12733C12.8059 9.23217 12.7852 9.33601 12.7449 9.43278C12.7046 9.52956 12.6454 9.61735 12.5708 9.69102C12.4962 9.7647 12.4077 9.8228 12.3105 9.86193C12.2132 9.90106 12.1091 9.92045 12.0043 9.91896C11.8994 9.91965 11.7954 9.89965 11.6982 9.86012C11.601 9.82059 11.5126 9.7623 11.438 9.68857C11.3633 9.61484 11.304 9.52713 11.2633 9.43044C11.2225 9.33376 11.2013 9.22999 11.2007 9.12508C11.2011 9.01868 11.2225 8.91341 11.2638 8.81532C11.305 8.71724 11.3653 8.62829 11.4411 8.55359C11.5168 8.47889 11.6066 8.41993 11.7053 8.38009C11.804 8.34025 11.9095 8.32033 12.0159 8.32147C12.1208 8.32215 12.2245 8.34358 12.3211 8.38452C12.4176 8.42546 12.5051 8.4851 12.5786 8.56001C12.652 8.63491 12.7098 8.72361 12.7488 8.82098C12.7878 8.91834 12.8071 9.02246 12.8057 9.12733Z" fill="%23999999"/></svg>');
  width: 24px;
  height: 24px;
  padding: 0;
}

.tooltip-dropdown {
  position: absolute;
  border-radius: 8px;
  background: #FFDF68;
  -webkit-box-shadow: 0px 14px 25px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 14px 25px 0px rgba(0, 0, 0, 0.16);
  padding: 20px 24px;
  top: calc(100% + 20px);
  left: 50%;
  -webkit-transform: translate(-50%, 30px);
          transform: translate(-50%, 30px);
  min-width: 249px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: 0.3s all ease;
  transition: 0.4s all ease;
  z-index: 5;
  width: 100%;
}
@media (min-width: 767px) {
  .tooltip-dropdown {
    top: 100%;
  }
}
.tooltip-dropdown::after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: #FFDF68;
  border-width: 6px;
  margin-left: -6px;
}
.tooltip-dropdown > *:last-child {
  margin-bottom: 0;
}

.tooltip-parent {
  position: relative;
}

.tt-active {
  top: auto;
  margin-top: 15px;
}

@media (max-width: 580px) {
  .picker-wrapper {
    margin: 32px 0;
  }
}
.picker-item__container {
  overflow-x: clip;
  height: 100%;
}
.picker-section {
  height: 100%;
}

.picker-item {
  border-radius: 8px;
  background: #F6F6F6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  height: 100%;
  position: relative;
  padding: 24px 40px;
}

.picker-item__img {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 260px;
}

@media (max-width: 1280px) {
    .picker-item__img {
      right: -100px;
    }
}

.picker-item__left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /*z-index: 99;*/
}
.picker-item__title {
  color: #212121;
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
  margin-bottom: 8px;
}
@media (min-width: 768px) {
  .picker-item__title {
    font-size: 25px;
  }
}
@media (min-width: 1280px) {
  .picker-item__title {
    font-size: 35px;
  }
}
.picker-item__text {
  font-size: 14px;
  color: #666;
}

.picker-item__show-more {
  font-size: 16px;
  text-decoration: underline;
  color: #212121;
}
@media (min-width: 1280px) {
  .picker-item__text {
    font-size: 16px;
  }
}
@media (max-width: 1200px) {
  .picker-wrapper {
    grid-gap: 16px;
  }
  
  .picker-item {
    padding-left: 16px;
  }
  
  .picker-item__title {
    white-space: nowrap;
  }
  
  .picker-item__show-more {
    font-size: 14px;
  }
}

.picker-item__img img {
  max-width: 100%;
  max-height: 100%;
}

.picker-item__img-desctop {
  display: block;
}  
.picker-item__img-mobile {
  display: none;
}


@media (max-width: 900px) {
  .picker-wrapper {
    grid-template-rows: auto;
  }
  .picker-item {
    flex-direction: column;
    padding: 16px 12px 0 12px;
  }
  
  .picker-item__show-more {
    display: none;
  }
  .picker-item__img {
    position: relative;
    margin-top: 8px;
    right: -50%;
    transform: translateX(-20%);
  }
}

@media (max-width: 500px) {
    .picker-item__title {
      font-size: 14px;
    }
    .picker-item__text {
      font-size: 10px;
    }
}

@media (max-width: 400px) {
    .picker-item__title {
      white-space: normal;
    }
}


/* quiz section button */

.quiz-section-btn {
  background: #FAE07B;
  padding: 13px 24px;
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
  color: #262626;
  border-radius: 3px;
  cursor: pointer;
}

.b24-form-control-container > .b24-form-control-label {
    top: 8px !important;
    -webkit-transform: translateY(0) !important;
    -ms-transform: translateY(0) !important;
    transform: translateY(0) !important;
    font-size: 13px !important;
}

.cart__wrapper {
  padding-left: 32px;
}

.cart__products {
  margin-bottom: 14px;
  padding-right: 10px;
  scrollbar-color: auto;
}
@media (min-width: 1440px) {
  .cart__products {
    padding-right: 70px;
  }
}

.cart__total {
  padding-right: 10px;
}
@media (min-width: 1440px) {
  .cart__total {
    padding-right: 70px;
  }
}

.cart-item__info {
  max-width: 230px;
}

.cart__total-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 0.9em;
  font-size: 18px;
  font-weight: 600;
}

.cart__total-head__title {
  color: #212121;
  line-height: 1.2;
}

.cart__total-head__price {
  line-height: 1.2;
  color: #00B9BF;
}

.cart__total-head__old {
  font-weight: 400;
  font-size: 12px;
  line-height: 14px;
  -webkit-text-decoration-line: line-through;
          text-decoration-line: line-through;
  color: #7E7E7E;
  margin-left: auto;
  margin-right: 10px;
}

.cart__total-description {
  font-size: 14px;
  line-height: 1.7;
  color: #212121;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1.4em;
}

.cart__total-description span {
  padding: 0 5px;
  font-weight: 700;
}

.cart__total-description svg {
  width: 25px;
  height: 25px;
  margin-right: 0.6em;
  color: #00B9BF;
}

.cart__installment-btn {
  display: flex;
  width: 100%;
  margin: 10px 0;
}

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

.cart__total-buttonsBuy {
  width: 100%;
  padding: 0.7em 5px;
}
@media (max-width: 360px) {
  .cart__total-buttonsBuy {
    font-size: 11px !important;
  }
}

.cart__total-buttonsBuy--white {
  font-weight: 500;
  color: #212121;
  background-color: #fff;
  border: 1px solid #d8d8d8;
  margin-right: 1.2em;
}

.cart__total-buttonsBuy--white:hover {
  border-color: #aaa;
  background-color: #fff;
}

.cart__more {
  margin-top: 20px;
}
@media (max-width: 768px) {
  .cart__more {
    margin-bottom: 70px;
  }
  .benefits .benefits__text,
  .benefits .benefits__item-text{
    margin-bottom: 0;
  }

}

.cart-empty-inner {
  margin-top: 20px;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #262626;
  max-width: 432px;
  padding-right: 16px;
}
@media (min-width: 768px) {
  .cart-empty-inner {
    font-size: 16px;
    margin-top: 37px;
  }
}

.cart__more-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px;
  padding-right: 70px;
}

.cart__more-title {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.2;
  color: #212121;
}

.cart .splide__arrow {
  position: static;
  -webkit-transform: none;
  transform: none;
}

.cart .splide__pagination {
  display: none;
}

.cart .splide__arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 0.4em;
  -moz-column-gap: 0.4em;
  column-gap: 0.4em;
  padding-right: 70px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: -45px;
}
@media (max-width: 568px) {
  .cart .splide__arrows {
    padding-right: 10px;
  }
}

.cart__more-item {
  width: 100%;
}

.cart-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 15px 0;
  border-bottom: 1px solid #eeeeee;
  flex-wrap: wrap;
}
.cart-item .cart-item__info-buttonsItem--restore {
  display: none;
}
.cart-item.is-deleted {
  position: relative;
}
.cart-item.is-deleted::after {
  background: #FFFFFF;
  opacity: 0.7;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}
.cart-item.is-deleted .cart-item__info-buttonsItem--restore {
  display: inline-block;
  position: relative;
  z-index: 4;
}
.cart-item.is-deleted .cart-item__info-buttonsItem--add {
  display: none;
}
.cart-item.is-deleted .cart-item__info-buttonsItem--remove {
  display: none;
}

.cart-item__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.cart-item input::-webkit-outer-spin-button,
.cart-item input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.cart-item input[type=number] {
  -moz-appearance: textfield;
}

.cart-item__image {
  width: 71px;
  height: 45px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 71px;
          flex: 0 0 71px;
}

.cart-item__info-title {
  font-weight: 500;
  font-size: 14px;
  line-height: 1.3;
  color: #262626;
  margin-bottom: 0.9em;
  max-width: 85%;
}

.cart-item__info-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}

.cart-item__info-buttonsItem {
  display: inline-block;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.3;
  color: #212121;
  border-bottom: 1px dashed #212121;
  -webkit-transition: color 0.3s, border-bottom-color 0.3s;
  transition: color 0.3s, border-bottom-color 0.3s;
  white-space: nowrap;
}

.cart-item__info-buttonsItem:hover {
  color: #00B9BF;
  border-color: #00B9BF;
}

.cart-item__info-buttonsItem--remove:hover {
  color: rgb(219, 0, 0);
  border-bottom: 1px dashed rgb(219, 0, 0);
}

.cart-item__product {
  min-width: 75px;
  margin-left: 30px;
}

.cart-item__product-price {
  text-transform: uppercase;
  margin-bottom: 10px;
}

.cart-item__product-price--actual {
  font-weight: 500;
  font-size: 14px;
  color: #00B9BF;
  margin-bottom: 4px;
}

.cart-item__product-price-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 11px;
}
.cart-item__product-price-row .basket-list__sale {
  position: static;
  width: 22px;
  height: 12px;
  font-weight: 500;
  font-size: 6px;
  line-height: 12px;
  padding-left: 3px;
  text-align: center;
  margin-left: 5px;
  background: url("/local/templates/Askona2023/images/icons/sale-lable.svg") no-repeat center;
  background-size: cover;
  color: #fff;
}
.cart-item__product-price-row .cart-item__product-price--old {
  margin-bottom: 0;
}

.cart-item__product-price--old {
  font-weight: 500;
  font-size: 11px;
  line-height: 1.2;
  text-decoration: line-through;
  color: #7e7e7e;
}

.cart-item__product-counter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.cart-item__product-counterInput {
  background: #ffffff;
  border: 1px solid #eeeeee;
  border-radius: 0;
  text-align: center;
  padding: 0.4em 0.7em;
  margin: 0 0.7em;
  font-size: 14px;
  width: 2.6em;
  height: 1.9em;
  outline: transparent;
}

.cart-item__product-counterIncrement,
.cart-item__product-counterDecrement {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 20px;
  height: 20px;
}

.cart-item__product-icon {
  width: 10px;
  height: 10px;
  color: #00B9BF;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

.cart-item__product-icon:hover {
  stroke: rgba(0, 186, 192, 0.5960784314);
}

.cart-item--recom {
  flex-wrap: wrap;
}

.cart-item__aside-bottom {
  flex: 0 0 100%;
}
.cart-item__product-sale {
  color: #fff;
  font-size: 10px;
  font-weight: 500;
  width: 3.7em;
  height: 2em;
  position: relative;
  margin-left: 10px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
.cart-item__product-sale span {
  position: absolute;
  top: 50%;
  left: 60%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  z-index: 5;
}

.cart-item__product-sale svg {
  color: #ff0064;
  width: 3.7em;
  height: 2em;
}

.recom-item {
  position: relative;
  padding: 0 49px 0 62px;
}
.recom-item:first-child {
  border-top: 0;
}
.recom-item:last-child {
  padding-bottom: 22px;
}
.recom-item + .recom-item {
  margin-top: 22px;
  border-top: 1px solid #eee;
  padding-top: 16px;
}
.recom-item__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 16px;
}
.garantie-link {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.66667;
  color: #00B9BF;
  text-align: left;
  position: relative;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  margin-left: 54px;
}
.cart-item__recom {
  background: #F6F6F6;
/*  margin-left: -26px;*/
  padding-left: 13px;
  width: calc(100% + 68px);
  padding: 13px 0 0 26px;
  margin-top: 25px;
}
.cart-item__recom .cart-item {
  padding-right: 61px;
}
.cart-item__recom .garantie-link {
  margin-left: 0;
}
.cart-item__recom .cart-item:last-child  {
  border-bottom: 0;
}
@media (max-width: 580px) {
  .cart-item {
    padding-right: 10px;
  }
  .cart-item__recom {
    width: calc(100% + 36px);
    padding-right: 10px;
  }
  .cart-item__info {
    max-width: 180px;
  }
}
@media (max-width: 580px) {
  .cart-item__recom .cart-item__info-buttons {
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: 5px;
  }
  .cart-item__left {
    flex: 0 0 70%;
  }
}
@media (max-width: 350px) {
  .cart-item__left {
    flex: 0 0 65%;
  }
  .cart-item__info-buttons {
    flex-direction: column;
    justify-content: start;
    align-items: start;
    gap: 5px;
  }
  .cart-item__info-title {
    font-size: 13px;
  }
}

@media (max-width: 1440px) {
   .cart__total-head {
    font-size: 16px;
  }

  .cart__total-description {
    font-size: 12px;
  }

  .cart__more {
    margin-top: 20px;
  }

  .cart__more-head {
    padding-right: 10px;
  }

  .cart__more-title {
    font-size: 14px;
  }

  .cart-item__image {
    width: 71px;
    height: 45px;
  }

  .cart-item__info-title {
    max-width: 90%;
  }

  .cart-item__product {
    min-width: 75px;
  }

  .cart-item__product-price--actual {
    font-size: 14px;
  }

  .cart-item__product-price--old {
    font-size: 11px;
  }

  .cart-item__product-counterInput {
    font-size: 14px;
  }
}

@media (max-width: 1200px) {

  .cart__wrapper {
    padding-left: 20px;
  }

  .cart__total-buttonsBuy {
    font-size: 12px;
  }

  .cart-item {
    padding: 15px 0;
  }

  .cart-item__info-buttons {
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
  }

  .cart-item__info-buttonsItem {
    font-size: 12px;
  }

  .cart-item__product {
    margin-left: 30px;
  }
}

@media (max-width: 1023px) {

  .cart__total-description svg {
    width: 16px;
    height: 16px;
  }

  .cart-item__info-buttons {
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
  }

  .cart-item__product-counterIncrement, .cart-item__product-counterDecrement {
    width: 15px;
    height: 15px;
  }

  .cart-item__product-icon {
    width: 10px;
    height: 10px;
  }
}

@media (max-width: 520px) {

  .cart-item__product {
    margin-left: 10px;
  }

  .cart-item__left {
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
  }

  .cart-box .cart-item__product-price--old {
    font-size: 9px;
  }
  .cart-box .product-card__colors-label {
    margin-right: 3px;
  }
}

@media (max-width: 440px) {
  .cart-item__info-buttonsItem {
    font-size: 10px;
  }
}

@media (max-width: 374px) {
  .cart-item__info-buttonsItem {
    font-size: 8px;
  }
}

.popup-content-wrapper {
  height: calc(100% - 70px);
}
.card-popup .cart__products {
  max-height: calc(100vh - 280px);
  overflow-y: auto;
  overflow-x: hidden;
  padding-right: 20px;
}