@font-face {
  font-family: "Tilda Sans";
  src: url("/resources/fonts/TildaSansVF.woff2") format("woff2-variations");
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "PT Sans Narrow";
  src: url("/resources/fonts/PTSansNarrow-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
html {
  font-size: 5.9523809524vw;
}
@media screen and (max-width: 719px) {
  html {
    font-size: 25.641025641vw;
  }
}
@media screen and (min-width:720px) {
  html {
    font-size: 5.9523809524vw;
  }
}
@media screen and (min-width: 1680px) {
  html {
    font-size: 100px;
  }
}

.text--default {
  font-size: 0.18rem;
  font-weight: 400;
  margin: 0;
}
.text--main {
  font-size: 0.42rem;
  margin: 0;
  font-weight: 700;
}
@media screen and (max-width: 719px) {
  .text--main {
    font-size: 0.28rem;
    font-weight: 700;
  }
}
.text--big {
  font-size: 0.32rem;
}
@media screen and (max-width: 719px) {
  .text--big {
    font-size: 0.28rem;
  }
}
.text--middle {
  font-size: 0.24rem;
}
.text--medium {
  font-size: 0.2rem;
}
.text--small {
  font-size: 0.16rem;
}
.text--name {
  font-size: 0.22rem;
  line-height: 1.2;
}
.text--color1 {
  color: #000;
}
.text--color2 {
  color: #fff;
}
.text--color3 {
  color: #919191;
}
.text--color4 {
  color: #e45f2b;
}

.scale-img {
  display: block;
  overflow: hidden;
}
.scale-img img {
  cursor: pointer;
  transition: scale 0.3s ease-out, opacity 0.1s linear;
}
.scale-img:hover img {
  scale: 1.1;
}

a {
  color: #000;
  transition: color 0.1s ease-in-out;
}
a:hover {
  color: #00a8e8;
}

.button {
  background-color: #e45f2b;
  color: #fff;
}
.button--outline {
  background: none;
}
.button--outline:hover {
  background-color: #e45f2b;
  border-color: #e45f2b;
}
.button--primary {
  border-radius: 0.08rem;
  background: #1294e6;
  color: #fff;
  font-family: "Tilda Sans", sans-serif;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 0.1rem;
  border: none;
  cursor: pointer;
  transition: background 0.2s;
}
.button--primary:hover {
  background: #0d7abd;
}

.breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.1rem;
  font-size: 0.2rem;
  color: #0b2b50;
}
.breadcrumbs__item {
  display: inline-flex;
  align-items: center;
}
.breadcrumbs__item:not(:last-child)::after {
  content: "/";
  margin-left: 0.1rem;
  color: #0b2b50;
}
.breadcrumbs a {
  color: #0b2b50;
  text-decoration: none;
}
.breadcrumbs a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 719px) {
  .breadcrumbs {
    color: #0b2b50;
    font-family: "Tilda Sans", sans-serif;
    font-size: 0.16rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .breadcrumbs__item:not(:last-child)::after {
    color: #0b2b50;
  }
  .breadcrumbs a {
    color: #0b2b50;
  }
}

.page-title {
  font-size: 0.4rem;
  font-weight: 400;
  color: #000;
  text-transform: uppercase;
  line-height: 1.2;
}

.hide {
  display: none;
}

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

@media screen and (min-width:720px) {
  .pc-hide {
    display: none;
  }
}

.swiper-controls {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: row;
  gap: 0.12rem;
}

.swiper-button-prev,
.swiper-button-next {
  position: static;
  margin: 0;
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  overflow: hidden;
  background-size: 0.2rem 0.16rem;
}
.swiper-button-prev::after,
.swiper-button-next::after {
  display: none;
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
  opacity: 0.7;
}

.swiper-button-prev {
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.1s linear;
  cursor: pointer;
  background: url(/resources/img/icons/iconarrow-L.png) no-repeat 45% 50%/0.12rem auto, #f0f0f4;
}

.swiper-button-next {
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.1s linear;
  cursor: pointer;
  background: url(/resources/img/icons/iconarrow-R.png) no-repeat 50% 50%/0.12rem auto, #f0f0f4;
}

.pagination-container .pagination.prime .current {
  width: 0.44rem;
  height: 0.44rem;
  border-radius: 0.08rem;
  background: #e7412a;
}

.pagination-container {
  margin-top: 0.6rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.2rem;
  flex-wrap: wrap;
}

.pagination-btn {
  padding: 0.1rem 0.2rem;
  border-radius: 0.08rem;
  background: #f5f5f5;
  color: #000;
  text-decoration: none;
  font-size: 0.16rem;
  font-weight: 500;
  transition: color 0.2s;
  white-space: nowrap;
  width: auto !important;
  height: auto !important;
  display: inline-flex !important;
}
.pagination-btn:hover {
  color: #e7412a;
}
.pagination-btn--start {
  order: -1;
}
.pagination-btn--next {
  order: 1;
}

html {
  font-family: "Tilda Sans", sans-serif;
  background-color: #fff;
  position: relative;
}

h1,
h2,
h3,
h4,
h5,
p {
  margin: 0;
}

body {
  overflow-x: hidden;
  font-size: 0.18rem;
  background-color: #f5f5f7;
  height: auto;
  position: relative;
  z-index: 1;
}

.content-wrapper {
  max-width: 16.8rem;
  margin: 0 auto;
  width: 100%;
  padding: 0 0.4rem;
}
@media screen and (max-width: 719px) {
  .content-wrapper {
    max-width: none;
    padding: 0 0.2rem;
    overflow-x: hidden;
  }
}

.whatsapp-button {
  position: fixed;
  bottom: 0.8rem;
  right: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.12rem;
  border-radius: 0.08rem;
  background: linear-gradient(90deg, #6c3ce1 0%, #a040bf 100%);
  width: 2.41rem;
  height: 0.56rem;
  color: #fff;
  font-family: "Tilda Sans", sans-serif;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  z-index: 1000;
  transition: opacity 0.2s;
}
@media screen and (max-width: 719px) {
  .whatsapp-button {
    bottom: 0.4rem;
    width: 2rem;
    height: 0.4rem;
    font-size: 0.18rem;
  }
}
.whatsapp-button:hover {
  opacity: 0.9;
  color: #fff;
}
.whatsapp-button__icon {
  width: 0.32rem;
  height: 0.32rem;
  flex-shrink: 0;
}
@media screen and (max-width: 719px) {
  .whatsapp-button__icon {
    width: 0.24rem;
    height: 0.24rem;
  }
}
.whatsapp-button__text {
  white-space: nowrap;
}

@media screen and (max-width: 719px) {
  body.salepoint-dropdown-open .whatsapp-button {
    opacity: 0;
    pointer-events: none;
  }
}

#tinymce h1, #tinymce h2, #tinymce h3, #tinymce h4, #tinymce h5, #tinymce h6, *[data-formatted-text] h1, *[data-formatted-text] h2, *[data-formatted-text] h3, *[data-formatted-text] h4, *[data-formatted-text] h5, *[data-formatted-text] h6 {
  margin-bottom: 1.5em;
  margin-bottom: 1.2em;
}
#tinymce h1, *[data-formatted-text] h1 {
  font-size: 32px;
}
#tinymce h2, *[data-formatted-text] h2 {
  font-size: 26px;
}
#tinymce h3, *[data-formatted-text] h3 {
  font-size: 22px;
}
#tinymce h4, *[data-formatted-text] h4 {
  font-size: 17px;
}
#tinymce h5, *[data-formatted-text] h5 {
  font-size: 15px;
}
#tinymce h6, *[data-formatted-text] h6 {
  font-size: 13px;
}
#tinymce p, *[data-formatted-text] p {
  margin-bottom: 1.2em;
  line-height: 1.5em;
}
#tinymce a, *[data-formatted-text] a {
  text-decoration: underline;
}
#tinymce .darkred, *[data-formatted-text] .darkred {
  color: darkred;
}
#tinymce table, *[data-formatted-text] table {
  font-size: 14px;
  border-collapse: collapse;
}
#tinymce table thead td, #tinymce table th, *[data-formatted-text] table thead td, *[data-formatted-text] table th {
  background-color: #ddd;
}
#tinymce table td, #tinymce table th, *[data-formatted-text] table td, *[data-formatted-text] table th {
  vertical-align: top !important;
  border: 1px dashed #ddd;
  padding: 3px 6px;
}
#tinymce table caption, *[data-formatted-text] table caption {
  font-size: 19px;
}
#tinymce table p, *[data-formatted-text] table p {
  margin: 0;
}
#tinymce table .left, *[data-formatted-text] table .left {
  float: none !important;
  text-align: left;
}
#tinymce table .right, *[data-formatted-text] table .right {
  float: none !important;
  text-align: right;
}
#tinymce table .extra, *[data-formatted-text] table .extra {
  background-color: #e3e3e3;
}
#tinymce img.center, *[data-formatted-text] img.center {
  display: block;
  margin: 0 auto 1.2em auto;
}
#tinymce img.right, *[data-formatted-text] img.right {
  float: right;
  margin: 0 0 1.2em 1.2em;
}
#tinymce img.left, *[data-formatted-text] img.left {
  float: left;
  margin: 0 1.2em 1.2em 0;
}
#tinymce hr, *[data-formatted-text] hr {
  border: none;
  border-top: 1px solid #999;
  height: 0;
  margin-bottom: 1.2em;
}
#tinymce .nobr, *[data-formatted-text] .nobr {
  white-space: nowrap;
}
#tinymce blockquote, *[data-formatted-text] blockquote {
  padding: 0;
  margin: 8px 8px 14px 40px;
  font-style: italic;
}
#tinymce a[href$=".mp3"],
#tinymce a[href$=".ogg"],
#tinymce a[href$=".wav"],
#tinymce a[href$=".aac"],
#tinymce a[href$=".flac"],
#tinymce a[href$=".wma"],
#tinymce a[href$=".pdf"],
#tinymce a[href$=".xls"],
#tinymce a[href$=".xlsx"],
#tinymce a[href$=".ppt"],
#tinymce a[href$=".txt"],
#tinymce a[href$=".rtf"],
#tinymce a[href$=".doc"],
#tinymce a[href$=".docx"],
#tinymce a[href$=".zip"],
#tinymce a[href$=".rar"], *[data-formatted-text] a[href$=".mp3"],
*[data-formatted-text] a[href$=".ogg"],
*[data-formatted-text] a[href$=".wav"],
*[data-formatted-text] a[href$=".aac"],
*[data-formatted-text] a[href$=".flac"],
*[data-formatted-text] a[href$=".wma"],
*[data-formatted-text] a[href$=".pdf"],
*[data-formatted-text] a[href$=".xls"],
*[data-formatted-text] a[href$=".xlsx"],
*[data-formatted-text] a[href$=".ppt"],
*[data-formatted-text] a[href$=".txt"],
*[data-formatted-text] a[href$=".rtf"],
*[data-formatted-text] a[href$=".doc"],
*[data-formatted-text] a[href$=".docx"],
*[data-formatted-text] a[href$=".zip"],
*[data-formatted-text] a[href$=".rar"] {
  padding-left: 65px;
  display: inline-block;
  margin-bottom: 10px;
}
#tinymce a[href$=".mp3"]::before,
#tinymce a[href$=".ogg"]::before,
#tinymce a[href$=".wav"]::before,
#tinymce a[href$=".aac"]::before,
#tinymce a[href$=".flac"]::before,
#tinymce a[href$=".wma"]::before,
#tinymce a[href$=".pdf"]::before,
#tinymce a[href$=".xls"]::before,
#tinymce a[href$=".xlsx"]::before,
#tinymce a[href$=".ppt"]::before,
#tinymce a[href$=".txt"]::before,
#tinymce a[href$=".rtf"]::before,
#tinymce a[href$=".doc"]::before,
#tinymce a[href$=".docx"]::before,
#tinymce a[href$=".zip"]::before,
#tinymce a[href$=".rar"]::before, *[data-formatted-text] a[href$=".mp3"]::before,
*[data-formatted-text] a[href$=".ogg"]::before,
*[data-formatted-text] a[href$=".wav"]::before,
*[data-formatted-text] a[href$=".aac"]::before,
*[data-formatted-text] a[href$=".flac"]::before,
*[data-formatted-text] a[href$=".wma"]::before,
*[data-formatted-text] a[href$=".pdf"]::before,
*[data-formatted-text] a[href$=".xls"]::before,
*[data-formatted-text] a[href$=".xlsx"]::before,
*[data-formatted-text] a[href$=".ppt"]::before,
*[data-formatted-text] a[href$=".txt"]::before,
*[data-formatted-text] a[href$=".rtf"]::before,
*[data-formatted-text] a[href$=".doc"]::before,
*[data-formatted-text] a[href$=".docx"]::before,
*[data-formatted-text] a[href$=".zip"]::before,
*[data-formatted-text] a[href$=".rar"]::before {
  position: absolute;
  text-transform: uppercase;
  color: #000;
  padding: 3px 6px;
  margin-top: -4px;
  margin-left: -65px;
  border: 1px solid #000;
  font-size: 12px;
  border-radius: 4px;
  width: 50px;
  text-align: center;
}
#tinymce a[href$=".mp3"]::before, *[data-formatted-text] a[href$=".mp3"]::before {
  content: "mp3";
}
#tinymce a[href$=".ogg"]::before, *[data-formatted-text] a[href$=".ogg"]::before {
  content: "ogg";
}
#tinymce a[href$=".wav"]::before, *[data-formatted-text] a[href$=".wav"]::before {
  content: "wav";
}
#tinymce a[href$=".aac"]::before, *[data-formatted-text] a[href$=".aac"]::before {
  content: "aac";
}
#tinymce a[href$=".flac"]::before, *[data-formatted-text] a[href$=".flac"]::before {
  content: "flac";
}
#tinymce a[href$=".wma"]::before, *[data-formatted-text] a[href$=".wma"]::before {
  content: "wma";
}
#tinymce a[href$=".pdf"]::before, *[data-formatted-text] a[href$=".pdf"]::before {
  content: "pdf";
}
#tinymce a[href$=".xls"]::before, *[data-formatted-text] a[href$=".xls"]::before {
  content: "xls";
}
#tinymce a[href$=".xlsx"]::before, *[data-formatted-text] a[href$=".xlsx"]::before {
  content: "xlsx";
}
#tinymce a[href$=".ppt"]::before, *[data-formatted-text] a[href$=".ppt"]::before {
  content: "ppt";
}
#tinymce a[href$=".txt"]::before, *[data-formatted-text] a[href$=".txt"]::before {
  content: "txt";
}
#tinymce a[href$=".rtf"]::before, *[data-formatted-text] a[href$=".rtf"]::before {
  content: "rtf";
}
#tinymce a[href$=".doc"]::before, *[data-formatted-text] a[href$=".doc"]::before {
  content: "doc";
}
#tinymce a[href$=".docx"]::before, *[data-formatted-text] a[href$=".docx"]::before {
  content: "docx";
}
#tinymce a[href$=".zip"]::before, *[data-formatted-text] a[href$=".zip"]::before {
  content: "zip";
}
#tinymce a[href$=".rar"]::before, *[data-formatted-text] a[href$=".rar"]::before {
  content: "rar";
}

.header {
  background-color: #fff;
  border-radius: 0 0 0.4rem 0.4rem;
  position: relative;
}
@media screen and (max-width: 719px) {
  .header {
    padding-top: env(safe-area-inset-top);
  }
}
.header--index {
  border-radius: 0;
}
.header__inner-block {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  padding: 0.28rem 0.4rem 0.65rem;
}
@media screen and (max-width: 719px) {
  .header__inner-block {
    padding: 0.2rem;
  }
}
.header__inner-block .header--index {
  padding: 0.28rem 0;
}
.header__top {
  display: flex;
  align-items: center;
  gap: 0.55rem;
}
@media screen and (max-width: 719px) {
  .header__top {
    gap: 0;
    justify-content: space-between;
  }
}
.header__logo-link {
  display: inline-flex;
  flex-shrink: 0;
  text-decoration: none;
  cursor: pointer;
}
.header__logo-block {
  display: flex;
  align-items: center;
  gap: 0.18rem;
  cursor: inherit;
}
.header__logo-block picture {
  margin-top: 0.14rem;
  cursor: inherit;
}
.header__logo-block img {
  cursor: inherit;
}
@media screen and (max-width: 719px) {
  .header__logo-block {
    gap: 0.15rem;
  }
  .header__logo-block picture {
    margin-top: 0;
  }
}
.header__logo-icon {
  width: 0.59rem;
}
@media screen and (max-width: 719px) {
  .header__logo-icon {
    width: 0.43rem;
  }
}
.header__logo-text {
  width: 4.5rem;
}
@media screen and (max-width: 719px) {
  .header__logo-text {
    width: 1.34rem;
    margin-top: 0.07rem;
  }
}
.header__tools {
  display: flex;
  align-items: center;
  flex-grow: 1;
}
@media screen and (max-width: 719px) {
  .header__tools {
    gap: 0.2rem;
    justify-content: flex-end;
  }
}
.header__burger-btn, .header__search-btn {
  display: none;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  width: 0.25rem;
}
@media screen and (max-width: 719px) {
  .header__burger-btn, .header__search-btn {
    display: flex;
  }
}
.header__burger-btn img, .header__search-btn img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.header__tools-catalog-btn {
  width: 1.76rem;
  height: 0.56rem;
  border-radius: 0.08rem;
  display: flex;
  align-items: center;
  gap: 0.16rem;
  font-size: 0.24rem;
  font-weight: 400;
  color: #fff;
  text-decoration: none;
  background: #e7412a;
  padding: 0 0.13rem;
  margin-right: 0.16rem;
}
.header__tools-catalog-btn:hover {
  color: #fff;
  background-color: #d53b26;
}
.header__tools-catalog-btn img {
  width: 0.3rem;
}
@media screen and (max-width: 719px) {
  .header__tools-catalog-btn {
    display: none;
  }
}
.header__catalog-menu {
  position: absolute;
  top: 1.1rem;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100vw - 0.8rem);
  max-width: 16rem;
  background: #fff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
  z-index: 10005;
}
@media screen and (max-width: 719px) {
  .header__catalog-menu {
    display: none !important;
  }
}
.header__catalog-menu-inner {
  width: 100%;
  padding: 0.4rem 0;
  box-sizing: border-box;
}
.header__catalog-menu-columns {
  display: flex;
  align-items: flex-start;
  width: 100%;
  overflow-x: auto;
  padding: 0 0.4rem;
  box-sizing: border-box;
}
.header__catalog-menu-column {
  position: relative;
  width: 5.49rem;
  min-width: 5.49rem;
  flex: 0 0 5.49rem;
}
.header__catalog-menu-column + .header__catalog-menu-column {
  margin-left: 0.7rem;
  padding-left: 0.7rem;
  border-left: 1px solid rgba(0, 0, 0, 0.3);
  width: 5.49rem;
  min-width: 5.49rem;
  flex-basis: 5.49rem;
}
.header__catalog-menu-item {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  position: relative;
  padding: 0;
  padding-right: 0.99rem;
  border: none;
  background: transparent;
  color: #000;
  font-family: "Tilda Sans", sans-serif;
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.4rem;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.2s;
}
.header__catalog-menu-item:hover, .header__catalog-menu-item.is-active {
  color: #00a8e8;
}
.header__catalog-menu-label {
  display: block;
  width: 4.5rem;
  max-width: 4.5rem;
  min-width: 4.5rem;
}
.header__catalog-menu-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  right: 0.3rem;
  transform: translateY(-50%);
  width: 0.09rem;
  min-width: 0.09rem;
  margin-left: 0;
}
.header__catalog-menu-arrow svg {
  display: block;
  width: 0.09rem;
  height: 0.17rem;
}
.header__search {
  flex-grow: 1;
  margin-right: 0.35rem;
}
@media screen and (max-width: 719px) {
  .header__search {
    display: none;
  }
}
.header__search-input {
  background-image: url("/resources/img/search.svg");
  background-repeat: no-repeat;
  background-position: right 0.16rem center;
  background-size: 0.24rem;
  padding-right: 0.5rem;
  height: 0.56rem !important;
  border: none !important;
  outline: none !important;
  border-radius: 0.08rem;
  background-color: #f5f5f7;
  font-size: 0.24rem !important;
  font-family: "Tilda Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #000;
  width: 100%;
}
.header__search-input::placeholder {
  color: #000 !important;
  font-family: "Tilda Sans", sans-serif;
  font-style: normal;
  font-weight: 400 !important;
  line-height: normal;
}
.header__mini-cart .mini-cart {
  display: flex;
  align-items: center;
  gap: 0.22rem;
}
@media screen and (max-width: 719px) {
  .header__mini-cart .mini-cart {
    margin-top: -0.05rem;
  }
}
.header__mini-cart .mini-cart__img {
  width: 0.35rem;
}
@media screen and (max-width: 719px) {
  .header__mini-cart .mini-cart__img {
    width: 0.28rem;
  }
}
@media screen and (max-width: 719px) {
  .header__mini-cart .mini-cart__text {
    display: none;
  }
}
.header__mini-cart .mini-cart span {
  font-size: 0.2rem;
}
@media screen and (max-width: 719px) {
  .header__mini-cart .mini-cart span:not(.mini-cart__text):not(.mini-cart__price) {
    display: none;
  }
}
.header__bottom {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
@media screen and (max-width: 719px) {
  .header__bottom {
    display: none;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 10000;
    overflow-y: auto;
  }
  .header__bottom.active {
    display: flex;
  }
}
.header__close-btn {
  display: none;
}
@media screen and (max-width: 719px) {
  .header__close-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0.2rem;
    right: 0.2rem;
    width: 0.4rem;
    height: 0.4rem;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    z-index: 10001;
  }
  .header__close-btn img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    filter: brightness(0);
  }
}
@media screen and (max-width: 719px) {
  .header__menu {
    width: 100%;
    padding: 0.6rem 0.2rem 0.2rem;
  }
}
.header__menu ul {
  list-style: none;
  display: flex;
  gap: 0.32rem;
}
@media screen and (max-width: 719px) {
  .header__menu ul {
    flex-direction: column;
    gap: 0;
    width: 100%;
    padding: 0;
  }
}
@media screen and (max-width: 719px) {
  .header__menu ul li {
    width: 100%;
    padding: 0;
    margin-bottom: 0.2rem;
  }
  .header__menu ul li:last-child {
    margin-bottom: 0;
  }
}
.header__menu ul li a {
  text-decoration: none;
}
@media screen and (max-width: 719px) {
  .header__menu ul li a {
    display: block;
    width: 100%;
    color: #000;
    font-family: "Tilda Sans", sans-serif;
    font-size: 0.24rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    padding: 0;
  }
}
@media screen and (max-width: 719px) {
  .header__menu ul li span {
    display: block;
    width: 100%;
    color: #000;
    font-family: "Tilda Sans", sans-serif;
    font-size: 0.24rem;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    padding: 0;
  }
}
.header__contact-phone {
  font-size: 0.24rem;
  font-weight: 600;
}
@media screen and (max-width: 719px) {
  .header__contact-phone {
    display: none;
  }
}

.salepoint-selector {
  display: inline-flex;
  align-items: center;
  gap: 0.1rem;
  cursor: pointer;
}
.salepoint-selector__icon {
  width: 0.165rem;
}
.salepoint-selector__title {
  font-size: 0.2rem;
  font-weight: 400;
  color: #000;
}
.salepoint-selector__caret {
  width: 0.17rem;
  height: auto;
}

@media screen and (max-width: 719px) {
  .salepoint-selector-block {
    display: none;
  }
}

.footer {
  padding: 1rem 0 0.3rem;
  margin-top: 0.8rem;
  background: linear-gradient(333deg, #00a8e8 14.29%, #1e88e5 94.21%);
  color: #fff;
}
@media screen and (max-width: 719px) {
  .footer {
    padding-top: 0.5rem;
    margin-top: 0.6rem;
    padding-bottom: calc(1rem + env(safe-area-inset-bottom));
  }
}
.footer__logo-text {
  text-transform: uppercase;
  font-size: 0.52rem;
  font-weight: 700;
  margin-bottom: 0.3rem;
}
@media screen and (max-width: 719px) {
  .footer__logo-text {
    font-size: 0.25rem;
  }
}
.footer__logo-text {
  color: #fff;
}
.footer__inner {
  padding: 0 0.43rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (max-width: 719px) {
  .footer__inner {
    padding: 0 0.2rem;
  }
}
.footer__menu-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  gap: 0.32rem;
}
@media screen and (max-width: 719px) {
  .footer__menu-content ul {
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
.footer__menu-content ul li {
  font-size: 0.26rem;
}
@media screen and (max-width: 719px) {
  .footer__menu-content ul li {
    font-size: 0.22rem;
  }
}
.footer__menu-content ul li a {
  color: #fff;
}
.footer__contact-block {
  display: flex;
  flex-direction: column;
  width: 5.2rem;
}
@media screen and (max-width: 719px) {
  .footer__contact-block {
    width: 100%;
  }
}
.footer__contact-phone {
  font-size: 0.32rem;
  font-weight: 600;
  margin-bottom: 0.24rem;
}
@media screen and (max-width: 719px) {
  .footer__contact-phone {
    font-size: 0.26rem;
    margin-bottom: 0.22rem;
  }
}
.footer__contact-phone a {
  color: #fff;
}
.footer__contact-address {
  font-size: 0.32rem;
  margin-bottom: 0.32rem;
}
@media screen and (max-width: 719px) {
  .footer__contact-address {
    font-size: 0.2rem;
    margin-bottom: 0.2rem;
  }
}
.footer__contact-schedule {
  font-size: 0.2rem;
}
@media screen and (max-width: 719px) {
  .footer__contact-schedule {
    font-size: 0.2rem;
    margin-bottom: 0.2rem;
  }
}
.footer__copyrights {
  margin-top: 1rem;
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
@media screen and (max-width: 719px) {
  .footer__copyrights {
    margin-top: 0.36rem;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.2rem;
  }
}
.footer__copyrights-text {
  font-size: 0.22rem;
}
@media screen and (max-width: 719px) {
  .footer__copyrights-text {
    font-size: 0.18rem;
    order: 2;
  }
}
.footer__copyrights-text a {
  color: #fff;
}
.footer__copyrights-info {
  font-size: 0.28rem;
  text-transform: uppercase;
  font-family: "PT Sans Narrow";
}
@media screen and (max-width: 719px) {
  .footer__copyrights-info {
    font-size: 0.2rem;
  }
}

.main-catalog {
  padding-top: 0.26rem;
  margin-bottom: 0.9rem;
}
@media screen and (max-width: 719px) {
  .main-catalog {
    margin-bottom: 0.4rem;
  }
}
.main-catalog__items {
  display: flex;
  flex-wrap: wrap;
  gap: 0.2rem;
}
@media screen and (max-width: 719px) {
  .main-catalog__items {
    flex-direction: column;
    gap: 0.1rem;
  }
}
.main-catalog__item {
  width: calc((100% - 0.6rem) / 4);
  border-radius: 0.25rem;
  aspect-ratio: 1/1;
  overflow: hidden;
  text-decoration: none;
  padding: 0.2rem;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  cursor: pointer;
}
@media screen and (max-width: 719px) {
  .main-catalog__item {
    width: 100%;
    background-color: transparent;
    padding: 0;
    aspect-ratio: auto;
    flex-direction: row;
    gap: 0.23rem;
    align-items: center;
  }
}
.main-catalog__item {
  position: relative;
}
.main-catalog__item-img {
  width: 100%;
  flex: 1;
  min-height: 0;
  object-fit: cover;
}
@media screen and (max-width: 719px) {
  .main-catalog__item-img {
    display: block;
    width: 0.72rem;
    height: 0.72rem;
    flex: none;
    border-radius: 0.08rem;
    background-color: #fff;
    overflow: hidden;
  }
}
.main-catalog__img-block {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 719px) {
  .main-catalog__img-block {
    position: static;
    width: 0.72rem;
    height: 0.72rem;
    background-color: #fff;
    border-radius: 0.08rem;
    flex: none;
    overflow: hidden;
  }
}
.main-catalog__item-title {
  font-size: 0.24rem;
  text-transform: uppercase;
  font-weight: 400;
  flex-shrink: 0;
  margin-top: auto;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-word;
}
@media screen and (max-width: 719px) {
  .main-catalog__item-title {
    font-size: 0.2rem;
    margin-top: 0;
    flex: 1;
    min-width: 0;
  }
}
.main-catalog__item-title {
  position: relative;
  z-index: 1;
}

.main-banners {
  background-color: #fff;
}
.main-banners__inner {
  display: flex;
  gap: 0.2rem;
  padding: 0.1rem 0.4rem 0.8rem;
}
@media screen and (max-width: 719px) {
  .main-banners__inner {
    padding: 0.2rem;
    flex-direction: column;
  }
}

.main-banner-wrapper {
  display: flex;
  gap: 0.2rem;
  width: 10.6rem;
  height: 5.2rem;
}
@media screen and (max-width: 719px) {
  .main-banner-wrapper {
    width: 100%;
    position: relative;
    height: auto;
    min-height: 2.2rem;
  }
}

.main-slider-text,
.main-slider-poster {
  width: 5.2rem;
  height: 5.2rem;
  margin: 0;
  overflow: hidden;
  position: relative;
}
.main-slider-text .swiper-wrapper,
.main-slider-poster .swiper-wrapper {
  display: flex;
}
.main-slider-text .swiper-slide,
.main-slider-poster .swiper-slide {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.main-slider-text .swiper-slide.swiper-slide-active,
.main-slider-poster .swiper-slide.swiper-slide-active {
  opacity: 1;
}
.main-slider-text .swiper-button-prev,
.main-slider-text .swiper-button-next,
.main-slider-poster .swiper-button-prev,
.main-slider-poster .swiper-button-next {
  display: none !important;
}
.main-slider-text::after, .main-slider-text::before,
.main-slider-poster::after,
.main-slider-poster::before {
  display: none !important;
}

.main-slider-text {
  height: 5.2rem;
}
@media screen and (max-width: 719px) {
  .main-slider-text {
    width: 100%;
    height: auto;
    min-height: 2.2rem;
  }
  .main-slider-text .swiper-slide {
    height: auto;
  }
}

.main-slider-poster {
  height: 5.2rem;
}
@media screen and (max-width: 719px) {
  .main-slider-poster {
    position: absolute;
    width: 1.03rem;
    height: 1.03rem;
    right: 0.16rem;
    top: 0.16rem;
  }
}

.main-slider-item {
  width: 100%;
  height: 100%;
  border-radius: 0.2rem;
  background: linear-gradient(333deg, #00a8e8 14.29%, #1e88e5 94.21%);
  padding: 0.36rem;
  color: #fff;
  position: relative;
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 719px) {
  .main-slider-item {
    padding: 0.16rem;
    min-height: 2.2rem;
  }
}
.main-slider-item__title {
  font-size: 0.4rem;
  text-transform: uppercase;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 0.13rem;
}
@media screen and (max-width: 719px) {
  .main-slider-item__title {
    font-size: 0.16rem;
    margin-bottom: 0.08rem;
    max-width: 1.98rem;
  }
}
.main-slider-item__description {
  font-size: 0.24rem;
  font-weight: 400;
  display: block;
}
@media screen and (max-width: 719px) {
  .main-slider-item__description {
    font-size: 0.12rem;
    max-width: 1.94rem;
  }
}
.main-slider-item__button {
  display: inline-flex;
  padding: 0.1rem 0.3rem;
  justify-content: center;
  align-items: center;
  gap: 0.1rem;
  color: #0b2b50;
  font-family: "Tilda Sans", sans-serif;
  font-size: 0.26rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  background: #fff;
  border-radius: 0.08rem;
  border: 0;
  outline: none;
  cursor: pointer;
  text-decoration: none;
  position: absolute;
  bottom: 0.96rem;
  left: 0.36rem;
  transition: opacity 0.2s;
}
@media screen and (max-width: 719px) {
  .main-slider-item__button {
    padding: 0.06rem 0.17rem;
    font-size: 0.16rem;
    bottom: 0.2rem;
    left: 0.16rem;
  }
}
.main-slider-item__button:hover {
  opacity: 0.9;
}
.main-slider-item__controls {
  position: absolute;
  bottom: 0.36rem;
  left: 0.36rem;
  display: flex;
  gap: 0.12rem;
}
@media screen and (max-width: 719px) {
  .main-slider-item__controls {
    left: 1.2rem;
    bottom: 0.3rem;
  }
}
.main-slider-item__button-prev, .main-slider-item__button-next {
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  transition: opacity 0.2s;
}
.main-slider-item__button-prev:hover, .main-slider-item__button-next:hover {
  opacity: 0.7;
}
.main-slider-item__button-prev img, .main-slider-item__button-next img {
  width: 0.18rem;
  height: 0.15rem;
}

.main-banner-poster {
  width: 100%;
  height: 100%;
  border-radius: 0.2rem;
  overflow: hidden;
}
.main-banner-poster img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.main-banner-ad {
  width: 5.2rem;
  height: 5.2rem;
  margin: 0;
  border-radius: 0.2rem;
  overflow: hidden;
  background-color: #f5f5f7;
  padding: 0.36rem;
  color: #000;
  display: flex;
  flex-direction: column;
  position: relative;
}
@media screen and (max-width: 719px) {
  .main-banner-ad {
    width: 100%;
    padding: 0.26rem 0.2rem;
    height: 1.6rem;
  }
}
.main-banner-ad__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
@media screen and (max-width: 719px) {
  .main-banner-ad__img {
    height: auto;
    width: 1.7rem;
    left: auto;
    right: 0;
  }
}
.main-banner-ad__title {
  font-size: 0.4rem;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 0.2rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 719px) {
  .main-banner-ad__title {
    font-size: 0.22rem;
    margin-bottom: 0.06rem;
  }
}
.main-banner-ad__description {
  font-size: 0.2rem;
  font-weight: 400;
  display: block;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 719px) {
  .main-banner-ad__description {
    font-size: 0.16rem;
    font-weight: 500;
    max-width: 2.15rem;
  }
}
.main-banner-ad__button {
  margin-top: auto;
  display: inline-flex;
  width: 0.52rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 719px) {
  .main-banner-ad__button {
    display: none;
  }
}

.main-partners {
  display: flex;
  padding: 0 1rem;
  margin: 1.4rem 0;
  gap: 1.6rem;
}
@media screen and (max-width: 719px) {
  .main-partners {
    margin: 0;
    gap: 0;
    padding: 0;
    margin-bottom: 0.6rem;
    margin-top: 0.4rem;
    flex-direction: column;
  }
}
.main-partners__text {
  width: 6.56rem;
  font-size: 0.4rem;
}
@media screen and (max-width: 719px) {
  .main-partners__text {
    font-size: 0.24rem;
    width: 100%;
    font-weight: 400;
    margin-top: 0.36rem;
  }
}
.main-partners__text p {
  margin: 0;
}
.main-partners__text p:first-child {
  margin-bottom: 0.2rem;
}
.main-partners__items {
  display: grid;
  grid-template-columns: repeat(3, 1.6rem);
  gap: 0.32rem;
}
@media screen and (max-width: 719px) {
  .main-partners__items {
    grid-template-columns: repeat(2, 1.4rem);
    gap: 0.2rem 0.6rem;
    width: 100%;
  }
}
.main-partners__item {
  width: 1.6rem;
  height: auto;
  object-fit: contain;
}
@media screen and (max-width: 719px) {
  .main-partners__item {
    width: 1.4rem;
  }
}

.main-about__title {
  font-size: 0.7rem;
  margin-bottom: 1rem;
  text-transform: uppercase;
  font-weight: 700;
}
@media screen and (max-width: 719px) {
  .main-about__title {
    font-size: 0.32rem;
    margin-bottom: 0.3rem;
    line-height: 1.2;
  }
}
.main-about__items {
  display: flex;
  justify-content: space-between;
  gap: 0.2rem;
}
@media screen and (max-width: 719px) {
  .main-about__items {
    flex-direction: column;
  }
}
.main-about__item {
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 0.2rem;
  background: #fff;
  padding: 0.3rem 0.28rem;
  display: flex;
  flex-direction: column;
  transition: background-color 0.2s ease, color 0.2s ease;
}
@media screen and (max-width: 719px) {
  .main-about__item {
    width: 100%;
    padding: 0.26rem 0.28rem;
    height: auto;
  }
}
.main-about__item:nth-child(even) {
  margin-top: -0.5rem;
}
@media screen and (max-width: 719px) {
  .main-about__item:nth-child(even) {
    margin-top: 0;
  }
}
.main-about__item:hover {
  background: #00a8e8;
  color: #fff;
}
.main-about__item-title {
  font-size: 0.32rem;
  font-weight: 600;
  margin-bottom: 0.16rem;
  line-height: 1.2;
}
@media screen and (max-width: 719px) {
  .main-about__item-title {
    font-size: 0.26rem;
    margin-bottom: 0.12rem;
  }
}
.main-about__item-description {
  font-size: 0.2rem;
  font-weight: 400;
  line-height: 1.4;
}
@media screen and (max-width: 719px) {
  .main-about__item-description {
    font-size: 0.18rem;
  }
}

.main-image {
  width: 100%;
  margin: 0.6rem 0 1rem;
  border-radius: 0.2rem;
  overflow: hidden;
}
@media screen and (max-width: 719px) {
  .main-image {
    margin-top: 0.4rem;
    margin-bottom: 0.35rem;
    border-radius: 0;
    width: calc(100% + 0.4rem);
    margin-left: -0.2rem;
  }
}

.main-info {
  display: flex;
  gap: 0.9rem;
}
@media screen and (max-width: 719px) {
  .main-info {
    flex-direction: column;
    gap: 0.2rem;
  }
}
.main-info__img {
  width: 5.2rem;
}
@media screen and (max-width: 719px) {
  .main-info__img {
    width: 2.08rem;
  }
}
.main-info__content {
  margin-top: 0.2rem;
}
.main-info__title-block {
  font-size: 0.4rem;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 0.2rem;
  width: 7.9rem;
  margin-bottom: 0.48rem;
}
@media screen and (max-width: 719px) {
  .main-info__title-block {
    width: 100%;
    font-size: 0.26rem;
    margin-bottom: 0.3rem;
  }
}
.main-info__title-block span {
  color: #00a8e8;
  text-transform: uppercase;
  font-weight: 700;
}
.main-info__text {
  font-size: 0.2rem;
  width: 7.9rem;
  margin-left: 1.12rem;
  font-weight: 400;
  line-height: 1.4;
}
@media screen and (max-width: 719px) {
  .main-info__text {
    width: 100%;
    margin-left: 0;
    font-size: 0.2rem;
  }
}
.main-info__text p {
  margin: 0;
  margin-bottom: 0.2rem;
}

.catalog-index {
  margin-top: 0.6rem;
}
@media screen and (max-width: 719px) {
  .catalog-index {
    margin-top: 0.36rem;
  }
}

.catalog-page {
  padding-top: 0.7rem;
}
.catalog-page__breadcrumbs {
  margin-bottom: 0.16rem;
}
@media screen and (max-width: 719px) {
  .catalog-page__breadcrumbs .breadcrumbs {
    color: #0b2b50;
    font-family: "Tilda Sans", sans-serif;
    font-size: 0.16rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .catalog-page__breadcrumbs .breadcrumbs a {
    color: #0b2b50;
  }
  .catalog-page__breadcrumbs .breadcrumbs__item:not(:last-child)::after {
    color: #0b2b50;
  }
}
.catalog-page__title {
  margin-bottom: 0.4rem;
}
@media screen and (max-width: 719px) {
  .catalog-page__title {
    color: #000;
    font-family: "Tilda Sans", sans-serif;
    font-size: 0.26rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 0.2rem;
  }
}
.catalog-page__mobile-controls {
  display: none;
}
.catalog-page__content {
  display: flex;
  gap: 0.2rem;
}
.catalog-page__sidebar {
  width: 2.6rem;
  flex-shrink: 0;
}
.catalog-page__products {
  flex: 1;
  min-width: 0;
}
@media screen and (max-width: 719px) {
  .catalog-page__mobile-controls {
    display: flex;
    flex-direction: column;
    gap: 0.16rem;
    margin-bottom: 0.2rem;
  }
  .catalog-page__mobile-category-select {
    width: 100%;
    height: 0.46rem;
    border-radius: 0.08rem;
    background: #fff;
    border: none;
    padding: 0 0.16rem;
    font-family: "Tilda Sans", sans-serif;
    font-size: 0.18rem;
    font-weight: 400;
    color: #000;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.16rem center;
    background-size: 0.12rem 0.08rem;
    padding-right: 0.4rem;
  }
  .catalog-page__mobile-category-select:focus {
    outline: none;
  }
  .catalog-page__mobile-sort-btn {
    width: 100%;
    background: transparent;
    border: none;
    padding: 0;
    font-family: "Tilda Sans", sans-serif;
    font-size: 0.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    color: #000;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.12rem;
    position: relative;
  }
  .catalog-page__mobile-sort-icon {
    width: 0.18rem;
    height: auto;
    flex-shrink: 0;
  }
  .catalog-page__mobile-sort-dropdown {
    display: none;
    flex-direction: column;
    gap: 0.12rem;
    padding: 0.12rem;
    background: #fff;
    border-radius: 0.08rem;
    margin-top: 0.04rem;
  }
  .catalog-page__mobile-sort-dropdown.active {
    display: flex;
  }
  .catalog-page__sidebar {
    display: none;
  }
  .catalog-page__content {
    flex-direction: column;
    gap: 0;
  }
  .catalog-page__products {
    width: 100%;
  }
}

.sorting__title {
  font-size: 0.2rem;
  font-weight: 500;
  margin-bottom: 0.2rem;
}
.sorting__options {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.sorting__option {
  display: flex;
  align-items: center;
  gap: 0.16rem;
  cursor: pointer;
  font-size: 0.22rem;
  position: relative;
}
.sorting__option input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 0.22rem;
  height: 0.22rem;
  aspect-ratio: 1/1;
  background: #fff;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  flex-shrink: 0;
}
.sorting__option input[type=radio]:checked {
  background: #00a8e8;
}
.sorting__option input[type=radio]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.08rem;
  height: 0.08rem;
  background: #fff;
  border-radius: 50%;
}
.sorting__option span {
  cursor: pointer;
}

.catalog-menu {
  margin-bottom: 0.4rem;
}
.catalog-menu__parent {
  font-size: 0.24rem;
  font-weight: 700;
  margin-bottom: 0.2rem;
  color: #000;
}
.catalog-menu__list {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-left: -0.12rem;
  margin-bottom: 0.36rem;
}
.catalog-menu__item {
  margin-bottom: 0.02rem;
}
.catalog-menu__link {
  display: block;
  font-size: 0.22rem;
  font-weight: 400;
  color: #000;
  text-decoration: none;
  padding: 0.12rem;
  border-radius: 0.08rem;
}
.catalog-menu__link:hover {
  color: #0156a2;
}
.catalog-menu__link--active {
  background-color: #fff;
  color: #0156a2;
  font-weight: 600;
}
.catalog-menu__sublist {
  list-style: none;
  padding: 0;
  margin: 0.1rem 0 0 0.2rem;
}
.catalog-menu__subitem {
  margin-bottom: 0.08rem;
}
.catalog-menu__sublink {
  display: block;
  font-size: 0.16rem;
  font-weight: 400;
  color: #76767a;
  text-decoration: none;
  padding: 0.08rem 0;
  transition: color 0.2s;
}
.catalog-menu__sublink:hover {
  color: #00a8e8;
}
.catalog-menu__sublink--active {
  color: #00a8e8;
}

.catalog-products {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.18rem;
}
@media screen and (max-width: 719px) {
  .catalog-products {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.22rem;
  }
}

.catalog-product-card {
  min-width: 0;
  aspect-ratio: 316/482;
  border-radius: 0.2rem;
  background: #fff;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: box-shadow 0.3s;
  position: relative;
}
.catalog-product-card:hover {
  box-shadow: 0 0.04rem 0.16rem rgba(0, 0, 0, 0.1);
}
.catalog-product-card.is-salepoint-open {
  overflow: visible;
  z-index: 2;
}
.catalog-product-card__image {
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.catalog-product-card__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.catalog-product-card__image .catalog-product-card__no-image {
  width: 110px;
  height: auto;
}
.catalog-product-card__discount {
  position: absolute;
  top: 0.1rem;
  right: 0.1rem;
  background: #e45f2b;
  color: #fff;
  padding: 0.05rem 0.1rem;
  border-radius: 0.04rem;
  font-size: 0.14rem;
  font-weight: 600;
}
.catalog-product-card__discount.is-hidden {
  display: none;
}
.catalog-product-card__content {
  padding: 0.16rem;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.catalog-product-card__title {
  font-size: 0.2rem;
  font-weight: 500;
  line-height: 0.22rem;
  color: #000;
  text-decoration: none;
  margin-bottom: 0.1rem;
}
.catalog-product-card__title:hover {
  color: #00a8e8;
}
.catalog-product-card__availability {
  font-size: 0.14rem;
  color: #76767a;
  margin-bottom: 0.15rem;
}
.catalog-product-card__variant-select-wrap {
  margin-bottom: 0.14rem;
}
.catalog-product-card__variant-select {
  width: 100%;
  min-height: 0.44rem;
  border: 1px solid #d7dbe0;
  border-radius: 0.08rem;
  background: #fff;
  color: #0b2b50;
  font-family: "Tilda Sans", sans-serif;
  font-size: 0.16rem;
  font-weight: 400;
  line-height: 1.2;
  padding: 0.1rem 0.12rem;
}
@media screen and (max-width: 719px) {
  .catalog-product-card {
    border-radius: 0.2rem;
    background: #fff;
    padding: 0.1rem;
    aspect-ratio: unset;
  }
  .catalog-product-card__image {
    width: 1.64rem;
    height: 1.64rem;
    margin: 0 auto;
    border-radius: 0;
  }
  .catalog-product-card__content {
    padding: 0;
  }
  .catalog-product-card__title {
    color: #000;
    font-family: "Tilda Sans", sans-serif;
    font-size: 0.16rem;
    font-style: normal;
    font-weight: 500;
    line-height: 0.18rem;
    word-wrap: break-word;
  }
  .catalog-product-card__availability {
    color: #0b2b50;
    font-family: "Tilda Sans", sans-serif;
    font-size: 0.14rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
  }
  .catalog-product-card__variant-select-wrap {
    margin-bottom: 0.12rem;
  }
  .catalog-product-card__variant-select {
    min-height: 0.4rem;
    font-size: 0.14rem;
    padding: 0.08rem 0.1rem;
  }
}
.catalog-product-card__footer {
  margin-top: auto;
}
.catalog-product-card__footer .catalog-product-card__variant-panel {
  display: none;
}
.catalog-product-card__footer .catalog-product-card__variant-panel.is-active {
  display: block;
}
.catalog-product-card__footer .cart-controls {
  flex-direction: row;
  align-items: center;
  gap: 0.08rem;
}
.catalog-product-card__footer .cart-controls__buttons {
  display: flex;
}
.catalog-product-card__footer .cart-controls__status {
  font-size: 0.14rem;
  white-space: nowrap;
}
@media screen and (max-width: 719px) {
  .catalog-product-card__footer .cart-controls {
    flex-direction: column;
    align-items: stretch;
    gap: 0.08rem;
  }
  .catalog-product-card__footer .cart-controls__status {
    display: block;
    order: 1;
    font-size: 0.14rem;
    color: #0b2b50;
    font-family: "Tilda Sans", sans-serif;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0.08rem;
  }
  .catalog-product-card__footer .cart-controls__buttons {
    order: 2;
    width: 100%;
  }
  .catalog-product-card__footer .cart-controls__buttons .preorder-btn-with-price,
  .catalog-product-card__footer .cart-controls__buttons .notify-btn-with-price {
    width: 100%;
  }
}
.catalog-product-card__footer .quantificator button {
  width: 0.42rem;
  height: 0.42rem;
  background: none !important;
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.catalog-product-card__footer .quantificator button:hover {
  background: none !important;
}
.catalog-product-card__footer .quantificator button:focus {
  background: none !important;
  outline: none;
}
.catalog-product-card__footer .quantificator button img {
  width: 0.18rem;
  height: 0.18rem;
}
.catalog-product-card__footer .quantificator input {
  width: 0.42rem;
  height: 0.42rem;
  background: #fff;
  border-radius: 0.08rem;
  border: none;
  text-align: center;
  font-size: 0.16rem;
  padding: 0;
}
.catalog-product-card__footer .quantificator input:focus {
  outline: none;
  border: none;
}

@keyframes quantityFlash {
  0% {
    box-shadow: 0 0 0 0 rgba(18, 148, 230, 0.35);
  }
  100% {
    box-shadow: 0 0 0 0.16rem rgba(18, 148, 230, 0);
  }
}
.preorder-btn-with-price,
.notify-btn-with-price {
  width: 100%;
  padding: 0.07rem 0.16rem;
  border-radius: 0.08rem;
  border: 1px solid #0156a2;
  background: transparent;
  color: #0156a2;
  font-family: "Tilda Sans", sans-serif;
  font-size: 0.22rem;
  font-weight: 400;
  line-height: normal;
  cursor: pointer;
  transition: all 0.2s;
}
.preorder-btn-with-price:hover,
.notify-btn-with-price:hover {
  background: #0156a2;
  color: #fff;
}
@media screen and (max-width: 719px) {
  .preorder-btn-with-price,
  .notify-btn-with-price {
    border-radius: 0.08rem;
    background: transparent;
    border: 1px solid #0156a2;
    height: 0.5rem;
    color: #0156a2;
    font-family: "Tilda Sans", sans-serif;
    font-size: 0.18rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.15rem;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}

@media screen and (max-width: 719px) {
  .preorder-btn-with-price {
    white-space: normal;
    word-break: break-word;
    text-align: center;
  }
  .preorder-btn-with-price__price {
    display: block;
    line-height: 0.15rem;
  }
  .preorder-btn-with-price__text {
    display: block;
    line-height: 0.15rem;
  }
}

@media screen and (max-width: 719px) {
  .notify-btn-with-price {
    font-size: 0.18rem;
    line-height: normal;
  }
}

.cart-controls {
  display: flex;
  align-items: center;
  gap: 0.16rem;
}
.cart-controls__status {
  color: #0b2b50;
  font-family: "Tilda Sans", sans-serif;
  font-size: 0.18rem;
  font-weight: 400;
  white-space: nowrap;
}
@media screen and (max-width: 719px) {
  .cart-controls__status {
    font-size: 0.16rem;
    white-space: normal;
    line-height: 1.2;
  }
}
.cart-controls__status-caret {
  width: 0.17rem;
  height: auto;
  flex-shrink: 0;
}
.cart-controls__price {
  color: #1294e6;
  font-family: "Tilda Sans", sans-serif;
  font-size: 0.22rem;
  font-weight: 400;
  line-height: normal;
}
.cart-controls__salepoint-dropdown {
  width: 100%;
  border-radius: 8px;
  border: 1px solid #0156a2;
  background: #fff;
  padding: 15px 18px;
  display: none;
  flex-direction: column;
  gap: 25px;
  position: absolute;
  left: 0;
  top: calc(100% + 0.12rem);
  z-index: 3;
}
@media screen and (max-width: 719px) {
  .cart-controls__salepoint-dropdown {
    position: fixed;
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    width: 100vw;
    padding: 0.16rem;
    gap: 0.16rem;
    box-sizing: border-box;
    border-radius: 0.16rem 0.16rem 0 0;
    max-height: 70vh;
    overflow-y: auto;
    z-index: 10005;
  }
}
.cart-controls__salepoint-header {
  display: flex;
  align-items: center;
  gap: 0.16rem;
  width: 100%;
  justify-content: space-between;
}
@media screen and (max-width: 719px) {
  .cart-controls__salepoint-header {
    flex-wrap: wrap;
    gap: 0.12rem;
  }
}
.cart-controls__status-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.08rem;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}
@media screen and (max-width: 719px) {
  .cart-controls__status-toggle {
    width: 100%;
    justify-content: space-between;
  }
}
.cart-controls__salepoint-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
}
@media screen and (max-width: 719px) {
  .cart-controls__salepoint-item {
    flex-direction: column;
    align-items: stretch;
    gap: 0.12rem;
  }
}
.cart-controls__salepoint-title {
  color: #0156a2;
  font-family: "Tilda Sans", sans-serif;
  font-size: 0.18rem;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 719px) {
  .cart-controls__salepoint-title {
    font-size: 0.16rem;
    line-height: 1.2;
  }
}

.cart-controls--salepoint {
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  width: 100%;
  position: relative;
}
.cart-controls--salepoint .cart-controls__status {
  display: flex;
  align-items: center;
  gap: 0.08rem;
}
.cart-controls--salepoint.is-open .cart-controls__salepoint-dropdown {
  display: flex;
}

.add-to-cart-btn {
  padding: 0.1rem 0.24rem;
  border-radius: 0.08rem;
  background: #00a8e8;
  color: #fff;
  border: none;
  font-family: "Tilda Sans", sans-serif;
  font-size: 0.22rem;
  font-weight: 400;
  line-height: normal;
  cursor: pointer;
  transition: background 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.12rem;
}
.add-to-cart-btn * {
  cursor: inherit;
}
.add-to-cart-btn__text {
  display: none;
}
.add-to-cart-btn__icon {
  width: 0.2rem;
  height: auto;
  flex-shrink: 0;
}
.add-to-cart-btn__price {
  white-space: nowrap;
}
.add-to-cart-btn:hover {
  background: #0090c9;
}
@media screen and (max-width: 719px) {
  .add-to-cart-btn {
    border-radius: 0.08rem;
    background: #00a8e8;
    height: 0.5rem;
    color: #fff;
    font-family: "Tilda Sans", sans-serif;
    font-size: 0.18rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0.12rem;
    width: 100%;
  }
  .add-to-cart-btn__icon {
    width: 0.24rem;
  }
}

.product-page {
  padding-top: 0.7rem;
}
.product-page__breadcrumbs {
  margin-bottom: 0.4rem;
}
.product-page__content {
  display: flex;
  gap: 0.4rem;
}
.product-page__gallery {
  width: 7.35rem;
  flex-shrink: 0;
}
.product-page__info {
  flex: 1;
  min-width: 0;
}
@media screen and (max-width: 719px) {
  .product-page__content {
    flex-direction: column;
    gap: 0.2rem;
  }
  .product-page__gallery {
    width: 100%;
    order: 1;
  }
  .product-page__info {
    width: 100%;
    order: 2;
  }
}

.product-gallery {
  display: flex;
  gap: 0.2rem;
  aspect-ratio: 1/1;
}
.product-gallery--single .product-gallery__main {
  width: 100%;
}
.product-gallery__thumbs {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  width: 1.15rem;
  flex-shrink: 0;
}
.product-gallery__thumb {
  width: 1.15rem;
  height: 1.15rem;
  border-radius: 0.08rem;
  overflow: hidden;
  cursor: pointer;
  border: 2px solid transparent;
  transition: border-color 0.2s;
}
.product-gallery__thumb:hover {
  border-color: #ddd;
}
.product-gallery__thumb.active {
  border-color: #00a8e8;
}
.product-gallery__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.product-gallery__main {
  width: 6rem;
  position: relative;
  background: #fff;
  border-radius: 0.12rem;
  overflow: hidden;
  flex-shrink: 0;
}
.product-gallery__main-image {
  display: none;
  width: 100%;
  height: 100%;
}
.product-gallery__main-image.active {
  display: block;
}
.product-gallery__main-image a {
  display: block;
  cursor: zoom-in;
  height: 100%;
}
.product-gallery__main-image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}
.product-gallery__pagination {
  display: none;
}
@media screen and (max-width: 719px) {
  .product-gallery {
    flex-direction: column;
    gap: 0.16rem;
  }
  .product-gallery__thumbs {
    display: none;
  }
  .product-gallery__main {
    width: 100%;
    border-radius: 0.2rem;
    overflow: hidden;
  }
  .product-gallery__main-image {
    width: 100%;
    aspect-ratio: 1/1;
  }
  .product-gallery__main-image a {
    display: block;
    width: 100%;
    height: 100%;
  }
  .product-gallery__main-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.2rem;
  }
  .product-gallery__pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.08rem;
    margin-top: 0.16rem;
  }
  .product-gallery__pagination-dot {
    width: 0.09rem;
    height: 0.09rem;
    border-radius: 50%;
    background: #e6e6e6;
    cursor: pointer;
    transition: all 0.3s ease;
    flex-shrink: 0;
  }
  .product-gallery__pagination-dot.active {
    width: 0.46rem;
    height: 0.09rem;
    border-radius: 0.3rem;
    background: #1294e6;
  }
}

.product-info {
  width: 6.55rem;
}
.product-info__meta {
  color: #0b2b50;
  font-family: "Tilda Sans", sans-serif;
  font-size: 0.2rem;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0.24rem;
}
.product-info__sku {
  color: #0b2b50;
}
.product-info__separator {
  color: #0b2b50;
}
.product-info__stock {
  color: #0b2b50;
}
.product-info__salepoint {
  display: inline-flex;
  align-items: center;
  margin-left: 0.12rem;
  width: auto;
  position: relative;
}
@media screen and (max-width: 719px) {
  .product-info__salepoint {
    display: flex;
    margin-left: 0;
    width: 100%;
  }
}
.product-info__salepoint .cart-controls__salepoint-dropdown {
  width: 3rem;
  min-width: 3rem;
  max-width: none;
}
@media screen and (max-width: 719px) {
  .product-info__salepoint .cart-controls__salepoint-dropdown {
    width: 100vw;
    min-width: 100vw;
  }
}
.product-info__title {
  color: #000;
  font-family: "Tilda Sans", sans-serif;
  font-size: 0.4rem;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0.32rem;
}
@media screen and (max-width: 719px) {
  .product-info__title {
    color: #000;
    font-family: "Tilda Sans", sans-serif;
    font-size: 0.26rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0.28rem;
  }
}
.product-info__variants {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  margin-bottom: 0.24rem;
}
@media screen and (max-width: 719px) {
  .product-info__variants {
    margin-bottom: 0.2rem;
  }
}
.product-info__variants-label {
  color: #0b2b50;
  font-family: "Tilda Sans", sans-serif;
  font-size: 0.18rem;
  font-weight: 400;
  line-height: normal;
}
@media screen and (max-width: 719px) {
  .product-info__variants-label {
    font-size: 0.14rem;
  }
}
.product-info__variant-select {
  width: 100%;
  min-height: 0.48rem;
  border: 1px solid #d7dbe0;
  border-radius: 0.08rem;
  background: #fff;
  color: #0b2b50;
  font-family: "Tilda Sans", sans-serif;
  font-size: 0.18rem;
  font-weight: 400;
  line-height: 1.2;
  padding: 0.1rem 0.14rem;
}
@media screen and (max-width: 719px) {
  .product-info__variant-select {
    min-height: 0.42rem;
    font-size: 0.16rem;
    padding: 0.08rem 0.12rem;
  }
}
.product-info__description {
  font-size: 0.24rem;
  line-height: 1.2;
  color: #000;
}
.product-info__description h3 {
  color: rgba(0, 0, 0, 0.5);
  margin-bottom: 0.2rem;
  font-family: "Tilda Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.product-info__description p {
  margin-bottom: 0.3rem;
}
@media screen and (max-width: 719px) {
  .product-info__description {
    color: #000;
    font-family: "Tilda Sans", sans-serif;
    font-size: 0.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: 0.24rem;
  }
}
@media screen and (max-width: 719px) {
  .product-info {
    width: 100%;
  }
}
.product-info__footer {
  margin-top: auto;
}
.product-info .quantificator button {
  width: 0.42rem;
  height: 0.42rem;
  background: none !important;
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.product-info .quantificator button:hover {
  background: none !important;
}
.product-info .quantificator button:focus {
  background: none !important;
  outline: none;
}
.product-info .quantificator button img {
  width: 0.18rem;
  height: 0.18rem;
}
.product-info .quantificator input {
  width: 0.42rem;
  height: 0.42rem;
  background: #fff;
  border-radius: 0.08rem;
  border: none;
  text-align: center;
  font-size: 0.16rem;
  padding: 0;
}
.product-info .quantificator input:focus {
  outline: none;
  border: none;
}
.product-info .quantificator.is-quantity-flash {
  animation: quantityFlash 0.45s ease;
}
.product-info__actions {
  display: flex;
  align-items: center;
  gap: 0.2rem;
  margin-bottom: 0.24rem;
}
@media screen and (max-width: 719px) {
  .product-info__actions {
    flex-wrap: wrap;
  }
}
.product-info__actions .cart-controls {
  flex: 1;
  gap: 0.2rem;
}
.product-info__actions .cart-controls__buttons {
  flex: 1;
}
.product-info__actions .cart-controls__status {
  display: none;
}
@media screen and (max-width: 719px) {
  .product-info__actions .cart-controls {
    flex-direction: row;
    align-items: center;
    gap: 0.2rem;
  }
  .product-info__actions .cart-controls__status {
    display: none;
  }
  .product-info__actions .cart-controls__buttons {
    flex: 0 0 auto;
  }
  .product-info__actions .cart-controls__buttons .add-to-cart-btn {
    width: 1.24rem;
  }
}
.product-info__actions .add-to-cart-btn {
  border-radius: 0.08rem;
  background: #00a8e8;
  color: #fff;
  padding: 0.1rem 0.24rem;
  height: 0.42rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Tilda Sans", sans-serif;
  font-size: 0.18rem;
  font-weight: 400;
}
.product-info__actions .add-to-cart-btn__text {
  display: block;
}
.product-info__actions .add-to-cart-btn__price {
  display: none;
}
.product-info__actions .add-to-cart-btn__icon {
  display: none;
}
.product-info__actions .add-to-cart-btn:hover {
  background: #0090c9;
}
@media screen and (max-width: 719px) {
  .product-info__actions .add-to-cart-btn {
    width: 1.24rem;
    height: 0.38rem;
    aspect-ratio: 137/42;
    color: #fff;
    font-family: "Tilda Sans", sans-serif;
    font-size: 0.2rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 0;
  }
}
.product-info__actions .product-info__go-to-cart {
  display: none;
  height: 0.42rem;
  padding: 0 0.2rem;
  border-radius: 0.08rem;
  font-size: 0.18rem;
  font-weight: 400;
  white-space: nowrap;
  margin-left: auto;
  align-items: center;
}
@media screen and (max-width: 719px) {
  .product-info__actions .product-info__go-to-cart {
    width: 100%;
    height: 0.38rem;
    margin-left: 0;
    justify-content: center;
    font-size: 0.2rem;
  }
}
.product-info__actions .quantificator {
  min-width: 1.6rem;
  display: flex;
  align-items: center;
  gap: 0;
}
.product-info__actions .quantificator button {
  width: 0.42rem;
  height: 0.42rem;
  background: none !important;
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.product-info__actions .quantificator button:hover {
  background: none !important;
}
.product-info__actions .quantificator button:focus {
  background: none !important;
  outline: none;
}
.product-info__actions .quantificator button img {
  width: 0.18rem;
  height: 0.18rem;
}
@media screen and (max-width: 719px) {
  .product-info__actions .quantificator button {
    width: 0.15429rem;
    height: 0.15429rem;
  }
  .product-info__actions .quantificator button img {
    width: 0.15429rem;
    height: 0.15429rem;
  }
}
.product-info__actions .quantificator input {
  width: 0.42rem;
  height: 0.42rem;
  background: #fff;
  border-radius: 0.08rem;
  border: none;
  text-align: center;
  font-size: 0.16rem;
  padding: 0;
}
.product-info__actions .quantificator input:focus {
  outline: none;
  border: none;
}
@media screen and (max-width: 719px) {
  .product-info__actions .quantificator input {
    width: 0.36rem;
    height: 0.36rem;
  }
}
@media screen and (max-width: 719px) {
  .product-info__actions .quantificator {
    gap: 0.17rem;
  }
}
.product-info__price {
  flex-shrink: 0;
}
.product-info__price .price {
  color: #00a8e8;
  font-family: "Tilda Sans", sans-serif;
  font-size: 0.44rem;
  font-weight: 700;
  line-height: normal;
}
@media screen and (max-width: 719px) {
  .product-info__price .price {
    color: #00a8e8;
    font-family: "Tilda Sans", sans-serif;
    font-size: 0.24rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
  }
}
.product-info__cart-link {
  margin-top: 0.16rem;
  display: inline-block;
  text-decoration: none;
}

.rikit-modal .modal-content {
  border-radius: 0.2rem;
}
.rikit-modal .modal-content--salepoint {
  width: 5rem;
  padding: 0.34rem 0.4rem;
}
@media screen and (max-width: 719px) {
  .rikit-modal .modal-content--salepoint {
    width: 100%;
    padding: 0.16rem;
    margin-top: 1rem;
  }
}

.rikit-modal .modal-wrap {
  padding: 0;
  border-radius: 0;
}

.rikit-modal .modal-content-inner {
  padding: 0;
  border-radius: 0;
}

.rikit-modal .modal-salepoint-content {
  padding: 0;
  border-radius: 0;
}

.rikit-modal .modal-salepoint-content .modal-title {
  color: #000;
  font-family: "Tilda Sans", sans-serif;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 26px;
}
.rikit-modal .modal-salepoint-content .city-group .city-title {
  display: none;
}
.rikit-modal .modal-salepoint-content .salepoint-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  max-height: 60vh;
  overflow-y: auto;
}
.rikit-modal .modal-salepoint-content .salepoint-item {
  border-radius: 8px;
  background: #f5f5f7;
  color: #000;
  font-family: "Tilda Sans", sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
  width: 100%;
  border: none;
  text-transform: capitalize;
}
.rikit-modal .modal-salepoint-content .salepoint-item--selected {
  border-radius: 8px;
  background: #1294e6;
  color: #fff;
}

.modal-content {
  position: relative;
}
.modal-content .modal-close {
  position: absolute;
  top: -0.3rem;
  right: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  z-index: 10;
  transition: opacity 0.2s;
}
.modal-content .modal-close:hover {
  opacity: 0.7;
}
.modal-content .modal-close img {
  width: 0.15rem;
  height: 0.15rem;
  display: block;
}

.modal-preorder-content,
.modal-notify-content {
  position: relative;
}
.modal-preorder-content .modal-title,
.modal-notify-content .modal-title {
  font-size: 0.28rem;
  font-weight: 600;
  margin-bottom: 0.16rem;
  color: #000;
}
.modal-preorder-content .modal-product-name,
.modal-notify-content .modal-product-name {
  font-size: 0.18rem;
  font-weight: 500;
  margin-bottom: 0.2rem;
  color: #333;
}
.modal-preorder-content .modal-info,
.modal-notify-content .modal-info {
  margin-bottom: 0.24rem;
}
.modal-preorder-content .modal-info p,
.modal-notify-content .modal-info p {
  font-size: 0.16rem;
  line-height: 1.5;
  color: #666;
}
.modal-preorder-content .notification-form .form-group,
.modal-notify-content .notification-form .form-group {
  margin-bottom: 0.2rem;
}
.modal-preorder-content .notification-form .form-group label,
.modal-notify-content .notification-form .form-group label {
  display: block;
  font-size: 0.16rem;
  font-weight: 500;
  margin-bottom: 0.08rem;
  color: #333;
}
.modal-preorder-content .notification-form .form-group label .required,
.modal-notify-content .notification-form .form-group label .required {
  color: #e7412a;
}
.modal-preorder-content .notification-form .form-group input[type=tel],
.modal-preorder-content .notification-form .form-group input[type=email],
.modal-notify-content .notification-form .form-group input[type=tel],
.modal-notify-content .notification-form .form-group input[type=email] {
  width: 100%;
  padding: 0.12rem 0.16rem;
  border: 1px solid #ddd;
  border-radius: 0.08rem;
  font-size: 0.16rem;
  transition: border-color 0.2s;
}
.modal-preorder-content .notification-form .form-group input[type=tel]:focus,
.modal-preorder-content .notification-form .form-group input[type=email]:focus,
.modal-notify-content .notification-form .form-group input[type=tel]:focus,
.modal-notify-content .notification-form .form-group input[type=email]:focus {
  outline: none;
  border-color: #0156a2;
}
.modal-preorder-content .notification-form .form-group input[type=tel]::placeholder,
.modal-preorder-content .notification-form .form-group input[type=email]::placeholder,
.modal-notify-content .notification-form .form-group input[type=tel]::placeholder,
.modal-notify-content .notification-form .form-group input[type=email]::placeholder {
  color: #999;
}
.modal-preorder-content .notification-form .form-group--checkbox .checkbox-label,
.modal-notify-content .notification-form .form-group--checkbox .checkbox-label {
  display: flex;
  align-items: flex-start;
  gap: 0.08rem;
  cursor: pointer;
}
.modal-preorder-content .notification-form .form-group--checkbox .checkbox-label input[type=checkbox],
.modal-notify-content .notification-form .form-group--checkbox .checkbox-label input[type=checkbox] {
  margin-top: 0.02rem;
  flex-shrink: 0;
}
.modal-preorder-content .notification-form .form-group--checkbox .checkbox-label span,
.modal-notify-content .notification-form .form-group--checkbox .checkbox-label span {
  font-size: 0.14rem;
  line-height: 1.4;
  color: #666;
}
.modal-preorder-content .notification-form .form-actions,
.modal-notify-content .notification-form .form-actions {
  margin-top: 0.24rem;
}
.modal-preorder-content .notification-form .form-actions button[type=submit],
.modal-notify-content .notification-form .form-actions button[type=submit] {
  width: 100%;
  padding: 0.1rem;
  border-radius: 0.08rem;
  background: #1294e6;
  color: #fff;
  border: none;
  font-family: "Tilda Sans", sans-serif;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  cursor: pointer;
  transition: background 0.2s;
}
.modal-preorder-content .notification-form .form-actions button[type=submit]:hover,
.modal-notify-content .notification-form .form-actions button[type=submit]:hover {
  background: #0d7abd;
}
.modal-preorder-content .notification-form .form-message,
.modal-notify-content .notification-form .form-message {
  margin-top: 0.16rem;
  padding: 0.12rem 0.16rem;
  border-radius: 0.08rem;
  font-size: 0.14rem;
  text-align: center;
}
.modal-preorder-content .notification-form .form-message--success,
.modal-notify-content .notification-form .form-message--success {
  background: #d4edda;
  color: #155724;
  border: 1px solid #c3e6cb;
}
.modal-preorder-content .notification-form .form-message--error,
.modal-notify-content .notification-form .form-message--error {
  background: #f8d7da;
  color: #721c24;
  border: 1px solid #f5c6cb;
}

.modal-salepoint__list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.12rem;
}

.products .item {
  width: 2.48rem;
  display: flex;
  flex-direction: column;
  height: auto;
  margin-bottom: 0.2rem;
  cursor: pointer;
}
.products .item .img {
  position: relative;
  height: 2.48rem;
  border-radius: 0.2rem;
  overflow: hidden;
  flex: none;
}
.products .item .img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.products .item .img .discount-value {
  position: absolute;
  bottom: 0.12rem;
  left: 0.12rem;
  width: 0.6rem;
  height: 0.32rem;
  border-radius: 0.08rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #00a8e8;
}
.products .item h3 {
  line-height: 0.22rem;
  margin-top: 0.1rem;
  margin-bottom: 0.12rem;
}
@media screen and (max-width: 719px) {
  .products .item h3 {
    font-size: 0.16rem;
    font-weight: 700;
    word-break: break-all;
  }
  .products .item h3 a {
    font-size: 0.16rem;
    font-weight: 700;
  }
}
.products .item .add-to-cart-btn {
  display: none;
}
.products .info {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.products .last {
  display: flex;
  align-items: center;
  margin-top: auto;
  padding-top: 0.1rem;
}
@media screen and (max-width: 719px) {
  .products .last {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media screen and (max-width: 719px) {
  .products .last .price {
    font-weight: 700;
    order: 1;
  }
}
.products .last span {
  white-space: nowrap;
}
.products .last .quantificator {
  margin-left: 0.3rem;
}
@media screen and (max-width: 719px) {
  .products .last .quantificator {
    margin-left: 0;
    order: 2;
    margin-top: 0.15rem;
  }
}
.products .last .old-price {
  position: relative;
  display: block;
  margin-left: 0.07rem;
}
@media screen and (max-width: 719px) {
  .products .last .old-price {
    order: 0;
  }
}
.products .last .old-price::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -0.08rem;
  width: 0.5rem;
  height: 0.01rem;
  background-color: #00a8e8;
  transform: rotate(-25deg);
}
.products .last .old-price + .quantificator {
  margin-left: 0.2rem;
}
@media screen and (max-width: 719px) {
  .products .last .old-price + .quantificator {
    margin-left: 0;
    order: 2;
    margin-top: 0.15rem;
  }
}
.products .last .go-to-cart-btn {
  margin-left: 0.2rem;
  padding: 0.12rem 0.24rem;
  background-color: #00a8e8;
  color: #fff;
  border: none;
  border-radius: 0.08rem;
  text-decoration: none;
  font-size: 0.14rem;
  font-weight: 500;
  transition: background-color 0.3s;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.products .last .go-to-cart-btn:hover {
  color: #fff;
  text-decoration: none;
}
@media screen and (max-width: 719px) {
  .products .last .go-to-cart-btn {
    margin-left: 0;
    margin-top: 0.15rem;
    order: 3;
    width: 100%;
    padding: 0.14rem 0.24rem;
  }
}

.product .block {
  display: flex;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 719px) {
  .product .block {
    flex-direction: column;
  }
}
.product .block .info {
  width: 5.35rem;
  margin-left: 0.5rem;
}
@media screen and (max-width: 719px) {
  .product .block .info {
    width: 100%;
    margin-left: 0;
    margin-top: 0.1rem;
  }
}
.product .block .info h1 {
  line-height: 0.4rem;
  margin-bottom: 0.3rem;
}
@media screen and (max-width: 719px) {
  .product .block .info h1 {
    font-size: 0.22rem;
    font-weight: 500;
    line-height: 0.26rem;
    margin-bottom: 0.24rem;
  }
}

.same-products .head {
  position: relative;
  margin-bottom: 0.26rem;
}
.same-products .same-products-slider {
  overflow: hidden;
}
.same-products h2 {
  font-weight: 700;
}
.same-products {
  margin-bottom: 1.5rem;
}

.quantificator {
  display: inline-flex;
  align-items: center;
  gap: 0.08rem;
}
.quantificator button {
  background: none;
  outline: none;
  border: 0;
  width: 0.44rem;
  height: 0.44rem;
  display: inline-flex;
  padding: 0;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 0.08rem;
  transition: all 0.2s ease;
}
.quantificator button img {
  width: 0.2rem;
  height: 0.2rem;
  pointer-events: none;
}
.quantificator button:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.quantificator button:active {
  transform: scale(0.95);
}
.quantificator button:focus {
  outline: none;
}
@media screen and (max-width: 719px) {
  .quantificator button {
    width: 0.15429rem;
    height: 0.15429rem;
  }
  .quantificator button img {
    width: 0.15429rem;
    height: 0.15429rem;
  }
}
.quantificator input.quantity-input {
  width: 0.6rem;
  height: 0.44rem;
  padding: 0 0.08rem;
  border-radius: 0.08rem;
  background-color: #f5f5f5;
  border: 1px solid #e0e0e0;
  text-align: center;
  font-size: 0.16rem;
  font-weight: 500;
  -moz-appearance: textfield;
  appearance: textfield;
  transition: all 0.2s ease;
}
.quantificator input.quantity-input::-webkit-outer-spin-button, .quantificator input.quantity-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.quantificator input.quantity-input:focus {
  outline: none;
  border-color: #1e88e5;
  background-color: #fff;
}
.quantificator input.quantity-input:hover {
  border-color: #bbb;
}
@media screen and (max-width: 719px) {
  .quantificator input.quantity-input {
    width: 0.36rem;
    height: 0.36rem;
  }
}
@media screen and (max-width: 719px) {
  .quantificator {
    gap: 0.17rem;
  }
}
.quantificator--card button {
  width: 0.4rem;
  height: 0.4rem;
}
.quantificator--card input.quantity-input {
  width: 0.5rem;
  height: 0.4rem;
}
.quantificator--cart {
  gap: 0.1rem;
}

.tag-banner {
  display: flex;
  width: 100%;
  height: 4rem;
  border-radius: 0.2rem;
  position: relative;
  align-items: center;
  overflow: hidden;
  margin-bottom: 0.4rem;
}
.tag-banner--hleb {
  background-color: #c7b4ff;
}
.tag-banner--konfety {
  background-color: #96d7e9;
}
.tag-banner--tort {
  background-color: #a97b4f;
}
.tag-banner--dekor {
  background-color: #d6c67b;
}
.tag-banner--upakuem {
  background-color: #ffb4d4;
}
.tag-banner__img {
  width: 3.56rem;
  object-fit: contain;
  position: absolute;
  bottom: 0;
  left: 1rem;
}
.tag-banner__img--tort {
  bottom: -0.52rem;
}
.tag-banner__img--dekor {
  width: 5rem;
  top: 0;
  left: -0.8rem;
}
.tag-banner__text {
  width: 6.4rem;
  margin-left: auto;
  margin-right: 1rem;
  font-size: 0.24rem;
  color: #fff;
}

.add-to-cart-wrapper {
  position: relative;
}

.add-to-cart {
  position: relative;
}
.add-to-cart.active input {
  outline: none;
}
.add-to-cart.active:before {
  content: "";
  display: block;
  height: 44px;
  width: 44px;
  left: 0;
  top: 0;
  position: absolute;
  margin-left: calc(50% - 22px);
  background-color: #fff;
  background-image: url(/resources/img/done-green.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.add-to-cart-with-selection .add-to-cart-btn {
  padding: 0.12rem 0.24rem;
  background-color: #00a8e8;
  color: #fff;
  border: none;
  border-radius: 0.08rem;
  cursor: pointer;
  font-size: 0.16rem;
  font-weight: 500;
  transition: background-color 0.3s;
}

.product-selection-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  align-items: center;
  justify-content: center;
  padding: 0.2rem;
}
@media screen and (max-width: 719px) {
  .product-selection-modal {
    padding: 0.1rem;
  }
}

.product-selection-content {
  background-color: #fff;
  border-radius: 0.2rem;
  padding: 0.3rem;
  max-width: 5rem;
  width: 100%;
  max-height: 90vh;
  overflow-y: auto;
}
@media screen and (max-width: 719px) {
  .product-selection-content {
    padding: 0.2rem;
    max-height: 95vh;
  }
}
.product-selection-content h3 {
  margin-bottom: 0.2rem;
  font-size: 0.2rem;
  font-weight: 700;
}
@media screen and (max-width: 719px) {
  .product-selection-content h3 {
    font-size: 0.18rem;
  }
}

.product-selection-form .selection-group {
  margin-bottom: 0.2rem;
}
.product-selection-form .selection-group label {
  display: block;
  margin-bottom: 0.08rem;
  font-weight: 500;
  font-size: 0.14rem;
}
.product-selection-form .selection-group select {
  width: 100%;
  padding: 0.12rem;
  border: 0.01rem solid #ddd;
  border-radius: 0.08rem;
  font-size: 0.14rem;
  background-color: #fff;
  cursor: pointer;
}
.product-selection-form .selection-group select:disabled {
  background-color: #f5f5f5;
  cursor: not-allowed;
}
.product-selection-form .selection-group select:focus {
  outline: none;
  border-color: #00a8e8;
}
.product-selection-form .selection-group .quantificator {
  margin-top: 0.1rem;
}
.product-selection-form .selection-group .available-info {
  margin-top: 0.08rem;
  font-size: 0.12rem;
  color: #666;
}
.product-selection-form .selection-actions {
  display: flex;
  gap: 0.1rem;
  margin-top: 0.3rem;
  justify-content: flex-end;
}
@media screen and (max-width: 719px) {
  .product-selection-form .selection-actions {
    flex-direction: column;
  }
}
.product-selection-form .selection-actions .button {
  padding: 0.12rem 0.24rem;
  border: none;
  border-radius: 0.08rem;
  cursor: pointer;
  font-size: 0.14rem;
  font-weight: 500;
  transition: background-color 0.3s;
}
.product-selection-form .selection-actions .button.cancel-btn {
  background-color: #f5f5f5;
  color: #333;
}
.product-selection-form .selection-actions .button.cancel-btn:hover {
  background-color: #e0e0e0;
}
.product-selection-form .selection-actions .button.add-btn {
  color: #fff;
}
.availability-info {
  margin-top: 0.08rem;
  font-size: 0.12rem;
  color: #666;
}

.product-availability {
  margin: 0.2rem 0;
  padding: 0.2rem;
  background-color: #f9f9f9;
  border-radius: 0.12rem;
}
@media screen and (max-width: 719px) {
  .product-availability {
    padding: 0.15rem;
    margin: 0.15rem 0;
  }
}
.product-availability h3 {
  margin-bottom: 0.15rem;
  font-size: 0.18rem;
  font-weight: 600;
}
@media screen and (max-width: 719px) {
  .product-availability h3 {
    font-size: 0.16rem;
  }
}

.availability-list {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.availability-item {
  padding: 0.12rem;
  background-color: #fff;
  border-radius: 0.08rem;
  border: 0.01rem solid #e0e0e0;
}
@media screen and (max-width: 719px) {
  .availability-item {
    padding: 0.1rem;
  }
}

.availability-point {
  margin-bottom: 0.08rem;
  font-size: 0.16rem;
}
@media screen and (max-width: 719px) {
  .availability-point {
    font-size: 0.14rem;
  }
}
.availability-point strong {
  font-weight: 600;
  color: #00a8e8;
}
.availability-point .availability-total {
  font-size: 0.14rem;
  color: #666;
  margin-left: 0.08rem;
}
@media screen and (max-width: 719px) {
  .availability-point .availability-total {
    font-size: 0.12rem;
    display: block;
    margin-left: 0;
    margin-top: 0.04rem;
  }
}

.availability-skus {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  margin-top: 0.08rem;
}
@media screen and (max-width: 719px) {
  .availability-skus {
    gap: 0.08rem;
  }
}

.availability-sku-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.15rem;
  padding: 0.08rem 0.12rem;
  background-color: #f5f5f5;
  border-radius: 0.08rem;
  margin-bottom: 0.08rem;
}
@media screen and (max-width: 719px) {
  .availability-sku-item {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.1rem;
    padding: 0.1rem;
  }
}
.availability-sku-item:last-child {
  margin-bottom: 0;
}

.availability-sku-info {
  flex: 1;
  display: flex;
  align-items: center;
}

.availability-sku {
  padding: 0.06rem 0.12rem;
  background-color: #f0f0f0;
  border-radius: 0.06rem;
  font-size: 0.14rem;
  color: #333;
}
@media screen and (max-width: 719px) {
  .availability-sku {
    font-size: 0.12rem;
    padding: 0.05rem 0.1rem;
  }
}

.cart {
  padding-bottom: 1rem;
  padding-top: 0.8rem;
}
@media screen and (max-width: 719px) {
  .cart {
    padding-bottom: 0;
    padding-top: 0.4rem;
  }
}
.cart__back-btn {
  display: flex;
  align-items: center;
  gap: 0.12rem;
  margin-bottom: 0.2rem;
  text-decoration: none;
  color: #000;
  font-family: "Tilda Sans", sans-serif;
  font-size: 0.16rem;
  font-weight: 500;
  transition: opacity 0.2s ease;
}
.cart__back-btn:hover {
  opacity: 0.7;
}
.cart__back-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.4rem;
  height: 0.4rem;
  background: #fff;
  border-radius: 0.08rem;
  flex-shrink: 0;
}
.cart__back-icon img {
  width: 0.14rem;
  height: 0.08rem;
  transform: rotate(90deg);
}
.cart__wrapper {
  display: flex;
  gap: 0.3rem;
  justify-content: space-between;
}
@media screen and (max-width: 719px) {
  .cart__wrapper {
    flex-direction: column;
    gap: 0.32rem;
  }
}
.cart__column--left {
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
}
@media screen and (max-width: 719px) {
  .cart__column--left {
    gap: 0.32rem;
  }
}
@media screen and (max-width: 719px) {
  .cart__column--right {
    order: 3;
  }
}
.cart__mobile-block {
  display: none;
}
.cart__line {
  display: none;
}
.cart__total-pricelist {
  display: none;
}

.cart-block {
  background: #fff;
  border-radius: 0.2rem;
  padding: 0.4rem;
}
@media screen and (max-width: 719px) {
  .cart-block {
    width: calc(100% + 0.4rem);
    margin-left: -0.2rem;
    border-radius: 0.2rem;
    padding: 0.3rem 0.2rem;
  }
}
.cart-block__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.3rem;
}
@media screen and (max-width: 719px) {
  .cart-block__header {
    margin-bottom: 0;
  }
}
.cart-block__clear-btn {
  display: flex;
  align-items: center;
  gap: 0.12rem;
  padding: 0.12rem 0.2rem;
  background: transparent;
  border: none;
  cursor: pointer;
  text-decoration: none;
  transition: opacity 0.2s ease;
  color: #000;
  font-size: 0.16rem;
}
.cart-block__clear-btn:hover {
  opacity: 0.7;
}
.cart-block__clear-btn img {
  width: 0.4rem;
  height: 0.4rem;
}
.cart-block__clear-btn span {
  font-family: "Tilda Sans", sans-serif;
  font-size: 0.16rem;
  font-weight: 400;
}
.cart-block--products {
  width: 10.05rem;
  min-height: 5.2rem;
}
@media screen and (max-width: 719px) {
  .cart-block--products {
    width: calc(100% + 0.4rem);
    margin-left: -0.2rem;
    min-height: auto;
    order: 1;
  }
}
.cart-block--recipient {
  width: 10.05rem;
  min-height: 4.81rem;
}
@media screen and (max-width: 719px) {
  .cart-block--recipient {
    width: calc(100% + 0.4rem);
    margin-left: -0.2rem;
    min-height: auto;
    order: 2;
  }
}
.cart-block--payment {
  width: 5.2rem;
  padding: 0.4rem;
  border-radius: 0.2rem;
  background: linear-gradient(333deg, #00a8e8 14.29%, #1e88e5 94.21%);
}
@media screen and (max-width: 719px) {
  .cart-block--payment {
    width: calc(100% + 0.4rem);
    margin-left: -0.2rem;
    padding: 0.3rem 0.2rem;
    order: 3;
    border-radius: 0.2rem 0.2rem 0 0;
  }
}
.cart-block__title {
  color: #000;
  font-family: "Tilda Sans", sans-serif;
  font-size: 0.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin: 0;
}
.cart-block--payment .cart-block__title {
  color: #fff;
}
.cart-block--recipient .cart-block__title {
  margin-bottom: 0.3rem;
}
@media screen and (max-width: 719px) {
  .cart-block__title {
    color: #000;
    font-family: "Tilda Sans", sans-serif;
    font-size: 0.26rem;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
  }
}
.cart-current-salepoint {
  display: flex;
  align-items: flex-end;
  gap: 0.24rem;
  margin-bottom: 0.5rem;
  color: #000;
}
@media screen and (max-width: 719px) {
  .cart-current-salepoint {
    flex-direction: column;
    align-items: flex-start;
  }
}
.cart-current-salepoint__label {
  color: #000;
  font-size: 0.18rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0.1rem;
}
.cart-current-salepoint__title {
  color: #000;
  font-size: 0.22rem;
  font-style: normal;
  font-weight: 700;
  line-height: 0.31rem;
}
.cart-current-salepoint__address {
  font-size: 0.14rem;
  color: #666;
}
.cart-current-salepoint__change-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.12rem;
  align-self: flex-end;
  border: none;
}
@media screen and (max-width: 719px) {
  .cart-current-salepoint__change-btn {
    align-self: flex-start;
  }
}
.cart-current-salepoint__change-icon {
  width: 0.18rem;
  height: 0.18rem;
}

.cart-salepoint-group {
  margin-bottom: 0.3rem;
}
.cart-salepoint-group__header {
  margin-bottom: 0.2rem;
}
.cart-salepoint-group__title {
  font-size: 0.22rem;
  font-weight: 600;
  color: #000;
  margin: 0;
}
.cart-salepoint-group__title--warning {
  color: #dc3545;
}
.cart-salepoint-group__subtitle {
  font-size: 0.14rem;
  color: #666;
  margin-top: 0.08rem;
}
.cart-salepoint-group__items {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.cart-salepoint-group__subgroup {
  margin-bottom: 0.2rem;
}
.cart-salepoint-group__subgroup-header {
  margin-bottom: 0.15rem;
}
.cart-salepoint-group__subgroup-title {
  font-size: 0.18rem;
  font-weight: 600;
  color: #000;
  margin: 0 0 0.05rem 0;
}
.cart-salepoint-group__subgroup-address {
  font-size: 0.14rem;
  color: #666;
}
.cart-salepoint-group__subgroup-items {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}

.cart-products__item {
  margin-bottom: 0.2rem;
}
.cart-products__item:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 719px) {
  .cart-products__item {
    margin-bottom: 0.32rem;
  }
  .cart-products__item:last-child {
    margin-bottom: 0;
  }
}

.cart-product {
  display: flex;
  align-items: center;
  margin-bottom: 0.2rem;
  gap: 0.2rem;
}
@media screen and (max-width: 719px) {
  .cart-product {
    align-items: flex-start;
    gap: 0.16rem;
    margin-bottom: 0;
  }
}
.cart-product__content {
  display: flex;
  align-items: center;
  flex: 1;
  gap: 0.32rem;
}
@media screen and (max-width: 719px) {
  .cart-product__content {
    flex-direction: column;
    align-items: flex-start;
    flex: 1;
    gap: 0;
    margin-left: 0.16rem;
    position: relative;
    padding-right: 0.4rem;
  }
}
.cart-product__buttons {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  margin-left: auto;
}
@media screen and (max-width: 719px) {
  .cart-product__buttons {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 0.16rem;
    margin-left: 0;
    margin-top: 0;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
.cart-product__image {
  width: 0.8rem;
  height: 0.8rem;
  object-fit: contain;
  border-radius: 0.08rem;
  flex-shrink: 0;
}
@media screen and (max-width: 719px) {
  .cart-product__image {
    width: 0.64rem;
    height: 0.64rem;
    aspect-ratio: 1/1;
    border-radius: 0.08rem;
  }
}
.cart-product__info {
  width: 3.5rem;
}
@media screen and (max-width: 719px) {
  .cart-product__info {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex: 1;
    margin-left: 0;
    margin-bottom: 0.16rem;
    width: 100%;
  }
}
.cart-product__name {
  color: #000;
  font-family: "Tilda Sans", sans-serif;
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.22rem;
}
@media screen and (max-width: 719px) {
  .cart-product__name {
    color: #000;
    font-family: "Tilda Sans", sans-serif;
    font-size: 0.18rem;
    font-style: normal;
    font-weight: 500;
    line-height: 0.22rem;
    flex: 1;
  }
}
.cart-product__price {
  color: #000;
  font-family: "Tilda Sans", sans-serif;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  width: 1.1rem;
  flex: none;
}
@media screen and (max-width: 719px) {
  .cart-product__price {
    margin-left: 0;
    width: 100%;
  }
}
.cart-product__quantity-display {
  display: flex;
  align-items: center;
  gap: 0.08rem;
}
.cart-product__quantity-label {
  font-size: 0.14rem;
  color: #666;
}
.cart-product__quantity-value {
  font-size: 0.16rem;
  font-weight: 600;
  color: #000;
}
.cart-product__switch-points {
  width: 100%;
}
.cart-product__switch-points.cart-controls--salepoint .cart-controls__salepoint-dropdown {
  width: 3rem;
  max-width: none;
}
@media screen and (max-width: 719px) {
  .cart-product__switch-points.cart-controls--salepoint .cart-controls__salepoint-dropdown {
    width: 100vw;
    min-width: 100vw;
  }
}
.cart-product__quantificator .quantificator {
  min-width: 1.6rem;
  display: flex;
  align-items: center;
  gap: 0;
}
@media screen and (max-width: 719px) {
  .cart-product__quantificator .quantificator {
    min-width: auto;
    gap: 0.17rem;
  }
}
.cart-product__quantificator .quantificator button {
  width: 0.44rem;
  height: 0.44rem;
  background: none !important;
  border: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: 0.08rem;
  transition: all 0.2s ease;
}
.cart-product__quantificator .quantificator button:hover {
  background-color: rgba(0, 0, 0, 0.05) !important;
}
.cart-product__quantificator .quantificator button:focus {
  background: none !important;
  outline: none;
}
.cart-product__quantificator .quantificator button:active {
  transform: scale(0.95);
}
.cart-product__quantificator .quantificator button img {
  width: 0.18rem;
  height: 0.18rem;
}
@media screen and (max-width: 719px) {
  .cart-product__quantificator .quantificator button {
    width: 0.15429rem;
    height: 0.15429rem;
  }
  .cart-product__quantificator .quantificator button img {
    width: 0.15429rem;
    height: 0.15429rem;
  }
}
.cart-product__quantificator .quantificator input.quantity-input {
  width: 0.44rem;
  height: 0.44rem;
  background: #fff;
  border-radius: 0.08rem;
  border: 1px solid #e0e0e0;
  text-align: center;
  font-size: 0.16rem;
  padding: 0;
  margin: 0 0.04rem;
}
.cart-product__quantificator .quantificator input.quantity-input:focus {
  outline: none;
  border-color: #1e88e5;
}
@media screen and (max-width: 719px) {
  .cart-product__quantificator .quantificator input.quantity-input {
    width: 0.36rem;
    height: 0.36rem;
    margin: 0;
  }
}
.cart-product__delete-button {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
  flex-shrink: 0;
  background: transparent;
  transition: opacity 0.2s ease;
}
.cart-product__delete-button:hover {
  opacity: 0.7;
}
.cart-product__delete-button img {
  width: 0.4rem;
  height: 0.4rem;
}
@media screen and (max-width: 719px) {
  .cart-product__delete-button {
    position: absolute;
    top: 0;
    right: 0;
  }
}

.recipient-form__description {
  color: #000;
  font-family: "Tilda Sans", sans-serif;
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 500;
  line-height: 0.22rem;
  margin: 0 0 0.28rem 0;
}
.recipient-form__group {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.2rem;
  margin-bottom: 0.3rem;
}
@media screen and (max-width: 719px) {
  .recipient-form__group {
    flex-direction: column;
    gap: 0.24rem;
  }
}
.recipient-form__input {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: calc(50% - 0.1rem);
}
@media screen and (max-width: 719px) {
  .recipient-form__input {
    width: 100%;
    min-width: 100%;
    flex: none;
  }
}
.recipient-form__input input[type=text],
.recipient-form__input input[type=email] {
  padding: 0 0.2rem;
  border: none;
  border-radius: 0.08rem;
  background: #f5f5f7;
  height: 0.56rem;
  font-size: 0.16rem;
}
.recipient-form__input input[type=text]:focus,
.recipient-form__input input[type=email]:focus {
  outline: none;
}
.recipient-form__label {
  color: #000;
  font-family: "Tilda Sans", sans-serif;
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0.16rem;
}
.recipient-form__select {
  padding: 0 0.4rem 0 0.2rem;
  border: none;
  border-radius: 0.08rem;
  height: 0.56rem;
  font-size: 0.16rem;
  background: #f5f5f7, url("/resources/img/caretDown.svg") no-repeat right 0.15rem center;
  background-size: 0.14rem 0.08rem;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: calc(50% - 0.12rem);
}
.recipient-form__select:focus {
  outline: none;
}
@media screen and (max-width: 719px) {
  .recipient-form__select {
    width: 100%;
  }
}
.recipient-form__pickup-info {
  margin: 0.3rem 0;
  padding: 0.2rem;
  background: #f5f5f7;
  border-radius: 0.08rem;
}
.recipient-form__pickup-label {
  font-size: 0.14rem;
  color: #666;
  margin: 0 0 0.08rem 0;
}
.recipient-form__pickup-title {
  font-size: 0.16rem;
  font-weight: 600;
  color: #000;
  margin: 0 0 0.04rem 0;
}
.recipient-form__pickup-address {
  font-size: 0.14rem;
  color: #666;
  margin: 0;
}
.recipient-form__remember {
  display: flex;
  align-items: center;
  gap: 0.24rem;
}
.recipient-form__remember.input input[type=checkbox] {
  display: block !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  border-radius: 0.08rem !important;
  background: #f5f5f7 !important;
  width: 0.42rem !important;
  height: 0.42rem !important;
  min-width: 0.42rem !important;
  min-height: 0.42rem !important;
  max-width: 0.42rem !important;
  max-height: 0.42rem !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  position: relative !important;
  transition: background 0.2s ease !important;
  border: none !important;
  outline: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.recipient-form__remember.input input[type=checkbox]::before {
  display: none !important;
}
.recipient-form__remember.input input[type=checkbox]:checked {
  background: #f5f5f7 !important;
}
.recipient-form__remember.input input[type=checkbox]:checked::before {
  display: none !important;
}
.recipient-form__remember.input input[type=checkbox]:checked::after {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) rotate(45deg) !important;
  width: 0.08rem !important;
  height: 0.16rem !important;
  border: solid #000 !important;
  border-width: 0 0.02rem 0.02rem 0 !important;
}
.recipient-form__remember.input input[type=checkbox]:hover {
  background: #e8e8ea !important;
}
.recipient-form__remember.input input[type=checkbox]:focus {
  outline: none !important;
  box-shadow: none !important;
}
.recipient-form__remember.input input[type=checkbox] + label {
  color: #000 !important;
  font-family: "Tilda Sans", sans-serif !important;
  font-size: 0.2rem !important;
  font-style: normal !important;
  font-weight: 400 !important;
  line-height: normal !important;
  cursor: pointer !important;
  margin-bottom: 0 !important;
  column-gap: 0.24rem !important;
}
.recipient-form__remember.input input[type=checkbox] + label::before {
  display: none !important;
  content: none !important;
}
.recipient-form__remember.input input[type=checkbox]:checked + label {
  font-weight: 400 !important;
}
.recipient-form__remember.input input[type=checkbox]:checked + label::before {
  display: none !important;
  content: none !important;
}

.payment-summary {
  color: #fff;
}
.payment-summary__header {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  margin-bottom: 0.4rem;
}
.payment-summary__title {
  color: #fff;
  font-family: "Tilda Sans", sans-serif;
  font-size: 0.4rem;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0;
}
.payment-summary__total-price {
  font-size: 0.32rem;
  font-weight: 700;
}
.payment-summary__details {
  margin-bottom: 0.3rem;
}
.payment-summary__row {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 0.1rem;
  margin-bottom: 0.15rem;
  position: relative;
}
@media screen and (max-width: 719px) {
  .payment-summary__row {
    gap: 0;
  }
}
.payment-summary__row:last-child {
  margin-bottom: 0;
}
.payment-summary__row--last {
  margin-bottom: 0;
}
.payment-summary__row::before {
  content: "";
  flex-grow: 1;
  order: 2;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.3);
  margin: 0 0.08rem;
  align-self: flex-end;
  margin-bottom: 0.04rem;
}
.payment-summary__label {
  font-size: 0.16rem;
  color: rgba(255, 255, 255, 0.9);
  flex-shrink: 0;
  order: 1;
}
.payment-summary__value {
  font-size: 0.18rem;
  font-weight: 600;
  flex-shrink: 0;
  order: 3;
}
.payment-summary__value--discount {
  color: #ffeb3b;
}
.payment-summary__value--small {
  font-size: 0.14rem;
  font-weight: 400;
}
.payment-summary__agreement {
  margin: 0.3rem 0;
}
.payment-summary__checkbox {
  display: flex;
  align-items: flex-start;
  gap: 0.1rem;
  flex-wrap: wrap;
}
.payment-summary__checkbox input[type=checkbox] {
  width: 0.2rem;
  height: 0.2rem;
  margin-top: 0.02rem;
  cursor: pointer;
  flex-shrink: 0;
}
.payment-summary__checkbox label {
  font-size: 0.14rem;
  line-height: 1.4;
  color: rgba(255, 255, 255, 0.95);
  cursor: pointer;
  flex: 1;
  min-width: 0;
}
.payment-summary__checkbox .form-notify {
  display: none;
  margin-top: 0.08rem;
  font-size: 0.14rem;
  color: #ff6b6b;
  width: 100%;
  margin-left: 0.3rem;
}
.payment-summary__checkbox.error .form-notify {
  display: block;
}
.payment-summary__checkbox.error label {
  color: #ff6b6b;
}
.payment-summary__button {
  width: 100%;
  padding: 0.18rem 0.4rem;
  background: #fff;
  color: #1e88e5;
  font-size: 0.18rem;
  font-weight: 600;
  text-transform: uppercase;
  border: none;
  border-radius: 0.12rem;
  cursor: pointer;
  transition: all 0.3s ease;
}
.payment-summary__button:hover {
  background: #f5f5f5;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.payment-summary__button:active {
  transform: translateY(0);
}

.order-success {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80dvh;
  gap: 0.9rem;
}
@media screen and (max-width: 719px) {
  .order-success {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: auto;
    gap: 0.32rem;
    padding: 0.4rem 0;
  }
}
.order-success__content {
  width: 7.4rem;
}
@media screen and (max-width: 719px) {
  .order-success__content {
    width: 100%;
  }
}
.order-success__container {
  padding: 0.4rem;
}
@media screen and (max-width: 719px) {
  .order-success__container {
    padding: 0.2rem;
  }
}
.order-success__image {
  width: 3.6rem;
}
@media screen and (max-width: 719px) {
  .order-success__image {
    width: 2rem;
    height: auto;
  }
}
.order-success__title {
  font-size: 0.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 0.24rem;
}
@media screen and (max-width: 719px) {
  .order-success__title {
    font-size: 0.26rem;
    margin-bottom: 0.2rem;
    text-align: center;
  }
}
.order-success__description {
  font-size: 0.2rem;
  font-style: normal;
  font-weight: 500;
}
@media screen and (max-width: 719px) {
  .order-success__description {
    font-size: 0.16rem;
    line-height: 1.4;
  }
}
.order-success p {
  margin-bottom: 0.24rem;
}
@media screen and (max-width: 719px) {
  .order-success p {
    margin-bottom: 0.16rem;
  }
}
.order-success p span, .order-success p a {
  color: #1294E6;
  font-weight: 500;
}

.static-page {
  max-width: 10.6rem;
  margin: 0.7rem auto;
}
.static-page__title {
  color: #000;
  font-size: 0.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 0.4rem;
}
.static-page__content p {
  color: #000;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.26rem;
}
.static-page__content ul {
  list-style: none;
  font-size: 0.24rem;
  font-style: normal;
  font-weight: 400;
  line-height: 0.26rem;
  padding-left: 0;
}
.static-page__content ul li {
  position: relative;
  padding-left: 0.3rem;
  margin-bottom: 0.1rem;
}
.static-page__content ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.13rem;
  width: 0.08rem;
  height: 0.08rem;
  background: #000;
  transform: translateY(-50%);
}

.contacts-page {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
  margin: 0.5rem 0;
}
.contacts-page__inner {
  width: 100%;
}
.contacts-page__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.24rem;
  margin-bottom: 0.48rem;
}
@media screen and (max-width: 719px) {
  .contacts-page__head {
    flex-direction: column;
    gap: 0.2rem;
  }
}
.contacts-page__title {
  color: #000;
  font-size: 0.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  margin-bottom: 0;
}
.contacts-page__content p {
  margin-bottom: 0.14rem;
  font-size: 0.22rem;
  line-height: 0.3rem;
}
.contacts-page__content a {
  display: block;
  font-size: 0.24rem;
  font-weight: 700;
}
.contacts-page__addresses {
  display: flex;
  gap: 0.24rem;
  width: 100%;
}
@media screen and (max-width: 719px) {
  .contacts-page__addresses {
    flex-direction: column;
    gap: 0.2rem;
  }
}
.contacts-page__addresses span,
.contacts-page__addresses p {
  margin-bottom: 0.08rem;
}
.contacts-page__addresses a {
  margin-top: 0.24rem;
  display: inline-block;
}
.contacts-page__addresses a[href^="mailto:"] {
  color: #1294e6;
}
.contacts-page__address {
  flex: 1;
}
.contacts-page__map {
  width: 100%;
  height: 7rem;
  border-radius: 0.2rem;
  overflow: hidden;
}
.contacts-page__info {
  font-weight: 700;
  margin-bottom: 0.26rem;
  display: block;
}
.contacts-page__socials {
  display: flex;
  gap: 0.24rem;
  align-items: center;
}
.contacts-page__socials img {
  width: 0.48rem;
}
.contacts-page__copyrights {
  padding: 0.2rem;
}
.contacts-page__copyrights a {
  color: #1294e6;
}

.search-page {
  margin: 0.7rem auto;
}
@media screen and (max-width: 719px) {
  .search-page {
    margin: 0.36rem auto;
  }
}
.search-page .upper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.4rem;
}
.search-page__form {
  margin-bottom: 0.3rem;
}
.search-page__input {
  background-image: url("/resources/img/search.svg");
  background-repeat: no-repeat;
  background-position: right 0.16rem center;
  background-size: 0.24rem;
  padding-right: 0.5rem;
  height: 0.56rem !important;
  border: none !important;
  outline: none !important;
  border-radius: 0.08rem;
  background-color: #fff;
  font-size: 0.24rem !important;
  font-family: "Tilda Sans", sans-serif;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #000;
  width: 100%;
}
.search-page__input::placeholder {
  color: #000 !important;
  font-family: "Tilda Sans", sans-serif;
  font-style: normal;
  font-weight: 400 !important;
  line-height: normal;
}
.search-page .products {
  margin-top: 0.2rem;
}
.search-page__category-item, .search-page__product-item {
  min-width: 0;
}
.search-page__category-item .search-category-card {
  min-width: 0;
  height: 100%;
  aspect-ratio: 316/482;
  border-radius: 0.2rem;
  background: #fff;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: box-shadow 0.3s;
}
.search-page__category-item .search-category-card:hover {
  box-shadow: 0 0.04rem 0.16rem rgba(0, 0, 0, 0.1);
}
.search-page__category-item .search-category-card__image {
  width: 100%;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #fff;
}
.search-page__category-item .search-category-card__image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}
.search-page__category-item .search-category-card__placeholder {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.24rem;
  box-sizing: border-box;
  background: #f5f5f7;
  color: #76767a;
  font-size: 0.2rem;
  line-height: 1.2;
}
.search-page__category-item .search-category-card__content {
  padding: 0.16rem;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.search-page__category-item .search-category-card__title {
  color: #000;
  text-decoration: none;
  font-size: 0.2rem;
  font-weight: 500;
  line-height: 0.24rem;
  margin-bottom: 0.1rem;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.search-page__category-item .search-category-card__title:hover {
  color: #00a8e8;
}
.search-page__category-item .search-category-card__description {
  color: #76767a;
  font-size: 0.16rem;
  line-height: 0.22rem;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.search-page__category-item .search-category-card__footer {
  margin-top: auto;
  padding-top: 0.16rem;
}
.search-page__category-item .search-category-card__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 0.44rem;
  padding: 0.1rem 0.16rem;
  border-radius: 0.08rem;
  background: #00a8e8;
  color: #fff;
  text-decoration: none;
  font-size: 0.16rem;
  line-height: 1.2;
  transition: background-color 0.2s;
}
.search-page__category-item .search-category-card__button:hover {
  background: #0b8fc4;
  color: #fff;
}
@media screen and (max-width: 719px) {
  .search-page__category-item .search-category-card {
    aspect-ratio: unset;
    padding: 0.1rem;
  }
  .search-page__category-item .search-category-card__image {
    width: 1.64rem;
    height: 1.64rem;
    margin: 0 auto;
  }
  .search-page__category-item .search-category-card__content {
    padding: 0;
  }
  .search-page__category-item .search-category-card__title {
    font-size: 0.16rem;
    line-height: 0.18rem;
    margin-bottom: 0.08rem;
  }
  .search-page__category-item .search-category-card__description {
    font-size: 0.14rem;
    line-height: 0.18rem;
  }
  .search-page__category-item .search-category-card__footer {
    padding-top: 0.12rem;
  }
  .search-page__category-item .search-category-card__button {
    width: 100%;
    min-height: 0.4rem;
    font-size: 0.14rem;
  }
}

.error-page {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.48rem 0;
}

.error-page:not(.error-page--not-found) {
  flex-direction: column;
  gap: 0.24rem;
  text-align: center;
}
.error-page:not(.error-page--not-found) .error-page__image {
  width: min(3.2rem, 100%);
  height: auto;
}
.error-page:not(.error-page--not-found) .error-page__code {
  font-size: 1.6rem;
  line-height: 1;
  color: #0b2b50;
}
.error-page:not(.error-page--not-found) .error-page__text {
  max-width: 7.2rem;
  margin: 0;
  font-size: 0.24rem;
  line-height: 1.35;
}
.error-page:not(.error-page--not-found) .error-page__title {
  margin: 0;
  font-size: 0.6rem;
  font-weight: 700;
  line-height: 1.2;
}
.error-page:not(.error-page--not-found) .error-page__button {
  margin-top: 0.16rem;
}

.error-page--not-found .content-wrapper {
  width: 100%;
}
.error-page--not-found .error-page__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 6.4rem;
  margin: 0 auto;
  padding: 0.4rem 0;
  text-align: center;
}
.error-page--not-found .error-page__image {
  display: block;
  width: 3.06rem;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
.error-page--not-found .error-page__title {
  margin: 0.9rem 0 0;
  color: #000;
  font-family: "Tilda Sans", sans-serif;
  font-size: 0.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-transform: uppercase;
  text-align: center;
}
.error-page--not-found .error-page__button {
  margin-top: 0.4rem;
  text-decoration: none;
  margin-right: 0.5rem;
}
@media screen and (max-width: 719px) {
  .error-page--not-found .error-page__button {
    margin-right: 0;
  }
}

@media screen and (max-width: 719px) {
  .error-page {
    padding: 0.2rem 0;
  }
  .error-page:not(.error-page--not-found) {
    gap: 0.16rem;
  }
  .error-page:not(.error-page--not-found) .error-page__image {
    width: min(2rem, 100%);
  }
  .error-page:not(.error-page--not-found) .error-page__code {
    font-size: 0.84rem;
  }
  .error-page:not(.error-page--not-found) .error-page__text {
    max-width: 100%;
    font-size: 0.18rem;
  }
  .error-page:not(.error-page--not-found) .error-page__title {
    font-size: 0.36rem;
  }
  .error-page--not-found .error-page__container {
    padding: 0.24rem 0;
  }
  .error-page--not-found .error-page__image {
    width: min(2.4rem, 100%);
  }
  .error-page--not-found .error-page__title {
    margin-top: 0.4rem;
    font-size: 0.18rem;
  }
  .error-page--not-found .error-page__button {
    margin-top: 0.24rem;
  }
}

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