/* Start:/local/templates/hircost/assets/styles/styles.css?1779189192345715*/
@charset "UTF-8";
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes fpFadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes bounce {
  50% {
    transform: scale(1.2);
  }
  to {
    transform: scale(1);
  }
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}
html {
  --border-radius-default: 1.5rem;
  --border-radius-default-mobile: 1rem;
  --border-radius-middle: 0.75rem;
  --border-radius-small: 0.5rem;
  --border-radius-xs: 0.375rem;
  --border-radius-xxs: 0.25rem;
  --default-font-family: "Helvetica Neue", "Arial", sans-serif;
  --container-padding: 2.5rem;
  --container-padding-sm: calc(var(--container-padding) / 2);
  --section-gap: 0.5rem;
  --section-bd-radius: 1.5rem;
  --header-height: 3.5rem;
  --tabbar-height: 4rem;
}
@media (max-width: 640px) {
  html {
    --container-padding: 1rem;
    --container-padding-sm: var(--container-padding);
    --section-gap: 0.25rem;
    --section-bd-radius: 1rem;
    --header-height: 3.125rem;
  }
}
html {
  --control-black-gradient: linear-gradient(
    to bottom,
    #323232 0%,
    #1a1a1a 100%
  );
  --control-black-hover: #313131;
  --control-secondary: #f2f2f2;
  --control-tetriary: #f6f6f6;
  --control-secondary-hover: #e8e8e8;
  --control-disabled: #f2f2f2;
  --control-black-disabled: rgba(0 0 0 / 5%);
  --control-white: #fff;
  --control-white-20: rgba(255 255 255 / 20%);
  --control-error: #ff4b33;
  --control-attention: #ff3633;
  --background-gray: #eee;
  --background-white: #fff;
  --background-green: #3ac9ba;
  --background-dark-green: #3d9966;
  --background-secondary: #f2f2f2;
  --background-black: #000;
  --background-white-20: rgba(255 255 255 / 20%);
  --text-black: #000;
  --text-black-subscribe: #323232;
  --text-black-20: rgba(0 0 0 / 20%);
  --text-black-40: rgba(0 0 0 / 40%);
  --text-black-50: rgba(0 0 0 / 50%);
  --text-black-80: rgba(0 0 0 / 80%);
  --text-disabled: rgba(0 0 0 / 30%);
  --text-hovered: rgba(0 0 0 / 60%);
  --text-white: #fff;
  --text-white-70: rgba(255 255 255 / 70%);
  --text-white-50: rgba(255 255 255 / 50%);
  --text-white-20: rgba(255 255 255 / 20%);
  --text-secondary: #808080;
  --text-sale: #f50;
  --border-black-8: rgba(0 0 0 / 8%);
  --border-black-hovered: rgba(0 0 0 / 20%);
  --border-white-8: rgba(255 255 255 / 8%);
  --border-white-hovered: rgba(255 255 255 / 20%);
  --border-filter: #f0f0f0;
  --icon-black: #000;
  --icon-black-20: rgba(0 0 0 / 20%);
  --icon-black-40: rgba(0 0 0 / 40%);
  --icon-black-80: rgba(0 0 0 / 80%);
  --icon-white: #fff;
  --icon-white-20: rgba(255 255 255 / 20%);
  --icon-white-40: rgba(255 255 255 / 40%);
  --icon-white-50: rgba(255 255 255 / 50%);
  --icon-white-70: rgba(255 255 255 / 70%);
  --icon-white-80: rgba(255 255 255 / 80%);
  --icon-hovered: rgba(0 0 0 / 60%);
  --icon-disabled: rgba(0 0 0 / 30%);
  --icon-tabbar: #adadad;
  --icon-metallic: #887c75;
  --shadow-bg: rgba(0 0 0 / 32%);
  --shadow-white: 0 0 18px 0 rgba(193 193 193 / 25%);
  --shadow-dark: 0 0 18px 0 rgba(103 103 103 / 25%);
  --dropdown-shadow: 0 0.25rem 1.875rem 0 rgb(95 105 131 / 12%),
    0 0.3125rem 0.25rem 0 rgb(95 105 131 / 5%),
    0 0 0.25rem 0 rgb(95 105 131 / 6%);
  --switcher-shadow: 0 0.1875rem 1px 0 rgb(0 0 0 / 6%),
    0 0.1875rem 8px 0 rgb(0 0 0 / 15%), 0 0 0 1px rgb(0 0 0 / 4%);
  --desk-heading-xl-size: 5rem;
  --desk-heading-l-size: 3.75rem;
  --desk-heading-m-size: 2.5rem;
  --desk-heading-s-size: 1.25rem;
  --desk-cert-title-size: 1.1875rem;
  --desk-team-x-size: 2rem;
  --desk-body-l-size: 1.25rem;
  --desk-body-m-size: 1rem;
  --desk-body-s-size: 0.875rem;
  --desk-body-xs-size: 0.75rem;
  --desk-body-price-size: 0.9375rem;
  --popup-heading-size: 2rem;
  --dropdown-size: 1.125rem;
  --form-size: 1.125rem;
  --confirmation-code-size: 4.5rem;
  --mob-heading-xl-size: 2.375rem;
  --mob-heading-l-size: 1.5rem;
  --mob-heading-m-size: 1.25rem;
  --mob-heading-s-size: 1rem;
  --mob-team-x-size: 1rem;
  --mob-body-l-size: 1rem;
  --mob-body-m-size: 0.875rem;
  --mob-body-s-size: 0.75rem;
  --mob-body-xs-size: 0.6875rem;
  --mob-body-price-size: 0.8125rem;
  --mob-body-xxs-size: 0.625rem;
}
.body-l,
.body-m,
.body-price,
.body-s,
.body-xs,
.heading-l,
.heading-m,
.heading-s,
.heading-xl,
.text-default {
  font-family: var(--default-font-family);
  font-weight: 400;
}
.heading-xl {
  font-size: var(--desk-heading-xl-size);
  line-height: 1.1;
}
@media (max-width: 640px) {
  .heading-xl {
    font-size: var(--mob-heading-xl-size);
    line-height: 1.2;
  }
}
.heading-l {
  font-size: var(--desk-heading-l-size);
  line-height: 1.2;
}
@media (max-width: 640px) {
  .heading-l {
    font-size: var(--mob-heading-l-size);
  }
}
.heading-m {
  font-size: var(--desk-heading-m-size);
  line-height: 1.2;
}
@media (max-width: 640px) {
  .heading-m {
    font-size: var(--mob-heading-m-size);
  }
}
.heading-s {
  font-size: var(--desk-heading-s-size);
  line-height: 1.2;
}
@media (max-width: 640px) {
  .heading-s {
    font-size: var(--mob-heading-s-size);
  }
}
.body-l {
  font-size: var(--desk-body-l-size);
  line-height: 1.2;
}
@media (max-width: 640px) {
  .body-l {
    font-size: var(--mob-body-l-size);
    line-height: 1.52;
  }
}
.body-m {
  font-size: var(--desk-body-m-size);
  line-height: 1.52;
}
@media (max-width: 640px) {
  .body-m {
    font-size: var(--mob-body-m-size);
    line-height: 1.44;
  }
}
.body-s {
  font-size: var(--desk-body-s-size);
  line-height: 1.32;
}
@media (max-width: 640px) {
  .body-s {
    font-size: var(--mob-body-s-size);
  }
}
.body-xs {
  font-size: var(--desk-body-xs-size);
  line-height: 1.2;
}
@media (max-width: 640px) {
  .body-xs {
    font-size: var(--mob-body-xs-size);
    line-height: 1.32;
    letter-spacing: 0.0313rem;
  }
}
.body-price {
  font-family: 'Roboto', sans-serif;
  font-size: var(--desk-body-price-size);
  line-height: 1.2;
}
@media (max-width: 640px) {
  .body-price {
    font-family: 'Roboto', sans-serif;
    font-size: var(--mob-body-price-size);
  }
}
@font-face {
  font-family: swiper-icons;
  src: url(data:application/font-woff;charset=utf-8;base64,\ d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA);
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper,
.swiper-wrapper {
  position: relative;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  list-style: none;
  padding: 0;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(
    --swiper-wrapper-transition-timing-function,
    initial
  );
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal
  > .swiper-wrapper
  > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical
  > .swiper-wrapper
  > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}
:root {
  --swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}
.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}
.swiper-button-next svg,
.swiper-button-prev svg {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  transform-origin: center;
}
.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg);
}
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}
.swiper-button-lock {
  display: none;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
  content: "prev";
}
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
  content: "next";
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: var(
    --swiper-pagination-bullet-width,
    var(--swiper-pagination-bullet-size, 8px)
  );
  height: var(
    --swiper-pagination-bullet-height,
    var(--swiper-pagination-bullet-size, 8px)
  );
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: 0;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-vertical
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets
  .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal
  > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}
.swiper-horizontal.swiper-rtl
  > .swiper-pagination-bullets-dynamic
  .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
.swiper-pagination-progressbar {
  background: var(
    --swiper-pagination-progressbar-bg-color,
    rgba(0, 0, 0, 0.25)
  );
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-horizontal
  > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical > .swiper-pagination-progressbar {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar,
.swiper-scrollbar-drag {
  position: relative;
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
}
.swiper-scrollbar {
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}
.swiper-scrollbar-disabled > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical > .swiper-scrollbar {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper.swiper-cube {
  overflow: visible;
}
.swiper-cube .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100%0;
}
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next + .swiper-slide,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top {
  z-index: 0;
  backface-visibility: hidden;
}
.swiper.swiper-flip {
  overflow: visible;
}
.swiper-flip .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index: 0;
  backface-visibility: hidden;
}
.swiper-creative .swiper-slide {
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height;
}
.swiper.swiper-cards {
  overflow: visible;
}
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  backface-visibility: hidden;
  overflow: hidden;
}
.custom-select-container {
  height: 100%;
  position: relative;
  z-index: 0;
  height: 3.25rem;
  background: var(--background-white);
  border-radius: 100vmax;
  box-sizing: border-box;
  border: 1px solid var(--border-black-8);
}
.custom-select-container.is-open {
  z-index: 3;
}
.custom-select-container.is-open .custom-select-panel {
  padding-top: 12px;
  padding-bottom: 5px;
  max-height: 15.9375rem;
  overflow-y: auto;
}
.custom-select-container * {
  box-sizing: border-box;
}
.custom-select-container.is-disabled {
  opacity: 0.3;
}
.custom-select-opener {
  display: block;
  width: 100%;
  padding: 1.0625rem 2.5rem 1.0625rem 1.25rem;
  border: 0;
  outline: 0;
  cursor: pointer;
  white-space: nowrap;
}
@media (max-width: 640px) {
  .custom-select-opener {
    padding-right: 40px;
  }
}
.custom-select-container select {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.custom-select-panel {
  max-height: 0;
  overflow: hidden;
  background-color: var(--background-white);
  position: absolute;
  top: 100%;
  z-index: 1;
  width: 17.8125rem;
  margin-top: 0.125rem;
  border-bottom-left-radius: 1.25rem;
  border-bottom-right-radius: 1.25rem;
  padding: 0 0.3125rem;
}
.custom-select-panel::-webkit-scrollbar {
  width: 0.25rem;
}
.custom-select-panel::-webkit-scrollbar-thumb {
  background-color: var(--background-secondary);
  border-radius: 3px;
}
.custom-select-option {
  padding: 0.75rem;
  cursor: pointer;
}
.custom-select-option.has-focus {
  background: var(--background-secondary);
}
.custom-select-option.is-selected {
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) 10px;
  background-size: 16px;
}
.custom-select-optgroup > .custom-select-option {
  padding-left: 2em;
}
.custom-select-optgroup::before {
  content: attr(data-label);
  display: block;
  padding: 0.5em;
  color: #888;
}
.is-open .custom-select-opener {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
[data-simplebar] {
  position: relative;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
}
.simplebar-wrapper {
  overflow: hidden;
  width: inherit;
  height: inherit;
  max-width: inherit;
  max-height: inherit;
}
.simplebar-mask,
.simplebar-offset {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 0;
  margin: 0;
}
.simplebar-mask {
  direction: inherit;
  overflow: hidden;
  width: auto !important;
  height: auto !important;
  z-index: 0;
}
.simplebar-offset {
  direction: inherit !important;
  box-sizing: inherit !important;
  resize: none !important;
  -webkit-overflow-scrolling: touch;
}
.simplebar-content-wrapper {
  direction: inherit;
  box-sizing: border-box !important;
  position: relative;
  display: block;
  height: 100%;
  width: auto;
  max-width: 100%;
  max-height: 100%;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.simplebar-content:after,
.simplebar-content:before {
  content: " ";
  display: table;
}
.simplebar-placeholder {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  pointer-events: none;
}
.simplebar-height-auto-observer-wrapper {
  box-sizing: inherit !important;
  height: 100%;
  width: 100%;
  max-width: 1px;
  position: relative;
  float: left;
  max-height: 1px;
  overflow: hidden;
  z-index: -1;
  padding: 0;
  margin: 0;
  pointer-events: none;
  flex-grow: inherit;
  flex-shrink: 0;
  flex-basis: 0;
}
.simplebar-height-auto-observer,
.simplebar-track {
  position: absolute;
  pointer-events: none;
  overflow: hidden;
}
.simplebar-height-auto-observer {
  box-sizing: inherit;
  display: block;
  opacity: 0;
  top: 0;
  left: 0;
  height: 1000%;
  width: 1000%;
  min-height: 1px;
  min-width: 1px;
  z-index: -1;
}
.simplebar-track {
  z-index: 1;
  right: 0;
  bottom: 0;
}
[data-simplebar].simplebar-dragging,
[data-simplebar].simplebar-dragging .simplebar-content {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
[data-simplebar].simplebar-dragging .simplebar-track {
  pointer-events: all;
}
.simplebar-scrollbar {
  position: absolute;
  left: 0;
  right: 0;
  min-height: 10px;
}
.simplebar-scrollbar:before {
  position: absolute;
  content: "";
  background: var(--border-black-8);
  border-radius: 7px;
  opacity: 0;
  transition: opacity 0.2s 0.5s linear;
  top: 2px;
  bottom: 2px;
  left: 2px;
  right: 2px;
}
.simplebar-scrollbar.simplebar-visible:before {
  opacity: 1;
  transition-delay: 0s;
  transition-duration: 0s;
}
.simplebar-track.simplebar-vertical {
  top: 0;
  width: 11px;
}
.simplebar-track.simplebar-horizontal {
  left: 0;
  height: 11px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
  right: auto;
  left: 0;
  top: 0;
  bottom: 0;
  min-height: 0;
  min-width: 10px;
  width: auto;
}
[data-simplebar-direction="rtl"] .simplebar-track.simplebar-vertical {
  right: auto;
  left: 0;
}
.simplebar-dummy-scrollbar-size {
  direction: rtl;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  height: 500px;
  width: 500px;
  overflow-y: hidden;
  overflow-x: scroll;
  -ms-overflow-style: scrollbar !important;
}
.simplebar-dummy-scrollbar-size > div {
  width: 200%;
  height: 200%;
  margin: 10px 0;
}
.simplebar-hide-scrollbar {
  position: fixed;
  left: 0;
  visibility: hidden;
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
:root {
  --iti-hover-color: rgb(0 0 0 / 5%);
  --iti-border-color: #ccc;
  --iti-dialcode-color: #999;
  --iti-dropdown-bg: white;
  --iti-spacer-horizontal: 8px;
  --iti-flag-height: 12px;
  --iti-flag-width: 16px;
  --iti-border-width: 1px;
  --iti-arrow-height: 4px;
  --iti-arrow-width: 6px;
  --iti-triangle-border: calc(var(--iti-arrow-width) / 2);
  --iti-arrow-padding: 6px;
  --iti-arrow-color: #555;
  --iti-path-flags-1x: url("/local/templates/hircost/assets/styles/../images/flags/flags.webp");
  --iti-path-flags-2x: url("/local/templates/hircost/assets/styles/../images/flags/flags@2x.webp");
  --iti-path-globe-1x: url("/local/templates/hircost/assets/styles/../images/flags/globe.webp");
  --iti-path-globe-2x: url("/local/templates/hircost/assets/styles/../images/flags/globe@2x.webp");
  --iti-flag-sprite-width: 3904px;
  --iti-flag-sprite-height: 12px;
  --iti-mobile-popup-margin: 30px;
}
.iti {
  position: relative;
  display: inline-block;
}
.iti * {
  box-sizing: border-box;
}
.iti__hide {
  display: none;
}
.iti__v-hide {
  visibility: hidden;
}
.iti__a11y-text {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}
.iti input.iti__tel-input,
.iti input.iti__tel-input[type="tel"],
.iti input.iti__tel-input[type="text"] {
  position: relative;
  z-index: 0;
  margin: 0 !important;
}
.iti__country-container {
  position: absolute;
  top: 0;
  bottom: 0;
  padding: var(--iti-border-width);
}
.iti__selected-country {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
  height: 100%;
  border: 0;
  border-radius: 0;
  background: 0 0;
  color: inherit;
  text-decoration: none;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}
.iti__selected-country-primary {
  display: flex;
  align-items: center;
  padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal);
  height: 100%;
  padding-top: 2px;
}
.iti__arrow {
  margin-left: var(--iti-arrow-padding);
  width: 0;
  height: 0;
  border-top: var(--iti-arrow-height) solid var(--iti-arrow-color);
  border-left: var(--iti-triangle-border) solid transparent;
  border-right: var(--iti-triangle-border) solid transparent;
}
[dir="rtl"] .iti__arrow {
  margin-right: var(--iti-arrow-padding);
  margin-left: 0;
}
.iti__arrow--up {
  border-top: none;
  border-bottom: var(--iti-arrow-height) solid var(--iti-arrow-color);
}
.iti__dropdown-content {
  border-radius: 3px;
  background-color: var(--iti-dropdown-bg);
}
.iti--inline-dropdown .iti__dropdown-content {
  position: absolute;
  z-index: 5;
  margin-top: 3px;
  margin-left: calc(var(--iti-border-width) * -1);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  border: var(--iti-border-width) solid var(--iti-border-color);
}
.iti__search-input {
  width: 100%;
  border-width: 0;
  border-radius: 3px;
}
.iti__search-input + .iti__country-list {
  border-top: 1px solid var(--iti-border-color);
}
.iti__country-list {
  margin: 0;
  padding: 0;
  overflow-y: scroll;
  list-style: none;
  -webkit-overflow-scrolling: touch;
}
.iti--inline-dropdown .iti__country-list {
  max-height: 185px;
}
.iti--flexible-dropdown-width .iti__country-list {
  white-space: nowrap;
}
@media (max-width: 500px) {
  .iti--flexible-dropdown-width .iti__country-list {
    white-space: normal;
  }
}
.iti__country {
  display: flex;
  align-items: center;
  padding: 8px var(--iti-spacer-horizontal);
  outline: 0;
}
.iti__dial-code {
  color: var(--iti-dialcode-color);
}
.iti__country.iti__highlight {
  background-color: var(--iti-hover-color);
}
.iti__country-list .iti__flag,
.iti__country-name {
  margin-right: var(--iti-spacer-horizontal);
}
[dir="rtl"] .iti__country-list .iti__flag,
[dir="rtl"] .iti__country-name {
  margin-right: 0;
  margin-left: var(--iti-spacer-horizontal);
}
.iti--allow-dropdown
  .iti__country-container:not(
    :has(+ input[disabled]),
    :has(+ input[readonly])
  ):hover,
.iti--allow-dropdown
  .iti__country-container:not(
    :has(+ input[disabled]),
    :has(+ input[readonly])
  ):hover
  button {
  cursor: pointer;
}
.iti--allow-dropdown
  .iti__country-container:not(:has(+ input[disabled]), :has(+ input[readonly]))
  .iti__selected-country-primary:hover,
.iti--allow-dropdown
  .iti__country-container:not(:has(+ input[disabled]), :has(+ input[readonly]))
  .iti__selected-country:has(+ .iti__dropdown-content:hover)
  .iti__selected-country-primary {
  background-color: var(--iti-hover-color);
}
.iti .iti__selected-dial-code {
  padding-top: 2px;
  margin-left: 4px;
}
[dir="rtl"] .iti .iti__selected-dial-code {
  margin-right: 4px;
  margin-left: 0;
}
.iti--container {
  position: fixed;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: var(--iti-border-width);
}
.iti--container:hover {
  cursor: pointer;
}
.iti--fullscreen-popup.iti--container {
  position: fixed;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  padding: var(--iti-mobile-popup-margin);
  background-color: rgba(0, 0, 0, 0.5);
}
.iti--fullscreen-popup .iti__dropdown-content {
  position: relative;
  display: flex;
  flex-direction: column;
  max-height: 100%;
}
.iti--fullscreen-popup .iti__country {
  padding: 10px;
  line-height: 1.5em;
}
.iti__flag {
  --iti-flag-offset: 100px;
  width: var(--iti-flag-width);
  height: var(--iti-flag-height);
  box-shadow: 0 0 1px 0#888;
  border-radius: 1px;
  background-image: var(--iti-path-flags-1x);
  background-position: var(--iti-flag-offset) 0;
  background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height);
  background-repeat: no-repeat;
}
.iti__ac {
  --iti-flag-offset: 0px;
}
.iti__ad {
  --iti-flag-offset: -16px;
}
.iti__ae {
  --iti-flag-offset: -32px;
}
.iti__af {
  --iti-flag-offset: -48px;
}
.iti__ag {
  --iti-flag-offset: -64px;
}
.iti__ai {
  --iti-flag-offset: -80px;
}
.iti__al {
  --iti-flag-offset: -96px;
}
.iti__am {
  --iti-flag-offset: -112px;
}
.iti__ao {
  --iti-flag-offset: -128px;
}
.iti__ar {
  --iti-flag-offset: -144px;
}
.iti__as {
  --iti-flag-offset: -160px;
}
.iti__at {
  --iti-flag-offset: -176px;
}
.iti__au {
  --iti-flag-offset: -192px;
}
.iti__aw {
  --iti-flag-offset: -208px;
}
.iti__ax {
  --iti-flag-offset: -224px;
}
.iti__az {
  --iti-flag-offset: -240px;
}
.iti__ba {
  --iti-flag-offset: -256px;
}
.iti__bb {
  --iti-flag-offset: -272px;
}
.iti__bd {
  --iti-flag-offset: -288px;
}
.iti__be {
  --iti-flag-offset: -304px;
}
.iti__bf {
  --iti-flag-offset: -320px;
}
.iti__bg {
  --iti-flag-offset: -336px;
}
.iti__bh {
  --iti-flag-offset: -352px;
}
.iti__bi {
  --iti-flag-offset: -368px;
}
.iti__bj {
  --iti-flag-offset: -384px;
}
.iti__bl {
  --iti-flag-offset: -400px;
}
.iti__bm {
  --iti-flag-offset: -416px;
}
.iti__bn {
  --iti-flag-offset: -432px;
}
.iti__bo {
  --iti-flag-offset: -448px;
}
.iti__bq {
  --iti-flag-offset: -464px;
}
.iti__br {
  --iti-flag-offset: -480px;
}
.iti__bs {
  --iti-flag-offset: -496px;
}
.iti__bt {
  --iti-flag-offset: -512px;
}
.iti__bw {
  --iti-flag-offset: -528px;
}
.iti__by {
  --iti-flag-offset: -544px;
}
.iti__bz {
  --iti-flag-offset: -560px;
}
.iti__ca {
  --iti-flag-offset: -576px;
}
.iti__cc {
  --iti-flag-offset: -592px;
}
.iti__cd {
  --iti-flag-offset: -608px;
}
.iti__cf {
  --iti-flag-offset: -624px;
}
.iti__cg {
  --iti-flag-offset: -640px;
}
.iti__ch {
  --iti-flag-offset: -656px;
}
.iti__ci {
  --iti-flag-offset: -672px;
}
.iti__ck {
  --iti-flag-offset: -688px;
}
.iti__cl {
  --iti-flag-offset: -704px;
}
.iti__cm {
  --iti-flag-offset: -720px;
}
.iti__cn {
  --iti-flag-offset: -736px;
}
.iti__co {
  --iti-flag-offset: -752px;
}
.iti__cr {
  --iti-flag-offset: -768px;
}
.iti__cu {
  --iti-flag-offset: -784px;
}
.iti__cv {
  --iti-flag-offset: -800px;
}
.iti__cw {
  --iti-flag-offset: -816px;
}
.iti__cx {
  --iti-flag-offset: -832px;
}
.iti__cy {
  --iti-flag-offset: -848px;
}
.iti__cz {
  --iti-flag-offset: -864px;
}
.iti__de {
  --iti-flag-offset: -880px;
}
.iti__dj {
  --iti-flag-offset: -896px;
}
.iti__dk {
  --iti-flag-offset: -912px;
}
.iti__dm {
  --iti-flag-offset: -928px;
}
.iti__do {
  --iti-flag-offset: -944px;
}
.iti__dz {
  --iti-flag-offset: -960px;
}
.iti__ec {
  --iti-flag-offset: -976px;
}
.iti__ee {
  --iti-flag-offset: -992px;
}
.iti__eg {
  --iti-flag-offset: -1008px;
}
.iti__eh {
  --iti-flag-offset: -1024px;
}
.iti__er {
  --iti-flag-offset: -1040px;
}
.iti__es {
  --iti-flag-offset: -1056px;
}
.iti__et {
  --iti-flag-offset: -1072px;
}
.iti__fi {
  --iti-flag-offset: -1088px;
}
.iti__fj {
  --iti-flag-offset: -1104px;
}
.iti__fk {
  --iti-flag-offset: -1120px;
}
.iti__fm {
  --iti-flag-offset: -1136px;
}
.iti__fo {
  --iti-flag-offset: -1152px;
}
.iti__fr {
  --iti-flag-offset: -1168px;
}
.iti__ga {
  --iti-flag-offset: -1184px;
}
.iti__gb {
  --iti-flag-offset: -1200px;
}
.iti__gd {
  --iti-flag-offset: -1216px;
}
.iti__ge {
  --iti-flag-offset: -1232px;
}
.iti__gf {
  --iti-flag-offset: -1248px;
}
.iti__gg {
  --iti-flag-offset: -1264px;
}
.iti__gh {
  --iti-flag-offset: -1280px;
}
.iti__gi {
  --iti-flag-offset: -1296px;
}
.iti__gl {
  --iti-flag-offset: -1312px;
}
.iti__gm {
  --iti-flag-offset: -1328px;
}
.iti__gn {
  --iti-flag-offset: -1344px;
}
.iti__gp {
  --iti-flag-offset: -1360px;
}
.iti__gq {
  --iti-flag-offset: -1376px;
}
.iti__gr {
  --iti-flag-offset: -1392px;
}
.iti__gt {
  --iti-flag-offset: -1408px;
}
.iti__gu {
  --iti-flag-offset: -1424px;
}
.iti__gw {
  --iti-flag-offset: -1440px;
}
.iti__gy {
  --iti-flag-offset: -1456px;
}
.iti__hk {
  --iti-flag-offset: -1472px;
}
.iti__hn {
  --iti-flag-offset: -1488px;
}
.iti__hr {
  --iti-flag-offset: -1504px;
}
.iti__ht {
  --iti-flag-offset: -1520px;
}
.iti__hu {
  --iti-flag-offset: -1536px;
}
.iti__id {
  --iti-flag-offset: -1552px;
}
.iti__ie {
  --iti-flag-offset: -1568px;
}
.iti__il {
  --iti-flag-offset: -1584px;
}
.iti__im {
  --iti-flag-offset: -1600px;
}
.iti__in {
  --iti-flag-offset: -1616px;
}
.iti__io {
  --iti-flag-offset: -1632px;
}
.iti__iq {
  --iti-flag-offset: -1648px;
}
.iti__ir {
  --iti-flag-offset: -1664px;
}
.iti__is {
  --iti-flag-offset: -1680px;
}
.iti__it {
  --iti-flag-offset: -1696px;
}
.iti__je {
  --iti-flag-offset: -1712px;
}
.iti__jm {
  --iti-flag-offset: -1728px;
}
.iti__jo {
  --iti-flag-offset: -1744px;
}
.iti__jp {
  --iti-flag-offset: -1760px;
}
.iti__ke {
  --iti-flag-offset: -1776px;
}
.iti__kg {
  --iti-flag-offset: -1792px;
}
.iti__kh {
  --iti-flag-offset: -1808px;
}
.iti__ki {
  --iti-flag-offset: -1824px;
}
.iti__km {
  --iti-flag-offset: -1840px;
}
.iti__kn {
  --iti-flag-offset: -1856px;
}
.iti__kp {
  --iti-flag-offset: -1872px;
}
.iti__kr {
  --iti-flag-offset: -1888px;
}
.iti__kw {
  --iti-flag-offset: -1904px;
}
.iti__ky {
  --iti-flag-offset: -1920px;
}
.iti__kz {
  --iti-flag-offset: -1936px;
}
.iti__la {
  --iti-flag-offset: -1952px;
}
.iti__lb {
  --iti-flag-offset: -1968px;
}
.iti__lc {
  --iti-flag-offset: -1984px;
}
.iti__li {
  --iti-flag-offset: -2000px;
}
.iti__lk {
  --iti-flag-offset: -2016px;
}
.iti__lr {
  --iti-flag-offset: -2032px;
}
.iti__ls {
  --iti-flag-offset: -2048px;
}
.iti__lt {
  --iti-flag-offset: -2064px;
}
.iti__lu {
  --iti-flag-offset: -2080px;
}
.iti__lv {
  --iti-flag-offset: -2096px;
}
.iti__ly {
  --iti-flag-offset: -2112px;
}
.iti__ma {
  --iti-flag-offset: -2128px;
}
.iti__mc {
  --iti-flag-offset: -2144px;
}
.iti__md {
  --iti-flag-offset: -2160px;
}
.iti__me {
  --iti-flag-offset: -2176px;
}
.iti__mf {
  --iti-flag-offset: -2192px;
}
.iti__mg {
  --iti-flag-offset: -2208px;
}
.iti__mh {
  --iti-flag-offset: -2224px;
}
.iti__mk {
  --iti-flag-offset: -2240px;
}
.iti__ml {
  --iti-flag-offset: -2256px;
}
.iti__mm {
  --iti-flag-offset: -2272px;
}
.iti__mn {
  --iti-flag-offset: -2288px;
}
.iti__mo {
  --iti-flag-offset: -2304px;
}
.iti__mp {
  --iti-flag-offset: -2320px;
}
.iti__mq {
  --iti-flag-offset: -2336px;
}
.iti__mr {
  --iti-flag-offset: -2352px;
}
.iti__ms {
  --iti-flag-offset: -2368px;
}
.iti__mt {
  --iti-flag-offset: -2384px;
}
.iti__mu {
  --iti-flag-offset: -2400px;
}
.iti__mv {
  --iti-flag-offset: -2416px;
}
.iti__mw {
  --iti-flag-offset: -2432px;
}
.iti__mx {
  --iti-flag-offset: -2448px;
}
.iti__my {
  --iti-flag-offset: -2464px;
}
.iti__mz {
  --iti-flag-offset: -2480px;
}
.iti__na {
  --iti-flag-offset: -2496px;
}
.iti__nc {
  --iti-flag-offset: -2512px;
}
.iti__ne {
  --iti-flag-offset: -2528px;
}
.iti__nf {
  --iti-flag-offset: -2544px;
}
.iti__ng {
  --iti-flag-offset: -2560px;
}
.iti__ni {
  --iti-flag-offset: -2576px;
}
.iti__nl {
  --iti-flag-offset: -2592px;
}
.iti__no {
  --iti-flag-offset: -2608px;
}
.iti__np {
  --iti-flag-offset: -2624px;
}
.iti__nr {
  --iti-flag-offset: -2640px;
}
.iti__nu {
  --iti-flag-offset: -2656px;
}
.iti__nz {
  --iti-flag-offset: -2672px;
}
.iti__om {
  --iti-flag-offset: -2688px;
}
.iti__pa {
  --iti-flag-offset: -2704px;
}
.iti__pe {
  --iti-flag-offset: -2720px;
}
.iti__pf {
  --iti-flag-offset: -2736px;
}
.iti__pg {
  --iti-flag-offset: -2752px;
}
.iti__ph {
  --iti-flag-offset: -2768px;
}
.iti__pk {
  --iti-flag-offset: -2784px;
}
.iti__pl {
  --iti-flag-offset: -2800px;
}
.iti__pm {
  --iti-flag-offset: -2816px;
}
.iti__pr {
  --iti-flag-offset: -2832px;
}
.iti__ps {
  --iti-flag-offset: -2848px;
}
.iti__pt {
  --iti-flag-offset: -2864px;
}
.iti__pw {
  --iti-flag-offset: -2880px;
}
.iti__py {
  --iti-flag-offset: -2896px;
}
.iti__qa {
  --iti-flag-offset: -2912px;
}
.iti__re {
  --iti-flag-offset: -2928px;
}
.iti__ro {
  --iti-flag-offset: -2944px;
}
.iti__rs {
  --iti-flag-offset: -2960px;
}
.iti__ru {
  --iti-flag-offset: -2976px;
}
.iti__rw {
  --iti-flag-offset: -2992px;
}
.iti__sa {
  --iti-flag-offset: -3008px;
}
.iti__sb {
  --iti-flag-offset: -3024px;
}
.iti__sc {
  --iti-flag-offset: -3040px;
}
.iti__sd {
  --iti-flag-offset: -3056px;
}
.iti__se {
  --iti-flag-offset: -3072px;
}
.iti__sg {
  --iti-flag-offset: -3088px;
}
.iti__sh {
  --iti-flag-offset: -3104px;
}
.iti__si {
  --iti-flag-offset: -3120px;
}
.iti__sj {
  --iti-flag-offset: -3136px;
}
.iti__sk {
  --iti-flag-offset: -3152px;
}
.iti__sl {
  --iti-flag-offset: -3168px;
}
.iti__sm {
  --iti-flag-offset: -3184px;
}
.iti__sn {
  --iti-flag-offset: -3200px;
}
.iti__so {
  --iti-flag-offset: -3216px;
}
.iti__sr {
  --iti-flag-offset: -3232px;
}
.iti__ss {
  --iti-flag-offset: -3248px;
}
.iti__st {
  --iti-flag-offset: -3264px;
}
.iti__sv {
  --iti-flag-offset: -3280px;
}
.iti__sx {
  --iti-flag-offset: -3296px;
}
.iti__sy {
  --iti-flag-offset: -3312px;
}
.iti__sz {
  --iti-flag-offset: -3328px;
}
.iti__tc {
  --iti-flag-offset: -3344px;
}
.iti__td {
  --iti-flag-offset: -3360px;
}
.iti__tg {
  --iti-flag-offset: -3376px;
}
.iti__th {
  --iti-flag-offset: -3392px;
}
.iti__tj {
  --iti-flag-offset: -3408px;
}
.iti__tk {
  --iti-flag-offset: -3424px;
}
.iti__tl {
  --iti-flag-offset: -3440px;
}
.iti__tm {
  --iti-flag-offset: -3456px;
}
.iti__tn {
  --iti-flag-offset: -3472px;
}
.iti__to {
  --iti-flag-offset: -3488px;
}
.iti__tr {
  --iti-flag-offset: -3504px;
}
.iti__tt {
  --iti-flag-offset: -3520px;
}
.iti__tv {
  --iti-flag-offset: -3536px;
}
.iti__tw {
  --iti-flag-offset: -3552px;
}
.iti__tz {
  --iti-flag-offset: -3568px;
}
.iti__ua {
  --iti-flag-offset: -3584px;
}
.iti__ug {
  --iti-flag-offset: -3600px;
}
.iti__us {
  --iti-flag-offset: -3616px;
}
.iti__uy {
  --iti-flag-offset: -3632px;
}
.iti__uz {
  --iti-flag-offset: -3648px;
}
.iti__va {
  --iti-flag-offset: -3664px;
}
.iti__vc {
  --iti-flag-offset: -3680px;
}
.iti__ve {
  --iti-flag-offset: -3696px;
}
.iti__vg {
  --iti-flag-offset: -3712px;
}
.iti__vi {
  --iti-flag-offset: -3728px;
}
.iti__vn {
  --iti-flag-offset: -3744px;
}
.iti__vu {
  --iti-flag-offset: -3760px;
}
.iti__wf {
  --iti-flag-offset: -3776px;
}
.iti__ws {
  --iti-flag-offset: -3792px;
}
.iti__xk {
  --iti-flag-offset: -3808px;
}
.iti__ye {
  --iti-flag-offset: -3824px;
}
.iti__yt {
  --iti-flag-offset: -3840px;
}
.iti__za {
  --iti-flag-offset: -3856px;
}
.iti__zm {
  --iti-flag-offset: -3872px;
}
.iti__zw {
  --iti-flag-offset: -3888px;
}
.iti__globe {
  height: 19px;
  box-shadow: none;
  background-image: var(--iti-path-globe-1x);
  background-position: right;
  background-size: contain;
}
@media (min-resolution: 2x) {
  .iti__flag {
    background-image: var(--iti-path-flags-2x);
  }
  .iti__globe {
    background-image: var(--iti-path-globe-2x);
  }
}
.flatpickr-calendar {
  background: 0 0;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  box-sizing: border-box;
  touch-action: manipulation;
  background: #fff;
  box-shadow: 1px 0 0#e6e6e6, -1px 0 0#e6e6e6, 0 1px 0#e6e6e6, 0-1px 0#e6e6e6,
    0 3px 13px rgba(0, 0, 0, 0.08);
}
.flatpickr-calendar.inline,
.flatpickr-calendar.open {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
}
.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999;
}
.flatpickr-calendar.animate.open {
  animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}
.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}
.flatpickr-calendar.multiMonth
  .flatpickr-days
  .dayContainer:nth-child(n + 1)
  .flatpickr-day.inRange:nth-child(7n + 7) {
  box-shadow: none !important;
}
.flatpickr-calendar.multiMonth
  .flatpickr-days
  .dayContainer:nth-child(n + 2)
  .flatpickr-day.inRange:nth-child(7n + 1) {
  box-shadow: -2px 0 0#e6e6e6, 5px 0 0#e6e6e6;
}
.flatpickr-calendar .hasTime .dayContainer,
.flatpickr-calendar .hasWeeks .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}
.flatpickr-calendar:after,
.flatpickr-calendar:before {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  left: 22px;
}
.flatpickr-calendar.arrowRight:after,
.flatpickr-calendar.arrowRight:before,
.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.rightMost:before {
  left: auto;
  right: 22px;
}
.flatpickr-calendar.arrowCenter:after,
.flatpickr-calendar.arrowCenter:before {
  left: 50%;
  right: 50%;
}
.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0-5px;
}
.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0-4px;
}
.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowTop:before {
  bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:after,
.flatpickr-calendar.arrowBottom:before {
  top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}
.flatpickr-calendar:focus,
.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}
.flatpickr-wrapper {
  position: relative;
  display: inline-block;
}
.flatpickr-months {
  display: flex;
}
.flatpickr-months .flatpickr-month,
.flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  height: 34px;
  color: rgba(0, 0, 0, 0.9);
  fill: rgba(0, 0, 0, 0.9);
}
.flatpickr-months .flatpickr-month {
  background: 0 0;
  line-height: 1;
  text-align: center;
  position: relative;
  overflow: hidden;
  flex: 1;
}
.flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  padding: 10px;
  z-index: 3;
}
.flatpickr-months .flatpickr-next-month.flatpickr-disabled,
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled {
  display: none;
}
.flatpickr-months .flatpickr-next-month i,
.flatpickr-months .flatpickr-prev-month i,
.numInputWrapper,
.text-content li {
  position: relative;
}
.flatpickr-months .flatpickr-next-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
  left: 0;
}
.flatpickr-months .flatpickr-next-month.flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
  right: 0;
}
.flatpickr-months .flatpickr-next-month:hover,
.flatpickr-months .flatpickr-prev-month:hover {
  color: #959ea9;
}
.flatpickr-months .flatpickr-next-month:hover svg,
.flatpickr-months .flatpickr-prev-month:hover svg {
  fill: #f64747;
}
.flatpickr-months .flatpickr-next-month svg,
.flatpickr-months .flatpickr-prev-month svg {
  width: 14px;
  height: 14px;
}
.flatpickr-months .flatpickr-next-month svg path,
.flatpickr-months .flatpickr-prev-month svg path {
  transition: fill 0.1s;
  fill: inherit;
}
.numInputWrapper {
  height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
  display: inline-block;
}
.numInputWrapper input {
  width: 100%;
}
.numInputWrapper input::-ms-clear {
  display: none;
}
.numInputWrapper input::-webkit-inner-spin-button,
.numInputWrapper input::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(57, 57, 57, 0.15);
  box-sizing: border-box;
}
.numInputWrapper span:hover {
  background: rgba(0, 0, 0, 0.1);
}
.numInputWrapper span:active {
  background: rgba(0, 0, 0, 0.2);
}
.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute;
}
.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(57, 57, 57, 0.6);
  top: 26%;
}
.numInputWrapper span.arrowDown {
  top: 50%;
}
.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(57, 57, 57, 0.6);
  top: 40%;
}
.numInputWrapper span svg {
  width: inherit;
  height: auto;
}
.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5);
}
.flatpickr-current-month span.cur-month:hover,
.numInputWrapper:hover {
  background: rgba(0, 0, 0, 0.05);
}
.numInputWrapper:hover span {
  opacity: 1;
}
.flatpickr-current-month {
  font-size: 135%;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  transform: translate3d(0, 0, 0);
}
.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: 0.5ch;
  padding: 0;
}
.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch\0;
  display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-current-month input.cur-year {
  background: 0 0;
  border: 0;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  padding: 0 0 0 0.5ch;
  vertical-align: initial;
}
.flatpickr-current-month input.cur-year {
  cursor: text;
  margin: 0;
  display: inline-block;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, 0.5);
  background: 0 0;
  pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  cursor: pointer;
  margin: -1px 0 0;
  outline: 0;
  position: relative;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:active,
.flatpickr-current-month .flatpickr-monthDropdown-months:focus {
  outline: 0;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, 0.05);
}
.flatpickr-current-month
  .flatpickr-monthDropdown-months
  .flatpickr-monthDropdown-month {
  background-color: transparent;
  outline: 0;
  padding: 0;
}
.flatpickr-weekdays {
  background: 0 0;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: center;
  height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: flex;
  flex: 1;
}
span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: 0 0;
  color: rgba(0, 0, 0, 0.54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  flex: 1;
  font-weight: bolder;
}
.flatpickr-weeks {
  padding: 1px 0 0;
}
.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  width: 307.875px;
}
.flatpickr-days:focus {
  outline: 0;
}
.dayContainer,
.flatpickr-day {
  box-sizing: border-box;
  display: inline-block;
}
.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: space-around;
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.dayContainer + .dayContainer {
  box-shadow: -1px 0 0#e6e6e6;
}
.flatpickr-day {
  background: 0 0;
  border: 1px solid transparent;
  border-radius: 150px;
  color: #393939;
  cursor: pointer;
  font-weight: 400;
  width: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  position: relative;
  justify-content: center;
  text-align: center;
}
.flatpickr-day.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day.nextMonthDay:focus,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.today.inRange,
.flatpickr-day:focus,
.flatpickr-day:hover {
  cursor: pointer;
  outline: 0;
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.flatpickr-day.today {
  border-color: #959ea9;
}
.flatpickr-day.today:focus,
.flatpickr-day.today:hover {
  border-color: #959ea9;
  background: #959ea9;
  color: #fff;
}
.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover {
  background: #569ff7;
  box-shadow: none;
  color: #fff;
  border-color: #569ff7;
}
.flatpickr-day.endRange.startRange,
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange {
  border-radius: 50px 0 0 50px;
}
.flatpickr-day.endRange.endRange,
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange {
  border-radius: 0 50px 50px 0;
}
.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),
.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)) {
  box-shadow: -10px 0 0#569ff7;
}
.flatpickr-day.endRange.startRange.endRange,
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange {
  border-radius: 50px;
}
.flatpickr-day.inRange {
  border-radius: 0;
  box-shadow: -5px 0 0#e6e6e6, 5px 0 0#e6e6e6;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  background: 0 0;
  border-color: transparent;
}
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.nextMonthDay,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.prevMonthDay {
  color: rgba(57, 57, 57, 0.3);
  background: 0 0;
  border-color: transparent;
  cursor: default;
}
.flatpickr-day.flatpickr-disabled,
.flatpickr-day.flatpickr-disabled:hover {
  cursor: not-allowed;
  color: rgba(57, 57, 57, 0.1);
}
.flatpickr-day.week.selected {
  border-radius: 0;
  box-shadow: -5px 0 0#569ff7, 5px 0 0#569ff7;
}
.flatpickr-day.hidden {
  visibility: hidden;
}
.rangeMode .flatpickr-day {
  margin-top: 1px;
}
.flatpickr-weekwrapper {
  float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  box-shadow: 1px 0 0#e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(57, 57, 57, 0.3);
  background: 0 0;
  cursor: default;
  border: 0;
}
.flatpickr-innerContainer {
  display: block;
  display: flex;
  box-sizing: border-box;
  overflow: hidden;
}
.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  box-sizing: border-box;
}
.flatpickr-time,
.flatpickr-time input {
  text-align: center;
  box-sizing: border-box;
}
.flatpickr-time {
  outline: 0;
  display: block;
  height: 0;
  line-height: 40px;
  max-height: 40px;
  overflow: hidden;
  display: flex;
}
.flatpickr-time:after {
  content: "";
  display: table;
  clear: both;
}
.flatpickr-time .numInputWrapper {
  flex: 1;
  width: 40%;
  height: 40px;
  float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}
.flatpickr-time input {
  background: 0 0;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #393939;
  font-size: 14px;
  position: relative;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
.flatpickr-time input.flatpickr-hour {
  font-weight: 700;
}
.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}
.flatpickr-time input:focus {
  outline: 0;
  border: 0;
}
.flatpickr-time .flatpickr-am-pm,
.flatpickr-time .flatpickr-time-separator {
  height: inherit;
  float: left;
  line-height: inherit;
  color: #393939;
  font-weight: 700;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
}
.flatpickr-time .flatpickr-am-pm:focus,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time input:hover {
  background: #eee;
}
.flatpickr-input[readonly],
summary {
  cursor: pointer;
}
@font-face {
  font-family: "Helvetica Neue";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url(/local/templates/hircost/assets/styles/../fonts/HelveticaNeueCyr-Roman.woff2) format("woff2"),
    url(/local/templates/hircost/assets/styles/../fonts/HelveticaNeueCyr-Roman.woff) format("woff");
}
@font-face {
  font-family: "Helvetica Neue";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url(/local/templates/hircost/assets/styles/../fonts/HelveticaNeueCyr-Medium.woff2) format("woff2"),
    url(/local/templates/hircost/assets/styles/../fonts/HelveticaNeueCyr-Medium.woff) format("woff");
}
@font-face {
    font-family: 'Roboto';
    src: url('/local/templates/hircost/assets/styles/../fonts/Roboto-VariableFont_wdth,wght.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-style: normal;
}

@font-face {
    font-family: 'Roboto';
    src: url('/local/templates/hircost/assets/styles/../fonts/Roboto-Italic-VariableFont_wdth,wght.ttf') format('truetype-variations');
    font-weight: 100 900;
    font-style: italic;
}
* {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}
body,
html {
  width: 100%;
  height: 100%;
  cursor: default;
}
html {
  font-size: clamp(12px, 1.1111vw, 16px);
}
@media (min-width: 1921px) {
  html {
    font-size: 0.8333vw;
  }
}
@media (max-width: 640px) {
  html {
    font-size: 16px;
  }
}
@media (max-width: 374px) {
  html {
    font-size: 4.2667vw;
  }
}
body {
  background: var(--background-white);
  color: var(--text-black);
  font-family: var(--default-font-family);
  font-size: var(--desk-body-m-size);
  line-height: 1.2;
  font-style: normal;
}
html._mobile body {
  -webkit-text-size-adjust: 100%;
}
html._safari body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
@media (max-width: 640px) {
  body {
    font-size: var(--mob-body-m-size);
  }
}
body._green {
  background: var(--background-green);
}
fieldset,
img,
table {
  border: 0;
}
.buyers .tabs li,
li,
ul {
  list-style-type: none;
}
img,
table td {
  vertical-align: top;
}
img {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
a {
  color: inherit;
  text-decoration: none;
}
table {
  border-collapse: collapse;
}
table td {
  padding: 0;
}
input,
select,
textarea {
  box-sizing: border-box;
  border-radius: 0;
}
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}
::selection {
  background: var(--text-secondary);
  color: var(--text-white);
  text-shadow: none;
}
::-moz-selection {
  background: var(--text-secondary);
  color: var(--text-white);
  text-shadow: none;
}
a[href^="tel"] {
  color: inherit;
  text-decoration: none;
  white-space: nowrap;
}
button {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border-radius: 0;
}
.svg-sprite {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 0;
  height: 0;
  overflow: hidden;
  pointer-events: none;
}
.about-socials__footer-text a,
.about-socials__footer-text a *,
.accordion__btn,
.accordion__btn *,
.address-item__map-link,
.address-item__map-link *,
.animated,
.animated *,
.breadcrumbs__link,
.breadcrumbs__link *,
.catalog-list__button[data-popup-opener="filter"],
.catalog-list__button[data-popup-opener="filter"] *,
.counter__button,
.counter__button *,
.counter__icon,
.counter__icon *,
.dropdown,
.dropdown *,
.filter-button,
.filter-button *,
.filter__button,
.filter__button *,
.footer a[href],
.footer a[href] *,
.input,
.input *,
.menu__color,
.menu__color *,
.menu__hircost-link,
.menu__hircost-link *,
.menu__item-toggle,
.menu__item-toggle *,
.menu__more-btn,
.menu__more-btn *,
.menu__product-link,
.menu__product-link *,
.menu__product-list a,
.menu__product-list a *,
.order-gift,
.order-gift *,
.popups__close-button,
.popups__close-button *,
.product-preview .swiper-slide,
.product-preview .swiper-slide *,
.read-more__button,
.read-more__button *,
.search-menu__button,
.search-menu__button *,
.search-menu__link,
.search-menu__link *,
.support__link,
.support__link *,
.switcher,
.switcher *,
.transition-active,
.transition-active * {
  transition: opacity 0.3s ease-out, color 0.3s ease-out,
    background-color 0.3s ease-out, border-color 0.3s ease-out;
}
.about-socials__footer-text a:hover,
.about-socials__footer-text a:hover *,
.accordion__btn:hover,
.accordion__btn:hover *,
.address-item__map-link:hover,
.address-item__map-link:hover *,
.animated:hover,
.animated:hover *,
.breadcrumbs__link:hover,
.breadcrumbs__link:hover *,
.catalog-list__button[data-popup-opener="filter"]:hover,
.catalog-list__button[data-popup-opener="filter"]:hover *,
.counter__button:hover,
.counter__button:hover *,
.counter__icon:hover,
.counter__icon:hover *,
.dropdown:hover,
.dropdown:hover *,
.filter-button:hover,
.filter-button:hover *,
.filter__button:hover,
.filter__button:hover *,
.footer a[href]:hover,
.footer a[href]:hover *,
.input:hover,
.input:hover *,
.menu__color:hover,
.menu__color:hover *,
.menu__hircost-link:hover,
.menu__hircost-link:hover *,
.menu__item-toggle:hover,
.menu__item-toggle:hover *,
.menu__more-btn:hover,
.menu__more-btn:hover *,
.menu__product-link:hover,
.menu__product-link:hover *,
.menu__product-list a:hover,
.menu__product-list a:hover *,
.order-gift:hover,
.order-gift:hover *,
.popups__close-button:hover,
.popups__close-button:hover *,
.product-preview .swiper-slide:hover,
.product-preview .swiper-slide:hover *,
.read-more__button:hover,
.read-more__button:hover *,
.search-menu__button:hover,
.search-menu__button:hover *,
.search-menu__link:hover,
.search-menu__link:hover *,
.support__link:hover,
.support__link:hover *,
.switcher:hover,
.switcher:hover *,
.transition-hover,
.transition-hover * {
  transition: none;
}
.visually-hidden {
  position: absolute;
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  border: 0;
  white-space: nowrap;
  clip-path: inset(100%);
  clip: rect(0 0 0 0);
}
.text-center,
.text-content h2 {
  text-align: center;
}
.absolute-full-size,
.full-size-img,
.main-hero__background::after,
.team-hero__background::after {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.full-size-img {
  -o-object-fit: cover;
  object-fit: cover;
}
.no-pe {
  pointer-events: none;
}
.pe-auto {
  pointer-events: auto;
}
.text-content h2 {
  margin-bottom: 2.375rem;
  font-size: var(--desk-heading-m-size);
}
@media (max-width: 640px) {
  .text-content h2 {
    margin-bottom: 1rem;
    text-align: left;
    font-size: var(--mob-heading-m-size);
  }
}
.text-content h3 {
  padding-block: 1rem;
  font-size: var(--desk-heading-s-size);
  line-height: 1.2;
}
@media (max-width: 640px) {
  .text-content h3 {
    font-size: var(--mob-heading-s-size);
  }
}
.text-content p {
  margin-bottom: 0.9375rem;
  color: var(--text-black-80);
  line-height: 1.52;
}
.text-content ol:last-child,
.text-content p:last-child,
.text-content ul:last-child {
  margin-bottom: 0;
}
@media (max-width: 640px) {
  .text-content p {
    margin-bottom: 1.5rem;
    line-height: 1.42;
  }
}
.text-content p span {
  font-size: var(--desk-body-l-size);
  line-height: 1.2;
}
@media (max-width: 640px) {
  .text-content p span {
    font-size: var(--mob-body-l-size);
    line-height: 1.52;
  }
}
.text-content time {
  display: inline-flex;
  align-items: center;
  margin-bottom: 1rem;
  padding: 0.125rem 0.4375rem;
  box-sizing: border-box;
  height: 1.75rem;
  border-radius: var(--border-radius-xs);
  background: var(--background-secondary);
  color: var(--text-black-50);
  line-height: 1;
}
html._ios .text-content time,
html._mac .text-content time {
  padding: 0.3125rem 0.4375rem 0.125rem;
}
.text-content table {
  margin-top: 0.375rem;
}
.text-content table tr:last-child td {
  padding-bottom: 0;
}
.text-content table td {
  padding-right: 0.75rem;
  padding-bottom: 1.25rem;
  line-height: 1.52;
}
.text-content table td:first-child {
  width: 11.75rem;
  color: var(--text-black-50);
}
.text-content table td:last-child {
  width: 30rem;
}
@media (max-width: 640px) {
  .text-content .text-center {
    text-align: left;
  }
}
.text-content a {
  text-decoration: underline;
}
.text-content ol,
.text-content ul {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1rem;
  line-height: 1.52;
}
@media (max-width: 640px) {
  .text-content ol,
  .text-content ul {
    gap: 0.5rem;
  }
}
.text-content li::before {
  content: "";
  position: absolute;
  left: 0;
}
.text-content ul li {
  padding-left: 0.875rem;
}
.text-content ul li::before {
  --size: 0.25rem;
  top: 0.4375rem;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background: var(--text-black);
}
.text-content ol {
  list-style-type: none;
  counter-reset: section var(--start-value);
}
.text-content ol > li {
  padding-left: 2.5rem;
  counter-increment: item;
}
.text-content ol > li::before {
  content: counter(section, decimal) "." counter(item, decimal) ". ";
}
.text-content ol > li ol {
  gap: 0.5rem;
  margin-top: 0.5rem;
  counter-reset: subitem;
}
.text-content ol > li ol > li {
  padding-left: 2.5rem;
  counter-increment: subitem;
}
.text-content ol > li ol > li::before {
  content: counter(section, decimal) "." counter(item, decimal) "."
    counter(subitem, decimal);
}
.text-content ol > li ol > li ol {
  counter-reset: subsubitem;
}
.text-content ol > li ol > li ol > li {
  padding-left: 3.375rem;
  counter-increment: subsubitem;
}
.text-content ol > li ol > li ol > li::before {
  content: counter(section, decimal) "." counter(item, decimal) "."
    counter(subitem, decimal) "." counter(subsubitem, decimal);
}
.text-content ol.text-content__ol > li::before {
  content: counter(section, decimal) ".";
}
@media (max-width: 640px) {
  .text-content {
    font-size: var(--mob-body-m-size);
  }
}
[loading="lazy"] {
  opacity: 0;
  visibility: hidden;
  transition: scale 0.3s ease, opacity 0.3s ease-out;
}
[loading="lazy"]._loaded {
  opacity: 1;
  visibility: visible;
}
.hidden {
  display: none !important;
}
.c-black {
  color: var(--text-black);
}
.nowrap {
  white-space: nowrap;
}
[data-grab-scroll] {
  scrollbar-width: none;
}
[data-grab-scroll]::-moz-scrollbar {
  display: none;
}
[data-grab-scroll]::-webkit-scrollbar {
  display: none;
}
[data-grab-scroll]::scrollbar {
  display: none;
}
.swiper,
html._loading body {
  opacity: 0;
}
.swiper {
  visibility: hidden;
  transition: opacity 0.3s ease-out 0.6s;
}
.swiper.swiper-initialized {
  opacity: 1;
  visibility: visible;
}
.container {
  margin-inline: auto;
  width: calc(100% - var(--container-padding) * 2);
}
.container._header {
  width: calc(100% - var(--container-padding-sm) * 2);
}
.page__body {
  display: flex;
  flex-direction: column;
}
.page__main {
  flex-grow: 1;
  background: var(--background-gray);
}
.page__main._offset {
  padding-top: 4rem;
}
@media (max-width: 640px) {
  .page__main._offset {
    padding-top: 0;
  }
}
.page__section + .page__section {
  margin-top: var(--section-gap);
}
@media (max-width: 640px) {
  ._has-tabbar .page__footer {
    padding-bottom: var(--tabbar-height);
  }
}
.button {
  padding: 0;
  border: 0;
  background: 0;
  outline: 0;
  color: inherit;
  text-decoration: none;
  font-family: inherit;
  cursor: pointer;
  touch-action: manipulation;
  font-family: var(--default-font-family);
  font-weight: 400;
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 100vmax;
  color: var(--text-black);
  line-height: var(--icon-size);
  transition: color 0.3s ease-out, border-color 0.3s ease-out,
    background-color 0.3s ease-out;
}
:where(html._desktop) .button:hover {
  color: var(--text-hovered);
}
.button:active {
  color: var(--text-black);
}
.button:disabled,
.button[disabled] {
  color: var(--text-disabled) !important;
  cursor: not-allowed;
}
.button._full {
  width: 100%;
}
.button._price {
  justify-content: space-between;
}
.button._price .button__count,
.button._price .button__total {
  font-family: 'Roboto', sans-serif;
  color: var(--text-white-50);
}
.button._price:disabled .button__count,
.button._price:disabled .button__total,
.button._price[disabled] .button__count,
.button._price[disabled] .button__total {
  color: var(--text-disabled);
}
.button._size-s {
  --icon-size: 1rem;
  padding: 0.375rem 0.625rem;
  font-size: var(--mob-body-s-size);
}
.button._size-s._outline {
  padding: 0.3125rem 1rem;
}
.button._size-s._icon {
  padding: 0.3125rem;
}
html._ios .button._size-s:not(._icon),
html._mac .button._size-s:not(._icon) {
  padding: 0.4375rem 0.625rem 0.3125rem;
}
html._ios .button._size-s._outline:not(._icon),
html._mac .button._size-s._outline:not(._icon) {
  padding: 0.375rem 1rem 0.25rem;
}
.button._size-m {
  --icon-size: 1.25rem;
  padding: 0.625rem 1rem;
  font-size: var(--mob-body-m-size);
}
html._ios .button._size-m,
html._mac .button._size-m {
  padding: 0.6875rem 1rem 0.625rem;
}
@media (max-width: 640px) {
  .button._size-m {
    --icon-size: 1rem;
    padding: 0.375rem 0.625rem;
    font-size: var(--mob-body-s-size);
  }
  html._ios .button._size-m,
  html._mac .button._size-m {
    padding: 0.4375rem 0.625rem 0.375rem;
  }
}
.button._size-m._outline {
  padding: 0.5625rem 0.9375rem;
}
.button._size-m._icon {
  padding: 0.625rem;
}
@media (max-width: 640px) {
  .button._size-m._icon {
    padding: 0.375rem;
  }
}
.button._size-l {
  --icon-size: 1.5rem;
  padding: 0.875rem 1.5rem;
  font-size: var(--mob-body-l-size);
}
.button._size-l._outline {
  padding: 0.8125rem 1.4375rem;
}
.button._size-l._icon {
  padding: 0.875rem;
}
html._mac .button._size-l:not(._icon) {
  padding: 0 1.5rem;
  padding-block: 1rem 0.75rem;
}
html._mac .button._size-l._outline {
  padding: 0 1.4375rem;
  padding-block: 0.9375rem 0.6875rem;
}
html._ios .button._size-l:not(._icon) {
  padding: 0 1.5rem;
  padding-block: 1rem 0.75rem;
}
html._ios .button._size-l._outline {
  padding: 0 1.4375rem;
  padding-block: 0.9375rem 0.6875rem;
}
.button._size-xl {
  --icon-size: 1.5rem;
  padding: 1.5rem 2rem;
  font-size: var(--desk-heading-m-size);
  line-height: 3rem;
}
.button._size-xl._outline {
  padding: 1.4375rem 1.9375rem;
}
.button._primary {
  background: var(--control-black-gradient);
  color: var(--text-white);
}
.button._primary::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: var(--control-black-hover);
  opacity: 0;
  transition: opacity 0.3s ease-out;
  pointer-events: none;
  transform: translate3d(0, 0, 0);
}
:where(html._desktop) .button._primary:hover::before {
  opacity: 1;
}
.button._primary:active::before {
  opacity: 0;
}
.button._primary:disabled,
.button._primary[disabled] {
  background: var(--control-black-disabled) !important;
}
.button._primary:disabled::before,
.button._primary[disabled]::before {
  opacity: 0;
}
.button._secondary {
  background: var(--control-secondary);
  color: var(--text-black);
}
:where(html._desktop) .button._secondary:hover {
  background: var(--control-secondary-hover);
}
.button._secondary:active {
  background: var(--control-secondary);
}
.button._secondary:disabled,
.button._secondary[disabled] {
  background: var(--control-disabled) !important;
}
.button._outline {
  border: 1px solid var(--border-black-8);
}
:where(html._desktop) .button._outline:hover {
  border-color: var(--border-black-hovered);
  color: var(--text-hovered);
}
.button._outline:active {
  border-color: var(--border-black-8);
  background: var(--control-secondary);
  color: var(--text-black);
}
.button._outline:disabled,
.button._outline[disabled] {
  border-color: var(--border-black-8) !important;
  background: 0 0 !important;
}
.button._quaternary {
  background: var(--control-white);
}
:where(html._desktop) .button._quaternary:hover {
  color: var(--text-hovered);
}
.button._quaternary:active {
  color: var(--text-black);
}
.button._quaternary:disabled,
.button._quaternary[disabled] {
  background: var(--control-disabled) !important;
}
.button._arrow {
  padding: 0 !important;
  border-radius: 0;
  background: 0 0;
}
.button._label {
  background: var(--background-white);
}
.button > * {
  z-index: 1;
}
.button__icon {
  flex-shrink: 0;
  width: var(--icon-size);
  height: var(--icon-size);
}
.button .accent {
  font-family: 'Roboto', sans-serif;
  color: var(--text-white-50);
}
.button__text._mobile {
  display: none;
}
@media (max-width: 640px) {
  .button._mobile-text .button__text {
    display: none;
  }
  .button._mobile-text .button__text._mobile {
    display: block;
  }
}
.header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
  padding: 0.9375rem 0;
  box-sizing: border-box;
  width: 100%;
  color: var(--text-white);
  transition: color 0.3s ease-out, background-color 0.3s ease-out;
}
._no-scroll .header {
  padding-right: var(--tua-pad-right, 0);
}
@media (max-width: 640px) {
  .header._hide-mobile {
    display: none;
  }
}
._popup-opened-menu .header,
._search-menu-opened .header,
.header._offset,
.page._scrolled .header {
  background-color: var(--background-white);
  color: var(--text-black);
}
._popup-opened-menu .header {
  z-index: 50;
}
@media (max-width: 640px) {
  ._popup-opened-menu .header,
  ._search-menu-opened .header {
    display: none;
  }
}
.header__container {
  display: grid;
  grid-template-columns: auto auto 1fr auto;
  grid-template-areas: "burger links logo actions";
  align-items: center;
  gap: 1.375rem 0.5rem;
}
@media (max-width: 640px) {
  .header__container {
    grid-template-columns: auto 1fr auto;
  }
}
.header__logo {
  display: flex;
  grid-area: logo;
  grid-column: 1/-1;
  margin: 0 auto;
  width: 11.3125rem;
  height: 1.625rem;
}
@media (max-width: 640px) {
  .header__logo {
    width: 6.9375rem;
    height: 1rem;
  }
}
.header__links {
  display: flex;
  grid-area: links;
  gap: 1.25rem;
  width: -moz-max-content;
  width: max-content;
  line-height: 1;
}
@media (max-width: 640px) {
  .header__links {
    position: absolute;
    top: 3.75rem;
    left: 50%;
    transform: translate(-50%, 0);
    margin: 0 auto;
    opacity: 1;
    visibility: visible;
    transition: transform 0.3s ease-out, opacity 0.3s ease-out,
      visibility 0.3s ease-out;
  }
  .page._popup-opened-menu .header__links,
  .page._scrolled .header__links {
    transform: translate(-50%, -0.625rem);
    opacity: 0;
    visibility: hidden;
  }
}
.header__link {
  position: relative;
  opacity: 0.5;
  transition: opacity 0.3s ease-out;
}
.header__link._active {
  opacity: 1;
  pointer-events: none;
}
.header__link::before {
  position: absolute;
  top: -0.5rem;
  left: 50%;
  width: 120%;
  height: 200%;
  content: "";
  transform: translateX(-50%);
}
@media (hover: hover) {
  .header__link:hover {
    opacity: 1;
  }
}
.header__menu-toggle {
  grid-area: burger;
  margin-right: 1.25rem;
}
@media (max-width: 640px) {
  .header__menu-toggle {
    margin: 0;
  }
}
.header__actions {
  display: flex;
  grid-area: actions;
  align-items: center;
  gap: 2rem;
}
.header__action {
  display: flex;
  flex-shrink: 0;
}
@media (max-width: 640px) {
  .header__action {
    display: none;
  }
  .header__action._search {
    display: flex;
  }
}
.header__action-link {
  padding: 0;
  border: 0;
  background: 0;
  outline: 0;
  color: inherit;
  text-decoration: none;
  font-family: inherit;
  cursor: pointer;
  touch-action: manipulation;
  position: relative;
  display: flex;
  transition: opacity 0.3s ease-out;
}
.header__action-link::before {
  content: "";
  position: absolute;
  inset: -0.625rem;
}
@media (hover: hover) {
  .header__action-link:hover {
    opacity: 0.6;
  }
}
.header__action-link:active {
  opacity: 1;
}
.header__action-icon {
  --size: 1.25rem;
  width: var(--size);
  height: var(--size);
  fill: none;
}
.header__action-count {
  position: absolute;
  top: -0.3125rem;
  right: -0.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.8125rem;
  height: 0.8125rem;
  border: 0.125rem solid transparent;
  border-radius: 100vmax;
  background-color: var(--icon-white);
  color: var(--icon-black);
  font-size: 0.625rem;
  line-height: 1;
  font-weight: 400;
  transition: opacity 0.3s ease-out;
  transform: translateZ(0);
  will-change: transform;
}
.header__action-count:empty {
  opacity: 0;
}
.header__action-count._bounce {
  animation: bounce 0.6s ease-in-out;
}
._popup-opened-menu .header__action-count,
._search-menu-opened .header__action-count,
.header._offset .header__action-count,
.page._scrolled .header__action-count {
  border-color: currentColor;
  background-color: var(--icon-black);
  color: var(--icon-white);
}
.footer {
  position: relative;
  padding-top: var(--section-gap);
  background: var(--background-gray);
}
@media (max-width: 640px) {
  .footer._buyers .footer__bottom {
    padding-bottom: 7.5625rem;
  }
  .footer._hide-mobile {
    display: none;
  }
}
@media (hover: hover) {
  .footer a[href] {
    will-change: transform;
  }
  .footer a[href]:hover {
    opacity: 0.6;
  }
}
.footer a[href]:active {
  opacity: 1;
}
.footer__grid {
  --cols: 8;
  display: grid;
  grid-template-columns: repeat(var(--cols), 1fr);
  gap: 1rem;
}
.footer__grid._bottom {
  align-items: start;
}
@media (max-width: 640px) {
  .footer__grid {
    --cols: 2;
  }
  .footer__grid._bottom {
    align-items: center;
  }
}
.footer__content {
  display: grid;
  row-gap: 9.375rem;
  padding: var(--container-padding) 0;
  padding-bottom: 2.1875rem;
  border-radius: var(--section-bd-radius);
  background-color: var(--background-white);
  color: var(--text-black-50);
}
@media (max-width: 640px) {
  .footer__content {
    row-gap: 1.25rem;
    padding-bottom: 1.25rem;
  }
}
.footer__menu {
  font-size: var(--mob-heading-m-size);
}
.footer__menu._mobile {
  display: none;
}
@media (max-width: 640px) {
  .footer__menu {
    font-size: var(--mob-body-m-size);
  }
  .footer__menu._desktop {
    display: none;
  }
  .footer__menu._mobile {
    display: grid;
  }
}
.footer__menu-grid {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 0.5rem;
}
.footer__menu-grid-item {
  --grid-column: span 2;
  grid-column: var(--grid-column);
}
.footer__menu-link {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.75rem;
  box-sizing: border-box;
  height: 100%;
  min-height: 6.8125rem;
  border-radius: 0.75rem;
  background-color: var(--control-tetriary);
  color: var(--text-black);
  transition: color 0.3s ease-out;
}
.footer__menu-col._about {
  grid-column: 1 / span 2;
}
.footer__menu-col._customer {
  grid-column: 3 / span 3;
  margin-left: -0.25rem;
}
.footer__menu-col._contacts {
  grid-column: 7 / span 2;
  justify-self: end;
}
.footer__menu-title {
  display: inline-block;
  margin-bottom: 1.5rem;
}
.footer__menu-list {
  display: flex;
  flex-direction: column;
  row-gap: 0.75rem;
  color: var(--text-black);
}
.footer__mobile-title {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.25rem;
  color: var(--text-black);
}
.footer__mobile-icon {
  --size: 1rem;
  width: var(--size);
  height: var(--size);
}
.footer__menu-icon {
  --size: 1.5625rem;
  width: var(--size);
  height: var(--size);
  opacity: 0.4;
}
.footer__policies {
  display: flex;
  grid-column: 3 / span 3;
  flex-wrap: wrap;
  -moz-column-gap: 2.625rem;
  column-gap: 2.625rem;
  margin-left: 0.25rem;
}
@media (max-width: 640px) {
  .footer__policies {
    display: none;
  }
}
.footer__payments {
  display: flex;
  grid-column: 6;
  margin-top: -0.4375rem;
}
@media (max-width: 640px) {
  .footer__payments {
    grid-column: 2;
    justify-self: end;
    margin-top: 0;
  }
}
.footer__payments-img {
  width: auto;
  height: 2.375rem;
}
@media (max-width: 640px) {
  .footer__payments-img {
    height: 1.625rem;
  }
}
.footer__devs {
  display: flex;
  grid-column: 8;
  align-items: center;
  gap: 1rem;
  margin-right: 0.8125rem;
  white-space: nowrap;
}
.footer__devs a {
  display: inline-flex;
}
@media (max-width: 640px) {
  .footer__devs {
    display: none;
  }
}
.footer__devs-inner {
  position: relative;
  top: -1px;
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.footer__devs-img {
  width: auto;
  height: 0.9375rem;
}
.footer__devs-x {
  width: 0.5rem;
  height: 0.5rem;
}
.footer__bottom {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 5rem 0;
  color: var(--text-black-50);
  font-size: var(--desk-heading-m-size);
}
@media (max-width: 640px) {
  .footer__bottom {
    padding: 2.75rem 0;
    font-size: var(--mob-heading-l-size);
  }
}
.footer__sun {
  margin-bottom: 2rem;
}
@media (max-width: 640px) {
  .footer__sun {
    margin-bottom: 0;
  }
}
.breadcrumbs {
  display: inline-flex;
}
.breadcrumbs__item {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 1.5rem 0 0.125rem;
}
.breadcrumbs__item:last-child {
  padding-right: 0;
  opacity: 0.5;
}
.breadcrumbs__item:last-child::after {
  display: none;
}
@media (max-width: 640px) {
  .breadcrumbs__item:last-child .breadcrumbs__link {
    white-space: nowrap;
  }
}
.breadcrumbs__item::after {
  content: "—";
  position: absolute;
  right: 0.25rem;
}
.breadcrumbs__item:first-child {
  padding-left: 0;
}
@media (hover: hover) {
  .breadcrumbs__link[href]:hover {
    opacity: 0.6;
  }
}
.breadcrumbs__link:active {
  opacity: 1;
}
@media (max-width: 640px) {
  .breadcrumbs__link {
    font-size: 0.75rem;
  }
}
.dropdown {
  position: relative;
  display: flex;
  flex-direction: column;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.dropdown .custom-select-opener {
  transform: translateZ(0);
}
.dropdown:has(.is-open) {
  z-index: 4;
}
._disabled .dropdown {
  pointer-events: none;
}
._disabled .dropdown .dropdown__icon {
  display: none;
}
._disabled .dropdown._cart .custom-select-opener {
  padding-right: 0.875rem;
}
.dropdown._select,
.dropdown._sort {
  --bd-radius: 0.75rem;
}
.dropdown._select .dropdown__label {
  position: absolute;
  top: 0.625rem;
  left: 1rem;
  z-index: 4;
  color: var(--text-black-50);
  font-size: var(--desk-body-s-size);
}
.dropdown._select .dropdown__icon {
  right: 1.25rem;
}
.dropdown._select .custom-select-container {
  height: auto;
  border: 0;
  border-radius: var(--bd-radius);
  background: var(--background-secondary);
}
.dropdown._select .custom-select-opener {
  padding: 1.875rem 1rem 0.625rem;
  line-height: 1.25rem;
}
.dropdown._select .custom-select-panel {
  padding-inline: 0;
  width: 100%;
  box-shadow: var(--dropdown-shadow);
  border-radius: var(--bd-radius);
}
.dropdown._select .custom-select-container.is-open .custom-select-panel {
  padding-block: 0.25rem;
}
.dropdown._select .custom-select-option {
  padding: 1rem 0.75rem;
}
.dropdown._select._black .custom-select-container {
  background: var(--control-white-20);
  color: var(--text-white);
}
.dropdown._select._black .custom-select-panel {
  background-color: var(--control-black-hover);
}
.dropdown._select._black .custom-select-option.has-focus {
  background: var(--control-white-20);
}
.dropdown._select._black .dropdown__label {
  color: var(--text-white-50);
}
.dropdown._select._black .dropdown__icon {
  color: var(--icon-white-50);
}
@media (hover: hover) {
  .dropdown._select:hover .custom-select-container {
    background: var(--control-secondary-hover);
  }
}
.dropdown._select:active,
.dropdown._select:has(.is-open) {
  opacity: 1;
}
@media (max-width: 640px) {
  .dropdown._select .dropdown__label {
    top: 0.5625rem;
    font-size: var(--mob-body-s-size);
  }
  .dropdown._select .custom-select-opener {
    padding: 1.5625rem 1rem 0.4375rem;
    font-size: var(--mob-body-m-size);
  }
  .dropdown._select._mobile-black .custom-select-container {
    background: var(--control-white-20);
    color: var(--text-white);
  }
  .dropdown._select._mobile-black .custom-select-panel {
    background-color: var(--control-black-hover);
  }
  .dropdown._select._mobile-black .custom-select-option.has-focus {
    background: var(--control-white-20);
  }
  .dropdown._select._mobile-black .dropdown__label {
    color: var(--text-white-50);
  }
  .dropdown._select._mobile-black .dropdown__icon {
    color: var(--icon-white-50);
  }
}
.dropdown._product .custom-select-panel {
  margin-top: 0.75rem;
  padding: 0;
  box-shadow: var(--dropdown-shadow);
  border-radius: 0.75rem;
}
@media (hover: hover) {
  .dropdown._cart:has(.is-open) .custom-select-container,
  .dropdown._cart:hover .custom-select-container,
  .dropdown._product:has(.is-open) .custom-select-container,
  .dropdown._product:hover .custom-select-container {
    border-color: var(--border-black-hovered);
  }
}
.dropdown._cart .custom-select-container {
  height: auto;
}
.dropdown._cart .custom-select-opener {
  padding: 0.3125rem 2.125rem 0.3125rem 0.875rem;
  overflow: hidden;
  border-radius: 100vmax;
  font-size: var(--desk-body-s-size);
  line-height: 1.125rem;
}
@media (max-width: 640px) {
  .dropdown._cart .custom-select-opener {
    font-size: var(--mob-body-s-size);
    line-height: 1.32;
  }
}
html._ios .dropdown._cart .custom-select-opener span,
html._mac .dropdown._cart .custom-select-opener span {
  position: relative;
  top: 1px;
}
.dropdown._cart .is-open .custom-select-opener {
  background-color: var(--control-secondary);
}
.dropdown._cart .custom-select-panel {
  margin-top: 0.4375rem;
  padding-inline: 0;
  width: 17.8125rem;
  box-shadow: var(--dropdown-shadow);
  border-radius: 0.75rem;
}
.dropdown._cart .is-open .custom-select-panel {
  padding: 0.25rem 0;
  max-height: 19.625rem;
}
.dropdown._cart .custom-select-option {
  --size: 1.25rem;
  --tick-size: 1rem;
  --bg: var(--control-secondary);
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 0.75rem;
}
.dropdown._cart .custom-select-option::before {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: var(--size);
  height: var(--size);
  border: 1px solid var(--border-black-8);
  border-radius: 0.375rem;
  background: var(--bg);
  content: "";
  transition: background 0.15s ease-out;
}
html._ios .dropdown._cart .custom-select-option::before,
html._mac .dropdown._cart .custom-select-option::before {
  position: relative;
  top: -0.0625rem;
}
.dropdown._cart .custom-select-option.is-selected::before {
  background: url(data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%09%3Cpath%20d%3D%22M4%208.00001L6.82843%2010.8284L12.4847%205.17155%22%20stroke%3D%22%23fff%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%0A%09%09stroke-linejoin%3D%22round%22%20%2F%3E%0A%3C%2Fsvg%3E)
      no-repeat center/var(--tick-size),
    var(--control-black-gradient);
}
.dropdown._cart .custom-select-option.is-disabled {
  color: var(--text-disabled);
  pointer-events: none;
}
.dropdown._cart .dropdown__icon {
  right: 0.625rem;
}
@media (hover: hover) {
  .dropdown._sort:hover {
    opacity: 0.6;
  }
}
.dropdown._sort:active,
.dropdown._sort:has(.is-open) {
  opacity: 1;
}
.dropdown._sort .custom-select-container {
  height: auto;
  border: 0;
}
.dropdown._sort .custom-select-opener {
  padding: 0;
  padding-right: 1rem;
  font-size: var(--desk-body-s-size);
  letter-spacing: 0.02em;
  line-height: 1.5rem;
}
.dropdown._sort .is-open .custom-select-panel {
  margin-left: -2.6875rem;
  padding: 0.25rem 0;
  width: 17.8125rem;
  box-shadow: var(--dropdown-shadow);
  border-radius: var(--bd-radius);
}
.dropdown._sort .custom-select-option {
  --size: 1.25rem;
  --tick-size: 0.5rem;
  --bd-width: 1px;
  --bd-color: var(--border-black-8);
  --bg: var(--control-secondary);
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.9375rem 0.75rem;
  font-size: var(--desk-body-m-size);
}
.dropdown._sort .custom-select-option::before {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: var(--size);
  height: var(--size);
  box-shadow: inset 0 0 0 var(--bd-width) var(--bd-color);
  border-radius: 50%;
  background: var(--bg);
  content: "";
}
.dropdown._sort .custom-select-option.is-selected {
  --bg: var(--background-white);
  --bd-color: var(--text-black-subscribe);
  --bd-width: 0.375rem;
}
.dropdown._sort .custom-select-option.is-disabled,
.dropdown__icon {
  color: var(--text-disabled);
  pointer-events: none;
}
.dropdown._sort .dropdown__icon {
  --size: 0.75rem;
  right: 0;
  opacity: 1;
}
html._ios .dropdown._sort .dropdown__icon,
html._mac .dropdown._sort .dropdown__icon {
  top: calc(50% - 1px);
}
@media (max-width: 640px) {
  .dropdown._sort .custom-select-opener {
    font-size: var(--mob-body-s-size);
  }
}
.is-open ~ .dropdown__icon {
  transform: translate(0, -50%) scaleY(-1);
}
.dropdown__icon {
  --size: 1rem;
  position: absolute;
  top: 50%;
  right: 1.0625rem;
  z-index: 3;
  width: var(--size);
  height: var(--size);
  transform: translate(0, -50%);
  color: var(--icon-black);
  opacity: 0;
}
.customSelect + .dropdown__icon {
  opacity: 1;
}
.dropdown__option,
.dropdown__wrapper {
  padding: 1.1875rem 1.25rem;
  width: 17.375rem;
  outline: 0;
  border: 0;
  border-radius: 0.25rem;
  font-size: var(--dropdown-size);
  line-height: 1;
}
.dropdown__option {
  cursor: pointer;
}
.dropdown__label {
  margin-bottom: 0.125rem;
  color: var(--text-hovered);
  font-size: var(--desk-body-xs-size);
  line-height: 1.33;
}
.dropdown__label._form {
  margin-bottom: 1rem;
  font-size: var(--form-size);
  line-height: 1.375rem;
}
.dropdown__wrapper {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  visibility: hidden;
}
.burger-button {
  padding: 0;
  border: 0;
  background: 0;
  outline: 0;
  color: inherit;
  text-decoration: none;
  font-family: inherit;
  cursor: pointer;
  touch-action: manipulation;
  --size: 1.5rem;
  position: relative;
  display: grid;
  transition: opacity 0.3s ease-out;
}
.burger-button::before {
  content: "";
  position: absolute;
  inset: -0.625rem;
}
@media (hover: hover) {
  .burger-button:hover {
    opacity: 0.6;
  }
}
.burger-button:active {
  opacity: 1;
}
@media (max-width: 640px) {
  .burger-button {
    --size: 1.25rem;
  }
}
.burger-button__icon {
  grid-area: 1/1/-1/-1;
  width: var(--size);
  height: var(--size);
  scale: 1;
  transition: scale 0.3s ease-out;
}
.burger-button[aria-expanded="true"] .burger-button__icon,
.burger-button__icon._close {
  scale: 0;
}
.burger-button[aria-expanded="true"] .burger-button__icon._close {
  scale: 1;
}
.link-button {
  padding: 0;
  border: 0;
  background: 0;
  outline: 0;
  color: inherit;
  text-decoration: none;
  font-family: inherit;
  cursor: pointer;
  touch-action: manipulation;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  transition: color 0.3s ease-out, border-color 0.3s ease-out,
    background-color 0.3s ease-out;
}
:where(html._desktop) .link-button._secondary:hover,
:where(html._desktop) .link-button:hover {
  color: var(--text-hovered);
}
.link-button:active {
  color: var(--text-black);
}
.link-button:disabled,
.link-button[disabled] {
  color: var(--text-disabled) !important;
  cursor: not-allowed;
}
.link-button._size-xl {
  --icon-size: 2rem;
  gap: 0.5rem;
  font-size: var(--desk-body-l-size);
  line-height: 1.2;
}
.link-button._size-l {
  --icon-size: 1.3125rem;
  font-size: var(--desk-body-m-size);
  line-height: 1.52;
}
.link-button._size-m,
.link-button._size-s {
  --icon-size: 1.3125rem;
  font-size: var(--mob-body-m-size);
  line-height: 1.44;
}
.link-button._size-s {
  font-size: var(--mob-body-s-size);
  line-height: 1.32;
}
.link-button._secondary,
.link-button._secondary:active {
  color: var(--text-secondary);
}
.link-button__icon {
  width: var(--icon-size);
  height: var(--icon-size);
}
.calendar .flatpickr-months .flatpickr-next-month svg,
.calendar .flatpickr-months .flatpickr-prev-month svg,
.link-button__arrow {
  --size: 1rem;
  width: var(--size);
  height: var(--size);
}
.link-button__text {
  position: relative;
}
html._ios .link-button__text,
html._mac .link-button__text {
  top: 1px;
}
.nav-button {
  padding: 0;
  border: 0;
  background: 0;
  outline: 0;
  color: inherit;
  text-decoration: none;
  font-family: inherit;
  cursor: pointer;
  touch-action: manipulation;
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--size);
  height: var(--size);
  transition: opacity 0.3s ease-out;
}
:where(html._desktop) .nav-button:hover {
  opacity: 0.7;
}
.nav-button:active,
.nav-button[disabled] {
  opacity: 0.5;
}
.nav-button[disabled] {
  cursor: not-allowed;
}
.nav-button._black {
  color: var(--text-black);
}
.nav-button._white {
  color: var(--text-white);
}
.nav-button._secondary .nav-button__icon,
.nav-button._size-m {
  --size: 1.5rem;
}
.nav-button._size-l {
  --size: 2rem;
}
.nav-button._size-xl {
  --size: 2.25rem;
}
.nav-button._secondary {
  border-radius: 100vmax;
}
.hero__btn-back::before,
.nav-button__icon {
  width: var(--size);
  height: var(--size);
}
.hero,
.nav-button._secondary {
  background: var(--background-white);
}
.hero {
  margin-bottom: 0.5rem;
  padding-block: 3rem 1.5rem;
  border-radius: var(--border-radius-default);
  text-align: center;
}
.hero._sm {
  padding-block: 2.625rem 2rem;
}
.hero._no-bg {
  background: 0;
}
.hero._pr {
  padding-right: calc(2rem + var(--container-padding));
}
.hero._pr .hero__header-col {
  flex-basis: 0;
}
@media (max-width: 640px) {
  .hero {
    margin-bottom: 0.25rem;
    border-radius: 0 0 var(--border-radius-default-mobile)
      var(--border-radius-default-mobile);
  }
  .hero,
  .hero._sm {
    padding-block: 1rem;
  }
  .hero._bd-radius-0 {
    margin-bottom: 0;
    border-radius: 0;
  }
}
.hero._error .hero__title {
  margin-left: 0;
}
@media (max-width: 640px) {
  .hero._product {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 4;
  }
  .hero._product .hero__header-col {
    flex-basis: 15%;
  }
}
.hero._product .hero__breadcrumbs {
  margin-block: 1rem;
}
@media (max-width: 640px) {
  .hero._product .hero__title {
    margin-left: 0;
  }
}
.hero._one-icon .hero__breadcrumbs {
  margin-block: 1rem;
}
@media (max-width: 640px) {
  .hero._one-icon .hero__title {
    margin-left: -20%;
  }
  .hero._favorites .hero__text {
    margin-block: 1rem 0;
  }
}
.hero._breadcrumbs {
  padding-block: 2.625rem;
}
.hero._breadcrumbs .hero__header {
  margin-bottom: 1.5625rem;
}
@media (max-width: 640px) {
  .hero._breadcrumbs {
    padding-block: 1rem;
  }
  .hero._breadcrumbs .hero__header {
    margin-bottom: 0.75rem;
  }
}
.hero__header {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.375rem;
}
@media (max-width: 640px) {
  .hero__header {
    margin-bottom: 0;
  }
  .hero__header-col {
    display: flex;
    flex-basis: 20%;
  }
  .hero__header-col._left {
    justify-content: flex-start;
  }
  .hero__header-col._right {
    justify-content: flex-end;
  }
}
.hero__btn-back {
  position: relative;
  margin-top: -0.3125rem;
}
@media (max-width: 640px) {
  .hero__btn-back {
    margin-top: 0;
  }
}
.hero__btn-back svg {
  --icon-size: 2rem;
  width: var(--icon-size);
  height: var(--icon-size);
}
@media (max-width: 640px) {
  .hero__btn-back svg {
    --icon-size: 1.25rem;
  }
}
.hero__btn-back::before {
  --size: 2.5rem;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.hero__title {
  flex-grow: 1;
  margin-left: -2rem;
}
.hero._sm .hero__title {
  font-size: var(--desk-heading-m-size);
}
@media (max-width: 640px) {
  .hero__title {
    margin-left: 0;
  }
  .hero._sm .hero__title,
  .hero__title {
    font-size: var(--mob-heading-m-size);
  }
}
.hero__text {
  margin-top: 1.125rem;
  margin-block: 1.125rem 0.8125rem;
  color: var(--text-black-50);
  font-size: var(--mob-body-l-size);
  line-height: 1.52;
}
@media (max-width: 640px) {
  .hero__text {
    font-size: var(--mob-body-s-size);
    line-height: 1.32;
  }
  .hero__breadcrumbs {
    display: none;
  }
  .hero._breadcrumbs .hero__breadcrumbs {
    display: inline-flex;
  }
}
.hero__actions {
  display: none;
}
@media (max-width: 640px) {
  .hero__actions {
    display: flex;
    gap: 0.75rem;
  }
}
.hero__action,
.hero__action-btn {
  display: inline-flex;
}
.hero__action._filter {
  --icon-size: 0.6875rem;
  position: relative;
}
.hero__action._filter::after {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: -0.125rem;
  box-sizing: border-box;
  border: 0.125rem solid var(--icon-white);
  border-radius: 50%;
  background-color: currentColor;
  content: "";
  visibility: hidden;
}
.hero__action._filter._active::after {
  visibility: visible;
}
.hero__action-btn {
  --icon-size: 1.25rem;
  padding: 0;
  border: 0;
  background: 0;
  outline: 0;
  color: inherit;
  text-decoration: none;
  font-family: inherit;
  cursor: pointer;
  touch-action: manipulation;
}
.hero__action-icon,
.hero__action._filter::after {
  width: var(--icon-size);
  height: var(--icon-size);
}
.hero__menu-toggle {
  display: none;
}
@media (max-width: 640px) {
  .hero__menu-toggle {
    display: flex;
  }
  .hero__menu-toggle ~ .hero__btn-back {
    display: none;
  }
}
.counter {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0.8125rem 0.875rem;
  border: 1px solid var(--border-black-8);
  border-radius: 100vmax;
  background: var(--background-white);
}
.counter._size-s {
  gap: 0.25rem;
  padding: 0.3125rem 0.625rem;
}
.counter._size-s .counter__value {
  min-width: 2.25rem;
  font-size: var(--desk-body-s-size);
  line-height: 1rem;
}
.counter__button {
  padding: 0;
  border: 0;
  background: 0;
  outline: 0;
  color: inherit;
  text-decoration: none;
  font-family: inherit;
  cursor: pointer;
  touch-action: manipulation;
  --size: 1rem;
  position: relative;
  width: var(--size);
  height: var(--size);
}
.counter__button::before {
  content: "";
  position: absolute;
  inset: -0.625rem;
  z-index: 1;
  border-radius: 100vmax;
}
.counter__button:hover {
  color: var(--text-hovered);
}
.counter__button:active {
  color: var(--text-black);
}
.counter__button[disabled] {
  color: var(--text-disabled);
  pointer-events: none;
}
.counter__value {
  position: relative;
  top: 1px;
  min-width: 3.0625rem;
  text-align: center;
}
.counter__icon {
  width: 100%;
  height: 100%;
}
.popups,
.popups::before {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s ease-out;
}
.popups {
  --padding: 1.875rem var(--container-padding);
  --title-offset: 0.5rem;
  z-index: 30;
  display: none;
  padding: 0.5rem;
  box-sizing: border-box;
  overflow: hidden;
}
@media (max-width: 640px) {
  .popups {
    --padding: var(--container-padding);
    padding: 0;
  }
}
.popups::before {
  background-color: var(--text-black-40);
  z-index: 1;
  content: "";
  opacity: 0;
}
.popups._active::before {
  opacity: 1;
}
.popups__popup {
  position: relative;
  z-index: 100;
  display: none;
  flex-direction: column;
  margin: auto;
  padding: var(--padding);
  box-sizing: border-box;
  height: 100%;
  overflow: auto;
  border-radius: 1rem;
  background-color: var(--background-white);
}
.popups__popup[data-popup-pos="left"] {
  margin-inline-start: 0;
  width: 100%;
}
.popups__popup[data-popup-pos="right"] {
  margin-inline-end: 0;
  width: 100%;
  max-width: 31.1875rem;
}
.popups__popup[data-popup="guide-sizes"],
.popups__popup[data-popup="how-work"],
.popups__popup[data-popup="sizes-pickup"],
.popups__popup[data-popup="your-size"] {
  max-width: 33.8125rem;
}
html._win .popups__popup[data-popup*="filter"] {
  max-width: 32.25rem;
}
.popups__popup[data-popup="sizes-pickup"] .popups__close-button:not(._custom) {
  display: none;
}
.popups__popup[data-popup="product-fullscreen-10"],
.popups__popup[data-popup="product-fullscreen-11"],
.popups__popup[data-popup="product-fullscreen-12"],
.popups__popup[data-popup="product-fullscreen-1"],
.popups__popup[data-popup="product-fullscreen-2"],
.popups__popup[data-popup="product-fullscreen-3"],
.popups__popup[data-popup="product-fullscreen-4"],
.popups__popup[data-popup="product-fullscreen-5"],
.popups__popup[data-popup="product-fullscreen-6"],
.popups__popup[data-popup="product-fullscreen-7"],
.popups__popup[data-popup="product-fullscreen-8"],
.popups__popup[data-popup="product-fullscreen-9"] {
  margin-top: -0.5rem;
  padding: 0;
  width: 100%;
  height: calc(100% + 1rem);
  overflow: hidden;
  border-radius: 0;
}
.popups__popup[data-popup="menu"] {
  --padding: 1.25rem;
  margin-bottom: 0;
  padding: 0;
  width: -moz-min-content;
  width: min-content;
  height: calc(100% - var(--header-height));
  overflow: visible;
}
@media (max-width: 640px) {
  .popups__popup[data-popup="cart-history"],
  .popups__popup[data-popup="how-work"],
  .popups__popup[data-popup="mailing"],
  .popups__popup[data-popup="my-data"],
  .popups__popup[data-popup="order-info"] {
    padding-bottom: 0.25rem;
    padding-inline: 0;
    background: var(--background-secondary);
  }
}
.popups__popup[data-popup-pos="center"] {
  width: 100%;
  max-width: 33.1875rem;
  height: -moz-fit-content;
  height: fit-content;
}
@media (max-width: 640px) {
  .popups__popup[data-popup-pos="center"],
  .popups__popup[data-popup="delivery-error"] {
    margin-bottom: 0;
    max-width: 100%;
    border-radius: var(--border-radius-default) var(--border-radius-default) 0 0;
  }
  .popups__popup[data-popup-pos="center"] .popups__close-button,
  .popups__popup[data-popup="delivery-error"] .popups__close-button {
    display: flex;
  }
  .popups__popup[data-popup="delivery-error"] {
    height: -moz-fit-content;
    height: fit-content;
  }
}
.popups__popup[data-popup="qr"] {
  margin-bottom: 0;
  padding-block: 3.25rem 2.5rem;
  height: auto;
  border-radius: var(--border-radius-default) var(--border-radius-default) 0 0;
}
.popups__popup[data-popup="qr"] .popups__close-button {
  display: flex;
}
@media (max-width: 640px) {
  .popups__popup {
    padding-top: 0;
    border-radius: 0;
  }
  .popups__popup[data-popup-pos="left"],
  .popups__popup[data-popup-pos="right"] {
    max-width: none;
    border: 0;
  }
  .popups__popup[data-popup="menu"] {
    --padding: 1rem;
    margin: 0;
    width: 100%;
    height: 100%;
    border-radius: 0 0 1rem 1rem;
    background: var(--background-gray);
  }
}
.popups__close-button {
  --btn-size: 2.5rem;
  --icon-size: 1.5rem;
  padding: 0;
  border: 0;
  background: 0;
  outline: 0;
  color: inherit;
  text-decoration: none;
  font-family: inherit;
  cursor: pointer;
  touch-action: manipulation;
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  z-index: 5;
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--btn-size);
  height: var(--btn-size);
  border-radius: 100vmax;
  background: var(--background-secondary);
  color: var(--text-black);
}
.popups__close-button:focus-visible,
.popups__close-button:hover {
  opacity: 0.7;
}
@media (max-width: 640px) {
  .popups__close-button {
    display: none;
  }
}
.popups__close-icon {
  width: var(--icon-size);
  height: var(--icon-size);
}
.popups._product-fullscreen-1,
.popups._product-fullscreen-10,
.popups._product-fullscreen-11,
.popups._product-fullscreen-12,
.popups._product-fullscreen-2,
.popups._product-fullscreen-3,
.popups._product-fullscreen-4,
.popups._product-fullscreen-5,
.popups._product-fullscreen-6,
.popups._product-fullscreen-7,
.popups._product-fullscreen-8,
.popups._product-fullscreen-9 {
  padding-inline: 0;
}
[data-popup-opener] {
  cursor: pointer;
}
.popup._full {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}
.popup._full form {
  display: inherit;
  flex-grow: inherit;
  flex-direction: inherit;
}
.popup__header {
  display: flex;
  align-items: baseline;
  gap: 0.75rem;
  margin-bottom: 1.8125rem;
}
@media (max-width: 640px) {
  .popup__header {
    position: sticky;
    top: 0;
    z-index: 2;
    align-items: flex-start;
    margin-bottom: var(--padding);
    margin-inline: calc(-1 * var(--padding));
    padding-block: var(--padding);
    padding-inline: var(--padding) calc(2.25rem + var(--padding));
    background-color: var(--background-white);
  }
  ._section .popup__header {
    margin: 0;
    padding-inline: var(--container-padding);
  }
}
.popup__btn-back {
  position: relative;
  margin-left: -0.5rem;
}
@media (max-width: 640px) {
  .popup__btn-back {
    top: -0.125rem;
    margin-left: 0;
  }
}
.popup__btn-back._icon._size-l {
  padding: 0 !important;
  border-radius: 0;
  background: 0 0;
}
.popup__btn-back._mobile {
  display: none;
}
@media (max-width: 640px) {
  .popup__btn-back._mobile {
    display: inline-flex;
  }
}
.popup__title {
  flex-grow: 1;
  font-size: var(--popup-heading-size);
  font-weight: 400;
  word-break: break-word;
}
@media (max-width: 640px) {
  .popup__title {
    text-align: center;
    font-size: var(--mob-heading-m-size);
  }
  ._section .popup__title {
    margin-left: -2.125rem;
    padding: 0 1.25rem;
  }
  .popup__section-mobile {
    margin-bottom: 0.25rem;
    padding: 1.125rem var(--container-padding) 1.25rem;
    border-radius: var(--border-radius-default-mobile);
    background: var(--background-white);
  }
  .popup__section-mobile:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .popup__section-mobile:last-child {
    margin-bottom: 0;
  }
}
.popup__list {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
  padding-left: 0.875rem;
  max-width: 23.4375rem;
  line-height: 1.52;
}
.popup__list,
.popup__list li {
  list-style: disc;
}
.popup__text {
  margin-bottom: 1.125rem;
  line-height: 1.52;
}
@media (max-width: 640px) {
  .popup__text {
    font-size: var(--mob-body-m-size);
    line-height: 1.44;
  }
  .popup__submit._full {
    margin: 0.5625rem auto;
    width: 91.4666666667%;
  }
}
.popup__form {
  display: flex;
  flex-direction: column;
}
.popup__toast {
  position: absolute;
  top: 3.375rem;
  left: 50%;
  z-index: 2;
  display: block;
  transform: translate(-50%, 20%);
  opacity: 0;
  visibility: hidden;
  transition: transform 0.15s ease-out, visibility 0.15s ease-out,
    opacity 0.15s ease-out;
}
.popup__toast::before {
  position: absolute;
  content: "";
  top: 100%;
  left: 50%;
  z-index: -1;
  width: 76%;
  height: 1.25rem;
  background-color: var(--shadow-bg);
  transform: translate(-50%, -0.6875rem);
  filter: blur(8px);
}
.popup__toast._showed {
  transform: translate(-50%, 0);
  opacity: 1;
  visibility: visible;
}
.popup__toast._warning .popup__toast-inner {
  background-color: var(--control-error);
  color: var(--text-white);
}
@media (max-width: 640px) {
  .popup__toast {
    top: 0.625rem;
  }
}
.popup__toast-inner {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 1rem 0.375rem 0.375rem;
  border-radius: 0.5rem;
  background-color: var(--background-black);
  color: var(--text-white);
  line-height: 1.25rem;
}
.popup__toast-text {
  position: relative;
  top: 0.1em;
}
@media (max-width: 640px) {
  .popup__toast-text {
    top: 0.05em;
  }
}
.card-fashion {
  --size: 10.625rem;
  display: grid;
  grid-template-columns: var(--size) 1fr;
  align-items: flex-start;
  gap: 1rem;
}
@media (max-width: 640px) {
  .card-fashion {
    --size: 5.125rem;
    grid-template-columns: var(--size) 1fr;
    gap: 0.75rem;
  }
}
.card-fashion__img-wrapper {
  position: relative;
  width: var(--size);
  height: var(--size);
  overflow: hidden;
  border-radius: var(--border-radius-small);
}
.card-fashion__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 0.25rem;
  box-sizing: border-box;
  height: 100%;
}
@media (max-width: 640px) {
  .card-fashion__content {
    padding-top: 1px;
  }
}
.card-fashion__title {
  margin-bottom: 0.125rem;
}
.card-fashion__price {
  margin-bottom: 1rem;
  color: var(--text-secondary);
}
.card-fashion__buttons {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin-top: auto;
}
.card-fashion__add-to-cart {
  gap: 0.25rem;
}
.card-fashion__add-to-cart svg {
  order: -1;
}
html._ios .card-fashion__add-to-cart .button__text,
html._ios .label span,
html._mac .card-fashion__add-to-cart .button__text,
html._mac .label span {
  position: relative;
  top: 1px;
}
.card-fashion__size._mobile {
  display: none;
}
@media (max-width: 640px) {
  .card-fashion__size._desktop {
    display: none;
  }
  .card-fashion__size._mobile {
    display: flex;
  }
  .card-fashion__size._mobile .custom-select-panel,
  .card-fashion__size._mobile .dropdown__wrapper {
    left: 50%;
    transform: translateX(-50%);
  }
}
.section {
  padding: var(--container-padding) 0;
  overflow: hidden;
  border-radius: var(--section-bd-radius);
  background-color: var(--background-white);
  color: var(--text-black);
}
.section._black {
  background: url(/assets/images/about/about-hero-bg.svg) no-repeat,
    var(--control-black-gradient);
  background-size: cover;
  color: var(--text-white);
}
@media (max-width: 640px) {
  .section {
    padding-block: 1.25rem;
  }
  .section._size-s {
    padding-block: var(--container-padding);
  }
}
.section__header,
.section__title-link {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
}
.section__header._text-center {
  flex-direction: column;
  text-align: center;
}
.section__header._column {
  flex-direction: column;
  align-items: flex-start;
  gap: 0.75rem;
}
@media (max-width: 640px) {
  .section__header._text-center {
    flex-direction: column;
    align-items: start;
    text-align: left;
  }
}
.section__title {
  font-size: var(--desk-heading-m-size);
  font-weight: 400;
}
@media (max-width: 640px) {
  .section__title {
    font-size: var(--mob-heading-l-size);
  }
  .section._size-s .section__title {
    font-size: var(--mob-heading-m-size);
  }
}
.section__title-link {
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 640px) {
  .section__title-link:has(.section__title-icon) {
    flex-grow: 1;
  }
}
.section__title-icon {
  --size: 1rem;
  display: none;
  width: var(--size);
  height: var(--size);
}
@media (max-width: 640px) {
  .section__title-icon {
    display: block;
  }
  .section__more-link {
    display: none;
  }
}
.section__text {
  max-width: 24.0625rem;
  color: var(--text-black-50);
  font-size: var(--desk-body-l-size);
  line-height: 1.35;
}
.section__text a[href] {
  color: var(--text-black);
  transition: opacity 0.3s ease-out;
}
:where(html._desktop) .section__text a[href]:hover {
  opacity: 0.8;
}
@media (max-width: 640px) {
  .section__text {
    max-width: 21.25rem;
    font-size: var(--mob-body-m-size);
    line-height: 1.4;
  }
}
.section__container > * + * {
  margin-top: var(--container-padding);
}
@media (max-width: 640px) {
  .section__container > * + * {
    margin-top: 1.25rem;
  }
}
.cards-list {
  position: relative;
  display: grid;
  grid-template-columns: repeat(6, minmax(9.625rem, 1fr));
  gap: 1.25rem;
  margin-inline: calc(-1 * var(--container-padding));
  padding: 0 var(--container-padding);
  overflow: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.cards-list._slider {
  scroll-snap-type: initial;
  overflow: hidden;
}
@media (max-width: 640px) {
  .cards-list {
    gap: 0.5rem;
  }
}
.cards-list__item {
  scroll-snap-align: start;
  scroll-margin-inline-start: var(--container-padding);
}
.card {
  position: relative;
  z-index: 0;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
:where(html._desktop) .card:hover {
  color: var(--text-hovered);
}
.card__content__detail {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 10px;
}
.card__price {
  display: flex;
  align-items: center;
  width: fit-content;
  line-height: 1;
}
:where(html._desktop) .card:hover .card__colors-wrapper,
:where(html._desktop) .card:hover .card__price {
  opacity: 0.5;
  color: var(--text-hovered);
}
@media (max-width: 640px) {
  .card {
    aspect-ratio: auto;
  }
}
.card._active {
  background-color: var(--control-secondary);
}
.card._featured {
  height: 100%;
}
.card._featured,
.card._soon {
  aspect-ratio: auto;
}
.card._soon .card__img-wrapper {
  aspect-ratio: 172/227;
}
@media (max-width: 640px) {
  .card._soon {
    flex-direction: row;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.5rem;
    height: auto;
    border: 1px solid var(--border-black-8);
    border-radius: var(--border-radius-small);
  }
  .card._soon .card__img-wrapper {
    margin-bottom: 0;
    max-width: 4.625rem;
  }
}
.card._info {
  padding: 0.25rem 0.25rem 0.375rem;
  box-sizing: border-box;
  width: 10.625rem;
  min-height: 18.125rem;
  border: 1px solid var(--border-black-8);
  border-radius: var(--border-radius-small);
  aspect-ratio: auto;
}
@media (max-width: 640px) {
  .card._info {
    width: 8.875rem;
  }
}
:where(html._desktop) .card:hover .card__img {
  scale: 1.03;
}
.card__content {
  padding-left: 0.125rem;
  overflow: hidden;
}
.card._featured .card__content {
  position: absolute;
  right: 1rem;
  bottom: 1.5rem;
  left: 1rem;
  z-index: 2;
  transform: translateZ(0);
}
@media (max-width: 640px) {
  .card__content {
    padding-left: 0;
  }
  .card._featured .card__content {
    right: 0.75rem;
    left: 0.75rem;
  }
  .card._info .card__content {
    padding-left: 0.1875rem;
  }
}
.card__title {
  display: block;
  margin-bottom: 0.25rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  letter-spacing: 0.02em;
  transition: color 0.3s ease-out;
}
.card._featured .card__title,
.card._featured .card__colors {
  color: var(--control-white);
}
.card._info .card__title {
  margin-bottom: 1px;
  font-size: var(--desk-body-s-size);
}
@media (max-width: 640px) {
  .card__title {
    margin-bottom: 0.125rem;
  }
}
.card__colors-wrapper,
.card__price s {
  color: var(--text-black-50);
  transition: color 0.3s ease-out, opacity 0.3s ease-out;
}
.card__colors,
.card__colors-wrapper {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  line-height: 1;
}
@media (max-width: 640px) {
  .card__colors,
  .card__colors-wrapper {
    gap: 0.375rem;
  }
}
:where(html._desktop) .card__colors-wrapper:hover {
  opacity: 1 !important;
  color: var(--text-black-50) !important;
}
.card__colors {
  flex-wrap: wrap;
}
.card__colors-value {
  margin-top: 1px;
  cursor: pointer;
}
.card._show-colors .card__colors-value,
.card__img-wrapper._moved::after,
.input._confirmation._has-value .input__wrapper::after {
  display: none;
}
@media (max-width: 640px) {
  .card__colors-value {
    cursor: default;
  }
  .card._show-colors .card__colors-value {
    display: block;
  }
}
.card__color {
  --size: 0.75rem;
  box-sizing: border-box;
  width: var(--size);
  height: var(--size);
  border-radius: 0.1875rem;
  background-color: var(--color);
}
.card__color[aria-label="Белый"],
.card__color[style="--color: #fff"],
.card__color[style="--color: #ffffff"] {
  border: 1px solid var(--border-black-8);
}
.card__color:nth-child(n + 4) {
  display: none;
}
.card._show-colors .card__color:nth-child(n + 4) {
  display: block;
}
@media (max-width: 640px) {
  .card._show-colors .card__color:nth-child(n + 4) {
    display: none;
  }
}
.card._featured .card__price {
  margin: 0;
  color: var(--control-white);
}
.card._featured .card__price s {
  color: var(--control-white);
  opacity: 0.5;
}
@media (max-width: 640px) {
  .card__content__detail {
    margin-bottom: 0.3125rem;
  }
}
.card__img-wrapper {
  position: relative;
  flex-grow: 1;
  order: -1;
  margin-bottom: 0.5625rem;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 0.5rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  transform: translateZ(0);
  background-color: var(--background-secondary);
}
.card__img-wrapper::after,
.input._confirmation .input__wrapper::after {
  content: "";
  position: absolute;
  left: 50%;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
}
.card__img-wrapper::after {
  --size: 1.875rem;
  pointer-events: none;
  top: 50%;
  margin-top: calc(var(--size) / -2);
  margin-left: calc(var(--size) / -2);
  border: 3px solid var(--text-black-20);
  border-top-color: var(--text-black-50);
  animation: spin 1s linear infinite;
}
.card._featured .card__img-wrapper {
  margin: 0;
  height: 100%;
}
.card._info .card__img-wrapper {
  margin-bottom: 0.25rem;
  height: auto;
  border-radius: 0.375rem;
  aspect-ratio: 162/213;
}
[data-catalog-list="cols"] .card__img-wrapper {
  aspect-ratio: 210/304;
}
.card__img-wrapper .swiper-slide {
  overflow: hidden;
}
@media (max-width: 640px) {
  .card__img-wrapper {
    height: auto;
  }
  [data-catalog-list] .card__img-wrapper {
    aspect-ratio: 320/431;
    margin-bottom: 0.4375rem;
  }
  .card._info .card__img-wrapper {
    aspect-ratio: 162/200;
  }
}
.card__img {
  position: relative;
  z-index: 1;
  will-change: scale;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.card._info .card__img {
  position: absolute;
  inset: 0;
}
@media (max-width: 640px) {
  .card._info .card__img {
    border-radius: 0.375rem;
  }
}
.card__favorite {
  --icon-size: 1.5rem;
  padding: 0;
  border: 0;
  background: 0;
  outline: 0;
  color: inherit;
  text-decoration: none;
  font-family: inherit;
  cursor: pointer;
  touch-action: manipulation;
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  z-index: 2;
  display: inline-flex;
  color: var(--icon-black-20);
  transform: translateZ(0);
}
.card__favorite._active {
  color: var(--icon-black-80);
}
.card._featured .card__favorite {
  color: var(--icon-white-40);
}
.card._featured .card__favorite._active {
  color: var(--icon-white-80);
}
@media (max-width: 640px) {
  .card__favorite {
    --icon-size: 1.25rem;
    top: 0.375rem;
    right: 0.3125rem;
  }
}
.card__favorite-icon {
  width: var(--icon-size);
  height: var(--icon-size);
}
.card__btn {
  margin-top: 1rem;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 640px) {
  .card__btn {
    margin-top: 0.75rem;
  }
}
.card__properties {
  padding-left: 0.125rem;
  color: var(--text-black-50);
  font-size: var(--mob-body-xs-size);
  letter-spacing: 0.05em;
}
.card__properties li + li {
  margin-top: 0.2em;
}
.card .swiper-wrapper::after {
  position: absolute;
  top: 0;
  left: 0;
  width: -moz-max-content;
  width: max-content;
  height: 100%;
  background-color: var(--background-white);
  content: "";
}
.input {
  --padding: 1.375rem 1rem 0.375rem;
  --icon-size: 1rem;
  --padding-icon: 2.6875rem;
  position: relative;
  text-align: left;
  font-size: var(--desk-body-m-size);
}
.input._outline .input__wrapper {
  height: 100%;
}
.input._outline .input__input {
  box-sizing: border-box;
  height: 100%;
  border: 1px solid var(--text-white);
  background: 0 0;
}
.input._outline .input__input,
.input._outline .input__label {
  padding-left: 1rem;
  color: var(--text-white);
}
.input._black .input__input {
  background: var(--control-white-20);
  color: var(--text-white);
}
.input._black .input__label {
  color: var(--text-white-50);
}
.input._confirmation._has-value .input__input {
  padding: 0;
}
.input._confirmation._error .input__wrapper::after {
  background: var(--control-error);
}
.input._confirmation._error .input__input {
  border: 0;
}
.input._confirmation .input__wrapper {
  position: relative;
  height: 100%;
}
.input._confirmation .input__wrapper::after {
  --size: 0.5625rem;
  top: 1.8125rem;
  transform: translateX(-50%);
  background: var(--text-disabled);
}
@media (max-width: 640px) {
  .input._confirmation .input__wrapper::after {
    top: 1.8125rem;
  }
}
.input._confirmation .input__input {
  padding: 0;
  width: 2.5625rem;
  background: 0 0;
  text-align: center;
  font-size: var(--confirmation-code-size);
}
@media (max-width: 640px) {
  .input._confirmation .input__input {
    padding-top: 0 !important;
  }
}
.input._confirmation .input__clear-button {
  display: none;
}
.input._no-label {
  --padding: 0.6875rem 1rem 0.5625rem 1rem;
  font-size: var(--mob-body-m-size);
}
@media (hover: hover) {
  .input:hover .input__input:not(:disabled) {
    background: var(--control-secondary-hover);
  }
}
@media (max-width: 640px) {
  .input {
    --padding: 1.25rem 1rem 0.375rem;
    font-size: var(--mob-body-m-size);
  }
  .input._mobile-black .input__input {
    background: var(--control-white-20);
    color: var(--text-white);
  }
  .input._mobile-black .input__label {
    color: var(--text-white-50);
  }
}
.input__clear-button {
  --size: 1rem;
  padding: 0;
  border: 0;
  background: 0;
  outline: 0;
  color: inherit;
  text-decoration: none;
  font-family: inherit;
  cursor: pointer;
  touch-action: manipulation;
  position: absolute;
  top: 50%;
  right: 1rem;
  width: var(--size);
  height: var(--size);
  transform: translateY(-50%);
  opacity: 0;
}
._has-value .input__clear-button {
  opacity: 1;
}
.input__wrapper {
  position: relative;
  display: grid;
  height: 3.75rem;
}
.input[data-input="textarea"] .input__wrapper {
  height: auto;
  min-height: 7.3125rem;
}
.input._no-label .input__wrapper {
  height: 2.5rem;
}
@media (max-width: 640px) {
  .input__wrapper {
    height: 3.25rem;
  }
  .input[data-input="textarea"] .input__wrapper {
    min-height: 9.375rem;
  }
}
.input__input {
  grid-area: 1/1/-1/-1;
  padding: var(--padding);
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  height: 100%;
  outline: 0;
  border: 0;
  border-radius: 0.75rem;
  background: var(--background-secondary);
  color: var(--text-black);
  font: inherit;
  resize: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.input__input:focus {
  box-shadow: inset 0 0 0 1px var(--border-black-8);
}
.input__input:autofill {
  transition: background-color 600000s 0s, color 600000s 0s;
}
.input__input:-webkit-autofill,
.input__input:-webkit-autofill:active,
.input__input:-webkit-autofill:focus,
.input__input:-webkit-autofill:hover {
  box-shadow: 0 0 0 1000px var(--background-secondary) inset !important;
  -webkit-text-fill-color: var(--text-black) !important;
}
.input._error .input__input {
  border: 1px solid var(--control-error);
}
.input__input::-moz-scrollbar,
html._mobile .tabs-list__container::-moz-scrollbar {
  display: none;
}
.input__input::-webkit-scrollbar,
html._mobile .tabs-list__container::-webkit-scrollbar {
  display: none;
}
.input__input::scrollbar,
html._mobile .tabs-list__container::scrollbar {
  display: none;
}
.input__input[disabled] {
  background: var(--control-disabled);
  color: var(--text-disabled);
}
@media (max-width: 640px) {
  .input._has-value .input__input,
  .input__input:focus {
    padding-top: 1.375rem;
  }
  .input._no-label .input__input:focus {
    padding-top: 0.6875rem;
  }
  .input._no-label._has-value .input__input,
  html._ios .input._no-label .input__input:focus,
  html._mac .input._no-label .input__input:focus {
    padding-top: 0.75rem;
  }
}
.input__label {
  position: relative;
  display: flex;
  grid-area: 1/1/-1/-1;
  padding: var(--padding);
  box-sizing: border-box;
  height: -moz-min-content;
  height: min-content;
  color: var(--text-black-50);
  font: inherit;
  pointer-events: none;
  transition: opacity 0.15s ease-out, padding 0.15s ease-out,
    font-size 0.15s ease-out;
  will-change: padding, font-size;
}
.input._has-value .input__label,
.input__input:focus ~ .input__label {
  padding-top: 0.75rem;
  font-size: 0.875em;
  transition: opacity 0.15s ease-out, padding 0.15s ease-out,
    font-size 0.15s ease-out;
}
@media (max-width: 640px) {
  .input._has-value .input__label,
  .input__input:focus ~ .input__label {
    padding-top: 0.625rem;
    font-size: 0.8em;
  }
}
.input__input:hover ~ .input__label {
  opacity: 1;
}
.input__input[disabled] ~ .input__label {
  color: var(--text-disabled);
}
.input__input[disabled] ~ .input__clear-button {
  pointer-events: none;
}
.input__error-text {
  display: none;
  line-height: 1.2;
}
.input__error-text._active,
.input__error-text:has(.just-validate-error-label) {
  display: block;
  margin-top: 0.625rem;
  color: var(--control-error);
}
.input__error-text .just-validate-error-label {
  color: inherit !important;
}
.input__icon {
  position: absolute;
  top: 50%;
  left: 1rem;
  margin-top: calc(var(--icon-size) / -2);
  width: var(--icon-size);
  height: var(--icon-size);
}
.input__input:has(~ .input__icon),
.input__label:has(~ .input__icon) {
  padding-left: var(--padding-icon);
}
.input__hints {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 2;
  padding-block: 0.5rem;
  box-sizing: border-box;
  width: 100%;
  height: -moz-min-content;
  height: min-content;
  overflow: auto;
  background-color: var(--background-white);
  font-size: var(--mob-body-m-size);
}
.input__hints > * {
  padding: 0.5rem 0;
  cursor: pointer;
}
:where(html._desktop) .input__hints > :hover {
  opacity: 0.7;
}
.input__hints[hidden] {
  visibility: hidden;
}
.input__hint-title {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
}
.input__hint-text {
  margin-top: 0.25rem;
  color: var(--text-secondary);
}
.input[data-input="tel"] .input__label {
  display: none;
}
.input[data-input="tel"] .input__input {
  padding: 0;
  padding-top: 0.125rem;
}
.tab {
  padding: 0;
  border: 0;
  background: 0;
  outline: 0;
  color: inherit;
  text-decoration: none;
  font-family: inherit;
  cursor: pointer;
  touch-action: manipulation;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 0.5625rem 1rem;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid var(--border-black-8);
  border-radius: 100vmax;
  background-color: var(--background-white);
  text-align: center;
  font-size: var(--mob-body-m-size);
  line-height: 1.13;
  white-space: nowrap;
}
:where(html._desktop) .tab:hover {
  border-color: var(--border-black-hovered);
}
html._ios .tab,
html._mac .tab {
  padding-block: 0.6875rem 0.5625rem;
}
.tab:active {
  border-color: var(--control-secondary);
  background-color: var(--control-secondary);
}
.tab:disabled,
.tab[disabled] {
  border-color: var(--border-black-8) !important;
  color: var(--text-disabled) !important;
  cursor: not-allowed;
}
.tab._size-l {
  padding: 0.875rem 1.25rem;
  font-size: var(--desk-body-m-size);
}
html._ios .tab._size-l,
html._mac .tab._size-l {
  padding-block: 1rem 0.75rem;
}
@media (max-width: 640px) {
  .tab._size-l {
    padding: 0.5625rem 1rem;
    font-size: var(--mob-body-m-size);
  }
  html._ios .tab._size-l,
  html._mac .tab._size-l {
    padding-block: 0.6875rem 0.4375rem;
  }
}
.tab._selected {
  border-color: transparent;
  background: var(--control-secondary);
  pointer-events: none;
}
.certificate-item {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 1rem 1.25rem;
  box-sizing: border-box;
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: 0.625rem;
  color: var(--text-white);
}
.certificate-item._text-black {
  color: var(--text-black);
}
:where(html._desktop) .certificate-item__link:hover ~ .certificate-item__title {
  opacity: 0.7;
}
:where(html._desktop) .certificate-item__link:hover ~ .certificate-item__price {
  opacity: 0.3;
}
:where(html._desktop) .certificate-item__link:hover ~ .certificate-item__img {
  scale: 1.03;
}
.certificate-item__link::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  content: "";
}
@media (max-width: 640px) {
  .certificate-item {
    padding: 0.875rem 0.75rem;
  }
}
.certificate-item__title {
  z-index: 1;
  margin-bottom: 0.375rem;
  font-size: var(--mob-heading-m-size);
  will-change: transform;
  transition: opacity 0.3s ease-out;
}
@media (max-width: 640px) {
  .certificate-item__title {
    font-size: var(--mob-body-m-size);
  }
}
.certificate-item__price {
  position: relative;
  z-index: 1;
  opacity: 0.5;
  font-size: var(--desk-cert-title-size);
  transition: opacity 0.3s ease-out;
  will-change: transform;
}
@media (max-width: 640px) {
  .certificate-item__price {
    font-size: var(--mob-body-price-size);
  }
}
.certificate-item__img {
  position: absolute;
  right: -1px;
  bottom: 0;
  width: calc(100% + 2px);
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: scale 0.3s ease;
  will-change: scale;
  transform: translateZ(0);
}
.tabs__list {
  display: flex;
  gap: 0.375rem;
  margin-bottom: 1.5rem;
}
.tabs__tab-group._hidden {
  display: none;
}
.address-item {
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: 0.875rem;
  color: var(--text-black-50);
  font-size: var(--desk-body-s-size);
  line-height: 1.3;
  letter-spacing: 0.025em;
}
.address-item__header {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius-small);
  aspect-ratio: 670/379;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
@media (max-width: 640px) {
  .address-item__header {
    aspect-ratio: 320/189;
  }
}
.address-item__contact-link {
  --offset: 1rem;
  position: absolute;
  right: var(--offset);
  bottom: var(--offset);
}
.address-item__content {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem 0.375rem;
  max-width: 21.25rem;
}
.address-item__address {
  display: flex;
  width: 100%;
}
.address-item__tel,
.address-item__time {
  display: flex;
  align-items: baseline;
}
.address-item__map-link {
  display: inline-block;
  margin-top: -0.25rem;
  width: -moz-max-content;
  width: max-content;
  color: var(--text-black);
}
@media (hover: hover) {
  .address-item__map-link:hover {
    opacity: 0.6;
  }
}
.address-item__map-link:active,
.slider._inited .slider__wrapper {
  opacity: 1;
}
.address-item__icon {
  --size: 0.75rem;
  flex-shrink: 0;
  margin-right: 0.25rem;
  width: var(--size);
  height: var(--size);
  color: var(--text-black);
}
.address-item__labels {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.375rem;
  margin-bottom: 0.1875rem;
}
.slider {
  position: relative;
}
.slider__wrapper {
  margin-inline: calc(-1 * var(--container-padding));
  padding: 0 var(--container-padding);
  opacity: 0;
  transition: opacity 0.3s ease-out;
}
.slider__item {
  width: -moz-min-content;
  width: min-content;
}
.slider__nav {
  display: flex;
  gap: 0.5rem;
}
@media (max-width: 640px) {
  .slider__nav._has-mobile {
    display: flex;
    gap: 0;
  }
  .slider__nav._has-mobile svg {
    --size: 1rem;
  }
}
.slider__nav._only-mobile {
  display: none;
}
@media (max-width: 640px) {
  .slider__nav {
    display: none;
  }
  .slider__nav._only-mobile {
    display: flex;
  }
}
.support {
  position: relative;
}
.support__text {
  color: var(--text-black-50);
}
.support__list {
  --cols: 4;
  display: flex;
  gap: 0.75rem;
}
@media (max-width: 768px) {
  .support__list {
    flex-wrap: wrap;
    gap: 0.375rem;
  }
}
.support__item {
  flex-grow: 1;
  flex-basis: 100%;
}
@media (max-width: 768px) {
  .support__item {
    flex-basis: 30%;
  }
  .support__item:last-child {
    flex-basis: 100%;
  }
  .support__item:last-child .support__link {
    flex-direction: row;
    gap: 0.75rem;
    min-height: auto;
  }
}
.support__link {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.25rem;
  padding: 2.625rem 1rem 2.375rem;
  box-sizing: border-box;
  height: 100%;
  border-radius: var(--border-radius-small);
  background-color: var(--background-secondary);
  font-size: var(--mob-heading-m-size);
}
:where(html._desktop) .support__link:hover {
  background-color: var(--control-secondary-hover);
  color: var(--text-hovered);
}
:where(html._desktop) .support__link:hover .support__icon-wrapper {
  background-color: var(--icon-white-70);
}
.support__link:active {
  background-color: var(--background-secondary);
  color: var(--text-disabled);
}
.support__link:active .support__icon-wrapper {
  background-color: var(--control-white-20);
}
@media (max-width: 640px) {
  .support__link {
    gap: 0.375rem;
    padding: 0.6875rem 0.5rem 0.5rem;
    min-height: 4.8125rem;
    font-size: var(--mob-body-m-size);
  }
}
.support__link-icon {
  --size: 1.5rem;
  position: relative;
  width: var(--size);
  height: var(--size);
}
@media (max-width: 640px) {
  .support__link-icon {
    --size: 1rem;
  }
}
.support__icon-wrapper {
  display: flex;
  padding: 0.75rem;
  border-radius: 100%;
  background-color: var(--background-white);
}
@media (max-width: 640px) {
  .support__icon-wrapper {
    padding: 0.5rem;
  }
}
.label {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  padding: 0 0.5rem;
  height: 1.5rem;
  border-radius: var(--border-radius-xs);
  background: var(--control-secondary);
  color: var(--text-black-50);
}
.collection-slider {
  --slider-speed: 0.6s;
  position: relative;
  z-index: 0;
  opacity: 0;
  transition: opacity 0.3s ease-out;
}
.collection-slider._inited {
  opacity: 1;
}
.collection-slider__wrapper {
  padding-bottom: 1.125rem;
}
.collection-slider._cases .collection-slider__wrapper {
  padding-bottom: 2.875rem;
}
@media (max-width: 640px) {
  .collection-slider__wrapper {
    padding-bottom: 0;
  }
  .collection-slider._cases .collection-slider__wrapper {
    padding-bottom: 2.625rem;
  }
}
.collection-slider__nav {
  position: absolute;
  top: calc(50% - 2.125rem);
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  padding: 0 var(--container-padding);
  box-sizing: border-box;
  width: 100%;
  transform: translateY(-50%);
}
@media (max-width: 640px) {
  .collection-slider__nav {
    display: none;
  }
}
.collection-slider__pagination {
  --swiper-pagination-bottom: 0;
}
@media (max-width: 640px) {
  .collection-slider__pagination {
    display: none;
  }
  .collection-slider._cases .collection-slider__pagination {
    display: block;
  }
}
.collection-slider__item {
  padding-bottom: 3rem;
  width: 28.3333333333%;
}
.collection-slider__item::before {
  content: "";
  position: absolute;
  top: 0;
  transform: translateY(6%);
  right: 6%;
  left: 6%;
  z-index: -1;
  height: 100%;
  background: url(/assets/images/collection/collection-item-shadow.svg)
    no-repeat;
  background-size: 100% 100%;
  opacity: 0;
  transition: opacity 0.3s ease-out, transform 0.3s ease-out;
}
.collection-slider._cases .collection-slider__item::before {
  rotate: -6.78deg;
}
.collection-slider._cases .collection-slider__item {
  padding-bottom: 3.75rem;
  width: 26.8541666667%;
  overflow: visible;
}
.collection-slider__item.swiper-slide-active::before {
  transform: translateY(8%);
}
.collection-slider__item.swiper-slide-visible::before {
  opacity: 1;
}
@media (max-width: 640px) {
  .collection-slider__item {
    padding-bottom: 2.5rem;
    width: 85.3333333333%;
  }
  .collection-slider__item::before {
    transform: translateY(4%);
  }
  .collection-slider__item.swiper-slide-active::before {
    transform: translateY(8%);
  }
  .collection-slider._cases .collection-slider__item {
    padding-bottom: 1.5rem;
    width: 58.6666666667%;
  }
}
.collection-item {
  position: relative;
  padding: 0.875rem 1rem;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 0.75rem;
  color: var(--text-white);
  font-size: var(--desk-heading-m-size);
  letter-spacing: 0.01em;
  aspect-ratio: 407/545;
  transform: translateZ(0);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
:where(html._desktop) .collection-item:hover .collection-item__img {
  scale: 1.03;
}
._cases .collection-item {
  aspect-ratio: 407/513;
}
@media (max-width: 640px) {
  .collection-item {
    font-size: var(--popup-heading-size);
    letter-spacing: -0.01em;
  }
}
.collection-item__title::before {
  content: "";
  position: absolute;
  inset: 0;
}
.collection-item__img {
  z-index: -1;
  transition: scale 0.3s ease;
  will-change: scale;
}
.indicator {
  --swiper-pagination-bullet-size: 0.5rem;
  --swiper-pagination-bullet-horizontal-gap: 0.25rem;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-inactive-color: var(--inactive-color);
  --swiper-pagination-color: var(--inactive-color);
  --swiper-pagination-bullet-border-radius: 100vmax;
  pointer-events: none;
}
.indicator .swiper-pagination-bullet {
  position: relative;
  overflow: hidden;
  transition: width var(--slider-speed) ease;
}
.indicator .swiper-pagination-bullet::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: var(--active-color);
  opacity: 0;
  will-change: width;
}
.indicator .swiper-pagination-bullet-active {
  --swiper-pagination-bullet-width: 1.75rem;
}
.indicator .swiper-pagination-bullet-active::before {
  opacity: 0.76;
  width: calc((1 - var(--autoplay-progress)) * 100%);
}
.indicator._white {
  --active-color: var(--icon-white);
  --inactive-color: var(--icon-white-20);
}
.indicator._bg-white,
.indicator._black {
  --active-color: var(--icon-black);
  --inactive-color: var(--icon-black-20);
}
.indicator._bg-white {
  --swiper-pagination-bullet-size: 0.375rem;
  padding: 0 0.25rem;
  width: -moz-max-content;
  width: max-content;
  border-radius: 100vmax;
  background: var(--background-white);
}
.indicator._bg-white .swiper-pagination-bullet-active {
  --swiper-pagination-bullet-width: 0.375rem;
  background: var(--active-color);
}
.checkbox {
  --size: 1.25rem;
  --gap: 0.75rem;
  --tick-size: 1rem;
  --bg: var(--control-secondary);
  position: relative;
  display: inline-flex;
  gap: var(--gap);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.checkbox._white {
  --bg: var(--control-white-20);
}
.checkbox._white .checkbox__tick {
  color: var(--icon-black);
}
.checkbox._white .checkbox__text {
  color: var(--text-white);
}
.checkbox._white .checkbox__input:checked + .checkbox__box {
  --bg: var(--control-white);
}
.checkbox._white .checkbox__input[disabled] ~ * {
  color: var(--text-secondary);
}
.checkbox * {
  cursor: pointer;
}
:where(html._desktop) .checkbox._white:hover,
:where(html._desktop) .checkbox:hover {
  --bg: var(--control-secondary-hover);
}
:where(html._desktop)
  .checkbox:hover
  :where(html._desktop)
  .checkbox__input:not([disabled]):checked
  + :where(html._desktop)
  .checkbox__box,
:where(html._desktop)
  .radio:hover
  :where(html._desktop)
  .radio__input:not([disabled]):checked
  + :where(html._desktop)
  .radio__box {
  --bg: var(--control-black-hover);
}
:where(html._desktop)
  .checkbox._white:hover
  :where(html._desktop)
  .checkbox._white__input:not([disabled]):checked
  + :where(html._desktop)
  .checkbox._white__box {
  --bg: var(--control-secondary-hover);
}
@media (max-width: 640px) {
  .checkbox {
    line-height: 1.4;
  }
  .checkbox._mobile-white {
    --bg: var(--control-white-20);
  }
  .checkbox._mobile-white .checkbox__tick {
    color: var(--icon-black);
  }
  .checkbox._mobile-white .checkbox__text {
    color: var(--text-white);
  }
  .checkbox._mobile-white .checkbox__input:checked + .checkbox__box {
    --bg: var(--control-white);
  }
  .checkbox._mobile-white .checkbox__input[disabled] ~ * {
    color: var(--text-secondary);
  }
  :where(html._desktop) .checkbox._mobile-white:hover {
    --bg: var(--control-secondary-hover);
  }
  :where(html._desktop)
    .checkbox._mobile-white:hover
    :where(html._desktop)
    .checkbox._mobile-white__input:not([disabled]):checked
    + :where(html._desktop)
    .checkbox._mobile-white__box {
    --bg: var(--control-secondary-hover);
  }
}
.checkbox__box {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: var(--size);
  height: var(--size);
  border: 1px solid var(--border-black-8);
  border-radius: 0.375rem;
  background: var(--bg);
  transition: background 0.15s ease-out;
}
.checkbox__tick {
  width: var(--tick-size);
  height: var(--tick-size);
  color: var(--icon-white);
  pointer-events: none;
  opacity: 0;
}
.checkbox__text {
  display: inline-block;
  color: var(--text-black);
}
html._ios .checkbox__text,
html._mac .checkbox__text {
  padding-top: 0.2em;
}
.checkbox__text a[href],
.form__footnote a[href],
.radio__text a[href] {
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
:where(html._desktop) .checkbox__text a[href]:hover,
:where(html._desktop) .form__footnote a[href]:hover,
:where(html._desktop) .radio__text a[href]:hover,
:where(html._desktop) .wallet-card__footnote a[href]:hover {
  text-decoration: none;
}
.checkbox__input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.checkbox__input:focus-visible + .checkbox__box {
  --bg: var(--control-secondary-hover);
}
.checkbox__input:checked + .checkbox__box {
  --bg: var(--control-black-gradient);
  border: 0;
}
.checkbox__input:checked + .checkbox__box .checkbox__tick {
  opacity: 1;
}
.checkbox__input[disabled] + .checkbox__box {
  --bg: var(--control-disabled);
}
.checkbox__input[disabled] ~ * {
  color: var(--text-disabled);
}
.cart-item {
  position: relative;
  gap: 0.75rem;
}
.cart-item._cart .cart-item__edit,
.cart-item._disabled .cart-item__edit,
.cart-item._disabled .cart-item__size-button {
  display: none;
}
.cart-item,
.cart-item._disabled .cart-item__edit._is-showed,
.cart-item._disabled .cart-item__size-button._is-showed {
  display: flex;
}
.cart-item__wrapper {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}
.cart-item__checkbox {
  padding: 0;
}
.cart-item__img {
  width: 5.75rem;
  height: auto;
  border-radius: var(--border-radius-xs);
  aspect-ratio: 92/123;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 640px) {
  .cart-item__img {
    aspect-ratio: 92/122;
  }
}
.cart-item__content {
  display: grid;
  grid-template-rows: min-content min-content auto;
  grid-template-areas: "title price" "bonus oldPrice" "footer footer";
  flex-grow: 1;
  gap: 0.25rem;
}
@media (max-width: 640px) {
  .cart-item__content {
    grid-template-areas: "title price" "size oldPrice" "bonus ." "footer footer";
    gap: 0.125rem;
  }
}
.cart-item__title {
  grid-area: title;
}
.cart-item__bonus {
  grid-area: bonus;
  color: var(--text-black-50);
}
@media (max-width: 640px) {
  .cart-item__bonus {
    margin-top: 1.8125rem;
  }
}
.cart-item__price {
  font-family: 'Roboto', sans-serif;
  grid-area: price;
  text-align: right;
}
.cart-item__price._old {
  grid-area: oldPrice;
  opacity: 0.5;
  text-decoration: line-through;
}
.cart-item__footer {
  display: flex;
  grid-area: footer;
  align-items: center;
  align-self: end;
  gap: 0.375rem;
  padding-bottom: 0.125rem;
}
@media (max-width: 640px) {
  .cart-item__footer {
    justify-content: space-between;
  }
  .cart-item__size {
    display: none;
  }
}
.cart-item__size-mobile {
  display: none;
}
@media (max-width: 640px) {
  .cart-item__size-mobile {
    display: block;
    grid-area: size;
    color: var(--text-black-50);
    font-size: var(--mob-body-s-size);
  }
}
.cart-item__size-button {
  padding: 0;
  border: 0;
  background: 0;
  outline: 0;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  touch-action: manipulation;
  font: inherit;
}
.cart-item__size-value:not(:empty) ~ .cart-item__size-button {
  display: none;
}
.cart-item__delete,
.cart-item__edit {
  --icon-size: 1rem;
  --size: 1.75rem;
  padding: 0;
  border: 0;
  background: 0;
  outline: 0;
  color: inherit;
  text-decoration: none;
  font-family: inherit;
  cursor: pointer;
  touch-action: manipulation;
  display: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: var(--size);
  height: var(--size);
  border: 1px solid var(--border-black-8);
  border-radius: 100vmax;
}
@media (max-width: 640px) {
  .cart-item__delete,
  .cart-item__edit {
    display: inline-flex;
  }
}
.cart-item__delete {
  display: flex;
  margin-left: auto;
}
.cart-item__delete-icon,
.cart-item__edit-icon {
  width: var(--icon-size);
  height: var(--icon-size);
}
.cart-item__popups {
  visibility: hidden;
  position: fixed;
  z-index: 3;
}
.cart-item__popups::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 0;
  background-color: var(--text-disabled);
  transition: opacity 0.3s ease-out;
}
.cart-item__popups._active {
  visibility: visible;
}
.cart-item__popups._active::before {
  opacity: 1;
}
.cart-item__popup {
  --btn-size: 2.5rem;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 2;
  transform: translateY(100%);
  padding: var(--container-padding);
  box-sizing: border-box;
  width: 100%;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  background-color: var(--background-white);
  transition: transform 0.3s ease-out;
}
.cart-item__popup._active {
  transform: translateY(0);
}
.cart-item__popup._remove .cart-item__popup-submit {
  margin-top: 0;
}
.cart-item__popup._remove .cart-item__popup-title {
  margin-block: 0 0.75rem;
  padding: 0;
  font-size: var(--desk-body-l-size);
  line-height: 1.2;
  font-weight: 400;
}
.cart-item__popup._remove .cart-item__popup-text {
  color: var(--text-black-50);
}
.cart-item__popup._remove .cart-item__popup-close {
  --position: 0.75rem;
  top: var(--position);
  right: var(--position);
}
.cart-item__popup-title {
  margin-top: 0.5rem;
  margin-bottom: 1.75rem;
  padding-right: calc(var(--btn-size) + var(--container-padding));
}
.cart-item__popup-close {
  --icon-size: 1.25rem;
  padding: 0;
  border: 0;
  background: 0;
  outline: 0;
  color: inherit;
  text-decoration: none;
  font-family: inherit;
  cursor: pointer;
  touch-action: manipulation;
  position: absolute;
  top: var(--container-padding);
  right: var(--container-padding);
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--btn-size);
  height: var(--btn-size);
  border-radius: 100vmax;
  background: var(--background-secondary);
}
.cart-item__close-icon {
  width: var(--icon-size);
  height: var(--icon-size);
}
.cart-item__popup-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.cart-item__popup-submit {
  margin-top: 2.5rem;
}
.cart-item__popup-submit .size-value::before {
  content: "∙";
  margin-right: 0.5ch;
}
.cart-item__popup-submit .size-value:empty::before {
  content: none;
}
.cart-item__popup-submit._cart,
.case-form._cart .cart-item__popup-submit {
  display: none;
}
.case-form._cart .cart-item__popup-submit._cart {
  display: inline-flex;
}
.size-radio {
  position: relative;
  display: block;
  width: 3.75rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.size-radio:has(:disabled) {
  cursor: not-allowed;
}
.size-radio__label-value {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.25rem;
  padding: 0.5rem;
  border: 1px solid var(--border-black-8);
  border-radius: 0.5rem;
  color: var(--text-black);
  font-size: var(--mob-body-s-size);
  font-weight: 500;
}
.size-radio__label-value span {
  opacity: 0.5;
  font-weight: 400;
}
@media (max-width: 640px) {
  .size-radio__label-value {
    padding-bottom: 0.625rem;
  }
}
.size-radio__input:checked ~ .size-radio__label-value {
  border-color: 1px solid var(--text-black);
}
.size-radio__input:disabled ~ *,
.size-radio__input[disabled] ~ * {
  opacity: 0.32;
}
.size-radio__text {
  display: block;
  margin-top: 0.25rem;
  color: var(--text-hovered);
  text-align: center;
  font-size: var(--mob-body-xxs-size);
}
.radio {
  --size: 1.25rem;
  --gap: 0.75rem;
  --tick-size: 1rem;
  --bg: var(--control-secondary);
  position: relative;
  display: inline-flex;
  gap: var(--gap);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.radio * {
  cursor: pointer;
}
:where(html._desktop) .radio:hover {
  --bg: var(--control-secondary-hover);
}
@media (max-width: 640px) {
  .radio {
    line-height: 1.4;
  }
}
.radio__box {
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  width: var(--size);
  height: var(--size);
  border: 1px solid var(--border-black-8);
  border-radius: 50%;
  background: var(--bg);
  transition: background 0.15s ease-out;
}
.radio__content {
  display: flex;
  flex-direction: column;
}
.radio__text {
  display: inline-block;
  padding-top: 0.2em;
  color: var(--text-black);
  font-size: var(--mob-body-l-size);
}
.radio__info-title {
  margin-top: 0.5rem;
  font-size: var(--mob-body-m-size);
  line-height: 1.4;
}
@media (max-width: 640px) {
  .radio__info-title {
    margin-top: 0.125rem;
  }
}
.radio__info-text {
  margin-top: 0.25rem;
  color: var(--text-secondary);
  font-size: var(--mob-body-s-size);
  line-height: 1.4;
}
.radio__input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.radio__input:focus-visible + .radio__box {
  --bg: var(--control-secondary-hover);
}
.radio__input:checked + .radio__box {
  --bg: var(--background-white);
  border: 0.375rem solid var(--text-black-subscribe);
}
.radio__input[disabled] + .radio__box {
  --bg: var(--control-disabled);
}
.radio__input[disabled] ~ * {
  color: var(--text-disabled);
}
.switcher {
  padding: 0;
  border: 0;
  background: 0;
  outline: 0;
  color: inherit;
  text-decoration: none;
  font-family: inherit;
  touch-action: manipulation;
  --toggle-size: 1.5rem;
  position: relative;
  z-index: 0;
  display: flex;
  flex-shrink: 0;
  padding: 0.125rem 1.25rem 0.125rem 0.125rem;
  overflow: hidden;
  border-radius: 100vmax;
  background-color: var(--control-secondary);
  cursor: pointer;
  font-size: var(--desk-body-m-size);
}
@media (hover: hover) {
  .switcher:hover {
    background-color: var(--control-secondary-hover);
  }
}
.switcher._checkbox::after {
  content: none;
}
.switcher._checkbox .switcher__box,
.switcher::after {
  position: relative;
  z-index: 2;
  width: var(--toggle-size);
  height: var(--toggle-size);
  box-shadow: var(--switcher-shadow);
  border-radius: 50%;
  background-color: var(--background-white);
  content: "";
  transition: transform 0.3s ease-out;
}
.switcher::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  background: var(--control-black-gradient);
  transition: opacity 0.3s ease-out;
}
.switcher[aria-checked="true"]::after,
.switcher__input:checked ~ .switcher__box {
  transform: translateX(1.125rem);
}
.switcher:has(:checked)::before,
.switcher[aria-checked="true"]::before {
  opacity: 1;
}
.switcher-wrapper {
  display: flex;
  align-items: center;
  gap: 0.875rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.show-information__button {
  padding: 0;
  border: 0;
  background: 0;
  outline: 0;
  color: inherit;
  text-decoration: none;
  font-family: inherit;
  cursor: pointer;
  touch-action: manipulation;
  opacity: 0.5;
  display: flex;
  gap: 0.125rem;
  margin-top: 0.5rem;
  margin-bottom: -1.5rem;
}
.show-information__button._showed .show-information__icon {
  transform: rotate(180deg);
}
.show-information__text {
  font-size: var(--desk-body-xs-size);
  line-height: 1.33;
}
.show-information__icon {
  --size: 0.75rem;
  position: relative;
  top: 0.125rem;
  width: var(--size);
  height: var(--size);
}
.show-information__content {
  display: none;
}
.show-information__content._showed {
  display: block;
}
.accordion._certificates .accordion__btn {
  grid-template-columns: auto minmax(0, 1fr);
  justify-content: initial;
  gap: 0.75rem;
  padding: 1rem;
  font-size: var(--desk-heading-s-size);
  line-height: 1.2;
}
@media (max-width: 640px) {
  .accordion._certificates .accordion__btn {
    grid-template-columns: minmax(0, 1fr) auto;
    padding-bottom: 0;
    padding-inline: 0;
    font-size: var(--mob-heading-s-size);
    line-height: 1.2;
  }
}
.accordion._certificates .accordion__btn-inner {
  order: -1;
  margin-top: -0.3125rem;
}
@media (max-width: 640px) {
  .accordion._certificates .accordion__btn-inner {
    order: 1;
  }
}
.accordion._certificates .accordion__content-inner {
  padding-inline: 2.8125rem;
  color: var(--text-black-80);
}
@media (max-width: 640px) {
  .accordion._certificates .accordion__content-inner {
    padding-inline: 0.625rem;
  }
  .accordion._certificates._active .accordion__content {
    padding-top: 1.125rem;
    padding-bottom: 0;
  }
}
.popup .accordion._certificates .accordion__btn {
  grid-template-columns: minmax(0, 1fr) auto;
  padding-bottom: 1.125rem;
  padding-inline: 0;
}
.popup .accordion._certificates .accordion__btn-inner {
  order: 1;
}
.popup .accordion._certificates .accordion__content-inner {
  padding-inline: 0;
  font-size: var(--desk-body-m-size);
  line-height: 1.52;
}
.popup .accordion._certificates ol,
.popup .accordion._certificates ul {
  gap: 0;
  padding-inline: 1.4375rem;
}
.accordion__btn {
  padding: 0;
  border: 0;
  background: 0;
  outline: 0;
  color: inherit;
  text-decoration: none;
  font-family: inherit;
  cursor: pointer;
  touch-action: manipulation;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem 1rem;
  width: 100%;
  text-align: left;
}
@media (max-width: 640px) {
  .accordion__btn {
    font-size: var(--mob-heading-m-size);
  }
}
@media (hover: hover) {
  .accordion__btn:hover {
    opacity: 0.6;
  }
}
.accordion__btn:active {
  opacity: 1;
}
.accordion__btn-inner {
  display: flex;
  align-items: center;
}
@media (max-width: 640px) {
  .accordion__btn-text {
    display: none;
  }
}
.accordion._active .accordion__btn-text,
.accordion__btn-text._active {
  display: none;
}
.accordion._active .accordion__btn-text._active {
  display: block;
}
@media (max-width: 640px) {
  .accordion._active .accordion__btn-text._active {
    display: none;
  }
}
.accordion__btn-icon {
  --size: 1rem;
  width: var(--size);
  height: var(--size);
  transition: transform 0.3s ease-out;
}
.accordion._active .accordion__btn-icon {
  transform: rotate(-180deg);
}
.accordion__content {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  height: 0;
  overflow: hidden;
}
@media (max-width: 640px) {
  .accordion__content {
    font-size: var(--mob-body-m-size);
    line-height: 1.44;
  }
}
.accordion._active .accordion__content {
  padding-block: 0.125rem 1rem;
  height: /*var(--height, auto)*/ max-content !important;
}
.accordion._init .accordion__content {
  transition: height 0.3s ease-out, padding 0.3s ease-out;
}
.accordion__content p:not(:last-child) {
  margin-bottom: 1rem;
}
.accordion__content-inner {
  padding: 0 1rem;
}
.accordion__show-information {
  display: none;
  margin-bottom: auto;
}
@media (max-width: 640px) {
  .accordion__show-information {
    display: block;
  }
}
.accordion__list-text {
  margin-top: 0.875rem;
}
.accordion__list-text p {
  margin-bottom: 0.875rem;
}
.accordion__list-text p:last-child {
  margin-bottom: 0;
}
.accordion__list-text:only-child {
  margin-top: 0;
}
.accordion ul li {
  list-style-type: disc;
}
.accordion ol li {
  list-style-type: decimal;
}
.accordion ol,
.accordion ul {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-left: 0.75rem;
}
.accordion a {
  text-decoration: underline;
}
.tabs-list {
  position: relative;
  padding-block: 1rem;
}
.tabs-list__container {
  padding-inline: var(--container-padding);
  overflow: auto;
}
html._mobile .tabs-list__container {
  scrollbar-width: none;
}
.tabs-list__list {
  display: flex;
  gap: 0.3125rem;
  margin: 0 auto;
  width: -moz-max-content;
  width: max-content;
}
html._ios .tabs-list__list,
html._mac .tabs-list__list {
  padding-right: var(--container-padding);
}
.catalog-list {
  position: relative;
}
.catalog-list[data-catalog-list="grid"] {
  --cols: 6;
}
.catalog-list[data-catalog-list="cols"] {
  --cols: 4;
}
@media (max-width: 640px) {
  .catalog-list {
    --cols: 2;
    padding-block: var(--container-padding);
  }
  .catalog-list[data-catalog-list="cols"],
  .catalog-list[data-catalog-list="grid"] {
    --cols: 2;
  }
}
.catalog-list__list {
  display: grid;
  grid-template-columns: repeat(var(--cols), minmax(0, 1fr));
  gap: var(--container-padding) 1.25rem;
  transition: opacity 0.15s ease-out;
}
._loading .catalog-list__list {
  opacity: 0;
  transition: opacity 0.15s ease-out 0.6s;
}
.catalog-list._changing .catalog-list__list {
  opacity: 0;
}
@media (max-width: 640px) {
  .catalog-list__list {
    gap: var(--container-padding);
    margin-top: 0.8125rem;
  }
  [data-catalog-list="row-grid"] .catalog-list__item:nth-child(5n + 3) {
    grid-column: span 2;
  }
  [data-catalog-list="row-grid"]
    .catalog-list__item:nth-child(5n + 1)
    .card__favorite {
    --icon-size: 1.5rem;
    top: 0.3125rem;
    right: 0.4375rem;
  }
  [data-catalog-list="row-grid"]
    .catalog-list__item:nth-child(5n + 1)
    .card__img-wrapper {
    aspect-ratio: 320/431;
  }
}
.catalog-list__header {
  --icon-size: 1.5rem;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: var(--container-padding);
  min-height: 1.5rem;
}
@media (max-width: 640px) {
  .catalog-list__header {
    --icon-size: 1.25rem;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    grid-template-areas: "layouts sort qty";
  }
}
.catalog-list__qty {
  opacity: 0.5;
  margin-right: auto;
  padding-left: 0.1875rem;
}
@media (max-width: 640px) {
  .catalog-list__qty {
    grid-area: qty;
    margin-right: 0;
    padding-left: 0;
    text-align: right;
  }
}
.catalog-list__layouts {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 640px) {
  .catalog-list__layouts {
    grid-area: layouts;
    width: var(--icon-size);
    overflow: hidden;
  }
}
.catalog-list__button {
  padding: 0;
  border: 0;
  background: 0;
  outline: 0;
  color: inherit;
  text-decoration: none;
  font-family: inherit;
  cursor: pointer;
  touch-action: manipulation;
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  color: var(--icon-black);
  font-size: var(--desk-body-s-size);
  letter-spacing: 0.02em;
}
.catalog-list__button._layout {
  color: var(--icon-black-40);
}
:where(html._desktop) .catalog-list__button._layout:hover {
  color: var(--icon-black-80);
}
.catalog-list__button._layout._active {
  color: var(--icon-black);
  pointer-events: none;
}
.catalog-list__button._mobile {
  display: none;
}
@media (max-width: 640px) {
  .catalog-list__button._layout {
    color: var(--icon-black);
  }
  .catalog-list__button._mobile {
    display: inline-flex;
  }
  .catalog-list__button._active,
  .catalog-list__button._desktop {
    display: none;
  }
}
.catalog-list__button[data-popup-opener="filter"]::after {
  --icon-size: 0.6875rem;
  position: absolute;
  top: 0;
  left: 0.75rem;
  margin-top: -0.0625rem;
  box-sizing: border-box;
  width: var(--icon-size);
  height: var(--icon-size);
  border: 0.125rem solid var(--icon-white);
  border-radius: 50%;
  background-color: var(--icon-black);
  content: "";
  visibility: hidden;
}
.catalog-list__button[data-popup-opener="filter"]._active::after {
  visibility: visible;
}
@media (hover: hover) {
  .catalog-list__button[data-popup-opener="filter"]:hover {
    opacity: 0.6;
  }
}
.catalog-list__button[data-popup-opener="filter"]:active,
.read-more._image._active::before {
  opacity: 1;
}
.catalog-list__icon {
  width: var(--icon-size);
  height: var(--icon-size);
}
.catalog-list__sort._desktop {
  height: 1.5rem;
}
.catalog-list__sort._mobile {
  display: none;
}
@media (max-width: 640px) {
  .catalog-list__sort._desktop {
    display: none;
  }
  .catalog-list__sort._mobile {
    padding: 0;
    border: 0;
    background: 0;
    outline: 0;
    color: inherit;
    text-decoration: none;
    font-family: inherit;
    cursor: pointer;
    touch-action: manipulation;
    display: inline-flex;
    grid-area: sort;
    justify-self: center;
    color: var(--text-black-50);
  }
  .catalog-list__sort._mobile svg {
    color: inherit;
  }
  .catalog-list__sort._mobile .custom-select-opener {
    width: auto;
  }
}
.catalog-list__button-text,
.catalog-list__sort {
  position: relative;
  top: 1px;
}
.read-more {
  --rows: 3;
  --line-height: 1.52em;
  position: relative;
  color: var(--text-black-50);
}
.read-more._image {
  --rows: 2;
  --line-height: 1.2em;
  box-sizing: border-box;
  min-height: 33.625rem;
  color: var(--text-white-70);
}
.read-more._image::before {
  opacity: 0;
}
.read-more._image::after,
.read-more._image::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  transition: opacity 0.3s ease-out;
}
.read-more._image::before {
  background: linear-gradient(
    180deg,
    transparent 0%,
    var(--text-hovered) 49%,
    var(--icon-black-80) 100%
  );
}
.read-more._image::after {
  opacity: 1;
  background: linear-gradient(
    to bottom,
    transparent 0%,
    var(--text-hovered) 100%
  );
}
.read-more._image .read-more__img {
  -o-object-position: 50% var(--img-offset, 25%);
  object-position: 50% var(--img-offset, 25%);
}
.read-more._image .read-more__content {
  margin-top: 23.1875rem;
  max-width: 37.1875rem;
  font-size: var(--desk-body-l-size);
  line-height: 1.2;
}
.read-more._image .read-more__button {
  margin-top: 0.8125rem;
  font-size: var(--desk-body-xs-size);
}
.read-more._image._active::after {
  opacity: 0;
}
.read-more._how-work {
  padding-block: 0.5rem 0;
  border-radius: 0;
  color: var(--text-black);
}
.read-more._how-work .container {
  display: flex;
  flex-direction: column;
  margin: 0;
}
.read-more._how-work .read-more__content {
  order: 2;
  max-height: 0;
}
@media (max-width: 640px) {
  .read-more {
    --rows: 2;
    --line-height: 1.43em;
    padding-block: var(--container-padding);
  }
  .read-more._image {
    --line-height: 1.43em;
    min-height: 16rem;
  }
  .read-more._image .read-more__content {
    margin-top: 9.5rem;
    font-size: var(--mob-body-m-size);
    line-height: 1.43;
  }
  .read-more._image .read-more__button {
    margin-top: 0.625rem;
  }
}
.read-more__content {
  position: relative;
  z-index: 2;
  max-width: 53.125rem;
  max-height: calc(var(--rows) * var(--line-height));
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}
.read-more__content * + * {
  margin-top: 0.6em;
}
@media (max-width: 640px) {
  .read-more__content {
    max-width: 90%;
  }
}
.read-more__button {
  padding: 0;
  border: 0;
  background: 0;
  outline: 0;
  color: inherit;
  text-decoration: none;
  font-family: inherit;
  cursor: pointer;
  touch-action: manipulation;
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  gap: 0.125rem;
  margin-top: 0.5rem;
}
:where(html._desktop) .read-more__button:hover {
  opacity: 0.8;
}
@media (max-width: 640px) {
  .read-more__button {
    margin-top: 0.625rem;
    font-size: var(--mob-body-s-size);
  }
}
.read-more__icon {
  --icon-size: 0.75rem;
  width: var(--icon-size);
  height: var(--icon-size);
}
.read-more._active .read-more__icon {
  rotate: 180deg;
}
.filter-button {
  padding: 0;
  border: 0;
  background: 0;
  outline: 0;
  color: inherit;
  text-decoration: none;
  font-family: inherit;
  cursor: pointer;
  touch-action: manipulation;
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 0.4375rem 0.9375rem;
  border: 1px solid var(--border-filter);
  border-radius: 100vmax;
  background-color: var(--background-white);
  font-size: var(--desk-body-s-size);
  line-height: 1.25rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.filter-button .accent {
  margin-left: 0.25rem;
  color: var(--text-black-50);
}
.filter-button._color {
  padding: 0.4375rem 0.9375rem 0.4375rem 0.4375rem;
}
.filter-button._color::before {
  --size: 1.25rem;
  content: "";
  display: block;
  margin-right: 0.4375rem;
  width: var(--size);
  height: var(--size);
  border-radius: 100vmax;
  background-color: var(--color);
}
.filter-button._color._white::before {
  box-shadow: inset 0 0 0 1px var(--border-filter);
}
.filter-button._selected,
.filter-button:has(:checked) {
  padding: 0.3125rem 0.3125rem 0.3125rem 0.9375rem;
  border-color: var(--background-secondary);
  background-color: var(--background-secondary);
}
.filter-button._selected._color,
.filter-button:has(:checked)._color {
  padding: 0.3125rem 0.375rem;
}
.filter-button._selected._no-close,
.filter-button:has(:checked)._no-close {
  padding-inline: 1rem;
}
:where(html._desktop) .filter-button:hover {
  background-color: var(--background-secondary);
}
:where(html._desktop) .filter-button:hover._selected .filter-button__close-icon,
:where(html._desktop)
  .filter-button:hover:has(:checked)
  .filter-button__close-icon {
  background-color: var(--icon-white-70);
}
.filter-button__text {
  position: relative;
  top: 0.0625rem;
}
html._ios .filter-button__text,
html._mac .filter-button__text {
  top: 0.125rem;
}
.filter-button__close-icon {
  --icon-size: 1rem;
  display: none;
  margin-left: 0.6875rem;
  padding: 0.25rem;
  width: var(--icon-size);
  height: var(--icon-size);
  box-shadow: 0 0.1875rem 0.25rem 0 var(--border-black-8);
  border-radius: 100vmax;
  background-color: var(--background-white);
}
.filter-button._selected .filter-button__close-icon,
.filter-button:has(:checked) .filter-button__close-icon {
  display: block;
}
.card-selected {
  display: none;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.5rem;
  padding: 0.75rem;
  overflow: hidden;
  border-radius: var(--border-radius-small);
  background: var(--background-secondary);
  font-size: var(--mob-body-s-size);
  line-height: 1.32;
}
@media (max-width: 640px) {
  .card-selected {
    display: flex;
  }
}
.card-selected__img-wrapper {
  --size: 2.5rem;
  position: relative;
  width: var(--size);
  height: var(--size);
  overflow: hidden;
  border-radius: var(--border-radius-xxs);
}
.card-selected__title {
  margin-bottom: 0.125rem;
}
.card-selected__information {
  display: flex;
  gap: 0.25rem;
  color: var(--text-black-50);
}
.card-selected__color {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.card-selected__color-value {
  --size: 0.625rem;
  display: inline-block;
  width: var(--size);
  height: var(--size);
  overflow: hidden;
  border-radius: 1px;
  background: var(--color);
}
.card-selected__size,
html._ios .card-selected__color-name,
html._mac .card-selected__color-name {
  margin-top: 1px;
}
.toast {
  position: fixed;
  top: 0.75rem;
  left: 50%;
  z-index: -1;
  display: flex;
  gap: 0.5rem;
  padding: 0.375rem 1rem 0.375rem 0.375rem;
  box-sizing: border-box;
  width: -moz-max-content;
  width: max-content;
  max-width: 18rem;
  border-radius: var(--border-radius-small);
  background: var(--background-black);
  font-size: var(--desk-body-m-size);
  line-height: 1.52;
  transform: translateX(-50%);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease-out;
}
@media (max-width: 640px) {
  .toast {
    top: 1rem;
    font-size: var(--mob-body-m-size);
    line-height: 1.44;
  }
}
.toast._showed {
  z-index: 20;
  pointer-events: all;
  opacity: 1;
}
.toast__img-wrapper {
  --size: 3.125rem;
  position: relative;
  flex-shrink: 0;
  width: var(--size);
  height: var(--size);
  overflow: hidden;
  border-radius: var(--border-radius-xxs);
}
@media (max-width: 640px) {
  .toast__img-wrapper {
    --size: 2.5rem;
  }
}
.toast__title {
  color: var(--text-white);
}
.toast__text {
  color: var(--text-white-50);
}
.form__fields {
  margin-bottom: 1.5rem;
}
.form__fields > * + * {
  margin-top: 0.75rem;
}
@media (max-width: 640px) {
  .form__fields {
    margin-bottom: 1.125rem;
  }
  .my-data .form__fields {
    margin-bottom: 0;
  }
}
.form__fields._col-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
  margin-bottom: 0;
}
.form__fields._col-2 > * + * {
  margin-top: 0;
}
.form__submit {
  margin-top: auto;
}
.form__footnote {
  margin: 0 auto;
  margin-top: 0.75rem;
  max-width: 22.5rem;
  color: var(--text-secondary);
  text-align: center;
  font-size: var(--mob-body-s-size);
}
.form__footnote._left {
  margin-inline: 0.625rem;
  text-align: left;
}
.form__subtitle {
  margin-bottom: 1rem;
  font-size: var(--mob-heading-m-size);
  line-height: 1.2;
  font-weight: 400;
}
.level {
  padding: 1rem 0.75rem 0.625rem;
  box-sizing: border-box;
  height: 100%;
  border-radius: var(--border-radius-small);
  background: var(--bg);
  color: var(--text-white);
  text-align: center;
}
.level__title {
  display: inline-flex;
  margin-bottom: 2.0625rem;
  padding: 0.125rem 0.4375rem;
  border-radius: var(--border-radius-xs);
  background: var(--background-white-20);
  font-size: var(--desk-body-s-size);
  line-height: 1.42;
}
.level__value {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.5rem;
  color: var(--text-white-70);
  font-size: var(--mob-heading-xl-size);
  line-height: 1.2;
  letter-spacing: -0.013em;
}
.level__value span {
  margin: 0 auto;
  margin-top: -0.125rem;
  max-width: 4.75rem;
  font-size: var(--desk-body-s-size);
  line-height: 1.32;
  letter-spacing: 0.014em;
}
.level__information {
  padding: 0.625rem 0.5rem 0.375rem;
  border: 1px solid var(--border-white-8);
  border-radius: var(--border-radius-small);
  color: var(--text-white-70);
  font-size: var(--mob-body-m-size);
  line-height: 1.44;
}
.card-delivery {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 0.75rem;
  box-sizing: border-box;
  min-height: 14.875rem;
  border-radius: var(--border-radius-middle);
  background: var(--background-secondary);
  cursor: pointer;
}
@media (max-width: 640px) {
  .card-delivery {
    min-height: 14.25rem;
  }
}
.card-delivery::after,
.card-delivery::before {
  --size: 1.375rem;
  position: absolute;
  top: 56%;
  left: calc(-1 * var(--size) / 2);
  z-index: 2;
  width: var(--size);
  height: var(--size);
  border-radius: 100vmax;
  background: var(--background-white);
  content: "";
  transform: translateY(-50%);
}
.card-delivery::after {
  right: calc(-1 * var(--size) / 2);
  left: auto;
}
.card-delivery._completed {
  min-height: auto;
  border: 1px solid var(--border-black-8);
  background: var(--background-white);
}
.card-certificate._mobile .card-certificate__title,
.card-delivery._completed .card-delivery__deadline-time,
.card-delivery._completed .card-delivery__deadline-title,
.card-delivery._completed .card-delivery__divider,
.card-delivery._completed .card-delivery__progress,
.card-delivery._completed .card-delivery__status-title,
.card-delivery._completed::after,
.card-delivery._completed::before,
.card-delivery._map .card-delivery__divider,
.card-delivery._map::after,
.card-delivery._map::before {
  display: none;
}
.card-delivery._cancelled * {
  color: var(--text-disabled);
}
.card-delivery__map {
  --space: 1.5rem;
  position: relative;
  margin-left: calc(-1 * var(--space) / 2);
  margin-block: 2rem 0.75rem;
  width: calc(100% + var(--space));
  height: 10rem;
}
.card-delivery__divider {
  position: absolute;
  top: 57%;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 1px;
  border-bottom: 1px dashed var(--border-black-8);
  transform: translateY(-50%);
}
.card-delivery__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.25rem;
  font-size: var(--desk-body-m-size);
  line-height: 1.52;
}
@media (max-width: 640px) {
  .card-delivery__header {
    margin-bottom: 2rem;
    font-size: var(--mob-body-s-size);
  }
}
.card-delivery__status-time {
  color: var(--text-black-50);
}
.card-delivery__deadline {
  text-align: right;
}
.card-delivery__deadline-title {
  color: var(--text-black-50);
}
.card-delivery__progress {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.375rem;
}
.card-delivery__progress-item {
  position: relative;
  height: 0.25rem;
  border-radius: 100vmax;
  background: var(--border-black-8);
}
.card-delivery__progress-item::before {
  position: absolute;
  top: 0;
  left: 0;
  width: var(--width);
  height: 100%;
  border-radius: 100vmax;
  background: var(--background-black);
  content: "";
}
.card-delivery__progress-item._current::after {
  --size: 1.75rem;
  content: "";
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: var(--width);
  width: var(--size);
  height: var(--size);
  background: url(
      data:image/svg + xml;charset=utf-8,
      %3Csvg%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%09%3Crect%20width%3D%2228%22%20height%3D%2228%22%20rx%3D%2214%22%20fill%3D%22url\(
          %23paint0_linear_6057_56793\)%22%20%2F%3E%0A%09%3Cpath%0A%09%09d%3D%22M15.25%2017.75V10.25C15.25%209.91848%2015.1183%209.60054%2014.8839%209.36612C14.6495%209.1317%2014.3315%209%2014%209H9C8.66848%209%208.35054%209.1317%208.11612%209.36612C7.8817%209.60054%207.75%209.91848%207.75%2010.25V17.125C7.75%2017.2908%207.81585%2017.4497%207.93306%2017.5669C8.05027%2017.6842%208.20924%2017.75%208.375%2017.75H9.625%22%0A%09%09stroke%3D%22white%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%2F%3E%0A%09%3Cpath%20d%3D%22M15.875%2017.75H12.125%22%20stroke%3D%22white%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%2F%3E%0A%09%3Cpath%0A%09%09d%3D%22M18.375%2017.75H19.625C19.7908%2017.75%2019.9497%2017.6842%2020.0669%2017.5669C20.1842%2017.4497%2020.25%2017.2908%2020.25%2017.125V14.8438C20.2497%2014.7019%2020.2013%2014.5644%2020.1125%2014.4538L17.9375%2011.735C17.879%2011.6618%2017.8049%2011.6027%2017.7205%2011.562C17.6361%2011.5213%2017.5437%2011.5001%2017.45%2011.5H15.25%22%0A%09%09stroke%3D%22white%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%2F%3E%0A%09%3Cpath%0A%09%09d%3D%22M15.875%2017.75C15.875%2018.0815%2016.0067%2018.3995%2016.2411%2018.6339C16.4755%2018.8683%2016.7935%2019%2017.125%2019C17.4565%2019%2017.7745%2018.8683%2018.0089%2018.6339C18.2433%2018.3995%2018.375%2018.0815%2018.375%2017.75C18.375%2017.4185%2018.2433%2017.1005%2018.0089%2016.8661C17.7745%2016.6317%2017.4565%2016.5%2017.125%2016.5C16.7935%2016.5%2016.4755%2016.6317%2016.2411%2016.8661C16.0067%2017.1005%2015.875%2017.4185%2015.875%2017.75Z%22%0A%09%09stroke%3D%22white%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%2F%3E%0A%09%3Cpath%0A%09%09d%3D%22M9.625%2017.75C9.625%2018.0815%209.7567%2018.3995%209.99112%2018.6339C10.2255%2018.8683%2010.5435%2019%2010.875%2019C11.2065%2019%2011.5245%2018.8683%2011.7589%2018.6339C11.9933%2018.3995%2012.125%2018.0815%2012.125%2017.75C12.125%2017.4185%2011.9933%2017.1005%2011.7589%2016.8661C11.5245%2016.6317%2011.2065%2016.5%2010.875%2016.5C10.5435%2016.5%2010.2255%2016.6317%209.99112%2016.8661C9.7567%2017.1005%209.625%2017.4185%209.625%2017.75Z%22%0A%09%09stroke%3D%22white%22%20stroke-width%3D%221.4%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%2F%3E%0A%09%3Cdefs%3E%0A%09%09%3ClinearGradient%20id%3D%22paint0_linear_6057_56793%22%20x1%3D%2214%22%20y1%3D%220%22%20x2%3D%2214%22%20y2%3D%2228%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%09%09%09%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23323232%22%20%2F%3E%0A%09%09%09%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231A1A1A%22%20%2F%3E%0A%09%09%3C%2FlinearGradient%3E%0A%09%3C%2Fdefs%3E%0A%3C%2Fsvg%3E
    )
    no-repeat 0 0;
}
.card-delivery__progress-item._current._finish::after {
  transform: translate(-100%, -50%);
}
.card-delivery__footer {
  display: flex;
  justify-content: space-between;
  margin-top: auto;
}
.card-delivery__total {
  text-align: right;
}
.card-delivery__information,
.card-delivery__total-count {
  margin-top: 0.625rem;
  color: var(--text-black-50);
  font-size: var(--desk-body-s-size);
  line-height: 1.32;
  letter-spacing: 0.0143em;
}
@media (max-width: 640px) {
  .card-delivery__information,
  .card-delivery__total-count {
    font-size: var(--mob-body-s-size);
  }
}
.card-delivery__order-number,
.card-delivery__total-price {
  white-space: nowrap;
}
@media (max-width: 640px) {
  .card-delivery__order-number,
  .card-delivery__total-price {
    font-size: var(--mob-body-l-size);
  }
}
.card-delivery__opener {
  position: absolute;
  inset: 0;
  opacity: 0;
}
.card-delivery__cancel {
  padding: 0;
  border: 0;
  background: 0;
  outline: 0;
  color: inherit;
  text-decoration: none;
  font-family: inherit;
  cursor: pointer;
  touch-action: manipulation;
  position: relative;
  z-index: 1;
}
.card-delivery__cancel::before {
  content: "";
  position: absolute;
  inset: -0.25rem;
}
.card-certificate {
  position: relative;
  display: flex;
  flex-direction: column;
  margin-bottom: 0.5rem;
  padding-block: 2.875rem 2.5rem;
  box-sizing: border-box;
  min-height: 20.9375rem;
  overflow: hidden;
  border-radius: var(--border-radius-default);
  background: linear-gradient(180deg, #323232 0, #1a1a1a 100%);
  color: var(--text-white);
}
.card-certificate._mobile {
  margin-bottom: 0;
  padding: 1rem;
  width: 19.375rem;
  height: 12.125rem;
  min-height: 12.125rem;
  border-radius: var(--border-radius-small);
}
@media (max-width: 640px) {
  .card-certificate {
    margin-bottom: 0;
    padding-block: 1rem;
    min-height: 12.125rem;
    border-radius: var(--border-radius-small);
  }
}
.card-certificate__title {
  margin-bottom: 1rem;
}
@media (max-width: 640px) {
  .card-certificate__title {
    display: none;
  }
}
.card-certificate__balance {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.card-certificate__balance-value,
.card-certificate__title {
  font-size: var(--desk-heading-m-size);
  line-height: 1.2;
  font-weight: 400;
}
.card-certificate__balance-title {
  color: var(--text-white-70);
  font-size: var(--desk-heading-s-size);
  line-height: 1.2;
}
.card-certificate._mobile .card-certificate__balance-title {
  font-size: var(--desk-body-m-size);
  line-height: 1.52;
}
@media (max-width: 640px) {
  .card-certificate__balance-title {
    font-size: var(--desk-body-m-size);
    line-height: 1.52;
  }
}
.card-certificate._mobile .card-certificate__balance-value {
  font-size: var(--desk-body-l-size);
  line-height: 1.2;
}
@media (max-width: 640px) {
  .card-certificate__balance-value {
    font-size: var(--desk-body-l-size);
    line-height: 1.2;
  }
}
.card-certificate__container {
  z-index: 1;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}
.card-certificate._mobile .card-certificate__container {
  margin: 0;
}
.card-certificate__submit {
  align-self: flex-start;
  margin-top: auto;
}
.card-certificate._mobile .card-certificate__submit {
  display: none;
}
@media (max-width: 640px) {
  .card-certificate__submit {
    display: none;
  }
}
.order-item {
  --img-size: 4.125rem;
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 1024px) {
  .order-item._delivery {
    display: grid;
  }
}
@media (max-width: 640px) {
  .order-item {
    --img-size: 2.5rem;
  }
}
.order-item__content-wrapper {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  gap: 0.5rem;
  max-width: 90%;
}
@media (max-width: 1024px) {
  .order-item._delivery .order-item__content-wrapper {
    grid-row: 1/2;
    grid-column: 1/2;
  }
}
@media (max-width: 374px) {
  .order-item__content-wrapper {
    align-items: start;
  }
}
.order-item__img {
  width: var(--img-size);
  height: var(--img-size);
  border-radius: 0.75rem;
  -o-object-fit: cover;
  object-fit: cover;
}
@media (max-width: 640px) {
  .order-item__img {
    border-radius: 0.25rem;
  }
}
.order-item__content,
.order-item__title {
  width: 100%;
  overflow: hidden;
}
.order-item__title {
  font-size: var(--desk-body-s-size);
  white-space: nowrap;
  text-overflow: ellipsis;
  letter-spacing: 0.02em;
}
@media (max-width: 374px) {
  .order-item__title {
    white-space: normal;
  }
}
.order-item__props,
.order-item__text {
  margin-top: 0.25rem;
  color: var(--text-black-50);
  font-size: var(--mob-body-xs-size);
  line-height: 0.875rem;
}
.order-item__props[style]::before,
.order-item__text[style]::before {
  --size: 0.625rem;
  content: "";
  position: relative;
  top: 0.13em;
  display: inline-block;
  margin-right: 0.25rem;
  width: var(--size);
  height: var(--size);
  border-radius: 0.125rem;
  background-color: var(--color);
  vertical-align: baseline;
}
.order-item__delete {
  margin-left: auto;
}
@media (max-width: 1024px) {
  .order-item._delivery .order-item__delete {
    grid-row: 1/2;
    grid-column: 2/3;
  }
}
.order-item__price {
  display: flex;
  flex-direction: column;
  margin-left: auto;
  text-align: right;
}
.order-item__price-current {
  font-size: var(--desk-body-s-size);
  line-height: 1.2;
  letter-spacing: 0.0143em;
}
.order-item__price-old {
  color: var(--text-black-50);
  text-decoration: line-through;
  font-size: var(--mob-body-xs-size);
  line-height: 1.2;
}
.order-item__delivery {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  margin-left: auto;
  padding: 0.5rem;
  box-sizing: border-box;
  width: 100%;
  max-width: 18.4375rem;
  border: 1px solid var(--border-black-8);
  border-radius: var(--border-radius-xs);
  color: var(--text-black-50);
  font-size: var(--mob-body-s-size);
}
.order-item__delivery > * {
  max-width: 11.25rem;
}
.order-item__delivery._error {
  border-color: var(--control-error);
  color: var(--text-black);
}
@media (max-width: 1024px) {
  .order-item._delivery .order-item__delivery {
    grid-row: 2/3;
    grid-column: 1/3;
    margin-left: calc(var(--img-size) + 0.5rem);
    width: auto;
    max-width: none;
  }
}
.pay-method {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 0.875rem;
  box-sizing: border-box;
  width: 13.125rem;
  height: 100%;
  min-height: 5.9375rem;
  border: 1px solid var(--border-black-8);
  border-radius: var(--border-radius-small);
  background-color: var(--background-white);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
}
.pay-method:has(:checked) {
  border-color: var(--background-black);
  background-color: transparent;
}
.pay-method__title {
  font-size: var(--mob-body-l-size);
}
.pay-method__text {
  margin-top: 0.125rem;
  color: var(--text-secondary);
  font-size: var(--mob-body-xs-size);
}
.pay-method__icon {
  --size: 1.75rem;
  --padding: 0.375rem;
  margin-bottom: 0.375rem;
  padding: var(--padding);
  box-sizing: border-box;
  width: 100%;
  height: var(--size);
}
.pay-method__icon._sbp {
  width: var(--size);
  border-radius: 50%;
  background-color: var(--background-white);
}
.pay-method__icon._bank-cards {
  --padding: 0;
}
.pay-method__icon._building,
.pay-method__icon._international {
  --size: 1.5rem;
  --padding: 0;
}
.pay-method__company {
  display: none;
}
.pay-method._active:has(:checked) .pay-method__company {
  display: block;
  margin-top: 1rem;
}
.order-gift {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem;
  box-sizing: border-box;
  width: 12.5rem;
  border: 1px solid var(--border-black-8);
  border-radius: var(--border-radius-small);
  font-size: var(--mob-body-m-size);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
@media (hover: hover) {
  .order-gift:hover {
    border-color: var(--border-black-hovered);
  }
}
.order-gift:has(:checked) {
  border-color: var(--background-secondary);
  background-color: var(--background-secondary);
}
@media (max-width: 640px) {
  .order-gift {
    width: 10.3125rem;
  }
}
.order-gift__img {
  --size: 4.125rem;
  width: var(--size);
  height: var(--size);
  border-radius: var(--border-radius-xs);
}
@media (max-width: 640px) {
  .order-gift__img {
    --size: 2.1875rem;
  }
}
.order-gift__content {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.order-gift__title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.order-gift__price {
  color: var(--text-black-50);
  font-size: var(--mob-body-xs-size);
}
.dolyami,
.quantity-bonuses {
  position: relative;
  align-items: center;
}
.quantity-bonuses {
  display: flex;
  justify-content: center;
  padding: 0 0.4375rem;
  box-sizing: border-box;
  height: 2rem;
  border-radius: 0.375rem;
  background: var(--background-secondary);
  color: var(--text-disabled);
}
html._ios .quantity-bonuses,
html._mac .quantity-bonuses {
  padding-top: 1px;
}
.dolyami {
  display: inline-flex;
  gap: 0.625rem;
}
.dolyami .link-button svg {
  --size: 0.75rem;
}
.dolyami .link-button::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  content: "";
}
.dolyami .link-button__text {
  position: relative;
  line-height: 1.32;
  letter-spacing: 0.0143em;
}
html._ios .dolyami .link-button__text,
html._mac .dolyami .link-button__text {
  top: 0.125rem;
}
.error-content {
  --height-hero: 9.375rem;
  --height-header: 3.5rem;
  --height-tabbar: 4rem;
  padding-block: 5.75rem;
  box-sizing: border-box;
  height: calc(
    100vh - var(--height-header) - var(--section-gap) * 2 - var(--height-hero)
  );
  text-align: center;
}
@media (max-width: 640px) {
  .error-content {
    --height-hero: 3.5rem;
    height: calc(
      100dvh - var(--height-header) - var(--section-gap) * 2 -
        var(--height-tabbar)
    );
  }
}
.error-content__icon-container {
  position: relative;
  margin-bottom: 2.875rem;
}
@media (max-width: 640px) {
  .error-content__icon-container {
    margin-bottom: 2.5rem;
  }
}
.error-content__icon-wrapper {
  --size: 6.25rem;
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  width: var(--size);
  height: var(--size);
  overflow: hidden;
  border-radius: var(--border-radius-default-mobile);
  background: var(--background-white);
}
@media (max-width: 640px) {
  .error-content__icon-wrapper {
    --size: 3.25rem;
    border-radius: var(--border-radius-small);
  }
}
.error-content__video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.error-content__icon-shadow {
  --size: 5.25rem;
  position: absolute;
  top: 2.25rem;
  left: 50%;
  width: var(--size);
  height: var(--size);
  background-color: var(--icon-black-20);
  transform: translateX(-50%);
  filter: blur(1.125rem);
  will-change: transform;
}
@media (max-width: 640px) {
  .error-content__icon-shadow {
    --size: 2.4375rem;
    filter: blur(0.5rem);
    top: 1.25rem;
  }
}
.error-content__icon {
  --size: 3.75rem;
  width: var(--size);
  height: var(--size);
}
@media (max-width: 640px) {
  .error-content__icon {
    --size: 2rem;
  }
}
.error-content__title {
  margin-bottom: 1.25rem;
}
@media (max-width: 640px) {
  .error-content__title {
    margin-bottom: 0.5rem;
  }
}
.error-content__text {
  margin: 0 auto;
  margin-bottom: 2rem;
  max-width: 21.875rem;
  color: var(--text-black-50);
  line-height: 1.25;
}
@media (max-width: 640px) {
  .error-content__text {
    margin-bottom: 1.25rem;
  }
}
.error-content__button._size-l {
  font-size: var(--desk-body-l-size);
}
@media (max-width: 640px) {
  .error-content__button._size-l {
    padding: 0.5rem 1.25rem;
    font-size: var(--mob-body-m-size);
    line-height: 1.44;
  }
}
.sun {
  --size: 30px;
  --color: var(--icon-disabled);
  --ray-length: 15px;
  --ray-thickness: 4px;
  --offset: 4px;
  --ray-progress: 0.2;
  position: relative;
  padding: calc(var(--ray-length) + var(--offset));
}
@media (max-width: 640px) {
  .sun {
    --size: 18px;
    --ray-length: 10px;
    --ray-thickness: 2px;
    --offset: 2px;
  }
}
.sun__circle,
.sun__ray {
  background-color: var(--color);
}
.sun__circle {
  position: relative;
  display: block;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
}
.sun__ray {
  position: absolute;
  top: 50%;
  left: calc(100% + var(--offset));
  margin-top: calc(var(--ray-thickness) / -2);
  width: min(var(--ray-length) * var(--ray-progress), var(--ray-length));
  height: var(--ray-thickness);
  border-radius: 100vmax;
  transform-origin: calc(var(--size) / -2 - var(--offset)) center;
}
.sun__ray:nth-child(1) {
  transform: translateZ(0) rotate(0deg);
}
.sun__ray:nth-child(2) {
  transform: translateZ(0) rotate(45deg);
}
.sun__ray:nth-child(3) {
  transform: translateZ(0) rotate(90deg);
}
.sun__ray:nth-child(4) {
  transform: translateZ(0) rotate(135deg);
}
.sun__ray:nth-child(5) {
  transform: translateZ(0) rotate(180deg);
}
.sun__ray:nth-child(6) {
  transform: translateZ(0) rotate(225deg);
}
.sun__ray:nth-child(7) {
  transform: translateZ(0) rotate(270deg);
}
.sun__ray:nth-child(8) {
  transform: translateZ(0) rotate(315deg);
}
.categories {
  position: relative;
}
.categories__list {
  --cols: 4;
  display: grid;
  grid-template-columns: repeat(var(--cols), minmax(0, 1fr));
  gap: 1.25rem;
  color: var(--text-white);
  font-size: var(--mob-heading-l-size);
  line-height: 1.2;
}
@media (max-width: 640px) {
  .categories__list {
    --cols: 2;
    gap: 0.5rem;
    font-size: var(--mob-heading-m-size);
  }
}
.categories__item {
  position: relative;
  display: flex;
  align-items: end;
  padding: 0.75rem;
  overflow: hidden;
  border-radius: var(--border-radius-small);
  aspect-ratio: 325/290;
}
.categories__item::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background-color: var(--text-disabled);
}
@media (max-width: 640px) {
  .categories__item {
    padding: 0.5rem;
    border-radius: var(--border-radius-xs);
    aspect-ratio: 167/180;
  }
}
.categories__item-name {
  position: relative;
  z-index: 1;
}
.categories__item-link::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  opacity: 0;
}
:where(html._desktop) .categories__item-link:hover .categories__item-img,
:where(html._desktop) .menu__case:hover img {
  scale: 1.03;
}
.categories__item-img {
  transition: scale 0.3s ease;
  will-change: scale;
}
.cookies {
  position: fixed;
  right: 1.5rem;
  bottom: 1.5rem;
  z-index: 99;
  padding: 1rem;
  box-sizing: border-box;
  width: 16.25rem;
  box-shadow: var(--shadow-white);
  border-radius: var(--border-radius-default);
  background-color: var(--background-white);
  color: var(--text-secondary);
  letter-spacing: 0.01em;
  text-underline-offset: 0.1em;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
}
.cookies._hidden {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.15s ease-out, visibility 0.15s ease-out;
}
.cookies a {
  color: var(--text-black);
  text-decoration: underline;
}
.cookies__btn {
  margin-top: 0.9375rem;
}
@media (hover: hover) {
  .cookies a:hover {
    text-decoration: none;
  }
}
@media (max-width: 640px) {
  .cookies {
    right: 0;
    bottom: calc(var(--tabbar-height) + 0.25rem);
    left: 0;
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    box-shadow: var(--shadow-dark);
    border-radius: 1rem;
  }
  .cookies__text {
    font-size: var(--mob-body-m-size);
    line-height: 1.44;
    letter-spacing: 0;
  }
  .cookies .cookies__btn.button._size-m {
    --icon-size: 1.25rem;
    margin: 0;
    padding: 0.625rem 1rem;
    font-size: var(--mob-body-m-size);
  }
}
.info-section {
  position: relative;
}
.info-section__text {
  color: var(--text-black-50);
}
.info-section__list {
  --cols: 4;
  display: flex;
  gap: 0.75rem;
}
@media (max-width: 768px) {
  .info-section__list {
    flex-wrap: wrap;
    gap: 0.375rem;
  }
}
.info-section__item {
  display: flex;
  flex-grow: 1;
  flex-basis: 100%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.25rem;
  padding: 1rem 1.5rem 1.5rem;
  box-sizing: border-box;
  border-radius: var(--border-radius-small);
  background-color: var(--background-secondary);
  font-size: var(--mob-heading-m-size);
}
@media (max-width: 768px) {
  .info-section__item {
    flex-basis: 30%;
    gap: 0.375rem;
    padding: 0.5rem 0.75rem 0.75rem;
    font-size: var(--mob-body-m-size);
  }
  .info-section__item:nth-last-child(-n + 2) {
    flex-basis: 45%;
  }
}
.info-section__item-value {
  font-size: var(--desk-heading-xl-size);
}
@media (max-width: 768px) {
  .info-section__item-value {
    font-size: var(--mob-heading-xl-size);
  }
}
.info-section__item-text {
  color: var(--text-secondary);
  font-size: var(--desk-body-m-size);
}
@media (max-width: 768px) {
  .info-section__item-text {
    font-size: var(--mob-body-m-size);
  }
}
.info-section__icon-wrapper {
  display: flex;
  padding: 0.75rem;
  border-radius: 100%;
  background-color: var(--background-white);
}
@media (max-width: 640px) {
  .info-section__icon-wrapper {
    padding: 0.5rem;
  }
}
.steps-section {
  position: relative;
}
.steps-section__text {
  color: var(--text-black-50);
}
.steps-section__list {
  --cols: 4;
  display: flex;
  gap: 0.75rem;
}
@media (max-width: 768px) {
  .steps-section__list {
    flex-wrap: wrap;
    gap: 0.375rem;
  }
}
.steps-section__item {
  display: flex;
  flex-grow: 1;
  flex-basis: 100%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.25rem;
  padding: 1rem 1.5rem 1.5rem;
  box-sizing: border-box;
  border-radius: var(--border-radius-small);
  background-color: var(--background-secondary);
  font-size: var(--mob-heading-m-size);
}
@media (max-width: 768px) {
  .steps-section__item {
    flex-basis: 30%;
    gap: 0.375rem;
    padding: 0.5rem 0.75rem 0.75rem;
    font-size: var(--mob-body-m-size);
  }
  .steps-section__item:nth-last-child(-n + 2) {
    flex-basis: 45%;
  }
}
.steps-section__item-value {
  font-size: var(--desk-heading-xl-size);
}
@media (max-width: 768px) {
  .steps-section__item-value {
    font-size: var(--mob-heading-xl-size);
  }
}
.steps-section__item-title {
  display: inline-block;
  margin-bottom: 0.5rem;
  font-size: var(--desk-heading-s-size);
}
@media (max-width: 768px) {
  .steps-section__item-title {
    margin-bottom: 0.25rem;
    font-size: var(--mob-heading-s-size);
  }
}
.steps-section__item-text {
  color: var(--text-secondary);
  font-size: var(--desk-body-m-size);
}
@media (max-width: 768px) {
  .steps-section__item-text {
    font-size: var(--mob-body-m-size);
  }
}
.steps-section__icon-wrapper {
  display: flex;
  padding: 0.75rem;
  border-radius: 100%;
  background-color: var(--background-white);
}
@media (max-width: 640px) {
  .steps-section__icon-wrapper {
    padding: 0.5rem;
  }
  .team-collection-slider__item {
    width: 58.8235294118%;
  }
}
.collection-slider-text {
  position: relative;
  margin-top: 20px;
  padding-bottom: 3.75rem;
  width: 100%;
  overflow: hidden;
}
.collection-slider-text__slide {
  padding: 10px 20px;
  box-sizing: border-box;
  width: 100%;
  opacity: 0 !important;
  transition: opacity 0.5s ease;
  pointer-events: none;
  display: flex;
  justify-content: center;
  overflow-y: auto;
  text-align: center;
}
.collection-slider-text .swiper-slide-active {
  opacity: 1 !important;
  pointer-events: auto;
}
.collection-slider-text__item {
  display: grid;
  justify-items: center;
  max-width: 28.125rem;
}
.collection-slider-text__item-title {
  margin-bottom: 1.5rem;
  font-size: 2.5rem;
}
.collection-slider-text__item-description {
  display: -webkit-box;
  margin-bottom: 1.5rem;
  overflow: hidden;
  color: var(--text-black-50);
  font-size: 1.25rem;
  line-height: 1.4;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.collection-slider-text__item-button {
  margin: 0 !important;
}
.collection-slider-text__pagination {
  --swiper-pagination-bottom: 0;
}
@media (max-width: 640px) {
  .collection-slider-text {
    margin-top: 10px;
    padding-bottom: 2.625rem;
  }
  .collection-slider-text__slide {
    padding: 8px 10px;
    font-size: 14px;
  }
  .collection-slider-text__item-title {
    margin-bottom: 0.5rem;
    font-size: 1.25rem;
  }
  .collection-slider-text__item-description {
    margin-bottom: 1rem;
    font-size: 0.875rem;
  }
}
.search-menu {
  --padding-x: var(--container-padding-sm);
  position: fixed;
  top: var(--header-height);
  bottom: 0;
  left: 0;
  z-index: 5;
  box-sizing: border-box;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
}
.search-menu * {
  pointer-events: none;
}
._search-menu-opened .search-menu {
  opacity: 1;
  visibility: visible;
}
._search-menu-opened .search-menu * {
  pointer-events: initial;
}
@media (max-width: 640px) {
  .search-menu {
    top: 0;
  }
}
.search-menu__overlay {
  background-color: var(--text-black-40);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  content: "";
}
.search-menu__form {
  position: sticky;
  top: 0;
  display: flex;
  gap: 0.5rem;
  padding: 1rem var(--padding-x);
  background: var(--background-white);
}
._no-scroll .search-menu__form {
  padding-right: calc(var(--padding-x) + var(--tua-pad-right, 0));
}
@media (max-width: 640px) {
  .search-menu__form {
    gap: 0.875rem;
  }
}
.search-menu__input {
  flex-grow: 1;
}
.search-menu__close._size-m {
  padding: 0.6875rem 0.875rem 0.5625rem;
  font-size: var(--mob-body-l-size);
}
@media (max-width: 640px) {
  .search-menu__close._size-m {
    display: none;
  }
}
.search-menu__mobile-close {
  display: none;
}
@media (max-width: 640px) {
  .search-menu__mobile-close {
    display: inline-flex;
    padding: 0 1px !important;
  }
}
.search-menu__result {
  box-sizing: border-box;
  height: calc(90vh - 4.5rem - var(--header-height));
  overflow: auto;
  border-radius: 0 0 var(--section-bd-radius) var(--section-bd-radius);
  background-color: var(--background-white);
}
.search-menu__result > :last-child {
  margin-bottom: 1.5rem;
}
@media (max-width: 640px) {
  .search-menu__result {
    height: calc(100svh - 4.5rem);
    border-radius: 0;
  }
}
.search-menu__tags {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  gap: 0.375rem;
  margin-bottom: 1rem;
  padding: 0.5rem var(--padding-x);
  box-sizing: border-box;
  overflow: auto;
  background-color: var(--background-gray);
  scrollbar-width: 0;
}
.search-menu__tags:empty {
  display: none;
}
.search-menu__tags::-moz-scrollbar {
  display: none;
}
.search-menu__tags::-webkit-scrollbar {
  display: none;
}
.search-menu__tags::scrollbar {
  display: none;
}
.search-menu__title {
  margin-block: 1.375rem 0.25rem;
  color: var(--text-black-50);
}
.hidden + .search-menu__title,
.search-menu__title:first-child {
  margin-top: 0.75rem;
}
@media (max-width: 640px) {
  .search-menu__title {
    margin-top: 0.875rem;
  }
  .search-menu__title:first-child {
    margin-top: 0;
  }
}
.search-menu__text {
  margin-block: 0.625rem 1.75rem;
  color: var(--text-black-50);
  font-size: var(--mob-body-m-size);
}
.search-menu__text b {
  color: var(--text-black);
  font-weight: 400;
}
.search-menu__cards-list {
  display: flex;
  gap: 0.5rem;
  padding-top: 0.25rem;
}
.search-menu__cards-list > * {
  width: 13.125rem;
}
@media (max-width: 640px) {
  .search-menu__cards-list {
    padding-bottom: 0.625rem;
  }
  .search-menu__cards-list > * {
    width: 9.625rem;
  }
}
.search-menu__list {
  --line-height: 1.625rem;
  --rows: 3;
  display: flex;
  flex-direction: column;
}
.search-menu__list._show-more {
  max-height: calc(var(--line-height) * var(--rows));
  overflow: hidden;
}
.search-menu__list._show-more._active {
  max-height: none;
}
@media (max-width: 640px) {
  .search-menu__list {
    --line-height: 2.0625rem;
    font-size: var(--mob-body-l-size);
  }
}
.search-menu__link {
  display: inline-block;
  padding: 0.25rem 0;
}
:where(html._desktop) .search-menu__link:hover {
  opacity: 0.7;
}
@media (max-width: 640px) {
  .search-menu__link {
    padding: 0.375rem 0;
  }
}
.search-menu__button {
  padding: 0;
  border: 0;
  background: 0;
  outline: 0;
  color: inherit;
  text-decoration: none;
  font-family: inherit;
  cursor: pointer;
  touch-action: manipulation;
  display: inline-flex;
  align-items: center;
  gap: 0.125rem;
  padding: 0.1875rem 0;
  font-size: var(--desk-body-s-size);
}
.search-menu__button._more {
  margin-top: 0;
  color: var(--text-black-40);
}
.search-menu__button._more[aria-expanded="true"] .search-menu__button-icon {
  rotate: 180deg;
}
@media (max-width: 640px) {
  .search-menu__button {
    font-size: var(--desk-body-xs-size);
  }
  .search-menu__button._more {
    padding-top: 0.1875rem;
  }
}
:where(html._desktop) .search-menu__button:hover {
  opacity: 0.7;
}
@media (max-width: 640px) {
  .search-menu__button {
    padding: 0.5rem 0;
  }
}
.search-menu__button-icon {
  --size: 0.75rem;
  width: var(--size);
  height: var(--size);
}
.tabbar {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 4;
  display: none;
  padding: 0.375rem;
  box-sizing: border-box;
  width: 100%;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  background-color: var(--background-white);
}
._no-scroll .tabbar {
  margin-right: var(--tua-pad-right, 0);
}
._popup-opened-menu .tabbar {
  z-index: 50;
}
@media (max-width: 640px) {
  .tabbar {
    display: block;
  }
}
.order-total tr,
.tabbar__list {
  display: flex;
  justify-content: space-between;
}
.tabbar__link {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5625rem;
  padding: 1rem;
  border-radius: 0.75rem;
  color: var(--icon-tabbar);
}
.tabbar__link[aria-current="page"] {
  background-color: var(--control-secondary);
  color: var(--icon-black);
}
.tabbar__action-count {
  position: absolute;
  top: 0.75rem;
  left: 1.5625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.2188rem;
  box-sizing: border-box;
  min-width: 1rem;
  height: 1rem;
  border: 0.125rem solid var(--icon-white);
  border-radius: 100vmax;
  background-color: var(--icon-black);
  color: var(--icon-white);
  font-size: 0.625rem;
  line-height: 1;
  font-weight: 400;
  transition: opacity 0.3s ease-out;
  transform: translateZ(0);
  will-change: transform;
}
[aria-current="page"] .tabbar__action-count {
  border-color: var(--control-secondary);
}
.tabbar__action-count:empty {
  opacity: 0;
}
.tabbar__action-count._bounce {
  animation: bounce 0.6s ease-in-out;
}
.tabbar__link-text {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
[aria-current="page"] .tabbar__link-text {
  position: static;
  opacity: 1;
  pointer-events: auto;
}
.tabbar__icon {
  --size: 1.25rem;
  width: var(--size);
  height: var(--size);
  fill: none;
}
[aria-current="page"] .tabbar__icon {
  fill: currentColor;
}
.main-hero {
  --slider-speed: 1s;
  position: relative;
  height: 100vh;
  min-height: 50rem;
  overflow: hidden;
  border-bottom-right-radius: var(--section-bd-radius);
  border-bottom-left-radius: var(--section-bd-radius);
  color: var(--text-white);
}
@media (max-width: 640px) {
  .main-hero {
    height: calc(
      100 * var(--svh, 1svh) - var(--tabbar-height) - var(--section-gap) * 2
    );
    min-height: 37.375rem;
  }
}
.main-hero__slider {
  background-color: var(--text-secondary);
}
.main-hero__pagination {
  --swiper-pagination-bottom: 2.625rem;
  z-index: 2;
}
@media (max-width: 640px) {
  .main-hero__pagination {
    --swiper-pagination-bottom: 1.125rem;
  }
}
.main-hero__nav {
  padding: 0;
  border: 0;
  background: 0;
  outline: 0;
  color: inherit;
  text-decoration: none;
  font-family: inherit;
  cursor: pointer;
  touch-action: manipulation;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 640px) {
  .main-hero__nav {
    display: none;
  }
}
.main-hero__content {
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-block: var(--header-height) 7.5rem;
  box-sizing: border-box;
}
@media (max-width: 640px) {
  .main-hero__content {
    padding-bottom: 4rem;
  }
}
.main-hero__title {
  margin-top: 4.5rem;
  margin-bottom: 3.75rem;
}
@media (max-width: 640px) {
  .main-hero__title {
    margin-top: 5.9375rem;
    margin-bottom: 2.25rem;
  }
}
.main-hero__cards {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 4.5rem;
}
@media (max-width: 640px) {
  .main-hero__cards {
    margin-bottom: 2rem;
  }
}
.main-hero__card {
  aspect-ratio: 98/118;
  width: 6.125rem;
  height: auto;
  overflow: hidden;
  border-radius: 0.5275rem;
}
.main-hero__card:nth-child(1) {
  margin-top: 0.4375rem;
  margin-inline: -1rem;
  rotate: -2.5deg;
}
.main-hero__card:nth-child(2) {
  rotate: 8.6deg;
}
.main-hero__card a {
  display: inline-block;
}
@media (max-width: 640px) {
  .main-hero__card {
    width: 5.375rem;
  }
  .main-hero__card:nth-child(1) {
    margin-left: 0.5rem;
  }
}
.main-hero__card-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.main-hero__button._size-l {
  margin-top: auto;
  font-size: var(--desk-body-l-size);
}
@media (max-width: 640px) {
  .main-hero__button._size-l {
    font-size: var(--mob-body-l-size);
  }
}
.main-hero__background {
  z-index: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.main-hero__background::after {
  content: "";
  background: var(--background-black);
  opacity: 0.36;
  pointer-events: none;
}
.product-info {
  --bd-radius: var(--border-radius-small);
  padding-block: 1.25rem 4rem;
  overflow: initial;
  border-radius: var(--border-radius-default);
  background: var(--background-white);
}
@media (max-width: 640px) {
  .product-info {
    padding: 0;
    padding-top: 3.5rem;
  }
}
.product-info .swiper,
.product-info img {
  width: 100%;
  height: 100%;
}
.product-info img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}
.product-info__container {
  display: grid;
  grid-template-columns: minmax(18.75rem, 1fr) minmax(0, 31.8125rem);
  align-items: flex-start;
  gap: 2.625rem;
}
@media (max-width: 640px) {
  .product-info__container {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 0;
    width: 100%;
  }
}
.product-info__pagination {
  --swiper-pagination-bottom: 1rem;
}
.product-info__pagination._bg-white {
  left: 50%;
  display: flex;
  align-items: center;
  padding-block: 0.4375rem;
  transform: translateX(-50%);
}
.product-info__pagination._bg-white .swiper-pagination-bullet {
  --swiper-pagination-bullet-width: 0.375rem;
  --swiper-pagination-bullet-height: 0.375rem;
  flex-shrink: 0;
}
.product-info__gallery-container {
  position: sticky;
  top: 5rem;
  width: 100%;
  overflow: hidden;
  border-radius: var(--bd-radius);
}
@media (max-width: 640px) {
  .product-info__gallery-container {
    position: relative;
    top: 0;
    border-radius: var(--border-radius-default-mobile)
      var(--border-radius-default-mobile) 0 0;
  }
}
.product-info__label-text {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  z-index: 2;
  display: none;
  padding: 0.125rem 0.4375rem;
  border-radius: var(--border-radius-xxs);
  background: var(--background-white);
  color: var(--text-black-40);
  font-size: var(--desk-body-s-size);
  line-height: 1.42;
}
@media (max-width: 640px) {
  .product-info__label-text {
    display: block;
  }
}
.product-info__label-button {
  position: absolute;
  right: 0.6875rem;
  bottom: 0.75rem;
  z-index: 2;
  display: none;
}
@media (max-width: 640px) {
  .product-info__label-button {
    display: block;
  }
}
.product-gallery,
.product-gallery__control::after,
.product-gallery__control::before {
  display: none;
}
.product-gallery._active {
  position: relative;
  z-index: 3;
  display: block;
}
.product-gallery__control {
  padding: 0;
  border: 0;
  background: 0;
  outline: 0;
  color: inherit;
  text-decoration: none;
  font-family: inherit;
  cursor: pointer;
  touch-action: manipulation;
  --size: 2.25rem;
  width: var(--size);
  height: var(--size);
  border-radius: 100vmax;
  background: var(--background-white);
}
.product-gallery__control svg {
  --size: 1.5rem;
  width: var(--size);
  height: var(--size);
}
.product-gallery__control._prev {
  right: auto;
  left: 1.25rem;
}
.product-gallery__control._prev svg {
  transform: rotate(180deg);
}
.product-gallery__control._next {
  right: 1.25rem;
  left: auto;
}
.product-gallery__nav {
  position: absolute;
  top: 50%;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  padding: 0 1.25rem;
  box-sizing: border-box;
  width: 100%;
  transform: translateY(-50%);
}
@media (max-width: 640px) {
  .product-gallery__nav {
    display: none;
  }
}
.product-gallery .swiper-slide {
  aspect-ratio: 542/708;
  max-width: 67.1%;
  max-height: calc(100vh - 7.5rem);
  overflow: hidden;
  border-radius: var(--bd-radius);
}
@media (max-width: 768px) {
  .product-gallery .swiper-slide {
    max-width: 100%;
    max-height: initial;
  }
}
@media (max-width: 640px) {
  .product-gallery .swiper-slide {
    border-radius: 0;
    aspect-ratio: 375/462;
  }
}
.product-preview {
  --bd-radius: 0.25rem;
  margin-bottom: 2.625rem;
  max-width: 28.6875rem;
}
@media (max-width: 640px) {
  .product-preview {
    margin-bottom: 0;
    max-width: initial;
  }
}
.product-preview .swiper {
  overflow: initial;
}
.product-preview .swiper._limited .swiper-slide:nth-child(8) ~ .swiper-slide {
  display: none;
}
@media (max-width: 640px) {
  .product-preview .swiper._limited .swiper-slide:nth-child(8) ~ .swiper-slide {
    display: block;
  }
}
.product-preview .swiper-wrapper {
  flex-wrap: wrap;
  gap: 0.5rem;
}
@media (max-width: 640px) {
  .product-preview .swiper-wrapper {
    flex-wrap: nowrap;
    padding: var(--container-padding);
    box-sizing: border-box;
    overflow-x: auto;
  }
  .product-preview .swiper-wrapper::-moz-scrollbar {
    display: none;
  }
  .product-preview .swiper-wrapper::-webkit-scrollbar {
    display: none;
  }
  .product-preview .swiper-wrapper::scrollbar {
    display: none;
  }
}
.product-preview .swiper-slide {
  width: 3.125rem;
  height: 4.25rem;
  overflow: hidden;
  border-radius: var(--bd-radius);
  cursor: pointer;
}
@media (hover: hover) {
  .product-preview .swiper-slide:hover {
    opacity: 0.8;
  }
}
.product-preview .swiper-slide._active,
.product-preview .swiper-slide.swiper-slide-thumb-active {
  position: relative;
  overflow: initial;
  opacity: 1;
}
.product-preview .swiper-slide._active::after,
.product-preview .swiper-slide.swiper-slide-thumb-active::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(100% + 0.1875rem);
  height: calc(100% + 0.1875rem);
  border: 1px solid var(--text-black);
  border-radius: inherit;
  content: "";
  transform: translate(-50%, -50%);
}
.product-preview__img {
  border-radius: var(--bd-radius);
}
.product-details {
  padding-top: 1.5rem;
}
@media (max-width: 640px) {
  .product-details {
    display: flex;
    flex-direction: column;
    padding-top: 0;
    width: 100%;
    background: var(--background-gray);
  }
}
.product-details__prices-details {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
@media (max-width: 640px) {
  .product-details__prices-details {
    margin-bottom: 0.75rem;
  }
}
.product-details__prices {
  font-family: 'Roboto', sans-serif;
  display: flex;
  gap: 0.9375rem;
  font-size: var(--desk-heading-m-size);
  line-height: 1.2;
}
@media (max-width: 640px) {
  .product-details__prices {
    font-family: 'Roboto', sans-serif;
    gap: 0.625rem;
    font-size: var(--mob-heading-l-size);
  }
}
.product-details__price-old {
  color: var(--text-secondary);
  text-decoration: line-through;
}
.product-details__bonuses {
  top: -0.25rem;
  margin-left: auto;
}
.product-details__dolyami {
  margin-bottom: 1.75rem;
}
@media (max-width: 640px) {
  .product-details__dolyami {
    margin-bottom: 0;
  }
}
.product-details__gallery-preview {
  display: flex;
  margin-bottom: 2.625rem;
  height: 4.25rem;
  background: var(--background-secondary);
}
.product-details__model-info {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.5625rem;
  color: var(--text-black-50);
}
.product-details__model-info-item {
  display: flex;
  gap: 0.25rem;
}
.product-details__guide-sizes {
  margin-bottom: 1.5rem;
}
.product-details__sizes {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
.product-details__sizes._mobile {
  display: none;
}
@media (max-width: 640px) {
  .product-details__sizes {
    display: none;
  }
  .product-details__sizes._mobile {
    display: flex;
    margin-inline: calc(-1 * var(--container-padding));
    padding-inline: var(--container-padding);
    overflow: auto;
  }
  .product-details__sizes::-moz-scrollbar {
    display: none;
  }
  .product-details__sizes::-webkit-scrollbar {
    display: none;
  }
  .product-details__sizes::scrollbar {
    display: none;
  }
}
.product-details__size {
  width: 8.0625rem;
}
.product-details__actions {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 640px) {
  .product-details__actions {
    margin-bottom: 0;
  }
}
.product-details__accordions {
  display: none;
}
@media (max-width: 640px) {
  .product-details__accordions {
    display: block;
  }
}
.product-details__buttons-popup {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  margin-bottom: 2.5rem;
}
@media (max-width: 640px) {
  .product-details__buttons-popup {
    display: none;
  }
}
.product-details__buttons-popup-item {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
@media (max-width: 640px) {
  .product-details__show-information {
    display: none;
  }
}
@media (hover: hover) {
  .product-details__show-information:hover {
    opacity: 0.6;
  }
}
.product-details__show-information:active {
  opacity: 1;
}
.product-details__availability._mobile {
  display: none;
}
@media (max-width: 640px) {
  .product-details__availability._mobile {
    display: flex;
  }
  .product-details__availability._desktop,
  .product-details__gift {
    display: none;
  }
  .product-details__add-to-cart {
    flex-grow: 1;
  }
}
.product-fashions__title {
  margin-bottom: 1.25rem;
  font-size: var(--desk-heading-s-size);
}
.product-fashions__cards {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media (max-width: 640px) {
  .product-fashions__cards {
    gap: 1rem;
  }
}
.section-mobile._fixed-actions {
  display: none;
}
@media (max-width: 640px) {
  .section-mobile {
    margin-bottom: 0.25rem;
    padding: var(--container-padding);
    border-radius: var(--border-radius-default-mobile);
    background: var(--background-white);
  }
  .section-mobile._preview {
    order: -10;
    margin-top: 0.25rem;
    padding: 0;
  }
  .section-mobile._no-padding {
    padding: 0;
  }
  .section-mobile._fixed-actions {
    position: fixed;
    right: 0;
    bottom: 3rem;
    left: 0;
    z-index: 4;
    display: block;
    margin: 0;
    visibility: hidden;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
}
.team {
  position: relative;
  z-index: 0;
}
@media (max-width: 640px) {
  .team {
    padding-bottom: 0;
  }
}
.team__container {
  display: flex;
  flex-direction: column;
  align-items: start;
}
.team__title {
  margin-bottom: 23.6875rem;
}
@media (max-width: 640px) {
  .team__title {
    display: none;
  }
}
.team__link._size-xl {
  position: relative;
  z-index: 2;
  gap: 0.25rem 1.25rem;
  padding-bottom: 1.1875rem;
}
@media (max-width: 640px) {
  .team__link._size-xl {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 0 1.25rem;
    order: 2;
    margin: 0 calc(-1 * var(--container-padding));
    padding: var(--container-padding);
    padding-bottom: 1.25rem;
    border-radius: 0;
  }
}
.team__link-text {
  display: flex;
  align-items: baseline;
  gap: 0.6875rem;
  line-height: 3.125rem;
}
@media (max-width: 640px) {
  .team__link-text {
    gap: 0.5rem;
    font-size: var(--mob-heading-l-size);
    line-height: 1.875rem;
  }
}
.team__sm-text {
  position: relative;
  top: -0.1875rem;
  font-size: var(--desk-team-x-size);
}
@media (max-width: 640px) {
  .team__sm-text {
    font-size: var(--mob-team-x-size);
  }
}
.team__mobile-text {
  display: none;
}
@media (max-width: 640px) {
  .team__mobile-text {
    display: block;
    width: 100%;
    opacity: 0.5;
  }
}
.team__link-logo {
  position: relative;
  top: 0.125rem;
  display: flex;
  width: 13.75rem;
  height: 2rem;
}
@media (max-width: 640px) {
  .team__link-logo {
    width: 7.8125rem;
    height: 1.125rem;
  }
}
.team__link-arrow {
  --size: 1.5rem;
  position: relative;
  top: -0.1875rem;
  width: var(--size);
  height: var(--size);
}
@media (max-width: 640px) {
  .team__link-arrow {
    --size: 1rem;
  }
}
.team__img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 51.375rem;
  height: auto;
  aspect-ratio: 822/518;
}
@media (max-width: 640px) {
  .team__img {
    position: static;
    margin-inline: calc(-1 * var(--container-padding));
    width: calc(100% + 2 * var(--container-padding));
    aspect-ratio: 375/211;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
  }
}
.collection {
  position: relative;
  padding-block: 5rem;
}
@media (max-width: 640px) {
  .collection {
    padding-block: 2rem 0;
  }
}
.cases {
  position: relative;
  display: flex;
  flex-direction: column;
}
.cases__title {
  margin-block: 1.3125rem 0.25rem;
}
@media (max-width: 640px) {
  .cases__title {
    margin: 0;
  }
}
.cases__gallery {
  margin-top: 6.125rem;
}
@media (max-width: 640px) {
  .cases__gallery {
    margin-top: 1.5rem;
  }
}
.cases__button._size-l {
  align-self: center;
  margin-block: 2.5625rem 3rem;
  font-size: var(--desk-body-l-size);
}
@media (max-width: 640px) {
  .cases__button._size-l {
    margin-block: 1.6875rem 1.25rem;
    padding: 0.5rem 1.25rem;
    font-size: var(--mob-body-l-size);
  }
}
.subscribe {
  position: relative;
  z-index: 0;
  padding-block: 18rem 5rem;
}
.subscribe::after {
  position: absolute;
  inset: 0;
  background: var(--icon-black-20);
  content: "";
  pointer-events: none;
}
@media (max-width: 640px) {
  .subscribe {
    padding: 0;
  }
  .subscribe::after {
    content: none;
  }
}
.subscribe__container {
  position: relative;
  z-index: 2;
  margin: 0 auto;
  padding: 2rem 2rem 2.5rem;
  box-sizing: border-box;
  max-width: 32.5rem;
  border-radius: 1rem;
  background-color: var(--background-white);
}
@media (max-width: 640px) {
  .subscribe__container {
    padding: var(--container-padding);
    padding-bottom: 1.75rem;
    max-width: none;
    background: var(--control-black-gradient);
    color: var(--text-white);
  }
}
.subscribe__title {
  margin-bottom: 1.25rem;
  letter-spacing: 0.01em;
}
@media (max-width: 640px) {
  .subscribe__title {
    margin-bottom: 1rem;
  }
}
.subscribe__text {
  max-width: 25rem;
  opacity: 0.5;
  line-height: 1.4;
}
@media (max-width: 640px) {
  .subscribe__text {
    font-size: var(--mob-body-m-size);
  }
}
.subscribe__form {
  margin-top: 2rem;
}
@media (max-width: 640px) {
  .subscribe__form {
    margin-top: 1.25rem;
  }
}
.subscribe__submit._size-l {
  margin-top: 2.625rem;
  font-size: var(--desk-body-l-size);
}
@media (max-width: 640px) {
  .subscribe__submit._size-l {
    margin-top: 1.375rem;
    background: var(--background-white);
    color: var(--text-black-subscribe);
    font-size: var(--mob-body-l-size);
  }
  .subscribe__submit._size-l::before {
    content: none;
  }
  .subscribe__img {
    display: none;
  }
}
.shops {
  position: relative;
}
.shops__controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1.875rem;
  width: 100%;
}
@media (max-width: 640px) {
  .shops__controls {
    margin-top: 0.5rem;
  }
}
.shops__nav {
  position: absolute;
  top: 0;
  right: 0;
  gap: 1.25rem;
  transform: translateY(-4.75rem);
}
.shops__tabs-list {
  margin: 0;
}
.buyers__table caption {
  margin-bottom: 1.1875rem;
}
@media (max-width: 640px) {
  .buyers__table caption {
    margin-bottom: 0.375rem;
    text-align: left;
  }
}
.buyers__table._levels {
  margin: 0 auto;
  max-width: 25rem;
}
.buyers__table._levels td {
  padding-right: 2.75rem;
  padding-bottom: 0;
  white-space: nowrap;
}
.buyers__table._levels td:first-child {
  text-align: right;
}
.buyers__table._levels td:last-child {
  padding-right: 0;
}
@media (max-width: 640px) {
  .buyers__table._levels td {
    padding-right: 0.75rem;
  }
}
.buyers__tabs-list {
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 0;
}
@media (max-width: 640px) {
  .buyers__tabs-list {
    justify-content: flex-start;
    gap: 0.375rem;
  }
}
.buyers__content-inner {
  margin: 0 auto;
  max-width: 42.5rem;
}
.buyers-section {
  margin-bottom: 0.5rem;
  padding: 4rem 1rem;
  box-sizing: border-box;
  border-radius: var(--border-radius-default);
  background: var(--background-white);
}
.buyers-section._tabs {
  padding: 1rem;
}
@media (max-width: 640px) {
  .buyers-section {
    margin-bottom: 0.25rem;
    padding: 1rem;
    border-radius: var(--border-radius-default-mobile);
  }
}
.favorites .card {
  aspect-ratio: initial;
}
.favorites .card__img-wrapper {
  margin-inline: 0;
}
.favorites .card__btn,
html._ios .favorites .card__btn,
html._mac .favorites .card__btn {
  padding-inline: 1.5rem;
}
@media (max-width: 768px) {
  .favorites .card__btn,
  html._ios .favorites .card__btn,
  html._mac .favorites .card__btn {
    padding-inline: 1rem;
  }
}
.favorites__section {
  margin-bottom: 0.5rem;
  padding: var(--container-padding) 0;
  border-radius: var(--section-bd-radius);
  background-color: var(--background-white);
}
.favorites__section._mobile {
  margin-bottom: 0;
  padding: 0;
}
@media (max-width: 640px) {
  .favorites__section {
    box-sizing: border-box;
    width: 100%;
  }
  .favorites__section._desktop {
    padding: 0;
    background-color: transparent;
  }
  .favorites__section._mobile {
    margin-bottom: 0;
    padding: var(--container-padding);
  }
}
.favorites__container {
  --cols: 4;
  display: grid;
  grid-template-columns: minmax(15.625rem, 25rem) auto;
  align-items: flex-start;
  gap: 1.25rem;
}
.favorites__container._no-available {
  --cols: 6;
  display: block;
}
@media (max-width: 640px) {
  .favorites__container {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin: 0;
    width: 100%;
  }
}
.favorites__soon {
  padding: 1.125rem 1.25rem 0.625rem;
  border: 1px solid var(--border-black-8);
  border-radius: var(--border-radius-small);
}
@media (max-width: 640px) {
  .favorites__soon {
    padding: 0;
    box-sizing: border-box;
    width: 100%;
    border: 0;
    border-radius: 0;
  }
}
.favorites__soon-title {
  margin-bottom: 0.875rem;
  font-size: var(--desk-heading-s-size);
  line-height: 1.2;
}
@media (max-width: 640px) {
  .favorites__soon-title {
    margin-bottom: 1.125rem;
  }
}
.favorites__soon-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(6.25rem, 10.75rem));
  gap: 1rem;
}
@media (max-width: 640px) {
  .favorites__soon-list {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 768px) {
  .favorites__soon-list .card__title {
    margin-bottom: 0.25rem;
  }
}
.favorites__soon-list .card__btn {
  margin-top: 1.1875rem;
}
@media (max-width: 768px) {
  .favorites__soon-list .card__btn {
    margin-top: 0.5625rem;
  }
}
.favorites__soon-list .card__img-wrapper.swiper {
  border-radius: var(--border-radius-xs);
}
@media (max-width: 768px) {
  .favorites__soon-list .card__img-wrapper.swiper {
    border-radius: var(--border-radius-xxs);
  }
}
.favorites__cards {
  display: grid;
  grid-template-columns: repeat(var(--cols), minmax(6.25rem, 13.125rem));
  gap: 1.25rem;
}
@media (max-width: 768px) {
  .favorites__cards {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    width: 100%;
  }
  .favorites__cards .card {
    display: grid;
  }
  .favorites__cards .card__img-wrapper {
    aspect-ratio: 163/225;
  }
  .favorites__cards .card__img-wrapper.swiper {
    margin-bottom: 0.625rem;
  }
  .favorites__cards .card__price {
    margin-bottom: 0.25rem;
  }
}
.cart-empty,
.favorites-empty {
  padding-block: 5rem;
  text-align: center;
}
@media (max-width: 640px) {
  .cart-empty,
  .favorites-empty {
    padding-block: 1.875rem 2.25rem;
  }
}
.cart-empty__container,
.favorites-empty__container {
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  width: auto;
}
.cart-empty__icon,
.favorites-empty__icon {
  margin-bottom: 2rem;
  width: 5.125rem;
  height: 5.5rem;
}
@media (max-width: 640px) {
  .cart-empty__icon,
  .favorites-empty__icon {
    --size: 4.5rem;
    margin-bottom: 1.5rem;
    width: var(--size);
    height: var(--size);
  }
}
.favorites-empty__title {
  margin-bottom: 1.125rem;
}
@media (max-width: 640px) {
  .cart-empty__title,
  .favorites-empty__title {
    margin-bottom: 0.5rem;
  }
}
.cart-empty__text,
.favorites-empty__text {
  margin: 0 auto;
  max-width: 15.3125rem;
  color: var(--text-black-50);
}
.cart-empty__arrow,
.favorites-empty__arrow {
  position: absolute;
  top: 1.875rem;
  right: -3.875rem;
  width: 5.125rem;
  height: 11.9375rem;
}
@media (max-width: 640px) {
  .cart-empty__arrow,
  .favorites-empty__arrow {
    right: -0.3125rem;
    width: 4rem;
    height: 7.8125rem;
  }
}
.sizes-tooltip {
  position: absolute;
  top: 0.75rem;
  right: 4.5rem;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  gap: 1.125rem;
}
@media (max-width: 640px) {
  .sizes-tooltip {
    display: none;
  }
}
.sizes-tooltip__list {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  background: var(--background-black);
  color: var(--text-white);
  font-size: var(--desk-body-s-size);
  line-height: 1.42;
  opacity: 0;
  pointer-events: none;
}
.sizes-tooltip__list._active {
  opacity: 1;
  pointer-events: all;
}
.sizes-tooltip__list::after {
  position: absolute;
  top: 0.75rem;
  right: -0.625rem;
  width: 0.625rem;
  height: 1.25rem;
  background: url(
      data:image/svg + xml;charset=utf-8,
      %3Csvg%20viewBox%3D%220%200%2010%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0.0136127%20-4.36519e-07C0.287304%205.01428%204.6537%209%2010%209L10%2011C4.6537%2011%200.287303%2014.9857%200.0136119%2020L-8.74228e-07%2020L0%20-4.37114e-07L0.0136127%20-4.36519e-07Z%22%20fill%3D%22white%22%20fill-opacity%3D%220.2%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0.0136127%20-4.36519e-07C0.287304%205.01428%204.6537%209%2010%209L10%2011C4.6537%2011%200.287303%2014.9857%200.0136119%2020L-8.74228e-07%2020L0%20-4.37114e-07L0.0136127%20-4.36519e-07Z%22%20fill%3D%22url\(
          %23paint0_linear_3154_198378\)%22%2F%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_3154_198378%22%20x1%3D%222%22%20y1%3D%2210%22%20x2%3D%2210%22%20y2%3D%2210%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-opacity%3D%220%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E
    )
    no-repeat 0 0;
  content: "";
}
.sizes-tooltip__list-item {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.product-header {
  position: fixed;
  top: 3.375rem;
  z-index: -1;
  padding: 0.5rem;
  width: 100%;
  box-shadow: 0 1px 0.75rem 0 rgba(0, 0, 0, 0.16);
  background: var(--background-white);
  opacity: 0;
}
@media (max-width: 640px) {
  .product-header {
    display: none;
  }
}
.product-header._showed {
  opacity: 1;
  z-index: 2;
}
.product-header__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.product-header__content {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.product-header__img-wrapper {
  --size: 3.375rem;
  position: relative;
  width: var(--size);
  height: var(--size);
  overflow: hidden;
  border-radius: var(--border-radius-xxs);
}
.product-header__actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.4375rem 0;
}
.accessories,
.catalog-slider {
  position: relative;
}
.accessories__item::before {
  content: "";
  position: absolute;
  inset: -0.125rem;
  z-index: 1;
  border: 0.25rem solid var(--background-white);
  border-radius: 0.625rem;
  transform: translateZ(0);
  pointer-events: none;
}
@media (max-width: 640px) {
  .catalog-slider {
    padding-block: var(--container-padding);
  }
}
.catalog-slider__container {
  display: flex;
  gap: 1.5rem;
}
.catalog-slider__header {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: space-between;
  width: 33.0882352941%;
}
@media (max-width: 1024px) {
  .catalog-slider__header {
    width: 20%;
  }
}
@media (max-width: 640px) {
  .catalog-slider__header {
    display: none;
  }
}
.catalog-slider__title {
  color: var(--text-black-50);
}
@media (max-width: 1440px) and (min-width: 640px) {
  .catalog-slider__title {
    font-size: 40px;
  }
}
@media (max-width: 1440px) and (min-width: 640px) and (max-width: 1439px) {
  .catalog-slider__title {
    font-size: calc(20px + 20 * (100vw - 640px) / (800));
  }
}
@media (max-width: 1440px) and (max-width: 639px) {
  .catalog-slider__title {
    font-size: 20px;
  }
}
.catalog-slider__wrapper {
  margin-left: 0;
  padding-left: 0;
}
@media (max-width: 640px) {
  .catalog-slider__wrapper {
    margin-left: calc(-1 * var(--container-padding));
    padding-left: var(--container-padding);
  }
}
.catalog-slider__nav {
  gap: 1.25rem;
}
[data-favorite-button] {
  position: relative;
}
[data-favorite-button] svg._active {
  position: absolute;
  z-index: -1;
}
.profile-hero__label::before,
.up {
  left: 50%;
  transform: translateX(-50%);
}
.up {
  position: fixed;
  bottom: 1.5rem;
  z-index: -1;
  gap: 0.25rem;
  opacity: 0;
  transition: opacity 0.3s ease-out;
  pointer-events: none;
}
.up._showed {
  opacity: 1;
  z-index: 10;
  pointer-events: all;
}
.up._size-l {
  padding-inline: 1rem;
  box-sizing: border-box;
}
.up svg {
  --size: 1.5rem;
  order: -1;
  width: var(--size);
  height: var(--size);
  color: var(--icon-metallic);
}
html._ios .up svg,
html._mac .up svg {
  position: relative;
  top: -0.125rem;
}
.up span {
  padding-inline: 0.5rem;
}
html._ios .up span,
html._mac .up span {
  position: relative;
  top: -0.0625rem;
}
.profile-hero {
  position: relative;
  margin-bottom: 0.5rem;
  padding-top: 3rem;
  background: linear-gradient(135deg, #90f7ec 0, #32ccbc 100%),
    linear-gradient(0deg, #f87979 0, #f87979 100%),
    linear-gradient(180deg, #003068 0, #00629c 51.63%, #6d9bb5 100%), #fff;
  color: var(--text-white);
  text-align: center;
}
@media (max-width: 640px) {
  .profile-hero {
    margin-bottom: 0.25rem;
    padding-block: 1.125rem 0.875rem;
    border-radius: 0 0 var(--border-radius-default-mobile)
      var(--border-radius-default-mobile);
    background: var(--background-green);
  }
}
.profile-hero__menu-toggle,
.profile-hero__qr {
  position: absolute;
  top: 1.125rem;
  left: var(--container-padding);
  display: none;
}
@media (max-width: 640px) {
  .profile-hero__menu-toggle,
  .profile-hero__qr {
    display: block;
  }
}
.profile-hero__qr {
  right: calc(var(--container-padding));
  left: auto;
}
.profile-hero__qr._size-m._icon {
  --icon-size: 1.25rem;
  padding: 0;
  height: var(--icon-size);
  background: 0 0;
}
html._ios .profile-hero__qr._size-m,
html._mac .profile-hero__qr._size-m {
  padding: 0;
}
.profile-hero__btn-back {
  position: absolute;
  top: 3.75rem;
  left: var(--container-padding);
  color: var(--text-white);
}
.profile-hero__btn-back svg {
  --size: 2rem;
  width: var(--size);
  height: var(--size);
}
@media (max-width: 640px) {
  .profile-hero__btn-back {
    display: none;
  }
}
.profile-hero__label {
  position: relative;
  display: inline-flex;
  margin-bottom: 0.875rem;
  padding: 0.125rem 0.4375rem;
  border-radius: var(--border-radius-xs);
  background: var(--text-white-20);
  font-size: var(--desk-body-l-size);
}
.profile-hero__label::before {
  content: "";
  position: absolute;
  top: -0.625rem;
  width: 1.25rem;
  height: 0.625rem;
  background: url(
      data:image/svg + xml;charset=utf-8,
      %3Csvg%20viewBox%3D%220%200%2020%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20style%3D%22mix-blend-mode%3Ascreen%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%209.98639C5.01428%209.7127%209%205.3463%209%200H11C11%205.3463%2014.9857%209.7127%2020%209.98639V10H0V9.98639Z%22%20fill%3D%22url\(
          %23paint0_linear_3543_117679\)%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_3543_117679%22%20x1%3D%2210%22%20y1%3D%220%22%20x2%3D%2210%22%20y2%3D%2210%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22white%22%20stop-opacity%3D%220%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22white%22%20stop-opacity%3D%220.2%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E
    )
    no-repeat 0 0;
}
@media (max-width: 640px) {
  .profile-hero__label {
    margin-bottom: 0.625rem;
    font-size: var(--mob-body-m-size);
    line-height: 1.42;
  }
}
html._ios .profile-hero__label,
html._mac .profile-hero__label {
  padding: 0.1875rem 0.4375rem 0.125rem;
}
.profile-hero__title {
  margin-bottom: 1rem;
  font-size: var(--desk-heading-l-size);
}
@media (max-width: 640px) {
  .profile-hero__title {
    font-size: var(--mob-heading-m-size);
  }
}
.profile-hero__bonuses {
  margin-bottom: 3rem;
}
.profile-hero__bonuses span {
  color: var(--text-white-50);
}
@media (max-width: 640px) {
  .profile-hero__bonuses {
    margin-bottom: 2.5rem;
  }
}
.profile-hero__discount {
  display: flex;
  flex-direction: column;
  margin-bottom: 2.75rem;
  font-size: var(--desk-heading-l-size);
  line-height: 1.1;
}
.profile-hero__discount span {
  font-size: var(--mob-heading-s-size);
}
@media (max-width: 640px) {
  .profile-hero__discount {
    margin-bottom: 3.75rem;
    font-size: var(--mob-heading-xl-size);
  }
}
.profile-hero__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(10.25rem, 12.125rem));
  justify-content: center;
  gap: 1.25rem;
  margin-bottom: 2.625rem;
}
@media (max-width: 640px) {
  .profile-hero__list {
    gap: 0.75rem;
    margin-bottom: 3.5625rem;
  }
}
.profile-hero__list-item {
  padding: 0.5rem;
  box-sizing: border-box;
  border: 1px solid var(--border-white-8);
  border-radius: var(--border-radius-xs);
}
.profile-hero__list-title {
  color: var(--text-white-50);
}
.profile-hero__btn-how {
  margin: 0 auto;
}
@media (max-width: 640px) {
  .profile-hero__btn-how._size-l {
    font-size: var(--mob-body-m-size);
    line-height: 1.44;
  }
}
:where(html._desktop) .profile-hero__btn-how:hover {
  color: var(--text-white-70);
}
.levels__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
}
@media (max-width: 640px) {
  .levels__header {
    margin-bottom: 0.3125rem;
  }
}
.levels__title {
  font-size: var(--desk-body-l-size);
  line-height: 1.2;
  font-weight: 400;
}
@media (max-width: 640px) {
  .levels__title {
    font-size: var(--mob-heading-s-size);
    line-height: 1.2;
  }
  .levels__list {
    margin-left: -0.5rem;
  }
}
.levels__item {
  max-width: 10.6875rem;
  height: auto;
}
.levels__nav,
.order._certificate .order__submit {
  display: flex;
}
@media (max-width: 640px) {
  .levels__nav {
    display: none;
  }
}
.levels .swiper {
  margin: 0 calc(var(--container-padding) * -1);
  padding: 0 var(--container-padding);
}
.status-order {
  display: grid;
  grid-template-columns: auto minmax(0, 25rem);
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
@media (max-width: 640px) {
  .status-order {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin-bottom: 0.25rem;
  }
}
.status-order__status {
  padding-top: 2.875rem;
}
@media (max-width: 640px) {
  .status-order__status {
    padding-block: 1.0625rem 0.9375rem;
  }
}
.status-order__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 2.0625rem;
}
@media (max-width: 640px) {
  .status-order__header {
    margin-bottom: 1.25rem;
  }
}
.status-order__nav {
  display: flex;
  gap: 0.625rem;
  margin-top: 0.375rem;
}
@media (max-width: 640px) {
  .status-order__nav {
    display: none;
  }
}
.status-order__options {
  display: flex;
  flex-direction: column;
}
.status-order__content {
  margin-bottom: 0.5rem;
  padding: 1rem;
  border-radius: var(--border-radius-default-mobile);
  background: var(--background-white);
}
@media (max-width: 640px) {
  .status-order__content:first-child {
    display: none;
  }
}
.status-order__content:last-child {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  gap: 1.25rem;
  margin-bottom: 0;
  padding: 1rem 1.375rem;
  height: calc(100% - 6.25rem);
}
@media (max-width: 640px) {
  .status-order__content:last-child {
    padding: 0.875rem 1rem 0.75rem;
  }
}
.status-order .link-button {
  gap: 0.75rem;
  width: 100%;
}
.status-order .link-button svg {
  --size: 1.25rem;
  width: var(--size);
  height: var(--size);
  fill: transparent;
}
.status-order .link-button__arrow {
  margin-left: auto;
}
.status-order .link-button__text {
  margin-top: 0.125rem;
}
.cards-delivery {
  position: relative;
  margin: 0 calc(var(--container-padding) * -1);
  padding: 0 var(--container-padding);
  opacity: 0;
  animation: fade-in 0.5s ease-out 0.5s forwards;
}
.cards-delivery__list {
  gap: 1.25rem;
}
@media (max-width: 640px) {
  .cards-delivery__list {
    gap: 0.5rem;
  }
}
.cards-delivery__item {
  max-width: 24.5rem;
}
@media (max-width: 640px) {
  .cards-delivery__item {
    max-width: 93.567251462%;
  }
}
.cards-delivery .swiper-button-disabled {
  opacity: 0;
}
@media (max-width: 640px) {
  .cart-empty {
    padding-block: 9.3125rem 9.0625rem;
  }
}
.cart-empty__title {
  margin-bottom: 2.375rem;
}
@media (max-width: 640px) {
  .cart-empty__title {
    margin-bottom: 1.125rem;
  }
  .cart-empty__icon {
    margin-bottom: 1.875rem;
    width: 5.125rem;
    height: 5.25rem;
  }
}
.cart-empty__btn._size-l {
  padding: 0.625rem 1rem;
  font-size: 0.875rem;
}
.cart {
  display: grid;
  grid-template-columns: auto minmax(0, 34.375rem);
  gap: 0.5rem;
  margin-bottom: var(--section-gap);
}
@media (max-width: 768px) {
  .cart {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
  }
}
.cart__title {
  display: none;
}
@media (max-width: 768px) {
  .cart__title {
    display: block;
    margin-bottom: 1.25rem;
  }
}
.cart__section {
  background: var(--background-white);
}
.cart__list {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
@media (max-width: 768px) {
  .cart__list {
    gap: 1.25rem;
  }
}
.cart__fields {
  margin-bottom: 2.375rem;
}
@media (max-width: 768px) {
  .cart__fields {
    margin-bottom: 1.25rem;
  }
}
.cart__info {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.cart__info:not(:last-of-type) {
  margin-bottom: 1.125rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid var(--border-black-8);
}
@media (max-width: 768px) {
  .cart__info:not(:last-of-type) {
    padding-bottom: 0.625rem;
  }
}
.cart__info:last-of-type {
  margin-bottom: 1.5rem;
}
@media (max-width: 768px) {
  .cart__info:last-of-type {
    margin-bottom: 1.375rem;
  }
}
@media (max-width: 640px) {
  .cart__info {
    font-size: var(--mob-body-m-size);
  }
}
.cart__info-item {
  display: flex;
  justify-content: space-between;
  color: var(--text-secondary);
}
.cart__info-value {
  font-family: 'Roboto', sans-serif;
}
.cart__info-item:first-child,
.order-total tr:first-child {
  color: var(--text-black);
}
.cart__submit-button {
  margin-bottom: 0.625rem;
}
@media (max-width: 768px) {
  .cart__submit-button {
    margin-bottom: 0.75rem;
  }
}
.cart__dolyami {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.375rem;
  font-size: var(--desk-body-s-size);
  line-height: 1.32;
  letter-spacing: 0.0143em;
}
.cart__dolyami-icon {
  width: 3.375rem;
  height: 1rem;
}
.cart__dolyami-text {
  margin-top: 1px;
  color: var(--text-secondary);
}
.order {
  --section-bd-radius: 1rem;
  position: relative;
  display: grid;
  grid-template-columns: 1fr min(34.125rem, 45%);
  grid-template-areas: "list total" "user ." "delivery ." "receiver ." "promocode ." "bonus ." "gift ." "comment ." "pay ." "company .";
  gap: var(--section-gap);
}
.order._certificate {
  grid-template-areas: "list total" "user ." "delivery ." "gift .";
}
.order._certificate .order__section._delivery .order__section-container {
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 640px) {
  .order {
    display: flex;
    flex-direction: column;
  }
}
.order__title {
  margin-bottom: 1.25rem;
  font-size: var(--mob-heading-m-size);
  font-weight: 400;
}
.order__title._mb-sm {
  margin-bottom: 0.5625rem;
}
@media (max-width: 640px) {
  .order__title {
    margin-bottom: 1rem;
  }
}
.order__text {
  margin-bottom: 1.25rem;
  color: var(--text-black-50);
  font-size: var(--mob-body-m-size);
}
.order__section {
  position: relative;
  z-index: 0;
  grid-column: 1/2;
  padding: 1.25rem 0;
  border-radius: var(--section-bd-radius);
  background-color: var(--background-white);
  color: var(--text-black);
}
.order__section._user {
  grid-area: user;
}
@media (max-width: 640px) {
  .order__section._user {
    border-radius: 0 0 var(--section-bd-radius) var(--section-bd-radius);
  }
}
.order__section._delivery {
  grid-area: delivery;
}
.order__section._delivery .order__title {
  margin-bottom: 0;
}
.order__section._delivery .order__section-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.order__section._delivery._done .order__section-container {
  flex-direction: column;
  align-items: stretch;
}
.order__section._receiver {
  position: relative;
  z-index: 2;
  grid-area: receiver;
}
.order__section._pay-methods {
  grid-area: pay;
}
.order__section._company {
  grid-area: company;
}
.order__section._comment {
  grid-area: comment;
}
.order__section._list {
  grid-area: list;
}
.order__section._promocode {
  grid-area: promocode;
}
.order__section._gift {
  grid-area: gift;
}
.order__section._bonus {
  grid-area: bonus;
}
.order__section._total {
  position: sticky;
  top: calc(var(--header-height) + var(--section-gap));
  grid-row: 1 / span 2;
  grid-column: 2/3;
  height: -moz-min-content;
  height: min-content;
}
@media (max-width: 640px) {
  .order__section._delivery .order__title {
    margin-bottom: 1rem;
  }
  .order__section._delivery .order__section-container {
    display: block;
  }
  .order__section._total {
    position: static;
  }
}
.order__section-content {
  margin-top: 1.25rem;
}
.order__section-fields {
  margin-bottom: 0;
}
.order__section-msg {
  padding: 0.5rem 0.5rem 0.375rem;
  box-sizing: border-box;
  max-width: 29.25rem;
  border: 1px solid var(--control-error);
  border-radius: var(--border-radius-xs);
  color: var(--text-black-50);
  letter-spacing: 0.02em;
}
@media (max-width: 640px) {
  .order__section-msg {
    margin-bottom: 1rem;
    max-width: none;
  }
}
.order__switcher {
  flex-direction: row-reverse;
  gap: 1rem;
  width: -moz-fit-content;
  width: fit-content;
  font-size: var(--mob-heading-m-size);
}
@media (max-width: 640px) {
  .order__switcher {
    flex-direction: row;
    justify-content: space-between;
    width: auto;
  }
}
.order__button._delivery {
  padding-inline: 1.5rem;
}
@media (max-width: 640px) {
  .order__button._delivery {
    padding: 0.625rem;
    width: 100%;
    font-size: var(--mob-body-m-size);
  }
}
.order__bonus {
  position: relative;
}
.order__bonus-btn {
  margin-top: 0.5625rem;
}
.order__user {
  color: var(--text-secondary);
  font-size: var(--mob-body-m-size);
  line-height: 1.4;
}
.order__user-name {
  color: var(--text-black);
}
.order__user-btn {
  margin-top: 0.75rem;
}
.order__list > * + * {
  margin-top: 1rem;
}
.order__submit {
  margin-top: 1.5rem;
}
.order__gifts,
.order__pay-methods {
  display: flex;
  gap: 0.75rem;
  margin-inline: calc(-1 * var(--container-padding));
  padding: 0 var(--container-padding);
  overflow: auto;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
}
.order__gifts::-moz-scrollbar,
.order__pay-methods::-moz-scrollbar {
  display: none;
}
.order__gifts::-webkit-scrollbar,
.order__pay-methods::-webkit-scrollbar {
  display: none;
}
.order__gifts::scrollbar,
.order__pay-methods::scrollbar {
  display: none;
}
.order__gifts > *,
.order__pay-methods > * {
  scroll-snap-align: start;
  scroll-margin-inline: var(--container-padding);
}
.order__pay-methods .pay-method {
  min-width: 12.125rem;
}
.order__delivery {
  display: flex;
  color: var(--text-black-50);
  font-size: var(--mob-body-m-size);
  line-height: 1.4;
}
@media (max-width: 768px) {
  .order__delivery {
    flex-direction: column;
  }
}
.order__delivery-info {
  padding: 0 3rem;
}
.order__delivery-info:first-child {
  padding-left: 0;
}
.order__delivery-info + .order__delivery-info {
  padding-top: 0.75rem;
  border-left: 1px solid var(--border-black-8);
}
@media (max-width: 768px) {
  .order__delivery-info {
    padding: 0.75rem 0;
  }
  .order__delivery-info:first-child {
    padding-top: 0;
  }
  .order__delivery-info:last-child {
    padding-bottom: 0;
  }
  .order__delivery-info + .order__delivery-info {
    border-top: 1px solid var(--border-black-8);
    border-left: 0;
  }
}
.order__delivery-title {
  margin-bottom: 0.25rem;
}
.order__delivery-desc {
  font-size: var(--mob-body-s-size);
}
@media (max-width: 640px) {
  .order__footnote._left {
    max-width: 100%;
    text-align: center;
  }
}
.order-total {
  width: 100%;
  color: var(--text-secondary);
  font-size: var(--mob-body-m-size);
}
.order-total tbody,
.order-total tfoot {
  font-family: 'Roboto', sans-serif;
  display: grid;
  gap: 0.5rem;
}
.order-total th {
  text-align: left;
  font-weight: 400;
}
.order-total tfoot {
  margin-top: 0.875rem;
  padding-top: 0.8125rem;
  border-top: 1px solid var(--border-black-8);
}
.certificates {
  position: relative;
}
.certificates__nav {
  position: absolute;
  top: 44%;
  z-index: 1;
  display: flex;
  gap: 0.5rem;
  padding: var(--container-padding);
}
@media (max-width: 640px) {
  .certificates__nav {
    display: none;
  }
}
.certificates__slider {
  opacity: 0;
  animation: fade-in 0.5s ease-out 0.5s forwards;
}
@media (max-width: 640px) {
  .certificates__slider {
    margin: 0 calc(-1 * var(--container-padding));
    padding: 0 var(--container-padding);
  }
  .certificates__item {
    max-width: 90.6432748538%;
  }
  .certificates__section-mobile {
    display: flex;
    flex-direction: column;
    margin-bottom: 0.25rem;
    padding: var(--container-padding);
    border-radius: var(--border-radius-default-mobile);
    background: var(--background-white);
  }
}
.certificates__submit {
  display: none;
  align-self: center;
  margin-top: 1rem;
}
@media (max-width: 640px) {
  .certificates__submit {
    display: flex;
  }
}
.certificates .link-button {
  display: none;
  margin-bottom: 1rem;
}
@media (max-width: 640px) {
  .certificates .link-button {
    display: flex;
    gap: 0.75rem;
    margin-bottom: 1.125rem;
  }
}
.certificates .link-button__arrow {
  margin-left: auto;
}
.certificates .link-button__icon,
.certificates-list__header-back svg {
  --icon-size: 1.25rem;
}
.certificates .link-button__text {
  margin-top: 0.125rem;
}
.paper-certificate {
  padding-block: 2.5rem;
}
@media (max-width: 640px) {
  .paper-certificate {
    padding: 0;
    background: 0 0;
  }
  .paper-certificate__section-mobile {
    margin-bottom: 0.25rem;
    padding: var(--container-padding);
    border-radius: var(--border-radius-default-mobile);
    background: var(--background-white);
  }
  .paper-certificate__section-mobile:last-child {
    margin-bottom: 0;
  }
}
.paper-certificate__container {
  display: grid;
  grid-template-columns: minmax(0, 50.5rem) auto;
  gap: 1.5rem;
}
@media (max-width: 640px) {
  .paper-certificate__container {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    margin: 0;
    width: 100%;
  }
}
.paper-certificate__denomination {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 2.75rem;
  max-width: 28.125rem;
}
@media (max-width: 640px) {
  .paper-certificate__denomination {
    gap: 0.375rem;
    margin-bottom: 0;
  }
}
.paper-certificate__content {
  margin-top: 1.75rem;
}
@media (max-width: 640px) {
  .paper-certificate__content {
    margin-top: 0;
  }
}
.paper-certificate__prices-details,
.paper-certificate__submit-wrapper {
  max-width: 28.125rem;
}
.paper-certificate__prices-details {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.75rem;
}
@media (max-width: 640px) {
  .paper-certificate__prices-details {
    margin-bottom: 1rem;
  }
}
.paper-certificate__prices-data {
  margin-bottom: 2.125rem;
}
@media (max-width: 640px) {
  .paper-certificate__prices-data {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
  }
}
.paper-certificate__price {
  font-size: var(--desk-heading-m-size);
  line-height: 1.2;
}
@media (max-width: 640px) {
  .paper-certificate__price {
    font-size: var(--mob-heading-l-size);
    line-height: 1.2;
    letter-spacing: -0.02em;
  }
}
.paper-certificate__dolyami .link-button__text {
  font-size: var(--desk-body-m-size);
  line-height: 1.52;
}
@media (max-width: 640px) {
  .paper-certificate__dolyami .link-button__text {
    font-size: var(--mob-body-m-size);
    line-height: 1.14;
  }
  .paper-certificate__bonuses {
    height: 1.5rem;
  }
}
.paper-certificate__slider {
  width: 100%;
  height: 23.6875rem;
  overflow: hidden;
  border-radius: var(--border-radius-small);
}
@media (max-width: 640px) {
  .paper-certificate__slider {
    height: 28.875rem;
  }
}
.paper-certificate__slider-item {
  position: relative;
}
.paper-certificate__pagination {
  --swiper-pagination-bottom: 1.125rem;
  display: none;
}
@media (max-width: 640px) {
  .paper-certificate__pagination {
    display: flex;
    align-items: center;
    height: 1.125rem;
  }
  .paper-certificate__pagination.swiper-pagination {
    left: 50%;
    transform: translateX(-50%);
  }
}
.paper-certificate .filter-button {
  padding: 0.3125rem 1rem;
  font-size: var(--desk-body-l-size);
  line-height: 1.2;
}
@media (max-width: 640px) {
  .paper-certificate .filter-button {
    padding: 0.4375rem 1rem;
    font-size: var(--mob-body-m-size);
    line-height: 1.44;
  }
}
.about-certificates {
  padding-top: 2.8125rem;
}
.about-certificates.popup {
  padding-top: 0;
}
@media (max-width: 640px) {
  .about-certificates {
    padding-top: 1.125rem;
  }
}
.about-certificates__header {
  margin-bottom: 0.5rem;
}
@media (max-width: 640px) {
  .about-certificates__list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
}
.about-certificates__title {
  margin-bottom: 1.1875rem;
}
@media (max-width: 640px) {
  .about-certificates__title {
    margin-bottom: 1rem;
  }
}
.calendar .flatpickr-calendar {
  width: 100%;
  box-shadow: none;
  font-size: var(--mob-body-m-size);
}
.calendar .flatpickr-innerContainer {
  justify-content: center;
}
.calendar .flatpickr-current-month {
  font-size: var(--mob-body-m-size);
}
.calendar .flatpickr-monthDropdown-months {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.calendar .flatpickr-monthDropdown-months::-ms-expand {
  display: none;
}
.calendar .flatpickr-months {
  margin-bottom: 1.25rem;
}
.calendar .flatpickr-weekday {
  color: var(--text-disabled);
}
.calendar .flatpickr-day.selected,
.calendar .flatpickr-day.today {
  border-color: transparent;
  background: linear-gradient(180deg, #323232 0, #1a1a1a 100%);
  color: var(--text-white);
}
.certificates-list {
  position: relative;
  color: var(--text-white);
}
@media (max-width: 640px) {
  .certificates-list__container {
    display: flex;
    flex-direction: column;
    min-height: calc(100dvh - 5.625rem);
  }
}
.certificates-list__header {
  display: none;
  justify-content: center;
  align-items: center;
  margin-bottom: 0.25rem;
  width: 100%;
  min-height: 3.5rem;
  border-radius: 0 0 var(--border-radius-default-mobile)
    var(--border-radius-default-mobile);
  background: var(--background-white);
  color: var(--text-black);
  font-size: var(--desk-heading-s-size);
  line-height: 1.2;
}
@media (max-width: 640px) {
  .certificates-list__header {
    display: flex;
  }
}
.certificates-list__header-back {
  position: absolute;
  left: 0;
}
.certificates-list__header-back._secondary {
  background: 0 0;
}
.certificates-list__header-title {
  padding-inline: 2.5rem;
  text-align: center;
}
.certificates-list__content {
  padding-top: 2.5rem;
  box-sizing: border-box;
  height: -moz-fit-content;
  height: fit-content;
  min-height: calc(100dvh - var(--header-height) - var(--section-gap));
  border-radius: var(--border-radius-default) var(--border-radius-default) 0 0;
  background: linear-gradient(135deg, #abdcff 0, #0396ff 100%), #fff;
}
@media (max-width: 640px) {
  .certificates-list__content {
    padding-top: 1.625rem;
    min-height: calc(100dvh - 3.75rem);
  }
  .certificates-list__content-list {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
  }
}
.about-section._family .about-section__text br,
.certificates-list__content-item._hidden,
.values-section__title br {
  display: none;
}
@media (max-width: 640px) {
  .certificates-list__content-item {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
  }
}
.certificates-list__btn-back {
  position: absolute;
  top: 2.5rem;
  color: var(--text-white);
}
.certificates-list__btn-back svg {
  --icon-size: 2rem;
}
@media (max-width: 640px) {
  .certificates-list__btn-back {
    display: none;
  }
}
.certificates-list__choice-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 5rem;
}
@media (max-width: 640px) {
  .certificates-list__choice-list {
    margin-bottom: 4.5rem;
  }
}
.certificates-list__choice-item .tab {
  gap: 0.25rem;
  border: 0;
  border-radius: 0;
  background: 0 0;
  transition: color 0.3s ease-out;
}
.certificates-list__choice-item .tab:not(._selected) {
  color: var(--text-white-50);
}
:where(html._desktop)
  .certificates-list__choice-item
  .tab:not(._selected):hover {
  color: var(--text-white);
}
.certificates-list__choice-type {
  padding: 0.6875rem 0.25rem 0.5625rem 0.375rem;
  font-size: var(--desk-heading-s-size);
  line-height: 1.2;
}
@media (max-width: 640px) {
  .certificates-list__choice-type {
    font-size: var(--mob-heading-s-size);
  }
  .certificates-list__choice-type span {
    display: none;
  }
}
.certificates-list__img-wrapper {
  position: relative;
  flex-shrink: 0;
  margin: 0 auto;
  margin-bottom: 3.75rem;
  width: 31.25rem;
  height: 19.8125rem;
  overflow: hidden;
  border-radius: var(--border-radius-default-mobile);
}
@media (max-width: 640px) {
  .certificates-list__img-wrapper {
    margin-bottom: 4.6875rem;
    width: 21.4375rem;
    height: 13.5625rem;
  }
}
.certificates-list__submit {
  display: flex;
  margin: 0 auto;
  margin-bottom: 3.5rem;
  width: 100%;
  max-width: 28.125rem;
}
@media (max-width: 640px) {
  .certificates-list__submit {
    margin-top: auto;
    margin-bottom: 4.8125rem;
    width: auto;
    max-width: initial;
  }
  .certificates-list__submit._size-l {
    font-size: var(--desk-body-l-size);
  }
}
.certificates-list__about-certificates {
  margin: 0 auto;
  padding-bottom: 1.5rem;
}
@media (max-width: 640px) {
  .certificates-list__about-certificates._size-l {
    gap: 0.625rem;
    font-size: var(--desk-body-s-size);
    line-height: 1.32;
    letter-spacing: 0.0143em;
  }
  .certificates-list__about-certificates._size-l .link-button__arrow {
    margin-top: -0.25rem;
  }
}
.about-hero {
  position: relative;
  padding-block: 6.25rem 3.75rem;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: 0 0 var(--section-bd-radius) var(--section-bd-radius);
}
@media (max-width: 640px) {
  .about-hero {
    padding-block: 1rem 1.5rem;
  }
}
.about-hero__header {
  padding: 0;
}
.about-hero__header .hero__header {
  margin-bottom: 0.6875rem;
}
.about-hero__header .hero__btn-back,
.about-socials__footer-text a {
  color: var(--text-white);
}
.about-hero__name {
  position: relative;
  z-index: 2;
  margin-block: 11.5972vw 13.5417vw;
  text-align: center;
  font-size: 18.0556vw;
  font-weight: 500;
  transform: translateX(-0.5%);
}
@media (max-width: 640px) {
  .about-hero__name {
    margin-block: 3.375rem 5.75rem;
    font-size: 21.0667vw;
  }
}
.about-hero__text {
  position: relative;
  text-transform: uppercase;
  font-size: var(--desk-heading-m-size);
}
@media (max-width: 640px) {
  .about-hero__text {
    text-transform: none;
    font-size: var(--mob-heading-l-size);
  }
}
.about-hero__img-wrapper {
  position: absolute;
}
.about-hero__img-wrapper._center {
  top: 15.8125rem;
  left: 51.5%;
  width: 32.7083333333%;
  aspect-ratio: 471/580;
  transform: translateX(-50%);
}
@media (max-width: 640px) {
  .about-hero__img-wrapper._center {
    top: 4.6875rem;
  }
}
.about-hero__img {
  height: auto;
  border-radius: 1.25rem;
}
.about-hero__img._left {
  position: absolute;
  top: 37.5%;
  left: 20.1%;
  width: 18.6805555556%;
  aspect-ratio: 269/341;
  transform: rotate(-9.6deg);
}
.about-hero__img._right {
  position: absolute;
  top: 47.6%;
  left: 52.2%;
  z-index: 3;
  width: 20.625%;
  aspect-ratio: 297/426;
  border-radius: 2.5rem;
  transform: rotate(21deg);
}
@media (max-width: 640px) {
  .about-hero__img {
    border-radius: 0.5rem;
  }
  .about-hero__img._left {
    top: 8.875rem;
    left: 22%;
    border-radius: 0.5rem;
  }
  .about-hero__img._right {
    top: 8.3125rem;
    left: 54.1%;
    width: 23.6%;
    aspect-ratio: 89/113;
    transform: rotate(17deg);
    border-radius: 0.5rem;
  }
}
.about-hero__slogan-img {
  --size: 11.1111vw;
  position: absolute;
  top: 0;
  right: 0;
  width: var(--size);
  height: var(--size);
  transform: translate(3.6806vw, -3.4028vw);
}
.about-section {
  padding-block: 3.75rem;
}
@media (max-width: 640px) {
  .about-section {
    padding-block: 1rem 1.1875rem;
  }
}
.about-section._slogan .about-section__container {
  display: flex;
  align-items: center;
  gap: 2.25rem;
}
@media (max-width: 640px) {
  .about-section._slogan .about-section__container {
    gap: 1rem;
  }
}
.about-section__title {
  margin-bottom: 2.5rem;
}
@media (max-width: 640px) {
  .about-section__title {
    margin-bottom: 1rem;
  }
  .about-section._family .about-section__title {
    text-align: left;
  }
}
.about-section__text {
  margin-bottom: 3.75rem;
  line-height: 1.5;
}
.about-section__text._mb-0 {
  margin-bottom: 0;
}
.about-section__text p + p {
  margin-top: 1em;
}
@media (max-width: 640px) {
  .about-section__text {
    margin-bottom: 1rem;
    text-align: left;
    line-height: 1.43;
  }
  .about-section__text p + p {
    margin-top: 1.7em;
  }
  .about-section._family .about-section__text p + p {
    margin-top: 1.5em;
  }
  .about-section._family .about-section__text br {
    display: inline;
  }
}
.about-section__slogan-img {
  width: 45.8823529412%;
  height: auto;
  aspect-ratio: 312/439;
  border-radius: 1rem;
}
@media (max-width: 640px) {
  .about-section__slogan-img {
    width: 41.6909620991%;
    border-radius: 0.5rem;
    aspect-ratio: 143/175;
  }
}
.about-section__slogan {
  color: var(--text-secondary);
}
@media (max-width: 640px) {
  .about-section__slogan {
    text-align: left;
    line-height: 1.2;
  }
}
.about-section__cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.25rem;
}
.about-section._history .about-section__cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  cursor: default !important;
}
.about-section._family .about-section__cards {
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 640px) {
  .about-section__cards {
    gap: 0.5rem;
  }
  .about-section._mission .about-section__cards {
    display: flex;
    flex-flow: column wrap;
    aspect-ratio: 343/360;
  }
  .about-section._history .about-section__cards {
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin: 0 calc(var(--container-padding) * -1);
    padding: 0 var(--container-padding);
    overflow: auto;
    cursor: grab !important;
  }
  .about-section._history .about-section__cards:active {
    cursor: grabbing !important;
  }
  .about-section._family .about-section__cards {
    grid-template-columns: 1fr;
    gap: 0.9375rem;
  }
}
.about-section__card {
  position: relative;
  overflow: hidden;
  border-radius: var(--border-radius-middle);
}
.about-section._mission .about-section__card {
  aspect-ratio: 273/332;
}
.about-section._history .about-section__card {
  flex-shrink: 0;
  width: calc(20% - 1rem);
  aspect-ratio: 211/259;
}
.about-section._history .about-section__card:nth-child(even) {
  order: 2;
}
.about-section._family .about-section__card {
  border-radius: 0;
  color: var(--text-secondary);
}
@media (max-width: 640px) {
  .about-section__card {
    border-radius: var(--border-radius-small);
  }
  .about-section._mission .about-section__card {
    width: calc(50% - 0.25rem);
  }
  .about-section._mission .about-section__card:nth-child(1) {
    aspect-ratio: 168/198;
  }
  .about-section._mission .about-section__card:nth-child(2) {
    aspect-ratio: 168/152;
  }
  .about-section._mission .about-section__card:nth-child(3) {
    aspect-ratio: 167/152;
  }
  .about-section._mission .about-section__card:nth-child(4) {
    aspect-ratio: 167/198;
  }
  .about-section._history .about-section__card {
    width: 11.625rem;
    aspect-ratio: 186/230;
  }
  .about-section._history .about-section__card:nth-child(even) {
    order: initial;
  }
  .about-section._family .about-section__card {
    display: flex;
    align-items: center;
    gap: 1rem;
    text-align: left;
    line-height: 1.2;
  }
}
.about-section._family .about-section__card-img {
  display: block;
  margin-bottom: 1.25rem;
  width: 100%;
  height: auto;
  aspect-ratio: 330/439;
  border-radius: var(--border-radius-default-mobile);
}
@media (max-width: 640px) {
  .about-section._family .about-section__card-img {
    margin: 0;
    width: 41.6909620991%;
    border-radius: var(--border-radius-small);
    aspect-ratio: 143/175;
  }
}
.about-container {
  --container-padding: 10.0694vw;
  margin-inline: auto;
  width: calc(100% - var(--container-padding) * 2);
}
@media (max-width: 640px) {
  .about-container {
    --container-padding: 4.2667vw;
  }
}
.about-container._sm {
  max-width: 42.5rem;
}
.values-section__container {
  position: relative;
}
.values-section__title {
  margin-bottom: 2.5rem;
}
@media (max-width: 640px) {
  .values-section__title {
    position: absolute;
    left: 0;
    margin-bottom: 0.5rem;
    font-size: var(--mob-heading-l-size);
  }
}
@media (max-width: 640px) and (min-width: 375px) {
  .values-section__title {
    bottom: 640px;
  }
}
@media (max-width: 640px) and (min-width: 375px) and (max-width: 639px) {
  .values-section__title {
    bottom: calc(360px + 280 * (100vw - 375px) / (265));
  }
}
@media (max-width: 640px) and (max-width: 374px) {
  .values-section__title {
    bottom: 360px;
  }
}
@media (max-width: 640px) {
  .values-section__title br {
    display: inline;
  }
}
@media (max-width: 374px) {
  .values-section__title {
    bottom: 22.5rem;
  }
}
.values-section__cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
}
@media (max-width: 640px) {
  .values-section__cards {
    grid-template-columns: repeat(2, 1fr);
    align-items: end;
    gap: 0.5rem;
  }
}
.values-section__card {
  position: relative;
  display: flex;
  align-items: flex-end;
  padding: 0.75rem;
  box-sizing: border-box;
  overflow: hidden;
  border-radius: var(--border-radius-middle);
  aspect-ratio: 270/307;
}
.values-section__card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(to bottom, transparent, var(--text-black-50));
}
@media (max-width: 640px) {
  .values-section__card {
    padding: 0.5625rem;
    border-radius: var(--border-radius-small);
  }
  .values-section__card:nth-child(1) {
    aspect-ratio: 160/200;
    transform: translateY(27%);
  }
  .values-section__card:nth-child(2) {
    aspect-ratio: 167/253;
  }
  .values-section__card:nth-child(3) {
    aspect-ratio: 168/144;
  }
  .values-section__card:nth-child(4) {
    aspect-ratio: 167/200;
  }
}
.values-section__card-text {
  position: relative;
  z-index: 2;
  color: var(--text-white);
}
@media (max-width: 640px) {
  .values-section__card-text {
    font-size: var(--mob-heading-m-size);
  }
}
.about-socials {
  position: relative;
  padding-block: 3.75rem;
}
@media (max-width: 640px) {
  .about-socials {
    padding-block: 2.5rem 1.8125rem;
  }
}
.about-socials__container {
  display: flex;
  flex-direction: column;
}
.about-socials__text {
  margin-left: auto;
  max-width: 27.5rem;
  font-size: var(--desk-body-l-size);
  font-weight: 400;
}
@media (max-width: 640px) {
  .about-socials__text {
    margin-left: 0;
    max-width: 21.25rem;
    font-size: var(--mob-body-m-size);
    line-height: 1.43;
  }
  .about-socials__text br {
    display: none;
  }
}
.about-socials__wrapper {
  display: grid;
  place-items: center center;
  padding: 1.875rem 0;
}
@media (max-width: 640px) {
  .about-socials__wrapper {
    order: -1;
    margin-bottom: 1.5rem;
    padding: 0;
  }
}
.about-socials__tag {
  grid-area: 1/1/-1/-1;
  font-size: 8.9583vw;
  transform: translateY(3.5%);
  font-weight: 500;
}
@media (max-width: 640px) {
  .about-socials__tag {
    font-size: 10.1333vw;
    transform: translateY(95%);
  }
}
.about-socials__img {
  display: block;
  grid-area: 1/1/-1/-1;
  width: 38.2608695652%;
  height: auto;
  border-radius: var(--border-radius-default-mobile);
  aspect-ratio: 440/550;
}
@media (max-width: 640px) {
  .about-socials__img {
    width: 56.8513119534%;
    aspect-ratio: 195/240;
    border-radius: var(--border-radius-small);
  }
}
.about-socials__footer-text {
  color: var(--text-secondary);
  font-size: var(--desk-heading-m-size);
}
:where(html._desktop) .about-socials__footer-text a:hover {
  opacity: 0.8;
}
@media (max-width: 640px) {
  .about-socials__footer-text {
    margin-top: 2.75rem;
    color: var(--text-white-70);
    font-size: var(--mob-body-l-size);
    line-height: 1.5;
  }
}
.about-clinic {
  position: relative;
  padding-block: 4.625rem 5.25rem;
}
@media (max-width: 640px) {
  .about-clinic {
    padding-block: 1.875rem 2.4375rem;
  }
}
.about-clinic__title {
  margin-bottom: 5.4375rem;
  font-size: 10.2778vw;
  font-weight: 500;
}
@media (max-width: 640px) {
  .about-clinic__title {
    margin-bottom: 2rem;
    font-size: 16vw;
  }
}
.about-clinic__text {
  margin: 0 auto;
  max-width: 45.625rem;
}
@media (max-width: 640px) {
  .about-clinic__text {
    font-size: var(--mob-body-m-size);
    line-height: 1.43;
  }
}
.about-clinic__cards {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  margin-bottom: 6.25rem;
}
@media (max-width: 640px) {
  .about-clinic__cards {
    gap: 0.375rem;
    margin-bottom: 3.25rem;
  }
}
.about-clinic__card {
  --width: 175;
  --height: 220;
  --container-width: 1150;
  position: relative;
  width: calc(var(--width) / var(--container-width) * 100%);
  aspect-ratio: var(--width) / var(--height);
}
.about-clinic__card img {
  border-radius: 1rem;
}
.about-clinic__card:nth-child(2),
.about-clinic__card:nth-child(3) {
  --width: 370;
}
.about-clinic__card:nth-child(2) {
  --height: 400;
}
@media (max-width: 640px) {
  .about-clinic__card {
    --width: 52;
    --height: 67;
    --container-width: 343;
  }
  .about-clinic__card img {
    border-radius: 0.5rem;
  }
  .about-clinic__card:nth-child(2),
  .about-clinic__card:nth-child(3) {
    --width: 110;
  }
  .about-clinic__card:nth-child(2) {
    --height: 119;
  }
}
.about-clinic__slogan-img {
  --size: 11.1111vw;
  position: absolute;
  right: 0;
  bottom: 0;
  width: var(--size);
  height: var(--size);
  transform: translate(5.2083vw, 5.1389vw);
}
@media (max-width: 640px) {
  .about-clinic__slogan-img {
    --size: 16vw;
    transform: translate(8vw, 7.4667vw);
  }
}
.partners__list {
  display: flex;
  align-items: center;
  overflow-x: auto;
  opacity: 0.5;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.partners__list::-moz-scrollbar {
  display: none;
}
.partners__list::-webkit-scrollbar {
  display: none;
}
.partners__list::scrollbar {
  display: none;
}
.partners__list-item {
  position: relative;
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  padding: 4px;
  box-sizing: border-box;
  height: 100%;
}
@media (max-width: 640px) {
  .partners__list-item {
    height: 2.375rem;
    min-height: 38px;
  }
}
.partners__list-item:not(:last-child) {
  margin-right: 0.5rem;
}
.partners__list-img {
  -o-object-fit: contain;
  object-fit: contain;
  width: auto;
}
@media (max-width: 640px) {
  .partners__list-img {
    height: 100%;
  }
}
.partners-container {
  --container-padding: 8.7349vw;
}
@media (max-width: 640px) {
  .partners-container {
    --container-padding: 0;
  }
}
.questions__tabs-list {
  flex-wrap: wrap;
}
.questions .accordion__btn {
  font-size: var(--desk-heading-s-size);
}
@media (max-width: 640px) {
  .questions .accordion__btn {
    font-size: var(--mob-heading-s-size);
  }
}
.questions .accordion__content {
  color: var(--text-black-50);
  font-size: var(--desk-body-m-size);
}
@media (max-width: 640px) {
  .questions .accordion__content {
    font-size: var(--desk-body-s-size);
  }
}
.collection-slider ._info {
  width: 16.25rem;
}
@media (max-width: 640px) {
  .collection-slider ._info {
    width: 9rem;
  }
}
.benefits__list {
  display: block;
  -moz-column-count: 2;
  column-count: 2;
  -moz-column-gap: 0.75rem;
  column-gap: 0.75rem;
}
@media (max-width: 640px) {
  .benefits__list {
    -moz-column-count: 1;
    column-count: 1;
  }
}
.benefits__item {
  display: flex;
  align-items: flex-start;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
}
.benefits__item:not(:last-child) {
  margin-bottom: 1.5rem;
}
@media (max-width: 640px) {
  .benefits__item:not(:last-child) {
    margin-bottom: 0;
  }
  .benefits__item {
    padding: 0.5rem;
  }
}
.benefits__item-icon-wrapper {
  display: flex;
}
.benefits__item-icon {
  --size: 1.5rem;
  position: relative;
  margin-right: 0.75rem;
  width: var(--size);
  height: var(--size);
}
@media (max-width: 640px) {
  .benefits__item-icon {
    --size: 1.25rem;
  }
}
.benefits__item-title {
  margin-bottom: 0.25rem;
  font-size: var(--desk-heading-s-size);
}
@media (max-width: 640px) {
  .benefits__item-title {
    font-size: var(--mob-heading-s-size);
  }
}
.benefits__item-text {
  color: var(--text-secondary);
  font-size: var(--desk-body-m-size);
  line-height: 1.52;
}
@media (max-width: 640px) {
  .benefits__item-text {
    font-size: var(--mob-body-m-size);
    line-height: 1.44;
  }
}
.team-hero {
  position: relative;
  display: flex;
  flex-direction: column;
  padding-block: 6.25rem 3.75rem;
  box-sizing: border-box;
  height: 80vh;
  min-height: 46.875rem;
  overflow: hidden;
  border-radius: 0 0 var(--section-bd-radius) var(--section-bd-radius);
}
@media (max-width: 640px) {
  .team-hero {
    height: calc(
      50 * var(--svh, 1svh) - var(--tabbar-height) - var(--section-gap) * 2
    );
    min-height: 22.5rem;
    padding-block: 1rem 1.5rem;
  }
}
.team-hero__header {
  position: relative;
  z-index: 1;
  padding: 0;
}
.team-hero__header .hero__header {
  margin-bottom: 0.6875rem;
}
.team-hero__header .hero__btn-back {
  color: var(--text-white);
}
.team-hero__text {
  position: relative;
  font-size: var(--desk-heading-m-size);
}
@media (max-width: 640px) {
  .team-hero__text {
    text-transform: none;
    font-size: var(--mob-heading-l-size);
  }
}
.team-hero__background {
  z-index: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.team-hero__background::after {
  content: "";
  background: var(--background-black);
  opacity: 0.36;
  pointer-events: none;
}
.team-container {
  --container-padding: 2.7778vw;
  position: relative;
  z-index: 1;
  margin-top: auto;
  margin-inline: auto;
  width: calc(100% - var(--container-padding) * 2);
}
@media (max-width: 640px) {
  .team-container {
    --container-padding: 4.2667vw;
  }
}
.team-cases {
  padding-bottom: 3.75rem;
}
@media (max-width: 640px) {
  .team-cases {
    padding-bottom: 2.5rem;
  }
}
.team-cases__container {
  width: calc(100% - var(--container-padding) * 2);
}
@media (max-width: 640px) {
  .team-cases__container {
    --container-padding: 0.5rem;
    margin-right: 0;
  }
}
.team-cases__tabs {
  margin-top: 2.75rem;
}
@media (max-width: 640px) {
  .team-cases__tabs {
    margin-top: 1.25rem;
  }
}
.team-cases__tabs-list {
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.team-cases__tabs-list::-moz-scrollbar {
  display: none;
}
.team-cases__tabs-list::-webkit-scrollbar {
  display: none;
}
.team-cases__tabs-list::scrollbar {
  display: none;
}
.team-cases .accordion__btn {
  font-size: var(--desk-heading-s-size);
}
@media (max-width: 640px) {
  .team-cases .accordion__btn {
    font-size: var(--mob-heading-s-size);
  }
}
.team-cases .accordion__content {
  color: var(--text-black-50);
  font-size: var(--desk-body-m-size);
}
@media (max-width: 640px) {
  .team-cases .accordion__content {
    font-size: var(--desk-body-s-size);
  }
}
.callback {
  position: relative;
  z-index: 0;
  padding-block: 6.25rem 5rem;
}
.callback::after {
  position: absolute;
  inset: 0;
  background: var(--icon-black-20);
  content: "";
  pointer-events: none;
}
@media (max-width: 640px) {
  .callback {
    padding: 0;
  }
  .callback::after {
    content: none;
  }
}
.callback__container {
  position: relative;
  z-index: 2;
  margin: 0 auto;
  padding: 2rem 2rem 2.5rem;
  box-sizing: border-box;
  max-width: 32.5rem;
  border-radius: 1rem;
  background-color: var(--background-white);
}
@media (max-width: 640px) {
  .callback__container {
    padding: var(--container-padding);
    padding-bottom: 1.75rem;
    max-width: none;
    background: var(--control-black-gradient);
    color: var(--text-white);
  }
}
.callback__title {
  margin-bottom: 1.25rem;
  letter-spacing: 0.01em;
}
@media (max-width: 640px) {
  .callback__title {
    margin-bottom: 1rem;
  }
}
.callback__text {
  max-width: 25rem;
  opacity: 0.5;
  line-height: 1.4;
}
@media (max-width: 640px) {
  .callback__text {
    font-size: var(--mob-body-m-size);
  }
}
.callback__form {
  margin-top: 2rem;
}
@media (max-width: 640px) {
  .callback__form {
    margin-top: 1.25rem;
  }
}
.callback__submit._size-l {
  margin-top: 2.625rem;
  font-size: var(--desk-body-l-size);
}
@media (max-width: 640px) {
  .callback__submit._size-l {
    margin-top: 1.75rem;
    background: var(--background-white);
    color: var(--text-black-subscribe);
    font-size: var(--mob-body-l-size);
  }
  .callback__submit._size-l::before {
    content: none;
  }
  .callback__img {
    display: none;
  }
}
.sticky-action {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 2;
  display: flex;
  padding: 8px;
  border-radius: 32px;
  background: var(--icon-white-20);
  backdrop-filter: blur(28px);
}
@media (max-width: 640px) {
  .sticky-action {
    right: 0;
    bottom: calc(var(--tabbar-height) + 8px);
    justify-content: center;
    padding: 0 8px;
    box-sizing: border-box;
    width: 100%;
    background: 0 0;
    backdrop-filter: none;
  }
}
.sticky-action__content {
  display: flex;
  gap: 8px;
}
@media (max-width: 640px) {
  .sticky-action__content {
    width: 100%;
    max-width: 500px;
  }
}
.sticky-action .link-button__arrow {
  display: none;
}
.sticky-action .link-button__icon {
  width: 1.5rem;
  height: 1.5rem;
}
.sticky-action .link-button__text {
  font-size: 1.25rem;
}
@media (max-width: 640px) {
  .sticky-action .link-button__text {
    font-size: 1rem;
  }
}
.sticky-action__btn {
  flex: 1 auto;
  gap: 0.5rem;
}
@media (max-width: 640px) {
  .sticky-action__btn {
    padding: 0.875rem 1rem !important;
  }
}
.sticky-action__btn--case .link-button__text {
  color: var(--text-black);
}
.about-loyalty + .popups__close-button {
  display: flex;
}
.gift__form-data {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.gift__form-label {
  display: inline-block;
  margin-bottom: 1.25rem;
  font-size: var(--desk-heading-s-size);
}
.gift__fields {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.gift__footer {
  margin-top: auto;
}
.gift__footer-text {
  margin: 0 auto;
  margin-block: 2.25rem;
  max-width: 21.4375rem;
  text-align: center;
}
.guide-sizes__container {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.guide-sizes__container:not(._active) {
  display: none;
}
.guide-sizes__table-wrapper {
  padding: 0.75rem 0.5rem;
  box-sizing: border-box;
  max-width: 28.8125rem;
  border-radius: var(--border-radius-small);
  background: var(--control-secondary);
  font-size: var(--mob-body-s-size);
}
@media (max-width: 640px) {
  .guide-sizes__table-wrapper {
    max-width: 100%;
  }
}
.guide-sizes__table-wrapper._measurements {
  position: relative;
}
.guide-sizes__table-wrapper._measurements td:first-child {
  width: 9rem;
}
.guide-sizes__table-wrapper._measurements td:not(:first-child) {
  width: 5.5rem;
}
.guide-sizes__table-wrapper._measurements::before,
.your-size__table-wrapper::before {
  content: "";
  position: absolute;
  top: -1.25rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  width: 2.5rem;
  height: 1.25rem;
  background: url(
      data:image/svg + xml;charset=utf-8,
      %3Csvg%20viewBox%3D%220%200%2040%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%2019.9728C10.0286%2019.4254%2018%2010.6926%2018%200H22C22%2010.6926%2029.9714%2019.4254%2040%2019.9728V20H0V19.9728Z%22%20fill%3D%22%23F2F2F2%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%2019.9728C10.0286%2019.4254%2018%2010.6926%2018%200H22C22%2010.6926%2029.9714%2019.4254%2040%2019.9728V20H0V19.9728Z%22%20fill%3D%22url\(
          %23paint0_linear_2906_162973\)%22%2F%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_2906_162973%22%20x1%3D%2220%22%20y1%3D%220%22%20x2%3D%2220%22%20y2%3D%2220%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22white%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22white%22%20stop-opacity%3D%220%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E
    )
    no-repeat 0 0;
}
@media (max-width: 640px) {
  .guide-sizes__tab-group fieldset {
    width: 100%;
  }
}
.guide-sizes__tabs {
  margin-bottom: 2.5rem;
}
.guide-sizes__tabs-list li {
  width: 100%;
}
.guide-sizes__table-container {
  margin-bottom: 0.625rem;
  padding-bottom: 1.125rem;
}
.guide-sizes__table {
  width: 100%;
  table-layout: fixed;
  overflow-x: auto;
}
.guide-sizes__table._has-shadow td:first-child::after {
  position: absolute;
  top: 0;
  right: -1px;
  z-index: 1;
  width: 1px;
  height: 100%;
  box-shadow: 1px 0 0.125rem 0 var(--text-black-20);
  background: var(--border-black-8);
  content: "";
}
.guide-sizes__table td {
  padding: 0 0.3125rem;
  box-sizing: border-box;
  height: 2.1875rem;
  border-right: 1px solid var(--border-black-8);
  line-height: 2.1875rem;
  white-space: nowrap;
}
.guide-sizes__table td:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
  padding-block: 0.25rem;
  width: 7.5rem;
  background: var(--control-secondary);
  line-height: 1.3;
  white-space: initial;
}
.guide-sizes__table td:not(:first-child) {
  width: 5.3125rem;
  text-align: center;
}
.guide-sizes__table tr {
  border-bottom: 1px solid var(--border-black-8);
}
.guide-sizes__table tr:last-child {
  padding-bottom: 1.25rem;
  border-bottom: none;
}
.guide-sizes__legend {
  margin-bottom: 1rem;
}
.guide-sizes__caption {
  margin-left: 0.25rem;
  color: var(--text-black-50);
}
.guide-sizes__footer {
  margin-top: auto;
}
.guide-sizes__footer-heading {
  margin-bottom: 0.375rem;
}
.guide-sizes__footer-text {
  margin-bottom: 2.25rem;
  color: var(--text-black-50);
}
.guide-sizes__scheme-wrapper {
  position: relative;
  margin: 0 auto;
  margin-bottom: 2.25rem;
  width: 13.5rem;
  height: 13rem;
}
@media (max-width: 640px) {
  .product-fullscreen {
    height: 100%;
  }
}
.product-fullscreen__gallery .swiper-slide {
  height: 100vh;
}
@media (max-width: 640px) {
  .product-fullscreen__gallery .swiper-slide {
    height: initial;
  }
}
.product-fullscreen__gallery img {
  width: auto;
}
@media (max-width: 640px) {
  .product-fullscreen__gallery img {
    width: 100%;
  }
  .product-fullscreen .swiper,
  .product-fullscreen__gallery {
    height: 100%;
  }
}
.product-fullscreen img {
  position: relative;
  display: block;
  margin: 0 auto;
  -o-object-position: top;
  object-position: top;
}
.product-fullscreen__preview {
  position: fixed;
  bottom: -1.875rem;
  left: 1.875rem;
  z-index: 1;
}
@media (max-width: 640px) {
  .product-fullscreen__preview {
    display: none;
  }
}
.product-fullscreen__pagination {
  display: none;
}
.product-fullscreen__pagination._bg-white {
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 640px) {
  .product-fullscreen__pagination {
    --swiper-pagination-bottom: 5.5625rem;
    display: block;
  }
}
.product-fullscreen__back {
  position: absolute;
  top: 2.625rem;
  left: 1rem;
  z-index: 2;
  display: none;
}
.product-fullscreen__back._secondary {
  background: 0 0;
}
@media (max-width: 640px) {
  .product-fullscreen__back {
    display: block;
  }
  .product-fullscreen__back svg {
    --size: 1.25rem;
    width: var(--size);
    height: var(--size);
  }
}
.product-fullscreen__list {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: none;
  flex-direction: column;
  gap: 0.25rem;
  padding: 1rem;
  box-sizing: border-box;
  width: 100%;
  border-radius: var(--border-radius-default-mobile)
    var(--border-radius-default-mobile) 0 0;
  background: var(--background-white);
  color: var(--text-black-50);
  font-size: var(--desk-body-s-size);
  line-height: 1.42;
}
@media (max-width: 640px) {
  .product-fullscreen__list {
    display: flex;
  }
}
.product-fullscreen__list-item {
  display: flex;
  gap: 0.25rem;
}
.availability-stores__tab {
  width: auto;
}
.availability-stores__list,
.sizes-pickup__fields {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.sizes-pickup__fields {
  gap: 0.75rem;
}
.sizes-pickup__btn-submit {
  margin-top: auto;
}
.your-size__title {
  margin-bottom: 0;
}
.your-size__size {
  margin-block: 2.75rem 1.75rem;
  text-align: center;
  font-size: var(--desk-heading-l-size);
}
.your-size__table-wrapper {
  position: relative;
  margin: 0 auto;
  padding: 0.875rem 0.75rem;
  box-sizing: border-box;
  max-width: 23.4375rem;
  border-radius: var(--border-radius-small);
  background: var(--control-secondary);
  color: var(--text-secondary);
  font-size: var(--desk-body-s-size);
}
.your-size__table {
  width: 100%;
}
.your-size__table td {
  padding-bottom: 0.625rem;
}
.your-size__table td:last-child {
  text-align: right;
}
.your-size__table tr:last-child td {
  padding-bottom: 0;
}
.your-size__btn-submit {
  margin-top: auto;
}
.case-form {
  position: relative;
}
.case-form__form {
  gap: 2rem;
}
.case-form__list {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  gap: 1.5rem;
}
@media (max-width: 640px) {
  .case-form__list {
    gap: 1.25rem;
  }
}
.case-form__footer {
  display: flex;
  gap: 0.75rem;
}
@media (max-width: 640px) {
  .case-form__footer {
    gap: 0.5rem;
  }
}
.case-form__submit {
  flex-grow: 1;
}
.filter {
  position: relative;
}
.filter__section-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1.1875rem;
}
._price .filter__section-top {
  margin-bottom: 0.9375rem;
}
@media (max-width: 640px) {
  .filter__section-top {
    margin-bottom: 0.8125rem;
  }
}
.filter__section-title {
  font-size: var(--desk-body-m-size);
  font-weight: 400;
}
.filter__form {
  gap: 2rem;
}
@media (max-width: 640px) {
  .filter__form {
    gap: 1.75rem;
  }
}
.filter__submit {
  position: sticky;
  bottom: 0;
  margin-top: auto;
}
.filter._empty .filter__submit {
  visibility: hidden;
}
.filter__buttons-list {
  --gap: 0.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: var(--gap);
}
.filter__buttons-list._empty {
  display: none;
}
.filter__buttons-list._selected {
  --gap: 0.625rem;
}
.filter__buttons-list._nowrap {
  --gap: 0.5rem;
  flex-wrap: nowrap;
  margin-inline: calc(-1 * var(--container-padding));
  padding-inline: var(--container-padding);
  overflow: auto;
  scrollbar-width: none;
}
.filter__buttons-list._nowrap::-moz-scrollbar {
  display: none;
}
.filter__buttons-list._nowrap::-webkit-scrollbar {
  display: none;
}
.filter__buttons-list._nowrap::scrollbar {
  display: none;
}
.filter__buttons-list._show-more {
  --line-height: 2.25rem;
  --rows: 3;
  max-width: 90%;
  max-height: calc(
    var(--line-height) * var(--rows) + (var(--rows) - 1) * var(--gap)
  );
  overflow: hidden;
}
.filter__buttons-list._show-more._active {
  max-height: none;
}
.filter__buttons-list > * {
  display: inline-flex;
  flex-shrink: 0;
}
@media (max-width: 640px) {
  .filter__buttons-list {
    margin-inline: calc(-1 * var(--container-padding));
    padding-inline: var(--container-padding);
    width: 100%;
    overflow: auto;
  }
  .filter__buttons-list._show-more {
    max-width: none;
  }
  html._mobile .filter__buttons-list {
    scrollbar-width: none;
  }
  html._mobile .filter__buttons-list::-moz-scrollbar {
    display: none;
  }
  html._mobile .filter__buttons-list::-webkit-scrollbar {
    display: none;
  }
  html._mobile .filter__buttons-list::scrollbar {
    display: none;
  }
}
.filter__button {
  padding: 0;
  border: 0;
  background: 0;
  outline: 0;
  color: inherit;
  text-decoration: none;
  font-family: inherit;
  cursor: pointer;
  touch-action: manipulation;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.1875rem 0;
  font-size: var(--desk-body-s-size);
}
.filter__button._sm {
  gap: 0.125rem;
  font-size: var(--desk-body-xs-size);
}
.filter__button._more {
  margin-top: 0.375rem;
  color: var(--text-black-40);
}
.filter__button._more[aria-expanded="true"] .filter__icon {
  rotate: 180deg;
}
:where(html._desktop) .filter__button:hover {
  opacity: 0.7;
}
@media (max-width: 640px) {
  .filter__button {
    padding: 0.5rem 0;
  }
}
.filter__icon {
  --size: 0.75rem;
  width: var(--size);
  height: var(--size);
  transform: translateZ(0);
}
.filter__price {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
@media (max-width: 640px) {
  .filter__price {
    margin-bottom: 0.6875rem;
  }
}
.filter__price-input {
  flex-grow: 1;
}
.form-sent__text {
  margin: auto;
  text-align: center;
  font-size: var(--mob-heading-l-size);
  line-height: 1, 2;
}
.form-sent__btn {
  margin: initial;
}
.sort {
  position: relative;
}
.sort__list {
  flex-grow: 1;
  flex-direction: column;
  row-gap: 1.5625rem;
}
.sort__list,
.sort__list > * {
  display: flex;
}
.menu {
  position: relative;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  padding: var(--padding) 0;
  padding-top: 0.625rem;
  box-sizing: border-box;
  height: 100%;
  overflow: hidden;
}
@media (min-width: 641px) {
  .menu._active .menu__item-toggle {
    opacity: 0.3;
  }
  .menu._active .menu__item-toggle._active {
    opacity: 1;
  }
}
@media (max-width: 640px) {
  .menu {
    display: block;
    padding-bottom: 0.25rem;
    height: calc(100% - var(--tabbar-height));
  }
}
.menu__header {
  display: none;
}
@media (max-width: 640px) {
  .menu__header {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-areas: "close title search" ". links .";
    align-items: center;
    gap: 1.25rem 0.5rem;
    margin-top: -0.625rem;
    padding: var(--container-padding);
    background: var(--background-white);
  }
}
.menu__divider {
  position: relative;
  z-index: 1;
  margin: calc(-1 * var(--padding)) 0;
  width: 1px;
  background-color: var(--border-black-8);
  opacity: 0;
  transition: opacity 0.3s ease-out;
}
.menu._active .menu__divider {
  opacity: 1;
}
@media (max-width: 640px) {
  .menu__divider {
    display: none;
  }
}
.menu__col {
  box-sizing: border-box;
  height: 100%;
  overflow: auto;
}
.menu__col:has(._animating) {
  overflow: hidden;
}
.menu__col._left {
  position: relative;
  z-index: 2;
  margin-left: 1px;
  min-width: 23.75rem;
}
.menu__col._left .menu__col-inner {
  padding-right: 0;
  box-sizing: border-box;
  width: 100%;
}
.menu__col._right {
  position: relative;
  margin-left: -1px;
  width: 0;
  max-width: 100%;
  overflow-x: hidden;
  background: var(--background-white);
  transition: width 0.3s ease-out;
}
html._win .menu__col._right {
  scrollbar-gutter: stable;
}
@media (max-width: 640px) {
  .menu__col {
    height: calc(100% - var(--tabbar-height) - 1.25rem);
  }
  .menu__col._left {
    margin-left: 0;
  }
  .menu__col._right {
    display: none;
    margin-left: 0;
    background: 0;
  }
  .menu__col._right .menu__col-inner {
    padding-bottom: 0;
    background: 0;
  }
  .menu._active .menu__col._left {
    display: none;
  }
  .menu._active .menu__col._right {
    display: block;
    width: 100%;
    transition: none;
  }
}
.menu__col-inner {
  padding: var(--padding);
  padding-top: 0;
  width: -moz-max-content;
  width: max-content;
  background: var(--background-white);
}
.menu._active .menu__title._main,
.menu__close._size-l._back,
.menu__col-inner._mobile {
  display: none;
}
@media (max-width: 640px) {
  .menu__col-inner {
    padding-inline: 0;
    box-sizing: border-box;
    width: 100%;
    border-radius: 0 0 var(--section-bd-radius) var(--section-bd-radius);
  }
  .menu__col-inner._main {
    padding: var(--padding);
  }
  .menu__col-inner._mobile {
    display: block;
    margin-top: 0.25rem;
    padding: var(--padding);
    padding-bottom: 1.25rem;
    overflow: hidden;
    border-radius: var(--section-bd-radius);
  }
}
.menu__title {
  display: none;
  grid-area: title;
  text-align: center;
  font-size: var(--mob-heading-m-size);
  font-weight: 400;
}
.menu._active .menu__title._active,
.menu__title._main {
  display: block;
}
.menu__header-links {
  display: flex;
  grid-area: links;
  gap: 1.25rem;
  margin: 0 auto;
  width: -moz-max-content;
  width: max-content;
  font-size: var(--mob-body-s-size);
}
.menu__header-link {
  opacity: 0.5;
}
.menu__header-link._active {
  opacity: 1;
}
.menu__item-toggle,
.menu__search {
  padding: 0;
  border: 0;
  background: 0;
  outline: 0;
  color: inherit;
  text-decoration: none;
  font-family: inherit;
  cursor: pointer;
  touch-action: manipulation;
}
.menu__search {
  grid-area: search;
}
.menu__close._size-l {
  grid-area: close;
}
@media (max-width: 640px) {
  .menu__close._size-l {
    --icon-size: 1.25rem;
  }
  .menu._active .menu__close._size-l {
    display: none;
  }
  .menu._active .menu__close._size-l._back {
    display: inline-flex;
  }
}
.menu__block + .menu__block {
  margin-top: 0.9375rem;
}
@media (max-width: 640px) {
  .menu__block:first-child {
    padding-top: 0.8125rem;
  }
  .menu__block._desktop {
    display: none;
  }
  .menu__block + .menu__block {
    margin-top: 1.5rem;
  }
}
.menu__item + .menu__item {
  margin-top: 1px;
}
@media (max-width: 640px) {
  .menu__item + .menu__item {
    margin-top: 0;
  }
  .menu__link._desktop {
    display: none;
  }
}
.menu__item-toggle {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.375rem;
  padding: 0.75rem 2.5rem 0.8125rem 0;
  box-sizing: border-box;
  width: 100%;
  font-size: var(--desk-body-l-size);
}
.menu__item-toggle._accent {
  color: var(--text-sale);
}
@media (hover: hover) {
  .menu__item-toggle[href]:hover {
    opacity: 0.6;
  }
}
.menu__item-toggle[href]:active {
  opacity: 1;
}
.menu__item-toggle._mobile {
  display: none;
}
@media (max-width: 640px) {
  .menu__item-toggle._mobile {
    display: flex;
  }
}
@media (min-width: 641px) {
  .menu__item-toggle {
    transition: opacity 0.3s ease-out;
  }
}
@media (max-width: 640px) {
  .menu__item-toggle {
    padding-right: 1.3125rem;
  }
}
.menu__item-arrow {
  --size: 1rem;
  margin-left: auto;
  width: var(--size);
  height: var(--size);
}
.menu__item-label {
  display: inline-block;
  padding: 0 0.3125rem;
  height: -moz-min-content;
  height: min-content;
  border-radius: 0.25rem;
  background-color: var(--background-secondary);
  color: var(--text-black-40);
  font-size: var(--desk-body-xs-size);
  line-height: 1rem;
}
.menu__content {
  display: none;
  transition: opacity 0.15s ease-out;
  opacity: 0;
}
.menu__content._active {
  display: block;
  opacity: 1;
  padding: 0.625rem 0;
}
.menu__content._animating {
  display: block;
  opacity: 0;
}
@media (max-width: 640px) {
  .menu__content._active {
    padding: 0;
  }
}
.menu__colors {
  --row-gap: 1rem;
  -moz-column-count: 2;
  column-count: 2;
  -moz-column-gap: 1.25rem;
  column-gap: 1.25rem;
  padding-top: 1.25rem;
  width: -moz-max-content;
  width: max-content;
}
.menu__colors > * {
  display: flex;
  -moz-column-break-inside: avoid;
  break-inside: avoid;
  width: 16.625rem;
}
.menu__colors > :not(:last-child) {
  margin-bottom: var(--row-gap);
}
@media (max-width: 1024px) {
  .menu__colors > * {
    width: 11.875rem;
  }
}
@media (max-width: 640px) {
  .menu__colors {
    --line-height: 3rem;
    --rows: 11;
    -moz-columns: initial;
    columns: initial;
    padding-top: 0.8125rem;
    width: auto;
    max-height: calc(
      var(--rows) * var(--line-height) + var(--row-gap) * (var(--rows) - 1)
    );
    overflow: hidden;
  }
  .menu__colors > * {
    width: auto;
  }
  .menu__colors._active {
    max-height: none;
  }
}
.menu__color {
  display: flex;
  flex-grow: 1;
  align-items: center;
  gap: 0.75rem;
  padding-left: 1.25rem;
}
:where(html._desktop) .menu__color:hover,
:where(html._desktop) .menu__more-btn:hover,
:where(html._desktop) .menu__product-list a:hover {
  opacity: 0.7;
}
@media (max-width: 640px) {
  .menu__color {
    padding: 0 var(--padding);
  }
}
.menu__color-img {
  --size: 3rem;
  width: var(--size);
  height: var(--size);
  border-radius: var(--border-radius-small);
  -o-object-fit: cover;
  object-fit: cover;
}
.menu__more-btn {
  padding: 0;
  border: 0;
  background: 0;
  outline: 0;
  color: inherit;
  text-decoration: none;
  font-family: inherit;
  cursor: pointer;
  touch-action: manipulation;
  display: none;
  align-items: center;
  gap: 0.125rem;
  margin-top: 0.5rem;
  color: var(--text-black-40);
  font-size: var(--desk-body-xs-size);
}
.menu__more-btn[aria-expanded="true"] .menu__more-icon {
  rotate: 180deg;
}
@media (max-width: 640px) {
  .menu__more-btn {
    display: inline-flex;
    margin-left: var(--padding);
    margin-block: 1rem 0.5rem;
    padding: 0.5rem 0;
  }
}
.menu__more-icon {
  --size: 0.75rem;
  width: var(--size);
  height: var(--size);
}
.menu__cases {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.75rem;
  padding: var(--padding);
}
html._mobile .menu__cases {
  scrollbar-width: none;
}
html._mobile .menu__cases::-moz-scrollbar {
  display: none;
}
html._mobile .menu__cases::-webkit-scrollbar {
  display: none;
}
html._mobile .menu__cases::scrollbar {
  display: none;
}
@media (max-width: 640px) {
  .menu__cases {
    display: flex;
    margin-left: calc(-1 * var(--padding));
    padding: 0 var(--padding);
    overflow: auto;
    scroll-snap-type: x mandatory;
  }
  .menu__cases._mobile-sm {
    gap: 0.375rem;
  }
  .menu__cases > * {
    scroll-snap-align: start;
    scroll-margin-inline: var(--padding);
  }
}
.menu__case,
.menu__case-text {
  position: relative;
  transform: translateZ(0);
}
.menu__case {
  display: flex;
  flex-direction: column;
  justify-content: end;
  padding: 0.75rem;
  box-sizing: border-box;
  width: 11.6875rem;
  overflow: hidden;
  border-radius: var(--border-radius-small);
  aspect-ratio: 187/252;
  color: var(--text-white);
  font-size: var(--mob-heading-l-size);
}
.menu__case::before {
  position: absolute;
  inset: 0;
  z-index: 1;
  background-color: var(--text-disabled);
  content: "";
}
.menu__case img {
  will-change: scale;
  transition: scale 0.3s ease;
}
@media (max-width: 640px) {
  .menu__cases._mobile-sm .menu__case {
    padding: 0.25rem 0.5rem;
    width: 6.875rem;
    aspect-ratio: 110/140;
    font-size: var(--mob-body-m-size);
  }
}
.menu__case-text {
  z-index: 2;
  margin-top: auto;
}
.menu__section-title {
  margin-bottom: 1.1875rem;
  font-size: var(--mob-heading-m-size);
}
.menu__product {
  display: flex;
  flex-direction: column;
}
.menu__product-link {
  padding: 0;
  border: 0;
  background: 0;
  outline: 0;
  color: inherit;
  text-decoration: none;
  font-family: inherit;
  cursor: pointer;
  touch-action: manipulation;
  display: flex;
  flex-grow: 1;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 1rem;
  box-sizing: border-box;
  min-width: 23.4375rem;
  font-size: var(--desk-body-m-size);
}
:where(html._desktop) .menu__product-link:hover {
  background-color: var(--control-tetriary);
}
@media (max-width: 640px) {
  .menu__product-link {
    padding: 0.5rem var(--padding);
    min-width: auto;
  }
}
.menu__product-img {
  --size: 3rem;
  width: var(--size);
  height: var(--size);
  border-radius: var(--border-radius-small);
  -o-object-fit: cover;
  object-fit: cover;
}
.menu__product-list a {
  display: flex;
  align-items: center;
  padding: 0.875rem 0.875rem 0.8125rem 4.625rem;
}
@media (max-width: 640px) {
  .menu__product-list a {
    padding-left: 4.75rem;
  }
}
.menu__accordion-toggle._active {
  background-color: var(--control-tetriary);
}
.menu__accordion-toggle._active .menu__accordion-icon {
  rotate: 180deg;
}
.menu__accordion-icon {
  --size: 1rem;
  flex-shrink: 0;
  margin-left: auto;
  width: var(--size);
  height: var(--size);
}
.menu__accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}
.menu__accordion-toggle._active + .menu__accordion-content {
  max-height: -moz-min-content;
  max-height: min-content;
}
.menu__content-section + .menu__content-section {
  margin-top: 2.25rem;
}
@media (max-width: 640px) {
  .menu__content-section {
    padding: 0.25rem 0;
    padding-bottom: 1rem;
    border-radius: 0 0 var(--section-bd-radius) var(--section-bd-radius);
    background-color: var(--background-white);
  }
  .menu__content-section + .menu__content-section {
    margin-top: 0.25rem;
    padding-top: 1rem;
    border-radius: var(--section-bd-radius);
  }
}
.menu__content-title {
  margin-bottom: 1.25rem;
  padding: 0 var(--padding);
  font-size: var(--desk-body-l-size);
}
@media (max-width: 640px) {
  .menu__content-title {
    font-size: var(--mob-heading-m-size);
  }
}
.menu__hircosts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.375rem;
  padding: 0 var(--padding);
}
.menu__hircost {
  display: flex;
}
:where(html._desktop) .menu__hircost:active .menu__hircost-img {
  opacity: 0.5;
}
.menu__hircost-link {
  display: flex;
  flex-grow: 1;
  align-items: center;
  gap: 0.625rem;
  padding: 0.25rem;
  border: 1px solid var(--border-black-8);
  border-radius: var(--border-radius-small);
}
:where(html._desktop) .menu__hircost-link:hover {
  border-color: var(--border-black-hovered);
  color: var(--text-hovered);
}
.menu__hircost-img {
  --size: 3.25rem;
  flex-shrink: 0;
  width: var(--size);
  height: var(--size);
  border-radius: var(--border-radius-xs);
  -o-object-fit: cover;
  object-fit: cover;
  transition: opacity 0.15s ease-out;
}
.menu__bg-wrapper {
  background-color: var(--background-white);
}
@media (max-width: 640px) {
  .menu__bg-wrapper {
    border-radius: 0 0 var(--section-bd-radius) var(--section-bd-radius);
  }
}
[data-menu-opener] {
  cursor: pointer;
}
.sign-up,
.sign-up__section {
  display: flex;
  flex-direction: column;
}
.sign-up {
  position: relative;
  flex-grow: 1;
}
.sign-up__section {
  height: 100%;
}
.sign-up[data-profile] .sign-up__section,
.sign-up__back {
  display: none;
}
.delivery[data-delivery="0"] .delivery__title._main,
.delivery[data-delivery="1"] .delivery__title._main,
.sign-up[data-profile="guest"] .sign-up__section[data-section="guest"],
.sign-up[data-profile="main"] .sign-up__section[data-section="main"],
.sign-up[data-profile="sign-up"] .sign-up__section[data-section="sign-up"] {
  display: block;
}
@media (max-width: 640px) {
  .sign-up__back {
    display: inline-flex;
  }
}
@media (min-width: 641px) {
  [data-profile="guest"] .sign-up__back,
  [data-profile="sign-up"] .sign-up__back {
    display: inline-flex;
  }
  [data-profile="main"] .sign-up__back {
    display: none;
  }
}
.sign-up__title {
  margin-bottom: 0.5rem;
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 400;
}
.sign-up__desc {
  margin-bottom: 1rem;
  color: rgba(0, 0, 0, 0.5);
  font-size: 0.875rem;
}
.sign-up__hint {
  margin-bottom: 0.375rem;
  width: 100%;
  text-align: center;
}
.sign-up__tabs {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  gap: 1.25rem;
}
.sign-up__tab-group {
  flex-grow: 1;
}
.sign-up__tabs-list {
  display: flex;
  gap: 0.375rem;
}
.sign-up__tabs-list > * {
  flex-grow: 1;
  flex-basis: 100%;
}
.sign-up__form {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.sign-up__guest {
  margin-top: 1rem;
}
.sign-up__submit._mt-auto {
  margin-top: auto;
}
.how-work__bonuses-text,
.how-work__texts {
  font-size: var(--desk-body-s-size);
  line-height: 1.32;
  letter-spacing: 0.0143em;
}
@media (max-width: 640px) {
  .how-work__bonuses-text,
  .how-work__texts {
    font-size: var(--mob-body-m-size);
    line-height: 1.44;
  }
}
.how-work__texts {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 2rem;
}
.how-work__texts:last-child {
  margin-bottom: 0;
}
@media (max-width: 640px) {
  .how-work__texts {
    gap: 0.375rem;
    margin-bottom: 1rem;
  }
}
.how-work__levels {
  margin-bottom: 1.125rem;
}
@media (max-width: 640px) {
  .how-work__levels {
    margin-bottom: 0.5625rem;
  }
}
.how-work__bonuses-hint {
  margin-block: 0.625rem 1.875rem;
  font-size: var(--desk-heading-s-size);
  line-height: 1.2;
}
@media (max-width: 640px) {
  .how-work__bonuses-hint {
    margin-block: 0 0.9375rem;
  }
}
.how-work__bonuses-guide {
  font-size: var(--mob-body-m-size);
  line-height: 1.44;
}
.how-work__bonuses-text {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.bonus-history__card {
  --space: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 2.0625rem;
  margin-left: calc(var(--space) / 2 * -1);
  padding-block: 2rem;
  width: calc(100% + var(--space));
  border-radius: var(--border-radius-default-mobile);
  background: linear-gradient(135deg, #90f7ec 0, #32ccbc 100%),
    linear-gradient(0deg, #f87979 0, #f87979 100%),
    linear-gradient(180deg, #003068 0, #00629c 51.63%, #6d9bb5 100%);
  color: var(--text-white);
  text-align: center;
  font-size: var(--mob-heading-s-size);
  line-height: 1.2;
}
@media (max-width: 640px) {
  .bonus-history__card {
    margin-left: initial;
    width: 100%;
  }
}
.bonus-history__card-phone {
  margin-bottom: 1rem;
}
.bonus-history__card-total {
  padding: 0.125rem 0.4375rem;
  border-radius: var(--border-radius-xs);
  background: var(--background-white-20);
  color: var(--text-white-70);
}
@media (max-width: 640px) {
  .bonus-history__card-total {
    font-size: var(--mob-body-m-size);
    line-height: 1.42;
  }
  html._ios .bonus-history__card-total,
  html._mac .bonus-history__card-total {
    padding: 0.1875rem 0.4375rem 0.125rem;
  }
}
.bonus-history__list {
  display: flex;
  flex-direction: column;
  gap: 2.0625rem;
}
.bonus-history__transaction-currency,
.bonus-history__transaction-history {
  display: flex;
  justify-content: space-between;
}
.bonus-history__transaction-currency {
  margin-bottom: 0.1875rem;
}
@media (max-width: 640px) {
  .bonus-history__transaction-currency {
    font-size: var(--mob-heading-s-size);
    line-height: 1.2;
  }
}
.bonus-history__transaction-history {
  color: var(--text-black-50);
  font-size: var(--mob-body-s-size);
  line-height: 1.32;
}
.cart-history__current-orders {
  margin-bottom: 2.3125rem;
}
@media (max-width: 640px) {
  .cart-history__current-orders {
    margin-bottom: 0;
  }
}
.cart-history__subtitle {
  margin-bottom: 1rem;
  font-size: var(--mob-heading-m-size);
  font-weight: 400;
}
.cart-history__completed-orders,
.cart-history__current-orders {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.cart-history__empty {
  position: relative;
  top: -1.875rem;
  margin: auto;
  text-align: center;
}
.cart-history__empty-subtitle {
  margin-bottom: 1.25rem;
  font-size: var(--desk-heading-s-size);
  font-weight: 400;
}
.cart-history__empty-icon {
  position: relative;
  top: -0.375rem;
  margin-bottom: 1.25rem;
  width: 4.5rem;
  height: 4.5rem;
}
.mailing .switcher-wrapper {
  justify-content: space-between;
}
.mailing__input-switch,
.mailing__switches {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1.25rem;
}
.mailing__switches {
  margin-bottom: 2.625rem;
}
@media (max-width: 640px) {
  .mailing__switches {
    margin-bottom: 0;
  }
}
.delivery::after,
.delivery__content-wrapper::before {
  position: absolute;
  content: "";
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
  visibility: hidden;
  opacity: 0;
}
.delivery::after {
  inset: 0;
  z-index: 6;
  background-color: var(--text-disabled);
}
.delivery._loader .delivery__content-wrapper::before,
.delivery._overlay::after {
  visibility: visible;
  opacity: 1;
}
.delivery[data-delivery="0"] [data-delivery-section="1"],
.delivery[data-delivery="1"] [data-delivery-section="1"] {
  display: flex;
}
.delivery[data-delivery="2"] [data-delivery-title="1"] {
  display: block;
}
.delivery[data-delivery="2"] [data-delivery-section="2"] {
  display: flex;
}
.delivery[data-delivery="3"] [data-delivery-title="2"] {
  display: block;
}
.delivery[data-delivery="3"] [data-delivery-section="3"] {
  display: flex;
}
.delivery[data-delivery="1"] .delivery__radio-list._delivery-way,
.delivery[data-delivery="4"] [data-delivery-title="3"],
.delivery[data-delivery="5"] .delivery__title._main,
.delivery[data-delivery="6"] .delivery__title._main,
.delivery[data-delivery="7"] .delivery__title._main {
  display: block;
}
.delivery[data-delivery="4"] [data-delivery-section="4"],
.delivery[data-delivery="5"] [data-delivery-section="5"],
.delivery[data-delivery="6"] [data-delivery-section="6"],
.delivery[data-delivery="7"] [data-delivery-section="7"] {
  display: flex;
}
.delivery[data-delivery="0"] .delivery__back,
.delivery[data-delivery="1"] .delivery__back,
.delivery__radio-list._delivery-way,
.delivery__title {
  display: none;
}
@media (max-width: 640px) {
  .delivery[data-delivery] .delivery__back {
    display: inline-flex;
  }
}
.delivery__text {
  margin-bottom: 1.25rem;
  font-size: var(--mob-heading-s-size);
}
.delivery__content-wrapper {
  position: relative;
  flex-grow: 1;
  padding-bottom: 1rem;
}
.delivery__content-wrapper::before {
  --size: 2rem;
  top: calc(50% - var(--size) / 2);
  left: calc(50% - var(--size) / 2);
  width: var(--size);
  height: var(--size);
  background: url(
      data:image/svg + xml;charset=utf-8,
      %3Csvg%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%09%3Ccircle%20cx%3D%2216%22%20cy%3D%2216%22%20r%3D%2214.2%22%20stroke%3D%22black%22%20stroke-opacity%3D%220.08%22%20stroke-width%3D%223.6%22%20%2F%3E%0A%09%3Cpath%20d%3D%22M16%201.8C18.4317%201.8%2020.8226%202.42445%2022.9437%203.61352C25.0648%204.80259%2026.845%206.51644%2028.1138%208.59086%22%0A%09%09stroke%3D%22url\(
          %23paint0_linear_2930_89682\)%22%20stroke-width%3D%223.6%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20%2F%3E%0A%09%3Cdefs%3E%0A%09%09%3ClinearGradient%20id%3D%22paint0_linear_2930_89682%22%20x1%3D%2216%22%20y1%3D%220%22%20x2%3D%2216%22%20y2%3D%2232%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%09%09%09%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23323232%22%20%2F%3E%0A%09%09%09%3Cstop%20offset%3D%221%22%20stop-color%3D%22%231A1A1A%22%20%2F%3E%0A%09%09%3C%2FlinearGradient%3E%0A%09%3C%2Fdefs%3E%0A%3C%2Fsvg%3E
    )
    center/contain no-repeat;
  animation: rotate 1s linear infinite;
}
.delivery__section {
  display: none;
  flex-grow: 1;
  flex-direction: column;
}
.delivery__radio-list > * + * {
  margin-top: 1.1875rem;
}
@media (max-width: 640px) {
  .delivery__radio-list {
    padding-top: 0.3125rem;
  }
}
.delivery__tabs {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  margin-top: 1rem;
}
.delivery__tabs-list {
  margin-bottom: 1.25rem;
}
.delivery__tabs-group,
.delivery__tabs-list > * {
  flex-grow: 1;
}
.delivery__tabs-group[aria-hidden="false"] {
  display: flex;
  flex-direction: column;
}
.delivery__tabs-group._full {
  margin-bottom: -1.8125rem;
  margin-inline: calc(-1 * var(--container-padding));
}
.delivery__map-wrapper {
  position: relative;
  flex-grow: 1;
  overflow: hidden;
}
.delivery__map {
  width: 100%;
  height: 100%;
  background-color: var(--background-secondary);
}
.delivery__map-popup {
  --offset: 1.5rem;
  position: absolute;
  right: var(--offset);
  bottom: var(--offset);
  left: var(--offset);
  z-index: 10;
  padding: var(--container-padding-sm);
  padding-right: 3.75rem;
  box-sizing: border-box;
  border-radius: var(--border-radius-default-mobile);
  background-color: var(--background-white);
  font-size: var(--mob-body-m-size);
  transform: translateY(100%);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out,
    transform 0.3s ease-out;
}
.delivery__map-popup p + p {
  margin-top: 0.25rem;
}
.delivery._map-popup .delivery__map-popup {
  transform: translateY(0);
  opacity: 1;
  visibility: visible;
}
@media (max-width: 640px) {
  .delivery__map-popup {
    right: 0;
    bottom: 0;
    left: 0;
  }
}
.delivery__map-popup-submit {
  margin-top: 2.5rem;
  width: calc(100% + 2.5rem);
}
@media (max-width: 640px) {
  .delivery__map-popup-submit {
    margin-top: 1.25rem;
  }
}
.delivery__map-popup-close {
  top: 0.75rem;
  right: 0.75rem;
}
@media (max-width: 640px) {
  .delivery__map-popup-close {
    display: flex;
  }
}
.delivery__total {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  font-size: var(--mob-body-m-size);
  line-height: 1.4;
}
.delivery__total-title {
  margin-bottom: 1rem;
  font-size: var(--mob-heading-m-size);
}
.delivery__total-text {
  font-size: var(--mob-heading-s-size);
}
.delivery__total-desc {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
  border-top: 1px solid var(--border-black-8);
}
.delivery__total-note {
  margin-top: 0.25rem;
  color: var(--text-secondary);
  font-size: var(--mob-body-s-size);
}
.delivery__total-map {
  margin-block: 1.25rem;
  width: 100%;
  height: 15rem;
  overflow: hidden;
  border-radius: var(--border-radius-default-mobile);
  background-color: var(--background-secondary);
}
@media (max-width: 640px) {
  .delivery__total-map {
    height: 10.875rem;
  }
}
.delivery__total-nav {
  margin-top: auto;
}
.delivery__total-btn {
  margin-top: 0.5rem;
}
.delivery__footer-buttons {
  position: sticky;
  bottom: -1.875rem;
  margin: calc(var(--container-padding) * -1);
  margin-bottom: -1.875rem;
  padding: var(--padding);
  background-color: var(--background-white);
}
@media (max-width: 640px) {
  .delivery__footer-buttons {
    --padding: var(--container-padding);
    bottom: calc(var(--padding) * -1);
    margin: calc(var(--padding) * -1);
  }
}
.order-info__header {
  margin-bottom: 0.625rem;
}
.order-info__card-selected {
  display: flex;
  margin-bottom: 0;
  background: 0 0;
}
.order-info .order-item {
  --img-size: 2.5rem;
}
.order-info__bonuses,
.order-info__payment {
  display: flex;
  border-radius: var(--border-radius-xs);
}
.order-info__payment {
  align-items: center;
  gap: 0.5rem;
  margin-top: 0.875rem;
  padding: 0.375rem 0.5rem;
  background: var(--background-secondary);
  font-size: var(--mob-body-s-size);
  line-height: 1.32;
}
.order-info__bonuses {
  position: relative;
  justify-content: center;
  margin-bottom: 1.25rem;
  padding: 0.1875rem 0.4375rem 0;
  width: -moz-max-content;
  width: max-content;
  background: var(--control-secondary);
  font-size: var(--desk-body-m-size);
  line-height: 1.52;
}
@media (max-width: 640px) {
  .order-info__bonuses {
    margin: 0 auto 1.25rem;
  }
}
.order-info__bonuses::before {
  content: "";
  position: absolute;
  top: -0.625rem;
  left: 50%;
  transform: translateX(-50%);
  width: 1.3125rem;
  height: 0.625rem;
  background: url(
      data:image/svg + xml;charset=utf-8,
      %3Csvg%20width%3D%2221%22%20height%3D%2210%22%20viewBox%3D%220%200%2021%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0.5%209.98639C5.51428%209.7127%209.5%205.3463%209.5%200H11.5C11.5%205.3463%2015.4857%209.7127%2020.5%209.98639V10H0.5V9.98639Z%22%20fill%3D%22url\(
          %23paint0_linear_2967_204819\)%22%2F%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_2967_204819%22%20x1%3D%2210.5%22%20y1%3D%220%22%20x2%3D%2210.5%22%20y2%3D%2210%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22white%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F2F2F2%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E
    )
    no-repeat 0 0;
}
.order-info__completed-orders {
  margin-bottom: 1.875rem;
}
@media (max-width: 640px) {
  .order-info__completed-orders {
    margin-bottom: 0;
  }
}
.order-info__subtitle {
  margin-bottom: 1rem;
  font-size: var(--mob-heading-m-size);
  line-height: 1.2;
}
.order-info__composition {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 1.875rem;
}
@media (max-width: 640px) {
  .order-info__composition {
    margin-bottom: 0;
  }
}
.sign-in__hint {
  margin-bottom: 1.875rem;
}
.sign-in__hint-title {
  margin-bottom: 0.5rem;
  font-size: var(--desk-heading-s-size);
  line-height: 1.2;
}
.sign-in__hint-text {
  color: var(--text-black-50);
  font-size: var(--desk-body-m-size);
  line-height: 1.52;
}
.sign-in__form {
  display: flex;
  flex-direction: column;
}
.sign-in__fields,
.sign-in__success,
.sign-in__timer {
  display: flex;
  justify-content: center;
  gap: 0.75rem;
}
.sign-in__success,
.sign-in__timer {
  align-items: center;
  gap: 0.375rem;
  padding: 0.875rem 1.5rem;
}
.sign-in__submit._hidden,
.sign-in__success._hidden,
.sign-in__timer._hidden {
  display: none;
}
.sign-in__success-text,
.sign-in__timer-text {
  color: var(--text-black-50);
  font-size: var(--mob-body-s-size);
  line-height: 1.2;
}
.sign-in__footer {
  margin-top: auto;
}
.sign-in__timer-svg {
  flex-shrink: 0;
}
.sign-in__timer-progress {
  transition: stroke-dashoffset 1s linear;
  stroke-linecap: round;
}
.qr {
  text-align: center;
}
.qr__img-wrapper {
  --size: 9.75rem;
  position: relative;
  margin: 0 auto;
  margin-bottom: 1.5rem;
  padding: 1.25rem;
  width: var(--size);
  height: var(--size);
  border: 1px solid var(--border-black-8);
  border-radius: var(--border-radius-default-mobile);
}
.qr__img {
  width: 100%;
  height: 100%;
}
.qr__title {
  margin-bottom: 0.5rem;
  font-size: var(--mob-heading-m-size);
  line-height: 1.2;
}
.qr__text {
  margin: 0 auto;
  max-width: 18.375rem;
  color: var(--text-black-50);
  font-size: var(--mob-body-m-size);
  line-height: 1.44;
}
.order-certificates__step {
  display: none;
}
.order-certificates__step._active {
  display: block;
}
.order-certificates__information {
  margin-bottom: 2rem;
  padding: 0.5rem;
  border: 1px solid var(--control-attention);
  border-radius: var(--border-radius-xs);
  font-size: var(--mob-body-s-size);
  line-height: 1.32;
}
.order-certificates__information-text {
  margin-bottom: 0.5rem;
  color: var(--text-black-50);
}
.order-certificates__data-subtitle,
.order-certificates__time {
  display: inline-block;
  font-size: var(--mob-heading-m-size);
  line-height: 1.2;
}
.order-certificates__time {
  margin-bottom: 1.75rem;
}
.order-certificates__time-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.order-certificates__data-item {
  padding: 0.75rem 0;
  border-bottom: 1px solid var(--border-black-8);
}
.order-certificates__data-item:last-child {
  border-bottom: none;
}
.order-certificates__data-btn {
  margin-top: 0.5rem;
}
.order-certificates__data-hint {
  margin-top: 0.25rem;
  color: var(--text-secondary);
  font-size: var(--mob-body-s-size);
  line-height: 1.32;
}
.order-certificates__btn {
  position: sticky;
  bottom: 0;
  gap: 0.25rem;
  margin-top: auto;
}
.cart-remove {
  text-align: center;
}
.cart-remove__text {
  color: var(--text-black-50);
}
.cart-remove__visual {
  position: relative;
  display: inline-flex;
  margin: 0 auto;
  margin-block: 3rem 3.5625rem;
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 640px) {
  .cart-remove__visual {
    margin-block: 2.4375rem 2.9375rem;
  }
}
.cart-remove__img-wrapper {
  --size: 4.75rem;
  position: relative;
  left: -0.3125rem;
  width: var(--size);
  height: var(--size);
  overflow: hidden;
  border-radius: var(--border-radius-xs);
}
.cart-remove__icon {
  --size: 4.4375rem;
  position: absolute;
  top: 2.25rem;
  left: 1.5rem;
  width: var(--size);
  height: var(--size);
}
.cart-remove__buttons {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 4.9375rem;
}
@media (max-width: 640px) {
  .cart-remove__buttons {
    gap: 0.5rem;
    margin-top: 3.25rem;
  }
}
.order-done {
  position: relative;
}
.order-done__header,
.pay-methods [data-pay-methods-section],
.pay-methods [data-pay-methods-step],
.pay-methods [data-pay-methods-submit],
.pay-methods [data-pay-methods-title] {
  display: none;
}
@media (max-width: 640px) {
  .order-done__header {
    display: flex;
  }
}
.order-done__content {
  margin-top: 26.8vh;
}
@media (max-width: 640px) {
  .order-done__content {
    margin-top: 6.5625rem;
  }
}
.order-done__text {
  margin: 0 auto;
  padding: 1rem 0;
  max-width: 21.4375rem;
  color: var(--text-black-50);
  text-align: center;
  font-size: var(--mob-body-m-size);
  line-height: 1.4;
}
.order-done__title {
  margin-bottom: 0.3125rem;
  color: var(--text-black);
  font-size: var(--mob-heading-l-size);
}
.order-done__items {
  display: flex;
  justify-content: center;
  gap: 0.625rem;
}
.order-done__item img {
  width: 3rem;
  height: 3.5rem;
  border-radius: var(--border-radius-xxs);
  -o-object-fit: cover;
  object-fit: cover;
}
.order-done__nav {
  margin-top: auto;
}
.order-done__nav > * + * {
  margin-top: 0.75rem;
}
.pay-methods {
  position: relative;
}
.pay-methods .form__footnote {
  opacity: 0;
}
.pay-methods[data-pay-methods="0"] [data-pay-methods-submit] {
  display: flex;
}
.pay-methods[data-pay-methods="0"] [data-pay-methods-section="1"],
.pay-methods[data-pay-methods="0"] [data-pay-methods-title="1"] {
  display: block;
}
.pay-methods[data-pay-methods="0"] .pay-methods__footnote {
  opacity: 1;
}
.pay-methods[data-pay-methods="1"] [data-pay-methods-step="2"] {
  display: flex;
}
.pay-methods[data-pay-methods="1"] [data-pay-methods-section="1"],
.pay-methods[data-pay-methods="1"] [data-pay-methods-title="1"] {
  display: block;
}
.pay-methods[data-pay-methods="2"] [data-pay-methods-back],
.pay-methods[data-pay-methods="2"] [data-pay-methods-step="3"] {
  display: flex;
}
.pay-methods[data-pay-methods="2"] [data-pay-methods-section="2"],
.pay-methods[data-pay-methods="2"] [data-pay-methods-title="2"],
.pay-methods[data-pay-methods="3"] .pay-methods__footnote,
.pay-methods[data-pay-methods="3"] [data-pay-methods-section="1"],
.pay-methods[data-pay-methods="3"] [data-pay-methods-title="1"] {
  display: block;
}
.pay-methods[data-pay-methods="3"] [data-pay-methods-step="4"] {
  display: flex;
}
.pay-methods[data-pay-methods="4"] [data-pay-methods-section="3"],
.pay-methods[data-pay-methods="4"] [data-pay-methods-title="3"] {
  display: block;
}
.pay-methods[data-pay-methods="4"] [data-pay-methods-back],
.pay-methods[data-pay-methods="4"] [data-pay-methods-step="5"] {
  display: flex;
}
.new-certificate[data-new-certificate="0"] .new-certificate__title._main,
.pay-methods[data-pay-methods="5"] [data-pay-methods-section="4"] {
  display: block;
}
.new-certificate[data-new-certificate="0"] [data-new-certificate-section="0"],
.pay-methods[data-pay-methods="5"] .pay-methods__done-btn {
  display: flex;
}
.pay-methods__section {
  margin-bottom: 2rem;
}
.pay-methods__section-title {
  margin-bottom: 0.5rem;
  font-size: var(--desk-body-l-size);
}
@media (max-width: 640px) {
  .pay-methods__section-title {
    font-size: var(--mob-heading-m-size);
  }
}
.pay-methods__section-text {
  color: var(--text-black-50);
}
@media (max-width: 640px) {
  .pay-methods__section-text {
    font-size: var(--mob-body-l-size);
  }
}
.pay-methods__img {
  margin-top: 1rem;
  width: 100%;
  height: auto;
  border-radius: var(--border-radius-default-mobile);
}
.pay-methods__list > * + * {
  margin-top: 0.375rem;
}
.pay-methods__item,
.wallet-card__main img {
  width: 100%;
}
.pay-methods__nav {
  position: sticky;
  bottom: 0;
  margin-top: auto;
}
.pay-methods__back {
  display: none;
}
@media (max-width: 640px) {
  .pay-methods__back {
    display: flex;
  }
}
.pay-methods__company {
  margin-top: 1rem;
}
.pay-methods__check-icon {
  display: block;
  margin: 0 auto;
  margin-bottom: 1.5rem;
  width: 4.375rem;
  height: 4.4375rem;
}
.pay-methods__done {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 10.625rem;
}
@media (max-width: 640px) {
  .pay-methods__done {
    margin-top: 8.125rem;
  }
}
.pay-methods__done-btn {
  display: none;
}
.pay-methods-company {
  padding: 1rem;
  box-sizing: border-box;
  width: 100%;
  border: 1px solid var(--border-black-8);
  border-radius: var(--border-radius-middle);
  background-color: var(--background-white);
  color: var(--text-black-50);
  line-height: 1.52;
}
.pay-methods-company._no-border {
  padding: 0.8125rem;
  border: 0;
}
.pay-methods-company > * {
  max-width: 20rem;
}
.pay-methods-company > * + * {
  display: block;
  margin-top: 0.5rem;
}
.pay-methods-company [data-pay-methods-step] {
  display: inline-flex;
}
@media (max-width: 640px) {
  .pay-methods-company > * {
    max-width: none;
  }
}
.order-all-remove {
  position: relative;
}
.order-all-remove__title {
  margin-block: 5.625rem 6.25rem;
  text-align: center;
  font-size: var(--desk-heading-s-size);
}
@media (max-width: 640px) {
  .order-all-remove__title {
    margin-block: 2.5rem 2rem;
    font-size: var(--mob-heading-m-size);
  }
}
.order-all-remove__button {
  margin-bottom: 0.625rem;
}
.delivery-error {
  position: relative;
}
.delivery-error__content {
  margin: 0 auto;
  margin-bottom: 2.5rem;
  max-width: 18.75rem;
  color: var(--text-black-50);
  text-align: center;
}
.delivery-error__product {
  margin-block: 11.5625rem 2.125rem;
  font-size: var(--mob-body-m-size);
}
@media (max-width: 640px) {
  .delivery-error__product {
    margin-top: 3.25rem;
  }
}
.delivery-error__img-wrapper {
  position: relative;
  margin: 0 auto;
  margin-bottom: 1.8125rem;
  width: -moz-min-content;
  width: min-content;
}
.delivery-error__img {
  --size: 4.75rem;
  position: relative;
  left: -0.3125rem;
  width: var(--size);
  height: var(--size);
  border-radius: var(--border-radius-xs);
}
.delivery-error__icon {
  --size: 4.4375rem;
  position: absolute;
  top: 2.25rem;
  left: 1.5rem;
  width: var(--size);
  height: var(--size);
}
.delivery-error__title {
  margin-bottom: 0.5rem;
  color: var(--text-black);
  font-size: var(--desk-body-l-size);
}
@media (max-width: 640px) {
  .delivery-error__title {
    font-size: var(--mob-heading-m-size);
  }
}
.delivery-error__text {
  font-size: var(--desk-body-m-size);
  line-height: 1.5;
}
@media (max-width: 640px) {
  .delivery-error__text {
    font-size: var(--mob-body-l-size);
  }
}
.delivery-error__buttons {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin-top: auto;
  padding-top: 2rem;
}
@media (max-width: 640px) {
  .delivery-error__buttons {
    gap: 0.5rem;
    margin: -1rem;
    margin-top: auto;
    padding: 1rem;
    box-shadow: 0 0.25rem 0.9375rem 0 rgba(51, 51, 51, 0.08),
      0 0.3125rem 0.25rem 0 rgba(51, 51, 51, 0.05),
      0 0 0.25rem 0 rgba(51, 51, 51, 0.07);
  }
}
.new-certificate {
  position: relative;
}
.new-certificate[data-new-certificate="1"] [data-new-certificate-title="1"] {
  display: block;
}
.new-certificate[data-new-certificate="1"] [data-new-certificate-section="1"] {
  display: flex;
}
.new-certificate[data-new-certificate="2"] [data-new-certificate-title="2"] {
  display: block;
}
.new-certificate._empty .new-certificate__section[data-new-certificate-section],
.new-certificate__title {
  display: none;
}
.new-certificate__section {
  display: none;
  flex-grow: 1;
  flex-direction: column;
}
.new-certificate._empty .new-certificate__section._empty,
.new-certificate[data-new-certificate="2"] [data-new-certificate-section="2"] {
  display: flex;
}
.new-certificate__block {
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
  width: 100%;
}
.new-certificate__block.swiper {
  margin-right: -1rem;
  width: calc(100% + 1rem);
}
.new-certificate__content-wrapper {
  position: relative;
  flex-grow: 1;
  padding-bottom: 1rem;
}
.new-certificate__list {
  margin-top: 2.25rem;
  margin-bottom: 3.375rem;
}
.new-certificate__list .swiper-slide {
  width: auto;
}
.new-certificate__list .card-certificate {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: pointer;
}
@media (max-width: 640px) {
  .new-certificate__list {
    margin-top: 3.4375rem;
    margin-bottom: 2.375rem;
  }
}
.new-certificate__preview {
  display: flex;
  justify-content: center;
  margin-top: -0.5rem;
  margin-bottom: 2.0625rem;
}
@media (max-width: 640px) {
  .new-certificate__preview {
    margin-bottom: 1.875rem;
  }
}
.new-certificate__history {
  display: flex;
  flex-direction: column;
  row-gap: 1.9375rem;
}
@media (max-width: 640px) {
  .new-certificate__history {
    row-gap: 1.75rem;
  }
}
.new-certificate__history-item {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.new-certificate__history-head,
.new-certificate__history-info {
  display: flex;
  justify-content: space-between;
  gap: 0.5rem;
}
@media (max-width: 640px) {
  .new-certificate__history-head {
    font-size: 1rem;
  }
}
.new-certificate__history-info {
  opacity: 0.5;
}
.new-certificate__history-info > :first-child {
  letter-spacing: 0.02em;
}
@media (max-width: 640px) {
  .new-certificate__history-info > :first-child {
    letter-spacing: 0;
  }
}
.new-certificate__empty {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin: auto;
  margin-top: 26.7vh;
  width: 19.375rem;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.5rem;
}
.new-certificate__empty .button._size-m {
  font-size: 1rem;
}
@media (max-width: 640px) {
  .new-certificate__empty {
    margin-top: 26.2vh;
  }
  .new-certificate__empty .button._size-m {
    margin: 0 auto;
    padding-inline: 1rem;
    width: -moz-max-content;
    width: max-content;
    height: 2.5rem;
    font-size: 0.875rem;
  }
}
.new-certificate .link-button__arrow {
  margin-left: auto;
}
.new-certificate .link-button__icon {
  margin-right: 0.5rem;
}
.case-popup__text {
  color: var(--text-black-50);
  font-size: 0.875rem;
}
.case-popup__slider {
  margin-bottom: 2rem;
  overflow: visible;
}
.case-popup__slide {
  overflow: hidden;
  border-radius: 8px;
}
.case-popup__nav {
  display: flex;
  gap: 1.5rem;
  margin-top: 0.5rem;
}
@media (max-width: 640px) {
  .case-popup__nav {
    display: none;
  }
}
[data-popup="case-popup"] {
  overflow-x: hidden;
}
.card__discount {
  position: absolute;
  z-index: 9;
  bottom: 0.5125rem;
  left: 0.5375rem;
  font-size: 80%;
  background: #03956e;
  color: #fff;
  padding: 5px;
  border-radius: 4px;
}
.card__badge {
  position: absolute;
  z-index: 9;
  top: 0.5125rem;
  left: 0.5375rem;
  font-size: 70%;
  background: rgba(255, 255, 255, 0.7);
  color: var(--text-black-50);
  padding: 3px 5px;
  border-radius: 4px;
  display: flex;
  gap: 3px;
  align-items: center;
}
.card__badge img {
  height: 12px;
  margin-top: -1px;
}
.card__badge span {
  line-height: 1;
  margin-top: 2px;
}
.card._featured .card__discount {
  left: unset;
  right: 0.5375rem;
}
.page__section.collection h1 {
  max-width: 80%;
  text-align: center;
  font-size: 120%;
  color: #8b8888;
  margin: -25px auto 25px;
}
@media (max-width: 640px) {
  .wallet-card__header {
    padding-inline: var(--padding);
  }
}
.wallet-card__main {
  margin: 2rem 0 1.25rem;
  overflow: hidden;
  border-radius: var(--border-radius-middle);
}
.wallet-card__footer {
  margin-top: auto;
}
.wallet-card__hint {
  margin-bottom: 0.5rem;
  text-align: center;
}
.wallet-card__continue {
  margin-top: 0.5rem;
}
.wallet-card__footnote {
  margin: 0 auto;
  margin-top: 0.75rem;
  max-width: 22.5rem;
  color: var(--text-secondary);
  text-align: center;
  font-size: var(--mob-body-s-size);
}
.wallet-card__footnote a[href] {
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
@media (max-width: 640px) {
  .page__section.collection h1 {
    margin: -15px auto 15px;
  }
}
.bonus_level {
  position: relative;
  display: inline-flex;
  margin-bottom: 10px;
  padding: 2px 7px;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.2);
  color: rgba(255, 255, 255, 0.7);
  font-size: 20px;
  line-height: 1.2;
}
.profile-hero .bonus_level::before {
  content: "";
  position: absolute;
  top: -0.615rem;
  width: 1.25rem;
  height: 0.625rem;
  background: url(
      data:image/svg + xml;charset=utf-8,
      %3Csvg%20viewBox%3D%220%200%2020%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20style%3D%22mix-blend-mode%3Ascreen%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%209.98639C5.01428%209.7127%209%205.3463%209%200H11C11%205.3463%2014.9857%209.7127%2020%209.98639V10H0V9.98639Z%22%20fill%3D%22url\(
          %23paint0_linear_3543_117679\)%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_3543_117679%22%20x1%3D%2210%22%20y1%3D%220%22%20x2%3D%2210%22%20y2%3D%2210%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22white%22%20stop-opacity%3D%220%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22white%22%20stop-opacity%3D%220.2%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E
    )
    no-repeat 0 0;
  left: 50%;
  transform: translateX(-50%);
}
.bonus_bonuses {
  font-size: 16px;
  line-height: 1.52;
  color: rgba(255, 255, 255, 0.5);
}
.bonus_bonuses b {
  font-weight: normal;
  color: rgba(255, 255, 255, 1);
}
.bonus_percent {
  margin: 40px auto;
  line-height: 1.2;
}
.bonus_percent .meaning {
  font-size: 60px;
}
.bonus_percent .annotation {
  font-size: 16px;
}
.bonus_spent {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  max-width: 400px;
  margin: auto;
}
.bonus_spent .amount,
.bonus_spent .remained {
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 6px;
  width: calc(50% - 30px);
  padding: 10px;
  font-size: 16px;
  line-height: 1.52;
}
.bonus_spent .annotation {
  color: rgba(255, 255, 255, 0.5);
}
.bonus_info {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
  font-size: 16px;
  line-height: 1.52;
  margin-top: 40px;
  cursor: pointer;
}
.bonus-info-popup p:not(:last-child) {
  margin-bottom: 20px;
}
.bonus-info-popup__levels__header {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.bonus-info-popup .swiper {
  margin: 0 calc(var(--container-padding) * -1);
  padding: 0 var(--container-padding);
  margin-bottom: 20px;
}
.bonus-info-popup .swiper-slide {
  width: 131px;
  height: 206px;
  padding: 16px;
  text-align: center;
  color: #fff;
  border-radius: 8px;
}
.bonus-info-popup .swiper-slide.student {
  background: linear-gradient(0.25turn, #feb692, #ea5455);
}
.bonus-info-popup .swiper-slide.resident {
  background: linear-gradient(0.25turn, #ce9ffc, #7367f0);
}
.bonus-info-popup .swiper-slide.doctor {
  background: linear-gradient(0.25turn, #84e0d6, #02b7a4);
}
.bonus-info-popup .swiper-slide.physician {
  background: linear-gradient(135deg, #fff6b7 0%, #f6416c 100%);
}
.bonus-info-popup .swiper-slide .bonus_level {
  color: #fff;
  font-size: 14px;
  margin: 0 auto;
}
.bonus-info-popup__levels__title {
  font-size: 120%;
  font-weight: 500;
}
.bonus-info-popup__levels__nav {
  display: flex;
  gap: 0.625rem;
}
.bonus-info-popup .bonus_percent {
  width: 76px;
  margin: 28px auto;
  color: rgba(255, 255, 255, 0.7);
}
.bonus-info-popup .bonus_percent .meaning {
  font-size: 38px;
}
.bonus-info-popup .bonus_percent .annotation {
  font-size: 14px;
}
.bonus-info-popup .amount {
  width: 100%;
  padding: 10px 0;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 6px;
}
.bonus-info-popup__levels__nav button {
  --size: 1.2rem !important;
}
@media (max-width: 640px) {
  .bonus-info-popup__levels__nav {
    display: none;
  }
  .bonus-info-popup .swiper {
    padding-right: 0;
  }
  .bonus-info-popup .swiper .swiper-wrapper {
    margin-left: -0.5rem;
  }
}
@media (max-width: 480px) {
  .bonus_level,
  .bonus_bonuses,
  .bonus_spent .amount,
  .bonus_spent .remained,
  .bonus_info {
    font-size: 14px;
  }
  .bonus_percent .meaning {
    font-size: 38px;
  }
}
.order-bonuses {
  display: none;
  position: relative;
  width: fit-content;
  background: #f2f2f2;
  font-size: 100%;
  padding: 2px 7px;
  border-radius: 6px;
  margin-bottom: 15px;
}
.order-bonuses.active {
  display: block;
}
.order-bonuses::before {
  content: "";
  position: absolute;
  top: -0.615rem;
  width: 1.25rem;
  height: 0.625rem;
  background: url(
      data:image/svg + xml;charset=utf-8,
      %3Csvg%20viewBox%3D%220%200%2020%2010%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cg%20style%3D%22mix-blend-mode%3Ascreen%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M0%209.98639C5.01428%209.7127%209%205.3463%209%200H11C11%205.3463%2014.9857%209.7127%2020%209.98639V10H0V9.98639Z%22%20fill%3D%22url\(
          %23paint0_linear_3543_117679\)%22%2F%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_3543_117679%22%20x1%3D%2210%22%20y1%3D%220%22%20x2%3D%2210%22%20y2%3D%2210%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22grey%22%20stop-opacity%3D%220%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22grey%22%20stop-opacity%3D%220.2%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E
    )
    no-repeat 0 0;
  left: 50%;
  transform: translateX(-50%);
  opacity: 0.5;
}
@media (max-width: 640px) {
  .order-bonuses {
    margin: 0 auto 20px;
  }
  .order-info.popup:has(.order-bonuses.active) .popup__header {
    padding-bottom: 0;
  }
}
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  width: 40px;
  height: 40px;
  transition: all 0.4s;
  cursor: pointer;
}
@media (max-width: 640px) {
  .back-to-top {
    right: 10px;
    bottom: 80px;
  }
}
.back-to-top.active {
  visibility: visible;
  opacity: 1;
}
section {
  touch-action: pan-y;
}
.main-hero__slider .swiper-slide:not(.swiper-slide-active),
.lazyloading,
.swiper.lazyloading,
.popups__popup:not([style*="visibility: inherit"]) img {
  visibility: hidden;
  opacity: 0;
}
.product-info + .catalog-list img {
  visibility: visible;
  opacity: 1;
}
@media (min-width: 641px) {
  .order__gifts {
    flex-wrap: wrap;
  }
}
.card__not_available {
  position: absolute;
  top: calc(50% - 8.4px);
  left: calc(50% - 56.14px);
  color: #000;
  font-size: 14px;
  font-weight: 500;
  z-index: 9;
}
.card__not_available.detail {
  font-size: 24px;
  top: calc(50% - 14.4px);
  left: calc(50% - 96.27px);
}
.sign-in__timer {
  margin-bottom: 15px;
}
.js-sign-in-send-code-again[disabled] {
  display: none;
}
.sign-in__timer svg {
  -webkit-animation: rotate-r 10s linear infinite;
  animation: rotate-r 10s linear infinite;
}
@-webkit-keyframes rotate-r {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes rotate-r {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.js-basket-sum-products {
    font-family: 'Roboto', sans-serif;
}
/* End */


/* Start:/local/templates/hircost/css/style.css?17666908832653*/
.gender-js {
    cursor: pointer;
}

.yapay {
    min-height: calc(38px + 15px);
    height: calc(38px + 15px);
}

.ya-pay-widget {
    height: 38px !important;
    width: 190px !important;
    margin: 0 !important;
    margin-bottom: 15px !important;
}

.cart-ya-pay {
    display: flex;
    justify-content: center;
}

.cart-ya-pay .ya-pay-widget {
    margin-bottom: 0 !important;
}

.collection-slider__item::before {
    background: url(/local/templates/hircost/assets/images/collection/collection-item-shadow.svg) no-repeat;
    background-size: 100% 100%;
}

.cases__link {
    color: black;
}

.cards-list__item .card__img-wrapper,.cards-list__item .card__title {
    cursor: pointer;
}

.section._black {
    background: url(/local/templates/hircost/assets/images/about/about-hero-bg.svg)no-repeat,var(--control-black-gradient);
    background-size: cover;
    color: var(--text-white);
}
.cart-ya-pay {
    height: 38px;
}
.filter-button._color.disabled{
    color: var(--text-disabled);
    pointer-events: none;
}

.wallet-button {
    gap: 15px;
}

.wallet-card__main {
    position: relative;
}

.wallet-question-icon {
    position: absolute;
    --btn-size: 2.5rem;
    --icon-size: 1.5rem;
    padding: 0;
    border: 0;
    outline: 0;
    text-decoration: none;
    font-family: inherit;
    cursor: pointer;
    touch-action: manipulation;
    top: .75rem;
    right: .75rem;
    z-index: 5;
    display: flex;
    justify-content: center;
    align-items: center;
    width: var(--btn-size);
    height: var(--btn-size);
    border-radius: 100vmax;
    background: var(--background-secondary);
    color: var(--text-black);
}

.sticky-footer-note {
    background-color: #353535;
    color: #fff;
    position: sticky;
    bottom: 0px;
    font-size: 14px;
    z-index: 30;
    text-align: center;
    padding: 18px 0px;
    overflow: hidden;
    white-space: nowrap;
    line-height: 0px;
}

.sticky-footer-note a {
    text-decoration: underline;
    font-weight: 500;
    text-underline-offset: 4px
}

.sticky-footer-note span {
    display: inline-block;
    padding-left: 100%;
    animation: marquee 30s linear infinite;
}

@keyframes marquee {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

@media (max-width: 640px) {
    .sticky-footer-note span {
        animation: marquee 15s linear infinite;
    }

    .page__main .main-hero__pagination.swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 4.125rem;
    }

    .sticky-footer-note {
        bottom: 4rem;
    }

    .page__main .main-hero__content {
        padding-bottom: 7rem;
    }
}

/* End */


/* Start:/local/components/hircost/profile.authorization/templates/.default/style.css?17722074423192*/
.js-profile-registration {
	margin-top: auto;
}

.accordion._certificates .accordion__btn, .accordion._loyalty .accordion__btn {
    grid-template-columns:auto minmax(0, 1fr);
    justify-content: initial;
    gap: .75rem;
    padding: 1rem;
    font-size: var(--desk-heading-s-size);
    line-height: 1.2
}

@media (max-width: 640px) {
    .accordion._certificates .accordion__btn, .accordion._loyalty .accordion__btn {
        grid-template-columns:minmax(0, 1fr) auto;
        padding-bottom: 0;
        padding-inline: 0;
        font-size: var(--mob-heading-s-size);
        line-height: 1.2
    }
}

.accordion._certificates .accordion__btn-inner, .accordion._loyalty .accordion__btn-inner {
    order: -1;
    margin-top: -.3125rem
}

@media (max-width: 640px) {
    .accordion._certificates .accordion__btn-inner, .accordion._loyalty .accordion__btn-inner {
        order: 1
    }
}

.accordion._certificates .accordion__content-inner, .accordion._loyalty .accordion__content-inner {
    padding-inline: 2.8125rem;
    color: var(--text-black-80)
}

@media (max-width: 640px) {
    .accordion._certificates .accordion__content-inner, .accordion._loyalty .accordion__content-inner {
        padding-inline: .625rem
    }

    .accordion._certificates._active .accordion__content, .accordion._loyalty._active .accordion__content {
        padding-top: 1.125rem;
        padding-bottom: 0
    }
}

.popup .accordion._certificates .accordion__btn, .popup .accordion._loyalty .accordion__btn {
    grid-template-columns:minmax(0, 1fr) auto;
    padding-bottom: 1.125rem;
    padding-inline: 0
}

.popup .accordion._certificates .accordion__btn-inner, .popup .accordion._loyalty .accordion__btn-inner {
    order: 1
}

.about-loyalty-text, .popup .accordion._certificates .accordion__content-inner, .popup .accordion._loyalty .accordion__content-inner {
    padding-inline: 0;
    font-size: var(--desk-body-m-size);
    line-height: 1.52
}

.about-loyalty-text {
	margin-bottom: 15px;
}

.popup .accordion._certificates ol, .popup .accordion._certificates ul, .popup .accordion._loyalty ol, .popup .accordion._loyalty ul {
    gap: 0;
    padding-inline: 1.4375rem
}

@media (max-width: 640px) {
    .wallet-card__header {
        padding-inline: var(--padding)
    }
}

.wallet-card__main {
    margin: 0;
    overflow: hidden;
    border-radius: var(--border-radius-middle)
}

.wallet-card__info {
}

.wallet-card__info h3 {
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 10px;
}

.wallet-card__info ul {
	margin-bottom: 10px;
}

.wallet-card__info ul li {
	--grid-column: span 3;
	grid-column: var(--grid-column);
}

.wallet-card__footer {
    margin-top: auto
}

.wallet-card__hint {
    margin-bottom: .5rem;
    text-align: center
}

.wallet-button {
	margin-bottom: 10px;
}

.wallet-card__continue {
    margin-top: .5rem
}

.wallet-card__footnote {
    margin: 0 auto;
    margin-top: .75rem;
    max-width: 22.5rem;
    color: var(--text-secondary);
    text-align: center;
    font-size: var(--mob-body-s-size)
}

.wallet-card__footnote a[href] {
    text-decoration: underline;
    text-underline-offset: .2em
}

.wallet-question-icon {
	--btn-size: 2rem;
	opacity: 0.8;
}
/* End */
/* /local/templates/hircost/assets/styles/styles.css?1779189192345715 */
/* /local/templates/hircost/css/style.css?17666908832653 */
/* /local/components/hircost/profile.authorization/templates/.default/style.css?17722074423192 */