@charset "UTF-8";
:root {
  --font: "Lab Grotesque", "Roboto", "Helvetica Neue", sans-serif;
  --font-weight: 300;
  --clr-text-light: #6F6F6F;
  --clr-gray-dark: #D9D9D9;
}

/* End my mixins */
/**
 * Swiper 8.4.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 30, 2023
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#007aff;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

:root {
  --swiper-navigation-size:44px;
}

.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-button-lock {
  display: none;
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: 50%;
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets, .swiper-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}

.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.goods-slider:not(.swiper-initialized) .swiper-slide {
  margin-right: 18px;
  flex-basis: 225px;
}
@media (max-width: 1199.98px) {
  .goods-slider:not(.swiper-initialized) .swiper-slide {
    flex-basis: calc((100% - 54px) / 4);
  }
}
@media (max-width: 819.98px) {
  .goods-slider:not(.swiper-initialized) .swiper-slide {
    margin-right: 16px;
    flex-basis: calc((100% - 16px) / 2);
  }
}

.vanilla-zoom {
  position: relative;
}

.vanilla-zoom .zoomed-image {
  position: absolute;
  z-index: 11;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  transition: all ease 0.5s;
  opacity: 0.25;
}

.vanilla-zoom .zoomed-image.zoomed-image-open,
.vanilla-zoom .zoomed-image:hover {
  width: 100%;
  height: 100%;
  opacity: 1;
}

.vanilla-zoom-pointer {
  position: absolute;
  z-index: 13;
  top: 0;
  right: 0;
  width: 32px;
  height: 32px;
  background: #FFF url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='32' height='32' rx='4' fill='white'/%3E%3Cpath d='M18 21C21.866 21 25 17.866 25 14C25 10.134 21.866 7 18 7C14.134 7 11 10.134 11 14C11 17.866 14.134 21 18 21Z' stroke='%23020202' stroke-miterlimit='10'/%3E%3Cpath d='M13 19L7 25' stroke='%23020202' stroke-miterlimit='10'/%3E%3Cpath d='M18 10V18' stroke='%23020202' stroke-miterlimit='10'/%3E%3Cpath d='M22 14H14' stroke='%23020202' stroke-miterlimit='10'/%3E%3C/svg%3E ") center no-repeat;
  border-radius: 4px;
  transition: all ease 0.5s;
  margin: 8px;
  cursor: pointer;
}

.vanilla-zoom .zoomed-image:hover + .vanilla-zoom-pointer,
.vanilla-zoom .zoomed-image.zoomed-image-open + .vanilla-zoom-pointer {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='32' height='32' rx='4' fill='white'/%3E%3Cpath d='M18 21C21.866 21 25 17.866 25 14C25 10.134 21.866 7 18 7C14.134 7 11 10.134 11 14C11 17.866 14.134 21 18 21Z' stroke='%23020202' stroke-miterlimit='10'/%3E%3Cpath d='M13 19L7 25' stroke='%23020202' stroke-miterlimit='10'/%3E%3Cpath d='M22 14H14' stroke='%23020202' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
}

/*.vanilla-zoom {*/
/*width: 100%;*/
/*display: flex;*/
/*}*/
/*.vanilla-zoom .sidebar {*/
/*flex-basis: 30%;*/
/*display: flex;*/
/*flex-direction: column;*/
/*}*/
/*.vanilla-zoom .sidebar img.small-preview{*/
/*width: 100%;*/
/*margin-bottom: 5px;*/
/*cursor: pointer;*/
/*}*/
/*.vanilla-zoom .sidebar img.small-preview:last-child{*/
/*margin-bottom: 0;*/
/*}*/
/*.vanilla-zoom .zoomed-image {*/
/*flex: 1;  */
/*background-repeat: no-repeat;*/
/*background-position: center; */
/*background-size: cover;*/
/*margin-left: 5px;*/
/*}*/
/*@media (max-width: 768px) {*/
/*.vanilla-zoom .sidebar {*/
/*flex: 1;*/
/*}*/
/*.vanilla-zoom .sidebar img.small-preview {*/
/*cursor: auto;*/
/*margin-bottom: 12px;*/
/*}*/
/*.vanilla-zoom .zoomed-image {*/
/*display: none;*/
/*}*/
/*}*/
@font-face {
  font-family: "Lab Grotesque";
  src: url("/fonts/LabGrotesque-Light.ttf") format("truetype");
  font-display: swap;
  font-weight: 300;
}
@font-face {
  font-family: "Lab Grotesque";
  src: url("/fonts/LabGrotesque-Regular.ttf") format("truetype");
  font-display: swap;
  font-weight: 400;
}
/* End my mixins */
/*!
 * Screen base styles
 *  taken from Bootstrap v3.2.0 | MIT License | getbootstrap.com
 */
body, html {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 320px;
}
@media (max-width: 639.98px) {
  body, html {
    font-size: 18px;
  }
}

html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  font-family: "Lab Grotesque", "Roboto", "Helvetica Neue", sans-serif;
  font-size: 16px;
  line-height: 1;
  color: #1E2123;
  background-color: #FFFFFF;
  min-height: 100vh;
}

figure {
  margin: 0;
}

img {
  vertical-align: middle;
  border: none;
}

@-ms-viewport {
  width: device-width;
}
/* form basis */
/*!
 * Forms base styles
 *  taken from Bootstrap v3.2.0 | MIT License | getbootstrap.com
 */
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  line-height: inherit;
  font-weight: bold;
  border: 0;
}

::placeholder {
  color: #1E2123;
  font-family: "Lab Grotesque", "Roboto", "Helvetica Neue", sans-serif;
}

.label {
  display: inline-block;
  font-size: 0.8125rem;
  color: #6F6F6F;
  margin: 1.15rem 0 0.9rem;
}

input[type=file] {
  display: block;
}

input[type=range] {
  display: block;
  width: 100%;
}

input[type=search],
input[type=text],
input[type=email],
input[type=phone],
input[type=number],
input[type=password],
input[type=tel],
textarea {
  line-height: 140%;
  font-family: "Lab Grotesque", "Roboto", "Helvetica Neue", sans-serif;
  font-weight: 400;
  color: #1E2123;
  padding: 8px 16px;
  border-radius: 4px;
  border: 1px solid #D9D9D9;
  width: 100%;
  margin-top: 6px;
  margin-bottom: 15px;
}

input[type=text]:focus::-webkit-input-placeholder,
input[type=email]:focus::-webkit-input-placeholder,
input[type=password]:focus::-webkit-input-placeholder,
input[type=tel]:focus::-webkit-input-placeholder {
  font-size: 0;
}

textarea.f-input {
  min-height: 79px;
  font-size: 24px;
  line-height: 35px;
  font-family: "Lab Grotesque", "Roboto", "Helvetica Neue", sans-serif;
  font-weight: 400;
  padding: 12px 24px;
}

select[multiple],
select[size] {
  height: auto;
}

output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}

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

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  line-height: 34px;
  line-height: 1.42857143 \0 ;
}

input[type=radio][disabled],
input[type=checkbox][disabled],
input[type=radio].disabled,
input[type=checkbox].disabled,
fieldset[disabled] input[type=radio],
fieldset[disabled] input[type=checkbox] {
  cursor: not-allowed;
}

.input-group {
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
  margin-bottom: 28px;
  margin-right: -12px;
  margin-left: -12px;
  width: 100%;
}
.input-group.is--732 {
  max-width: 732px;
}
.input-group.is--608 {
  max-width: 608px;
}
.input-group.is--808 {
  max-width: 808px;
}

.input-block {
  padding-right: 12px;
  padding-left: 12px;
}
.input-block.is--100 {
  width: 100%;
}
.input-block.is--80 {
  width: 80%;
}
@media (max-width: 639.98px) {
  .input-block.is--80 {
    width: 100%;
  }
}
.input-block.is--60 {
  width: 60%;
}
@media (max-width: 639.98px) {
  .input-block.is--60 {
    width: 100%;
  }
}
.input-block.is--55 {
  width: 55%;
}
@media (max-width: 639.98px) {
  .input-block.is--55 {
    width: 100%;
  }
}
.input-block.is--50 {
  width: 50%;
}
@media (max-width: 639.98px) {
  .input-block.is--50 {
    width: 100%;
  }
}
.input-block.is--40 {
  width: 40%;
}
@media (max-width: 639.98px) {
  .input-block.is--40 {
    width: 100%;
  }
}
.input-block.is--20 {
  width: 20%;
}
@media (max-width: 639.98px) {
  .input-block.is--20 {
    width: 50%;
  }
}

.input-inline {
  display: flex;
}
@media (max-width: 639.98px) {
  .input-inline {
    display: block;
  }
}
.input-inline > input:last-child {
  margin-right: 0;
}
.input-inline > input {
  margin-right: 18px;
}

.f-label--min {
  font-size: 18px;
  line-height: 26px;
  padding-top: 20px;
  padding-bottom: 6px;
}

ul, ol {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul li, ol li {
  padding: 0;
  margin: 0;
}

hr {
  background-color: #D9D9D9;
  border: none;
  height: 1px;
}

.radio-box {
  display: flex;
  flex-wrap: wrap;
}

.f-radio {
  margin-right: 2.25rem;
}
.f-radio:last-child {
  margin-right: 0;
}

.f-radio_label {
  position: relative;
  display: block;
  padding-left: 1.5rem;
  line-height: 140%;
  margin-top: 0;
  margin-bottom: 0;
  cursor: pointer;
}
.f-radio_label::before {
  content: "";
  display: block;
  position: absolute;
  width: 1rem;
  height: 1rem;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  transition: all 0.2s ease-in;
  background-color: #FFFFFF;
  border: 1px solid #D9D9D9;
  border-radius: 0;
}
.f-radio_label::after {
  content: "";
  display: none;
  position: absolute;
  width: 0.5rem;
  height: 0.5rem;
  top: 50%;
  left: 0;
  transform: translateX(50%) translateY(-50%);
  background-color: #000000;
  border: 1px solid #D9D9D9;
  border-radius: 0;
}

.f-radio_input:checked + .f-radio_label::after {
  display: block;
}

.f-radio_input:disabled + .f-radio_label::before {
  background-color: #D9D9D9;
}

.h2-title {
  font-size: 24px;
  line-height: 140%;
  font-family: "Lab Grotesque", "Roboto", "Helvetica Neue", sans-serif;
  font-weight: 400;
  color: #020202;
  margin: 48px 0 24px;
}

.h2-title.h2-title--mini {
  margin: 48px 0 24px;
}

.h2-title.top-0 {
  margin-top: 0;
}

.h1-title {
  font-size: 32px;
  line-height: 140%;
  font-family: "Lab Grotesque", "Roboto", "Helvetica Neue", sans-serif;
  font-weight: 400;
  color: #020202;
  margin: 40px 0 100px;
}
@media (max-width: 639.98px) {
  .h1-title {
    font-size: 42px;
    line-height: 54px;
  }
}

.h1-title.h1-title--mini {
  margin: 48px 0 60px;
}

.breadcrumbs + .h1-title {
  font-size: 32px;
  line-height: 140%;
  margin: -3px 0 24px;
}

.pt-0 {
  padding-top: 0 !important;
}

a[name]:target {
  display: block;
  position: relative;
  top: -100px;
  visibility: hidden;
}

.nowrap {
  white-space: nowrap;
}

.dashed {
  text-decoration-line: underline;
  text-decoration-style: dashed;
}

.bold {
  font-weight: bold;
}

/* End my mixins */
*, *::after, *::before {
  box-sizing: border-box;
  font-family: "Lab Grotesque", "Roboto", "Helvetica Neue", sans-serif;
}

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

body {
  font-size: 1rem;
  font-weight: 300;
}

.wrapper {
  max-width: 90rem;
  margin: 0 auto;
}
@media (max-width: 1549.98px) {
  .wrapper {
    padding: 0 1rem 0;
  }
}
@media (max-width: 1199.98px) {
  .wrapper {
    padding: 0 2rem 0;
  }
}
@media (max-width: 819.98px) {
  .wrapper {
    padding: 0 1rem 0;
  }
}

/* TITLE */
.title {
  font-weight: 300;
  font-size: 1.5rem;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #1E2123;
  margin: 0;
  line-height: 130%;
}
@media (max-width: 819.98px) {
  .title_h2 {
    font-size: 1.25rem;
  }
}
@media (max-width: 819.98px) {
  .title_h1 {
    font-size: 1rem;
    font-weight: 400;
  }
}

/* TITLE END */
.intro-wrapper {
  text-align: center;
  margin: 2.1875rem auto;
}
@media (max-width: 639.98px) {
  .intro-wrapper {
    margin: 1.4875rem auto;
    text-align: left;
  }
}
@media (max-width: 639.98px) {
  .intro-wrapper .title {
    text-transform: inherit;
    text-align: left;
    font-size: 1.06rem;
    letter-spacing: 0;
  }
}

.intro-ico {
  display: block;
  width: 2.75rem;
  height: 2.75rem;
  margin: 1.0625rem auto;
}
@media (max-width: 639.98px) {
  .intro-ico {
    margin: 0 auto 0.925rem 0;
  }
}
.intro-ico > img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.intro {
  display: block;
  max-width: 29.3125rem;
  margin: 0.9375rem auto 0.95rem;
  text-align: center;
}
.intro > * {
  font-size: 1rem;
  line-height: 1.4rem;
  margin: 0.75rem 0;
  color: #6F6F6F;
}
@media (max-width: 639.98px) {
  .intro {
    margin: 0;
    text-align: left;
  }
  .intro > * {
    margin: 0.35rem 0 0.9rem;
    font-size: 0.8125rem;
    line-height: 1.15rem;
  }
}

.new-btn-white,
.new-btn-black {
  display: inline-block;
  line-height: 1.3125rem;
  font-size: 1rem;
  font-weight: 400;
  text-align: center;
  padding: 0.375rem 0.9375rem;
  border: 1px solid #1E2123;
  transition: 0.2s ease-in;
  cursor: pointer;
  margin: 0 0.875rem;
  min-width: 14.125rem;
}
@media (max-width: 539.98px) {
  .new-btn-white,
  .new-btn-black {
    margin: 0 0.875rem 0.875rem;
  }
}
@media (max-width: 639.98px) {
  .new-btn-white,
  .new-btn-black {
    line-height: 1.125rem;
    font-size: 0.85rem;
    margin: 0 0.875rem 0.875rem 0;
    min-width: 7.125rem;
  }
}

.new-btn-white {
  color: #1E2123;
  background-color: #FFFFFF;
  border-color: #1E2123;
}

.new-btn-black {
  color: #FFFFFF;
  background-color: #1E2123;
  border-color: #1E2123;
}

/* INPUT */
input.input {
  width: 100%;
  min-height: 2.25rem;
  padding: 0.4375rem 0.5rem 0.375rem;
  font-family: "Lab Grotesque", "Roboto", "Helvetica Neue", sans-serif;
  font-weight: 300;
  border: 1px solid #D9D9D9;
  border-radius: 0.25rem;
  margin: 0;
  line-height: 100%;
  color: #1E2123;
}
input.input::placeholder {
  color: #898989;
  font-family: "Lab Grotesque", "Roboto", "Helvetica Neue", sans-serif;
  font-weight: 300;
}
@media (max-width: 819.98px) {
  input.input {
    font-size: 0.8125rem;
  }
}

/* INPUT END */
/* BTN */
.new--btn {
  padding: 0;
  display: inline-block;
  text-align: center;
  background-color: inherit;
  color: #1E2123;
  font-weight: normal;
  font-size: 1rem;
  border: none;
  cursor: pointer;
}
@media (max-width: 819.98px) {
  .new--btn {
    font-size: 0.8125rem;
  }
}
.new--btn_regular {
  background-color: #1E2123;
  color: #FFFFFF;
}
.new--btn_accent {
  background-color: #CF1E27;
  color: #FFFFFF;
  font-size: 1rem;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
}
.new--btn_disabled {
  background-color: #bbbcbd;
  cursor: not-allowed;
}
.new--btn_inherit {
  background-color: inherit;
  color: #1E2123;
  border: 1px solid #1E2123;
}
@media (max-width: 1199.98px) {
  .new--btn_with-cross, .new--btn_comeback {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0.9375rem 0 1rem;
  }
}
@media (max-width: 819.98px) {
  .new--btn_with-cross, .new--btn_comeback {
    padding: 0.75rem 0 0.6875rem;
  }
}
.new--btn_with-cross img {
  margin-right: 0.75rem;
  height: 1rem;
  width: 1rem;
}
@media (max-width: 819.98px) {
  .new--btn_with-cross img {
    margin-right: 0.625rem;
    height: 0.625rem;
    width: 0.625rem;
  }
}
.new--btn_with-cross span, .new--btn_comeback span {
  position: relative;
  letter-spacing: 0.15em;
  font-size: 0.75rem;
  font-weight: 400;
  text-transform: uppercase;
}
@media (max-width: 819.98px) {
  .new--btn_comeback img {
    margin-right: 10px;
    height: 12px;
    width: 6px;
  }
}
.new--btn_with-arrow {
  font-family: "Lab Grotesque", "Roboto", "Helvetica Neue", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 140%;
  color: #1E2123;
  background: url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 12L7 6.5L1 1' stroke='%231E2123'/%3E%3C/svg%3E%0A") no-repeat center right/auto;
}
.new--btn_with-arrow:hover, .new--btn_with-arrow:focus {
  opacity: 0.5;
}

/* BTN END */
/* BTN UP */
.btn-up {
  display: flex;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  z-index: 1;
  position: fixed;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);
  border-radius: 2rem;
  border: none;
  bottom: 2.5rem;
  left: 2.5rem;
  width: 3rem;
  height: 3rem;
  background-color: #018360;
  transform: translateY(100px);
  transition: transform 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}
@media (max-width: 819.98px) {
  .btn-up {
    bottom: 3rem;
    left: calc(50% - 1.375rem);
    width: 2.75rem;
    height: 2.75rem;
  }
}
.btn-up__icon {
  width: 1rem;
  height: 1rem;
}
@media (max-width: 819.98px) {
  .btn-up__icon {
    width: 0.75rem;
    height: 0.75rem;
  }
}
.btn-up_showed {
  transform: translateY(0);
}

/* BTN UP END */
#contact-guide {
  margin-bottom: 1.75rem;
}
#contact-guide summary::after {
  display: inline-block;
  position: relative;
  left: 0.5rem;
}

a,
.link {
  color: #1E2123;
  text-decoration: none;
  cursor: pointer;
  transition: opacity 0.2s;
}
a:hover,
.link:hover {
  opacity: 0.5;
}

/* LINK END */
.content, .cke_editable {
  margin: 0 auto 2rem;
  max-width: 60rem;
  font-family: var(--font);
  font-weight: var(--font-weight);
  & h1, & h2, & h3, & h4, & th {
    font-weight: var(--font-weight);
  }
  & h2, & h3, & h4 {
    margin: 2.5rem 0 0.75rem;
  }
  & h1 {
    font-size: 2rem;
    line-height: 130%;
    max-width: 34rem; /* 44.5rem; */
    text-align: center;
    margin: 1rem auto 2rem;
  }
  & h2 {
    font-size: 1.5rem;
    line-height: 130%;
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }
  & h3, & details > summary {
    font-size: 1.375rem;
    line-height: 140%;
    letter-spacing: 0.03em;
  }
  & h4 {
    font-size: 0.75rem;
    line-height: 100%;
    letter-spacing: 0.15em;
    text-transform: uppercase;
  }
  & h4 + p {
    font-size: 1rem;
  }
  & p, & div, & ol, & ul, & table, & pre {
    font-size: 1.125rem;
    line-height: 160%;
  }
  & p, & div, & pre {
    margin: 0.75rem 0;
  }
  & p.accent {
    font-size: 1.25rem;
    margin-bottom: 2rem;
  }
  & p.big-img {
    display: block;
    margin: 2.5rem auto;
    width: 100%;
    max-width: 100% !important;
    & > img {
      width: 100%;
      height: auto;
      max-width: 100%;
    }
  }
  & ol, & ul {
    margin: 0;
    padding: 0 1.375rem;
    & ol, & ul {
      color: var(--clr-text-light);
    }
  }
  & ol {
    list-style-type: decimal;
  }
  & ul {
    list-style: "— ";
  }
  & hr {
    margin: 2rem 0;
  }
  & .table-scroll {
    margin: 2.5rem 0 3.75rem;
    overflow-y: auto;
  }
  & table {
    border-collapse: collapse;
    & caption {
      margin-bottom: 1rem;
    }
    & thead, & tr {
      border-bottom: 1px solid var(--clr-gray-dark);
    }
    & th, & td {
      padding: 1rem 0;
      & p {
        margin: 0;
      }
    }
    & tr:last-of-type {
      border-bottom: 0;
    }
    & th {
      text-align: start;
      line-height: 140%;
    }
  }
  & details {
    margin-top: 1rem;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid var(--clr-gray-dark);
    &:last-of-type {
      border-bottom: 0;
    }
    & summary + div {
      & *:first-child {
        margin-top: 1rem;
      }
      & *:last-child {
        margin-bottom: 0;
      }
    }
  }
  & img, & iframe, & video, & object {
    max-width: 100%;
    height: auto;
  }
  & pre {
    width: max-content;
    padding: 0.5rem;
    font-family: monospace;
    background-color: #FAFAFA;
  }
  & figcaption {
    font-style: italic;
    margin-bottom: 1.5rem;
  }
  & blockquote {
    position: relative;
    & p {
      margin: 0;
    }
    &::before {
      content: "";
      display: block;
      width: 2rem;
      height: 2rem;
      position: absolute;
      transform: translateX(-125%);
      background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='48' height='48' fill='white' fill-opacity='0.01'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.8533 9.11597C11.3227 13.9523 7.13913 19.5812 6.30256 26.0029C5.00021 36 13.9404 40.8933 18.4703 36.4967C23.0002 32.1002 20.2848 26.5196 17.0047 24.9942C13.7246 23.4687 11.7187 24 12.0686 21.9616C12.4185 19.9231 17.0851 14.2713 21.1849 11.6392C21.4569 11.4079 21.5604 10.9591 21.2985 10.6187C21.1262 10.3947 20.7883 9.95555 20.2848 9.30112C19.8445 8.72886 19.4227 8.75027 18.8533 9.11597Z' fill='%231E2123'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M38.6789 9.11597C31.1484 13.9523 26.9648 19.5812 26.1282 26.0029C24.8259 36 33.7661 40.8933 38.296 36.4967C42.8259 32.1002 40.1105 26.5196 36.8304 24.9942C33.5503 23.4687 31.5443 24 31.8943 21.9616C32.2442 19.9231 36.9108 14.2713 41.0106 11.6392C41.2826 11.4079 41.3861 10.9591 41.1241 10.6187C40.9519 10.3947 40.614 9.95555 40.1105 9.30112C39.6702 8.72886 39.2484 8.75027 38.6789 9.11597Z' fill='%231E2123'/%3E%3C/svg%3E%0A");
      background-repeat: no-repeat;
      background-size: 100%;
      background-position: center;
    }
  }
}

/* Add a specific layout for catalog content and his ckeditor preview */
.catalog__content.content,
.catalog__content.cke_editable {
  & h2, & h3, & h4 {
    letter-spacing: 0;
    margin: 2.5rem 0 1.25rem;
  }
  & h2 {
    font-size: 1rem;
    line-height: 140%;
    text-align: center;
    text-transform: none;
  }
  & h3, & details > summary {
    font-size: 0.875rem;
  }
  & h4 {
    font-size: 0.75rem;
    text-transform: none;
  }
  & p, & div, & ol, & ul, & table, & pre {
    font-size: 0.8125rem;
    line-height: 140%;
  }
}

/* End my mixins */
@media (max-width: 819.98px) {
  .content {
    margin-bottom: 0;
  }
  .content h2, .content h3, .content h4 {
    margin: 1.5rem 0 0.5rem;
  }
  .content h1 {
    font-size: 1rem;
    text-align: start;
    margin: 1rem 0 1.25rem;
    font-weight: 400;
  }
  .content h2 {
    font-size: 0.9375rem;
  }
  .content h3, .content details > summary {
    font-size: 0.875rem;
  }
  .content h4 {
    font-size: 0.8125rem;
  }
  .content h4 + p {
    font-size: 0.6875rem;
  }
  .content p, .content div, .content ol, .content ul, .content table, .content pre {
    font-size: 0.8125rem;
  }
  .content p, .content div, .content pre {
    margin: 0.5rem 0;
  }
  .content p.accent {
    font-size: 0.75rem;
  }
  .content hr {
    margin: 1rem 0;
  }
  .content .table-scroll {
    margin: 1.5rem 0 2.25rem;
  }
  .content details {
    margin-top: 0.75rem;
    padding-bottom: 0.75rem;
  }
  .content details summary {
    font-weight: 400;
  }
  .content blockquote::before {
    width: 1.5rem;
    height: 1.5rem;
  }
}
@media (max-width: 639.98px) {
  .content table thead {
    display: none;
  }
  .content table tr {
    display: block;
    margin-bottom: 1rem;
  }
  .content table tr:last-of-type {
    margin-bottom: 0;
  }
  .content table td, .content table p, .content table a {
    color: #6F6F6F;
    font-size: 0.8125rem;
  }
  .content table td::before, .content table p {
    font-weight: 400;
  }
  .content table td {
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: 1fr;
    grid-template-columns: none;
    align-items: center;
    margin-bottom: 0.5rem;
    padding: 0;
  }
  .content table td:last-of-type {
    margin-bottom: 1rem;
  }
  .content table td::before {
    content: attr(data-label);
    color: #1E2123;
  }
}
/* End my mixins */
.grid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.grid_item-2 {
  width: 50%;
}

.grid_item-3 {
  width: 33.3333333333%;
}

.grid_item-4 {
  width: 25%;
}

.grid_item-5 {
  width: 20%;
}

.grid_item-6 {
  width: 16.6666666667%;
}

@media (max-width: 1365.98px) {
  .grid_item-3 {
    width: 50%;
  }
  .grid_item-4 {
    width: 33.3333333333%;
  }
  .grid_item-6 {
    width: 25%;
  }
  .grid_item-5 {
    width: 33.3333333333%;
  }
}
@media (max-width: 979.98px) {
  .grid_item-2 {
    width: 100%;
  }
  .grid_item-4 {
    width: 50%;
  }
  .grid_item-6 {
    width: 33.3333333333%;
  }
  .grid_item-5 {
    width: 50%;
  }
}
@media (max-width: 979.98px) {
  .grid_item-6 {
    width: 25%;
  }
}
@media (max-width: 639.98px) {
  .grid_item-3 {
    width: 100%;
  }
  .grid_item-4 {
    width: 100%;
  }
  .grid_item-5 {
    width: 100%;
  }
  .grid_item-6 {
    width: 50%;
  }
}
@media (max-width: 419.98px) {
  .grid_item-4 {
    width: 100%;
  }
}
/* End my mixins */
.btn {
  display: inline-block;
  padding: 11px 16px 10px;
  font-size: 15px;
  line-height: 15px;
  background-color: #D2C06D;
  text-align: left;
  color: #FFFFFF;
  border: transparent;
  transition: 0.2s ease-in;
  cursor: pointer;
}
.btn:hover, .btn:focus {
  outline: none;
  text-decoration: none;
  color: #020202;
  background-color: #F2F2F2;
  transition: 0.2s ease-in;
}
.btn:active {
  border: transparent;
}
.btn:disabled {
  background-color: #F2F2F2;
  color: #D9D9D9;
}

.btn-quick-click {
  display: inline-block;
  background-color: #FFFFFF;
  color: #D2C06D;
  border-radius: 4px;
  border: 2px solid #D2C06D;
  transition: 0.2s ease-in;
  cursor: pointer;
  box-sizing: border-box;
  padding: 0 40px;
  text-align: center;
  font-size: 20px;
  line-height: 31px;
  max-width: 295px;
  width: 100%;
  height: 48px;
  order: 1;
  margin-top: 8px;
}
.btn-quick-click:hover, .btn-quick-click:focus {
  outline: none;
  text-decoration: none;
  color: #020202;
  background-color: #F2F2F2;
  transition: 0.2s ease-in;
}
.btn-quick-click:active {
  border: transparent;
}
.btn-quick-click:disabled {
  background-color: #F2F2F2;
  color: #D9D9D9;
}
@media (max-width: 639.98px) {
  .btn-quick-click {
    max-width: 428px;
    width: 100%;
  }
}

.gray-box .btn:hover,
.gray-box .btn:focus {
  background-color: #FFFFFF;
}

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

.btn--menu {
  margin-right: 16px;
  background-color: #F0F0F0;
  color: #000000;
  padding: 4px 8px 3px;
  border-radius: 4px;
  font-size: 15px;
  line-height: 140%;
}
.btn--menu:hover, .btn--menu:focus {
  background-color: #D2C06D;
  color: #FFFFFF;
}
.btn--menu:focus, .btn--menu:active {
  outline: none;
}

.btn--like {
  display: block;
  cursor: pointer;
  position: relative;
  width: 100%;
  max-width: 32px;
}
.btn--like:hover, .btn--like:focus {
  background-color: unset;
}
.btn--like:active {
  border: none;
}

.icon-like {
  transition: 0.2s ease-in;
  color: #020202;
  fill: transparent;
  width: 16px;
  height: auto;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: calc(50% + 6px);
  transform: translateX(-50%) translateY(-50%);
}

.btn--like.is-active > .icon-like,
.like.is-active > .icon {
  color: #CF1E27;
  fill: #CF1E27;
  transition: fill 0.2s ease-in;
}

.like.is-active .border {
  stroke: #CF1E27;
}

.btn--like:hover > .icon-like,
.like:hover > .icon {
  opacity: 0.5;
}

.btn--form {
  margin: 18px 0;
}

.btn-next,
.btn-prev {
  display: block;
  position: absolute;
  outline: none;
  cursor: pointer;
  z-index: 10;
  width: 48px;
  height: 48px;
  background-size: 100%;
  top: 50%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.2s ease-in;
}
.btn-next.swiper-button-disabled,
.btn-prev.swiper-button-disabled {
  display: none;
}

.btn-next {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M47.5 24C47.5 36.9787 36.9787 47.5 24 47.5C11.0213 47.5 0.5 36.9787 0.5 24C0.5 11.0213 11.0213 0.5 24 0.5C36.9787 0.5 47.5 11.0213 47.5 24Z' fill='white' stroke='%23D9D9D9'/%3E%3Cpath d='M20 35.0004L31 23.6945L20 12.3887' stroke='%23020202'/%3E%3C/svg%3E%0A");
  right: 8px;
  background-repeat: no-repeat;
  background-position: center;
}
.btn-next:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M47.5 24C47.5 36.9787 36.9787 47.5 24 47.5C11.0213 47.5 0.5 36.9787 0.5 24C0.5 11.0213 11.0213 0.5 24 0.5C36.9787 0.5 47.5 11.0213 47.5 24Z' fill='white' stroke='%23D9D9D9'/%3E%3Cpath d='M20 35.0004L31 23.6945L20 12.3887' stroke='%23CF1E27'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
}
.btn-next:focus {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M47.5 24C47.5 36.9787 36.9787 47.5 24 47.5C11.0213 47.5 0.5 36.9787 0.5 24C0.5 11.0213 11.0213 0.5 24 0.5C36.9787 0.5 47.5 11.0213 47.5 24Z' fill='white' stroke='%23D9D9D9'/%3E%3Cpath d='M20 35.0004L31 23.6945L20 12.3887' stroke='%23CF1E27'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
}

.btn-prev {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.499998 24C0.5 11.0213 11.0213 0.500001 24 0.500002C36.9787 0.500003 47.5 11.0213 47.5 24C47.5 36.9787 36.9787 47.5 24 47.5C11.0213 47.5 0.499997 36.9787 0.499998 24Z' fill='white' stroke='%23D9D9D9'/%3E%3Cpath d='M28 12.9996L17 24.3055L28 35.6113' stroke='%23020202'/%3E%3C/svg%3E%0A");
  left: 8px;
  background-repeat: no-repeat;
  background-position: center;
}
.btn-prev:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.499998 24C0.5 11.0213 11.0213 0.500001 24 0.500002C36.9787 0.500003 47.5 11.0213 47.5 24C47.5 36.9787 36.9787 47.5 24 47.5C11.0213 47.5 0.499997 36.9787 0.499998 24Z' fill='white' stroke='%23D9D9D9'/%3E%3Cpath d='M28 12.9996L17 24.3055L28 35.6113' stroke='%23CF1E27'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
}
.btn-prev:focus {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.499998 24C0.5 11.0213 11.0213 0.500001 24 0.500002C36.9787 0.500003 47.5 11.0213 47.5 24C47.5 36.9787 36.9787 47.5 24 47.5C11.0213 47.5 0.499997 36.9787 0.499998 24Z' fill='white' stroke='%23D9D9D9'/%3E%3Cpath d='M28 12.9996L17 24.3055L28 35.6113' stroke='%23CF1E27'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
}

.btn--filter-submit {
  margin-top: 20px;
  margin-bottom: 20px;
}

.btn.link--disabled {
  pointer-events: none;
  color: #D9D9D9;
  cursor: not-allowed;
  text-decoration: none;
  background-color: #F2F2F2;
  opacity: 1;
}

.disabled-events {
  pointer-events: none;
  cursor: not-allowed;
}

.link--disabled {
  opacity: 0.3;
  cursor: not-allowed;
  pointer-events: none;
}

.select--disabled {
  pointer-events: none;
}

.order_button--disabled {
  pointer-events: none;
  color: currentColor;
  cursor: not-allowed;
  opacity: 0.5;
  text-decoration: none;
}

.btn.btn--popup {
  margin-right: 10px;
}
.btn.btn--popup:last-child {
  margin-right: 0;
}

.btn.btn-remove {
  background-color: #020202;
  color: #FFFFFF;
}
.btn.btn-remove:focus, .btn.btn-remove:hover {
  color: #FFFFFF;
  background-color: #020202;
}

.main-good {
  color: #FFFFFF;
  white-space: nowrap;
}

.basket-btn {
  position: relative;
  display: inline-block;
}
.basket-btn .icon {
  width: 1rem;
  height: auto;
  transform: translateY(10%);
}
.basket-btn .btn-text {
  display: inline-block;
  color: #6F6F6F;
  font-size: 0.8125rem;
  line-height: 140%;
  margin-left: 0.5rem;
}
@media (max-width: 819.98px) {
  .basket-btn {
    border: 1px solid #D9D9D9;
    padding: 0.4rem;
  }
}

/* End my mixins */
.nav {
  display: flex;
  padding-top: 14px;
  padding-bottom: 14px;
  flex-wrap: wrap;
  justify-content: center;
  font-size: 15px;
  line-height: 140%;
}

.nav__link {
  display: block;
  padding: 0 14px;
  color: inherit;
}

.nav__link.nav__link--active {
  color: #CF1E27;
}

.nav.nav--header {
  padding-top: 10px;
  padding-bottom: 11px;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 419.98px) {
  .nav.nav--header {
    display: none;
  }
}

.nav.nav--header .nav__link {
  padding: 10px 12px;
}

.nav.nav--popup {
  padding: 0 15px;
  font-size: 20px;
  line-height: 27px;
}
@media (max-width: 639.98px) {
  .nav.nav--popup {
    display: block;
    padding-left: 0;
  }
}

.nav.nav--popup .nav__link {
  padding: 0 17px;
}
@media (max-width: 639.98px) {
  .nav.nav--popup .nav__link {
    padding-left: 0;
    margin-bottom: 20px;
  }
}

.nav-secondary {
  display: flex;
  flex-wrap: wrap;
  padding-top: 12px;
  padding-bottom: 12px;
  justify-content: center;
  font-size: 15px;
  line-height: 140%;
}

.nav-secondary__link {
  color: inherit;
  display: block;
  padding: 0 12px;
}

.menu-burger {
  display: none;
  width: 100%;
  overflow: hidden;
  position: absolute;
  top: 91px;
  background-color: rgba(30, 33, 35, 0.8);
  height: 100vh;
}
@media (max-width: 819.98px) {
  .menu-burger {
    background-color: #F2F2F2;
    top: 3.75rem;
  }
}
.menu-burger_dropped {
  display: block;
}
.menu-burger__header {
  display: none;
}
@media (max-width: 819.98px) {
  .menu-burger__header {
    display: block;
    margin: 0 1rem 0;
    border-bottom: 1px solid #D9D9D9;
  }
}
.menu-burger__btn {
  color: #1E2123;
}
@media (max-width: 819.98px) {
  .menu-burger__btn {
    text-align: start;
    background: url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 12L7 6.5L1 1' stroke='%231E2123'/%3E%3C/svg%3E%0A") no-repeat center right/auto;
  }
}
.menu-burger__btn_active {
  background: url("data:image/svg+xml,%3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 12L7 6.5L1 1' stroke='%231E2123'/%3E%3C/svg%3E%0A") no-repeat center right/auto;
}
.menu-burger__btn:hover {
  opacity: 0.5;
}
.menu-burger__body {
  padding: 29px 0 46px;
  margin: 0 auto;
  background-color: #FFFFFF;
}
@media (max-width: 1199.98px) {
  .menu-burger__body {
    padding: 2rem 0 2.5rem;
  }
}
@media (max-width: 819.98px) {
  .menu-burger__body {
    padding: 1.5rem 0 0;
  }
}
.menu-burger__body > .wrapper {
  display: flex;
  max-width: 75rem;
}
@media (max-width: 1199.98px) {
  .menu-burger__body > .wrapper {
    max-width: 100%;
    justify-content: flex-start;
  }
}
.menu-burger__list {
  display: none;
}
@media (max-width: 1199.98px) {
  .menu-burger__list {
    display: block;
    width: 100%;
    max-width: 12.1875rem;
  }
}
@media (max-width: 819.98px) {
  .menu-burger__list {
    max-width: 100%;
    padding-bottom: 1.25rem;
  }
}
.menu-burger__item {
  margin-bottom: 0.75rem;
}
.menu-burger__link {
  display: inline-block;
  text-align: left;
  font-weight: 300;
  line-height: 140%;
  min-width: 100%;
}
@media (max-width: 819.98px) {
  .menu-burger__link {
    font-size: 0.8125rem;
  }
}
.menu-burger__link_accent {
  color: #CF1E27;
  display: inline-block;
  min-width: 100%;
  line-height: 140%;
}
@media (max-width: 819.98px) {
  .menu-burger__link_accent {
    color: #1E2123;
    font-size: 0.8125rem;
  }
}
.menu-burger__link_with-arrow {
  margin: 0;
  break-inside: avoid;
  position: relative;
}
@media (min-width: 820px) {
  .menu-burger__link_with-arrow {
    margin-bottom: 2rem;
  }
}
@media (max-width: 819.98px) {
  .menu-burger__link_with-arrow {
    margin-bottom: 0.75rem;
  }
}
.menu-burger__link_with-arrow:hover::after, .menu-burger__link_with-arrow:focus::after {
  opacity: 0.5;
}
@media (max-width: 819.98px) {
  .menu-burger__link_with-arrow::after {
    position: absolute;
    right: 0;
    top: 5px;
    content: url("data:image/svg+xml; utf8, %3Csvg width='8' height='13' viewBox='0 0 8 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 12L7 6.5L1 1' stroke='%231E2123'/%3E%3C/svg%3E%0A");
  }
}
.menu-burger__footer {
  display: none;
  justify-content: space-between;
  padding-top: 1rem;
  height: 100vh;
  background-color: #F2F2F2;
}
@media (max-width: 819.98px) {
  .menu-burger__footer {
    display: flex;
  }
}
.menu-burger__city {
  font-size: 13px;
  margin: 0;
  padding: 0 1rem 0;
}
.menu-burger__city > span {
  position: relative;
}
.menu-burger__city > span::before {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 10 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.86404 2.68799C8.12004 1.21199 6.63203 0.299988 4.97603 0.299988C4.29203 0.299988 3.64403 0.455991 3.03203 0.767991C2.00003 1.28399 1.24403 2.18399 0.872033 3.29999C0.512033 4.40399 0.596036 5.60399 1.10004 6.59999C1.66404 7.71599 4.23204 10.812 4.52004 11.16L4.97603 11.7L5.42004 11.148C5.54004 11.004 8.22804 7.72798 8.84004 6.61198C9.51204 5.41198 9.51204 3.98399 8.86404 2.68799ZM8.33603 6.33599C7.74803 7.41599 4.97603 10.788 4.97603 10.788C4.97603 10.788 2.18004 7.42799 1.62804 6.33599C0.716039 4.55999 1.43603 2.21999 3.29603 1.29599C3.83603 1.01999 4.41203 0.899988 4.97603 0.899988C6.35603 0.899988 7.67603 1.65599 8.33603 2.96399C8.88803 4.05599 8.91203 5.27999 8.33603 6.33599Z' fill='black'/%3E%3Cpath d='M4.98799 2.68799C3.90799 2.68799 3.03198 3.56399 3.03198 4.64399C3.03198 5.72399 3.90799 6.59999 4.98799 6.59999C6.06799 6.59999 6.94399 5.72399 6.94399 4.64399C6.94399 3.56399 6.06799 2.68799 4.98799 2.68799ZM4.98799 6.01198C4.23199 6.01198 3.61999 5.39999 3.61999 4.64399C3.61999 3.88799 4.23199 3.27598 4.98799 3.27598C5.74399 3.27598 6.35598 3.88799 6.35598 4.64399C6.35598 5.39999 5.74399 6.01198 4.98799 6.01198Z' fill='black'/%3E%3C/svg%3E%0A");
  position: absolute;
  width: 10px;
  height: 12px;
  left: -1rem;
  top: 1px;
}

.modal-info-nav {
  padding: 0 1rem 0;
}
.modal-info-nav__item {
  display: flex;
  min-height: 34px;
}
.modal-info-nav__link {
  font-weight: 300;
  font-size: 1rem;
  line-height: 140%;
  color: #1E2123;
}
@media (max-width: 819.98px) {
  .modal-info-nav__link {
    font-size: 0.8125rem;
  }
}

.burger-submenu {
  background-color: #FFFFFF;
  width: 100%;
  transition: transform 0.2s;
}
@media (min-width: 820px) {
  .burger-submenu {
    display: none;
  }
}
@media (max-width: 819.98px) {
  .burger-submenu {
    position: absolute;
    transform: translateX(100vw);
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }
}
.burger-submenu > .wrapper {
  display: flex;
}
@media (min-width: 820px) {
  .burger-submenu > .wrapper {
    padding-right: 0;
    justify-content: space-between;
    background: white;
  }
}
.burger-submenu_active {
  transform: translateX(0);
  display: block;
}
.burger-submenu__list {
  padding-top: 24px;
}
@media (min-width: 820px) {
  .burger-submenu__list {
    padding: 0;
    width: 100%;
    column-count: 3;
    column-gap: 1rem;
  }
}
@media (max-width: 819.98px) {
  .burger-submenu__list {
    width: 100%;
  }
}
.burger-submenu__item {
  break-inside: avoid;
  position: relative;
}
@media (min-width: 820px) {
  .burger-submenu__item {
    margin-bottom: 2rem;
  }
}
@media (max-width: 819.98px) {
  .burger-submenu__item {
    margin-bottom: 0.75rem;
  }
}
.burger-submenu__item:hover::after, .burger-submenu__item:focus::after {
  opacity: 0.5;
}
.burger-submenu__link {
  display: inline-block;
  font-weight: 300;
  font-size: 1rem;
  line-height: 140%;
  color: #1E2123;
  min-width: 100%;
}
@media (max-width: 819.98px) {
  .burger-submenu__link {
    font-size: 0.8125rem;
  }
}
.burger-submenu__second-list {
  margin-top: 0.75rem;
}
@media (max-width: 819.98px) {
  .burger-submenu__second-list {
    display: none;
  }
}
.burger-submenu__second-item {
  margin-bottom: 0.5rem;
}
.burger-submenu__second-item:last-child {
  margin-bottom: 0;
}
.burger-submenu__second-link {
  font-family: Lab Grotesque;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 120%;
  color: #898989;
}
@media (max-width: 819.98px) {
  .burger-submenu__second-link {
    display: none;
  }
}

.nav-auth {
  display: flex;
}

.nav-auth_item {
  margin-right: 28px;
}
.nav-auth_item:last-child {
  margin-right: 0;
}

.nav-auth_item-link {
  display: block;
  color: #020202;
}

.nav-auth_item-link--accent {
  color: #CF1E27;
}

/* End my mixins */
.main-slider__pagination-wrapper {
  display: flex;
  justify-content: center;
  width: 100%;
  position: absolute;
  bottom: 12px;
  z-index: 1;
  line-height: 0;
}
@media (max-width: 819.98px) {
  .main-slider__pagination-wrapper {
    bottom: 2px;
  }
}
.main-slider__pagination {
  width: auto;
  background-color: rgba(255, 255, 255, 0.8);
  padding: 6px 10px;
  border-radius: 4px;
}
@media (max-width: 819.98px) {
  .main-slider__pagination {
    background-color: transparent;
  }
}
.main-slider__pagination .swiper-pagination-bullet {
  height: 0.5rem;
  width: 0.5rem;
  line-height: 0;
  opacity: 0.3;
  background-color: #1E2123;
  border-radius: 2px;
  margin-right: 0.5rem;
}
@media (max-width: 819.98px) {
  .main-slider__pagination .swiper-pagination-bullet {
    background-color: #FFFFFF;
    border-radius: 0;
    opacity: 1;
  }
}
.main-slider__pagination .swiper-pagination-bullet:last-child {
  margin-right: 0;
}
.main-slider__pagination .swiper-pagination-bullet-active {
  opacity: 1;
}
@media (max-width: 819.98px) {
  .main-slider__pagination .swiper-pagination-bullet-active {
    background-color: #1E2123;
    border-radius: 0;
  }
}

.main-slider .swiper-slide:hover, .main-slider .swiper-slide:focus {
  opacity: 1;
}

/* End my mixins */
.goods-slider__header {
  display: flex;
  justify-content: space-between;
  padding: 0 0 1.3125rem;
}
@media (max-width: 819.98px) {
  .goods-slider__header {
    padding: 0 0 1.5rem;
  }
}
.goods-slider__img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.goods-slider__img:hover {
  opacity: 0.5;
}
.goods-slider__title {
  width: 100%;
}
@media (max-width: 819.98px) {
  .goods-slider__title {
    font-size: 1rem;
  }
}
.goods-slider__btn {
  padding: 2px 12px;
  min-height: 36px;
  min-width: 36px;
}
@media (max-width: 819.98px) {
  .goods-slider__btn {
    display: none;
  }
}
.goods-slider__next-btn {
  transform: rotate(180deg);
  padding: 0 12px 4px;
}
.goods-slider__pagination {
  display: none;
  text-align: center;
  padding-top: 13px;
}
@media (max-width: 819.98px) {
  .goods-slider__pagination {
    display: block;
  }
}
.goods-slider__pagination .swiper-pagination-bullet {
  height: 0.5rem;
  width: 0.5rem;
  opacity: 1;
  background-color: #F2F2F2;
  border-radius: 0%;
}
.goods-slider__pagination .swiper-pagination-bullet-active {
  opacity: 1;
  background-color: #1E2123;
}

/* End my mixins */
@keyframes background-open {
  0% {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
  }
  100% {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
  }
}
@keyframes background-close {
  0% {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
  }
  99% {
    width: 100%;
    height: 100%;
  }
  100% {
    width: 0;
    height: 0;
    background: rgba(0, 0, 0, 0);
  }
}
.some-popup-isopen {
  overflow-y: hidden;
}

@media (max-width: 819.98px) {
  .overflow-hidden {
    overflow-y: hidden;
  }
}

.animated-bg-open {
  animation: background-open 2s ease 0.4s;
  animation-fill-mode: forwards;
}

.animated-bg-close {
  animation: background-close 0.5s ease;
  animation-fill-mode: forwards;
}

.popup {
  background-color: #FFFFFF;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  z-index: 5;
  overflow: hidden;
  transition: opacity 0.4s ease-in;
}
.popup-modal {
  background-color: rgba(30, 33, 35, 0.8);
}
@media (max-width: 819.98px) {
  .popup-modal {
    margin: 0;
    background-color: #FFFFFF;
  }
}

@media (max-width: 819.98px) {
  .header_sticky ~ #overlay .popup-modal {
    margin: -1px 0 0;
  }
}

.popup--isopen {
  height: 100vh;
  opacity: 1;
  width: 100%;
  overflow: auto;
  -ms-overflow-style: none;
}
.popup--isopen::-webkit-scrollbar {
  width: 0;
}

.popup_header {
  padding-top: 20px;
  padding-bottom: 20px;
}

.popup_body {
  padding-bottom: 86px;
  padding-right: 71px;
  border-bottom: 1px solid #D9D9D9;
  position: relative;
}
@media (max-width: 1365.98px) {
  .popup_body {
    padding-bottom: 18px;
  }
}

.popup_footer {
  padding-top: 34px;
  padding-bottom: 34px;
}

#search-popup .popup_body {
  border-bottom: none;
  padding: 60px 160px 148px;
}
@media (max-width: 979.98px) {
  #search-popup .popup_body {
    padding-left: 12px;
  }
}
@media (max-width: 639.98px) {
  #search-popup .popup_body {
    padding-right: 48px;
    padding-top: 80px;
  }
}

#search-popup .popup_footer {
  background-color: #F2F2F2;
  padding-bottom: 60px;
}

#search-popup .popup_footer.height-vh {
  height: 100vh;
}

.search.search--popup {
  position: absolute;
  cursor: pointer;
  outline: none;
  top: 162px;
  left: 7.5%;
}
@media (max-width: 979.98px) {
  .search.search--popup {
    display: none;
  }
}

/* End my mixins */
.notification {
  position: fixed;
  bottom: 2rem;
  left: 50%;
  transform: translateX(-50%);
  background-color: #FFFFFF;
  box-shadow: 0 4px 44px 0 rgba(0, 0, 0, 0.2509803922);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 59.625rem;
  box-sizing: border-box;
  padding: 1rem 1rem 1rem 3rem;
  z-index: 1000;
  opacity: 1;
  transition-property: z-index, opacity;
  transition-duration: 500ms;
  transition-timing-function: ease-in;
}
@media (max-width: 979.98px) {
  .notification {
    width: 90%;
  }
}
@media (max-width: 639.98px) {
  .notification {
    width: 100%;
    bottom: 40px;
    box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.0509803922);
    align-items: flex-start;
    padding: 14px 47px 12px 19px;
  }
  .notification .notification__button_close {
    position: absolute;
    top: 15px;
    right: 22px;
    width: 14px;
    height: 14px;
  }
  .notification .notification__text {
    text-indent: 24px;
    font-size: 13px;
    line-height: 18px;
  }
}
.notification__text {
  font-size: 1rem;
  line-height: 1.375rem;
  color: #1E2123;
  display: inline-block;
}
.notification__button_close {
  display: inline-block;
  width: 1.3125rem;
  height: 1.3125rem;
  padding: 0.125rem 0.1875rem 0 0;
  background: none;
  border: none;
  position: relative;
  cursor: pointer;
}
.notification__button_close > img, .notification__button_close > svg {
  width: 100%;
  height: auto;
  fill: none;
}
.notification__button_close > img > *, .notification__button_close > svg > * {
  stroke-width: 2;
  stroke: #1E2123;
}
.notification__icon {
  display: inline-block;
  position: absolute;
  left: 18px;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 0.5rem 0.0625rem 0;
}
@media (max-width: 639.98px) {
  .notification__icon {
    top: 0;
    left: 0;
    margin: 15px 0 0 21px;
    width: 14px;
    height: 14px;
  }
}
.notification__icon_hidden {
  opacity: 0;
}
.notification_hidden {
  opacity: 0;
  z-index: -1;
}

/* End my mixins */
.user-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 819.98px) {
  .user-controls {
    z-index: 6;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #FAFAFA;
    padding: 0 38px 0;
    min-height: 40px;
  }
}
.user-controls__item {
  margin-right: 1.1875rem;
}
.user-controls__item:last-child {
  margin: 0 0 5px 0;
}
.user-controls__link {
  position: relative;
  margin: 0;
  padding: 0.25rem;
}
.user-controls__link_without-padding-right {
  padding-right: 0;
}
.user-controls__link > img {
  vertical-align: baseline;
}
.user-controls__counter {
  position: absolute;
  border-radius: 50%;
  font-size: 0.6875rem;
  line-height: 1.062rem;
  letter-spacing: -0.05em;
  color: #FFFFFF;
  width: 1rem;
  height: 1rem;
  background-color: #1E2123;
  text-align: center;
  right: -0.625rem;
  top: -1px;
}
.user-controls__counter_hidden {
  display: none;
}

@media (min-width: 820px) {
  .mobile-user-controls .user-controls {
    display: none;
  }
}

/* End my mixins */
.auth-page {
  background-color: #FFFFFF;
  max-width: 36.875rem;
  margin: 3rem auto 0;
}
@media (max-width: 819.98px) {
  .auth-page {
    padding: 0 1rem;
  }
}
.auth-page__title {
  text-transform: uppercase;
  margin: 0;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 300;
  color: #1E2123;
}
.auth-page__field {
  margin-bottom: 1rem;
}
.auth-page__label {
  font-family: "Lab Grotesque", "Roboto", "Helvetica Neue", sans-serif;
  font-weight: 300;
  font-size: 1rem;
  line-height: 140%;
  color: #898989;
}
.auth-page__btn {
  margin-top: 2rem;
  width: 100%;
  line-height: 140%;
  padding: 0.4375rem 0;
}

/* End my mixins */
.search-page {
  padding: 2.5rem 0 5rem;
}
@media (max-width: 819.98px) {
  .search-page {
    padding: 1.5rem 0 2.5rem;
  }
}
.search-page__title {
  font-size: 1.5rem;
  line-height: 130%;
  font-weight: 300;
  text-align: center;
  text-transform: uppercase;
}

.search-form {
  max-width: 708px;
  position: relative;
  margin-right: auto;
  margin-left: auto;
}

.search-form_input {
  background-color: transparent;
  border: none !important;
  border-bottom: 1px solid #D9D9D9 !important;
  border-radius: 0 !important;
  padding-left: 0 !important;
  padding-right: 2rem !important;
  outline: none;
  margin-bottom: 48px;
  font-size: 24px !important;
  line-height: 32px !important;
}

.search-form_input::-webkit-input-placeholder {
  color: #020202;
  font: inherit;
  font-size: 32px;
  line-height: 46px;
}

.search-form_send {
  width: 26px;
  height: 26px;
  border: none;
  position: absolute;
  top: 1rem;
  right: -3px;
  cursor: pointer;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.3825 11.62C12.0445 11.62 14.2025 9.46199 14.2025 6.79998C14.2025 4.13797 12.0445 1.97998 9.3825 1.97998C6.72049 1.97998 4.5625 4.13797 4.5625 6.79998C4.5625 9.46199 6.72049 11.62 9.3825 11.62Z' stroke='%23D9D9D9' stroke-miterlimit='10'/%3E%3Cpath d='M5.97187 10.21L1.42188 14.76' stroke='%23D9D9D9' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
}
.search-form_send:hover, .search-form_send:focus {
  opacity: 0.5;
}

.assistance-field .hint--is-success {
  color: #1E2123;
  display: block;
  font-size: 20px;
  line-height: 31px;
  font-weight: 400;
  margin-bottom: 16px;
  cursor: pointer;
  transition: 0.2s ease-in;
}
.assistance-field .hint--is-success span:hover, .assistance-field .hint--is-success span.focused {
  color: #CF1E27;
}

#solidjs-search-live:empty {
  height: 70px;
}

/* End my mixins */
.favorites-page {
  padding-top: 2.25rem;
  margin-bottom: 5rem;
}
@media (max-width: 1199.98px) {
  .favorites-page {
    padding-top: 2rem;
  }
}
@media (max-width: 819.98px) {
  .favorites-page {
    padding-top: 1.5rem;
    margin-bottom: 2.5rem;
  }
}
.favorites-page__title {
  margin-bottom: 4rem;
}
@media (max-width: 1199.98px) {
  .favorites-page__title {
    margin-bottom: 2.5rem;
  }
}
@media (max-width: 819.98px) {
  .favorites-page__title {
    text-align: left;
    text-transform: capitalize;
    margin-bottom: 1.25rem;
    font-weight: 400;
    font-size: 1rem;
    letter-spacing: 0.02em;
  }
}
.favorites-page .product.remove {
  opacity: 0;
  transition: opacity 0.4s;
}

.favorites__empty {
  text-align: center;
  margin-bottom: 17rem;
}
.favorites__empty__desc {
  margin: 0.875rem 0 1rem;
  font-size: 1rem;
  line-height: 140%;
  color: #6F6F6F;
}
@media (max-width: 819.98px) {
  .favorites__empty__desc {
    text-align: start;
    margin-top: 0.75rem;
  }
}
.favorites__empty .product-btn {
  cursor: pointer;
  max-width: 14.125rem;
}
@media (max-width: 819.98px) {
  .favorites__empty .product-btn {
    max-width: 100%;
  }
}

/* End my mixins */
.products {
  width: 100%;
}
.products_none {
  display: none;
}
.products__btn {
  display: block;
  margin: 4rem auto 1.5rem;
  padding: 0.5rem 0 0.375rem;
  width: 100%;
  max-width: 29.375rem;
  font-weight: 300;
  line-height: 1.25rem;
}
.products__pagination {
  margin: 1.5rem 0 0;
}

.product-grid {
  margin-bottom: 2.5rem;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 2.5rem 1.125rem;
}
@media (max-width: 1199.98px) {
  .product-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 819.98px) {
  .product-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.product-grid_six-column {
  grid-template-columns: repeat(6, 1fr);
}
@media (max-width: 1199.98px) {
  .product-grid_six-column {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 819.98px) {
  .product-grid_six-column {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 819.98px) {
  .product-grid_one-column {
    grid-template-columns: repeat(1, 1fr);
  }
}
.product-grid_none {
  display: none;
}

.product {
  position: relative;
  display: flex;
  flex-direction: column;
}

.product .product-actions {
  margin-top: 0.5rem;
}
@media (max-width: 819.98px) {
  .product .product-actions {
    margin-top: 0.25rem;
  }
}

.product-btn {
  display: inline-block;
  line-height: 30px;
  font-size: 1rem;
  font-weight: 400;
  text-align: center;
  padding: 3px 15px;
  color: #FFFFFF;
  background-color: #1E2123;
  border: none;
  transition: 0.2s ease-in;
  cursor: pointer;
}
@media (max-width: 819.98px) {
  .product-btn {
    font-size: 0.8125rem;
  }
}
.product-btn.btn-remove {
  background-color: #018360;
}
.product-btn.btn-miss {
  opacity: 30%;
  cursor: default;
}
@media (max-width: 1023.98px) {
  .product-btn.btn-miss {
    font-size: 0.75rem;
  }
}
@media (max-width: 359.98px) {
  .product-btn.btn-miss {
    font-size: 0.625rem;
  }
}

.product-counter-wrap {
  display: inline-flex;
  position: relative;
  flex-direction: column;
  justify-content: end;
  margin-left: 0.75rem;
}
@media (max-width: 820.98px) {
  .product-counter-wrap {
    margin-left: 0;
  }
}
.product-counter-wrap label {
  display: none;
}
@media (max-width: 820.98px) {
  .product-counter-wrap label {
    display: block;
  }
}

.product-counter {
  display: flex;
  font-size: 1rem;
  line-height: 140%;
}
.product-counter input {
  -moz-appearance: textfield;
}
.product-counter input::-webkit-outer-spin-button, .product-counter input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.product-counter__sub, .product-counter__add {
  cursor: pointer;
  position: relative;
}
.product-counter__sub::before, .product-counter__sub::after, .product-counter__add::before, .product-counter__add::after {
  content: "";
  position: absolute;
  width: 0.625rem;
  height: 0.625rem;
  background-size: 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.product-counter__sub::before, .product-counter__add::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='2' viewBox='0 0 10 2' fill='none'%3E%3Cpath d='M10 1H0' stroke='%231E2123' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
}
.product-counter__add::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10' fill='none'%3E%3Cpath d='M5 0V10' stroke='%231E2123' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
}
.product-counter__sub, .product-counter__add, .product-counter__input, .product-counter input {
  display: flex;
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  margin: 0;
  border: 1px solid #D9D9D9;
  border-radius: 0;
  color: #1E2123;
  font-size: 1rem;
  font-weight: 300;
  background: #fff;
  justify-content: center;
  align-items: center;
  text-align: center;
}
@media (max-width: 819.98px) {
  .product-counter__sub, .product-counter__add, .product-counter__input, .product-counter input {
    width: 2rem;
    height: 2rem;
    font-size: 0.8125rem;
  }
}
.product-counter__sub, .product-counter__input, .product-counter input {
  margin-right: 0.25rem;
}

.product-rest-count {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  font-size: 0.8125rem;
  color: #6F6F6F;
  line-height: 140%;
}
@media (max-width: 819.98px) {
  .product-rest-count {
    position: static;
    transform: none;
    margin-bottom: 0.75rem;
  }
}

.swiper.similar-products .product.grid_item-4 {
  width: 100%;
  margin-bottom: 0;
}

.swiper.related-products .product.grid_item-4 {
  width: 100%;
  margin-bottom: 0;
}

.product_link-img {
  display: block;
  background-color: #FFFFFF;
  width: 100%;
  position: relative;
  flex-grow: 1;
  flex-shrink: 0;
}

.product_link-img:hover + .product_info > .product_info_title {
  opacity: 0.5;
}

.product__bg {
  display: block;
  width: 100%;
  height: auto;
}

.product__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
}

.product_info {
  display: flex;
  width: 100%;
  min-height: 44px;
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: 0.5rem;
  margin-top: 0.5rem;
}
@media (max-width: 819.98px) {
  .product_info {
    padding-bottom: 0.25rem;
  }
}

.product_info_title {
  width: 100%;
  height: 70px;
  color: inherit;
  overflow: hidden;
}

.product_info_title--trunk {
  display: block; /* Fallback for non-webkit */
  height: 2.8rem; /* Fallback for non-webkit */
  font-size: 1rem;
  line-height: 140%;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media (max-width: 819.98px) {
  .product_info_title--trunk {
    font-size: 0.8125rem;
    height: 2.275rem; /* Fallback for non-webkit */
  }
}

.product .product_info_price {
  margin-top: 0.5rem;
}

.product_info_price {
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  font-size: 1rem;
}
@media (max-width: 819.98px) {
  .product_info_price {
    font-size: 0.8125rem;
    margin-top: 0.25rem;
  }
}

@media (max-width: 819.98px) {
  .products .product_info_price {
    font-size: 0.8125rem;
  }
}

.product__price_current {
  white-space: nowrap;
  line-height: 140%;
}

.product__price_before {
  line-height: 140%;
  font-family: "Lab Grotesque", "Roboto", "Helvetica Neue", sans-serif;
  text-decoration: line-through;
  white-space: nowrap;
  margin-left: 0.5rem;
}

.product_brand {
  display: block;
  color: inherit;
  font-style: italic;
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 820.98px) {
  .product-index-wrap {
    order: -2;
  }
}

.product-index-wrap > * {
  margin-bottom: 1.6rem;
}
@media (max-width: 820.98px) {
  .product-index-wrap > * {
    margin-bottom: 1rem;
  }
}
.product-index-wrap > *:last-child {
  margin-bottom: 0;
}

.js-recalc-price-block {
  position: relative;
}
.js-recalc-price-block.is--disable {
  opacity: 0.7;
}
.js-recalc-price-block.is--disable:before {
  content: " ";
  position: absolute;
  display: block;
  cursor: default;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.75) url("/assets/spinner-106772ef.svg") center no-repeat;
}

.product-order-form {
  display: flex;
}
.product-order-form__label {
  display: block;
  font-size: 0.8125rem;
  font-weight: inherit;
  color: #555454;
  margin: 0 0 0.5rem 0;
  padding: 0;
}
@media (max-width: 819.98px) {
  .product-order-form__label {
    color: #898989;
  }
}

.product-order-form > * {
  margin-right: 1rem;
}
@media (max-width: 820.98px) {
  .product-order-form > * {
    margin-right: 0.75rem;
  }
}
.product-order-form > *:last-child {
  margin-right: 0;
}

.product-order-wrap {
  display: flex;
  justify-content: space-between;
}
.product-order-wrap .product_info_price {
  margin-right: 1rem;
  font-size: 1.375rem;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0.054rem;
}
@media (max-width: 820.98px) {
  .product-order-wrap .product_info_price {
    font-size: 0.8125rem;
  }
}
.product-order-wrap .product-actions {
  width: 14.6875rem;
  margin-left: auto;
}
@media (max-width: 820.98px) {
  .product-order-wrap .product-actions {
    width: 100%;
  }
  .product-order-wrap .product-actions .btn {
    margin-left: 0.7rem;
  }
}
@media (max-width: 820.98px) {
  .product-order-wrap {
    display: block;
  }
  .product-order-wrap .product_info_price {
    margin-right: 0;
    margin-bottom: 0.7rem;
  }
}

@media (min-width: 320px) {
  .qwick-bay .breadcrumbs {
    display: none;
  }
}
@media (max-width: 819.98px) {
  .qwick-bay .breadcrumbs {
    display: block;
    justify-content: left;
    margin: 0 0 0.5rem;
  }
}
.qwick-bay .product-card__actions .btn--like {
  height: 36px;
  width: 32px;
}
.qwick-bay .product_info_price {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-right: 0;
}
@media (max-width: 819.98px) {
  .qwick-bay .product_info_price {
    font-size: 0.8125rem;
    flex-direction: column;
  }
}
.qwick-bay .product-card {
  flex-wrap: nowrap;
  width: 100%;
}
.qwick-bay .product-card > * {
  margin-right: 1rem;
}
.qwick-bay .product-card > *:last-child {
  margin-right: 0;
}
@media (max-width: 819.98px) {
  .qwick-bay .product-card {
    flex-direction: column;
  }
  .qwick-bay .product-card > * {
    margin-right: 0;
  }
}
.qwick-bay .product-card_slider {
  width: 100%;
}
.qwick-bay .product-card_info {
  width: 100%;
  max-width: 29.5rem;
}
@media (max-width: 819.98px) {
  .qwick-bay .product-card_info {
    max-width: 100%;
  }
}
.qwick-bay .product-card_info_title.qwick-bay__title {
  display: block;
  margin: 0 0 1.5rem;
}
@media (max-width: 819.98px) {
  .qwick-bay__description {
    display: none;
  }
}
.qwick-bay__price {
  display: flex;
  font-weight: 300;
  margin-bottom: 0.75rem;
}
.qwick-bay .product-card__actions.qwick-bay__controls {
  display: flex;
  flex-direction: column;
}
.qwick-bay__buttons {
  display: flex;
}
.qwick-bay__link {
  display: inline-block;
  letter-spacing: 0;
  font-size: 1rem;
  font-weight: 300;
  line-height: 140%;
  margin: 0.75rem 0 0;
  text-align: left;
  cursor: pointer;
}
@media (max-width: 819.98px) {
  .qwick-bay__link {
    text-align: left;
  }
}

.product-settings {
  display: flex;
  flex-direction: column;
}
@media (max-width: 819.98px) {
  .product-settings {
    font-size: 0.8125rem;
  }
}
.product-settings__item {
  margin-bottom: 1rem;
  border-bottom: 1px solid #D9D9D9;
}
.product-settings__item:last-child {
  margin-bottom: 0;
}
.product-settings__title {
  margin-bottom: 0.75rem;
}
.product-settings__info {
  margin-bottom: 0.75rem;
  color: #6F6F6F;
}

.label-products {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  top: 0.5rem;
  left: 0.5rem;
  color: #FFFFFF;
  font-family: "Lab Grotesque", "Roboto", "Helvetica Neue", sans-serif;
  font-weight: 400;
  letter-spacing: 2px;
  font-size: 11px;
  line-height: 130%;
  text-transform: uppercase;
}

.label-products_item {
  color: inherit;
  display: block;
  padding: 4px 5px;
  width: max-content;
  text-align: center;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}
.label-products_item:last-child {
  margin-right: 0;
}
.label-products_item:hover, .label-products_item:focus, .label-products_item:active {
  color: inherit;
}

.label-products_item_space {
  display: none;
}

.good-comment {
  margin-bottom: 30px;
  width: 100%;
}

@media (max-width: 820.98px) {
  .vanilla-zoom-pointer {
    display: none;
  }
}

/* End my mixins */
.sale-banner-wrapper {
  background-color: #018360;
  margin: 0;
}

.sale-banner {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 10px 0;
}
.sale-banner__text {
  flex: 1;
  text-align: center;
  padding: 0 0.5rem 0 0;
  margin: 0;
  font-weight: 400;
  font-size: 1rem;
  line-height: 18px;
  color: #FFFFFF;
}
@media (max-width: 819.98px) {
  .sale-banner__text {
    font-size: 0.8125rem;
  }
}

/* End my mixins */
.sale-banner-wrapper + #bp_ribbon {
  margin-top: 0.375rem;
}

.bonus-points-ribbon-wrapper {
  background-color: #D9D9D9;
  margin: 0;
}

.bonus-points-ribbon {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 10px 0;
}

.bonus-points-ribbon a {
  color: #6F6F6F;
  text-decoration: underline;
}

.bonus-points-ribbon__text {
  flex: 1;
  text-align: center;
  padding: 0 0.5rem 0 0;
  margin: 0;
  font-weight: 400;
  font-size: 1rem;
  line-height: 18px;
  color: #6F6F6F;
}
@media (max-width: 819.98px) {
  .bonus-points-ribbon__text {
    font-size: 0.8125rem;
  }
}

.bonus-points-ribbon__close {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
  transition: opacity 0.2s;
}

.bonus-points-ribbon__close:hover {
  opacity: 0.5;
}

/* End my mixins */
.breadcrumbs {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 1.5rem auto 0.875rem;
}
@media (max-width: 819.98px) {
  .breadcrumbs {
    justify-content: start;
  }
}

.breadcrumbs_item {
  position: relative;
}
.breadcrumbs_item + .breadcrumbs_item {
  margin-left: 16px;
}
.breadcrumbs_item + .breadcrumbs_item::before {
  content: "/";
  display: block;
  position: absolute;
  top: 0;
  left: -10px;
}
@media (max-width: 820.98px) {
  .breadcrumbs_item {
    display: none;
  }
}

.breadcrumbs_item, .breadcrumbs__link {
  font-size: 12px;
  line-height: 140%;
  color: #6F6F6F;
  font-family: "Lab Grotesque", "Roboto", "Helvetica Neue", sans-serif;
}

.breadcrumbs_mobile {
  display: none;
  padding-left: 1rem;
  font-size: 0.8125rem;
  line-height: 140%;
  color: #6F6F6F;
  text-transform: lowercase;
}
.breadcrumbs_mobile::first-letter {
  text-transform: uppercase;
}
.breadcrumbs_mobile::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 0.5rem;
  height: 0.75rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDggMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik03IDAuOTk5OTk5TDEgNi41MDAwMUw3IDEyIiBzdHJva2U9IiM2RjZGNkYiLz4KPC9zdmc+Cg==);
}
@media (max-width: 819.98px) {
  .breadcrumbs_mobile {
    display: block;
  }
}

/* End my mixins */
@media (max-width: 980px) {
  .cloud-wrapper {
    padding-left: 0;
  }
}

.tag-cloud {
  width: 100%;
}
@media (max-width: 819.98px) {
  .tag-cloud {
    overflow-x: scroll;
    padding: 0.3rem 0;
  }
}
.tag-cloud__list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  font-family: Lab Grotesque;
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 100%;
}
@media (max-width: 819.98px) {
  .tag-cloud__list {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
}
.tag-cloud__item {
  display: inline-block;
  margin-right: 1rem;
  min-height: 1.6875rem;
}
@media (max-width: 979.98px) {
  .tag-cloud__item {
    min-height: 26px;
    font-size: 13px;
  }
}
.tag-cloud__item:last-child {
  margin-right: 0;
}
.tag-cloud__item_active {
  color: #1E2123;
  white-space: nowrap;
}
.tag-cloud__link {
  color: #6F6F6F;
  font-weight: 300;
}
.tag-cloud__link:hover {
  color: #1E2123;
}
.tag-cloud__link:focus {
  color: #1E2123;
}
@media (max-width: 819.98px) {
  .tag-cloud__link {
    white-space: nowrap;
  }
}

/* End my mixins */
.share-social__wrapper {
  display: flex;
  justify-content: left;
}

.share-social__title {
  font-size: 0.8125rem;
  line-height: 140%;
  margin: 0 1rem 1rem 0;
  color: #6F6F6F;
}
@media (max-width: 1024.98px) {
  .share-social__title {
    margin-bottom: 0.5rem;
  }
}

.share-social .ya-share2__list {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  color: #6F6F6F;
}

@media (max-width: 639.98px) {
  .share-social .ya-share2__item {
    margin-bottom: 16px;
  }
}

.share-social .ya-share2__item::before {
  display: none;
}

.share-social .ya-share2__link {
  display: block;
  width: 2.2rem;
  height: 2.2rem;
  margin-left: 0;
  margin-right: 0.5rem;
  font-size: 0;
  position: relative;
}
.share-social .ya-share2__link::before {
  content: "";
  display: block;
  cursor: pointer;
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  background-position: 50%;
  background-repeat: no-repeat;
}

.ya-share2__item_service_vkontakte .ya-share2__link::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCAyOCAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yNy4zNTUzIDAuOTkxNjY3QzI3LjU1MjMgMC40MDgzMzMgMjcuMzU1MyAwIDI2LjQzNjIgMEgyMy4zNzI0QzIyLjU4NDYgMCAyMi4yMzQ0IDAuMzY5NDQ0IDIyLjAzNzQgMC43Nzc3NzhDMjIuMDM3NCAwLjc3Nzc3OCAyMC40ODM3IDQuMTYxMTEgMTguMjczNCA2LjMzODg5QzE3LjU1MTIgNi45ODA1NiAxNy4yNDQ4IDcuMTc1IDE2Ljg1MDkgNy4xNzVDMTYuNjUzOSA3LjE3NSAxNi4zNjk0IDYuOTgwNTYgMTYuMzY5NCA2LjM5NzIyVjAuOTkxNjY3QzE2LjM2OTQgMC4yOTE2NjcgMTYuMTUwNiAwIDE1LjQ5NDEgMEgxMC42Nzk1QzEwLjE5ODEgMCA5Ljg5MTY4IDAuMzMwNTU2IDkuODkxNjggMC42MjIyMjJDOS44OTE2OCAxLjI4MzMzIDEwLjk4NTkgMS40Mzg4OSAxMS4xMTcyIDMuMjY2NjdWNy4yNzIyMkMxMS4xMTcyIDguMTQ3MjIgMTAuOTQyMSA4LjMwMjc4IDEwLjU0ODIgOC4zMDI3OEM5LjUxOTY1IDguMzAyNzggNi45ODEwOCA0LjkxOTQ1IDUuNDkyOTUgMS4wMzA1NkM1LjE4NjU3IDAuMzExMTExIDQuOTAyMDcgMCA0LjExNDI0IDBIMS4wNTA0NEMwLjE3NTA3NCAwIDAgMC4zNjk0NDQgMCAwLjc3Nzc3OEMwIDEuNDk3MjIgMS4wMjg1NiA1LjA3NSA0LjgzNjQyIDkuOEM3LjM3NDk5IDEzLjAyNzggMTAuOTQyMSAxNC43Nzc4IDE0LjE4MSAxNC43Nzc4QzE2LjEyODcgMTQuNzc3OCAxNi4zNjk0IDE0LjM4ODkgMTYuMzY5NCAxMy43Mjc4VjExLjI3NzhDMTYuMzY5NCAxMC41IDE2LjU0NDUgMTAuMzQ0NCAxNy4xNzkxIDEwLjM0NDRDMTcuNjM4NyAxMC4zNDQ0IDE4LjQwNDcgMTAuNTM4OSAyMC4yMjExIDEyLjA5NDRDMjIuMzAwMSAxMy45NDE3IDIyLjY1MDIgMTQuNzc3OCAyMy44MTAxIDE0Ljc3NzhIMjYuODczOUMyNy43NDkyIDE0Ljc3NzggMjguMTg2OSAxNC4zODg5IDI3LjkyNDMgMTMuNjMwNkMyNy42Mzk4IDEyLjg3MjIgMjYuNjU1IDExLjc2MzkgMjUuMzQyIDEwLjQ0MTdDMjQuNjE5OCA5LjY4MzMzIDIzLjU0NzUgOC44ODYxMSAyMy4yNDExIDguNDc3NzhDMjIuNzgxNSA3Ljk1Mjc4IDIyLjkxMjggNy43MTk0NSAyMy4yNDExIDcuMjcyMjJDMjMuMjQxMSA3LjI1Mjc4IDI2Ljk4MzMgMi41ODYxMSAyNy4zNTUzIDAuOTkxNjY3WiIgZmlsbD0iI0Q5RDlEOSIvPgo8L3N2Zz4K);
}

.ya-share2__item_service_odnoklassniki .ya-share2__link::before {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIiA/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHZlcnNpb249IjEuMSIgd2lkdGg9IjE1IiBoZWlnaHQ9IjI1IiB2aWV3Qm94PSIwIDAgMTUgMjUiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8ZGVzYz5DcmVhdGVkIHdpdGggRmFicmljLmpzIDMuNi4zPC9kZXNjPgo8ZGVmcz4KPC9kZWZzPgo8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDcuNzMgNi40NikiICA+CjxwYXRoIHN0eWxlPSJzdHJva2U6IG5vbmU7IHN0cm9rZS13aWR0aDogMTsgc3Ryb2tlLWRhc2hhcnJheTogbm9uZTsgc3Ryb2tlLWxpbmVjYXA6IGJ1dHQ7IHN0cm9rZS1kYXNob2Zmc2V0OiAwOyBzdHJva2UtbGluZWpvaW46IG1pdGVyOyBzdHJva2UtbWl0ZXJsaW1pdDogNDsgZmlsbDogcmdiKDIxNywyMTcsMjE3KTsgZmlsbC1ydWxlOiBub256ZXJvOyBvcGFjaXR5OiAxOyIgIHRyYW5zZm9ybT0iIHRyYW5zbGF0ZSgtNy4xLCAtNS45NikiIGQ9Ik0gNy4xMDMyNyAwIEMgMy42NjIyMiAwIDAuODc2OTUzIDIuNjY2MDUgMC44NzY5NTMgNS45NTk4MyBDIDAuODc2OTUzIDkuMjUzNiAzLjY2MjIyIDExLjkxOTcgNy4xMDMyNyAxMS45MTk3IEMgMTAuNTQ0MyAxMS45MTk3IDEzLjMyOTYgOS4yNTM2IDEzLjMyOTYgNS45NTk4MyBDIDEzLjMyOTYgMi42NjYwNSAxMC41NDQzIDAgNy4xMDMyNyAwIFogTSA3LjEwMzI3IDguNDI4NCBDIDUuNjgxMTYgOC40Mjg0IDQuNTMxNjkgNy4zMjgxMiA0LjUzMTY5IDUuOTY2ODggQyA0LjUzMTY5IDQuNjA1NjQgNS42ODExNiAzLjUwNTM3IDcuMTAzMjcgMy41MDUzNyBDIDguNTI1MzcgMy41MDUzNyA5LjY3NDg1IDQuNjA1NjQgOS42NzQ4NSA1Ljk2Njg4IEMgOS42NzQ4NSA3LjMyODEyIDguNTI1MzcgOC40Mjg0IDcuMTAzMjcgOC40Mjg0IFoiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgLz4KPC9nPgo8ZyB0cmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAxIDcuNSAxNy45NSkiICA+CjxwYXRoIHN0eWxlPSJzdHJva2U6IG5vbmU7IHN0cm9rZS13aWR0aDogMTsgc3Ryb2tlLWRhc2hhcnJheTogbm9uZTsgc3Ryb2tlLWxpbmVjYXA6IGJ1dHQ7IHN0cm9rZS1kYXNob2Zmc2V0OiAwOyBzdHJva2UtbGluZWpvaW46IG1pdGVyOyBzdHJva2UtbWl0ZXJsaW1pdDogNDsgZmlsbDogcmdiKDIxNywyMTcsMjE3KTsgZmlsbC1ydWxlOiBub256ZXJvOyBvcGFjaXR5OiAxOyIgIHRyYW5zZm9ybT0iIHRyYW5zbGF0ZSgtNywgLTUuNTUpIiBkPSJNIDkuMjk4NjkgNC42NjYzIEMgMTEuNzg5MiA0LjE3OTY0IDEzLjI4NSAzLjA1MTE1IDEzLjM2NjEgMi45ODc2NyBDIDE0LjA5NTUgMi40MzA0OCAxNC4yMTM0IDEuNDA3NzkgMTMuNjMxMyAwLjcwOTUzNCBDIDEzLjA0OTIgMC4wMTEyODIzIDExLjk4MDggLTAuMTAxNTY3IDExLjI1MTMgMC40NTU2MjQgQyAxMS4yMzY2IDAuNDY5NzMgOS42NDUgMS42NDA1NCA3LjAyMTg1IDEuNjQwNTQgQyA0LjM5ODY5IDEuNjQwNTQgMi43NzAyNyAwLjQ2OTczIDIuNzU1NTMgMC40NTU2MjQgQyAyLjAyNjA2IC0wLjEwMTU2NyAwLjk1NzYzNSAwLjAxMTI4MjMgMC4zNzU1MjkgMC43MDk1MzQgQyAtMC4yMDY1NzYgMS40MDc3OSAtMC4wODg2ODEgMi40MzA0OCAwLjY0MDc5MyAyLjk4NzY3IEMgMC43MjE4NDUgMy4wNTExNSAyLjI3NjU4IDQuMjA3ODUgNC44NDA3OSA0LjY4MDQgTCAxLjI2NzExIDguMjU2MyBDIDAuNjE4Njg3IDguODk4MTMgMC42NDA3OTMgOS45Mjc4NyAxLjMxMTMyIDEwLjU0ODUgQyAxLjY0MjkgMTAuODUxOCAyLjA2MjkgMTAuOTk5OSAyLjQ4MjkgMTAuOTk5OSBDIDIuOTI1IDEwLjk5OTkgMy4zNjcxMSAxMC44MzA3IDMuNjk4NjkgMTAuNTA2MiBMIDcuMDE0NDggNy4xMjA3NiBMIDEwLjY2OTIgMTAuNTI3NCBDIDExLjMzMjQgMTEuMTYyMiAxMi40MDA4IDExLjE2MjIgMTMuMDY0IDEwLjUyNzQgQyAxMy43MjcxIDkuODkyNjEgMTMuNzI3MSA4Ljg2OTkyIDEzLjA2NCA4LjIzNTE0IEwgOS4yOTg2OSA0LjY2NjMgWiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAvPgo8L2c+Cjwvc3ZnPg==);
}

.ya-share2__item_service_twitter .ya-share2__link::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyMiAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuOTE2OCAxOEMxNS4yMTUyIDE4IDE5Ljc1NiAxMS4wNjk0IDE5Ljc1NiA1LjA2OTM1QzE5Ljc1NiA0Ljg3NDM3IDE5Ljc1NiA0LjY3OTM5IDE5Ljc0NzIgNC40ODQ0MkMyMC42MjcyIDMuODM3NDQgMjEuMzkyOCAzLjAzOTggMjIgMi4xMzU4MUMyMS4xNzI4IDIuNDk5MTggMjAuMzAxNiAyLjc0NzMzIDE5LjQwNCAyLjg1MzY4QzIwLjM0NTYgMi4yODY0NyAyMS4wNDk2IDEuMzkxMzQgMjEuMzg0IDAuMzM2NjgyQzIwLjQ5NTIgMC44Njg0NDMgMTkuNTI3MiAxLjI0MDY4IDE4LjUxNTIgMS40MzU2NUMxNi44MDggLTAuMzk4OTIgMTMuOTQ4IC0wLjQ4NzU0NyAxMi4xMjY0IDEuMjQwNjhDMTAuOTU2IDIuMzQ4NTEgMTAuNDU0NCA0LjAwNTgzIDEwLjgyNCA1LjU4MzM5QzcuMjA3MiA1LjM5NzI3IDMuODE5MiAzLjY2OTA1IDEuNTMxMiAwLjgzMjk5MkMwLjMzNDQgMi45MDY4NiAwLjk0MTYgNS41NjU2NiAyLjkzMDQgNi44OTUwNkMyLjIwODggNi44NzczNCAxLjUxMzYgNi42ODIzNiAwLjg4IDYuMzI3ODVDMC44OCA2LjM0NTU4IDAuODggNi4zNjMzIDAuODggNi4zODEwM0MwLjg4IDguNTQzNTIgMi4zOTM2IDEwLjQwNDcgNC41MDU2IDEwLjgzOUMzLjgzNjggMTEuMDI1MSAzLjE0MTYgMTEuMDUxNyAyLjQ2NCAxMC45MTg3QzMuMDUzNiAxMi43NzEgNC43NTIgMTQuMDM4NCA2LjY3OTIgMTQuMDczOEM1LjA3NzYgMTUuMzQxMiAzLjEwNjQgMTYuMDIzNiAxLjA3MzYgMTYuMDIzNkMwLjcxMjggMTYuMDIzNiAwLjM1MiAxNS45OTcgMCAxNS45NjE2QzIuMDY4IDE3LjI5OTggNC40NjE2IDE4IDYuOTE2OCAxOFoiIGZpbGw9IiNEOUQ5RDkiLz4KPC9zdmc+Cg==);
}

.ya-share2__item_service_facebook .ya-share2__link::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMyAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyLjMzMzcgMTEuMDY2QzIyLjMzMzcgNS4wNDU4NCAxNy40ODQxIDAuMTY2Njg3IDExLjUwMDMgMC4xNjY2ODdDNS41MTY2IDAuMTY2Njg3IDAuNjY2OTkyIDUuMDQ1ODQgMC42NjY5OTIgMTEuMDY2QzAuNjY2OTkyIDE2LjUwNzIgNC42Mjc5MyAyMS4wMTU5IDkuODA3NjIgMjEuODMzNFYxNC4yMTY2SDcuMDU2OTdWMTEuMDY2SDkuODA3NjJWOC42NjQ3NUM5LjgwNzYyIDUuOTMzNTQgMTEuNDI0MiA0LjQyNDI0IDEzLjg5OTcgNC40MjQyNEMxNS4wODQ2IDQuNDI0MjQgMTYuMzI0NSA0LjYzNzExIDE2LjMyNDUgNC42MzcxMVY3LjMxOTM3SDE0Ljk1NzdDMTMuNjEyIDcuMzE5MzcgMTMuMTkzIDguMTYwMjQgMTMuMTkzIDkuMDIyMzlWMTEuMDY2SDE2LjE5NzZMMTUuNzE3MyAxNC4yMTY2SDEzLjE5M1YyMS44MzM0QzE4LjM3MjcgMjEuMDE1OSAyMi4zMzM3IDE2LjUwNzIgMjIuMzMzNyAxMS4wNjZaIiBmaWxsPSIjRDlEOUQ5Ii8+Cjwvc3ZnPgo=);
}

/* End my mixins */
.order {
  max-width: 786px;
  background-color: #F2F2F2;
  padding: 0 24px;
  margin-bottom: 43px;
}

.order_title {
  margin-top: 2.25rem;
}

.order_item {
  display: flex;
  position: relative;
  padding: 24px 0 0 0;
}
@media (max-width: 639.98px) {
  .order_item {
    display: block;
  }
}
.order_item:last-child {
  border-bottom: none;
}

.order_item:last-child {
  padding-bottom: 24px;
}

.order_item_box-img {
  max-width: 220px;
  width: 100%;
  margin-right: 16px;
  flex-shrink: 0;
}
@media (max-width: 639.98px) {
  .order_item_box-img {
    margin-right: 0;
    margin-bottom: 24px;
    padding-right: 20px;
  }
}

.order_item__img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
}

.order_item_box-content {
  padding-right: 30px;
}

.order_item__title {
  margin-bottom: 13px;
}

.order_item__price {
  font-size: 32px;
  line-height: 46px;
}

.order_item__discounted-price {
  font-size: 32px;
  line-height: 46px;
}

.order_item_delete {
  position: absolute;
  width: 18px;
  height: 18px;
  border: none;
  background-color: transparent;
  top: 45px;
  right: 0;
}
.order_item_delete::before, .order_item_delete::after {
  content: "";
  position: absolute;
  display: block;
  height: 2px;
  width: 25.5px;
  background-color: #020202;
  top: 7px;
  left: -5px;
}
.order_item_delete::before {
  transform: rotate(45deg);
}
.order_item_delete::after {
  transform: rotate(-45deg);
}

.hidden {
  display: none;
}

.delivery-form {
  margin-bottom: 30px;
}

.delivery-info-text {
  margin-bottom: 30px;
  font: normal normal 12px/16px "Vaccine Sans", sans-serif;
  color: #333333;
  max-width: 450px;
}

.form-order_left .radio-box + .delivery-info-text {
  margin-bottom: 50px;
}

.wide-textarea {
  resize: none;
  height: 150px;
}

.order_item__comment {
  font-size: 18px;
  margin-bottom: 10px;
}

.promocode-section {
  margin: 0.75rem 0;
}
.promocode-section .promocode-status {
  margin-top: 0.25rem;
}
.promocode-section .promocode-status.success {
  color: #018360;
}
.promocode-section .promocode-status.warning {
  color: #F2A561;
}

.bonus-points-section {
  margin: 0.75rem 0 2.25rem;
}
@media (max-width: 819.98px) {
  .bonus-points-section {
    margin-bottom: 1.75rem;
  }
}
.bonus-points-section .order-bonus-points {
  margin-top: 0.75rem;
}

@media (max-width: 639.98px) {
  .order-comment .wide-textarea {
    height: 72px;
  }
}

.order-promocode {
  display: flex;
  border-radius: 0.25rem;
  border: 1px solid #D9D9D9;
}
.order-promocode.hidden {
  display: none;
}
.order-promocode .right-button::before {
  content: "";
  display: block;
  width: 2.56rem;
  height: 100%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxNiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1IDAuOTE2NjI2TDYuODMzMzMgMTEuOTE2NkwxIDcuMjg1MDUiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
  background-color: #F2F2F2;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 819.98px) {
  .order-promocode .right-button::before {
    fill: #1E2123;
  }
}

@keyframes cross-out {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.crossed-out {
  display: inline-block;
  margin-right: 10px;
  position: relative;
  color: #CF1E27;
}

.crossed-out::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  background: #CF1E27;
  animation-name: cross-out;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}

/* End my mixins */
.custom-details summary {
  list-style: none;
  cursor: pointer;
  position: relative;
  padding-right: 1.5rem;
}
.custom-details summary::after {
  content: "";
  display: block;
  width: 1.25rem;
  height: 0.625rem;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='12' viewBox='0 0 22 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0.999998L11 11L21 1' stroke='%231E2123'/%3E%3C/svg%3E");
}
@media (max-width: 819.98px) {
  .custom-details summary::after {
    width: 0.75rem;
    height: 0.5rem;
  }
}

.custom-details.small-arrow summary::after {
  width: 0.6875rem;
  height: 0.375rem;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='9' viewBox='0 0 13 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6.5 7L12 1' stroke='%236F6F6F' stroke-width='2'/%3E%3C/svg%3E");
}

.custom-details[open] summary::after {
  transform: translateY(-50%) rotate(180deg);
}

/* End my mixins */
.custom-select-wrap {
  flex-grow: 1;
  width: 0;
}

.custom-select {
  position: relative;
  height: 2.25rem;
  color: #1E2123;
  font-size: 1rem;
  line-height: 140%;
}
@media (max-width: 819.98px) {
  .custom-select {
    height: 2rem;
    font-size: 0.8125rem;
  }
}

.custom-select select {
  display: none; /*hide original SELECT element:*/
}

.select-selected {
  height: 100%;
  padding: 0.375rem 2rem 0.375rem 0.75rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  border: 1px solid #D9D9D9;
  line-height: 140%;
  color: #1E2123;
}
.select-selected:hover:after, .select-selected:focus:after {
  border-top-color: #020202;
}
.select-selected:hover i, .select-selected:focus i {
  display: inline-block;
  vertical-align: middle;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  margin-right: 0.25rem;
  border: 1px solid #1E2123;
}
.select-selected.selectable .select-arrow-active {
  border: 1px solid #D9D9D9;
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/*style the arrow inside the select element:*/
.selectable .select-selected::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateX(-100%) translateY(-50%);
  width: 0.6875rem;
  height: 0.375rem;
  background: no-repeat center/100% url("data:image/svg+xml,%3Csvg width='13' height='9' viewBox='0 0 13 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6.5 7L12 1' stroke='%231E2123' stroke-width='1'/%3E%3C/svg%3E");
  /*point the arrow upwards when the select box is open (active):*/
}
.selectable .select-selected::before.select-arrow-active {
  transform: translateX(-100%) translateY(-50%) rotate(180deg);
}

/*style the items (options), including the selected item:*/
.select-items div,
.select-selected {
  cursor: pointer;
  user-select: none;
}

.select-items div {
  height: auto;
  padding: 0.75rem;
}
@media (max-width: 819.98px) {
  .select-items div {
    padding: 0.5rem 0.75rem;
  }
}

/*style items (options):*/
.selectable .select-items {
  position: absolute;
  background-color: #FFFFFF;
  border: 1px solid #D9D9D9;
  border-top: none;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 9;
  max-height: 300px;
  overflow-y: auto;
}
.selectable .select-items::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
.selectable .select-items::-webkit-scrollbar-button {
  background-color: #999;
}
.selectable .select-items::-webkit-scrollbar-track {
  background-color: #999;
}
.selectable .select-items::-webkit-scrollbar-track-piece {
  background-color: #F2F2F2;
  width: 1px;
}
.selectable .select-items::-webkit-scrollbar-thumb {
  height: 52px;
  background-color: #020202;
}
.selectable .select-items::-webkit-scrollbar-corner {
  background-color: #999;
}
.selectable .select-items::-webkit-resizer {
  background-color: #020202;
}

/*hide the items when the select box is closed:*/
.select-hide {
  display: none;
}

.select-items div:hover,
.same-as-selected {
  opacity: 0.5;
}

.sort-filter {
  display: none;
  position: absolute;
  z-index: 1;
  top: 2.25rem;
  right: 0;
}
@media (max-width: 819.98px) {
  .sort-filter_active {
    display: block;
  }
}
.sort-filter__select {
  border: 1px solid #D9D9D9;
  z-index: 1;
  overflow-y: hidden;
  min-height: 11.5rem;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
  padding: 0.75rem 1rem;
}
.sort-filter__select option {
  cursor: pointer;
  font-weight: 300;
  font-size: 13px;
  line-height: 1.125rem;
  color: #1E2123;
  margin: 0 0 0.8rem 0;
}
.sort-filter__select option:hover {
  opacity: 0.5;
}
.sort-filter__select option:checked, .sort-filter__select option:focus, .sort-filter__select option:active {
  background-color: #FFFFFF;
  color: #CF1E27;
}
.sort-filter__select option:checked:hover, .sort-filter__select option:focus:hover, .sort-filter__select option:active:hover {
  cursor: default;
  opacity: 1;
}

.product-parametr {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 40px;
}
@media (max-width: 419.98px) {
  .product-parametr {
    display: block;
  }
}

.product-parametr.product-parametr--basket {
  margin-bottom: 25px;
}
.product-parametr.product-parametr--basket > .product-parametr.product-parametr--basket {
  margin-bottom: 0;
}

.product-parametr.product-parametr--goods {
  margin-bottom: 24px;
  margin-top: 16px;
}

.product-parametr_item {
  margin-right: 36px;
  margin-bottom: 8px;
}

.product-parametr_item_label {
  font-size: 12px;
  line-height: 140%;
}

.custom-select.custom-select--basket {
  background-color: #FFFFFF;
  margin-right: 24px;
}

.mobile-select .custom-select {
  height: auto;
  position: static;
}
.mobile-select .select-selected {
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  border: 1px solid #D9D9D9;
  line-height: 140%;
  color: #FFFFFF;
  border: none;
  width: 0.8125rem;
  position: relative;
  margin: 0 1.25rem 0 0;
}
.mobile-select .select-selected::before {
  display: none;
}
.mobile-select .select-selected::after {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 13 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 1L9 10' stroke='black'/%3E%3Cpath d='M4 17L4 8' stroke='black'/%3E%3Cpath d='M6 4L9 1L12 4' stroke='black'/%3E%3Cpath d='M7 14L4 17L1 14' stroke='black'/%3E%3C/svg%3E%0A");
  z-index: 2;
  width: 0.6875rem;
  height: 1.125rem;
  background-color: #FFFFFF;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}
.mobile-select .active {
  display: block;
  color: #CF1E27;
}
.mobile-select .select-items {
  border: 1px solid #D9D9D9;
  padding: 0.75rem 1rem 0.75rem;
  width: 10.3125rem;
  position: absolute;
  left: unset;
  bottom: unset;
  top: 1.6875rem;
  right: 0;
}
.mobile-select .select-items div {
  padding: 0;
  margin-bottom: 0.5rem;
  text-align: left;
}
.mobile-select .select-items div:last-child {
  margin-bottom: 0;
}

/* End my mixins */
.input-number {
  border-radius: 10px;
  text-align: center;
}

.input-number_label {
  display: block;
  font-size: 16px;
  line-height: 23px;
}

.input-number_wrap {
  position: relative;
  width: 78px;
  display: flex;
  margin-right: auto;
  margin-left: auto;
}

.input-number__btn--down,
.input-number__btn--up {
  position: absolute;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: none;
  background-color: #D2C06D;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.2s ease-in;
  cursor: pointer;
}
.input-number__btn--down:hover,
.input-number__btn--up:hover {
  background-color: #020202;
}
.input-number__btn--down:focus,
.input-number__btn--up:focus {
  background-color: #020202;
  outline: none;
}
.input-number__btn--down::before,
.input-number__btn--up::before {
  content: "";
  height: 2px;
  width: 14px;
  display: block;
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #020202;
}
.input-number__btn--down:hover::before, .input-number__btn--down:hover::after, .input-number__btn--down:focus::before, .input-number__btn--down:focus::after,
.input-number__btn--up:hover::before,
.input-number__btn--up:hover::after,
.input-number__btn--up:focus::before,
.input-number__btn--up:focus::after {
  background-color: #FFFFFF;
}

.input-number__btn--down {
  left: -12px;
}

.input-number__btn--up {
  right: -12px;
}
.input-number__btn--up::after {
  content: "";
  height: 2px;
  width: 14px;
  display: block;
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translateX(-50%) rotate(90deg);
  background-color: #020202;
}

.input-number__input {
  padding: 7px 12px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  color: #020202;
  border: none !important;
  border-radius: 15px !important;
  text-align: center;
  font-size: 20px !important;
  height: 36px;
  width: 78px;
}

/* End my mixins */
.pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
}

.page > a,
.first > a,
.last > a {
  transition: color 0.2s;
  margin: 0 0.75rem;
}
.page > a:hover,
.first > a:hover,
.last > a:hover {
  opacity: 0.5;
}

.page.current {
  display: inline-block;
  margin: 0 0.75rem;
  font-size: 1rem;
  line-height: 140%;
  color: #1E2123;
  border-bottom: 1px solid #1E2123;
}

.next,
.prev {
  align-self: flex-start;
  display: inline-block;
}

.next {
  margin-left: 10px;
}

.prev {
  margin-right: 10px;
}

.next > a,
.prev > a {
  display: block;
  background: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.999998 13L7 7L0.999998 1' stroke='%231E2123'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: 0 49%;
  font-size: 0;
  width: 8px;
  height: 23px;
  transition: color 0.2s;
}
.next > a:hover,
.prev > a:hover {
  opacity: 0.5;
}

.prev > a {
  transform: rotate(180deg);
  background-position-y: 50%;
}

.invisible-pagination-link {
  opacity: 0;
  display: block;
  width: 0;
  height: 0;
  margin: 0 !important;
  padding: 0 !important;
}

/* End my mixins */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltip-text {
  visibility: hidden;
  width: max-content;
  max-width: 15rem;
  background-color: #F2F2F2;
  color: #020202;
  text-align: center;
  border-radius: 0.5rem 0.5rem 0.5rem 0;
  padding: 0.75rem;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  margin-left: 1rem;
  opacity: 0;
  transition: opacity 0.3s;
}
@media (max-width: 819.98px) {
  .tooltip .tooltip-text {
    padding: 0.4rem;
  }
}

.tooltip:hover .tooltip-text {
  visibility: visible;
  opacity: 1;
}

/* End my mixins */
.filter-accordion__header {
  position: relative;
  cursor: pointer;
}
.filter-accordion__header_dropped {
  cursor: default;
}

.filter-accordion__header.active + .filter-accordion__wrap {
  height: initial;
  max-height: 200px;
  padding: 3px 0 0;
  margin: 1rem 0.3125rem 0 0;
  overflow-y: auto;
}

.filter-accordion__header_dropped.active + .filter-accordion__wrap {
  max-height: 100%;
  padding-top: 1.75rem;
  margin: 0;
  border-top: 1px solid #D9D9D9;
}

.filter-accordion__header.active .filter-accordion__svg {
  transform: rotate(0);
}

.filter-accordion__wrap {
  height: 0;
  padding-bottom: 0;
  overflow-y: hidden;
}
.filter-accordion__wrap::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
.filter-accordion__wrap::-webkit-scrollbar-button {
  background-color: #999;
}
.filter-accordion__wrap::-webkit-scrollbar-track {
  background-color: #999;
}
.filter-accordion__wrap::-webkit-scrollbar-track-piece {
  background-color: #F2F2F2;
  width: 1px;
}
.filter-accordion__wrap::-webkit-scrollbar-thumb {
  height: 52px;
  background-color: #020202;
}
.filter-accordion__wrap::-webkit-scrollbar-corner {
  background-color: #999;
}
.filter-accordion__wrap::-webkit-resizer {
  background-color: #020202;
}

.filters-checkboxs-wrap {
  display: flex;
  flex-direction: column;
}
.filters-checkboxs-wrap.hidden {
  display: none;
}

.filter-accordion {
  margin: 0 0 28px 0;
  order: 100;
}
.filter-accordion.order-0 {
  order: 0;
}

.filter-accordion__title {
  padding-right: 5px;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 0.75rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #1E2123;
  background-color: #FFFFFF;
}
.filter-accordion__title::after {
  position: absolute;
  z-index: -1;
  bottom: 4px;
  right: 19px;
  left: 0;
  content: "";
  height: 1px;
  background-color: #D9D9D9;
}

.filter-accordion__svg {
  position: absolute;
  transition: transform 0.2s;
  top: 50%;
  right: 0;
  width: 12px;
  height: 6px;
  transform: rotate(180deg);
}

.check-boxes {
  position: relative;
  margin-bottom: 0.75rem;
}

.check-boxes__label {
  color: #6F6F6F;
  cursor: pointer;
  display: flex;
  align-items: flex-start;
  font-weight: 300;
  font-size: 1rem;
  line-height: 140%;
}
.check-boxes__label:hover {
  color: #1E2123;
}
@media (max-width: 819.98px) {
  .check-boxes__label {
    font-size: 0.8125rem;
  }
}

.check-boxes__custom {
  width: 12px;
  min-width: 12px;
  height: 12px;
  min-height: 12px;
  margin: 0.25rem 0.5rem 0 0;
  border: 1px solid #D9D9D9;
  position: relative;
}
@media (max-width: 819.98px) {
  .check-boxes__custom {
    margin-top: 2px;
  }
}
.check-boxes__custom::before {
  content: "";
  display: none;
  width: 6px;
  height: 6px;
  border: 1px solid #D9D9D9;
  background-color: #1E2123;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.check-boxes__custom_color {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 50%;
  border: none;
  margin: 0 0.5rem 0 0.1875rem;
}
.check-boxes__custom_color.border {
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
}
.check-boxes__custom_color::before {
  display: none;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.625rem;
  height: 1.625rem;
  border: 1px solid #1E2123;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background: transparent;
}

.check-boxes__input:checked ~ .check-boxes__label {
  color: #1E2123;
}
.check-boxes__input:checked ~ .check-boxes__label .border {
  border: none;
}

.check-boxes__input:checked ~ .check-boxes__label > .check-boxes__custom::before {
  display: block;
}

/* End my mixins */
.social {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: 1.25rem -0.75rem -1.25rem -0.75rem;
}
@media (max-width: 819.98px) {
  .social {
    justify-content: center;
  }
}

.social > * {
  margin: 0 0.75rem 1.25rem 0.75rem;
}

.social__link {
  display: block;
  max-width: 2.3rem;
  height: auto;
}

/* End my mixins */
.cookie-acceptance {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 999;
  margin: 0 1.25rem 1.25rem 0;
  max-width: 23rem;
  width: 100%;
  background-color: #FFFFFF;
}
@media (max-width: 819.98px) {
  .cookie-acceptance {
    margin-bottom: 2.5rem;
    margin-right: 0;
  }
}
@media (max-width: 22.98rem) {
  .cookie-acceptance {
    right: unset;
  }
}

.cookie-acceptance-container {
  margin: 0;
  padding: 1.25rem 3.75rem 1.25rem 1.25rem;
  font-size: 0.875rem;
}

.cookie-acceptance-close {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 14px;
  height: 14px;
  cursor: pointer;
  border: none;
  background-color: #FFFFFF;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.0039 1L1.00391 13' stroke='%23000' stroke-miterlimit='10'/%3E%3Cpath d='M12.9961 13L0.996094 1' stroke='%23000' stroke-miterlimit='10'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}

/* End my mixins */
#overlay {
  display: block;
  width: 0;
  height: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
}

.overlay_open {
  display: block;
}

.modal {
  background-color: #FFFFFF;
  max-width: 36.875rem;
  margin: 10.8125rem auto 0;
}
@media (max-width: 1199.98px) {
  .modal {
    max-width: 100%;
    margin: 0;
    height: 100vh;
  }
}
@media (max-width: 819.98px) {
  .modal {
    max-width: 100%;
    height: 100%;
    margin: 0;
  }
}
.modal__header {
  padding: 1.3125rem 0 1.3125rem 3.75rem;
  border-bottom: 1px solid #D9D9D9;
}
@media (max-width: 1199.98px) {
  .modal__header {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
  }
}
@media (max-width: 819.98px) {
  .modal__header {
    padding: 0;
    margin: 0 1rem 0;
  }
}
.modal__title {
  text-transform: uppercase;
  margin: 0;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 300;
  color: #1E2123;
}
@media (max-width: 639.98px) {
  .modal__title {
    text-align: left;
  }
}
@media (max-width: 819.98px) {
  .modal__title {
    font-weight: 400;
    letter-spacing: 0.02em;
    text-transform: none;
    text-align: left;
    font-size: 1rem;
  }
}
.modal__body {
  padding: 3.5rem 3.75rem 0;
  background-color: #FFFFFF;
}
@media (max-width: 1199.98px) {
  .modal__body {
    margin: 0 auto;
    max-width: 36.875rem;
    padding-top: 2rem;
  }
}
@media (max-width: 819.98px) {
  .modal__body {
    padding: 1.5rem 1rem 0;
  }
}
.modal__body .label {
  margin: 0.75rem 0 0.25rem;
}
.modal__form {
  padding-top: 2rem;
}
@media (max-width: 819.98px) {
  .modal__form {
    padding-top: 1rem;
  }
}
.modal__btn {
  margin-top: 1rem;
  padding: 0.625rem 0;
  width: 100%;
}
.modal__agreement {
  font-weight: normal;
  margin: 1rem 0 0;
  color: #898989;
  font-size: 0.8125rem;
  line-height: 1.1375rem;
}
@media (max-width: 819.98px) {
  .modal__agreement {
    margin-top: 1.5rem;
  }
}
.modal__agreement span {
  color: #1E2123;
  font-weight: 400;
}
.modal__message {
  font-size: 1rem;
  text-align: center;
}
.modal__message_error {
  color: #F2A561;
}
.modal__message_success {
  color: #74A65B;
}
.modal__social {
  max-width: 29.375rem;
  margin: 1.5rem auto 0;
  border-top: 1px solid #D9D9D9;
}

.modal-qwick-buy {
  max-width: 90rem;
  color: #1E2123;
  margin-bottom: 10.8125rem;
}
@media (max-width: 1199.98px) {
  .modal-qwick-buy {
    margin-bottom: 0;
  }
}
.modal-qwick-buy__body {
  padding: 2rem 3.75rem 3.75rem;
}
@media (max-width: 1199.98px) {
  .modal-qwick-buy__body {
    padding: 2rem 2rem 7.5rem;
    max-width: 100%;
  }
}
@media (max-width: 819.98px) {
  .modal-qwick-buy__body {
    padding: 1.5rem 1rem 6.25rem;
  }
}

input.modal__sms-input {
  margin-top: 0.9375rem;
}

.modal-auth__tel-field {
  position: relative;
}
.modal-auth__btn {
  position: absolute;
  min-height: 2.25rem;
  right: 0;
  padding-right: 0.5rem;
  font-weight: 300;
  line-height: 140%;
  color: #1E2123;
}
@media (max-width: 480px) {
  .modal-auth__btn {
    font-size: 0.6rem;
  }
}

.modal-confirm {
  text-align: center;
}
.modal-confirm__text {
  font-size: 1rem;
  font-weight: 300;
  line-height: 140%;
  color: #1E2123;
  margin: 0.5rem 0 0;
}
.modal-confirm__timer {
  color: #1E2123;
  font-weight: inherit;
}
.modal-confirm__link {
  display: inline-block;
  cursor: pointer;
  font-size: 1rem;
  margin: 0.5rem 0 0;
  text-decoration: none;
  color: #1E2123;
  line-height: 140%;
  font-weight: 300;
  transition: opacity 0.2s;
}
.modal-confirm__link:hover {
  opacity: 0.5;
}
.modal-confirm__link.hidden {
  display: none;
}

input.modal-confirm__tel {
  padding-right: 9rem;
}
@media (max-width: 480px) {
  input.modal-confirm__tel {
    padding-right: 5.8rem;
  }
}
input.modal-confirm__tel:disabled {
  cursor: not-allowed;
}

.modal-social {
  padding: 0 0 4rem;
}
.modal-social__title {
  font-weight: normal;
  line-height: 1.1375rem;
  font-size: 0.8125rem;
  margin: 0;
  padding: 1rem 0 0;
  text-align: center;
  color: #020202;
}
.modal-social__icons {
  display: flex;
  justify-content: space-between;
  max-width: 8.875rem;
  margin: 0 auto;
  padding: 1rem 0 0;
}
.modal-social.hide-social {
  padding: 0;
  opacity: 0;
  height: 0;
}

.hide-social-btn {
  opacity: 0;
  height: 0;
  width: 0;
  position: absolute;
}

@media (max-width: 819.98px) {
  .modal-location {
    height: calc(100% - 61px);
  }
}
@media (min-width: 1200px) {
  .modal-location {
    max-width: 27.875rem;
  }
  .modal-location .modal__title {
    font-size: 1.5rem;
  }
}
.modal-location__title {
  margin-bottom: 1.5rem;
}
@media (max-width: 819.98px) {
  .modal-location__title {
    text-transform: none;
    margin-bottom: 1rem;
    font-weight: 400;
    font-size: 1rem;
    line-height: 21px;
    letter-spacing: 0.02em;
  }
}
@media (max-width: 819.98px) {
  .modal-location__input::placeholder {
    font-size: 0.8125rem;
    color: #898989;
    font-weight: 300;
  }
}
.modal-location__body {
  height: 100%;
  min-height: 22rem;
  max-height: calc(100vh - 96px);
  padding-bottom: 3.75rem;
}
@media (max-width: 819.98px) {
  .modal-location__body {
    padding-top: 1.5rem;
  }
}
.modal-location__list-wrapper_loading {
  position: relative;
  min-height: 8rem;
  opacity: 0.3;
}
.modal-location__list-wrapper_loading .cities-list__item {
  cursor: default;
}
.modal-location__list-wrapper_loading .cities-list__link {
  pointer-events: none;
}
.modal-location__list-wrapper_loading:before {
  content: "";
  position: absolute;
  display: block;
  cursor: default;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.75) url("/assets/spinner-106772ef.svg") center no-repeat;
}
.modal-location__cities-list {
  margin-top: 1.25rem;
  max-height: 18.75rem;
  overflow-y: auto;
}
@media (max-width: 1199.98px) {
  .modal-location__cities-list {
    max-height: 50vh;
  }
}
@media (max-width: 819.98px) {
  .modal-location__cities-list {
    max-height: 100%;
    margin-top: 0.75rem;
  }
}
@media (max-width: 639.98px) {
  .modal-location__cities-list {
    margin-top: 1.15rem;
  }
}

.cities-list::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
.cities-list::-webkit-scrollbar-button {
  background-color: #999;
}
.cities-list::-webkit-scrollbar-track {
  background-color: #999;
}
.cities-list::-webkit-scrollbar-track-piece {
  background-color: #F2F2F2;
  width: 1px;
}
.cities-list::-webkit-scrollbar-thumb {
  height: 52px;
  background-color: #020202;
}
.cities-list::-webkit-scrollbar-corner {
  background-color: #999;
}
.cities-list::-webkit-resizer {
  background-color: #020202;
}
.cities-list__item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  cursor: pointer;
  margin: 0 0 0.95rem;
}
.cities-list__item:last-child {
  margin: 0;
}
@media (max-width: 819.98px) {
  .cities-list__link {
    font-size: 0.8125rem;
  }
}
.cities-list__link_active {
  color: #CF1E27;
}
.cities-list__link_active::after {
  content: url("data:image/svg+xml; utf8, %3Csvg width='16' height='13' viewBox='0 0 16 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 1L6.83333 12L1 7.36842' stroke='%23CF1E27' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  position: absolute;
  right: 0.5rem;
}

.dropdown__btn {
  cursor: pointer;
  position: relative;
}
.dropdown__btn::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.6875rem;
  height: 0.375rem;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='9' viewBox='0 0 13 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6.5 7L12 1' stroke='%236F6F6F' stroke-width='2'/%3E%3C/svg%3E");
}

.dropdown__content {
  display: none;
}

.dropdown.is--active .dropdown__content {
  display: block;
}

.dropdown.is--active .dropdown__btn::before {
  transform: translateY(-50%) rotate(180deg);
}

/* End my mixins */
.js-undo {
  display: flex;
  align-items: center;
  width: 100%;
  line-height: 140%;
  font-size: 1rem;
}
@media (max-width: 639.98px) {
  .js-undo {
    font-size: 0.8125rem;
  }
}

.js-undo-item.hidden {
  display: none;
}

.js-undo__img {
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  margin-right: 1rem;
  object-fit: cover;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  overflow: hidden;
}
@media (max-width: 639.98px) {
  .js-undo__img {
    width: 2rem;
    height: 2rem;
    margin-right: 0.65rem;
  }
}

.js-undo__message {
  margin-left: 1rem;
}
@media (max-width: 639.98px) {
  .js-undo__message {
    margin-left: 0.5rem;
  }
}

.js-undo__btn {
  position: relative;
  display: flex;
  margin-left: auto;
  padding: 0;
  font-weight: 300;
  background-color: initial;
  border: 0;
  cursor: pointer;
}
.js-undo__btn::before {
  content: "";
  width: 1rem;
  height: 1rem;
  margin-right: 0.5rem;
  transform: translateY(15%);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.5 14.498L0.5 11.498L3.5 8.49805' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0.5 11.498H10.5C13.2614 11.498 15.5 9.25947 15.5 6.49805C15.5 3.73662 13.2614 1.49805 10.5 1.49805H6.5' stroke='black' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
@media (max-width: 639.98px) {
  .js-undo__btn::before {
    transform: translateY(10%);
  }
}
.js-undo__btn:hover {
  opacity: 0.5;
}

/* End my mixins */
.secondary-header {
  background-color: #F2F2F2;
}
@media (max-width: 819.98px) {
  .secondary-header {
    display: none;
  }
}
.secondary-header > .wrapper {
  display: flex;
  justify-content: space-between;
  padding-top: 0.6875rem;
  padding-bottom: 0.4375rem;
  color: #555454;
  font-weight: 300;
  font-size: 0.8125rem;
  line-height: 140%;
}
.secondary-header__city, .secondary-header__tel {
  margin: 0;
}
.secondary-header__link {
  color: #555454;
}

.city-is-first_wrapper {
  position: relative;
}

.city-is-first_wrap {
  position: absolute;
  z-index: 9;
  top: 100%;
  left: 100%;
  width: 13.35rem;
  height: 5.4375rem;
  background: #FAFAFA;
  border: 1px solid #FFFFFF;
  box-sizing: border-box;
  border-radius: 0 0.5rem 0.5rem 0.5rem;
  transition: opacity 0.2s ease;
  opacity: 1;
}
.city-is-first_wrap.is--hidden {
  opacity: 0;
  z-index: 0;
}
.city-is-first_wrap.is--hidden * {
  pointer-events: none;
}

.city-is-first__body {
  box-sizing: border-box;
  padding: 0.9rem 1.2rem;
}

.city-is-first___qwe {
  font-size: 0.8125rem;
  line-height: 140%;
  color: #6F6F6F;
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: 0.5rem;
  margin-bottom: 0.75rem;
}

.city-is-first___btns {
  display: flex;
  justify-content: space-between;
}

.city-is-first___btn {
  color: #1E2123;
  font-size: 0.8125rem;
  line-height: 140%;
  cursor: pointer;
}

.info-nav__list {
  display: flex;
}
.info-nav__item {
  margin-right: 1.5rem;
}
.info-nav__item:last-child {
  margin-right: 0;
}
.info-nav__link {
  color: #555454;
}

.header-wrapper {
  position: sticky;
  top: -1px;
  z-index: 4;
  background-color: #FFFFFF;
  border-bottom: 1px solid #D9D9D9;
  transition: top 0.5s;
}
@media (max-width: 819.98px) {
  .header-wrapper {
    border-bottom: none;
    top: -100px;
  }
}
@media (max-width: 819.98px) {
  .header-wrapper_top {
    top: -1px;
  }
}

.header {
  display: flex;
  justify-content: space-between;
  padding-top: 1.375rem;
  padding-bottom: 1.3125rem;
  font-family: "Lab Grotesque", "Roboto", "Helvetica Neue", sans-serif;
  background-color: #FFFFFF;
}
@media (max-width: 819.98px) {
  .header {
    margin: 0 1rem;
    position: static;
    padding: 0.9375rem 0 1rem;
    border-bottom: 1px solid #D9D9D9;
  }
}
.header__logo {
  position: relative;
}
.header__logo-img {
  max-width: 3.5625rem;
}
@media (max-width: 819.98px) {
  .header__logo-img {
    max-width: 2.125rem;
  }
}
.header__hamburger {
  display: none;
  width: 100%;
  align-items: center;
  padding-left: 3.5rem;
}
@media (max-width: 1199.98px) {
  .header__hamburger {
    display: flex;
  }
}
@media (max-width: 819.98px) {
  .header__hamburger {
    padding: 0;
    justify-content: flex-end;
  }
}
.header__subtitle {
  position: absolute;
  top: calc(50% - 0.4rem);
  right: -7.375rem;
  font-size: 0.8125rem;
  color: #1E2123;
  line-height: 100%;
  transition: opacity 0.2s;
}
@media (max-width: 1549.98px) {
  .header__subtitle {
    display: none;
  }
}
@media (max-width: 819.98px) {
  .header__subtitle {
    display: block;
    right: -145px;
  }
}
.header_sticky .header__subtitle {
  opacity: 0;
}
@media (max-width: 819.98px) {
  .header_sticky .header__subtitle {
    opacity: 1;
  }
}
@media (max-width: 819.98px) {
  .header .user-controls {
    display: none;
  }
}

.hamburger__button {
  font-size: 1rem;
  line-height: 140%;
  padding: 0 0 0 2rem;
  min-height: auto;
  background: url("data:image/svg+xml,%3Csvg width='20' height='14' viewBox='0 0 20 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.5' width='20' height='1' fill='%231E2123'/%3E%3Crect y='6.5' width='20' height='1' fill='%231E2123'/%3E%3Crect y='12.5' width='20' height='1' fill='%231E2123'/%3E%3C/svg%3E%0A") no-repeat center left 0.4375rem/1rem;
  background-position: 0 0.3rem;
}
@media (max-width: 819.98px) {
  .hamburger__button {
    min-height: 28px;
    min-width: 23px;
    padding: 0;
    background-position: 0.3rem 0.4rem;
  }
}
.hamburger__button > span {
  font-weight: 300;
}
@media (max-width: 819.98px) {
  .hamburger__button > span {
    display: none;
  }
}

@media (max-width: 1199.98px) {
  .header-nav {
    display: none;
  }
}
.header-nav__list {
  display: flex;
  align-items: center;
  margin-left: 3.75rem;
  height: 100%;
}
@media (max-width: 1549.98px) {
  .header-nav__list {
    margin-left: 0;
  }
}
.header-nav__item {
  margin-right: 2.25rem;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.header-nav__item:last-child {
  margin-right: 0;
}
.header-nav__link::after {
  display: none;
  content: "";
  height: 1px;
  background: #1E2123;
  position: absolute;
  bottom: -1.375rem;
  right: 0;
  width: 100%;
}
.header-nav__link_active::after {
  display: block;
}
.header-nav__link_accent {
  color: #CF1E27;
}
.header-nav__link_accent:hover, .header-nav__link_accent:focus {
  color: #CF1E27;
}

/* End my mixins */
.footer {
  font-size: 1rem;
}
@media (max-width: 1024.98px) {
  .footer {
    font-size: 0.8125rem;
  }
}

.footer-primary {
  line-height: 140%;
  background-color: #F2F2F2;
}
.footer-primary * {
  color: #898989;
}
@media (max-width: 819.98px) {
  .footer-primary {
    padding-bottom: 2.5rem;
  }
}

.footer-categories {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 4rem 0 2rem;
}
@media (max-width: 819.98px) {
  .footer-categories {
    flex-flow: column wrap;
    padding-top: 2rem;
  }
}
@media (min-width: 820px) {
  .footer-categories .dropdown__btn::before {
    display: none;
  }
}

.footer-category {
  flex: 1 1 0;
  margin-right: 1rem;
}
@media (max-width: 819.98px) {
  .footer-category {
    margin-right: 0;
    margin-bottom: 0.75rem;
  }
}
.footer-category:last-child {
  margin: 0;
}
.footer-category__title {
  padding-bottom: 0.25rem;
  border-bottom: 1px solid #D9D9D9;
  pointer-events: none;
}
@media (max-width: 819.98px) {
  .footer-category__title {
    pointer-events: auto;
  }
}
.footer-category__nav {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
}
.footer-category__nav__item {
  margin-bottom: 0.5rem;
}
.footer-category__nav__item:last-child {
  margin-bottom: 0;
}

.contacts {
  display: flex;
  justify-content: end;
  max-width: 14.25rem;
}
@media (max-width: 819.98px) {
  .contacts {
    display: block;
    max-width: none;
  }
}

.contacts-wrap {
  max-width: 100%;
}
.contacts-wrap .footer-category__nav__item {
  overflow-x: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1024.98px) {
  .contacts-wrap {
    width: 100%;
    max-width: none;
  }
}
@media (max-width: 819.98px) {
  .contacts-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 1.25rem;
  }
  .contacts-wrap * {
    color: #898989;
  }
  .contacts-wrap .footer-category__title {
    display: none;
  }
  .contacts-wrap .footer-category__nav {
    width: 100%;
    align-items: center;
    font-size: 1rem;
  }
}

.footer-secondary {
  background-color: #D9D9D9;
  font-size: 0.8125rem;
  line-height: 160%;
  padding: 0.5rem;
}
.footer-secondary * {
  color: #6F6F6F;
}
@media (max-width: 819.98px) {
  .footer-secondary {
    display: none;
  }
}

.footer-bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.footer-bottom > * {
  margin-right: 4rem;
}
.footer-bottom > *:last-child {
  margin-right: 0;
}

.site-info {
  display: flex;
  flex-direction: column;
  font-size: 0.8125rem;
  margin-top: 3rem;
}
@media (max-width: 819.98px) {
  .site-info {
    margin-top: 1.5rem;
    align-items: center;
  }
}

.site-logo {
  display: block;
  max-width: 2.8125rem;
  height: auto;
  margin-bottom: 0.75rem;
}
@media (max-width: 819.98px) {
  .site-logo {
    margin: 1.25rem 0 0;
    order: 20;
  }
}

.seo-info {
  display: flex;
  flex-direction: column;
  font-size: 0.8125rem;
  margin-top: 0.5rem;
}
@media (max-width: 819.98px) {
  .seo-info {
    margin-top: 1.5rem;
    align-items: center;
  }
}

.seo-logo {
  display: block;
  max-width: 7rem;
  height: auto;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}
@media (max-width: 819.98px) {
  .seo-logo {
    margin: 1.25rem 0 0;
    order: 20;
  }
}

/* End my mixins */
.wrap {
  max-width: 1920px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 240px;
  padding-left: 240px;
}
@media (max-width: 1919.98px) {
  .wrap {
    max-width: 1440px;
    padding-right: 60px;
    padding-left: 60px;
  }
}
@media (max-width: 1365.98px) {
  .wrap {
    padding-right: 33px;
    padding-left: 33px;
  }
}
@media (max-width: 639.98px) {
  .wrap {
    padding-right: 16px;
    padding-left: 16px;
  }
}

.popup_lnk {
  cursor: pointer;
}

.visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0;
}

.gray-box {
  padding-top: 0.1px;
  padding-bottom: 80px;
  background-color: #F2F2F2;
}
.gray-box.not-padding {
  padding: 0;
}

.bg-gray {
  background-color: #F2F2F2;
}

.bg-accent {
  background-color: #CF1E27;
}

.bg-notice {
  background-color: #018360;
}

.text-accent {
  color: #CF1E27;
}

.mb-4 {
  margin-bottom: 1.5rem;
}

.mt-5 {
  margin-top: 2rem;
}

.pt-80 {
  padding-top: 80px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pb-48 {
  padding-bottom: 48px;
}

.mb-48 {
  margin-bottom: 48px;
}

.cost-full,
.price-full {
  text-decoration: line-through;
}

.product-actions {
  display: inline-flex;
  justify-content: space-between;
}

.product-actions_wrap {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.product-actions_add {
  position: relative;
  font-size: 20px;
  line-height: 29px;
  width: 32px;
  height: 28px;
  padding: 3px 8px 6px 8px;
  border-radius: 4px;
  text-align: center;
  background-color: #F2F2F2;
}
.product-actions_add:hover, .product-actions_add:focus {
  background-color: #F2F2F2 !important;
}
.product-actions_add:active {
  border: none;
}
.product-actions_add.btn-remove {
  background-color: #F2F2F2;
}

.icon-add-in-card {
  color: #000000;
  transition: color 0.2s ease-in;
  fill: transparent;
  width: 16px;
  height: 19px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%) translateY(-2px);
}

.product-actions_add:hover > .icon-add-in-card,
.product-actions_add.is-active > .icon-add-in-card,
.product-actions_add.btn-remove > .icon-add-in-card {
  color: #CF1E27;
}

.is-missing {
  font-size: 12px;
  line-height: 100%;
  align-self: center;
  text-align: center;
  width: 50px;
}

.buyers-data {
  margin-bottom: 12px;
}

.buyers-data-value {
  line-height: 140%;
  color: #1E2123;
  padding-top: 0.4375rem;
}

.buyers-data-grid {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 819.98px) {
  .buyers-data-grid {
    display: block;
  }
}
.buyers-data-grid__item {
  width: 48.75%;
  max-width: 19.875rem;
}
@media (max-width: 819.98px) {
  .buyers-data-grid__item {
    width: 100%;
    max-width: none;
  }
}

.link-back {
  color: #020202;
  display: inline-block;
  position: relative;
  padding-left: 25px;
  padding-right: 5px;
  margin-top: 48px;
  font-size: 20px;
}
.link-back:hover::before {
  border-right: 12px solid #CF1E27;
}
.link-back::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-right: 12px solid #D2C06D;
  border-bottom: 8px solid transparent;
  position: absolute;
  top: 45%;
  transform: translateY(-50%);
  left: 0;
  transition: 0.2s ease-in;
}

.loading {
  pointer-events: none;
  position: relative;
}
.loading.loading-contain::after {
  background-size: contain;
}
.loading::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 999;
  background-origin: border-box;
  background-position: center;
  background-repeat: no-repeat;
  background-color: rgba(255, 255, 255, 0.75);
  background-image: url("/assets/spinner-solid-7ac24044.svg");
}

.product-preloading {
  pointer-events: none;
}
.product-preloading:after {
  content: " ";
  display: block;
  position: fixed;
  z-index: 99999999;
  cursor: default;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.75) url("/assets/spinner-106772ef.svg") center no-repeat;
}

.hint_fz {
  color: #CF1E27;
}
.hint_fz:hover {
  color: #000000;
}

.hint_consent {
  font-size: 16px;
  line-height: 23px;
  max-width: 464px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 26px;
  margin-top: 30px;
}

.success {
  color: #74A65B;
}

.error {
  color: #F2A561;
}

.success-registration {
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.success-registration__description {
  margin-bottom: 1.8rem;
}

.contacts-page h1 {
  margin-bottom: 4rem;
}
@media (max-width: 819.98px) {
  .contacts-page h1 {
    text-align: start;
    text-transform: capitalize;
    margin-bottom: 1rem;
  }
}

.contacts-content_before {
  margin-bottom: 2rem;
  text-align: center;
  font-size: 1.375rem;
  line-height: 140%;
  letter-spacing: 0.03em;
}
@media (max-width: 819.98px) {
  .contacts-content_before {
    text-align: start;
    font-size: 1rem;
    line-height: 160%;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #D9D9D9;
  }
}

.contacts-content {
  margin-bottom: 5rem;
  line-height: 160%;
  text-align: center;
}
@media (max-width: 819.98px) {
  .contacts-content {
    margin-bottom: 2.5rem;
    font-size: 0.8125rem;
    text-align: start;
    font-weight: 400;
  }
}

.contacts-content_before p,
.contacts-content p {
  margin: 0;
}
.contacts-content_before strong,
.contacts-content strong {
  font-weight: 300;
  color: #6F6F6F;
}

.contacts-tabs-wrap {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 3rem;
}
@media (max-width: 819.98px) {
  .contacts-tabs-wrap {
    display: block;
    margin-bottom: 2rem;
  }
}

.contacts-tabs {
  flex: 0 0 20%;
  min-width: 15rem;
  margin-right: 3.75rem;
}
.contacts-tabs_header {
  margin: 0 0 2rem;
  font-size: 1.375rem;
  letter-spacing: 0.03em;
  line-height: 140%;
  font-weight: 300;
}
@media (max-width: 819.98px) {
  .contacts-tabs_header {
    font-size: 1rem;
    line-height: 130%;
    margin-bottom: 1rem;
  }
}
@media (max-width: 819.98px) {
  .contacts-tabs {
    margin: 0 0 1.5rem 0;
  }
}

.contacts-tabs_grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
@media (max-width: 819.98px) {
  .contacts-tabs_grid {
    gap: 1rem;
    grid-template-columns: repeat(auto-fill, 15rem);
  }
}
@media (max-width: 419.98px) {
  .contacts-tabs_grid {
    grid-template-columns: 1fr;
  }
}

.contacts-tabs_item {
  cursor: pointer;
  display: block;
  margin: 0;
  line-height: 160%;
  font-weight: 300;
}
.contacts-tabs_item:last-child {
  margin-bottom: 0;
}
@media (max-width: 819.98px) {
  .contacts-tabs_item {
    font-size: 0.8125rem;
  }
}

.contacts-tabs__address {
  cursor: pointer;
  font-weight: 400;
}
.contacts-tabs__address:hover {
  opacity: 0.5;
}

.contacts-maps {
  background: #f6f5f3;
  flex: 1 1 80%;
  height: 34.375rem;
}
@media (max-width: 819.98px) {
  .contacts-maps {
    height: 19.375rem;
  }
}

.hint--is-success {
  color: #74A65B;
}

.hint--is-error {
  color: #F2A561;
}

/* End my mixins */
.brand_promo {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1228.98px) {
  .brand_promo {
    display: block;
  }
}

.brand__text {
  font-size: 15px;
  line-height: 140%;
  max-width: 306px;
  margin-right: 24px;
  order: 1;
}
@media (max-width: 979.98px) {
  .brand__text {
    margin-bottom: 45px;
  }
}

.brand__logo {
  order: 2;
  display: block;
}
.brand__logo > img {
  max-width: 160px;
}
@media (max-width: 1228.98px) {
  .brand__logo {
    margin-bottom: 40px;
  }
}

.brand_other {
  padding-top: 6px;
  padding-bottom: 20px;
  margin-left: -12px;
  margin-right: -12px;
  margin-bottom: 52px;
  min-width: 100%;
  width: auto;
}
@media (max-width: 1365.98px) {
  .brand_other {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.brand_other_link {
  display: block;
  position: relative;
}

.brand_other_item {
  padding-left: 12px;
  padding-right: 12px;
}
@media (max-width: 1365.98px) {
  .brand_other_item {
    padding: 12px;
  }
}

.brand_other_bg {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid #D9D9D9;
}

.brand_other_img_new {
  display: block;
  margin: auto;
}

.brand_other_img {
  display: block;
  max-width: 80%;
  max-height: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

.home-main-slider {
  position: relative;
}

.swiper.home-slider {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.home-slide {
  display: flex;
}
@media (max-width: 1228.98px) {
  .home-slide {
    display: block;
  }
}

.home-slide_img-link {
  width: 830px;
  height: 623px;
  display: block;
  position: relative;
}
@media (max-width: 1549.98px) {
  .home-slide_img-link {
    max-width: 708px;
    width: 100%;
    height: 531px;
  }
}
@media (max-width: 1228.98px) {
  .home-slide_img-link {
    margin-right: auto;
    margin-left: auto;
  }
}
@media (max-width: 639.98px) {
  .home-slide_img-link {
    height: 400px;
  }
}
@media (max-width: 419.98px) {
  .home-slide_img-link {
    height: 240px;
  }
}

.home-slide_img {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

@media (max-width: 979.98px) {
  .wrap.home-main-slider {
    padding-left: 0;
    padding-right: 0;
    display: none;
  }
}

.home-slide_block {
  display: flex;
  align-self: flex-end;
  flex-direction: column;
  justify-content: center;
  padding-left: 24px;
}
@media (max-width: 1365.98px) {
  .home-slide_block {
    padding-left: 25px;
  }
}
@media (max-width: 1228.98px) {
  .home-slide_block {
    padding-left: 33px;
    padding-right: 33px;
  }
}
@media (max-width: 639.98px) {
  .home-slide_block {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.home-slide_block_wrap {
  max-width: 537px;
}
@media (max-width: 1228.98px) {
  .home-slide_block_wrap {
    display: flex;
    margin-bottom: 36px;
    margin-left: auto;
    margin-right: auto;
    max-width: 708px;
  }
}
@media (max-width: 979.98px) {
  .home-slide_block_wrap {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 708px;
    width: 100%;
  }
}

.home-slide_block_text {
  font-size: 32px;
  line-height: 46px;
  margin-top: 0;
  margin-bottom: 24px;
  max-width: 537px;
  flex-grow: 1;
}
@media (max-width: 1365.98px) {
  .home-slide_block_text {
    margin-bottom: 42px;
  }
}
@media (max-width: 1228.98px) {
  .home-slide_block_text {
    max-width: 708px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 42px;
    flex-grow: 0;
  }
}

.home-slide_block__title {
  font-size: 20px;
  line-height: 24px;
  margin-top: 0;
  margin-bottom: 68px;
  padding: 10px 10px 0 0;
  display: block;
}

.home-slide_block__title-h1 {
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  display: block;
  white-space: nowrap;
}

.home-slide_block__discount {
  margin-bottom: 43px;
}
@media (max-width: 1919.98px) {
  .home-slide_block__discount {
    margin-bottom: 10px;
  }
}

.btn-prev.btn-prev--home {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 50%;
  height: 100%;
  background: none;
  cursor: url("data:image/svg+xml,<svg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0.499998 24C0.5 11.0213 11.0213 0.500001 24 0.500002C36.9787 0.500003 47.5 11.0213 47.5 24C47.5 36.9787 36.9787 47.5 24 47.5C11.0213 47.5 0.499997 36.9787 0.499998 24Z' fill='white' stroke='0'/><path d='M28 12.9996L17 24.3055L28 35.6113' stroke='%23020202'/></svg>%0A") 2 2, pointer;
}

.btn-next.btn-next--home {
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 50%;
  height: 100%;
  background: none;
  cursor: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M47.5 24C47.5 36.9787 36.9787 47.5 24 47.5C11.0213 47.5 0.5 36.9787 0.5 24C0.5 11.0213 11.0213 0.5 24 0.5C36.9787 0.5 47.5 11.0213 47.5 24Z' fill='white' stroke='0'/%3E%3Cpath d='M20 35.0004L31 23.6945L20 12.3887' stroke='%23020202'/%3E%3C/svg%3E%0A") 2 2, pointer;
}

.swiper-pagination.swiper-pagination--home {
  text-align: left;
  width: auto;
}
@media (max-width: 1228.98px) {
  .swiper-pagination.swiper-pagination--home {
    text-align: center;
  }
}
.swiper-pagination.swiper-pagination--home .swiper-pagination-bullet {
  background-color: #D2C06D;
  opacity: 1;
  width: 8px;
  height: 8px;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 8px;
}
.swiper-pagination.swiper-pagination--home .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #D2C06D;
  width: 16px;
  height: 16px;
  margin-top: 0;
  margin-bottom: 0;
}

.swiper-pagination--home .swiper-pagination-fraction,
.swiper-pagination--home .swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination--home.swiper-pagination-bullets {
  left: 415px;
  transform: translateX(-50%);
  top: 584px;
}
@media (max-width: 1549.98px) {
  .swiper-pagination--home .swiper-pagination-fraction,
  .swiper-pagination--home .swiper-pagination-custom,
  .swiper-horizontal > .swiper-pagination--home.swiper-pagination-bullets {
    top: 487px;
    left: 354px;
  }
}
@media (max-width: 1365.98px) {
  .swiper-pagination--home .swiper-pagination-fraction,
  .swiper-pagination--home .swiper-pagination-custom,
  .swiper-horizontal > .swiper-pagination--home.swiper-pagination-bullets {
    left: 354px;
  }
}
@media (max-width: 1228.98px) {
  .swiper-pagination--home .swiper-pagination-fraction,
  .swiper-pagination--home .swiper-pagination-custom,
  .swiper-horizontal > .swiper-pagination--home.swiper-pagination-bullets {
    left: 50%;
  }
}
@media (max-width: 639.98px) {
  .swiper-pagination--home .swiper-pagination-fraction,
  .swiper-pagination--home .swiper-pagination-custom,
  .swiper-horizontal > .swiper-pagination--home.swiper-pagination-bullets {
    top: 365px;
  }
}
@media (max-width: 419.98px) {
  .swiper-pagination--home .swiper-pagination-fraction,
  .swiper-pagination--home .swiper-pagination-custom,
  .swiper-horizontal > .swiper-pagination--home.swiper-pagination-bullets {
    top: 207px;
  }
}

.main-content {
  position: relative;
  flex: 1;
}

.swiper-margin {
  margin-bottom: 30px;
}

.home-page {
  padding-top: 2.25rem;
}
@media (max-width: 1199.98px) {
  .home-page {
    padding-top: 2rem;
  }
}
@media (max-width: 819.98px) {
  .home-page {
    padding-top: 1rem;
  }
}
@media (max-width: 819.98px) {
  .home-page__title {
    font-size: 1rem;
  }
}
.home-page__banners {
  margin: 1.5rem 0 0;
  padding: 0 0 5rem;
  border-bottom: 1px solid #D9D9D9;
}
@media (max-width: 1199.98px) {
  .home-page__banners {
    padding-bottom: 3rem;
  }
}
@media (max-width: 819.98px) {
  .home-page__banners {
    margin-top: 1rem;
    padding-bottom: 1.5rem;
  }
}
.home-page__goods-slider {
  padding-top: 4rem;
}
@media (max-width: 1199.98px) {
  .home-page__goods-slider {
    padding-top: 3rem;
  }
}
@media (max-width: 819.98px) {
  .home-page__goods-slider {
    padding-top: 2rem;
  }
}
.home-page__popular-goods {
  padding-bottom: 5rem;
  border-bottom: 1px solid #D9D9D9;
}
@media (max-width: 1199.98px) {
  .home-page__popular-goods {
    padding-bottom: 3rem;
  }
}
@media (max-width: 819.98px) {
  .home-page__popular-goods {
    padding: 1.3125rem 0 1.3125rem;
  }
}
.home-page__brands {
  padding: 4rem 0 5rem;
}
@media (max-width: 1199.98px) {
  .home-page__brands {
    padding-top: 3rem;
  }
}
@media (max-width: 819.98px) {
  .home-page__brands {
    padding: 2rem 0 2.5rem;
  }
}
.home-page__btn {
  display: block;
  width: 100%;
  max-width: 29.375rem;
  margin: 0 auto;
  font-weight: 400;
  line-height: 20px;
  padding: 8px 0 6px;
}
@media (max-width: 1199.98px) {
  .home-page__btn {
    max-width: 19.375rem;
  }
}
@media (max-width: 819.98px) {
  .home-page__btn {
    max-width: 100%;
    font-weight: 300;
  }
}
.home-page__blogs {
  padding: 4rem 0;
  border-bottom: 1px solid #D9D9D9;
}
@media (max-width: 819.98px) {
  .home-page__blogs {
    padding: 2rem 0;
  }
}
.home-page__blogs .title {
  margin-bottom: 1.5rem;
}

.blogs {
  padding-bottom: 4rem;
  color: #1E2123;
}
.blogs__info {
  width: 469px;
  font-size: 1rem;
  line-height: 140%;
  margin: 0 auto 2rem;
  text-align: center;
}
@media (max-width: 819.98px) {
  .blogs__info {
    display: none;
  }
}

.blogs-grid {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 819.98px) {
  .blogs-grid {
    grid-template-columns: 1fr 1fr;
  }
  .blogs-grid.one-row .blogs-grid__item:nth-child(n+3) {
    display: none;
  }
}
@media (max-width: 31.98rem) {
  .blogs-grid {
    grid-template-columns: 1fr;
  }
  .blogs-grid.one-row .blogs-grid__item:nth-child(n+2) {
    display: none;
  }
}

.blogs-grid.one-row + .home-page__btn {
  margin-top: 2rem;
}

.other-blogs {
  margin: 2rem auto 5rem;
}
.other-blogs h3 {
  text-align: center;
  font-weight: 300;
  font-size: 1.375rem;
  line-height: 140%;
  letter-spacing: 0.03em;
}

.blogs-grid__item {
  display: flex;
  position: relative;
  max-width: 29.3125rem;
  min-width: 14.5rem;
  color: #FFFFFF;
}
.blogs-grid__item__preview {
  position: relative;
  width: 100%;
}
.blogs-grid__item__shadow {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 70%;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0));
}
@media (max-width: 819.98px) {
  .blogs-grid__item__shadow {
    height: 100%;
  }
}
.blogs-grid__item__header {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 1rem;
  line-height: 140%;
  display: flex;
  justify-content: space-between;
  align-items: end;
}
@media (max-width: 1023.98px) {
  .blogs-grid__item__header {
    flex-direction: column;
    align-items: start;
  }
}
.blogs-grid__item__header__title {
  max-width: 77%;
}

.banners {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.banners_with-margin-bottom {
  margin-bottom: 1.125rem;
}
.banners__item {
  position: relative;
  width: 100%;
  margin-right: 1.125rem;
}
.banners__item:last-child {
  margin-right: 0;
}
.banners__link {
  display: block;
}
.banners__link:hover, .banners__link:focus {
  opacity: 1;
}
.banners__img {
  width: 100%;
  height: auto;
}
.banners__title {
  width: 100%;
  position: absolute;
  height: 6.25rem;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  bottom: 0;
  left: 0;
  font-family: Lab Grotesque;
  font-style: normal;
  font-weight: 300;
  font-size: 1.375rem;
  line-height: 8.125rem;
  text-align: center;
  letter-spacing: 0.03em;
  color: #FFFFFF;
}
@media (max-width: 1199.98px) {
  .banners__title {
    font-size: 1rem;
  }
}

@media (max-width: 819.98px) {
  .banners-section__banners {
    display: none;
  }
}
.banners-section__btn {
  display: none;
  width: 100%;
  padding: 17px 0 14px;
}
@media (max-width: 819.98px) {
  .banners-section__btn {
    display: block;
  }
}

.brands-section__list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 4.5rem 0 4rem;
}
@media (max-width: 1199.98px) {
  .brands-section__list {
    margin: 3rem 0 1rem;
  }
}
@media (max-width: 819.98px) {
  .brands-section__list {
    flex-wrap: wrap;
    max-width: 100%;
    justify-content: center;
    margin: 1.5rem auto 0.5rem;
  }
}
.brands-section__item {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}
@media (max-width: 1199.98px) {
  .brands-section__item {
    max-width: 153px;
    margin: 0 24px 24px 0;
  }
}
@media (max-width: 819.98px) {
  .brands-section__item {
    max-width: 100%;
  }
}
.brands-section__img {
  width: 100%;
  height: auto;
}

/* End my mixins */
.cabinet {
  padding-top: 2.25rem;
  padding-bottom: 5rem;
  width: 100%;
  max-width: 1100px;
}
@media (max-width: 819.98px) {
  .cabinet {
    padding-top: 1.5rem;
    padding-bottom: 2.5rem;
  }
}
.cabinet__title-wrapper {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4rem;
}
@media (max-width: 1199.98px) {
  .cabinet__title-wrapper {
    margin-bottom: 2.5rem;
  }
}
@media (max-width: 819.98px) {
  .cabinet__title-wrapper {
    margin-bottom: 1.25rem;
  }
}
.cabinet__title {
  text-align: center;
  width: 100%;
}
@media (max-width: 819.98px) {
  .cabinet__title {
    font-size: 1rem;
    line-height: 130%;
    letter-spacing: 0.02em;
    text-transform: none;
    font-weight: 400;
    text-align: start;
  }
}
.cabinet__logout {
  position: relative;
  font-weight: 300;
  font-size: 1rem;
  line-height: 150%;
  color: #F2A561;
}
.cabinet__logout::before {
  content: url("data:image/svg+xml,%3Csvg viewBox='0 0 14 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.06831 7.75267C4.96714 7.75348 4.87643 7.8152 4.83853 7.909C4.80062 8.00281 4.823 8.11021 4.8952 8.18108C4.96741 8.25195 5.07521 8.27231 5.16829 8.23266C5.26138 8.19301 5.32138 8.10117 5.32031 8C5.32048 7.93364 5.2942 7.86995 5.24728 7.82303C5.20036 7.77611 5.13666 7.74982 5.07031 7.75' stroke='%23F2A561' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.5 2H12.5C13.0523 2 13.5 2.44772 13.5 3V13C13.5 13.5523 13.0523 14 12.5 14H9.5' stroke='%23F2A561' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.92933 15.497L0.929333 14.6397C0.68296 14.6048 0.499869 14.3939 0.5 14.145V2.48304C0.499806 2.24707 0.664601 2.0431 0.895333 1.9937L6.89533 0.513035C7.04304 0.481415 7.19712 0.518263 7.31454 0.613285C7.43196 0.708307 7.50012 0.851318 7.5 1.00237V15.0024C7.49991 15.1473 7.43698 15.285 7.3275 15.3799C7.21802 15.4748 7.07276 15.5175 6.92933 15.497Z' stroke='%23F2A561' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 14px;
  height: 17px;
  position: absolute;
  left: -20px;
  top: 12%;
}
@media (max-width: 819.98px) {
  .cabinet__logout {
    font-size: 0.8125rem;
    line-height: 1.25rem;
  }
}
.cabinet__content {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 1199.98px) {
  .cabinet__content {
    flex-direction: column-reverse;
  }
}
.cabinet__empty-order {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  width: 100%;
  max-width: 40.6875rem;
  padding: 1.25rem;
  border-radius: 0.5rem;
  background-color: #FAFAFA;
  color: #6F6F6F;
}
@media (max-width: 1199.98px) {
  .cabinet__empty-order {
    max-width: 100%;
  }
}
.cabinet__empty-order p {
  margin: 0;
  line-height: 140%;
}
.cabinet__empty-order p:last-of-type {
  margin: 0 0 1rem;
}
.cabinet__btn {
  padding: 0.4375rem 0;
  width: 100%;
  font-weight: 400;
  line-height: 140%;
  max-width: 14.125rem;
}
.cabinet__order-list {
  flex: 1 1 auto;
  margin-right: 3.25rem;
}
@media (max-width: 1199.98px) {
  .cabinet__order-list {
    margin-right: 0;
  }
}
.cabinet__settings {
  width: 100%;
  height: 100%;
  max-width: 21.75rem;
}
@media (min-width: 1200px) {
  .cabinet__settings {
    position: sticky;
    top: 6.25rem;
  }
}
@media (max-width: 1199.98px) {
  .cabinet__settings {
    margin: 0 0 2rem;
    max-width: none;
  }
}
@media (max-width: 819.98px) {
  .cabinet__settings {
    margin: 0 0 1.25rem;
  }
}

.order-list__title {
  display: none;
  margin: 0;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #1E2123;
}
@media (max-width: 819.98px) {
  .order-list__title {
    display: block;
  }
}
.order-list__header-list {
  display: flex;
  padding: 0 1.5rem;
}
@media (max-width: 819.98px) {
  .order-list__header-list {
    display: none;
  }
}
.order-list__header-item {
  line-height: 140%;
  color: #6F6F6F;
  margin: 0 1rem 0 0;
  width: 100%;
  max-width: 10.375rem;
}
.order-list__header-item:first-child {
  max-width: 6.5625rem;
}
.order-list__item {
  border-bottom: 1px solid #D9D9D9;
  margin: 0 1.5rem 0;
}
.order-list__item:last-child {
  border: none;
}
@media (max-width: 819.98px) {
  .order-list__item:last-child {
    border-bottom: 1px solid #D9D9D9;
  }
}
@media (max-width: 819.98px) {
  .order-list__item {
    margin: 0;
  }
}
.order-list__item-wrapper {
  padding: 24px 0;
  cursor: pointer;
  transition: all 0.3s;
}
@media (max-width: 819.98px) {
  .order-list__item-wrapper {
    align-items: center;
    padding: 0.5rem 0;
    margin: 0.5rem 0;
  }
}
.order-list__item-wrapper.in-queue {
  cursor: auto;
}
.order-list__item-wrapper_opened {
  padding: 1.5rem;
  cursor: unset;
  background: #FAFAFA;
  border-radius: 8px;
  margin: 0.5rem -1.5rem;
}
@media (max-width: 819.98px) {
  .order-list__item-wrapper_opened {
    padding: 0.5rem 0.5rem 1rem;
    margin: 0.5rem -0.5rem;
  }
}
.order-list__item-wrapper_opened .order-list__status-icon {
  display: none;
}
.order-list__item-wrapper_opened .order-list__item_summary {
  margin: 0 0 1rem 0;
}
@media (max-width: 819.98px) {
  .order-list__item-wrapper_opened .order-list__item_summary {
    margin: 0;
  }
}
.order-list__item-wrapper_opened .order-list__address {
  margin: 0 0 1.5rem 0;
}
@media (max-width: 819.98px) {
  .order-list__item-wrapper_opened .order-list__address {
    margin: 0 0 2rem 0;
  }
}
.order-list__item-wrapper_opened .order-list__delivery-cost {
  display: flex;
  justify-content: space-between;
  margin-top: -1rem;
  margin-bottom: 1.5rem;
}
.order-list__item-wrapper_opened .order-list__item_full {
  display: block;
}
@media (max-width: 819.98px) {
  .order-list__item-wrapper_opened .order-list__cell {
    display: flex;
    max-width: 100%;
  }
}
.order-list__item_summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 819.98px) {
  .order-list__item_summary {
    align-items: flex-start;
  }
}
.order-list__information {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
}
@media (max-width: 819.98px) {
  .order-list__information {
    flex-direction: column;
    align-items: flex-start;
  }
}
.order-list__cell {
  display: flex;
  margin: 0 1rem 0 0;
  width: 100%;
  max-width: 10.375rem;
}
.order-list__cell:first-child {
  max-width: 6.5625rem;
  min-height: 2rem;
  align-items: center;
}
@media (max-width: 819.98px) {
  .order-list__cell {
    display: none;
    max-width: 100%;
  }
  .order-list__cell:first-child {
    display: flex;
  }
}
.order-list__status-icon {
  margin-right: 0.375rem;
}
.order-list__status-icon_waiting::before {
  content: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.5' width='16' height='16' rx='8' fill='%23D9D9D9'/%3E%3Cpath d='M8 12.5C5.79086 12.5 4 10.7091 4 8.5C4 6.29086 5.79086 4.5 8 4.5' stroke='black'/%3E%3Cpath d='M8.55477 12.7141C8.69168 12.6962 8.7882 12.5708 8.77034 12.4339C8.75248 12.2969 8.62701 12.2004 8.4901 12.2183L8.55477 12.7141ZM10.2828 11.4754C10.1733 11.5595 10.1528 11.7165 10.2369 11.8259C10.321 11.9354 10.478 11.956 10.5875 11.8718L10.2828 11.4754ZM11.3718 11.0875C11.456 10.978 11.4354 10.821 11.3259 10.7369C11.2164 10.6528 11.0595 10.6733 10.9754 10.7828L11.3718 11.0875ZM11.7183 8.9901C11.7004 9.12701 11.7969 9.25248 11.9339 9.27034C12.0708 9.2882 12.1962 9.19168 12.2141 9.05477L11.7183 8.9901ZM12.2141 7.94523C12.1962 7.80832 12.0708 7.7118 11.9339 7.72966C11.7969 7.74752 11.7004 7.87299 11.7183 8.0099L12.2141 7.94523ZM10.9754 6.21719C11.0595 6.32667 11.2165 6.34722 11.3259 6.26309C11.4354 6.17896 11.456 6.02201 11.3718 5.91253L10.9754 6.21719ZM10.5875 5.12817C10.478 5.04404 10.321 5.06459 10.2369 5.17407C10.1528 5.28355 10.1733 5.4405 10.2828 5.52463L10.5875 5.12817ZM8.4901 4.78171C8.62701 4.79957 8.75248 4.70306 8.77034 4.56614C8.7882 4.42923 8.69169 4.30377 8.55477 4.28591L8.4901 4.78171ZM8 12.75C8.18791 12.75 8.37309 12.7378 8.55477 12.7141L8.4901 12.2183C8.32981 12.2392 8.16623 12.25 8 12.25L8 12.75ZM10.5875 11.8718C10.8818 11.6456 11.1456 11.3818 11.3718 11.0875L10.9754 10.7828C10.7757 11.0427 10.5427 11.2757 10.2828 11.4754L10.5875 11.8718ZM12.2141 9.05477C12.2378 8.87309 12.25 8.68791 12.25 8.5L11.75 8.5C11.75 8.66623 11.7392 8.82981 11.7183 8.9901L12.2141 9.05477ZM12.25 8.5C12.25 8.31209 12.2378 8.12691 12.2141 7.94523L11.7183 8.0099C11.7392 8.17019 11.75 8.33377 11.75 8.5L12.25 8.5ZM11.3718 5.91253C11.1456 5.6182 10.8818 5.35435 10.5875 5.12817L10.2828 5.52463C10.5427 5.72433 10.7757 5.95732 10.9754 6.21719L11.3718 5.91253ZM8.55477 4.28591C8.37309 4.26221 8.18791 4.25 8 4.25L8 4.75C8.16623 4.75 8.32981 4.7608 8.4901 4.78171L8.55477 4.28591ZM8.58711 12.962C8.86093 12.9263 9.05395 12.6753 9.01824 12.4015C8.98252 12.1277 8.73159 11.9347 8.45776 11.9704L8.58711 12.962ZM10.1305 11.2771C9.91151 11.4454 9.87042 11.7593 10.0387 11.9783C10.2069 12.1972 10.5208 12.2383 10.7398 12.0701L10.1305 11.2771ZM11.5701 11.2398C11.7383 11.0208 11.6972 10.7069 11.4783 10.5387C11.2593 10.3704 10.9454 10.4115 10.7771 10.6305L11.5701 11.2398ZM11.4704 8.95776C11.4347 9.23159 11.6277 9.48252 11.9015 9.51824C12.1753 9.55395 12.4263 9.36093 12.462 9.08711L11.4704 8.95776ZM12.462 7.91289C12.4263 7.63907 12.1753 7.44605 11.9015 7.48176C11.6277 7.51748 11.4347 7.76841 11.4704 8.04224L12.462 7.91289ZM10.7771 6.36953C10.9454 6.58849 11.2593 6.62958 11.4783 6.46132C11.6972 6.29306 11.7383 5.97916 11.5701 5.7602L10.7771 6.36953ZM10.7398 4.92994C10.5208 4.76168 10.2069 4.80278 10.0387 5.02174C9.87042 5.2407 9.91151 5.5546 10.1305 5.72286L10.7398 4.92994ZM8.45777 5.02961C8.73159 5.06533 8.98252 4.8723 9.01824 4.59848C9.05396 4.32466 8.86093 4.07373 8.58711 4.03801L8.45777 5.02961ZM8 13C8.19875 13 8.39473 12.9871 8.58711 12.962L8.45776 11.9704C8.30817 11.9899 8.15539 12 8 12L8 13ZM10.7398 12.0701C11.0514 11.8306 11.3306 11.5514 11.5701 11.2398L10.7771 10.6305C10.5907 10.8731 10.3731 11.0907 10.1305 11.2771L10.7398 12.0701ZM12.462 9.08711C12.4871 8.89473 12.5 8.69875 12.5 8.5L11.5 8.5C11.5 8.65539 11.4899 8.80817 11.4704 8.95776L12.462 9.08711ZM12.5 8.5C12.5 8.30125 12.4871 8.10527 12.462 7.91289L11.4704 8.04224C11.4899 8.19183 11.5 8.34461 11.5 8.5L12.5 8.5ZM11.5701 5.7602C11.3306 5.44864 11.0514 5.16936 10.7398 4.92994L10.1305 5.72286C10.3731 5.90932 10.5907 6.12688 10.7771 6.36953L11.5701 5.7602ZM8.58711 4.03801C8.39474 4.01291 8.19875 4 8 4L8 5C8.15539 5 8.30817 5.01009 8.45777 5.02961L8.58711 4.03801Z' fill='black'/%3E%3C/svg%3E%0A");
}
.order-list__status-icon_successed::before {
  content: url("data:image/svg+xml,%3Csvg fill='none' height='17' viewBox='0 0 16 16' width='16' xmlns='http://www.w3.org/2000/svg'%3E%3Crect fill='%23018360' height='16' rx='8' width='16' y='0.5'%3E%3C/rect%3E%3Cpath d='M12 6L7.33333 12L4 9.47368' stroke='white' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E%0A");
}
.order-list__status-icon_canceled::before {
  content: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0.5' width='16' height='16' rx='8' fill='%23F2A561'/%3E%3Cpath d='M11 5.5L5 11.5' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5 5.5L11 11.5' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.order-list__label {
  display: none;
  margin: 0 0.375rem 0 0;
  line-height: 17px;
  color: #6F6F6F;
}
@media (max-width: 819.98px) {
  .order-list__label {
    display: block;
    font-size: 0.8125rem;
    line-height: 140%;
    color: #6F6F6F;
  }
}
.order-list__id {
  line-height: 140%;
}
@media (max-width: 819.98px) {
  .order-list__id {
    font-size: 0.8125rem;
    line-height: 140%;
  }
}
.order-list__time {
  line-height: 140%;
}
@media (max-width: 819.98px) {
  .order-list__time {
    font-size: 0.8125rem;
  }
}
.order-list__price {
  line-height: 140%;
}
@media (max-width: 819.98px) {
  .order-list__price {
    font-size: 0.8125rem;
  }
}
.order-list__preview-list {
  display: flex;
  flex-direction: row-reverse;
}
.order-list__preview-item {
  position: relative;
  width: 2rem;
  height: 2rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  overflow: hidden;
}
.order-list__preview-item:last-child {
  transform: translateX(36px);
  z-index: 3;
}
.order-list__preview-item:nth-child(3) {
  transform: translateX(24px);
  z-index: 2;
}
.order-list__preview-item:nth-child(2) {
  transform: translateX(12px);
  z-index: 2;
}
.order-list__preview-item:first-child {
  transform: translateX(0);
}
.order-list__preview-item_counter {
  background-color: #F2F2F2;
  display: flex;
  justify-content: center;
  align-items: center;
}
.order-list__address {
  margin: 0;
}
@media (max-width: 819.98px) {
  .order-list__address {
    font-size: 0.8125rem;
  }
}
.order-list__item_full {
  display: none;
}
.order-list__item_full .order-list__label {
  display: inline-block;
}
.order-list__item_full .order-list__status-icon {
  display: block;
}
.order-list__goods-order {
  margin: 0 0 0.5rem 0;
}
.order-list__footer {
  display: flex;
  justify-content: space-between;
}
.order-list__status {
  display: flex;
  align-items: center;
}
.order-list__status-text {
  line-height: 100%;
}
@media (max-width: 819.98px) {
  .order-list__status-text {
    font-size: 0.8125rem;
  }
}
.order-list__cancel {
  display: inline-block;
  position: relative;
  line-height: 2;
  color: #F2A561;
  cursor: pointer;
}
@media (max-width: 819.98px) {
  .order-list__cancel {
    font-size: 0.8125rem;
  }
}
.order-list__repeat {
  display: inline-block;
  position: relative;
  line-height: 2;
  color: #018360;
  cursor: pointer;
}
.order-list__repeat::before {
  content: url("data:image/svg+xml,%3Csvg width='14' height='16' viewBox='0 0 14 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 5L5.5 3L7.5 1' stroke='%23018360' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.02067 8.5C1.00734 8.66467 1 8.83333 1 9C0.999421 9.506 1.06304 10.01 1.18934 10.5' stroke='%23018360' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.40136 5.14355C2.07558 5.53073 1.80027 5.9577 1.58203 6.41422' stroke='%23018360' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.41797 12.875C2.52464 13.0012 2.63752 13.1239 2.75664 13.243C3.11409 13.6011 3.51551 13.9125 3.9513 14.1697' stroke='%23018360' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.5 14.9793C6.66467 14.9927 6.83333 15 7 15C10.3137 15 13 12.3137 13 9C13 5.68629 10.3137 3 7 3H5.5' stroke='%23018360' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 14px;
  height: 16px;
  position: absolute;
  left: -21px;
  top: 2px;
}
@media (max-width: 819.98px) {
  .order-list__repeat {
    font-size: 0.8125rem;
  }
}
.order-list__payment {
  display: inline-block;
  position: relative;
  line-height: 2;
  color: #CF1E27;
  cursor: pointer;
}
@media (max-width: 819.98px) {
  .order-list__payment {
    font-size: 0.8125rem;
  }
}
.order-list__payment::before {
  content: url("data:image/svg+xml,%3Csvg width='14' height='16' viewBox='0 0 14 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 5L5.5 3L7.5 1' stroke='%23CF1E27' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M1.02067 8.5C1.00734 8.66467 1 8.83333 1 9C0.999421 9.506 1.06304 10.01 1.18934 10.5' stroke='%23CF1E27' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.40136 5.14355C2.07558 5.53073 1.80027 5.9577 1.58203 6.41422' stroke='%23CF1E27' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.41797 12.875C2.52464 13.0012 2.63752 13.1239 2.75664 13.243C3.11409 13.6011 3.51551 13.9125 3.9513 14.1697' stroke='%23CF1E27' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.5 14.9793C6.66467 14.9927 6.83333 15 7 15C10.3137 15 13 12.3137 13 9C13 5.68629 10.3137 3 7 3H5.5' stroke='%23CF1E27' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 14px;
  height: 16px;
  position: absolute;
  left: -21px;
  top: 2px;
}
.order-list__payment:hover {
  opacity: unset;
}

.personal-settings {
  display: flex;
  flex-direction: column;
}
@media (max-width: 1199.98px) {
  .personal-settings {
    flex-direction: row;
  }
}
@media (max-width: 819.98px) {
  .personal-settings {
    flex-direction: column;
  }
}
.personal-settings__card {
  margin: 0 0 1rem;
}
.personal-settings__card:last-child {
  margin: 0;
}
@media (max-width: 1199.98px) {
  .personal-settings__card {
    margin: 0 1rem 0 0;
    width: 50%;
  }
  .personal-settings__card:last-child {
    margin: 0;
  }
}
@media (max-width: 819.98px) {
  .personal-settings__card {
    margin: 0 0 1.25rem;
    width: 100%;
  }
}

.info-card {
  background-color: #FAFAFA;
  padding: 1.25rem;
}
@media (max-width: 1199.98px) {
  .info-card {
    height: 100%;
  }
}
@media (max-width: 819.98px) {
  .info-card {
    background-color: transparent;
    padding: 0 0 1.25rem;
  }
}
.info-card__section {
  padding-bottom: 0.75rem;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid #D9D9D9;
}
.info-card__section:last-child {
  padding: 0;
  margin: 0;
  border-bottom: none;
}
@media (max-width: 819.98px) {
  .info-card__section {
    padding: 0;
    border-bottom: none;
  }
}
.info-card__title {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 400;
}

.settings-card {
  background-color: #FAFAFA;
  border-radius: 0.5rem;
  padding: 1.25rem;
}
@media (max-width: 1199.98px) {
  .settings-card {
    height: 100%;
  }
}
@media (max-width: 819.98px) {
  .settings-card {
    background-color: transparent;
    border-bottom: 1px solid #D9D9D9;
    border-radius: 0;
    padding: 0 0 1.25rem;
  }
}
.settings-card__header {
  display: flex;
  justify-content: space-between;
  margin: 0 0 1.25rem;
}
@media (max-width: 819.98px) {
  .settings-card__header {
    margin: 0 0 0.75rem;
  }
}
.settings-card__title {
  margin: 0;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.375rem;
  color: #1E2123;
}
.settings-card__edit-btn {
  color: #6F6F6F;
  font-size: 0.8125rem;
  font-weight: 300;
  transition: opacity 0.2s;
}
.settings-card__edit-btn:hover {
  opacity: 0.5;
}
@media (max-width: 819.98px) {
  .settings-card__edit-btn {
    display: none;
  }
}
.settings-card__mobile-edit-btn {
  display: none;
}
@media (max-width: 819.98px) {
  .settings-card__mobile-edit-btn {
    display: block;
  }
}
.settings-card__mobile-edit-btn.hidden {
  display: none;
}
.settings-card__section {
  display: flex;
  padding: 0 0 0.75rem;
  margin: 0 0 0.75rem;
  border-bottom: 1px solid #D9D9D9;
}
.settings-card__section:last-child {
  padding: 0;
  margin: 0;
  border-bottom: none;
}
@media (max-width: 819.98px) {
  .settings-card__section {
    margin: 0;
    padding: 0;
    flex-direction: column;
    border-bottom: none;
  }
}
.settings-card__section_column {
  flex-direction: column;
}
.settings-card__section_hint {
  font-size: 0.75rem;
  margin: -0.25rem 0 0.85rem;
}
.settings-card__section_address_hint {
  font-size: 0.75rem;
  margin: 0.85rem 0 0;
}
.settings-card__fieldset-wrapper {
  margin-bottom: 1.25rem;
}
.settings-card__field {
  width: 100%;
}
@media (max-width: 819.98px) {
  .settings-card__field {
    margin-bottom: 0.5rem;
  }
}
.settings-card__field_w-50 {
  max-width: 50%;
}
.settings-card__field_margin-right {
  margin-right: 1rem;
}
@media (max-width: 819.98px) {
  .settings-card__field_margin-right {
    margin-right: 0;
  }
}
.settings-card__field_margin-bottom {
  margin-bottom: 0.75rem;
}
@media (max-width: 819.98px) {
  .settings-card__field_margin-bottom {
    margin-bottom: 0.5rem;
  }
}
.settings-card__label {
  display: inline-block;
  font-size: 0.8125rem;
  line-height: 140%;
  color: #6F6F6F;
  margin: 0 0 0.25rem;
}
.settings-card__save-btn {
  width: 100%;
  padding: 0.625rem 0;
}

.personal-information__portion {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  max-width: 50%;
}
@media (max-width: 819.98px) {
  .personal-information__portion {
    max-width: 100%;
    flex-direction: row;
  }
}
.personal-information__key {
  margin: 0;
  font-size: 0.8125rem;
  line-height: 1.125rem;
  color: #6F6F6F;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 819.98px) {
  .personal-information__key {
    margin: 0 0.375rem 0 0;
  }
  .personal-information__key::after {
    content: ": ";
  }
}
.personal-information__value {
  margin: 0;
  line-height: 1.375rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
@media (max-width: 819.98px) {
  .personal-information__value {
    font-size: 0.8125rem;
    line-height: 1.125rem;
  }
}
.personal-information__tel-field {
  display: flex;
  position: relative;
}
.personal-information__send-btn {
  border: 1px solid #D9D9D9;
  border-left: none;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.personal-information__send-btn::before {
  content: "";
  display: block;
  width: 2.56rem;
  height: 100%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTMiIHZpZXdCb3g9IjAgMCAxNiAxMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE1IDAuOTE2NjI2TDYuODMzMzMgMTEuOTE2NkwxIDcuMjg1MDUiIHN0cm9rZT0iIzZGNkY2RiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=);
  background-color: #F2F2F2;
  background-repeat: no-repeat;
  background-position: center;
}
.personal-information__reset-btn {
  position: absolute;
  font-weight: 300;
  right: 0.75rem;
  top: calc(50% - 0.5rem);
}
.personal-information__text {
  font-size: 1rem;
  text-align: center;
  font-weight: 300;
  line-height: 140%;
  color: #1E2123;
  margin: 0.5rem 0 0;
}
.personal-information__link {
  text-align: center;
  display: block;
  cursor: pointer;
  font-size: 1rem;
  margin: 0.5rem 0 0;
  text-decoration: none;
  color: #1E2123;
  line-height: 140%;
  font-weight: 300;
  transition: opacity 0.2s;
}
.personal-information__link:hover {
  opacity: 0.5;
}
.personal-information__link.hidden {
  display: none;
}

input.personal-information__input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

input.personal-information__sms-code {
  margin: 4px 0 0;
}

.personal-bonus-points .value {
  color: #018360;
}
@media (min-width: 820px) {
  .personal-bonus-points {
    padding: 0.5rem 1.25rem;
    border-radius: 0.5rem;
    background-color: #FAFAFA;
  }
}

.suggestions-cities {
  background-color: #FFFFFF;
  border: 1px solid #D9D9D9;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.suggestions-cities__list {
  background-color: #FFFFFF;
  max-height: 13.75rem;
  overflow-y: auto;
}
.suggestions-cities__list::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
.suggestions-cities__list::-webkit-scrollbar-button {
  background-color: #999;
}
.suggestions-cities__list::-webkit-scrollbar-track {
  background-color: #999;
}
.suggestions-cities__list::-webkit-scrollbar-track-piece {
  background-color: #F2F2F2;
  width: 1px;
}
.suggestions-cities__list::-webkit-scrollbar-thumb {
  height: 52px;
  background-color: #020202;
}
.suggestions-cities__list::-webkit-scrollbar-corner {
  background-color: #999;
}
.suggestions-cities__list::-webkit-resizer {
  background-color: #020202;
}
.suggestions-cities__item {
  border-bottom: 1px solid #D9D9D9;
  padding: 7px 8px 6px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #6F6F6F;
}
.suggestions-cities__item:last-child {
  border-bottom: none;
}
.suggestions-cities__item:hover {
  cursor: pointer;
  color: #1E2123;
}

@media (max-width: 819.98px) {
  .personal-addresses__list {
    list-style: disc;
    padding: 0 0 0 1rem;
  }
}
.personal-addresses__item {
  padding: 0 0 0.75rem;
  margin: 0 0 0.75rem;
  border-bottom: 1px solid #D9D9D9;
}
.personal-addresses__item:last-child {
  padding: 0;
  margin: 0;
  border-bottom: none;
}
@media (max-width: 819.98px) {
  .personal-addresses__item {
    font-size: 0.8125rem;
    padding: 0;
    margin: 0 0 0.5rem;
    border: none;
  }
  .personal-addresses__item:last-child {
    margin: 0;
  }
}
.personal-addresses__address-wrapper {
  display: flex;
  justify-content: space-between;
}
.personal-addresses__address {
  line-height: 140%;
  margin: 0 0.75rem 0 0;
}
.personal-addresses__save-btn {
  margin-top: 1.25rem;
}
.personal-addresses__footer {
  margin: 1.25rem 0 0;
}
.personal-addresses__remove {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.personal-addresses__remove.hidden {
  display: none;
}
.personal-addresses__remove.is--disable {
  cursor: default;
  pointer-events: none;
}
.personal-addresses__message {
  margin: 0;
}
.personal-addresses__form {
  margin: 1.25rem 0 0;
}
.personal-addresses__city-field {
  position: relative;
}
.personal-addresses__city {
  outline: none;
}
.personal-addresses__suggestions-cities {
  position: absolute;
  z-index: 1;
  right: 0;
  left: 0;
  transform: translateY(-0.25rem);
}
.personal-addresses__add-btn {
  margin: 0 0 1.25rem;
  font-weight: 300;
  line-height: 140%;
  border-bottom: 1px solid #D9D9D9;
}

.goods-order__item {
  border-bottom: 1px solid #D9D9D9;
}
.goods-order__item:first-child figure {
  padding-top: 0;
}
.goods-order__item:last-child {
  border: none;
}
.goods-order__figure {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 1rem 0;
}
@media (max-width: 819.98px) {
  .goods-order__figure {
    padding: 0.75rem 0;
  }
}
.goods-order__img-wrapper {
  margin: 0 1rem 0 0;
  border: 1px solid rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.goods-order__img {
  width: 100%;
  height: auto;
  max-width: 2.8125rem;
  max-height: 5rem;
  object-fit: none;
}
.goods-order__figcaption {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 819.98px) {
  .goods-order__figcaption {
    flex-direction: column;
    font-size: 0.8125rem;
  }
}
.goods-order__title {
  margin: 0 1rem 4px 0;
  line-height: 140%;
}
@media (max-width: 819.98px) {
  .goods-order__title {
    margin: 0;
  }
}
.goods-order__params {
  color: #6F6F6F;
  line-height: 140%;
}
@media (max-width: 819.98px) {
  .goods-order__amount {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
}
.goods-order__price-wrapper {
  display: flex;
}
.goods-order__price {
  line-height: 140%;
  margin: 0 0 4px 0;
  width: max-content;
}
.goods-order__price_old-price {
  text-decoration: line-through;
}
.goods-order__price_new-price {
  color: #CF1E27;
  margin-right: 0.8rem;
}
@media (max-width: 819.98px) {
  .goods-order__price {
    margin: 0 1rem 0 0;
  }
}
.goods-order__number {
  text-align: right;
  color: #6F6F6F;
  line-height: 140%;
}
@media (max-width: 819.98px) {
  .goods-order__number {
    margin: 0 1rem 0 0;
  }
}
.goods-order__number::before {
  content: "x";
}

.pagination_wrapper {
  margin: 1.5rem 0 0;
}

.cabinet-paginate-hint {
  text-align: center;
}

/* End my mixins */
.bpt-list__title {
  display: none;
  margin-bottom: 0.5rem;
  color: #1E2123;
  font-weight: 300;
  font-size: 1rem;
  line-height: 1.375rem;
}
@media (max-width: 819.98px) {
  .bpt-list__title {
    display: block;
  }
}
.bpt-list__header-list {
  display: flex;
  padding: 0 1.5rem;
}
@media (max-width: 819.98px) {
  .bpt-list__header-list {
    display: none;
  }
}
.bpt-list__header-item {
  display: flex;
  margin-right: 1rem;
  color: #6F6F6F;
  line-height: 140%;
}
.bpt-list__header-item .time {
  flex-shrink: 0;
  flex-basis: 7.75rem;
  margin-left: auto;
  margin-right: -0.5rem;
}
@media (max-width: 819.98px) {
  .bpt-list__header-item {
    display: none;
  }
}
.bpt-list__header-item:first-child {
  flex-grow: 0;
  flex-shrink: 0;
  flex-basis: 4.25rem;
}
.bpt-list__header-item:nth-child(2) {
  display: flex;
  flex-grow: 1;
  margin-right: 6rem;
}
.bpt-list__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 1.5rem;
  padding: 1.5rem 0;
  line-height: 140%;
  border-bottom: 1px solid #D9D9D9;
}
@media (max-width: 819.98px) {
  .bpt-list__item {
    padding: 0.5rem 0;
    margin: 0 0.5rem;
    font-size: 0.8125rem;
  }
}
.bpt-list__information {
  display: flex;
  flex-grow: 1;
  align-items: center;
}
.bpt-list__cell {
  display: flex;
  margin-right: 1rem;
}
.bpt-list__cell:first-child {
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: 4.25rem;
  min-height: 2rem;
  align-items: center;
  margin-right: 1rem;
}
@media (max-width: 819.98px) {
  .bpt-list__cell:first-child {
    flex-basis: 3.5rem;
    margin-right: 0.5rem;
  }
}
.bpt-list__cell:nth-child(2) {
  flex-grow: 1;
}
.bpt-list__description {
  display: flex;
  flex-grow: 1;
}
@media (max-width: 819.98px) {
  .bpt-list__description {
    display: block;
  }
}
.bpt-list__message {
  margin-right: 0.5rem;
}
@media (max-width: 819.98px) {
  .bpt-list__message {
    margin-right: 0;
  }
}
.bpt-list__time {
  flex-shrink: 0;
  flex-basis: 7.75rem;
  margin-left: auto;
}
@media (max-width: 819.98px) {
  .bpt-list__time {
    font-size: 0.85em;
    color: #6F6F6F;
  }
}
.bpt-list__amount .deposit {
  color: #018360;
}
.bpt-list__amount .withdraw {
  color: #CF1E27;
}
.bpt-list__amount .deposit::before, .bpt-list__amount .withdraw::before {
  margin-right: 0.4rem;
}
.bpt-list__amount .deposit::before {
  content: "+";
}
.bpt-list__amount .withdraw::before {
  content: "-";
}

.bpt-list__preview-list {
  display: flex;
  flex-shrink: 0;
  flex-basis: 6rem;
  flex-direction: row-reverse;
  margin-left: -1.5rem;
}
@media (max-width: 819.98px) {
  .bpt-list__preview-list {
    flex-basis: 0;
  }
}

.bpt-list__preview-item {
  position: relative;
  width: 2rem;
  height: 2rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  overflow: hidden;
}
.bpt-list__preview-item:last-child {
  transform: translateX(36px);
  z-index: 3;
}
.bpt-list__preview-item:nth-child(3) {
  transform: translateX(24px);
  z-index: 2;
}
.bpt-list__preview-item:nth-child(2) {
  transform: translateX(12px);
  z-index: 2;
}
.bpt-list__preview-item:first-child {
  transform: translateX(0);
}

@media (min-width: 1200px) {
  .bonus-point-transactions .single.personal-bonus-points {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .bonus-point-transactions .cabinet__content {
    flex-direction: column;
  }
  .bonus-point-transactions aside .personal-bonus-points {
    display: none;
  }
  .bonus-point-transactions .cabinet__settings {
    margin: 2rem 0 0;
  }
}
@media (max-width: 819.98px) {
  .bonus-point-transactions .settings-card {
    border-bottom: 0;
  }
  .bonus-point-transactions .cabinet__title-wrapper {
    display: none;
  }
}
.bonus-point-transactions .personal-settings__card {
  width: 100%;
}

/* End my mixins */
.notification_settings .cabinet__content {
  display: block;
}

.cabinet_notification_settings {
  max-width: 30rem;
}

.notification_settings .title_h3 {
  font-size: 1.5rem;
  margin: 0 0 1.25rem 0;
  letter-spacing: 0.05em;
  font-weight: 300;
}

.notification-setting__row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1.25rem;
}
.notification-setting__title {
  margin: 0;
  display: block;
  letter-spacing: 0.15em;
  white-space: nowrap;
  font-size: 1rem;
}

@media (max-width: 819.98px) {
  .notification_settings .title_h3 {
    font-size: 1rem;
    margin: 0 0 1rem 0;
  }
  .notification-setting__row {
    padding-bottom: 1rem;
  }
  .notification-setting__title {
    font-size: 0.8125rem;
    letter-spacing: 0.1em;
  }
}
/* End my mixins */
.lk {
  margin-bottom: 75px;
}

.lk_desc {
  max-width: 708px;
  display: block;
  font-size: 20px;
  line-height: 27px;
  margin-top: -33px;
  padding-bottom: 26px;
}

.lk-content_left {
  margin-right: 45px;
}
@media (max-width: 979.98px) {
  .lk-content_left {
    margin-right: 0;
  }
}

.lk-content_right {
  padding-top: 45px;
}

.previous-order {
  margin-bottom: 120px;
}
@media (max-width: 1228.98px) {
  .previous-order {
    margin-bottom: 48px;
  }
}

.previous-order_item {
  border-top: 1px solid #D9D9D9;
  padding-top: 36px;
}

.previous-order__table {
  border-collapse: separate;
  border-spacing: 37px 8px;
  margin-left: -37px;
  margin-right: -37px;
}
@media (max-width: 1228.98px) {
  .previous-order__table {
    width: 100%;
  }
}

.previous-order__table_th {
  font-size: 18px;
  line-height: 26px;
  white-space: nowrap;
  font-weight: 400;
  color: #8f8f8f;
}

.previous-order__table_td {
  vertical-align: top;
  font-size: 15px;
}
@media (max-width: 1228.98px) {
  .previous-order__table_td {
    display: flex;
    justify-content: space-between;
  }
}
@media (max-width: 1228.98px) {
  .previous-order__table_td {
    flex-direction: column;
    margin-bottom: 24px;
  }
}

@media (max-width: 1228.98px) {
  .previous-order__table tr:first-child {
    display: none;
  }
  .previous-order__table tr:nth-child(2) {
    display: flex;
    flex-direction: column;
  }
  .previous-order__table td:before {
    content: attr(data-label);
    white-space: nowrap;
    margin-right: 48px;
    font-size: 18px;
    line-height: 26px;
  }
  .previous-order__table_td:nth-child(3) {
    order: 5;
    margin-top: 24px;
    margin-bottom: 24px;
  }
  .previous-order__table_td:nth-child(4) {
    order: 4;
  }
  .previous-order__table_td:nth-child(5) {
    order: 3;
  }
  .previous-order__table_td:nth-child(6) {
    order: 6;
  }
}
@media (max-width: 1228.98px) {
  .previous-order__table_td:nth-child(3) {
    margin-top: 0;
  }
}

.order-n-price_item {
  margin-bottom: 3px;
  display: inline-block;
  width: 300px;
}
@media (max-width: 1228.98px) {
  .order-n-price_item {
    margin-bottom: 0;
    width: auto;
  }
}
@media (max-width: 1365.98px) {
  .order-n-price_item {
    width: 275px;
  }
}

.order-n-price__price {
  white-space: nowrap;
}
.order-n-price__price:before {
  content: ", ";
}

.lk-order {
  border-bottom: 1px solid #D9D9D9;
  margin-bottom: 48px;
}

.lk-order-wrap {
  background-color: #F2F2F2;
  padding: 48px 36px;
  margin-bottom: 48px;
}
.lk-order-wrap:last-child {
  margin-bottom: 120px;
}

.order-header {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #D9D9D9;
  padding-bottom: 24px;
  margin-bottom: 48px;
}

.lk-order + .order-header {
  border-bottom: none;
  padding-bottom: 0;
}

.right-btn {
  margin-left: auto;
}
@media (max-width: 639.98px) {
  .right-btn {
    margin-left: unset;
    margin-top: 5px;
  }
}

.order-cabinet-btn {
  padding: 10px 16px;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
  background-color: transparent;
  color: #898989;
  font-size: 15px;
  line-height: 140%;
  max-height: 42px;
  max-width: 155px;
}
.order-cabinet-btn:hover {
  color: #000000;
  border-color: #000000;
}

.previous-order-btn {
  margin-bottom: 5px;
}

.previous-order__date {
  margin-bottom: 20px;
}

.order-header_item {
  margin-right: 43px;
  max-width: 300px;
}
@media (max-width: 1199.98px) {
  .order-header_item {
    max-width: initial;
  }
}

.order-header__title {
  font-size: 15px;
  line-height: 23px;
  margin-bottom: 10px;
}

.order-header__value > output {
  font-size: 18px;
  padding-top: 0;
  color: #020202;
}

.lk-order_title {
  margin-top: 24px;
  margin-bottom: 24px;
  font-size: 15px;
  line-height: 23px;
}

.lk-order_item {
  display: flex;
  margin-bottom: 48px;
}
@media (max-width: 639.98px) {
  .lk-order_item {
    display: block;
  }
}

.lk-order_item_box-img {
  width: 219px;
  height: 167px;
  margin-right: 16px;
  flex-shrink: 0;
}
@media (max-width: 639.98px) {
  .lk-order_item_box-img {
    margin-bottom: 24px;
  }
}

.lk-order_item__img {
  display: block;
  width: 100%;
  height: auto;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
}

.lk-order_item_box-content {
  padding-right: 30px;
}

.lk-order_item__title {
  margin-bottom: 16px;
  font-size: 15px;
}

.lk-order_item__price {
  font-size: 24px;
  line-height: 46px;
}

.lk-order_result {
  font-size: 32px;
  line-height: 46px;
  margin-top: 32px;
}

.lk-history {
  margin-bottom: 73px;
}

.lk-history_title {
  font-size: 32px;
  line-height: 46px;
  margin-bottom: 24px;
}

.history-list {
  padding-left: 15px;
  margin-left: 6px;
  border-left: 2px solid #D2C06D;
}

.history-list_item {
  display: flex;
  margin-bottom: 31px;
  position: relative;
}
.history-list_item::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #D2C06D;
  position: absolute;
  left: -23px;
  top: 0;
}
.history-list_item:last-child {
  margin-bottom: 0;
}

.history-list__text {
  margin-right: 16px;
  font-size: 16px;
  line-height: 14px;
}
.history-list__text:first-child {
  margin-right: 10px;
}

.lk-history_next-step {
  font-size: 16px;
  line-height: 14px;
  padding-top: 31px;
  border-left: 2px dashed #D9D9D9;
  margin-left: 6px;
  padding-left: 15px;
  position: relative;
  color: #D9D9D9;
}
.lk-history_next-step::before {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background-color: #D9D9D9;
  position: absolute;
  bottom: 0;
  left: -8px;
}

/* End my mixins */
.filters-catalog-hr {
  margin-bottom: 16px;
}

.filters-catalog {
  margin-bottom: 10px;
}
.filters-catalog input[type=radio] {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  border: 0;
}

.filters-catalog_title {
  font-size: 16px;
  line-height: 23px;
  margin-bottom: 10px;
  color: #020202;
}

.filters-catalog__menu a {
  display: block;
  color: #020202;
  font-size: 15px;
  line-height: 140%;
  margin-bottom: 12px;
  cursor: pointer;
  transition: opacity 0.2s;
}
.filters-catalog__menu a:hover {
  opacity: 0.5;
}

.filters-catalog__menu input[type=radio]:checked + a {
  color: #CF1E27;
}

.filters-catalog__menu {
  font: inherit;
  font-size: 24px;
  line-height: 35px;
}

.category-level {
  display: none;
}
.category-level.is--active {
  display: block;
}

.filters-catalog_box-right .input-group {
  margin: 0 -4px 0 -4px;
}
.filters-catalog_box-right .input-group input {
  margin-top: 0;
  margin-bottom: 0;
  height: 28px;
  padding-left: 8px;
  padding-right: 8px;
}

.filters-catalog_box-right .input-block {
  padding-right: 4px;
  padding-left: 4px;
}

#js-catalog-content .gray-box {
  padding-top: 80px;
}

#js-catalog-content {
  width: 100%;
}

.filters-catalog_input-group {
  width: 300px;
}

.drop-down-wrap {
  display: flex;
}
@media (max-width: 819.98px) {
  .drop-down-wrap {
    padding-bottom: 3rem;
  }
}

@media (max-width: 819.98px) {
  .category-items {
    width: 100%;
  }
}

.catalog {
  padding-bottom: 5rem;
}
@media (max-width: 819.98px) {
  .catalog {
    padding-bottom: 2.5rem;
  }
}
.catalog .drop-down-wrap {
  padding-bottom: 0;
}
.catalog .breadcrumbs {
  justify-content: center;
}
@media (max-width: 819.98px) {
  .catalog .breadcrumbs {
    justify-content: left;
  }
}
.catalog__title-wrapper {
  display: flex;
  position: relative;
  justify-content: center;
  margin-bottom: 2rem;
}
@media (max-width: 819.98px) {
  .catalog__title-wrapper {
    justify-content: space-between;
    margin-bottom: 1rem;
  }
}
.catalog__title {
  margin: 0 0.5rem 0 0;
}
@media (max-width: 819.98px) {
  .catalog__title {
    text-transform: none;
    text-align: left;
  }
}
.catalog__controls {
  display: none;
}
@media (max-width: 819.98px) {
  .catalog__controls {
    display: block;
  }
}
.catalog__tag-cloud {
  margin: 0 0 1.25rem;
}
@media (max-width: 1199.98px) {
  .catalog__tag-cloud {
    margin: 0 0 0.75rem;
  }
}
@media (max-width: 819.98px) {
  .catalog__tag-cloud {
    margin: 0 0 0.25rem;
  }
}
.catalog__content {
  margin: 4.75rem 0 0;
}
.catalog__filters {
  width: 100%;
  min-width: 14.1875rem;
  max-width: 14.1875rem;
  margin-right: 1rem;
}
@media (max-width: 819.98px) {
  .catalog__filters {
    width: unset;
    min-width: unset;
    max-width: unset;
    margin: 0;
  }
}

.sale-page {
  padding-bottom: 5rem;
}
@media (max-width: 819.98px) {
  .sale-page {
    padding-bottom: 0;
  }
}
.sale-page__title-wrapper {
  display: flex;
  position: relative;
  justify-content: center;
  margin-bottom: 2rem;
}
@media (max-width: 819.98px) {
  .sale-page__title-wrapper {
    justify-content: space-between;
    margin-bottom: 1rem;
  }
}
.sale-page__title {
  margin: 0 0.5rem 0 0;
}
@media (max-width: 819.98px) {
  .sale-page__title {
    text-transform: none;
    text-align: left;
  }
}
.sale-page__controls {
  display: none;
}
@media (max-width: 819.98px) {
  .sale-page__controls {
    display: block;
  }
}
.sale-page__filters {
  width: 100%;
  min-width: 14.1875rem;
  max-width: 14.1875rem;
  margin-right: 1rem;
}
@media (max-width: 819.98px) {
  .sale-page__filters {
    width: unset;
    min-width: unset;
    max-width: unset;
    margin: 0;
  }
}
.sale-page .sort-filter__select {
  min-height: 10rem;
}

.filters-controls {
  display: none;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  max-width: 9rem;
  text-align: right;
  position: relative;
}
@media (max-width: 819.98px) {
  .filters-controls {
    display: flex;
  }
}
.filters-controls__btn {
  margin: 0 1.25rem 0 0;
}
.filters-controls__btn:last-child {
  margin: 0;
}
.filters-controls__sort-btn > img {
  width: 100%;
  max-width: 0.6875rem;
}

@media (max-width: 819.98px) {
  .filters {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 0 1rem 1rem;
    z-index: 2;
    background-color: #FFFFFF;
  }
}
@media (max-width: 819.98px) {
  .filters_active {
    display: block;
    min-height: 100%;
    padding: 0 1rem 5rem;
  }
}
.filters__header {
  display: none;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-bottom: 1px solid #D9D9D9;
  margin: 0 0 1.5rem;
}
@media (max-width: 819.98px) {
  .filters__header {
    display: flex;
  }
}
.filters__mobile-controls {
  display: none;
  position: fixed;
  z-index: 1;
  left: 0;
  right: 0;
  bottom: 2.5rem;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  background-color: #FAFAFA;
}
.filters__mobile-controls button {
  flex: 1 1 auto;
  padding: 0.5rem;
  font-weight: 300;
  font-size: 0.8125rem;
  line-height: 140%;
}
@media (max-width: 819.98px) {
  .filters__mobile-controls {
    display: flex;
  }
}
@media (max-width: 819.98px) {
  .filters__controls {
    display: none;
  }
}
.filters__reset-btn {
  width: 100%;
  padding: 0.375rem 0;
  line-height: 1.375rem;
  border-color: #D9D9D9;
  margin-bottom: 2rem;
  font-weight: 300;
}
.filters__reset-btn span {
  position: relative;
  display: inline-block;
  margin-left: 14px;
}
.filters__reset-btn span::before {
  content: "";
  display: block;
  position: absolute;
  left: -20px;
  top: 3px;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  background: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.0039 1L1.00391 13' stroke='%231E2123' stroke-miterlimit='10'/%3E%3Cpath d='M12.9961 13L0.996094 1' stroke='%231E2123' stroke-miterlimit='10'/%3E%3C/svg%3E%0A");
}
.filters__reset-btn:hover {
  opacity: 0.5;
}
.filters__reset-btn_mobile {
  background-color: #FFFFFF;
  margin: 0 1rem 0 0;
}
.filters__sort-field {
  padding-bottom: 2.125rem;
}
@media (max-width: 819.98px) {
  .filters__sort-field {
    display: none;
  }
}
.filters__field-toggle-stock {
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}
.filters__price-range {
  display: flex;
  justify-content: space-between;
  margin: 0 0 1.75rem;
}
.filters__field-title {
  display: block;
  color: #1E2123;
  margin-bottom: 0.5rem;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 0.75rem;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  white-space: nowrap;
}

.sidebar_sticky {
  position: sticky;
}
.sidebar_fixed {
  position: fixed;
}
.sidebar_relative {
  position: relative;
}

.field-toggle-stock {
  align-items: center;
}
.field-toggle-stock__title {
  margin-bottom: 0;
}

.custome-checkbox {
  position: relative;
  width: 36px;
  height: 22px;
  cursor: pointer;
}
.custome-checkbox__input {
  position: relative;
  z-index: 1;
  appearance: none;
}
.custome-checkbox__styled-checkbox {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  border: 1px solid #1E2123;
  border-radius: 18px;
  transition: 0.5s;
}
.custome-checkbox__circle {
  position: absolute;
  top: 2px;
  left: 2px;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background-color: #1E2123;
  transition: 0.5s;
}
.custome-checkbox__input:checked ~ .custome-checkbox__styled-checkbox {
  background-color: #1E2123;
}
.custome-checkbox__input:checked ~ .custome-checkbox__styled-checkbox .custome-checkbox__circle {
  left: 17px;
  background-color: #FFFFFF;
}

input.price-range__field {
  width: 100%;
  padding: 0.4375rem 0.375rem 0.375rem 0.5rem;
  margin-right: 0.25rem;
  color: #1E2123;
}
input.price-range__field:last-child {
  margin-right: 0;
}
input.price-range__field::placeholder {
  font-weight: 300;
  line-height: 140%;
  color: #6F6F6F;
}

/* End my mixins */
.product-page {
  padding: 0 0 5rem;
}
@media (max-width: 819.98px) {
  .product-page {
    padding: 0 0 2.5rem;
  }
}
.product-page__product-card {
  margin: 0 0 3.875rem;
}
@media (max-width: 1199.98px) {
  .product-page__product-card {
    margin: 0 0 3.5rem;
  }
}
@media (max-width: 819.98px) {
  .product-page__product-card {
    margin: 0 0 2rem;
  }
}
.product-page__sliders {
  margin: 0 0 3.875rem;
  border-bottom: 1px solid #D9D9D9;
}
@media (max-width: 1199.98px) {
  .product-page__sliders {
    margin: 0 0 3rem;
  }
}
@media (max-width: 819.98px) {
  .product-page__sliders {
    margin: 0 0 1.25rem;
  }
}
.product-page__slider {
  margin: 0 0 4rem;
}
@media (min-width: 1200px) {
  .product-page__slider:last-child {
    margin: 0 0 5rem;
  }
}
@media (max-width: 1199.98px) {
  .product-page__slider {
    margin: 0 0 3rem;
  }
}
@media (max-width: 819.98px) {
  .product-page__slider {
    margin: 0 0 2rem;
  }
}

.product-page .breadcrumbs {
  justify-content: start;
}

.product-card {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}

.product-card_slider {
  width: 57.84%;
  height: 100%;
  position: relative;
}
@media (max-width: 1024.98px) {
  .product-card_slider {
    width: 49.15%;
  }
}
@media (max-width: 820.98px) {
  .product-card_slider {
    width: 100%;
    margin-bottom: 1rem;
  }
}
@media (max-width: 639.98px) {
  .product-card_slider {
    margin-bottom: 0;
  }
}

@media (max-width: 639.98px) {
  .wrap .product-card_slider {
    margin-left: -16px;
    margin-right: -16px;
    min-width: calc(100% + 32px);
  }
}

.product-card_slider .swiper-slide-thumb-active {
  position: relative;
  padding-bottom: 2px;
  border-bottom: 1px solid #1E2123;
}

.swiper-slide_img {
  width: 100%;
  height: auto;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
}

.gallery-top {
  height: 80%;
  width: 100%;
}
.gallery-top__pagination {
  display: none;
  padding-top: 1rem;
  text-align: center;
}
@media (max-width: 819.98px) {
  .gallery-top__pagination {
    display: block;
  }
}
.gallery-top__pagination .swiper-pagination-bullet {
  width: 0.5rem;
  height: 0.5rem;
  background-color: #F2F2F2;
  border-radius: 0%;
  opacity: 1;
}
.gallery-top__pagination .swiper-pagination-bullet-active {
  background-color: #1E2123;
  opacity: 1;
}

.gallery-thumbs .swiper-slide {
  width: 25% !important;
  height: 100%;
}

.wide-slide {
  width: 100% !important;
}

.gallery-thumbs {
  height: 20%;
  box-sizing: border-box;
  padding-top: 1rem;
}
@media (max-width: 819.98px) {
  .gallery-thumbs {
    display: none;
  }
}

.btn-prev.btn-prev--main-product-top,
.btn-next.btn-next--main-product-top {
  position: absolute;
  bottom: 0;
  width: 40%;
  height: 100%;
  background: none;
}
@media (max-width: 819.98px) {
  .btn-prev.btn-prev--main-product-top,
  .btn-next.btn-next--main-product-top {
    display: none;
  }
}

.btn-prev.btn-prev--main-product-top {
  left: 0;
}
.btn-prev.btn-prev--main-product-top:hover .swiper-arrow__prev {
  opacity: 1;
}

.btn-next.btn-next--main-product-top {
  right: 0;
}
.btn-next.btn-next--main-product-top:hover .swiper-arrow__next {
  opacity: 1;
}

.swiper-arrow__prev, .swiper-arrow__next {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2.25rem;
  height: 2.25rem;
  background-color: #FFFFFF;
  opacity: 0;
  transition: opacity 0.2s;
}
.swiper-arrow__prev::after, .swiper-arrow__next::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.swiper-arrow__prev {
  left: 0.5rem;
}
.swiper-arrow__prev::after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxMCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkgMUwxIDkuMDAwMDJMOSAxNyIgc3Ryb2tlPSIjMUUyMTIzIi8+Cjwvc3ZnPgo=);
}
.swiper-arrow__next {
  right: 0.5rem;
}
.swiper-arrow__next::after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxMCAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEgMTdMOSA4Ljk5OTk4TDEgMSIgc3Ryb2tlPSIjMUUyMTIzIi8+Cjwvc3ZnPgo=);
}

.product-card_info {
  display: flex;
  flex-direction: column;
  width: 36.8%;
  font-size: 1rem;
  line-height: 140%;
}
@media (max-width: 1024.98px) {
  .product-card_info {
    width: 49.15%;
  }
}
@media (max-width: 820.98px) {
  .product-card_info {
    width: 100%;
  }
  .product-card_info .show-more-btn {
    font-size: 0.8125rem;
    padding: 0 0 1rem 0;
    border-bottom: 1px solid #D9D9D9;
  }
}

.product-card_info > * {
  margin-bottom: 1.6rem;
}
@media (max-width: 1024.98px) {
  .product-card_info > * {
    margin-bottom: 1rem;
  }
}
.product-card_info > *:last-child {
  margin-bottom: 0;
}

@media (max-width: 820.98px) {
  .product-card_desc_wrap {
    order: -1;
  }
}

.product-card_info_title {
  font-size: 2rem;
  font-weight: 300;
  line-height: 140%;
  margin: 0 0 1.5rem 0;
}
.product-card_info_title.title-table {
  display: none;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0.05rem;
}
@media (max-width: 1024.98px) {
  .product-card_info_title {
    font-size: 1.75rem;
    margin-bottom: 1rem;
  }
}
@media (max-width: 820.98px) {
  .product-card_info_title:not(.title-table) {
    display: none;
  }
  .product-card_info_title.title-table {
    display: block;
  }
}

.product-card__actions {
  margin-bottom: 8px;
}
.product-card__actions .main-good {
  margin-right: 8px;
}
.product-card__actions .product-actions_add {
  width: 32px;
  height: 28px;
  padding: 3px 8px 6px 8px;
  border-radius: 4px;
  text-align: center;
}
.product-card__actions .basket-info {
  display: flex;
}
.product-card__actions .basket-info .product-actions {
  width: 14.6875rem;
}

.product-card__discount {
  margin-bottom: 15px;
}

.product-card_info_desc {
  padding-bottom: 0.375rem;
}
@media (max-width: 819.98px) {
  .product-card_info_desc {
    font-size: 0.8125rem;
    line-height: 1.125rem;
  }
}

.product-card_info__content {
  white-space: pre-wrap;
}

.product-set_text {
  margin: 0;
  padding: 0;
}
@media (max-width: 819.98px) {
  .product-set_text {
    font-size: 0.8125rem;
    line-height: 1.125rem;
  }
}

.else__btn {
  margin-top: 0.5rem;
  color: #6F6F6F;
  cursor: pointer;
  position: relative;
  padding-right: 1.2rem;
}
.else__btn:hover {
  color: #020202;
}
.else__btn::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0.6875rem;
  height: 0.375rem;
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='9' viewBox='0 0 13 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6.5 7L12 1' stroke='%236F6F6F' stroke-width='2'/%3E%3C/svg%3E");
}

.is--active .else__btn::before,
.is--active + .else__btn::before,
.is--active + .show-more-btn .else__btn::before {
  transform: translateY(-50%) rotate(180deg);
}

.icons-block {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 979.98px) {
  .icons-block {
    max-width: 360px;
  }
}

.icons-block_item {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  padding: 40px 10px;
  width: 33.3333333333%;
}
@media (max-width: 979.98px) {
  .icons-block_item {
    justify-content: left;
    width: 100%;
  }
}

.icons-block_item_img-container {
  margin-right: 20px;
  text-align: right;
  align-self: center;
}

.icons-block_item_text {
  max-width: 218px;
  align-self: center;
  font-size: 16px;
  line-height: 23px;
}

.icons-block_item__img {
  width: 100%;
  height: auto;
}

.characteristics {
  font-size: 1rem;
  line-height: 140%;
  max-height: 80px;
  overflow: hidden;
}
@media (max-width: 819.98px) {
  .characteristics {
    font-size: 0.8125rem;
  }
}
.characteristics.is--active {
  max-height: initial;
  overflow: initial;
}

.characteristics__btn {
  display: inline-block;
}

.characteristics__item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 8px;
}
.characteristics__item:last-child {
  margin-bottom: 0;
}

.characteristics-oneless .characteristics__item:last-child {
  margin-bottom: 16px;
}

.characteristics-oneless .characteristics__item:last-child {
  margin-bottom: 16px;
}

.characteristics__item_line {
  border-bottom: 1px dashed #D9D9D9;
  flex-grow: 1;
  margin-top: auto;
  transform: translateY(-4px);
}

.characteristics__item_type {
  margin-right: 8px;
}

.characteristics__item_value {
  text-align: right;
  margin-left: 8px;
}

.characteristics__item_type,
.characteristics__item_value {
  align-items: center;
}

.share-inline {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 80px;
}
@media (max-width: 639.98px) {
  .share-inline {
    display: block;
  }
}

/* End my mixins */
#solidjs-basket:empty {
  height: 22rem;
}

.basket__title {
  margin-top: 2.25rem;
}
@media (max-width: 819.98px) {
  .basket__title {
    margin-top: 1.5rem;
  }
  .basket__title .title_h1 {
    text-align: left;
    text-transform: capitalize;
  }
}

.basket__content {
  padding-bottom: 5rem;
}
@media (max-width: 1024.98px) {
  .basket__content {
    padding-bottom: 2.5rem;
  }
}

.basket__empty {
  text-align: center;
  margin-bottom: 16rem;
}
.basket__empty__desc {
  margin: 0.875rem 0 1rem;
  font-size: 1rem;
  line-height: 140%;
  color: #6F6F6F;
}
@media (max-width: 819.98px) {
  .basket__empty__desc {
    text-align: start;
    margin-top: 0.75rem;
  }
}
.basket__empty .product-btn {
  width: 14.125rem;
  cursor: pointer;
}
@media (max-width: 819.98px) {
  .basket__empty .product-btn {
    width: 100%;
  }
}

.basket-card-wrap {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 67.25rem;
  margin: 0 auto;
  padding-top: 4rem;
}
.basket-card-wrap + .basket__empty {
  margin-top: -3rem;
}
@media (max-width: 1024.98px) {
  .basket-card-wrap {
    padding-top: 2.5rem;
  }
  .basket-card-wrap + .basket__empty {
    margin-top: -2.5rem;
  }
}
@media (max-width: 819.98px) {
  .basket-card-wrap {
    padding-top: 1.25rem;
  }
  .basket-card-wrap + .basket__empty {
    margin-top: -1.25rem;
  }
}

.basket-card {
  display: flex;
  flex-direction: column;
  width: 60.4%;
  max-width: 40.625rem;
}
@media (max-width: 1024.98px) {
  .basket-card {
    width: 100%;
    max-width: 39.625rem;
    margin-left: auto;
    margin-right: auto;
  }
}

.basket-card__header-wrap {
  display: flex;
  margin-bottom: 0.75rem;
}

.basket-card__header .bonus-points-earned {
  margin-top: 0.3rem;
  text-align: end;
  margin-left: -11rem;
}
.basket-card__header .bonus-points-earned .value, .basket-card__header .bonus-points-earned .message {
  color: #018360;
}
@media (max-width: 1023.98px) {
  .basket-card__header .bonus-points-earned .tooltip .tooltip-text {
    top: 125%;
    right: 0;
    bottom: unset;
    margin-right: 1rem;
    margin-left: 0;
    border-radius: 0.5rem 0 0.5rem 0.5rem;
  }
}
@media (max-width: 819.98px) {
  .basket-card__header .bonus-points-earned {
    margin-top: 0.5rem;
    margin-left: 0;
    font-size: 0.8125rem;
    text-align: start;
  }
  .basket-card__header .bonus-points-earned .tooltip-text {
    max-width: 11rem;
  }
}

.basket-card__header {
  display: flex;
  justify-content: space-between;
  align-items: start;
  width: 100%;
}
.basket-card__header > * {
  margin-right: 1rem;
}
.basket-card__header > *:last-child {
  margin-right: 0;
}
@media (max-width: 819.98px) {
  .basket-card__header {
    flex-direction: column;
    justify-content: start;
  }
  .basket-card__header > * {
    margin-right: 0;
    margin-bottom: 1rem;
  }
  .basket-card__header > *:last-child {
    margin-bottom: 0;
  }
}

.basket-card__title > a {
  line-height: 140%;
}

.basket-item-wrap {
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #D9D9D9;
}
@media (max-width: 819.98px) {
  .basket-item-wrap {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
  }
}
.basket-item-wrap:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}

.basket-card__item {
  display: flex;
}

.basket-card__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
}
.basket-card__content > * {
  margin-bottom: 1rem;
}
.basket-card__content > *:last-child {
  margin-bottom: 0;
}

.basket-card__img-mobile {
  display: none;
  width: 21.67%;
  min-width: 3.875rem;
  margin-right: 0.875rem;
}
@media (max-width: 819.98px) {
  .basket-card__img-mobile {
    display: block;
  }
}

.basket-card__img {
  display: block;
  width: 100%;
  max-width: 6.5625rem;
  margin-right: 1rem;
}
@media (max-width: 819.98px) {
  .basket-card__img {
    display: none;
  }
}

.basket-card__btns {
  position: relative;
}
.basket-card__btns .product-order-form {
  margin-bottom: 1rem;
}
@media (max-width: 819.98px) {
  .basket-card__btns .product-order-form {
    margin-bottom: 0.4rem;
  }
}
@media (max-width: 639.98px) {
  .basket-card__btns .product-order-form {
    margin-top: 1rem;
  }
}
@media (max-width: 819.98px) {
  .basket-card__btns {
    font-size: 0.8125rem;
  }
  .basket-card__btns .select-items div {
    padding: 0.375rem 2rem 0.375rem 0.75rem;
  }
}

.basket-card__actions {
  display: flex;
  align-items: center;
}
.basket-card__actions > * {
  margin-right: 1.875rem;
}
.basket-card__actions > *:last-child {
  margin-right: 0;
}
@media (max-width: 819.98px) {
  .basket-card__actions {
    justify-content: space-between;
  }
  .basket-card__actions > * {
    width: 47%;
    text-align: center;
  }
}

.basket-order {
  position: sticky;
  width: 32.34%;
  background-color: #FAFAFA;
  padding: 1.25rem;
  max-height: 8.2rem;
}
.basket-order__info {
  display: flex;
  align-items: end;
  width: 100%;
  margin-bottom: 0.5rem;
}
@media (max-width: 819.98px) {
  .basket-order__info, .basket-order__info .product_info_price {
    font-size: 0.8125rem;
  }
}
.basket-order__info:last-of-type {
  margin-bottom: 2rem;
}
.basket-order__title {
  white-space: nowrap;
}
.basket-order__bonus-earned_value {
  color: #018360;
}
@media (max-width: 1024.98px) {
  .basket-order {
    max-height: 7.5rem;
  }
}
@media (max-width: 819.98px) {
  .basket-order .product-btn {
    max-height: 2rem;
  }
}

.dashed_underline {
  border-bottom: 1px dashed #D9D9D9;
  width: 100%;
}

.basket-card-wrap > .basket-order {
  top: 8.2rem;
}
@media (max-width: 1024.98px) {
  .basket-card-wrap > .basket-order {
    display: none;
  }
}

.basket-order__wrapper {
  width: 100%;
}

.basket__content ~ .basket-order {
  position: sticky;
  bottom: 0;
  width: 100%;
  padding: 1.25rem;
}
.basket__content ~ .basket-order .basket-order__wrapper {
  flex-direction: column;
}
@media (min-width: 820px) {
  .basket__content ~ .basket-order .basket-order__info__wrapper {
    display: flex;
    align-items: center;
    max-width: 39.625rem;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
}
.basket__content ~ .basket-order .basket-order__info {
  margin-bottom: 0.5rem;
  max-width: 20rem;
}
.basket__content ~ .basket-order .product-btn {
  max-width: 18rem;
}
.basket__content ~ .basket-order .basket-order__info,
.basket__content ~ .basket-order .product-btn {
  width: 100%;
}
@media (max-width: 819.98px) {
  .basket__content ~ .basket-order .basket-order__info,
  .basket__content ~ .basket-order .product-btn {
    max-width: none;
  }
}
@media (min-width: 1025px) {
  .basket__content ~ .basket-order {
    display: none;
  }
}
@media (max-width: 819.98px) {
  .basket__content ~ .basket-order {
    padding: 0.5rem 1rem;
    bottom: 2.5rem;
  }
}

/* End my mixins */
#solidjs-order:empty {
  height: 22rem;
}

.form-order .hint--is-error,
.form-order .hint--is-success {
  font-size: 0.8rem;
  font-style: italic;
}
.form-order .hint--is-error p,
.form-order .hint--is-success p {
  margin: 0.5rem 0 1rem;
}
.form-order .is-error-field {
  border-color: #F2A561;
}

#buyers-data-verification-code .js-sms-code-input {
  margin-bottom: 1.5rem;
}
@media (max-width: 819.98px) {
  #buyers-data-verification-code .js-sms-code-input {
    margin-bottom: 0.75rem;
  }
}
#buyers-data-verification-code .sms-resend {
  margin-top: -0.5rem;
}
#buyers-data-verification-code .sms-resend-link {
  color: #6F6F6F;
  cursor: pointer;
}

@media (max-width: 819.98px) {
  .title_order {
    text-transform: none;
    text-align: unset;
  }
}

.form-order {
  line-height: 140%;
  margin-top: 4rem;
}
@media (max-width: 1024.98px) {
  .form-order {
    margin-top: 2.5rem;
  }
}
@media (max-width: 819.98px) {
  .form-order {
    margin-top: 1.25rem;
  }
}
.form-order .new--btn {
  padding: 0.4375rem 0;
  line-height: 140%;
}
@media (max-width: 819.98px) {
  .form-order .new--btn {
    font-size: 0.8125rem;
  }
}

.form-order .legend, .form-order .label {
  font-weight: 300;
}
.form-order .legend {
  font-size: 1.375rem;
  color: #1E2123;
  margin: 0 0 1.5rem;
}
@media (max-width: 819.98px) {
  .form-order .legend {
    font-size: 1rem;
    margin-bottom: 0.9rem;
  }
}
.form-order .label {
  display: inline-block;
  font-size: 0.8125rem;
  color: #6F6F6F;
  margin: 0 0 0.8rem;
}
@media (max-width: 819.98px) {
  .form-order .label {
    margin-bottom: 0.5rem;
  }
}
.form-order .label[for=branch_office_select] {
  margin-bottom: 0;
}

.form-order_wrap {
  display: flex;
  justify-content: center;
  width: 100%;
  padding-bottom: 3.5rem;
}
@media (max-width: 1024.98px) {
  .form-order_wrap {
    display: block;
  }
}
@media (max-width: 819.98px) {
  .form-order_wrap {
    padding-bottom: 0;
  }
}

.form-order_left {
  width: 100%;
  max-width: 40.75rem;
  order: 1;
}
.form-order_left input, .form-order_left textarea {
  font-weight: 300;
  line-height: 140%;
  margin-top: 0;
  padding: 0.4375rem 0.5rem;
}
.form-order_left input, .form-order_left .new--btn {
  margin-bottom: 1rem;
}
@media (max-width: 819.98px) {
  .form-order_left input, .form-order_left .new--btn {
    margin-bottom: 0.5rem;
  }
}
.form-order_left textarea {
  margin-bottom: 0;
}
.form-order_left fieldset {
  margin-bottom: 2.3rem;
  padding-bottom: 2.35rem;
  border-bottom: 1px solid #D9D9D9;
}
@media (max-width: 819.98px) {
  .form-order_left fieldset {
    margin-bottom: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
.form-order_left fieldset:last-of-type {
  padding-bottom: 0;
  border-bottom: 0;
}

@media (min-width: 820px) {
  .form-order_left .recipient-form {
    padding-bottom: 1.25rem;
  }
}

.self-delivery-form {
  margin-bottom: 2.5rem;
}
.self-delivery-form__map-widget {
  margin-top: 1.5rem;
  aspect-ratio: 163/91;
  width: 100%;
  background-color: #FAFAFA;
}

.form-order_right {
  width: 100%;
  max-width: 21.75rem;
  order: 2;
  margin-left: 4.75rem;
}
@media (max-width: 1024.98px) {
  .form-order_right {
    margin-bottom: 1.25rem;
    border-top: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
    padding: 1.25rem 0;
  }
}
@media (max-width: 819.98px) {
  .form-order_right {
    padding: 0.75rem 0;
  }
}

.form-order-bottom {
  background-color: #FAFAFA;
  color: #1E2123;
  padding: 1.25rem;
}
.form-order-bottom .cost-full,
.form-order-bottom .price-full {
  margin-left: 0.5rem;
}
.form-order-bottom .text-attention svg {
  margin-right: 0.5rem;
  transform: translateY(20%);
}
@media (max-width: 819.98px) {
  .form-order-bottom {
    font-size: 0.8125rem;
    line-height: 1rem;
    padding: 1rem;
    margin-left: -1rem;
    margin-right: -1rem;
  }
}

.order-bottom__item {
  display: flex;
  min-width: max-content;
}
.order-bottom__item_lh_sm, .order-bottom__item_lh {
  display: inline-block;
  font-size: 1.45rem;
}
@media (max-width: 1023.98px) {
  .order-bottom__item_lh_sm, .order-bottom__item_lh {
    font-size: 1.375rem;
  }
}
@media (max-width: 819.98px) {
  .order-bottom__item_lh_sm, .order-bottom__item_lh {
    font-size: 1rem;
  }
}
@media (min-width: 820px) {
  .order-bottom__item_lh {
    margin-bottom: -0.3rem;
    margin-top: 0.3rem;
  }
  .order-bottom__item_lh_sm {
    margin-bottom: -0.19rem;
    margin-top: 0.19rem;
  }
}
.order-bottom__amount {
  display: flex;
  justify-content: space-between;
}
.order-bottom__delivery {
  margin-top: 1.25rem;
}
@media (max-width: 819.98px) {
  .order-bottom__delivery {
    margin-top: 0.5rem;
  }
}
.order-bottom__delivery .delivery-header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.75rem;
}
@media (max-width: 819.98px) {
  .order-bottom__delivery .delivery-header {
    margin-bottom: 0.5rem;
  }
}
.order-bottom__delivery .delivery-desc {
  font-size: 0.8125rem;
  color: #6F6F6F;
}
.order-bottom__promo {
  font-size: 0.8125rem;
  text-decoration: underline;
  color: #6F6F6F;
  cursor: pointer;
}
.order-bottom__total-price {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.25rem;
  line-height: 140%;
}
@media (max-width: 819.98px) {
  .order-bottom__total-price {
    font-size: 0.8125rem;
  }
}

@media (max-width: 819.98px) {
  .form-order-bottom .order-bottom__total-price {
    display: block;
    font-size: 1rem;
    margin-bottom: 0.75rem;
  }
  .form-order-bottom .order-bottom__total-price .order-bottom__item:first-child {
    color: #6F6F6F;
  }
  .form-order-bottom .order-bottom__total-price .dashed_underline {
    display: none;
  }
}

.form-order-bottom .order-promocode input {
  margin: 0;
  padding: 0.4375rem 0.5rem;
  border: 0;
}
.form-order-bottom .order-promocode button {
  padding: 0;
  border: 0;
}

.dashed_underline {
  border-bottom: 1px dashed #D9D9D9;
  width: 100%;
}

.delivery-text {
  font-weight: 300;
  line-height: 140%;
  margin-bottom: 1.875rem;
}
@media (max-width: 1023.98px) {
  .delivery-text {
    margin-bottom: 1.575rem;
  }
}
.delivery-text_primary {
  color: #1E2123;
}
.delivery-text_secondary {
  font-size: 0.8125rem;
  color: #6F6F6F;
}
.delivery-text_strong {
  color: #1E2123;
  font-weight: 400;
}
@media (max-width: 819.98px) {
  .delivery-text_strong {
    color: #6F6F6F;
    font-weight: 300;
  }
}
@media (max-width: 819.98px) {
  .delivery-text {
    margin-bottom: 1rem;
  }
}

.sticky-block {
  position: sticky;
  top: 7rem;
  padding: 1.25rem;
  background-color: #FAFAFA;
}
@media (max-width: 1024.98px) {
  .sticky-block {
    background-color: unset;
    padding: 0;
  }
}
.sticky-block__header {
  display: flex;
  justify-content: space-between;
}
.sticky-block__header__right {
  font-size: 0.8125rem;
  color: #6F6F6F;
}
.sticky-block__header__right a, .sticky-block__header__right_mobile a {
  color: #6F6F6F;
}
@media (max-width: 1024.98px) {
  .sticky-block__header {
    display: none;
  }
}
.sticky-block__content {
  margin-top: 1.25rem;
}
.sticky-block__header_mobile, .sticky-block__header__right_mobile {
  display: none;
}
@media (max-width: 1024.98px) {
  .sticky-block__header_mobile, .sticky-block__header__right_mobile {
    display: block;
  }
}
.sticky-block .dropdown__content {
  margin-top: 0.5rem;
}
.sticky-block__header_mobile.legend {
  margin: 0;
}
.sticky-block__header__right_mobile {
  margin-top: 0.5rem;
  margin-bottom: 1.25rem;
  font-size: 0.8125rem;
}

@media (max-width: 819.98px) {
  .sticky-block.is--active {
    margin-bottom: 1.25rem;
  }
}

.order-good {
  display: flex;
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #D9D9D9;
}
.order-good:last-of-type {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.order-good * {
  font-size: 0.8125rem;
}
.order-good__img {
  max-width: 4rem;
  margin-right: 0.875rem;
}
.order-good__title {
  color: #020202;
}
.order-good__params {
  display: flex;
}
.order-good__variant, .order-good__count {
  color: #6F6F6F;
}
.order-good__count {
  margin-right: 1rem;
}
.order-good .price-full {
  margin-left: 0.75rem;
}

@media (max-width: 1024.98px) {
  .form-order_left,
  .form-order_right {
    max-width: 39.75rem;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 819.98px) {
  .form-order_left,
  .form-order_right {
    max-width: none;
    font-size: 0.8125rem;
  }
  .form-order_left input,
  .form-order_right input {
    font-size: 0.8125rem;
  }
  .form-order_left input:focus,
  .form-order_right input:focus {
    font-size: 0.8125rem;
  }
}

.form-order-bottom .bonus-points-earned {
  display: flex;
  justify-content: space-between;
  margin-top: 1.25rem;
}
.form-order-bottom .bonus-points-earned .value {
  color: #018360;
}
@media (max-width: 819.98px) {
  .form-order-bottom .bonus-points-earned {
    margin-top: 0.5rem;
  }
}

.form-order-bottom .bonus-points-info {
  font-size: 0.75rem;
}
.form-order-bottom .bonus-points-info a {
  color: #6F6F6F;
}

.form-order-bottom summary.bonus-points-info {
  cursor: pointer;
}

.delivery-form {
  display: inline-block;
  width: 100%;
}
@media (max-width: 819.98px) {
  .delivery-form {
    margin-bottom: 1rem;
  }
}

.delivery-form.hidden {
  display: none;
}

@media (max-width: 639.98px) {
  .delivery-address {
    display: inline-block;
    width: 100%;
  }
}
.delivery-address_label {
  line-height: 1rem;
  padding: 0 0 0.5rem !important;
  display: block !important;
  margin: 1.79rem 0 -0.765rem !important;
}
@media (max-width: 979.98px) {
  .delivery-address_label {
    padding: 0 0 0.5rem !important;
    display: block !important;
    margin: 1.9rem 0 -0.725rem !important;
  }
}
@media (max-width: 639.98px) {
  .delivery-address_label {
    padding: 0 0 0.5rem !important;
    display: block !important;
    margin: 0.125rem 0 -1.3125rem !important;
  }
}
.delivery-address_lnk-add {
  line-height: 140%;
  margin: 1rem 0;
  display: inline-block;
  white-space: nowrap;
  color: #1E2123;
  cursor: pointer;
  border-bottom: 1px solid #D9D9D9;
}
.delivery-address_row {
  margin: 0 0 1.15rem;
  display: block;
  transition: all 0.75s ease-in-out;
  transform-origin: left top;
  transform: translate(0px, 20px);
  height: auto;
}
.delivery-address_row.is-hidden-slide {
  display: none;
  height: 0;
  margin: 0;
  transform: translate(0px, 0px);
}
.delivery-address__inputs {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (max-width: 639.98px) {
  .delivery-address__inputs {
    flex-direction: column;
  }
}
.delivery-address__city-field {
  outline: none;
}
.delivery-address__suggestions-sities {
  position: absolute;
  z-index: 1;
  right: 0;
  left: 0;
  transform: translateY(-0.25rem);
}
.delivery-address__input_city, .delivery-address__input_flat {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 24, 5%;
}
@media (max-width: 639.98px) {
  .delivery-address__input_city, .delivery-address__input_flat {
    width: 100%;
  }
}
.delivery-address__input_address {
  display: inline-block;
  box-sizing: border-box;
  padding: 0 1.5rem;
  width: 51%;
}
@media (max-width: 979.98px) {
  .delivery-address__input_address {
    padding: 0 0.5rem;
  }
}
@media (max-width: 639.98px) {
  .delivery-address__input_address {
    padding: 0.375rem 0;
    width: 100%;
  }
}
.delivery-address__input_city input, .delivery-address__input_flat input, .delivery-address__input_address input {
  margin-bottom: 0;
}
.delivery-address .hidden {
  display: none;
}

.is-error .delivery-address__input_address input,
.is-error .delivery-address__input_city input,
.is-error .delivery-address__input_flat input {
  border-color: #F2A561;
}
.is-error .f-radio_label:before {
  border-color: #F2A561;
}
.is-error .select-selected {
  border-color: #F2A561;
}
.is-error .buyers-data-grid__item input {
  border-color: #F2A561;
}

@media (max-width: 819.98px) {
  .payment-method {
    display: block;
  }
  .payment-method > * {
    margin-bottom: 0.75rem;
  }
  .payment-method > *:last-child {
    margin-bottom: 0;
  }
}

.delivery-method .radio-box {
  margin-bottom: 1.5rem;
}

.sticky-order-amount {
  position: sticky;
  background: #FAFAFA;
  bottom: 0;
  padding: 1.125rem 0 1.375rem;
}
@media (max-width: 819.98px) {
  .sticky-order-amount {
    bottom: 2.5rem;
  }
}
.sticky-order-amount .order-bottom__total-price {
  margin: 0 auto;
  max-width: 39.75rem;
}
@media (min-width: 1025px) {
  .sticky-order-amount .order-bottom__total-price {
    margin: 0 auto 0 11.5625rem;
  }
}

._shiptor_widget.shiptor-custom {
  height: auto;
}
._shiptor_widget.shiptor-custom ._shiptor_widget_header, ._shiptor_widget.shiptor-custom ._shiptor_widget_footer {
  display: none;
}
._shiptor_widget.shiptor-custom ._shiptor_widget_frame_delivery {
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
}
._shiptor_widget.shiptor-custom ._shiptor_widget_content {
  padding: 0;
}
._shiptor_widget.shiptor-custom ._shiptor_widget_group_title, ._shiptor_widget.shiptor-custom ._shiptor_widget_methods_title {
  font-family: "Lab Grotesque", "Roboto", "Helvetica Neue", sans-serif;
  font-weight: 400;
  color: #020202;
  display: inline-block;
  vertical-align: inherit;
  max-width: 100%;
  margin-top: 6px;
  margin-bottom: 6px;
}
._shiptor_widget.shiptor-custom ._shiptor_widget_group_title {
  font-size: 46px;
  line-height: 33px;
}
._shiptor_widget.shiptor-custom ._shiptor_widget_group_title:first-child {
  font-size: 16px;
  line-height: 23px;
  margin-top: -23px;
}
._shiptor_widget.shiptor-custom ._shiptor_widget_methods_title {
  font-size: 20px;
  line-height: 31px;
}
._shiptor_widget.shiptor-custom ._shiptor_widget_settlement {
  font-size: 20px;
  line-height: 31px;
  font-family: "Lab Grotesque", "Roboto", "Helvetica Neue", sans-serif;
  font-weight: 400;
  box-sizing: content-box;
  color: #020202;
  padding: 6px 24px;
  border-radius: 10px;
  border: 1px solid #D9D9D9;
  width: 80%;
  margin-top: 6px;
  margin-bottom: 6px;
}
._shiptor_widget.shiptor-custom ._shiptor_widget_settlement ::placeholder {
  color: #D9D9D9;
  font-family: "Lab Grotesque", "Roboto", "Helvetica Neue", sans-serif;
}
._shiptor_widget.shiptor-custom ._shiptor_widget_methods_delivery {
  width: 300px;
}
._shiptor_widget.shiptor-custom ._shiptor_widget_methods_cost {
  font-size: 18px;
  line-height: 26px;
  font-family: "Lab Grotesque", "Roboto", "Helvetica Neue", sans-serif;
  font-weight: 400;
  font-style: italic;
  color: #CF1E27;
}
._shiptor_widget.shiptor-custom ._shiptor_widget_methods_time {
  font-size: 18px;
  line-height: 26px;
  font-family: "Lab Grotesque", "Roboto", "Helvetica Neue", sans-serif;
  font-weight: 400;
  font-style: italic;
  color: #020202;
}
._shiptor_widget.shiptor-custom ._shiptor_widget_button._shiptor_widget_button_default, ._shiptor_widget.shiptor-custom ._shiptor_widget_points_confirm {
  font-size: 24px;
  line-height: 35px;
  font-family: "Lab Grotesque", "Roboto", "Helvetica Neue", sans-serif;
  display: inline-block;
  background-color: #D2C06D;
  text-align: left;
  color: #020202 !important;
  border-radius: 16px;
  border: none;
  line-height: 25px;
  transition: 0.2s ease-in;
}
._shiptor_widget.shiptor-custom ._shiptor_widget_button._shiptor_widget_button_default:hover, ._shiptor_widget.shiptor-custom ._shiptor_widget_button._shiptor_widget_button_default:focus, ._shiptor_widget.shiptor-custom ._shiptor_widget_points_confirm:hover, ._shiptor_widget.shiptor-custom ._shiptor_widget_points_confirm:focus {
  outline: none;
  text-decoration: none;
  color: #020202;
  background-color: #F2F2F2;
  transition: 0.2s ease-in;
}
._shiptor_widget.shiptor-custom ._shiptor_widget_button._shiptor_widget_button_default:focus, ._shiptor_widget.shiptor-custom ._shiptor_widget_points_confirm:focus {
  border: 2px solid #020202;
}
._shiptor_widget.shiptor-custom ._shiptor_widget_button._shiptor_widget_button_default:disabled, ._shiptor_widget.shiptor-custom ._shiptor_widget_points_confirm:disabled {
  background-color: #F2F2F2;
  color: #D9D9D9;
}
._shiptor_widget.shiptor-custom ._shiptor_widget_points_confirm {
  left: 50%;
  transform: translateX(-50%);
  bottom: -20px;
  padding: 12px;
  width: 250px;
  text-align: center;
}
._shiptor_widget.shiptor-custom ._shiptor_widget_group {
  margin-bottom: 56px;
}

._shiptor_widget_group > select {
  font-size: 20px !important;
  line-height: 31px !important;
  font-family: "Vaccine Sans", sans-serif !important;
  padding: 8px 22px !important;
  border-radius: 10px !important;
  border: 2px solid #D9D9D9 !important;
  width: 100% !important;
  margin-bottom: 6px !important;
  height: 50px !important;
}

._shiptor_widget_group > ._shiptor_widget_group_title {
  font-size: 20px !important;
  line-height: 31px !important;
  color: #333333 !important;
}

/* End my mixins */
.brands-page {
  padding-bottom: 5rem;
}
@media (max-width: 819.98px) {
  .brands-page {
    padding-bottom: 2rem;
  }
}

.brands-page h1 {
  margin-bottom: 2.25rem;
}
@media (max-width: 419.98px) {
  .brands-page h1 {
    text-align: start;
    text-transform: capitalize;
    margin-bottom: 1rem;
  }
}

.alphabet {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 2rem 1rem;
  line-height: 140%;
}
@media (max-width: 1023.98px) {
  .alphabet {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 819.98px) {
  .alphabet {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 639.98px) {
  .alphabet {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 419.98px) {
  .alphabet {
    grid-template-columns: 1fr;
    row-gap: 1rem;
  }
}

.alphabet__title {
  font-size: 1.25rem;
  padding-bottom: 0.25rem;
  border-bottom: 1px solid #D9D9D9;
}
@media (max-width: 819.98px) {
  .alphabet__title {
    font-size: 1rem;
  }
}

.alphabet__list {
  margin-top: 0.25rem;
}

.alphabet__list_item {
  margin-bottom: 0.5rem;
}

.alphabet__list__link {
  display: block;
}
@media (max-width: 819.98px) {
  .alphabet__list__link {
    font-size: 0.8125rem;
  }
}

.brand-page_img-box {
  max-width: 233px;
  width: 100%;
  padding: 31px 18px;
  border: 1px solid #D9D9D9;
  margin-bottom: 48px;
  margin-top: -27px;
}

.brand-page_img {
  width: 100%;
  height: auto;
}

.brand-page_desc {
  max-width: 1068px;
  font-size: 32px;
  line-height: 46px;
  margin-bottom: 48px;
}

.btn.brand-page_btn {
  padding-left: 72px;
  padding-right: 72px;
  margin-bottom: 120px;
  font-size: 24px;
  line-height: 35px;
  font-family: inherit;
}

.brand {
  padding-bottom: 5rem;
}
.brand__title {
  margin-bottom: 2rem;
}
.brand__filters {
  width: 100%;
  max-width: 14.1875rem;
  margin-right: 1rem;
}
@media (max-width: 819.98px) {
  .brand .product-grid {
    grid-template-columns: repeat(1, 1fr);
  }
}

/* End my mixins */
.sitemap__category-config {
  position: relative;
  color: #6F6F6F;
}

.sitemap_item {
  margin-bottom: 18px;
  width: 23.5%;
}
.sitemap_item ul:not(:empty) {
  margin-top: 1.25rem;
}
@media (max-width: 1549.98px) {
  .sitemap_item {
    width: 32%;
  }
}
@media (max-width: 979.98px) {
  .sitemap_item {
    width: 48.5%;
  }
}
@media (max-width: 639.98px) {
  .sitemap_item {
    width: 100%;
  }
}

.sitemap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 2.375rem;
  padding-bottom: 5rem;
}
@media (max-width: 1199.98px) {
  .sitemap {
    padding-top: 1.5rem;
  }
}
@media (max-width: 819.98px) {
  .sitemap {
    padding-bottom: 2.5rem;
  }
}

/* End my mixins */
.blogs {
  padding-bottom: 4rem;
  color: #1E2123;
}
.blogs .title {
  margin-bottom: 1.5rem;
}
.blogs__info {
  max-width: 469px;
  font-size: 1rem;
  line-height: 140%;
  margin: 0 auto 2rem;
  text-align: center;
}
@media (max-width: 819.98px) {
  .blogs__info {
    display: none;
  }
}
.blogs #js-load-blogs {
  margin-top: 4rem;
}
.blogs .pagination {
  margin-top: 1.5rem;
}

.blogs-hero {
  margin: 3rem auto 2.5rem;
  width: 100%;
  height: 30rem;
  max-width: 100%;
  display: flex;
}
@media (max-width: 819.98px) {
  .blogs-hero {
    display: none;
  }
}
.blogs-hero__preview, .blogs-hero__info {
  height: 100%;
}
.blogs-hero__preview {
  flex: 1 1 54%;
}
.blogs-hero__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blogs-hero__info {
  display: flex;
  flex: 1 1 46%;
  flex-direction: column;
  justify-content: center;
  padding: 0 4.75rem;
  line-height: 140%;
  background-color: #F2F2F2;
}
@media (max-width: 1023.98px) {
  .blogs-hero__info {
    padding: 0 3rem;
  }
}
.blogs-hero__date, .blogs-hero__title {
  font-weight: 400;
}
.blogs-hero__title {
  margin: 0.5rem 0;
  font-size: 1.25rem;
  letter-spacing: 0.03em;
}
.blogs-hero__desc {
  margin: 0.5rem 0 1rem;
  line-height: 160%;
  max-height: 14.4rem;
  overflow: hidden;
}
.blogs-hero__btn {
  display: block;
  width: 100%;
  max-width: 14.1875rem;
  padding: 0.4375rem;
}

.blog_post__content ul, .blog_post__content ol {
  padding-inline-start: 1rem;
}
.blog_post__content ul li::before, .blog_post__content ol li::before {
  content: "-";
  font-size: 1.5rem;
  margin-right: 0.6rem;
}

.blogs-grid {
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 819.98px) {
  .blogs-grid {
    grid-template-columns: 1fr 1fr;
  }
  .one-row .blogs-grid__item:nth-child(n+3) {
    display: none;
  }
}
@media (max-width: 31.98rem) {
  .blogs-grid {
    grid-template-columns: 1fr;
  }
  .blogs-grid.one-row .blogs-grid__item:nth-child(n+2) {
    display: none;
  }
}

.blogs-grid__item {
  display: flex;
  position: relative;
  max-width: 29.3125rem;
  min-width: 14.5rem;
  color: #FFFFFF;
}
.blogs-grid__item__preview {
  position: relative;
  width: 100%;
}
.blogs-grid__item__shadow {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 70%;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgb(0, 0, 0));
}
@media (max-width: 819.98px) {
  .blogs-grid__item__shadow {
    height: 100%;
  }
}
.blogs-grid__item__header {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 1rem;
  line-height: 140%;
  display: flex;
  justify-content: space-between;
  align-items: end;
}
@media (max-width: 1023.98px) {
  .blogs-grid__item__header {
    flex-direction: column;
    align-items: start;
  }
}
@media (max-width: 819.98px) {
  .blogs-grid__item__header {
    font-size: 0.8125rem;
  }
}
.blogs-grid__item__header__title {
  max-width: 77%;
}

/*!
 * Print styles
 *  taken from Bootstrap v3.2.0 | MIT License | getbootstrap.com
 */
@media print {
  * {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  select {
    background: #fff !important;
  }
  .navbar {
    display: none;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}