/**
 * Swiper 11.2.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 28, 2025
 */
@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;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
:root {
  --swiper-theme-color:#007aff;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  display: block;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-horizontal {
  touch-action: pan-y;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-vertical {
  touch-action: pan-x;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform,height;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-3d {
  perspective: 1200px;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide {
  transform-style: preserve-3d;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.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;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.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;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader, .swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
:root {
  --swiper-navigation-size:44px;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.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));
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-button-next.swiper-button-hidden, .swiper-button-prev.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-navigation-disabled .swiper-button-next, .swiper-navigation-disabled .swiper-button-prev {
  display: none !important;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-button-next svg, .swiper-button-prev svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-rtl .swiper-button-next svg, .swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg);
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-button-lock {
  display: none;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.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;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: 'prev';
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: 'next';
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: .3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.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%;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.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);
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-pagination-bullet:only-child {
  display: none !important;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.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(0px, -50%, 0);
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.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;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.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;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.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: .2s transform,.2s top;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.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);
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.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;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.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: .2s transform,.2s left;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform,.2s right;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.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;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.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;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.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;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-pagination-lock {
  display: none;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1));
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.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%));
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.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%));
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-scrollbar-cursor-drag {
  cursor: move;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-scrollbar-lock {
  display: none;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-grid-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper.swiper-cube {
  overflow: visible;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: .6;
  z-index: 0;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.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;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper.swiper-flip {
  overflow: visible;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.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;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform,opacity,height;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper.swiper-cards {
  overflow: visible;
}

/* line 13, app/assets/stylesheets/client/swiper-bundle.min.css */
.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

@font-face {
  font-family: 'Myflora Personal Use';
  src: url(/assets/client/fonts/Myflora/MyfloraPersonalUse-3f7680e39d062dcc4cd0c0121ec062978231216cd8a70e53877bafa36d27c337.eot);
  src: url(/assets/client/fonts/Myflora/MyfloraPersonalUse-3f7680e39d062dcc4cd0c0121ec062978231216cd8a70e53877bafa36d27c337.eot?#iefix) format("embedded-opentype"), url(/assets/client/fonts/Myflora/MyfloraPersonalUse-693fa2ef98b755473dd1285be0801e9e2749b0b502944519e275462ca6b30801.woff2) format("woff2"), url(/assets/client/fonts/Myflora/MyfloraPersonalUse-6a1d969b3ada4c6ef1136e086d5f95dbd031358b1dc71a30933dd1e467ec5085.woff) format("woff"), url(/assets/client/fonts/Myflora/MyfloraPersonalUse-08bb0727b029700f79f7f1946af797da671d7a2065ea92eeb29e8bef5f14bbd0.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'GFSDidot';
  src: url(/assets/client/fonts/GFS_Didot/GFSDidot-Regular-f4135e4e4c9aecaf4f7fd49fa784acca5d4c020b744e84a15c4626612a7df595.ttf);
  /* src: asset-url(/assets/client/fonts/Myflora/MyfloraPersonalUse-08bb0727b029700f79f7f1946af797da671d7a2065ea92eeb29e8bef5f14bbd0.ttf) format('truetype'); */
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url(/assets/client/fonts/Montserrat/Montserrat-Bold-f2d607dd94b5b3ba8db183f9a63ca82b95efea669a05d8dd1622321a5b365ff1.eot);
  src: url(/assets/client/fonts/Montserrat/Montserrat-Bold-f2d607dd94b5b3ba8db183f9a63ca82b95efea669a05d8dd1622321a5b365ff1.eot?#iefix) format("embedded-opentype"), url(/assets/client/fonts/Montserrat/Montserrat-Bold-e7cb3e2741b31fa36ca1773cc52b27680c8eb452e3500a561b5665df97a56cf4.woff2) format("woff2"), url(/assets/client/fonts/Montserrat/Montserrat-Bold-14440e5038c5155c2a412f5e087b937ffec06314cc6af7d898d705995d70a2fa.woff) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url(/assets/client/fonts/Montserrat/Montserrat-Regular-c474c885f86560874611ce9333ee73a99ccc4c04d167f23552f1ee0df6c00131.eot);
  src: url(/assets/client/fonts/Montserrat/Montserrat-Regular-c474c885f86560874611ce9333ee73a99ccc4c04d167f23552f1ee0df6c00131.eot?#iefix) format("embedded-opentype"), url(/assets/client/fonts/Montserrat/Montserrat-Regular-feadef893a324cf328d665437ad3e0b5f73a9bd74c66004019661f9cef6ed292.woff2) format("woff2"), url(/assets/client/fonts/Montserrat/Montserrat-Regular-f403663e9414b51a8f5faebfc0b5660a2aad02d51ce6e8767643c6cfcb3d2f1a.woff) format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url(/assets/client/fonts/Montserrat/Montserrat-Medium-726befae37fb32fd8a7b56ddd0dd4de832dc59c95de33a249e473f6646280091.eot);
  src: url(/assets/client/fonts/Montserrat/Montserrat-Medium-726befae37fb32fd8a7b56ddd0dd4de832dc59c95de33a249e473f6646280091.eot?#iefix) format("embedded-opentype"), url(/assets/client/fonts/Montserrat/Montserrat-Medium-6ff7121676d3eff8b26a07ae618b8b968f0d9df8e2c8891fe615f817ff41f53e.woff2) format("woff2"), url(/assets/client/fonts/Montserrat/Montserrat-Medium-938aa5caf929058bc7d29ffbb15196c6a1812084103f1321e6a6ac31b41ffc39.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url(/assets/client/fonts/Montserrat/Montserrat-SemiBold-19e77fa5323b794efea815d938e9adc53b2f6752fb92bd84f1c1709ddf3feb68.eot);
  src: url(/assets/client/fonts/Montserrat/Montserrat-SemiBold-19e77fa5323b794efea815d938e9adc53b2f6752fb92bd84f1c1709ddf3feb68.eot?#iefix) format("embedded-opentype"), url(/assets/client/fonts/Montserrat/Montserrat-SemiBold-7f64e367ca72e0fae61ad5f55fcd9e8199e00c66d241f6fb0b209d39321b557c.woff2) format("woff2"), url(/assets/client/fonts/Montserrat/Montserrat-SemiBold-1a503e9ab3c64ad4431eb612295ff9746209d2c89f92a07382a65daec95935a1.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'icomoon';
  src: url(/assets/client/fonts/icomoon/icomoon-49fd541bec81c5286aa918333c3348c115c7e8b0825406af03cebfa845f6eae3.eot?vahp7d);
  src: url(/assets/client/fonts/icomoon/icomoon-49fd541bec81c5286aa918333c3348c115c7e8b0825406af03cebfa845f6eae3.eot?vahp7d#iefix) format("embedded-opentype"), url(/assets/client/fonts/icomoon/icomoon-555773cbbed39a7ff70600ca9b4c6c916a6a3ca4168368c0f358b092867de23b.ttf?vahp7d) format("truetype"), url(/assets/client/fonts/icomoon/icomoon-5f460ccfb021d7f59fa69992feb8137cf753c07a448e23fb48f32e75fbd76ad3.woff?vahp7d) format("woff"), url(/assets/client/fonts/icomoon/icomoon-60a9339afb2de6b0a9f21bc350fb8a80824ce4662af30153a2b100557dc03950.svg?vahp7d#icomoon) format("svg");
  font-weight: normal;
  font-style: normal;
}

/* line 12, app/assets/stylesheets/client/icomoon.scss */
[class^="icon-"], [class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #232323;
}

/* line 25, app/assets/stylesheets/client/icomoon.scss */
.icon-about:before {
  content: "\e900";
}

/* line 29, app/assets/stylesheets/client/icomoon.scss */
.icon-arrow_next:before {
  content: "\e901";
}

/* line 33, app/assets/stylesheets/client/icomoon.scss */
.icon-arrow_prev:before {
  content: "\e902";
}

/* line 37, app/assets/stylesheets/client/icomoon.scss */
.icon-arrow_up:before {
  content: "\e903";
}

/* line 41, app/assets/stylesheets/client/icomoon.scss */
.icon-cart:before {
  content: "\e904";
  color: #fff;
}

/* line 46, app/assets/stylesheets/client/icomoon.scss */
.icon-catalog:before {
  content: "\e905";
}

/* line 50, app/assets/stylesheets/client/icomoon.scss */
.icon-check_mark:before {
  content: "\e906";
}

/* line 54, app/assets/stylesheets/client/icomoon.scss */
.icon-map:before {
  content: "\e907";
}

/* line 58, app/assets/stylesheets/client/icomoon.scss */
.icon-phone:before {
  content: "\e908";
}

/* line 62, app/assets/stylesheets/client/icomoon.scss */
.icon-search:before {
  content: "\e909";
}

/* line 66, app/assets/stylesheets/client/icomoon.scss */
.icon-sorting:before {
  content: "\e90a";
}

/* line 70, app/assets/stylesheets/client/icomoon.scss */
.icon-streamline:before {
  content: "\e90b";
}

/* line 74, app/assets/stylesheets/client/icomoon.scss */
.icon-trash:before {
  content: "\e90c";
}

/* line 78, app/assets/stylesheets/client/icomoon.scss */
.icon-whatsapp:before {
  content: "\e90d";
}

/* line 82, app/assets/stylesheets/client/icomoon.scss */
.icon-pin:before {
  content: "\e90e";
}

/* line 86, app/assets/stylesheets/client/icomoon.scss */
.icon-cross:before {
  content: "\e90f";
}

/* line 90, app/assets/stylesheets/client/icomoon.scss */
.icon-plus:before {
  content: "\e910";
}

/* line 94, app/assets/stylesheets/client/icomoon.scss */
.icon-minus:before {
  content: "\e911";
}

/* line 98, app/assets/stylesheets/client/icomoon.scss */
.icon-vk:before {
  content: "\e912";
}

/* line 102, app/assets/stylesheets/client/icomoon.scss */
.icon-tg:before {
  content: "\e913";
}

/* line 106, app/assets/stylesheets/client/icomoon.scss */
.icon-video:before {
  content: "\e918";
}

/* line 1, app/assets/stylesheets/client/common.scss */
:root {
  --bg-color: #F5F5F5;
  --white: #fff;
  --black: #000;
  --text: #232323;
  --bg-rose: #F5F5F5;
  --rose: #E6E6E6;
  --error: #b60000;
  --site-header-height: 72px;
  --site-header-sticky-gap: 20px;
  --site-header-z-index: 1200;
  --site-popup-z-index: 9000;
  --site-popup-nested-z-index: 9100;
}

/* line 15, app/assets/stylesheets/client/common.scss */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* line 21, app/assets/stylesheets/client/common.scss */
.hidden {
  display: none !important;
}

/* line 24, app/assets/stylesheets/client/common.scss */
a, button, select {
  color: var(--text);
  -webkit-appearance: none;
  font-family: 'Montserrat', sans-serif;
}

/* line 29, app/assets/stylesheets/client/common.scss */
html.open-popup, html.open-popup body {
  overflow: hidden;
  touch-action: none;
  -ms-touch-action: none;
  -webkit-overflow-scrolling: touch;
}

/* line 35, app/assets/stylesheets/client/common.scss */
body, html {
  margin: 0;
  padding: 0;
  background: var(--bg-color);
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  color: var(--text);
  min-height: 100vh;
  z-index: -2;
}

/* line 46, app/assets/stylesheets/client/common.scss */
body {
  position: relative;
  padding-top: var(--site-header-height);
}

/* line 51, app/assets/stylesheets/client/common.scss */
html {
  scroll-padding-top: calc(var(--site-header-height) + 16px);
}

/* line 54, app/assets/stylesheets/client/common.scss */
.container {
  max-width: 90%;
  width: 1344px;
  margin: auto;
  z-index: 1;
  position: relative;
}

/* line 62, app/assets/stylesheets/client/common.scss */
section.section {
  margin-top: 40px;
}

/* line 66, app/assets/stylesheets/client/common.scss */
header.header {
  padding: 10px 0;
  background: #fff;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  z-index: var(--site-header-z-index);
}

/* line 77, app/assets/stylesheets/client/common.scss */
.header-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
}

/* line 84, app/assets/stylesheets/client/common.scss */
.header-left-part, .header-right-part {
  display: flex;
  align-items: center;
  min-width: 0;
}

/* line 90, app/assets/stylesheets/client/common.scss */
.header-left-part {
  flex: 1 1 auto;
  overflow: hidden;
}

/* line 95, app/assets/stylesheets/client/common.scss */
.header-right-part {
  flex: 0 1 auto;
  gap: 8px;
  justify-content: flex-end;
}

/* line 101, app/assets/stylesheets/client/common.scss */
header h1.logoSite {
  font-family: 'Myflora Personal Use';
  font-weight: normal;
  font-style: normal;
  margin: 0;
  font-size: 48px;
  position: relative;
  z-index: 3;
  flex: 0 0 auto;
}

/* line 112, app/assets/stylesheets/client/common.scss */
header h1.logoSite a {
  color: inherit;
  display: inline-flex;
  text-decoration: none;
}

/* line 118, app/assets/stylesheets/client/common.scss */
header h1.logoSite.logoSite_image {
  align-items: center;
  display: flex;
  height: 52px;
  line-height: 1;
}

/* line 125, app/assets/stylesheets/client/common.scss */
header h1.logoSite.logoSite_image img {
  display: block;
  max-height: 52px;
  max-width: 190px;
  object-fit: contain;
}

/* line 132, app/assets/stylesheets/client/common.scss */
nav#navbarNav,
nav#navbarNav .header-menu-wrapper {
  min-width: 0;
}

/* line 137, app/assets/stylesheets/client/common.scss */
nav#navbarNav .header-menu-list {
  display: flex;
  flex-wrap: nowrap;
  list-style: none;
  gap: 24px;
  margin-left: 32px;
}

/* line 145, app/assets/stylesheets/client/common.scss */
nav#navbarNav .header-menu-list li:not(:last-child) {
  margin-right: 0;
}

/* line 149, app/assets/stylesheets/client/common.scss */
nav#navbarNav .header-menu-list li {
  font-size: 16px;
  font-weight: 500;
}

/* line 154, app/assets/stylesheets/client/common.scss */
nav#navbarNav .header-menu-list li a {
  text-decoration: none;
  color: var(--text);
  white-space: nowrap;
}

/* line 160, app/assets/stylesheets/client/common.scss */
.search-wrapper {
  flex: 0 1 240px;
  max-width: 240px;
  min-width: 0;
  position: relative;
  margin-right: 0;
  margin-left: 0;
  justify-self: flex-end;
  width: 240px;
}

/* line 171, app/assets/stylesheets/client/common.scss */
button.search-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 12px;
  opacity: .7;
  font-size: 18px;
  outline: none;
  border: none;
  background: transparent;
}

/* line 183, app/assets/stylesheets/client/common.scss */
input#productSearch {
  padding: 10px 12px 10px 44px;
  background: #F5F5F5;
  border: none;
  outline: none;
  font-size: 16px;
  border-radius: 5px;
  width: 100%;
}

/* line 193, app/assets/stylesheets/client/common.scss */
input#productSearch::placeholder {
  opacity: .7;
}

/* line 197, app/assets/stylesheets/client/common.scss */
input#productSearch::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

/* line 201, app/assets/stylesheets/client/common.scss */
button.search-clear {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
  opacity: .7;
  font-size: 10px;
  border: none;
  outline: none;
  padding: 12px 0 12px 8px;
  background: transparent;
  display: none;
}

/* line 215, app/assets/stylesheets/client/common.scss */
input#productSearch.is-full ~ button.search-clear {
  display: block;
}

/* line 219, app/assets/stylesheets/client/common.scss */
button.search-clear span.icon-cross {
  padding: 0;
}

/* line 223, app/assets/stylesheets/client/common.scss */
div#searchDropdown {
  position: absolute;
  z-index: 3;
  background: #fff;
  border-radius: 10px;
  margin-top: 20px;
  width: 100%;
  left: 0;
  top: 100%;
  max-height: 276px;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-color: var(--bg-main) var(--white);
  scrollbar-width: thin;
  display: none;
  padding: 16px 8px;
  -webkit-box-shadow: 0px 0px 20px 5px rgba(180, 180, 180, 0.2);
  -moz-box-shadow: 0px 0px 20px 5px rgba(180, 180, 180, 0.2);
  box-shadow: 0px 0px 20px 5px rgba(180, 180, 180, 0.2);
}

/* line 244, app/assets/stylesheets/client/common.scss */
div#searchDropdown.active {
  display: block;
}

/* line 248, app/assets/stylesheets/client/common.scss */
li.search-dropdown-item {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 16px;
  font-weight: 600;
  padding: 12px 8px;
  cursor: pointer;
  border-radius: 5px;
}

/* line 259, app/assets/stylesheets/client/common.scss */
li.search-dropdown-item:not(.no-results):hover,
li.search-dropdown-item.selected:not(.no-results) {
  background: var(--bg-main-hover);
  color: var(--white);
}

/* line 265, app/assets/stylesheets/client/common.scss */
li.search-dropdown-item span.search-dropdown-item-thumbnail {
  width: 39px;
  height: 39px;
  flex: 0 0 39px;
}

/* line 271, app/assets/stylesheets/client/common.scss */
li.search-dropdown-item span.search-dropdown-item-thumbnail img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  border-radius: 5px;
}

/* line 278, app/assets/stylesheets/client/common.scss */
span.search-dropdown-item-title {
  font-size: 14px;
  flex: 1 1 auto;
}

/* line 283, app/assets/stylesheets/client/common.scss */
.contact-wrapper {
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  margin-right: 0;
  min-width: 0;
  padding-right: 14px;
  position: relative;
}

/* line 293, app/assets/stylesheets/client/common.scss */
.contact-wrapper:before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  border-right: 1px solid #00000026;
}

/* line 302, app/assets/stylesheets/client/common.scss */
.icon-phone {
  font-size: 24px;
}

/* line 306, app/assets/stylesheets/client/common.scss */
.contact-info {
  margin-left: 8px;
}

/* line 310, app/assets/stylesheets/client/common.scss */
.contact-label {
  font-size: 14px;
  opacity: .6;
  font-weight: 500;
  white-space: nowrap;
}

/* line 317, app/assets/stylesheets/client/common.scss */
.contact-info a {
  font-size: 15px;
  font-weight: 600;
  color: var(--text);
  margin-top: 2px;
  display: block;
  line-height: 1.15;
  white-space: nowrap;
}

/* line 327, app/assets/stylesheets/client/common.scss */
.cart-wrapper {
  background: var(--bg-main);
  color: #fff;
  font-size: 18px;
  padding: 8px 10px;
  border-radius: 5px;
  text-decoration: none;
  outline: none;
  border: none;
  cursor: pointer;
  flex: 0 0 auto;
}

/* line 340, app/assets/stylesheets/client/common.scss */
.cart-wrapper:hover {
  background: var(--bg-main-hover);
}

/* line 344, app/assets/stylesheets/client/common.scss */
.account-header-btn {
  align-items: center;
  background: #f5f5f5;
  border: 1px solid #00000012;
  border-radius: 5px;
  color: var(--text);
  cursor: pointer;
  display: inline-flex;
  height: 42px;
  justify-content: center;
  margin-right: 6px;
  outline: none;
  padding: 0;
  text-decoration: none;
  flex: 0 0 42px;
  width: 42px;
}

/* line 362, app/assets/stylesheets/client/common.scss */
.account-header-btn:hover {
  background: var(--bg-main-hover-sm);
  color: var(--bg-main-hover);
}

/* line 367, app/assets/stylesheets/client/common.scss */
.account-header-icon {
  display: block;
  height: 22px;
  width: 22px;
}

/* line 373, app/assets/stylesheets/client/common.scss */
.account-header-icon svg {
  display: block;
  height: 100%;
  width: 100%;
}

/* line 379, app/assets/stylesheets/client/common.scss */
.header-mobile-menu-btn {
  align-items: center;
  background: #f5f5f5;
  border: 1px solid #00000012;
  border-radius: 5px;
  cursor: pointer;
  display: none;
  flex: 0 0 42px;
  height: 42px;
  justify-content: center;
  outline: none;
  padding: 0;
  width: 42px;
}

/* line 394, app/assets/stylesheets/client/common.scss */
.header-mobile-menu-line {
  background: var(--text);
  border-radius: 999px;
  display: block;
  height: 2px;
  position: absolute;
  width: 20px;
}

/* line 403, app/assets/stylesheets/client/common.scss */
.header-mobile-menu-btn {
  position: relative;
}

/* line 407, app/assets/stylesheets/client/common.scss */
.header-mobile-menu-line:nth-child(1) {
  transform: translateY(-7px);
}

/* line 411, app/assets/stylesheets/client/common.scss */
.header-mobile-menu-line:nth-child(3) {
  transform: translateY(7px);
}

/* line 415, app/assets/stylesheets/client/common.scss */
.header-mobile-menu {
  display: none;
}

/* line 419, app/assets/stylesheets/client/common.scss */
body.header-mobile-menu-open {
  overflow: hidden;
}

/* line 423, app/assets/stylesheets/client/common.scss */
.header-mobile-menu-logo {
  color: var(--text);
  font-family: 'Myflora Personal Use';
  font-size: 34px;
  line-height: 1;
  text-decoration: none;
}

/* line 431, app/assets/stylesheets/client/common.scss */
.header-mobile-menu-logo_image {
  align-items: center;
  display: inline-flex;
  height: 44px;
}

/* line 437, app/assets/stylesheets/client/common.scss */
.header-mobile-menu-logo_image img {
  display: block;
  max-height: 44px;
  max-width: 180px;
  object-fit: contain;
}

/* line 444, app/assets/stylesheets/client/common.scss */
.header-mobile-menu-close {
  align-items: center;
  background: #f5f5f5;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 42px;
  height: 42px;
  justify-content: center;
  outline: none;
  padding: 0;
  width: 42px;
}

/* line 459, app/assets/stylesheets/client/common.scss */
.header-mobile-menu-close-icon {
  display: block;
  height: 24px;
  position: relative;
  width: 24px;
}

/* line 466, app/assets/stylesheets/client/common.scss */
.header-mobile-menu-close-icon:before,
.header-mobile-menu-close-icon:after {
  background: var(--text);
  border-radius: 999px;
  content: "";
  height: 2px;
  left: 0;
  position: absolute;
  top: 50%;
  width: 100%;
}

/* line 478, app/assets/stylesheets/client/common.scss */
.header-mobile-menu-close-icon:before {
  transform: rotate(45deg);
}

/* line 482, app/assets/stylesheets/client/common.scss */
.header-mobile-menu-close-icon:after {
  transform: rotate(-45deg);
}

/* line 486, app/assets/stylesheets/client/common.scss */
span.cart-count {
  font-weight: 500;
  margin-left: 8px;
}

/* line 491, app/assets/stylesheets/client/common.scss */
main {
  position: relative;
  z-index: 1;
}

/* hero */
/* line 498, app/assets/stylesheets/client/common.scss */
.hero-img-block {
  border-radius: 15px 15px 0 0;
  overflow: hidden;
  background: transparent;
}

/* line 504, app/assets/stylesheets/client/common.scss */
.hero-img-block picture {
  width: 100%;
  display: block;
}

/* line 509, app/assets/stylesheets/client/common.scss */
.hero-img-block img {
  width: 100%;
  height: auto;
  display: block;
}

/* line 515, app/assets/stylesheets/client/common.scss */
.hero-bottom-block {
  background: var(--white);
  padding: 26px 32px 26px 184px;
  border-radius: 0 0 15px 15px;
}

/* line 521, app/assets/stylesheets/client/common.scss */
.hero-logo-wrapper {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  position: relative;
}

/* line 528, app/assets/stylesheets/client/common.scss */
.hero-logo {
  background: var(--white);
  border: 2px solid #fff;
  width: 140px;
  height: 140px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  word-break: break-word;
  overflow: hidden;
  position: absolute;
  left: -152px;
  bottom: 0;
  -webkit-box-shadow: 2px 2px 20px -10px rgba(34, 60, 80, 0.2);
  -moz-box-shadow: 2px 2px 20px -10px rgba(34, 60, 80, 0.2);
  box-shadow: 2px 2px 20px -10px rgba(34, 60, 80, 0.2);
}

/* line 548, app/assets/stylesheets/client/common.scss */
.hero-logo img {
  max-width: 100%;
  max-height: 100%;
  object-fit: fill;
}

/* line 554, app/assets/stylesheets/client/common.scss */
.hero-logo-info {
  margin-right: 20px;
}

/* line 558, app/assets/stylesheets/client/common.scss */
.hero-logo-title {
  font-size: 32px;
  font-weight: 600;
}

/* line 563, app/assets/stylesheets/client/common.scss */
.hero-logo-desc {
  font-size: 24px;
  font-weight: 400;
  margin-top: 3px;
}

/* line 569, app/assets/stylesheets/client/common.scss */
.hero-logo-title {
  font-size: 32px;
  font-weight: 600;
}

/* line 574, app/assets/stylesheets/client/common.scss */
.hero-logo-desc {
  font-size: 24px;
  font-weight: 400;
  margin-top: 3px;
}

/* line 580, app/assets/stylesheets/client/common.scss */
a.hero-btn {
  font-size: 16px;
  font-weight: 600;
  padding: 12px 32px;
  background: var(--bg-main);
  color: #fff;
  border-radius: 5px;
  text-decoration: none;
  flex: 0 0 max-content;
}

/* line 591, app/assets/stylesheets/client/common.scss */
a.hero-btn:hover {
  background: var(--bg-main-hover);
}

/* line 595, app/assets/stylesheets/client/common.scss */
.hero-tabs {
  margin-top: 12px;
}

/* line 599, app/assets/stylesheets/client/common.scss */
ul.hero-tabs-list {
  list-style: none;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 18px 54px;
}

/* line 607, app/assets/stylesheets/client/common.scss */
li.hero-tabs-item {
  display: flex;
  align-items: center;
  font-size: 20px;
  font-weight: 500;
  cursor: pointer;
}

/* line 615, app/assets/stylesheets/client/common.scss */
li.hero-tabs-item.active, li.hero-tabs-item.active span[class^="icon-"] {
  color: var(--bg-main);
}

/* line 619, app/assets/stylesheets/client/common.scss */
li.hero-tabs-item .hero-tabs-item-title {
  margin-left: 5px;
}

/* line 623, app/assets/stylesheets/client/common.scss */
li.hero-tabs-item:not(:last-child) {
  margin-right: 0;
}

/* catalog */
/* line 631, app/assets/stylesheets/client/common.scss */
.catalog-filter-wrapper {
  display: grid;
  align-items: center;
  grid-template-columns: 78px calc(100% - 78px);
  position: relative;
}

/* line 638, app/assets/stylesheets/client/common.scss */
.catalog-sorting {
  margin-right: 12px;
}

/* line 642, app/assets/stylesheets/client/common.scss */
.catalog-sorting button.catalog-sorting-btn {
  text-decoration: none;
  font-size: 32px;
  display: flex;
  align-items: center;
  color: var(--bg-main);
  outline: none;
  background: transparent;
  border: none;
  cursor: pointer;
}

/* line 654, app/assets/stylesheets/client/common.scss */
span.icon-sorting,
span.icon-arrow_up {
  color: var(--bg-main);
}

/* line 659, app/assets/stylesheets/client/common.scss */
.catalog-sorting-value {
  z-index: 10;
  position: absolute;
  left: 0;
  top: 100%;
  margin-top: 12px;
  background: var(--white);
  padding: 24px 16px;
  border-radius: 5px;
  box-shadow: 0px 4px 11.2px 7px #8D8D8D17;
  display: none;
  opacity: 0;
  transition: .2s opacity ease;
}

/* line 674, app/assets/stylesheets/client/common.scss */
.catalog-sorting-btn.clicked ~ .catalog-sorting-value {
  display: block;
  opacity: 1;
}

/* line 679, app/assets/stylesheets/client/common.scss */
.catalog-sorting button.catalog-sorting-btn span.icon-arrow_up {
  font-size: 12px;
  margin-left: 15px;
  transform: rotate(180deg);
  transition: .2s transform ease;
}

/* line 686, app/assets/stylesheets/client/common.scss */
.catalog-sorting button.catalog-sorting-btn.clicked span.icon-arrow_up {
  transform: rotate(0deg);
}

/* line 690, app/assets/stylesheets/client/common.scss */
.catalog-sorting-value span.catalog-sorting-value-title {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 16px;
  display: block;
}

/* line 697, app/assets/stylesheets/client/common.scss */
.catalog-sorting-value-item {
  margin-bottom: 12px;
}

/* line 701, app/assets/stylesheets/client/common.scss */
.catalog-sorting-value-item label {
  display: flex;
  align-items: center;
}

/* line 706, app/assets/stylesheets/client/common.scss */
.catalog-sorting-value-item label input[type="radio"] {
  display: none;
}

/* line 710, app/assets/stylesheets/client/common.scss */
.catalog-sorting-value-item label input[type="radio"] ~ .radio-select-btn {
  width: 18px;
  height: 18px;
  border: 1.5px solid var(--bg-main);
  display: block;
  border-radius: 50%;
  position: relative;
  margin-right: 12px;
}

/* line 720, app/assets/stylesheets/client/common.scss */
.catalog-sorting-value-item label input[type="radio"]:checked ~ .radio-select-btn:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 10px;
  height: 10px;
  background: var(--bg-main);
  border-radius: 50%;
}

/* line 732, app/assets/stylesheets/client/common.scss */
.catalog-sorting-value-item label .radio-title {
  font-size: 16px;
  font-weight: 500;
}

/* line 737, app/assets/stylesheets/client/common.scss */
.catalog-sorting-check-btn-wrapper {
  display: flex;
}

/* line 741, app/assets/stylesheets/client/common.scss */
button.catalog-sorting-check-btn {
  outline: none;
  border: 1.5px solid var(--bg-main);
  border-radius: 5px;
  display: block;
  width: 100%;
  padding: 8px 24px;
  background: var(--bg-main);
  color: var(--white);
  font-weight: 600;
  font-size: 16px;
  cursor: pointer;
}

/* line 755, app/assets/stylesheets/client/common.scss */
button.catalog-sorting-check-btn:hover {
  background: var(--bg-main-hover);
}

/* line 759, app/assets/stylesheets/client/common.scss */
button.catalog-sorting-close-btn {
  outline: none;
  border: 1.5px solid var(--bg-main);
  border-radius: 5px;
  width: 100%;
  padding: 8px 24px;
  background: var(--white);
  color: var(--bg-main);
  font-weight: 600;
  font-size: 16px;
  display: none;
}

/* line 772, app/assets/stylesheets/client/common.scss */
.catalog-category-wrapper {
  position: relative;
}

/* line 776, app/assets/stylesheets/client/common.scss */
.catalog-category-back {
  align-items: center;
  background: transparent;
  border: none;
  color: var(--bg-main);
  cursor: pointer;
  display: flex;
  font-size: 16px;
  font-weight: 700;
  gap: 8px;
  margin: 0 0 12px;
  padding: 0;
}

/* line 790, app/assets/stylesheets/client/common.scss */
.catalog-category-back .icon-arrow_next {
  display: block;
  font-size: 18px;
  transform: rotate(180deg);
}

/* line 796, app/assets/stylesheets/client/common.scss */
ul.catalog-category-list {
  list-style: none;
  display: flex;
  align-items: center;
  height: calc(100vh - var(--site-header-height) - 60px);
  overflow-y: auto;
  padding-bottom: 50px !important;
}

/* line 805, app/assets/stylesheets/client/common.scss */
ul.catalog-category-list li.catalog-category-item {
  width: max-content;
  cursor: pointer;
}

/* line 810, app/assets/stylesheets/client/common.scss */
ul.catalog-category-list li.catalog-category-item:not(:first-child) {
  margin-left: 12px;
}

/* line 814, app/assets/stylesheets/client/common.scss */
ul.catalog-category-list li.catalog-category-item a {
  text-decoration: none;
  display: block;
  padding: 16px 24px;
  background: var(--white);
  color: var(--bg-main);
  border-radius: 5px;
  font-weight: 600;
  white-space: nowrap;
}

/* line 825, app/assets/stylesheets/client/common.scss */
ul.catalog-category-list li.catalog-category-item a:hover {
  background: var(--bg-main-hover-sm);
}

/* line 829, app/assets/stylesheets/client/common.scss */
ul.catalog-category-list li.catalog-category-item.active a {
  background: var(--bg-main);
  color: #fff;
}

/* line 834, app/assets/stylesheets/client/common.scss */
.catalog-category-wrapper .swiper-button-next,
.catalog-category-wrapper .swiper-button-prev {
  background: var(--white);
  border-radius: 5px;
  box-shadow: 0px 0px 3.9px 0px #73657145;
  width: unset;
  height: unset;
  top: 50%;
  transform: translateY(-50%);
  margin: 0;
}

/* line 846, app/assets/stylesheets/client/common.scss */
.catalog-category-wrapper .swiper-button-prev {
  left: 0;
}

/* line 850, app/assets/stylesheets/client/common.scss */
.catalog-category-wrapper .swiper-button-next {
  right: 0;
}

/* line 854, app/assets/stylesheets/client/common.scss */
.catalog-category-wrapper .swiper-button-next .icon-arrow_next,
.catalog-category-wrapper .swiper-button-prev .icon-arrow_next {
  font-size: 32px;
  color: var(--bg-main);
  display: block;
  padding: 20px 14px;
}

/* line 862, app/assets/stylesheets/client/common.scss */
.catalog-category-wrapper .swiper-button-prev .icon-arrow_next {
  transform: rotate(180deg);
}

/* line 866, app/assets/stylesheets/client/common.scss */
.catalog-category-wrapper .swiper-button-next:after,
.catalog-category-wrapper .swiper-button-prev:after,
.catalog-category-wrapper .swiper-button-next.swiper-button-disabled,
.catalog-category-wrapper .swiper-button-prev.swiper-button-disabled {
  display: none;
}

/* line 873, app/assets/stylesheets/client/common.scss */
.catalog-products-wraper {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  gap: 32px 16px;
  align-items: stretch;
}

/* line 881, app/assets/stylesheets/client/common.scss */
.catalog-products-item {
  flex: 0 0 calc(25% - 12px);
  background: var(--white);
  border-radius: 15px;
  overflow: hidden;
  display: grid;
  grid-template-rows: auto 1fr;
  cursor: pointer;
}

/* line 891, app/assets/stylesheets/client/common.scss */
.products-item-img {
  aspect-ratio: 4 / 4;
  display: flex;
  position: relative;
}

/* line 897, app/assets/stylesheets/client/common.scss */
.popup-product-skus,
.popup-product-size-guide {
  margin-top: 18px;
}

/* line 902, app/assets/stylesheets/client/common.scss */
.popup-product-sku-list,
.popup-product-color-list,
.popup-product-size-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}

/* line 911, app/assets/stylesheets/client/common.scss */
.popup-product-variation-section {
  flex: 0 0 100%;
}

/* line 915, app/assets/stylesheets/client/common.scss */
.popup-product-variation-section:not(:first-child) {
  margin-top: 18px;
}

/* line 919, app/assets/stylesheets/client/common.scss */
.popup-product-variation-title {
  color: #6c737d;
  font-size: 18px;
  font-weight: 500;
}

/* line 925, app/assets/stylesheets/client/common.scss */
.popup-product-variation-title b {
  color: var(--black);
}

/* line 929, app/assets/stylesheets/client/common.scss */
.popup-product-color {
  background: var(--white);
  border: 2px solid #d9dde2;
  cursor: pointer;
  height: 65px;
  padding: 3px;
  width: 65px;
}

/* line 938, app/assets/stylesheets/client/common.scss */
.popup-product-color.active {
  border-color: var(--bg-main);
}

/* line 942, app/assets/stylesheets/client/common.scss */
.popup-product-color img,
.popup-product-color span {
  background: #fff;
  display: block;
  height: 100%;
  object-fit: contain;
  width: 100%;
}

/* line 951, app/assets/stylesheets/client/common.scss */
.popup-product-color-swatch {
  border: 1px solid rgba(0, 0, 0, 0.14);
  box-sizing: border-box;
}

/* line 956, app/assets/stylesheets/client/common.scss */
.popup-product-size-option,
.popup-product-sku {
  background: var(--white);
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 6px;
  color: var(--black);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 10px 12px;
  text-align: left;
}

/* line 970, app/assets/stylesheets/client/common.scss */
.popup-product-size-option {
  align-items: center;
  justify-content: center;
  min-height: 55px;
  min-width: 95px;
  text-align: center;
}

/* line 978, app/assets/stylesheets/client/common.scss */
.popup-product-size-option span {
  font-size: 18px;
  font-weight: 600;
}

/* line 983, app/assets/stylesheets/client/common.scss */
.popup-product-size-option b {
  color: #6c737d;
  font-size: 14px;
}

/* line 988, app/assets/stylesheets/client/common.scss */
.popup-product-size-option.active,
.popup-product-sku.active {
  background: var(--bg-main);
  border-color: var(--bg-main);
  color: var(--white);
  box-shadow: 0 0 0 1px var(--bg-main);
}

/* line 996, app/assets/stylesheets/client/common.scss */
.popup-product-size-option.active b {
  color: var(--white);
}

/* line 1000, app/assets/stylesheets/client/common.scss */
.popup-product-sku b {
  font-size: 13px;
}

/* line 1004, app/assets/stylesheets/client/common.scss */
.popup-product-size-guide-content {
  color: var(--black);
  font-size: 14px;
  line-height: 1.45;
  margin-top: 8px;
}

/* line 1011, app/assets/stylesheets/client/common.scss */
.products-item-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

/* line 1017, app/assets/stylesheets/client/common.scss */
.catalog-layout {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 32px;
  align-items: start;
}

/* line 1024, app/assets/stylesheets/client/common.scss */
.catalog-sidebar {
  position: sticky;
  top: calc(var(--site-header-height) + var(--site-header-sticky-gap));
}

/* line 1029, app/assets/stylesheets/client/common.scss */
.catalog-sidebar-title {
  color: var(--black);
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 18px;
}

/* line 1036, app/assets/stylesheets/client/common.scss */
.catalog-sidebar ul.catalog-category-list,
.catalog-sidebar .catalog-category-children {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 1044, app/assets/stylesheets/client/common.scss */
.catalog-sidebar .catalog-category-children {
  padding-left: 16px;
}

/* line 1048, app/assets/stylesheets/client/common.scss */
.catalog-sidebar ul.catalog-category-list li.catalog-category-item {
  cursor: default;
  margin: 0;
  width: 100%;
}

/* line 1054, app/assets/stylesheets/client/common.scss */
.catalog-sidebar ul.catalog-category-list li.catalog-category-item:not(:first-child) {
  margin-left: 0;
}

/* line 1058, app/assets/stylesheets/client/common.scss */
.catalog-category-row {
  align-items: center;
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr) auto 24px;
  min-height: 36px;
}

/* line 1066, app/assets/stylesheets/client/common.scss */
.catalog-category-row > a {
  min-width: 0;
}

/* line 1070, app/assets/stylesheets/client/common.scss */
.catalog-category-count {
  color: #9aa0a6;
  font-size: 12px;
  font-weight: 500;
}

/* line 1076, app/assets/stylesheets/client/common.scss */
.catalog-sidebar ul.catalog-category-list li.catalog-category-item a {
  background: transparent;
  border-radius: 0;
  color: #5b5f66;
  display: block;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.25;
  padding: 8px 0;
  white-space: normal;
}

/* line 1088, app/assets/stylesheets/client/common.scss */
.catalog-sidebar ul.catalog-category-list li.catalog-category-item.active > .catalog-category-row a,
.catalog-sidebar ul.catalog-category-list li.catalog-category-item a:hover {
  background: transparent;
  color: var(--black);
}

/* line 1094, app/assets/stylesheets/client/common.scss */
.catalog-category-toggle {
  align-items: center;
  background: transparent;
  border: 0;
  color: #9aa0a6;
  cursor: pointer;
  display: flex;
  height: 24px;
  justify-content: center;
  padding: 0;
  width: 24px;
}

/* line 1107, app/assets/stylesheets/client/common.scss */
.catalog-category-toggle .icon-arrow_next {
  display: block;
  font-size: 12px;
  transform: rotate(90deg);
  transition: transform .2s ease;
}

/* line 1114, app/assets/stylesheets/client/common.scss */
.catalog-category-item.expanded > .catalog-category-row .catalog-category-toggle .icon-arrow_next {
  transform: rotate(-90deg);
}

/* line 1118, app/assets/stylesheets/client/common.scss */
.catalog-content {
  min-width: 0;
}

/* line 1122, app/assets/stylesheets/client/common.scss */
.catalog-mobile-controls,
.catalog-mobile-category-panel,
.catalog-mobile-filter-header,
.catalog-mobile-overlay {
  display: none;
}

/* line 1129, app/assets/stylesheets/client/common.scss */
.catalog-content .catalog-filter-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  grid-template-columns: none;
  align-items: center;
  position: relative;
  z-index: 1;
  transition: box-shadow .25s ease, opacity .25s ease, transform .25s ease;
}

/* line 1140, app/assets/stylesheets/client/common.scss */
.catalog-filter-placeholder {
  display: none;
  height: 0;
  pointer-events: none;
  width: 100%;
}

/* line 1147, app/assets/stylesheets/client/common.scss */
.catalog-filter-placeholder.active {
  display: block;
}

/* line 1151, app/assets/stylesheets/client/common.scss */
.catalog-content .catalog-filter-wrapper.catalog-filter-wrapper_fixed {
  animation: catalogFilterWrapperIn .28s ease both;
  background: var(--white);
  border-radius: 0 0 12px 12px;
  box-shadow: 0 14px 34px rgba(23, 23, 23, 0.12);
  left: var(--catalog-filter-left, 0);
  margin: 0;
  padding: 12px 16px;
  position: fixed;
  top: var(--site-header-height);
  width: var(--catalog-filter-width, auto);
  z-index: 1000;
}

/* line 1165, app/assets/stylesheets/client/common.scss */
.catalog-filter-wrapper_fixed button.catalog-sorting-btn.catalog-filter-btn,
.catalog-filter-wrapper_fixed .catalog-filter-btn,
.catalog-filter-wrapper_fixed .catalog-filter-reset {
  padding: 8px 12px;
}

@keyframes catalogFilterWrapperIn {
  from {
    opacity: 0;
    transform: translateY(-18px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* line 1183, app/assets/stylesheets/client/common.scss */
.catalog-content .catalog-sorting {
  margin-right: 0;
}

/* line 1187, app/assets/stylesheets/client/common.scss */
.catalog-content .catalog-sorting button.catalog-sorting-btn,
.catalog-filter-btn,
.catalog-filter-reset {
  align-items: center;
  background: var(--white);
  border: 1px solid #2f3033;
  border-radius: 5px;
  color: #5b5f66;
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  gap: 12px;
  justify-content: space-between;
  outline: none;
  padding: 12px 16px;
  text-decoration: none;
  white-space: nowrap;
}

/* line 1207, app/assets/stylesheets/client/common.scss */
.catalog-content .catalog-sorting button.catalog-sorting-btn {
  min-width: 200px;
}

/* line 1211, app/assets/stylesheets/client/common.scss */
.catalog-filter-reset {
  border-color: #d5d7da;
}

/* line 1215, app/assets/stylesheets/client/common.scss */
.catalog-filter-dropdown {
  position: relative;
}

/* line 1219, app/assets/stylesheets/client/common.scss */
.catalog-filter-menu {
  z-index: 20;
  position: absolute;
  left: 0;
  top: 100%;
  min-width: 240px;
  max-width: 320px;
  margin-top: 10px;
  background: var(--white);
  padding: 18px 16px;
  border-radius: 8px;
  box-shadow: 0 8px 28px rgba(33, 33, 33, 0.14);
  display: none;
  opacity: 0;
  transition: .2s opacity ease;
}

/* line 1236, app/assets/stylesheets/client/common.scss */
.catalog-filter-dropdown.catalog-filter-align-right .catalog-filter-menu {
  left: auto;
  right: 0;
}

/* line 1241, app/assets/stylesheets/client/common.scss */
.catalog-filter-dropdown.open .catalog-filter-menu {
  display: block;
  opacity: 1;
}

/* line 1246, app/assets/stylesheets/client/common.scss */
.catalog-filter-price .catalog-filter-menu {
  max-width: 380px;
  min-width: 360px;
}

/* line 1251, app/assets/stylesheets/client/common.scss */
.catalog-filter-dropdown.open .catalog-filter-btn .icon-arrow_up {
  transform: rotate(0deg);
}

/* line 1255, app/assets/stylesheets/client/common.scss */
.catalog-filter-btn .icon-arrow_up,
.catalog-content .catalog-sorting button.catalog-sorting-btn span.icon-arrow_up {
  color: inherit;
  font-size: 10px;
  margin-left: 0;
  transform: rotate(180deg);
  transition: .2s transform ease;
}

/* line 1264, app/assets/stylesheets/client/common.scss */
.catalog-content .catalog-sorting button.catalog-sorting-btn.clicked span.icon-arrow_up {
  transform: rotate(0deg);
}

/* line 1268, app/assets/stylesheets/client/common.scss */
.catalog-filter-options {
  display: grid;
  gap: 10px;
  max-height: 260px;
  overflow: auto;
}

/* line 1275, app/assets/stylesheets/client/common.scss */
.catalog-filter-search {
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  color: var(--black);
  font-size: 15px;
  margin-bottom: 12px;
  min-height: 40px;
  outline: none;
  padding: 0 12px;
  width: 100%;
}

/* line 1287, app/assets/stylesheets/client/common.scss */
.catalog-filter-option {
  align-items: center;
  color: var(--black);
  cursor: pointer;
  display: grid;
  font-size: 16px;
  gap: 10px;
  grid-template-columns: auto minmax(0, 1fr) auto;
}

/* line 1297, app/assets/stylesheets/client/common.scss */
.catalog-filter-option_color {
  grid-template-columns: auto auto minmax(0, 1fr) auto;
}

/* line 1301, app/assets/stylesheets/client/common.scss */
.catalog-filter-option input {
  accent-color: var(--bg-main);
  flex: 0 0 18px;
  height: 18px;
  width: 18px;
}

/* line 1308, app/assets/stylesheets/client/common.scss */
.catalog-color-swatch {
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 3px;
  box-sizing: border-box;
  display: block;
  height: 18px;
  width: 18px;
}

/* line 1317, app/assets/stylesheets/client/common.scss */
.catalog-filter-option-title {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* line 1323, app/assets/stylesheets/client/common.scss */
.catalog-filter-option-count {
  color: #9aa0a6;
  font-size: 13px;
  font-weight: 600;
}

/* line 1329, app/assets/stylesheets/client/common.scss */
.catalog-filter-empty {
  color: #777;
  font-size: 14px;
}

/* line 1334, app/assets/stylesheets/client/common.scss */
.catalog-mobile-filter-summary,
.catalog-sorting-mobile-title,
.catalog-mobile-filter-icon,
.catalog-mobile-filter-inline-reset,
.catalog-mobile-filter-footer {
  display: none;
}

/* line 1342, app/assets/stylesheets/client/common.scss */
.catalog-filter-actions {
  display: grid;
  gap: 8px;
  grid-template-columns: 1fr 1fr;
  margin-top: 16px;
}

/* line 1349, app/assets/stylesheets/client/common.scss */
.catalog-filter-apply,
.catalog-filter-clear {
  background: var(--bg-main);
  border: 0;
  border-radius: 5px;
  color: var(--white);
  cursor: pointer;
  font-size: 15px;
  font-weight: 700;
  padding: 10px 16px;
  width: 100%;
}

/* line 1362, app/assets/stylesheets/client/common.scss */
.catalog-filter-clear {
  background: var(--white);
  border: 1px solid #d5d7da;
  color: #5b5f66;
}

/* line 1368, app/assets/stylesheets/client/common.scss */
.catalog-price-range {
  display: grid;
  gap: 18px;
  min-width: 300px;
}

/* line 1374, app/assets/stylesheets/client/common.scss */
.catalog-price-slider {
  --price-min-percent: 0%;
  --price-max-percent: 100%;
  height: 34px;
  margin: 2px 2px 0;
  position: relative;
}

/* line 1382, app/assets/stylesheets/client/common.scss */
.catalog-price-slider-track,
.catalog-price-slider-fill {
  border-radius: 999px;
  height: 4px;
  left: 0;
  position: absolute;
  right: 0;
  top: 15px;
}

/* line 1392, app/assets/stylesheets/client/common.scss */
.catalog-price-slider-track {
  background: #d8d8d8;
}

/* line 1396, app/assets/stylesheets/client/common.scss */
.catalog-price-slider-fill {
  background: var(--bg-main);
  left: var(--price-min-percent);
  right: calc(100% - var(--price-max-percent));
}

/* line 1402, app/assets/stylesheets/client/common.scss */
.catalog-price-slider-input {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  height: 34px;
  left: 0;
  margin: 0;
  outline: none;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}

/* line 1416, app/assets/stylesheets/client/common.scss */
.catalog-price-slider-input::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  background: transparent;
  border: 0;
  height: 4px;
}

/* line 1423, app/assets/stylesheets/client/common.scss */
.catalog-price-slider-input::-moz-range-track {
  background: transparent;
  border: 0;
  height: 4px;
}

/* line 1429, app/assets/stylesheets/client/common.scss */
.catalog-price-slider-input::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: var(--white);
  border: 2px solid var(--bg-main);
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(33, 33, 33, 0.22);
  cursor: pointer;
  height: 28px;
  margin-top: -12px;
  pointer-events: auto;
  width: 28px;
}

/* line 1442, app/assets/stylesheets/client/common.scss */
.catalog-price-slider-input::-moz-range-thumb {
  background: var(--white);
  border: 2px solid var(--bg-main);
  border-radius: 50%;
  box-shadow: 0 2px 8px rgba(33, 33, 33, 0.22);
  cursor: pointer;
  height: 24px;
  pointer-events: auto;
  width: 24px;
}

/* line 1453, app/assets/stylesheets/client/common.scss */
.catalog-price-slider-input:focus-visible::-webkit-slider-thumb {
  box-shadow: 0 0 0 4px rgba(33, 33, 33, 0.08), 0 2px 8px rgba(33, 33, 33, 0.22);
}

/* line 1457, app/assets/stylesheets/client/common.scss */
.catalog-price-slider-input:focus-visible::-moz-range-thumb {
  box-shadow: 0 0 0 4px rgba(33, 33, 33, 0.08), 0 2px 8px rgba(33, 33, 33, 0.22);
}

/* line 1461, app/assets/stylesheets/client/common.scss */
.catalog-price-slider-min {
  z-index: 3;
}

/* line 1465, app/assets/stylesheets/client/common.scss */
.catalog-price-slider-max {
  z-index: 4;
}

/* line 1469, app/assets/stylesheets/client/common.scss */
.catalog-price-slider_disabled {
  opacity: .45;
}

/* line 1473, app/assets/stylesheets/client/common.scss */
.catalog-price-fields {
  align-items: end;
  display: grid;
  gap: 14px;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
}

/* line 1480, app/assets/stylesheets/client/common.scss */
.catalog-price-field {
  color: #6f6f6f;
  display: grid;
  font-size: 13px;
  gap: 6px;
}

/* line 1487, app/assets/stylesheets/client/common.scss */
.catalog-price-field span {
  color: #8a8a8a;
  font-weight: 700;
}

/* line 1492, app/assets/stylesheets/client/common.scss */
.catalog-price-separator {
  color: var(--black);
  font-size: 22px;
  line-height: 42px;
}

/* line 1498, app/assets/stylesheets/client/common.scss */
.catalog-price-field input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #9b9b9b;
  border-radius: 0;
  color: var(--black);
  font-size: 22px;
  line-height: 1.2;
  min-height: 42px;
  outline: none;
  padding: 0 0 8px;
  width: 100%;
}

/* line 1512, app/assets/stylesheets/client/common.scss */
.catalog-price-field input:focus {
  border-color: var(--bg-main);
}

/* line 1516, app/assets/stylesheets/client/common.scss */
.catalog-price-field input::-webkit-outer-spin-button,
.catalog-price-field input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* line 1522, app/assets/stylesheets/client/common.scss */
.catalog-price-field input[type=number] {
  -moz-appearance: textfield;
}

/* line 1526, app/assets/stylesheets/client/common.scss */
.catalog-content .catalog-products-wraper {
  margin-top: 12px;
}

/* line 1530, app/assets/stylesheets/client/common.scss */
.catalog-loading {
  align-items: center;
  color: #5b5f66;
  display: flex;
  font-size: 15px;
  font-weight: 700;
  gap: 12px;
  justify-content: center;
  min-height: 92px;
  width: 100%;
}

/* line 1542, app/assets/stylesheets/client/common.scss */
.catalog-loading_main {
  grid-column: 1 / -1;
  min-height: 220px;
}

/* line 1547, app/assets/stylesheets/client/common.scss */
.catalog-loading_more {
  grid-column: 1 / -1;
}

/* line 1551, app/assets/stylesheets/client/common.scss */
.catalog-loading span {
  animation: catalog-loading-spin .8s linear infinite;
  border: 3px solid #d9dde2;
  border-top-color: var(--bg-main);
  border-radius: 50%;
  display: block;
  height: 26px;
  width: 26px;
}

@keyframes catalog-loading-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* line 1571, app/assets/stylesheets/client/common.scss */
.catalog-results-count {
  color: #5b5f66;
  font-size: 16px;
  font-weight: 600;
  margin-top: 42px;
}

/* line 1578, app/assets/stylesheets/client/common.scss */
.catalog-content .catalog-products-item {
  border-radius: 8px;
}

/* line 1582, app/assets/stylesheets/client/common.scss */
.products-item-img .badge-wrapper {
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 12px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  z-index: 2;
}

/* line 1593, app/assets/stylesheets/client/common.scss */
.products-item-img .badge-wrapper .badge-item {
  font-size: 14px;
  font-weight: 500;
  padding: 4px 10px;
  color: #fff;
  border-radius: 5px;
}

/* line 1601, app/assets/stylesheets/client/common.scss */
.products-item-img .badge-wrapper .badge-item:not(:last-child) {
  margin-bottom: 4px;
}

/* line 1605, app/assets/stylesheets/client/common.scss */
.products-item-img .badge-wrapper .badge-item.badge-new {
  background: #FF68AA;
}

/* line 1609, app/assets/stylesheets/client/common.scss */
.products-item-img .badge-wrapper .badge-item.badge-hit {
  background: #FF4E51;
}

/* line 1613, app/assets/stylesheets/client/common.scss */
.products-item-img .badge-wrapper .badge-item.badge-fast {
  background: #FF4E51;
  line-height: 1.2;
  white-space: nowrap;
}

/* line 1619, app/assets/stylesheets/client/common.scss */
.products-item-img .badge-wrapper .badge-item.badge-instock {
  background: #ff954e;
}

/* line 1623, app/assets/stylesheets/client/common.scss */
.products-item-img img {
  max-height: 100%;
  width: auto;
  height: auto;
  max-width: 100%;
  object-fit: cover;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: 12px 12px 0;
}

/* line 1636, app/assets/stylesheets/client/common.scss */
.products-item-img .products-item-img-second {
  opacity: 0;
  transition: all 0.3s ease;
}

/* line 1641, app/assets/stylesheets/client/common.scss */
.products-item-img:hover .products-item-img-second {
  opacity: 1;
}

/* line 1645, app/assets/stylesheets/client/common.scss */
.products-item-info {
  padding: 20px;
}

/* line 1649, app/assets/stylesheets/client/common.scss */
.products-item-info {
  display: grid;
  grid-template-rows: auto max-content;
}

/* line 1654, app/assets/stylesheets/client/common.scss */
.products-item-name {
  margin-bottom: 20px;
  font-size: 16px;
}

/* line 1659, app/assets/stylesheets/client/common.scss */
a.products-item-price {
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: var(--white);
  background: var(--bg-main);
  border-radius: 5px;
  padding: 10px 20px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 1673, app/assets/stylesheets/client/common.scss */
a.products-item-price:hover {
  background: var(--bg-main-hover);
}

/* line 1677, app/assets/stylesheets/client/common.scss */
span.products-item-price-old {
  margin-left: 8px;
  font-size: 14px;
  color: #DFDFDF80;
  text-decoration: line-through;
}

/* about */
/* line 1686, app/assets/stylesheets/client/common.scss */
.about-block-wrapper {
  display: flex;
}

/* line 1690, app/assets/stylesheets/client/common.scss */
.about-photo {
  width: 50%;
  flex: 0 0 50%;
}

/* line 1695, app/assets/stylesheets/client/common.scss */
.about-slider {
  width: 80%;
  padding-right: 35px;
  opacity: 0;
}

/* line 1701, app/assets/stylesheets/client/common.scss */
.about-slider .swiper-wrapper {
  height: 410px;
}

/* line 1705, app/assets/stylesheets/client/common.scss */
.about-slider .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
}

/* line 1715, app/assets/stylesheets/client/common.scss */
.about-slider .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* line 1721, app/assets/stylesheets/client/common.scss */
.about-slider .about-pagination {
  position: relative;
  top: unset;
  bottom: unset;
  margin-top: 12px;
  /* width: 100px !important; */
}

/* line 1729, app/assets/stylesheets/client/common.scss */
.about-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev,
.about-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.6);
}

/* line 1734, app/assets/stylesheets/client/common.scss */
.about-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev,
.about-slider .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.8);
}

/* line 1739, app/assets/stylesheets/client/common.scss */
.about-slider span.swiper-pagination-bullet.swiper-pagination-bullet-active.swiper-pagination-bullet-active-main {
  width: 24px;
  height: 10px;
  border-radius: 10px;
  background: var(--bg-main);
}

/* line 1746, app/assets/stylesheets/client/common.scss */
.about-slider .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
}

/* line 1751, app/assets/stylesheets/client/common.scss */
.about-info {
  background: var(--white);
  padding: 30px;
  border-radius: 15px;
  flex: 1 1 auto;
}

/* line 1758, app/assets/stylesheets/client/common.scss */
.about-block-wrapper_full .about-photo,
.about-block-wrapper_full .about-info {
  width: 100%;
  flex: 0 0 100%;
}

/* line 1764, app/assets/stylesheets/client/common.scss */
.about-block-wrapper_full .about-slider {
  width: 100%;
  padding-right: 0;
}

/* line 1769, app/assets/stylesheets/client/common.scss */
.about-info .info-item:not(:first-child) {
  margin-top: 24px;
}

/* line 1773, app/assets/stylesheets/client/common.scss */
.about-info .info-item .info-item-title {
  font-size: 24px;
  margin-bottom: 20px;
  font-weight: 500;
}

/* line 1779, app/assets/stylesheets/client/common.scss */
.about-info .info-item .info-item-text {
  font-size: 16px;
}

/* line 1783, app/assets/stylesheets/client/common.scss */
.about-info .info-item .info-item-text p,
.about-info .info-item .info-item-text div,
.about-info .info-item .info-item-text h2,
.about-info .info-item .info-item-text h3,
.about-info .info-item .info-item-text h4,
.about-info .info-item .info-item-text ul,
.about-info .info-item .info-item-text ol {
  margin: 0 0 10px;
}

/* line 1793, app/assets/stylesheets/client/common.scss */
.about-info .info-item .info-item-text p:last-child,
.about-info .info-item .info-item-text div:last-child,
.about-info .info-item .info-item-text h2:last-child,
.about-info .info-item .info-item-text h3:last-child,
.about-info .info-item .info-item-text h4:last-child,
.about-info .info-item .info-item-text ul:last-child,
.about-info .info-item .info-item-text ol:last-child {
  margin-bottom: 0;
}

/* line 1803, app/assets/stylesheets/client/common.scss */
.about-info .info-item .info-item-text h2,
.about-info .info-item .info-item-text h3,
.about-info .info-item .info-item-text h4 {
  font-weight: 700;
  line-height: 1.25;
}

/* line 1810, app/assets/stylesheets/client/common.scss */
.about-info .info-item .info-item-text h2 {
  font-size: 24px;
}

/* line 1814, app/assets/stylesheets/client/common.scss */
.about-info .info-item .info-item-text h3 {
  font-size: 20px;
}

/* line 1818, app/assets/stylesheets/client/common.scss */
.about-info .info-item .info-item-text h4 {
  font-size: 18px;
}

/* line 1822, app/assets/stylesheets/client/common.scss */
.about-info .info-item .info-item-text ul,
.about-info .info-item .info-item-text ol {
  margin-left: 20px;
}

/* line 1827, app/assets/stylesheets/client/common.scss */
.about-info .info-item .info-item-text a {
  color: var(--bg-main);
  text-decoration: underline;
}

/* line 1832, app/assets/stylesheets/client/common.scss */
.info-social {
  /* margin-top: 24px; */
}

/* line 1836, app/assets/stylesheets/client/common.scss */
.info-social a {
  text-decoration: none;
}

/* line 1840, app/assets/stylesheets/client/common.scss */
.info-social a:not(:last-child) {
  margin-right: 15px;
}

/* line 1844, app/assets/stylesheets/client/common.scss */
.info-social a:hover span {
  color: var(--bg-main-hover);
}

/* line 1848, app/assets/stylesheets/client/common.scss */
.info-social a span {
  font-size: 24px;
  display: inline-block;
}

/* line 1853, app/assets/stylesheets/client/common.scss */
.faq {
  background: var(--white);
  padding: 30px;
  border-radius: 15px;
  margin-top: 40px;
}

/* line 1860, app/assets/stylesheets/client/common.scss */
.faq-title {
  font-size: 24px;
  margin-bottom: 20px;
  font-weight: 500;
}

/* line 1866, app/assets/stylesheets/client/common.scss */
ul.faq-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  list-style: none;
  align-items: flex-start;
}

/* line 1874, app/assets/stylesheets/client/common.scss */
li.faq-item {
  flex: 0 0 calc(50% - 10px);
  border: 2px solid var(--bg-main);
  border-radius: 15px;
  overflow: hidden;
}

/* line 1881, app/assets/stylesheets/client/common.scss */
li.faq-item p.faq-question {
  padding: 20px;
  border-radius: 12px;
  background: var(--bg-main);
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  cursor: pointer;
  position: relative;
}

/* line 1892, app/assets/stylesheets/client/common.scss */
li.faq-item p.faq-question:before {
  content: "\e910";
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--white);
  top: 50%;
  position: absolute;
  right: 20px;
  transform: translateY(-50%);
}

/* line 1910, app/assets/stylesheets/client/common.scss */
li.faq-item.active p.faq-question:before {
  transform: translateY(-50%) rotate(45deg);
}

/* line 1914, app/assets/stylesheets/client/common.scss */
li.faq-item p.faq-content {
  padding: 20px 20px;
  display: none;
  font-size: 16px;
  background: var(--white);
}

/* line 1921, app/assets/stylesheets/client/common.scss */
li.faq-item.active p.faq-content {
  display: block;
}

/* brands and delivery */
/* line 1927, app/assets/stylesheets/client/common.scss */
.brands-block-wrapper,
.delivery-block-wrapper {
  background: var(--white);
  border-radius: 15px;
  padding: 32px;
}

/* line 1934, app/assets/stylesheets/client/common.scss */
.brands-block-title {
  color: #25272c;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.1;
  margin-bottom: 42px;
}

/* line 1942, app/assets/stylesheets/client/common.scss */
.brands-letter-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 36px;
}

/* line 1949, app/assets/stylesheets/client/common.scss */
.brands-letter-btn {
  align-items: center;
  background: var(--white);
  border: 1px solid #e3e6ea;
  border-radius: 6px;
  color: #25272c;
  cursor: pointer;
  display: inline-flex;
  font-size: 18px;
  font-weight: 600;
  height: 48px;
  justify-content: center;
  min-width: 48px;
  padding: 0 17px;
  transition: background-color .2s ease, border-color .2s ease, color .2s ease;
}

/* line 1966, app/assets/stylesheets/client/common.scss */
.brands-letter-btn:hover,
.brands-letter-btn:focus-visible,
.brands-letter-btn.active {
  background: var(--bg-main);
  border-color: var(--bg-main);
  color: var(--white);
}

@supports (background: color-mix(in srgb, red 20%, white)) {
  /* line 1975, app/assets/stylesheets/client/common.scss */
  .brands-letter-btn:hover,
.brands-letter-btn:focus-visible,
.brands-letter-btn.active {
    background: color-mix(in srgb, var(--bg-main) 22%, white);
    border-color: color-mix(in srgb, var(--bg-main) 34%, white);
    color: #25272c;
  }
}

/* line 1984, app/assets/stylesheets/client/common.scss */
.brands-divider {
  border-top: 1px solid #edf0f2;
}

/* line 1988, app/assets/stylesheets/client/common.scss */
.brands-group {
  border-bottom: 1px solid #edf0f2;
  display: grid;
  gap: 48px;
  grid-template-columns: 150px minmax(0, 1fr);
  padding: 44px 0;
}

/* line 1996, app/assets/stylesheets/client/common.scss */
.brands-group.hidden {
  display: none;
}

/* line 2000, app/assets/stylesheets/client/common.scss */
.brands-group-letter {
  color: #25272c;
  font-size: 34px;
  font-weight: 700;
  line-height: 1;
}

/* line 2007, app/assets/stylesheets/client/common.scss */
.brands-list {
  align-items: start;
  display: grid;
  gap: 28px 64px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

/* line 2014, app/assets/stylesheets/client/common.scss */
.catalog-brand-link {
  background: transparent;
  border: 0;
  color: #25272c;
  cursor: pointer;
  display: block;
  font: inherit;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.25;
  min-height: 0;
  padding: 0;
  text-align: left;
  transition: color .2s ease;
  width: 100%;
}

/* line 2031, app/assets/stylesheets/client/common.scss */
.catalog-brand-link:hover,
.catalog-brand-link:focus-visible {
  color: var(--bg-main);
}

/* line 2036, app/assets/stylesheets/client/common.scss */
.delivery-info-text {
  font-size: 20px;
  line-height: 1.55;
}

/* line 2041, app/assets/stylesheets/client/common.scss */
.delivery-info-text h2,
.delivery-info-text h3,
.delivery-info-text h4 {
  margin-bottom: 12px;
}

/* line 2047, app/assets/stylesheets/client/common.scss */
.delivery-info-text p,
.delivery-info-text ul,
.delivery-info-text ol {
  margin-bottom: 14px;
}

/* line 2053, app/assets/stylesheets/client/common.scss */
.delivery-info-text a {
  color: var(--bg-main);
}

/* contacts */
/* line 2059, app/assets/stylesheets/client/common.scss */
.contact-block-wrapper {
  display: grid;
  justify-content: space-between;
  background: var(--white);
  border-radius: 15px;
  padding: 32px;
  grid-template-columns: 50% 50%;
}

/* line 2068, app/assets/stylesheets/client/common.scss */
.map-wrapper {
  width: 100%;
  padding-right: 16px;
  grid-row: 1 / 3;
}

/* line 2074, app/assets/stylesheets/client/common.scss */
.map-wrapper #maps {
  border-radius: 15px;
  overflow: hidden;
}

/* line 2079, app/assets/stylesheets/client/common.scss */
.contact-info-wrapper {
  padding-left: 16px;
}

/* line 2083, app/assets/stylesheets/client/common.scss */
.contact-block-wrapper_single {
  grid-template-columns: 100%;
}

/* line 2087, app/assets/stylesheets/client/common.scss */
.contact-block-wrapper_single .contact-info-wrapper,
.contact-block-wrapper_single .contact-info-whatsapp-wrapper {
  padding-left: 0;
}

/* line 2092, app/assets/stylesheets/client/common.scss */
.contact-block-wrapper_single .contact-info-whatsapp {
  margin-top: 0;
}

/* line 2096, app/assets/stylesheets/client/common.scss */
.contact-info-item {
  margin-bottom: 16px;
}

/* line 2100, app/assets/stylesheets/client/common.scss */
.contact-info-item:last-child {
  margin-bottom: 0;
}

/* line 2104, app/assets/stylesheets/client/common.scss */
.contact-info-item span.contact-info-item-title {
  color: #23232399;
  font-size: 16px;
  font-weight: 500;
  display: block;
  margin-bottom: 4px;
}

/* line 2112, app/assets/stylesheets/client/common.scss */
.contact-info-item span.contact-info-item-text {
  font-size: 20px;
  font-weight: 500;
}

/* line 2117, app/assets/stylesheets/client/common.scss */
.contact-info-item span.contact-info-item-text a {
  font-size: 32px;
  text-decoration: none;
}

/* line 2122, app/assets/stylesheets/client/common.scss */
.contact-info-whatsapp-wrapper {
  padding-left: 16px;
}

/* line 2126, app/assets/stylesheets/client/common.scss */
.contact-info-whatsapp {
  margin-top: 32px;
  display: flex;
  padding: 30px 54px;
  background: var(--bg-rose);
  border-radius: 15px;
  justify-content: space-between;
}

/* line 2135, app/assets/stylesheets/client/common.scss */
.contact-info-whatsapp .contact-info-whatsapp-item {
  flex: 0 0 calc(50% - 8px);
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* line 2142, app/assets/stylesheets/client/common.scss */
span.whatsapp-title {
  font-size: 24px;
  font-weight: 500;
  display: block;
}

/* line 2148, app/assets/stylesheets/client/common.scss */
.contact-info-whatsapp-item a.whatsapp-btn {
  display: flex;
  margin-top: 36px;
  padding: 12px 18px;
  align-items: center;
  justify-content: center;
  background: #25D366;
  border-radius: 5px;
  color: var(--white);
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
}

/* line 2162, app/assets/stylesheets/client/common.scss */
.contact-info-whatsapp-item a.whatsapp-btn span.icon-whatsapp {
  margin-left: 8px;
  color: #fff;
  font-size: 20px;
}

/* line 2168, app/assets/stylesheets/client/common.scss */
.whatsapp-qr {
  display: flex;
  align-items: center;
  flex-direction: column;
}

/* line 2174, app/assets/stylesheets/client/common.scss */
.whatsapp-qr .qr {
  text-align: center;
}

/* line 2178, app/assets/stylesheets/client/common.scss */
.whatsapp-qr svg {
  width: 65%;
  max-width: 180px;
}

/* line 2183, app/assets/stylesheets/client/common.scss */
span.qr-text {
  margin-top: 10px;
  text-align: center;
}

/* footer */
/* line 2190, app/assets/stylesheets/client/common.scss */
footer.footer {
  margin-top: 40px;
  background: var(--white);
  border-radius: 15px 15px 0 0;
  padding: 60px 0 20px;
}

/* line 2197, app/assets/stylesheets/client/common.scss */
.footer-wrapper {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

/* line 2203, app/assets/stylesheets/client/common.scss */
.footer-info-owner {
  font-size: 14px;
  flex: 0 0 30%;
}

/* line 2208, app/assets/stylesheets/client/common.scss */
.footer-socials {
  display: flex;
  gap: 10px;
  margin-bottom: 14px;
}

/* line 2214, app/assets/stylesheets/client/common.scss */
.footer-social-link {
  align-items: center;
  background: var(--bg-light);
  border-radius: 50%;
  display: inline-flex;
  height: 28px;
  justify-content: center;
  transition: opacity .2s ease, transform .2s ease;
  width: 28px;
}

/* line 2225, app/assets/stylesheets/client/common.scss */
.footer-social-link:hover {
  opacity: .86;
  transform: translateY(-1px);
}

/* line 2230, app/assets/stylesheets/client/common.scss */
.footer-social-link img {
  display: block;
  height: 100%;
  width: 100%;
}

/* line 2236, app/assets/stylesheets/client/common.scss */
.info-owner-text {
  margin-top: 6px;
  line-height: 1.45;
  color: var(--text);
}

/* line 2242, app/assets/stylesheets/client/common.scss */
.info-owner-text b {
  font-weight: 700;
}

/* line 2246, app/assets/stylesheets/client/common.scss */
.footer-logo {
  font-family: 'Myflora Personal Use';
  font-weight: 400;
  font-size: 48px;
  text-align: center;
  color: var(--bg-main);
  line-height: 28px;
}

/* line 2255, app/assets/stylesheets/client/common.scss */
.footer-logo a,
.footer-logo .footer-logo-static {
  text-decoration: none;
  font-family: 'Myflora Personal Use';
}

/* line 2261, app/assets/stylesheets/client/common.scss */
.footer-logo a.footer-logo_image,
.footer-logo .footer-logo-static.footer-logo_image {
  align-items: center;
  display: inline-flex;
  justify-content: center;
}

/* line 2268, app/assets/stylesheets/client/common.scss */
.footer-logo a.footer-logo_image img,
.footer-logo .footer-logo-static.footer-logo_image img {
  display: block;
  max-height: 64px;
  max-width: 220px;
  object-fit: contain;
}

/* line 2276, app/assets/stylesheets/client/common.scss */
.footer-useful-links {
  font-size: 14px;
  flex: 0 0 30%;
}

/* line 2281, app/assets/stylesheets/client/common.scss */
.footer-useful-links a,
.footer-useful-links button {
  display: block;
  text-align: right;
  outline: none;
  border: none;
  background: transparent;
  cursor: pointer;
  width: 100%;
  text-decoration: underline;
  color: var(--text);
}

/* line 2294, app/assets/stylesheets/client/common.scss */
.footer-useful-links button {
  margin-top: 3px;
  font-size: 14px;
}

/* popup */
/* line 2300, app/assets/stylesheets/client/common.scss */
.popup-product {
  display: none;
}

/* line 2303, app/assets/stylesheets/client/common.scss */
.popup-product.popup-product-active {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #20202066;
  z-index: var(--site-popup-z-index);
  height: 100vh;
  width: 100vw;
}

/* line 2316, app/assets/stylesheets/client/common.scss */
.popup-product-btn-back {
  display: none;
}

/* line 2320, app/assets/stylesheets/client/common.scss */
.popup-product-wrapper {
  width: 55%;
  min-width: 831px;
  background: var(--white);
  height: 90%;
  border-radius: 15px;
  position: relative;
  padding-top: 20px;
  overflow: hidden;
}

/* line 2331, app/assets/stylesheets/client/common.scss */
.popup-product-header {
  position: absolute;
  display: flex;
  justify-content: flex-end;
  top: 0;
  right: 0;
  z-index: 5;
}

/* line 2340, app/assets/stylesheets/client/common.scss */
span.icon-cross {
  padding: 20px;
  cursor: pointer;
}

/* line 2345, app/assets/stylesheets/client/common.scss */
.popup-product-content-wrapper {
  height: calc(100% - 98px);
  width: 100%;
  overflow-y: auto;
  scrollbar-color: var(--bg-main) var(--white);
  scrollbar-width: thin;
  overflow-x: hidden;
}

/* line 2354, app/assets/stylesheets/client/common.scss */
.popup-product-content {
  display: grid;
  grid-template-columns: 50% 50%;
  padding: 0 20px 20px;
}

/* line 2360, app/assets/stylesheets/client/common.scss */
.popup-product-photo-item {
  width: 100%;
  aspect-ratio: 3 / 4;
}

/* line 2365, app/assets/stylesheets/client/common.scss */
.popup-product-photo-slider .popup-product-photo-item {
  height: 60vh;
  max-height: 640px;
}

/* line 2370, app/assets/stylesheets/client/common.scss */
.popup-product-photo-thumbnail-slider .popup-product-photo-item {
  cursor: pointer;
}

/* line 2374, app/assets/stylesheets/client/common.scss */
.popup-product-photo-thumbnail-slider {
  opacity: 0;
}

/* line 2378, app/assets/stylesheets/client/common.scss */
.popup-product-photo-slider .swiper-wrapper,
.popup-product-photo-thumbnail-slider .swiper-wrapper {
  align-items: stretch;
}

/* line 2383, app/assets/stylesheets/client/common.scss */
.popup-product-photo-slider .popup-product-photo-item img,
.popup-product-photo-thumbnail-slider .popup-product-photo-item img,
.popup-product-photo-slider .popup-product-photo-item video,
.popup-product-photo-thumbnail-slider .popup-product-photo-item video {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

/* line 2391, app/assets/stylesheets/client/common.scss */
.popup-product-photo-thumbnail-slider {
  margin-top: 12px;
}

/* line 2394, app/assets/stylesheets/client/common.scss */
.popup-product-photo-slider .popup-product-photo-item img,
.popup-product-photo-slider .popup-product-photo-item video {
  border-radius: 15px;
}

/* line 2399, app/assets/stylesheets/client/common.scss */
.popup-product-photo-thumbnail-slider .popup-product-photo-item img {
  border-radius: 5px;
}

/* line 2403, app/assets/stylesheets/client/common.scss */
.popup-product-photo-thumbnail-slider .popup-product-photo-item {
  opacity: .5;
}

/* line 2407, app/assets/stylesheets/client/common.scss */
.popup-product-photo-thumbnail-slider .swiper-slide-thumb-active {
  opacity: 1;
}

/* line 2411, app/assets/stylesheets/client/common.scss */
.popup-product-photo-thumbnail-slider .popup-product-photo-item .thumb-wrap {
  position: relative;
  height: 100%;
}

/* line 2416, app/assets/stylesheets/client/common.scss */
.popup-product-photo-thumbnail-slider .popup-product-photo-item .thumb-wrap span.icon-video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  color: #ffffff;
  font-size: 30px;
  line-height: 30px;
  display: flex;
  text-shadow: 3px 3px 28px #373737a3;
}

/* line 2429, app/assets/stylesheets/client/common.scss */
.popup-product-info {
  padding: 20px 0px 20px 30px;
}

/* line 2433, app/assets/stylesheets/client/common.scss */
.popup-product-info-title {
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 24px;
}

/* line 2439, app/assets/stylesheets/client/common.scss */
.popup-product-info-features-item-title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 12px;
}

/* line 2445, app/assets/stylesheets/client/common.scss */
.popup-product-info-features-item {
  margin-top: 18px;
}

/* line 2449, app/assets/stylesheets/client/common.scss */
.popup-product-info-features-item-text {
  white-space: pre-wrap;
}

/* line 2453, app/assets/stylesheets/client/common.scss */
.popup-product-info-moreInfo-desc {
  white-space: pre-wrap;
}

/* line 2457, app/assets/stylesheets/client/common.scss */
span.icon-streamline {
  margin-right: 10px;
}

/* line 2461, app/assets/stylesheets/client/common.scss */
.popup-product-moreInfo {
  grid-column: 1 / 3;
  margin-top: 24px;
}

/* line 2466, app/assets/stylesheets/client/common.scss */
.popup-bottom-line {
  grid-column: 1 / 3;
  position: sticky;
  bottom: 0;
  padding: 24px 20px;
  background: var(--white);
  box-shadow: 0px -4px 20px 0px #37373714;
  border-radius: 15px 15px 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 2479, app/assets/stylesheets/client/common.scss */
.popup-bottom-line-price-wrapper {
  display: inline-flex;
  align-items: center;
}

/* line 2484, app/assets/stylesheets/client/common.scss */
.popup-bottom-line-price {
  font-size: 28px;
  font-weight: 600;
  position: relative;
  margin-right: 49px;
  width: 170px;
}

/* line 2492, app/assets/stylesheets/client/common.scss */
span.popup-bottom-line-price-old {
  font-size: 15px;
  opacity: .5;
  text-decoration: line-through;
  font-weight: 400;
  right: 0;
  top: 94%;
  position: absolute;
  display: block;
  text-align: right;
  line-height: 12px;
}

/* line 2505, app/assets/stylesheets/client/common.scss */
span.popup-bottom-line-price-old.price-old-hidden {
  display: none;
}

/* line 2509, app/assets/stylesheets/client/common.scss */
.popup-bottom-line-counter-quantity-inner {
  display: inline-flex;
  border-radius: 5px;
  background: #F5F5F5;
  align-items: center;
}

/* line 2515, app/assets/stylesheets/client/common.scss */
.popup-bottom-line-counter-quantity-inner .bt_minus,
.popup-bottom-line-counter-quantity-inner .bt_plus,
.popup-bottom-line-counter-quantity-inner .quantity {
  height: 30px;
  width: 20px;
  padding: 0;
  border: 0;
  margin: 0;
  background: transparent;
  cursor: pointer;
  outline: 0;
}

/* line 2527, app/assets/stylesheets/client/common.scss */
.popup-bottom-line-counter-quantity-inner .quantity {
  width: 50px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}

/* line 2533, app/assets/stylesheets/client/common.scss */
.popup-bottom-line-counter-quantity-inner .bt_minus,
.popup-bottom-line-counter-quantity-inner .bt_plus {
  font-size: 16px;
  font-weight: 600;
  margin: 10px;
  display: inline-flex;
  align-items: center;
}

/* line 2542, app/assets/stylesheets/client/common.scss */
span.icon-minus {
  font-size: 3px;
  line-height: 3px;
}

/* line 2547, app/assets/stylesheets/client/common.scss */
.popup-bottom-line-btn button {
  padding: 14px 22px;
  border-radius: 5px;
  border: 1.5px solid;
  outline: none;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
}

/* line 2557, app/assets/stylesheets/client/common.scss */
button.popup-bottom-line-btn-basket {
  background: var(--bg-main);
  color: var(--white);
  border-color: var(--bg-main);
  margin-right: 12px;
}

/* line 2564, app/assets/stylesheets/client/common.scss */
button.popup-bottom-line-btn-buy-now {
  color: var(--bg-main);
  background: var(--white);
  border-color: var(--bg-main);
}

/* cart popup */
/* line 2571, app/assets/stylesheets/client/common.scss */
.popup-cart {
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--site-popup-z-index);
  width: 100vw;
  height: 100vh;
  background: #20202066;
  display: none;
  justify-content: flex-end;
}

/* line 2583, app/assets/stylesheets/client/common.scss */
.popup-cart.popup-cart-active {
  display: flex;
}

/* line 2587, app/assets/stylesheets/client/common.scss */
.popup-cart-wrapper {
  border-radius: 15px 0 0 15px;
  background: var(--white);
  display: grid;
  grid-template-rows: max-content auto max-content;
  width: 400px;
  overflow: hidden;
}

/* line 2596, app/assets/stylesheets/client/common.scss */
.popup-cart.popup-cart-active .popup-cart-wrapper {
  animation: fadeLeft .3s forwards;
  margin-right: -400px;
}

@keyframes fadeLeft {
  to {
    margin-right: 0px;
  }
}

/* line 2607, app/assets/stylesheets/client/common.scss */
.popup-cart-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 24px;
}

/* line 2614, app/assets/stylesheets/client/common.scss */
.popup-cart-title {
  font-size: 24px;
  font-weight: 500;
}

/* line 2619, app/assets/stylesheets/client/common.scss */
.popup-cart-cross .icon-cross {
  font-size: 16px;
  cursor: pointer;
  line-height: 16px;
  padding: 20px 0px 20px 20px;
}

/* line 2626, app/assets/stylesheets/client/common.scss */
.popup-cart-body {
  overflow-y: auto;
  scrollbar-color: var(--bg-main) var(--white);
  scrollbar-width: thin;
  overflow-x: hidden;
}

/* line 2633, app/assets/stylesheets/client/common.scss */
.popup-cart-product-list {
  padding: 0 24px 45px;
  /* height: 100%; */
}

/* line 2638, app/assets/stylesheets/client/common.scss */
.popup-cart-empty {
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column-reverse;
  justify-content: center;
}

/* line 2646, app/assets/stylesheets/client/common.scss */
.popup-cart-empty span {
  display: block;
  font-size: 20px;
  color: var(--bg-main);
  margin-top: 20px;
  font-weight: 600;
}

/* line 2654, app/assets/stylesheets/client/common.scss */
.popup-cart-empty-icon {
  display: block;
  width: 250px;
  aspect-ratio: 740 / 685;
  background: var(--bg-main);
  -webkit-mask: url(/images/empty-cart.svg) center/contain no-repeat;
  mask: url(/images/empty-cart.svg) center/contain no-repeat;
}

/* line 2663, app/assets/stylesheets/client/common.scss */
.popup-cart-product-item {
  display: flex;
  padding: 10px 0;
  border-bottom: 1px solid #E2E2E2;
}

/* line 2669, app/assets/stylesheets/client/common.scss */
.popup-cart-product-item:first-child {
  border-top: 1px solid #E2E2E2;
}

/* line 2673, app/assets/stylesheets/client/common.scss */
.popup-cart-product-photo {
  flex: 0 0 100px;
  height: 100px;
  border-radius: 15px;
  overflow: hidden;
  margin-right: 12px;
}

/* line 2681, app/assets/stylesheets/client/common.scss */
.popup-cart-product-photo img {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

/* line 2687, app/assets/stylesheets/client/common.scss */
.popup-cart-product-info {
  flex: 1 1 auto;
  display: grid;
  grid-template-rows: auto max-content;
}

/* line 2693, app/assets/stylesheets/client/common.scss */
.popup-cart-product-title {
  font-size: 16px;
  margin-bottom: 25px;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: unset;
}

/* line 2704, app/assets/stylesheets/client/common.scss */
.cart-item-options {
  color: #717171;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  gap: 4px;
  margin: -14px 0 16px;
}

/* line 2713, app/assets/stylesheets/client/common.scss */
.cart-item-option {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: 0 7px;
}

/* line 2720, app/assets/stylesheets/client/common.scss */
.cart-item-option-label {
  font-weight: 500;
}

/* line 2724, app/assets/stylesheets/client/common.scss */
.cart-item-option-value {
  font-weight: 500;
}

/* line 2728, app/assets/stylesheets/client/common.scss */
.popup-cart-product-bottom-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 2734, app/assets/stylesheets/client/common.scss */
.popup-cart-product-line-counter-quantity-inner {
  display: inline-flex;
  border-radius: 5px;
  background: #F5F5F5;
  align-items: center;
  padding: 3px 10px;
}

/* line 2742, app/assets/stylesheets/client/common.scss */
.popup-cart-product-line-counter-quantity-inner button {
  border: none;
  background: transparent;
  outline: none;
  cursor: pointer;
}

/* line 2749, app/assets/stylesheets/client/common.scss */
.popup-cart-product-line-counter-quantity-inner .bt_trash, .popup-cart-product-line-counter-quantity-inner .bt_minus, .popup-cart-product-line-counter-quantity-inner .quantity, .popup-cart-product-line-counter-quantity-inner .bt_plus {
  height: 30px;
  width: 20px;
  padding: 0;
  border: 0;
  margin: 0;
  background: transparent;
  cursor: pointer;
  outline: 0;
  justify-content: center;
}

/* line 2761, app/assets/stylesheets/client/common.scss */
button.bt_trash {
  font-size: 18px;
  line-height: 14px;
}

/* line 2766, app/assets/stylesheets/client/common.scss */
button.bt_trash.bt_trash_hidden {
  display: none;
}

/* line 2770, app/assets/stylesheets/client/common.scss */
button.bt_minus span.icon-minus {
  font-size: 2.5px;
  line-height: 3px;
}

/* line 2775, app/assets/stylesheets/client/common.scss */
button.bt_minus.bt_minus_hidden {
  display: none;
}

/* line 2779, app/assets/stylesheets/client/common.scss */
.popup-cart-product-line-counter-quantity-inner .quantity {
  width: 50px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}

/* line 2786, app/assets/stylesheets/client/common.scss */
button.bt_minus, button.bt_plus {
  font-size: 14px;
  font-weight: 600;
  margin: 10px;
  display: inline-flex;
  align-items: center;
}

/* line 2794, app/assets/stylesheets/client/common.scss */
.popup-cart-product-line-price {
  position: relative;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
}

/* line 2801, app/assets/stylesheets/client/common.scss */
span.popup-cart-product-line-price-old {
  text-decoration: line-through;
  font-size: 12px;
  position: absolute;
  right: 0;
  top: 100%;
  opacity: .5;
}

/* line 2810, app/assets/stylesheets/client/common.scss */
span.popup-cart-product-line-price-old.price-old-hidden {
  display: none;
}

/* line 2814, app/assets/stylesheets/client/common.scss */
.popup-cart-bottom-line {
  position: sticky;
  bottom: 0;
  padding: 24px;
  background: var(--white);
  box-shadow: 0px -4px 20px 0px #37373714;
  border-radius: 15px 15px 0 0;
}

/* line 2823, app/assets/stylesheets/client/common.scss */
.popup-cart-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 2829, app/assets/stylesheets/client/common.scss */
span.popup-cart-total-title {
  font-size: 18px;
  font-weight: 600;
}

/* line 2834, app/assets/stylesheets/client/common.scss */
button.popup-cart-checkout-btn {
  display: block;
  width: 100%;
  margin-top: 20px;
  background: var(--bg-main);
  color: var(--white);
  padding: 14px 22px;
  border: none;
  outline: none;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
}

/* line 2848, app/assets/stylesheets/client/common.scss */
button.popup-cart-checkout-btn:hover {
  background: var(--bg-main-hover);
}

/* line 2852, app/assets/stylesheets/client/common.scss */
.popup-cart-checkout-btn-total {
  position: relative;
}

/* line 2856, app/assets/stylesheets/client/common.scss */
span.popup-cart-checkout-btn-total-price {
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
}

/* line 2862, app/assets/stylesheets/client/common.scss */
span.popup-cart-checkout-btn-total-price-old {
  text-decoration: line-through;
  font-size: 12px;
  position: absolute;
  right: 0;
  top: 100%;
  opacity: .5;
}

/* line 2871, app/assets/stylesheets/client/common.scss */
span.popup-cart-checkout-btn-total-price-old.price-old-hidden {
  display: none;
}

/* checkout */
/* line 2877, app/assets/stylesheets/client/common.scss */
.popup-checkout {
  display: none;
}

/* line 2880, app/assets/stylesheets/client/common.scss */
.popup-checkout.is-open {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #20202066;
  z-index: var(--site-popup-z-index);
  height: 100vh;
  width: 100vw;
}

/* line 2893, app/assets/stylesheets/client/common.scss */
.popup-checkout-wrapper {
  width: 55%;
  min-width: 831px;
  background: var(--white);
  height: 90%;
  border-radius: 15px;
  position: relative;
  padding-top: 20px;
  overflow: hidden;
}

/* line 2904, app/assets/stylesheets/client/common.scss */
.popup-checkout-header {
  position: absolute;
  display: flex;
  justify-content: space-between;
  top: 20px;
  right: 0;
  z-index: 5;
  width: 100%;
  padding: 0 20px;
}

/* line 2915, app/assets/stylesheets/client/common.scss */
.popup-checkout-title {
  font-size: 32px;
  font-weight: 500;
}

/* line 2920, app/assets/stylesheets/client/common.scss */
.popup-checkout-cross span.icon-cross {
  padding: 20px 0 20px 20px;
}

/* line 2924, app/assets/stylesheets/client/common.scss */
.popup-checkout-body {
  margin: 59px 0;
  padding: 0 20px;
  height: calc(100% - 98px);
  width: 100%;
  overflow-y: auto;
  scrollbar-color: var(--bg-main) var(--white);
  scrollbar-width: thin;
  overflow-x: hidden;
}

/* line 2935, app/assets/stylesheets/client/common.scss */
.checkout-item:first-child {
  border-top: 1px solid #E2E2E2;
}

/* line 2939, app/assets/stylesheets/client/common.scss */
.checkout-item {
  display: flex;
  padding: 10px 0;
  border-bottom: 1px solid #E2E2E2;
}

/* line 2945, app/assets/stylesheets/client/common.scss */
.checkout-item-thumb {
  flex: 0 0 100px;
  height: 100px;
  border-radius: 15px;
  overflow: hidden;
  margin-right: 12px;
}

/* line 2953, app/assets/stylesheets/client/common.scss */
.checkout-item-thumb img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* line 2959, app/assets/stylesheets/client/common.scss */
.checkout-item-info {
  flex: 1 1 auto;
  display: grid;
  grid-template-rows: auto max-content;
}

/* line 2965, app/assets/stylesheets/client/common.scss */
.checkout-item-info .title {
  font-size: 16px;
  margin-bottom: 25px;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: unset;
}

/* line 2976, app/assets/stylesheets/client/common.scss */
.checkout-item-info .title:after,
.popup-cart-product-title:after {
  content: '';
  position: absolute;
  z-index: 29;
  display: block;
  height: 22px;
  bottom: 0;
  width: 45px;
  right: 0;
  background: #fff;
  background: linear-gradient(94deg, rgba(255, 255, 255, 0.4) 0, #fff 100%);
}

/* line 2990, app/assets/stylesheets/client/common.scss */
.checkout-item-info-bottom-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

/* line 2996, app/assets/stylesheets/client/common.scss */
.checkout-item-info-bottom-line .co-qty {
  display: inline-flex;
  border-radius: 5px;
  background: #F5F5F5;
  align-items: center;
  padding: 3px 10px;
}

/* line 3004, app/assets/stylesheets/client/common.scss */
.checkout-item-info-bottom-line .co-qty button.co-trash, .checkout-item-info-bottom-line .co-qty button.co-minus, .checkout-item-info-bottom-line .co-qty button.co-plus, .checkout-item-info-bottom-line .co-qty input.co-input {
  height: 20px;
  width: 20px;
  padding: 0;
  border: 0;
  margin: 0;
  background: transparent;
  cursor: pointer;
  outline: 0;
}

/* line 3015, app/assets/stylesheets/client/common.scss */
.checkout-item-info-bottom-line .co-qty button.co-minus, .checkout-item-info-bottom-line .co-qty button.co-plus, .checkout-item-info-bottom-line .co-qty button.co-trash {
  font-size: 14px;
  font-weight: 600;
  margin: 5px 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* line 3024, app/assets/stylesheets/client/common.scss */
.checkout-item-info-bottom-line .co-qty button.co-trash {
  font-size: 18px;
  line-height: 14px;
}

/* line 3029, app/assets/stylesheets/client/common.scss */
.checkout-item-info-bottom-line .co-qty button.co-trash.co-trash_hidden {
  display: none;
}

/* line 3033, app/assets/stylesheets/client/common.scss */
.checkout-item-info-bottom-line .co-qty button.co-minus span.icon-minus {
  font-size: 2.5px;
  line-height: 3px;
}

/* line 3038, app/assets/stylesheets/client/common.scss */
.checkout-item-info-bottom-line .co-qty button.co-minus.co-minus_hidden {
  display: none;
}

/* line 3042, app/assets/stylesheets/client/common.scss */
.checkout-item-info-bottom-line .co-qty input.co-input {
  width: 50px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}

/* line 3049, app/assets/stylesheets/client/common.scss */
.checkout-item-info-bottom-line .price {
  position: relative;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
}

/* line 3056, app/assets/stylesheets/client/common.scss */
.popup-checkout-product-line-price {
  position: relative;
  font-weight: 500;
  font-size: 16px;
  line-height: 16px;
}

/* line 3063, app/assets/stylesheets/client/common.scss */
span.popup-checkout-product-line-price-old {
  text-decoration: line-through;
  font-size: 12px;
  position: absolute;
  right: 0;
  top: 100%;
  opacity: .5;
}

/* line 3072, app/assets/stylesheets/client/common.scss */
span.popup-checkout-product-line-price-old.price-old-hidden {
  display: none;
}

/* line 3076, app/assets/stylesheets/client/common.scss */
.checkout-items-all.is-collapsed {
  display: none;
}

/* line 3080, app/assets/stylesheets/client/common.scss */
button.checkout-toggle-all {
  outline: none;
  border: none;
  background: transparent;
  text-align: center;
  width: 100%;
  margin-top: 7px;
  font-size: 16px;
  font-weight: 500;
  color: #00000099;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* line 3095, app/assets/stylesheets/client/common.scss */
button.checkout-toggle-all span.icon-arrow_up {
  font-size: 12px;
  font-weight: 500;
  color: #00000099;
  margin-left: 10px;
}

/* line 3102, app/assets/stylesheets/client/common.scss */
.checkout-items-all.is-collapsed ~ button.checkout-toggle-all span.icon-arrow_up {
  transform: rotate(180deg);
}

/* line 3106, app/assets/stylesheets/client/common.scss */
.checkout-summary {
  margin-top: 32px;
}

/* line 3110, app/assets/stylesheets/client/common.scss */
.checkout-total-wrapper {
  position: relative;
}

/* line 3114, app/assets/stylesheets/client/common.scss */
.checkout-summary .row {
  display: flex;
  justify-content: space-between;
  font-size: 24px;
  font-weight: 500;
}

/* line 3121, app/assets/stylesheets/client/common.scss */
.checkout-total-value-old {
  text-decoration: line-through;
  font-weight: 400;
  font-size: 16px;
  text-align: right;
  opacity: .45;
  position: absolute;
  right: 0;
  bottom: -20px;
}

/* line 3132, app/assets/stylesheets/client/common.scss */
.checkout-total-value-old.price-old-hidden {
  display: none;
}

/* line 3136, app/assets/stylesheets/client/common.scss */
.checkout-delivery {
  margin-top: 52px;
  display: flex;
  gap: 20px;
  margin-bottom: 30px;
  align-items: stretch;
}

/* line 3144, app/assets/stylesheets/client/common.scss */
.checkout-delivery .checkout-delivery-radio-wrapper {
  flex: 0 0 calc(50% - 10px);
}

/* line 3148, app/assets/stylesheets/client/common.scss */
.checkout-delivery .checkout-delivery-radio-wrapper input[name="delivery_type"] {
  display: none;
}

/* line 3152, app/assets/stylesheets/client/common.scss */
.checkout-delivery .checkout-delivery-radio-wrapper label.radio {
  padding: 20px;
  border-radius: 15px;
  border: 1px solid #00000026;
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--white);
  height: 100%;
}

/* line 3163, app/assets/stylesheets/client/common.scss */
.checkout-delivery .checkout-delivery-radio-wrapper input[name="delivery_type"]:checked ~ label.radio {
  background: #F5F5F5;
}

/* line 3167, app/assets/stylesheets/client/common.scss */
.checkout-delivery .checkout-delivery-radio-wrapper label.radio .radio-select-btn {
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  border: 1.5px solid var(--bg-main);
  display: block;
  border-radius: 50%;
  position: relative;
  margin-right: 12px;
}

/* line 3178, app/assets/stylesheets/client/common.scss */
.checkout-delivery .checkout-delivery-radio-wrapper input[name="delivery_type"]:checked ~ label.radio .radio-select-btn:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 13px;
  height: 13px;
  background: var(--bg-main);
  border-radius: 50%;
}

/* line 3190, app/assets/stylesheets/client/common.scss */
.checkout-delivery .checkout-delivery-radio-wrapper .radio-box .radio-title {
  font-weight: 500;
  font-size: 18px;
}

/* line 3195, app/assets/stylesheets/client/common.scss */
.checkout-delivery .checkout-delivery-radio-wrapper .radio-box .radio-note {
  font-weight: 500;
  font-size: 14px;
  margin-top: 4px;
  color: #00000099;
}

/* line 3202, app/assets/stylesheets/client/common.scss */
.checkout-form-title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 30px;
}

/* line 3208, app/assets/stylesheets/client/common.scss */
.checkout-form .checkout-form-item {
  margin-bottom: 30px;
  display: block;
}

/* line 3213, app/assets/stylesheets/client/common.scss */
.checkout-form .checkout-form-item .label {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 16px;
}

/* line 3219, app/assets/stylesheets/client/common.scss */
.checkout-form .checkout-form-item .label-desc {
  font-size: 16px;
  font-weight: 500;
  color: #00000099;
  margin-bottom: 16px;
  margin-top: -10px;
}

/* line 3227, app/assets/stylesheets/client/common.scss */
.checkout-form .checkout-form-item input,
.checkout-form .checkout-form-item textarea,
.checkout-form .checkout-form-item select {
  width: 100%;
  font-size: 16px;
  border-radius: 10px;
  border: 1px solid #00000026;
  padding: 12px 20px;
  background: var(--white);
}

/* line 3238, app/assets/stylesheets/client/common.scss */
.checkout-form .checkout-form-item input.error,
.checkout-form .checkout-form-item textarea.error,
.checkout-form .checkout-form-item select.error,
.agree input.error[type="checkbox"] {
  border-color: var(--error);
}

/* line 3245, app/assets/stylesheets/client/common.scss */
.checkout-form .checkout-form-item input:focus,
.checkout-form .checkout-form-item input:focus-visible,
.checkout-form .checkout-form-item textarea:focus,
.checkout-form .checkout-form-item textarea:focus-visible,
.checkout-form .checkout-form-item select:focus,
.checkout-form .checkout-form-item select:focus-visible {
  border-color: var(--bg-main) !important;
  outline-color: var(--bg-main);
}

/* line 3255, app/assets/stylesheets/client/common.scss */
.checkout-cdek {
  position: relative;
}

/* line 3259, app/assets/stylesheets/client/common.scss */
.checkout-cdek-results {
  display: none;
  position: absolute;
  z-index: 20;
  left: 0;
  right: 0;
  top: 93px;
  max-height: 240px;
  overflow-y: auto;
  border: 1px solid #0000001f;
  border-radius: 10px;
  background: var(--white);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.12);
}

/* line 3274, app/assets/stylesheets/client/common.scss */
.checkout-cdek-city-option,
.checkout-cdek-empty {
  width: 100%;
  border: 0;
  background: transparent;
  text-align: left;
  padding: 13px 18px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 15px;
  color: var(--black);
}

/* line 3289, app/assets/stylesheets/client/common.scss */
.checkout-cdek-city-option:hover {
  background: var(--bg-main-hover-sm);
  color: var(--bg-main-hover);
}

/* line 3294, app/assets/stylesheets/client/common.scss */
.checkout-cdek-city-option small {
  font-size: 12px;
  color: #00000080;
}

/* line 3299, app/assets/stylesheets/client/common.scss */
.checkout-cdek-selected {
  display: none;
  margin: -10px 0 24px;
  padding: 16px 18px;
  border-radius: 10px;
  background: #f5f5f5;
  font-size: 14px;
  line-height: 1.45;
}

/* line 3309, app/assets/stylesheets/client/common.scss */
.checkout-cdek-error {
  display: none;
  margin: -10px 0 24px;
  color: var(--error);
  font-size: 14px;
  line-height: 1.45;
}

/* line 3317, app/assets/stylesheets/client/common.scss */
.checkout-cdek-map-open {
  width: 100%;
  min-height: 58px;
  border: 2px solid var(--bg-main);
  border-radius: 10px;
  background: var(--white);
  color: var(--bg-main);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
  transition: background .2s ease, color .2s ease, opacity .2s ease;
}

/* line 3334, app/assets/stylesheets/client/common.scss */
.checkout-cdek-map-open:hover {
  background: var(--bg-main);
  color: var(--white);
}

/* line 3339, app/assets/stylesheets/client/common.scss */
.checkout-cdek-map-open:disabled {
  opacity: .45;
  cursor: default;
  background: var(--white);
  color: var(--bg-main);
}

/* line 3346, app/assets/stylesheets/client/common.scss */
.checkout-cdek-select-fallback {
  margin-top: 14px;
}

/* line 3350, app/assets/stylesheets/client/common.scss */
.checkout-cdek-select-fallback-title {
  margin-bottom: 8px;
  color: #00000080;
  font-size: 13px;
}

/* line 3356, app/assets/stylesheets/client/common.scss */
.checkout-cdek-map-modal {
  display: none;
}

/* line 3360, app/assets/stylesheets/client/common.scss */
.checkout-cdek-map-modal.is-open {
  position: fixed;
  inset: 0;
  z-index: var(--site-popup-nested-z-index);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 28px;
  background: rgba(0, 0, 0, 0.48);
}

/* line 3371, app/assets/stylesheets/client/common.scss */
.checkout-cdek-map-dialog {
  width: min(1120px, 100%);
  height: min(760px, 88vh);
  background: var(--white);
  border-radius: 14px;
  overflow: hidden;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  box-shadow: 0 22px 70px rgba(0, 0, 0, 0.22);
}

/* line 3382, app/assets/stylesheets/client/common.scss */
.checkout-cdek-map-header,
.checkout-cdek-map-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 22px;
  border-bottom: 1px solid #00000014;
}

/* line 3392, app/assets/stylesheets/client/common.scss */
.checkout-cdek-map-footer {
  border-top: 1px solid #00000014;
  border-bottom: 0;
}

/* line 3397, app/assets/stylesheets/client/common.scss */
.checkout-cdek-map-title {
  font-size: 24px;
  font-weight: 800;
  color: var(--black);
}

/* line 3403, app/assets/stylesheets/client/common.scss */
.checkout-cdek-map-close {
  width: 42px;
  height: 42px;
  border: 0;
  background: transparent;
  color: var(--black);
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-size: 18px;
}

/* line 3416, app/assets/stylesheets/client/common.scss */
.checkout-cdek-map-body {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 360px;
}

/* line 3422, app/assets/stylesheets/client/common.scss */
.checkout-cdek-map-canvas-wrap {
  position: relative;
  min-height: 0;
  background: #f4f4f4;
}

/* line 3428, app/assets/stylesheets/client/common.scss */
.checkout-cdek-map-canvas {
  width: 100%;
  height: 100%;
  min-height: 420px;
}

/* line 3434, app/assets/stylesheets/client/common.scss */
.checkout-cdek-map-state {
  position: absolute;
  inset: 0;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: #f4f4f4;
  color: #00000099;
  text-align: center;
  font-size: 16px;
}

/* line 3447, app/assets/stylesheets/client/common.scss */
.checkout-cdek-map-panel {
  min-height: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  border-left: 1px solid #00000014;
  background: var(--white);
}

/* line 3455, app/assets/stylesheets/client/common.scss */
.checkout-cdek-map-search {
  margin: 18px;
  width: calc(100% - 36px);
  height: 48px;
  border: 1px solid #00000024;
  border-radius: 10px;
  padding: 0 14px;
  font-size: 15px;
}

/* line 3465, app/assets/stylesheets/client/common.scss */
.checkout-cdek-map-list {
  min-height: 0;
  overflow-y: auto;
  padding: 0 12px 18px;
}

/* line 3471, app/assets/stylesheets/client/common.scss */
.checkout-cdek-map-list-item {
  width: 100%;
  border: 1px solid transparent;
  border-radius: 10px;
  background: transparent;
  padding: 13px 12px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  text-align: left;
  cursor: pointer;
  color: var(--black);
}

/* line 3485, app/assets/stylesheets/client/common.scss */
.checkout-cdek-map-list-item:hover {
  background: var(--bg-main-hover-sm);
}

/* line 3489, app/assets/stylesheets/client/common.scss */
.checkout-cdek-map-list-item.is-selected {
  border-color: var(--bg-main);
  background: var(--bg-main-hover-sm);
}

/* line 3494, app/assets/stylesheets/client/common.scss */
.checkout-cdek-map-list-title {
  font-size: 15px;
  font-weight: 700;
}

/* line 3499, app/assets/stylesheets/client/common.scss */
.checkout-cdek-map-list-address,
.checkout-cdek-map-list-time {
  font-size: 13px;
  line-height: 1.35;
  color: #00000099;
}

/* line 3506, app/assets/stylesheets/client/common.scss */
.checkout-cdek-map-empty {
  display: none;
  padding: 18px;
  color: #00000080;
  font-size: 14px;
}

/* line 3513, app/assets/stylesheets/client/common.scss */
.checkout-cdek-map-summary {
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
  color: #00000099;
  font-size: 14px;
  line-height: 1.35;
}

/* line 3523, app/assets/stylesheets/client/common.scss */
.checkout-cdek-map-summary b {
  color: var(--black);
}

/* line 3527, app/assets/stylesheets/client/common.scss */
.checkout-cdek-map-apply {
  min-width: 220px;
  height: 54px;
  border: 0;
  border-radius: 10px;
  background: var(--bg-main);
  color: var(--white);
  font-size: 17px;
  font-weight: 800;
  cursor: pointer;
}

/* line 3539, app/assets/stylesheets/client/common.scss */
.checkout-cdek-map-apply:disabled {
  opacity: .45;
  cursor: default;
}

@media (max-width: 991px) {
  /* line 3545, app/assets/stylesheets/client/common.scss */
  .checkout-cdek-map-modal.is-open {
    align-items: flex-end;
    padding: 10vh 0 0;
  }
  /* line 3550, app/assets/stylesheets/client/common.scss */
  .checkout-cdek-map-dialog {
    width: 100%;
    height: 90dvh;
    max-height: 90dvh;
    border-radius: 18px 18px 0 0;
  }
  /* line 3557, app/assets/stylesheets/client/common.scss */
  .checkout-cdek-map-header,
.checkout-cdek-map-footer {
    padding: 16px;
  }
  /* line 3562, app/assets/stylesheets/client/common.scss */
  .checkout-cdek-map-title {
    font-size: 22px;
  }
  /* line 3566, app/assets/stylesheets/client/common.scss */
  .checkout-cdek-map-body {
    grid-template-columns: 100%;
    grid-template-rows: minmax(260px, 48%) minmax(0, 52%);
  }
  /* line 3571, app/assets/stylesheets/client/common.scss */
  .checkout-cdek-map-panel {
    border-left: 0;
    border-top: 1px solid #00000014;
  }
  /* line 3576, app/assets/stylesheets/client/common.scss */
  .checkout-cdek-map-canvas {
    min-height: 260px;
  }
  /* line 3580, app/assets/stylesheets/client/common.scss */
  .checkout-cdek-map-search {
    margin: 14px 16px;
    width: calc(100% - 32px);
  }
  /* line 3585, app/assets/stylesheets/client/common.scss */
  .checkout-cdek-map-list {
    padding: 0 10px 14px;
  }
  /* line 3589, app/assets/stylesheets/client/common.scss */
  .checkout-cdek-map-footer {
    align-items: stretch;
    flex-direction: column;
    gap: 12px;
  }
  /* line 3595, app/assets/stylesheets/client/common.scss */
  .checkout-cdek-map-apply {
    width: 100%;
    min-width: 0;
    height: 50px;
  }
}

/* line 3602, app/assets/stylesheets/client/common.scss */
.switch {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 30px 0;
}

/* line 3609, app/assets/stylesheets/client/common.scss */
.switch input {
  display: none;
}

/* line 3613, app/assets/stylesheets/client/common.scss */
.switch .slider {
  width: 65px;
  height: 28px;
  border-radius: 15px;
  background: #F1F1F1;
  position: relative;
  transition: .2s;
}

/* line 3621, app/assets/stylesheets/client/common.scss */
.switch .slider::after {
  content: "";
  position: absolute;
  width: 37px;
  height: 22px;
  left: 3px;
  top: 3px;
  border-radius: 15px;
  background: #fff;
  transition: .2s;
}

/* line 3632, app/assets/stylesheets/client/common.scss */
.switch input:checked + .slider {
  background: var(--bg-main);
}

/* line 3635, app/assets/stylesheets/client/common.scss */
.switch input:checked + .slider::after {
  left: 25px;
}

/* line 3638, app/assets/stylesheets/client/common.scss */
.switch-text {
  font-size: 16px;
}

/* line 3642, app/assets/stylesheets/client/common.scss */
.grid-column-3 {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 8px;
}

/* line 3647, app/assets/stylesheets/client/common.scss */
.grid-column-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

/* line 3653, app/assets/stylesheets/client/common.scss */
.delivery-price-row, .checkout-grand {
  display: flex;
  margin-bottom: 6px;
}

/* line 3658, app/assets/stylesheets/client/common.scss */
.delivery-price-row {
  color: #00000099;
  font-size: 16px;
  font-weight: 500;
}

/* line 3664, app/assets/stylesheets/client/common.scss */
.checkout-grand {
  font-size: 20px;
  font-weight: 500;
}

/* line 3669, app/assets/stylesheets/client/common.scss */
.delivery-price-row .value, .checkout-grand .value {
  margin-left: 6px;
}

/* line 3673, app/assets/stylesheets/client/common.scss */
.checkout-note {
  margin: 32px 0 16px;
  border: 1px solid var(--bg-main);
  background: #F5F5F5;
  padding: 24px;
  border-radius: 15px;
  font-size: 20px;
  font-weight: 500;
  color: var(--bg-main);
  text-align: center;
}

/* line 3685, app/assets/stylesheets/client/common.scss */
label.agree {
  color: #00000099;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
}

/* line 3693, app/assets/stylesheets/client/common.scss */
.agree input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--white);
  margin: 0;
  font: inherit;
  color: #00000099;
  width: 18px;
  height: 18px;
  border: 1px solid #00000099;
  border-radius: 2px;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
}

/* line 3710, app/assets/stylesheets/client/common.scss */
.agree input[type="checkbox"]:checked {
  background: var(--white);
  border-color: var(--bg-main);
}

/* line 3715, app/assets/stylesheets/client/common.scss */
.agree input[type="checkbox"]:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: var(--bg-main);
  transform: scale(0);
  content: "\e906";
  font-size: 11px;
}

/* line 3732, app/assets/stylesheets/client/common.scss */
.agree input[type="checkbox"]:checked:before {
  transform: scale(1);
}

/* line 3736, app/assets/stylesheets/client/common.scss */
.agree .agree-text {
  margin-left: 5px;
}

/* line 3740, app/assets/stylesheets/client/common.scss */
.checkout-message-error {
  margin-top: 15px;
  color: var(--error);
  font-size: 16px;
  font-weight: 500;
}

/* line 3747, app/assets/stylesheets/client/common.scss */
button.checkout-submit {
  font-size: 18px;
  font-weight: 600;
  display: block;
  width: 100%;
  padding: 16px 20px;
  background: var(--bg-main);
  border-radius: 15px;
  color: #fff;
  outline: none;
  border: none;
  margin-top: 16px;
  cursor: pointer;
}

/* line 3762, app/assets/stylesheets/client/common.scss */
.ru-datepicker {
  display: block;
  overflow: auto;
  white-space: nowrap;
  padding: 6px 0;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}

/* line 3770, app/assets/stylesheets/client/common.scss */
.ru-date-track {
  display: flex;
  gap: 8px;
}

/* line 3774, app/assets/stylesheets/client/common.scss */
.ru-date-card {
  min-width: 112px;
  padding: 12px 14px;
  border: 1px solid #00000026;
  border-radius: 10px;
  background: var(--white);
  cursor: pointer;
  user-select: none;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  transition: .2s;
  color: var(--text);
}

/* line 3789, app/assets/stylesheets/client/common.scss */
.ru-date-card .sub {
  font-size: 14px;
  opacity: .55;
}

/* line 3793, app/assets/stylesheets/client/common.scss */
.ru-date-card .num {
  font-weight: 600;
  font-size: 18px;
  line-height: 18px;
  margin-top: 4px;
}

/* line 3799, app/assets/stylesheets/client/common.scss */
.ru-date-card.active {
  background: var(--bg-main);
  color: var(--white);
  border-color: var(--bg-main);
}

/* line 3804, app/assets/stylesheets/client/common.scss */
.ru-date-card.active .sub {
  opacity: .85;
}

/* line 3808, app/assets/stylesheets/client/common.scss */
.ru-time-select {
  width: 100%;
  font-size: 16px;
  border-radius: 10px;
  border: 1px solid #00000026;
  padding: 12px 20px;
  background: #fff;
  height: 44px;
  outline: none;
  -webkit-appearance: none;
}

/* line 3820, app/assets/stylesheets/client/common.scss */
.mobile-sticky-checkout {
  display: none;
}

/* line 3824, app/assets/stylesheets/client/common.scss */
.popup-checkout-success {
  display: none;
}

/* line 3828, app/assets/stylesheets/client/common.scss */
.popup-checkout-success.is-open {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #20202066;
  z-index: var(--site-popup-z-index);
  height: 100vh;
  width: 100vw;
}

/* line 3841, app/assets/stylesheets/client/common.scss */
.popup-checkout-success-wrapper {
  width: 55%;
  min-width: 831px;
  background: var(--white);
  height: auto;
  border-radius: 15px;
  position: relative;
  padding: 36px 120px;
  overflow: hidden;
}

/* line 3852, app/assets/stylesheets/client/common.scss */
.popup-checkout-success-icon {
  display: block;
  width: 136px;
  aspect-ratio: 740 / 685;
  margin: 0 auto;
  background: var(--bg-main);
  -webkit-mask: url(/images/order-success.svg) center/contain no-repeat;
  mask: url(/images/order-success.svg) center/contain no-repeat;
}

/* line 3862, app/assets/stylesheets/client/common.scss */
.popup-checkout-success-info {
  text-align: center;
}

/* line 3866, app/assets/stylesheets/client/common.scss */
.popup-checkout-success-info-title {
  font-size: 32px;
  font-weight: 500;
  margin-top: 12px;
}

/* line 3872, app/assets/stylesheets/client/common.scss */
.popup-checkout-success-info-text {
  font-size: 18px;
  margin-top: 24px;
}

/* line 3877, app/assets/stylesheets/client/common.scss */
button.popup-checkout-success-btn {
  font-size: 18px;
  font-weight: 600;
  outline: none;
  border: none;
  background: var(--bg-main);
  color: var(--white);
  text-align: center;
  width: 100%;
  border-radius: 8px;
  padding: 16px 24px;
  margin-top: 24px;
  cursor: pointer;
}

/* line 3892, app/assets/stylesheets/client/common.scss */
.popup-info {
  display: none;
}

/* line 3896, app/assets/stylesheets/client/common.scss */
.popup-info.is-open {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #20202066;
  z-index: var(--site-popup-z-index);
  height: 100vh;
  width: 100vw;
}

/* line 3909, app/assets/stylesheets/client/common.scss */
.popup-info-wrapper {
  width: 55%;
  min-width: 831px;
  background: var(--white);
  height: 90%;
  border-radius: 15px;
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
  overflow: hidden;
  display: grid;
  grid-template-rows: max-content auto;
}

/* line 3923, app/assets/stylesheets/client/common.scss */
.popup-info-header {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 0 20px;
}

/* line 3931, app/assets/stylesheets/client/common.scss */
.popup-info-title {
  font-size: 24px;
  font-weight: 500;
}

/* line 3936, app/assets/stylesheets/client/common.scss */
.popup-info-cross {
  padding-left: 20px;
}

/* line 3940, app/assets/stylesheets/client/common.scss */
.popup-info-body {
  margin: 24px 0 10px;
  padding: 0 20px;
  width: 100%;
  overflow-y: auto;
  scrollbar-color: var(--bg-main) var(--white);
  scrollbar-width: thin;
  overflow-x: hidden;
}

@media (max-width: 1399px) {
  /* line 3951, app/assets/stylesheets/client/common.scss */
  header h1.logoSite.logoSite_image img {
    max-width: 180px;
  }
  /* line 3955, app/assets/stylesheets/client/common.scss */
  nav#navbarNav .header-menu-list {
    gap: 20px;
    margin-left: 28px;
  }
  /* line 3960, app/assets/stylesheets/client/common.scss */
  .search-wrapper {
    flex-basis: 230px;
    max-width: 230px;
    width: 230px;
  }
  /* line 3966, app/assets/stylesheets/client/common.scss */
  .contact-label {
    font-size: 14px;
  }
  /* line 3970, app/assets/stylesheets/client/common.scss */
  .contact-info a {
    font-size: 15px;
  }
}

@media (max-width: 1279px) {
  /* line 3976, app/assets/stylesheets/client/common.scss */
  .contact-wrapper {
    display: none;
  }
  /* line 3980, app/assets/stylesheets/client/common.scss */
  .search-wrapper {
    flex-basis: 240px;
    max-width: 240px;
    width: 240px;
  }
}

@media (max-width: 1199px) {
  /* line 3988, app/assets/stylesheets/client/common.scss */
  .container {
    max-width: 95%;
  }
  /* line 3991, app/assets/stylesheets/client/common.scss */
  .search-wrapper {
    flex-basis: 220px;
    max-width: 220px;
    width: 220px;
  }
  /* line 3996, app/assets/stylesheets/client/common.scss */
  nav#navbarNav .header-menu-list {
    gap: 16px;
    margin-left: 22px;
  }
  /* line 4000, app/assets/stylesheets/client/common.scss */
  nav#navbarNav .header-menu-list li:not(:last-child) {
    margin-right: 0;
  }
  /* line 4003, app/assets/stylesheets/client/common.scss */
  .hero-bottom-block {
    padding: 26px 32px 26px 164px;
  }
  /* line 4006, app/assets/stylesheets/client/common.scss */
  .hero-logo {
    width: 120px;
    height: 120px;
    top: -60px;
    bottom: unset;
  }
  /* line 4012, app/assets/stylesheets/client/common.scss */
  .catalog-products-item {
    grid-template-rows: auto 1fr;
  }
}

@media (max-width: 1099px) {
  /* line 4018, app/assets/stylesheets/client/common.scss */
  .contact-wrapper {
    display: none;
  }
  /* line 4022, app/assets/stylesheets/client/common.scss */
  .search-wrapper {
    max-width: 220px;
  }
  /* line 4026, app/assets/stylesheets/client/common.scss */
  .catalog-products-item {
    flex: 0 0 calc(33.333% - 10.666px);
  }
}

@media (max-width: 1024px) {
  /* line 4032, app/assets/stylesheets/client/common.scss */
  .catalog-products-item {
    flex: 0 0 calc(25% - 12px);
  }
}

@media (max-width: 991px) {
  /* line 4038, app/assets/stylesheets/client/common.scss */
  .products-item-img {
    aspect-ratio: 4 / 4;
  }
  /* line 4041, app/assets/stylesheets/client/common.scss */
  header.header {
    padding: 8px 0;
  }
  /* line 4045, app/assets/stylesheets/client/common.scss */
  .header-wrapper {
    gap: 8px;
  }
  /* line 4049, app/assets/stylesheets/client/common.scss */
  .header-left-part {
    display: flex;
    flex: 0 0 auto;
  }
  /* line 4054, app/assets/stylesheets/client/common.scss */
  .header-right-part {
    flex: 1 1 auto;
    gap: 8px;
    min-width: 0;
    width: 100%;
  }
  /* line 4061, app/assets/stylesheets/client/common.scss */
  nav#navbarNav,
button.cart-wrapper,
.contact-wrapper {
    display: none;
  }
  /* line 4067, app/assets/stylesheets/client/common.scss */
  header h1.logoSite {
    font-size: 28px;
  }
  /* line 4071, app/assets/stylesheets/client/common.scss */
  header h1.logoSite.logoSite_image {
    height: 38px;
  }
  /* line 4075, app/assets/stylesheets/client/common.scss */
  header h1.logoSite.logoSite_image img {
    max-height: 38px;
    max-width: 128px;
  }
  /* line 4080, app/assets/stylesheets/client/common.scss */
  .search-wrapper {
    flex: 1 1 auto;
    min-width: 0;
    max-width: 100%;
    margin: 0;
  }
  /* line 4087, app/assets/stylesheets/client/common.scss */
  input#productSearch {
    font-size: 14px;
    width: 100%;
  }
  /* line 4092, app/assets/stylesheets/client/common.scss */
  .account-header-btn {
    flex: 0 0 40px;
    height: 40px;
    margin-right: 0;
    width: 40px;
  }
  /* line 4099, app/assets/stylesheets/client/common.scss */
  .header-mobile-menu-btn {
    display: inline-flex;
    flex: 0 0 40px;
    height: 40px;
    width: 40px;
  }
  /* line 4106, app/assets/stylesheets/client/common.scss */
  .header-mobile-menu {
    bottom: 0;
    display: block;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .2s ease;
    z-index: 10000;
  }
  /* line 4119, app/assets/stylesheets/client/common.scss */
  body.header-mobile-menu-open .header-mobile-menu {
    opacity: 1;
    pointer-events: auto;
  }
  /* line 4124, app/assets/stylesheets/client/common.scss */
  .header-mobile-menu-overlay {
    background: rgba(0, 0, 0, 0.38);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
  }
  /* line 4134, app/assets/stylesheets/client/common.scss */
  .header-mobile-menu-panel {
    background: var(--white);
    bottom: 0;
    display: flex;
    flex-direction: column;
    height: 100dvh;
    left: 0;
    max-height: 100dvh;
    overscroll-behavior: contain;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
  }
  /* line 4151, app/assets/stylesheets/client/common.scss */
  .header-mobile-menu-inner {
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding-bottom: 28px;
  }
  /* line 4158, app/assets/stylesheets/client/common.scss */
  .header-mobile-menu-head {
    align-items: center;
    background: var(--white);
    display: flex;
    justify-content: space-between;
    margin: 0 0 18px;
    padding: 8px 0;
    position: sticky;
    top: 0;
    z-index: 3;
  }
  /* line 4170, app/assets/stylesheets/client/common.scss */
  .header-mobile-menu-logo {
    font-size: 28px;
  }
  /* line 4174, app/assets/stylesheets/client/common.scss */
  .header-mobile-menu-logo_image {
    height: 38px;
  }
  /* line 4178, app/assets/stylesheets/client/common.scss */
  .header-mobile-menu-logo_image img {
    max-height: 38px;
    max-width: 128px;
  }
  /* line 4183, app/assets/stylesheets/client/common.scss */
  .header-mobile-menu-close {
    flex: 0 0 40px;
    height: 40px;
    width: 40px;
  }
  /* line 4189, app/assets/stylesheets/client/common.scss */
  .header-mobile-nav {
    display: flex;
    flex-direction: column;
    gap: 0;
  }
  /* line 4195, app/assets/stylesheets/client/common.scss */
  .header-mobile-nav a {
    border-bottom: 1px solid #ececec;
    color: var(--text);
    font-size: 20px;
    font-weight: 500;
    padding: 20px 0;
    text-decoration: none;
  }
  /* line 4204, app/assets/stylesheets/client/common.scss */
  .header-mobile-nav a:last-child {
    border-bottom: none;
  }
  /* line 4208, app/assets/stylesheets/client/common.scss */
  .header-mobile-menu-divider {
    border-top: 1px solid #dedede;
    margin: 26px 0;
  }
  /* line 4213, app/assets/stylesheets/client/common.scss */
  .header-mobile-menu-contact-label {
    color: #777;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 8px;
  }
  /* line 4220, app/assets/stylesheets/client/common.scss */
  .header-mobile-menu-phone {
    align-items: center;
    color: var(--text);
    display: inline-flex;
    font-size: 20px;
    font-weight: 800;
    gap: 10px;
    line-height: 1.15;
    max-width: 100%;
    text-decoration: none;
    white-space: nowrap;
  }
  /* line 4233, app/assets/stylesheets/client/common.scss */
  .header-mobile-menu-phone span:last-child {
    white-space: nowrap;
  }
  /* line 4237, app/assets/stylesheets/client/common.scss */
  .header-mobile-menu-socials {
    display: flex;
    gap: 12px;
    margin-top: 24px;
  }
  /* line 4243, app/assets/stylesheets/client/common.scss */
  .header-mobile-social-link {
    align-items: center;
    display: inline-flex;
    height: 36px;
    justify-content: center;
    width: 36px;
  }
  /* line 4251, app/assets/stylesheets/client/common.scss */
  .header-mobile-social-link img {
    display: block;
    height: 100%;
    width: 100%;
  }
}

@media (max-width: 991px) and (max-width: 420px) {
  /* line 4258, app/assets/stylesheets/client/common.scss */
  .header-wrapper {
    gap: 6px;
  }
  /* line 4262, app/assets/stylesheets/client/common.scss */
  header h1.logoSite {
    font-size: 24px;
  }
  /* line 4266, app/assets/stylesheets/client/common.scss */
  header h1.logoSite.logoSite_image img {
    max-width: 96px;
  }
  /* line 4270, app/assets/stylesheets/client/common.scss */
  .header-mobile-menu-logo {
    font-size: 24px;
  }
  /* line 4274, app/assets/stylesheets/client/common.scss */
  .header-mobile-menu-logo_image img {
    max-width: 96px;
  }
  /* line 4278, app/assets/stylesheets/client/common.scss */
  input#productSearch {
    font-size: 13px;
    padding-left: 38px;
  }
  /* line 4283, app/assets/stylesheets/client/common.scss */
  .header-mobile-menu-phone {
    font-size: 18px;
    gap: 8px;
  }
  /* line 4288, app/assets/stylesheets/client/common.scss */
  .account-header-btn,
.header-mobile-menu-btn,
.header-mobile-menu-close {
    flex-basis: 36px;
    height: 36px;
    width: 36px;
  }
}

@media (max-width: 991px) {
  /* line 4297, app/assets/stylesheets/client/common.scss */
  .hero-bottom-block {
    padding: 10px 20px;
  }
  /* line 4301, app/assets/stylesheets/client/common.scss */
  .hero-logo-wrapper {
    flex-wrap: wrap;
  }
  /* line 4305, app/assets/stylesheets/client/common.scss */
  .hero-logo {
    width: 88px;
    height: 88px;
    top: -30px;
    left: 0px;
  }
  /* line 4312, app/assets/stylesheets/client/common.scss */
  .hero-logo-info {
    padding-left: 100px;
    margin-right: 0;
    flex: 0 0 100%;
  }
  /* line 4318, app/assets/stylesheets/client/common.scss */
  .hero-logo-info .hero-logo-title {
    font-size: 26px;
  }
  /* line 4322, app/assets/stylesheets/client/common.scss */
  .hero-logo-info .hero-logo-desc {
    font-size: 18px;
  }
  /* line 4326, app/assets/stylesheets/client/common.scss */
  a.hero-btn {
    flex: 0 0 100%;
    text-align: center;
    margin-top: 12px;
    background-color: var(--bg-color);
    color: var(--bg-main);
    padding: 12px 32px;
  }
  /* line 4335, app/assets/stylesheets/client/common.scss */
  a.hero-btn:hover {
    background-color: var(--bg-color);
  }
  /* line 4339, app/assets/stylesheets/client/common.scss */
  ul.hero-tabs-list {
    justify-content: space-around;
  }
  /* line 4343, app/assets/stylesheets/client/common.scss */
  .catalog-sorting button.catalog-sorting-btn span.icon-arrow_up {
    display: none;
  }
  /* line 4347, app/assets/stylesheets/client/common.scss */
  .catalog-filter-wrapper {
    grid-template-columns: 48px calc(100% - 48px);
  }
  /* line 4351, app/assets/stylesheets/client/common.scss */
  .catalog-category-wrapper .swiper-button-next, .catalog-category-wrapper .swiper-button-prev {
    display: none;
  }
  /* line 4355, app/assets/stylesheets/client/common.scss */
  .catalog-products-item {
    flex: 0 0 calc(33.33% - 11px);
  }
  /* line 4359, app/assets/stylesheets/client/common.scss */
  .contact-info-item span.contact-info-item-title {
    font-size: 14px;
  }
  /* line 4363, app/assets/stylesheets/client/common.scss */
  .contact-info-item span.contact-info-item-text {
    font-size: 16px;
  }
  /* line 4367, app/assets/stylesheets/client/common.scss */
  .contact-info-item span.contact-info-item-text a {
    font-size: 24px;
  }
  /* line 4371, app/assets/stylesheets/client/common.scss */
  span.whatsapp-title {
    font-size: 18px;
  }
  /* line 4375, app/assets/stylesheets/client/common.scss */
  .contact-info-whatsapp .contact-info-whatsapp-item.contact-info-whatsapp-item-qr {
    display: none;
  }
  /* line 4379, app/assets/stylesheets/client/common.scss */
  .contact-info-whatsapp .contact-info-whatsapp-item {
    flex: 0 0 100%;
  }
  /* line 4383, app/assets/stylesheets/client/common.scss */
  .contact-info-whatsapp {
    margin-top: 24px;
    padding: 20px 36px;
  }
  /* line 4388, app/assets/stylesheets/client/common.scss */
  .popup-product-wrapper {
    width: 55%;
    min-width: 720px;
  }
  /* line 4393, app/assets/stylesheets/client/common.scss */
  .popup-product-content-wrapper {
    height: calc(100% - 78px);
  }
  /* line 4397, app/assets/stylesheets/client/common.scss */
  .popup-bottom-line {
    padding: 14px 20px;
  }
  /* line 4401, app/assets/stylesheets/client/common.scss */
  .popup-bottom-line-price {
    font-size: 20px;
    margin-right: 20px;
    width: 130px;
  }
  /* line 4407, app/assets/stylesheets/client/common.scss */
  .popup-bottom-line-counter-quantity-inner .bt_minus, .popup-bottom-line-counter-quantity-inner .bt_plus, .popup-bottom-line-counter-quantity-inner .quantity {
    width: 16px;
  }
  /* line 4411, app/assets/stylesheets/client/common.scss */
  .popup-bottom-line-counter-quantity-inner .bt_minus, .popup-bottom-line-counter-quantity-inner .bt_plus {
    font-size: 14px;
    margin: 10px 5px;
  }
  /* line 4416, app/assets/stylesheets/client/common.scss */
  button.bt_minus span.icon-minus {
    font-size: 2.3px;
  }
  /* line 4420, app/assets/stylesheets/client/common.scss */
  .popup-bottom-line-counter-quantity-inner .quantity {
    width: 35px;
  }
  /* line 4424, app/assets/stylesheets/client/common.scss */
  .popup-bottom-line-btn button {
    padding: 10px 16px;
  }
  /* line 4428, app/assets/stylesheets/client/common.scss */
  .popup-checkout-wrapper,
.popup-checkout-success-wrapper {
    width: 55%;
    min-width: 720px;
  }
  /* line 4434, app/assets/stylesheets/client/common.scss */
  .checkout-item-info-bottom-line .co-qty button.co-minus, .checkout-item-info-bottom-line .co-qty button.co-plus, .checkout-item-info-bottom-line .co-qty button.co-trash {
    font-size: 16px;
    margin: 5px;
  }
  /* line 4439, app/assets/stylesheets/client/common.scss */
  .checkout-item-info-bottom-line .co-qty button.co-trash, .checkout-item-info-bottom-line .co-qty button.co-minus, .checkout-item-info-bottom-line .co-qty button.co-plus {
    width: 20px;
    height: 30px;
    margin: 0;
  }
  /* line 4445, app/assets/stylesheets/client/common.scss */
  .checkout-item-info-bottom-line .co-qty button.co-minus span.icon-minus {
    font-size: 2.3px;
  }
  /* line 4449, app/assets/stylesheets/client/common.scss */
  .checkout-item-info-bottom-line .co-qty input.co-input {
    width: 40px;
  }
  /* line 4453, app/assets/stylesheets/client/common.scss */
  .popup-info-wrapper {
    width: 55%;
    min-width: 720px;
  }
  /* line 4458, app/assets/stylesheets/client/common.scss */
  .popup-product-photo-thumbnail-slider {
    max-height: 85px;
  }
  /* line 4462, app/assets/stylesheets/client/common.scss */
  .popup-product-photo-thumbnail-slider .popup-product-photo-item img {
    max-height: 85px;
  }
}

@media (max-width: 768px) {
  /* line 4468, app/assets/stylesheets/client/common.scss */
  .products-item-img .badge-wrapper {
    bottom: 8px;
    left: 8px;
    right: 8px;
  }
  /* line 4474, app/assets/stylesheets/client/common.scss */
  .products-item-img .badge-wrapper .badge-item.badge-fast {
    font-size: 12px;
    padding: 4px 8px;
  }
  /* line 4479, app/assets/stylesheets/client/common.scss */
  .products-item-img {
    aspect-ratio: 4 / 4;
  }
  /* line 4482, app/assets/stylesheets/client/common.scss */
  section.section {
    margin-top: 24px;
  }
  /* line 4486, app/assets/stylesheets/client/common.scss */
  .contact-wrapper {
    display: none;
  }
  /* line 4490, app/assets/stylesheets/client/common.scss */
  .search-wrapper {
    margin-right: 0;
  }
  /* line 4494, app/assets/stylesheets/client/common.scss */
  button.cart-wrapper {
    display: none;
  }
  /* line 4498, app/assets/stylesheets/client/common.scss */
  .hero-img-block {
    border-radius: 10px 10px 0 0;
  }
  /* line 4502, app/assets/stylesheets/client/common.scss */
  .hero-bottom-block {
    padding: 10px 6px;
    border-radius: 0 0 10px 10px;
  }
  /* line 4507, app/assets/stylesheets/client/common.scss */
  .hero-logo {
    top: -44px;
  }
  /* line 4511, app/assets/stylesheets/client/common.scss */
  .hero-logo-info {
    padding-left: 90px;
  }
  /* line 4515, app/assets/stylesheets/client/common.scss */
  .hero-logo-info .hero-logo-title {
    font-size: 18px;
  }
  /* line 4519, app/assets/stylesheets/client/common.scss */
  .hero-logo-info .hero-logo-desc {
    font-size: 14px;
  }
  /* line 4523, app/assets/stylesheets/client/common.scss */
  a.hero-btn {
    font-size: 14px;
  }
  /* line 4527, app/assets/stylesheets/client/common.scss */
  li.hero-tabs-item:not(:last-child) {
    margin-right: 0;
  }
  /* line 4531, app/assets/stylesheets/client/common.scss */
  ul.hero-tabs-list {
    gap: 14px 24px;
  }
  /* line 4535, app/assets/stylesheets/client/common.scss */
  li.hero-tabs-item {
    font-size: 15px;
  }
  /* line 4539, app/assets/stylesheets/client/common.scss */
  span.icon-catalog {
    font-size: 12px;
  }
  /* line 4543, app/assets/stylesheets/client/common.scss */
  .catalog-sorting-value-wrapper {
    padding: 24px 16px;
    border-radius: 5px;
    background: #F5F5F5;
  }
  /* line 4549, app/assets/stylesheets/client/common.scss */
  .catalog-sorting button.catalog-sorting-btn {
    font-size: 28px;
  }
  /* line 4553, app/assets/stylesheets/client/common.scss */
  button.catalog-sorting-check-btn {
    font-size: 14px;
    padding: 8px 16px;
  }
  /* line 4558, app/assets/stylesheets/client/common.scss */
  button.catalog-sorting-close-btn {
    font-size: 14px;
    display: block;
    margin-left: 8px;
    padding: 8px 16px;
    background: #F5F5F5;
  }
  /* line 4566, app/assets/stylesheets/client/common.scss */
  ul.catalog-category-list li.catalog-category-item a {
    font-size: 14px;
    padding: 10px;
  }
  /* line 4571, app/assets/stylesheets/client/common.scss */
  ul.catalog-category-list li.catalog-category-item:not(:first-child) {
    margin-left: 8px;
  }
  /* line 4575, app/assets/stylesheets/client/common.scss */
  .catalog-products-wraper {
    gap: 12px;
    margin-top: 20px;
  }
  /* line 4580, app/assets/stylesheets/client/common.scss */
  .catalog-products-item {
    flex: 0 0 calc(50% - 6px);
    border-radius: 10px;
  }
  /* line 4585, app/assets/stylesheets/client/common.scss */
  .catalog-products-item {
    grid-template-rows: auto 1fr;
  }
  /* line 4589, app/assets/stylesheets/client/common.scss */
  .products-item-name {
    font-size: 13px;
  }
  /* line 4593, app/assets/stylesheets/client/common.scss */
  .about-block-wrapper {
    flex-wrap: wrap;
    padding: 20px 14px;
    background: var(--white);
    border-radius: 10px;
    overflow: hidden;
  }
  /* line 4601, app/assets/stylesheets/client/common.scss */
  .about-photo {
    width: 100%;
    flex: 0 0 100%;
  }
  /* line 4606, app/assets/stylesheets/client/common.scss */
  .about-slider {
    padding: 0;
  }
  /* line 4610, app/assets/stylesheets/client/common.scss */
  .about-info {
    flex: 0 0 100%;
    margin-top: 24px;
    padding: 0;
    border-radius: 0;
    background: transparent;
  }
  /* line 4618, app/assets/stylesheets/client/common.scss */
  .about-slider .swiper-wrapper {
    height: 320px;
  }
  /* line 4622, app/assets/stylesheets/client/common.scss */
  .about-slider .swiper-slide {
    border-radius: 10px;
  }
  /* line 4626, app/assets/stylesheets/client/common.scss */
  .faq {
    padding: 20px 14px;
    border-radius: 10px;
    margin-top: 24px;
  }
  /* line 4632, app/assets/stylesheets/client/common.scss */
  li.faq-item {
    flex: 0 0 100%;
  }
  /* line 4636, app/assets/stylesheets/client/common.scss */
  li.faq-item p.faq-question {
    padding: 12px;
    border-radius: 8px;
    font-size: 16px;
  }
  /* line 4642, app/assets/stylesheets/client/common.scss */
  li.faq-item p.faq-content {
    font-size: 14px;
    padding: 12px;
  }
  /* line 4647, app/assets/stylesheets/client/common.scss */
  .contact-block-wrapper {
    grid-template-columns: 100%;
    padding: 20px 14px;
  }
  /* line 4652, app/assets/stylesheets/client/common.scss */
  .brands-block-wrapper,
.delivery-block-wrapper {
    border-radius: 10px;
    padding: 20px 14px;
  }
  /* line 4658, app/assets/stylesheets/client/common.scss */
  .brands-block-title {
    font-size: 30px;
    margin-bottom: 24px;
  }
  /* line 4663, app/assets/stylesheets/client/common.scss */
  .brands-letter-nav {
    flex-wrap: nowrap;
    margin: 0 -14px 24px;
    overflow-x: auto;
    padding: 0 14px 2px;
    scrollbar-width: none;
  }
  /* line 4671, app/assets/stylesheets/client/common.scss */
  .brands-letter-nav::-webkit-scrollbar {
    display: none;
  }
  /* line 4675, app/assets/stylesheets/client/common.scss */
  .brands-letter-btn {
    flex: 0 0 auto;
    font-size: 16px;
    height: 42px;
    min-width: 42px;
    padding: 0 14px;
  }
  /* line 4683, app/assets/stylesheets/client/common.scss */
  .brands-group {
    gap: 18px;
    grid-template-columns: 1fr;
    padding: 28px 0;
  }
  /* line 4689, app/assets/stylesheets/client/common.scss */
  .brands-group-letter {
    font-size: 28px;
  }
  /* line 4693, app/assets/stylesheets/client/common.scss */
  .brands-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 20px;
  }
  /* line 4698, app/assets/stylesheets/client/common.scss */
  .catalog-brand-link {
    font-size: 16px;
  }
  /* line 4702, app/assets/stylesheets/client/common.scss */
  .delivery-info-text {
    font-size: 16px;
  }
  /* line 4706, app/assets/stylesheets/client/common.scss */
  .map-wrapper {
    grid-row: 2 / 3;
    padding: 0;
  }
  /* line 4711, app/assets/stylesheets/client/common.scss */
  .map-wrapper #maps {
    border-radius: 10px;
    height: 350px !important;
  }
  /* line 4716, app/assets/stylesheets/client/common.scss */
  .contact-info-wrapper, .contact-info-whatsapp-wrapper {
    padding: 0;
  }
  /* line 4720, app/assets/stylesheets/client/common.scss */
  .contact-info-whatsapp {
    border-radius: 10px;
  }
  /* line 4724, app/assets/stylesheets/client/common.scss */
  .footer-wrapper {
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
  }
  /* line 4730, app/assets/stylesheets/client/common.scss */
  .footer-logo {
    order: 1;
  }
  /* line 4734, app/assets/stylesheets/client/common.scss */
  .footer-info-owner {
    order: 3;
    flex: 0 0 100%;
    text-align: center;
    font-size: 14px;
  }
  /* line 4741, app/assets/stylesheets/client/common.scss */
  .footer-socials {
    justify-content: center;
  }
  /* line 4745, app/assets/stylesheets/client/common.scss */
  .footer-useful-links {
    order: 2;
    flex: 0 0 100%;
    margin: 12px 0;
    font-size: 14px;
  }
  /* line 4752, app/assets/stylesheets/client/common.scss */
  .footer-useful-links a,
.footer-useful-links button {
    text-align: center;
  }
  /* line 4757, app/assets/stylesheets/client/common.scss */
  .footer-useful-links button {
    font-size: 14px;
  }
  /* line 4761, app/assets/stylesheets/client/common.scss */
  .popup-product.popup-product-active {
    background: var(--bg-color);
    display: grid;
    grid-template-rows: max-content auto;
    grid-template-columns: 100vw;
    height: 100dvh;
    max-height: 100dvh;
  }
  /* line 4770, app/assets/stylesheets/client/common.scss */
  .popup-product-btn-back {
    display: block;
    margin-bottom: 20px;
    padding: 12px 16px;
    background: var(--white);
    border-radius: 0 0 10px 10px;
    border: none;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 18px;
    font-weight: 500;
    color: var(--text);
  }
  /* line 4786, app/assets/stylesheets/client/common.scss */
  span.icon-arrow_prev {
    color: var(--bg-main);
    font-size: 20px;
    margin-right: 8px;
  }
  /* line 4792, app/assets/stylesheets/client/common.scss */
  .popup-product-wrapper {
    width: 100%;
    height: 100%;
    overflow-y: auto;
    scrollbar-color: var(--bg-main) var(--white);
    scrollbar-width: thin;
    background: transparent;
    border-radius: 0px;
    padding: 0;
    min-width: 100%;
  }
  /* line 4804, app/assets/stylesheets/client/common.scss */
  .popup-product-header {
    display: none;
  }
  /* line 4808, app/assets/stylesheets/client/common.scss */
  .popup-product-content-wrapper {
    height: max-content;
    overflow-y: hidden;
    background: var(--white);
    border-radius: 10px 10px 0 0;
  }
  /* line 4815, app/assets/stylesheets/client/common.scss */
  .popup-product-content {
    grid-template-columns: 100%;
    padding: 20px 16px;
  }
  /* line 4820, app/assets/stylesheets/client/common.scss */
  .popup-product-photo-slider .popup-product-photo-item.swiper-slide {
    aspect-ratio: 4 / 4;
    height: 70vh;
    max-height: 350px;
  }
  /* line 4826, app/assets/stylesheets/client/common.scss */
  .popup-product-photo-item {
    height: auto;
    aspect-ratio: 4 / 4;
  }
  /* line 4831, app/assets/stylesheets/client/common.scss */
  .popup-product-moreInfo {
    grid-column: 1 / 2;
  }
  /* line 4835, app/assets/stylesheets/client/common.scss */
  .popup-product-info {
    padding: 20px 0px;
  }
  /* line 4839, app/assets/stylesheets/client/common.scss */
  .popup-cart.popup-cart-active {
    display: grid;
    grid-template-rows: max-content auto;
    grid-template-columns: 100vw;
    height: 100dvh;
    max-height: 100dvh;
    justify-content: center;
    grid-template-columns: 100%;
    background: var(--bg-color);
  }
  /* line 4850, app/assets/stylesheets/client/common.scss */
  .popup-cart-empty span {
    font-size: 18px;
  }
  /* line 4854, app/assets/stylesheets/client/common.scss */
  .popup-cart-empty-icon {
    width: 136px;
  }
  /* line 4858, app/assets/stylesheets/client/common.scss */
  .popup-cart .popup-product-btn-back {
    width: 100%;
  }
  /* line 4862, app/assets/stylesheets/client/common.scss */
  .popup-cart-wrapper {
    width: 100%;
    border-radius: 10px 10px 0 0;
  }
  /* line 4867, app/assets/stylesheets/client/common.scss */
  .popup-cart-cross {
    display: none;
  }
  /* line 4871, app/assets/stylesheets/client/common.scss */
  .popup-bottom-line {
    /* position: relative; */
    margin-top: 8px;
    /* box-shadow: none; */
    border-radius: 10px 10px 0 0;
    z-index: 3;
  }
  /* line 4879, app/assets/stylesheets/client/common.scss */
  button.popup-bottom-line-btn-basket {
    margin: 0;
  }
  /* line 4883, app/assets/stylesheets/client/common.scss */
  button.popup-bottom-line-btn-buy-now {
    display: none;
  }
  /* line 4887, app/assets/stylesheets/client/common.scss */
  .mobile-sticky-checkout {
    position: sticky;
    left: 0;
    right: 0;
    bottom: 12px;
    z-index: 100;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 12px 16px;
    background: var(--bg-main);
    color: var(--white);
    border-radius: 10px;
    transform: translateY(16px);
    opacity: 0;
    pointer-events: none;
    transition: transform .25s ease, opacity .25s ease;
    display: none;
    width: 95%;
    margin: 24px auto 0;
  }
  /* line 4908, app/assets/stylesheets/client/common.scss */
  .mobile-sticky-checkout.is-visible {
    transform: translateY(0);
    opacity: 1;
    pointer-events: auto;
    display: flex;
  }
  /* line 4914, app/assets/stylesheets/client/common.scss */
  .msc-left {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
  }
  /* line 4920, app/assets/stylesheets/client/common.scss */
  .msc-thumbs {
    display: flex;
  }
  /* line 4923, app/assets/stylesheets/client/common.scss */
  .msc-thumbs img {
    width: 45px;
    height: 45px;
    border-radius: 10px;
    object-fit: cover;
    border: 1.5px solid #F1F1F1;
    margin-left: -32px;
    background: var(--white);
  }
  /* line 4932, app/assets/stylesheets/client/common.scss */
  .msc-thumbs img:first-child {
    margin-left: 0;
  }
  /* line 4935, app/assets/stylesheets/client/common.scss */
  .msc-title {
    opacity: .45;
    font-size: 14px;
  }
  /* line 4939, app/assets/stylesheets/client/common.scss */
  .msc-sum {
    font-weight: 600;
    font-size: 16px;
    margin-top: 3px;
  }
  /* line 4944, app/assets/stylesheets/client/common.scss */
  .msc-btn {
    background: var(--white);
    color: var(--bg-main);
    font-weight: 700;
    border: 0;
    padding: 12px 12px;
    border-radius: 5px;
  }
  /* line 4953, app/assets/stylesheets/client/common.scss */
  .popup-checkout.is-open {
    background: var(--bg-color);
    display: grid;
    grid-template-rows: max-content auto;
    grid-template-columns: 100vw;
    height: 100dvh;
    max-height: 100dvh;
  }
  /* line 4962, app/assets/stylesheets/client/common.scss */
  .popup-checkout-wrapper {
    width: 100%;
    height: 100%;
    border-radius: 10px 10px 0 0;
    min-width: 100%;
  }
  /* line 4969, app/assets/stylesheets/client/common.scss */
  .popup-checkout-header {
    position: relative;
    top: 0;
    padding: 0px 16px;
  }
  /* line 4975, app/assets/stylesheets/client/common.scss */
  .popup-checkout-header .popup-checkout-cross {
    display: none;
  }
  /* line 4979, app/assets/stylesheets/client/common.scss */
  .popup-checkout-title {
    font-size: 24px;
  }
  /* line 4983, app/assets/stylesheets/client/common.scss */
  .popup-checkout-body {
    margin: 24px 0;
    padding: 0 16px;
  }
  /* line 4987, app/assets/stylesheets/client/common.scss */
  .popup-cart-product-title,
.checkout-item-info .title {
    font-size: 14px;
  }
  /* line 4992, app/assets/stylesheets/client/common.scss */
  .popup-cart-product-line-counter-quantity-inner .quantity {
    width: 40px;
  }
  /* line 4996, app/assets/stylesheets/client/common.scss */
  button.checkout-toggle-all {
    font-size: 14px;
  }
  /* line 5000, app/assets/stylesheets/client/common.scss */
  button.checkout-toggle-all span.icon-arrow_up {
    font-size: 8px;
  }
  /* line 5004, app/assets/stylesheets/client/common.scss */
  .checkout-summary {
    margin-top: 24px;
  }
  /* line 5008, app/assets/stylesheets/client/common.scss */
  .checkout-summary .row {
    font-size: 20px;
  }
  /* line 5012, app/assets/stylesheets/client/common.scss */
  .checkout-total-value-old {
    font-size: 14px;
  }
  /* line 5016, app/assets/stylesheets/client/common.scss */
  .checkout-delivery {
    margin-top: 45px;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 24px;
  }
  /* line 5023, app/assets/stylesheets/client/common.scss */
  .checkout-delivery .checkout-delivery-radio-wrapper {
    flex: 0 0 100%;
  }
  /* line 5027, app/assets/stylesheets/client/common.scss */
  .checkout-delivery .checkout-delivery-radio-wrapper label.radio {
    border-radius: 10px;
    gap: 0;
  }
  /* line 5032, app/assets/stylesheets/client/common.scss */
  .checkout-delivery .checkout-delivery-radio-wrapper .radio-box .radio-title {
    font-size: 16px;
  }
  /* line 5036, app/assets/stylesheets/client/common.scss */
  .checkout-delivery .checkout-delivery-radio-wrapper .radio-box .radio-note {
    font-size: 12px;
  }
  /* line 5040, app/assets/stylesheets/client/common.scss */
  .checkout-form-title {
    font-size: 20px;
    margin-bottom: 24px;
  }
  /* line 5045, app/assets/stylesheets/client/common.scss */
  .checkout-form .checkout-form-item {
    margin-bottom: 24px;
  }
  /* line 5049, app/assets/stylesheets/client/common.scss */
  .checkout-form .checkout-form-item .label {
    font-size: 16px;
    margin-bottom: 12px;
  }
  /* line 5054, app/assets/stylesheets/client/common.scss */
  .checkout-form .checkout-form-item input,
.checkout-form .checkout-form-item textarea,
.checkout-form .checkout-form-item select {
    padding: 12px;
  }
  /* line 5060, app/assets/stylesheets/client/common.scss */
  .checkout-cdek-results {
    top: 88px;
    max-height: 210px;
  }
  /* line 5065, app/assets/stylesheets/client/common.scss */
  .checkout-form .checkout-form-item .label-desc {
    font-size: 14px;
  }
  /* line 5069, app/assets/stylesheets/client/common.scss */
  .switch {
    margin: 24px 0;
  }
  /* line 5073, app/assets/stylesheets/client/common.scss */
  .switch-text {
    font-size: 14px;
  }
  /* line 5077, app/assets/stylesheets/client/common.scss */
  .ru-date-card {
    padding: 10px;
    min-width: 80px;
  }
  /* line 5082, app/assets/stylesheets/client/common.scss */
  .ru-date-card .sub {
    font-size: 12px;
  }
  /* line 5086, app/assets/stylesheets/client/common.scss */
  .ru-date-card .num {
    font-size: 16px;
  }
  /* line 5090, app/assets/stylesheets/client/common.scss */
  .ru-time-select {
    padding: 12px;
  }
  /* line 5094, app/assets/stylesheets/client/common.scss */
  .delivery-price-row {
    font-size: 14px;
  }
  /* line 5098, app/assets/stylesheets/client/common.scss */
  .checkout-grand {
    font-size: 18px;
  }
  /* line 5102, app/assets/stylesheets/client/common.scss */
  .checkout-note {
    padding: 16px 24px;
    font-size: 18px;
    margin: 32px 0 12px;
  }
  /* line 5108, app/assets/stylesheets/client/common.scss */
  .agree .agree-text {
    font-size: 12px;
  }
  /* line 5112, app/assets/stylesheets/client/common.scss */
  button.checkout-submit {
    border-radius: 8px;
  }
  /* line 5116, app/assets/stylesheets/client/common.scss */
  .popup-checkout-success-wrapper {
    width: 90%;
    min-width: 90%;
    padding: 20px 10px;
    border-radius: 10px;
  }
  /* line 5123, app/assets/stylesheets/client/common.scss */
  .popup-checkout-success-info-title {
    font-size: 24px;
  }
  /* line 5127, app/assets/stylesheets/client/common.scss */
  .popup-checkout-success-info-text {
    font-size: 16px;
  }
  /* line 5131, app/assets/stylesheets/client/common.scss */
  button.popup-checkout-success-btn {
    font-size: 16px;
  }
  /* line 5135, app/assets/stylesheets/client/common.scss */
  footer.footer {
    margin-top: 24px;
  }
  /* line 5139, app/assets/stylesheets/client/common.scss */
  .popup-info.is-open {
    background: var(--bg-color);
    display: grid;
    grid-template-rows: max-content auto;
    grid-template-columns: 100vw;
    height: 100dvh;
    max-height: 100dvh;
    z-index: var(--site-popup-z-index);
  }
  /* line 5149, app/assets/stylesheets/client/common.scss */
  .popup-info-wrapper {
    width: 100%;
    min-width: 100%;
    height: 100%;
    border-radius: 10px 10px 0 0;
  }
  /* line 5156, app/assets/stylesheets/client/common.scss */
  .popup-info-cross {
    display: none;
  }
  /* line 5160, app/assets/stylesheets/client/common.scss */
  .popup-info-title {
    font-size: 20px;
  }
  /* line 5164, app/assets/stylesheets/client/common.scss */
  .popup-info-body {
    font-size: 14px;
  }
}

@media (max-width: 580px) {
  /* line 5170, app/assets/stylesheets/client/common.scss */
  .catalog-products-item {
    grid-template-rows: auto 1fr;
  }
  /* line 5173, app/assets/stylesheets/client/common.scss */
  .catalog-sorting-value {
    width: 100%;
    top: 30px;
  }
  /* line 5178, app/assets/stylesheets/client/common.scss */
  .catalog-sorting-value span.catalog-sorting-value-title {
    font-size: 18px;
  }
  /* line 5182, app/assets/stylesheets/client/common.scss */
  .popup-cart-product-photo,
.checkout-item-thumb {
    flex: 0 0 65px;
    height: 65px;
    margin-right: 8px;
  }
  /* line 5189, app/assets/stylesheets/client/common.scss */
  .popup-cart-product-title,
.checkout-item-info .title {
    margin-bottom: 12px;
  }
  /* line 5194, app/assets/stylesheets/client/common.scss */
  .popup-cart-product-line-counter-quantity-inner,
.checkout-item-info-bottom-line .co-qty {
    padding: 0px 3px;
  }
  /* line 5199, app/assets/stylesheets/client/common.scss */
  .popup-cart-product-line-counter-quantity-inner .quantity,
.checkout-item-info-bottom-line .co-qty input.co-input {
    width: 37px;
    font-size: 14px;
    font-weight: 500;
  }
  /* line 5206, app/assets/stylesheets/client/common.scss */
  .popup-cart-product-line-price,
.popup-checkout-product-line-price {
    font-size: 15px;
  }
  /* line 5211, app/assets/stylesheets/client/common.scss */
  button.bt_trash, button.bt_plus, .checkout-item-info-bottom-line .co-qty button.co-plus, .checkout-item-info-bottom-line .co-qty button.co-trash {
    font-size: 12px;
  }
}

@media (max-width: 490px) {
  /* line 5217, app/assets/stylesheets/client/common.scss */
  .catalog-products-item {
    grid-template-rows: auto 1fr;
  }
  /* line 5221, app/assets/stylesheets/client/common.scss */
  a.products-item-price {
    font-size: 12px;
    padding: 10px;
  }
  /* line 5226, app/assets/stylesheets/client/common.scss */
  span.products-item-price-old {
    margin-left: 5px;
    font-size: 8px;
    font-weight: 400;
  }
  /* line 5232, app/assets/stylesheets/client/common.scss */
  .about-slider .swiper-wrapper {
    height: 240px;
  }
  /* line 5240, app/assets/stylesheets/client/common.scss */
  .popup-bottom-line {
    justify-content: space-between;
    align-items: flex-end;
  }
  /* line 5245, app/assets/stylesheets/client/common.scss */
  .popup-bottom-line-price-wrapper {
    flex-direction: column;
    align-items: flex-start;
    position: relative;
  }
  /* line 5251, app/assets/stylesheets/client/common.scss */
  .popup-bottom-line-counter {
    margin-top: 55px;
  }
  /* line 5255, app/assets/stylesheets/client/common.scss */
  .popup-bottom-line-counter-quantity-inner .bt_minus, .popup-bottom-line-counter-quantity-inner .bt_plus {
    margin: 5px;
  }
  /* line 5259, app/assets/stylesheets/client/common.scss */
  span.popup-bottom-line-price-old {
    bottom: -15px;
    top: unset;
  }
  /* line 5264, app/assets/stylesheets/client/common.scss */
  .popup-bottom-line-price {
    position: absolute;
    top: 0;
    left: 0;
    width: max-content;
  }
  /* line 5271, app/assets/stylesheets/client/common.scss */
  button.popup-bottom-line-btn-basket {
    font-size: 14px;
  }
  /* line 5274, app/assets/stylesheets/client/common.scss */
  .msc-title {
    font-size: 12px;
  }
  /* line 5277, app/assets/stylesheets/client/common.scss */
  .msc-sum {
    font-size: 14px;
  }
  /* line 5280, app/assets/stylesheets/client/common.scss */
  .msc-thumbs img {
    width: 37px;
    height: 37px;
    margin-left: -27px;
  }
  /* line 5285, app/assets/stylesheets/client/common.scss */
  .msc-btn {
    font-weight: 600;
    padding: 12px 8px;
  }
}

@media (max-width: 350px) {
  /* line 5293, app/assets/stylesheets/client/common.scss */
  .catalog-products-item {
    grid-template-rows: auto 1fr;
    flex: 0 0 100%;
  }
}

@media (max-width: 991px) {
  /* line 5300, app/assets/stylesheets/client/common.scss */
  .catalog-layout {
    grid-template-columns: 1fr;
    gap: 22px;
  }
  /* line 5305, app/assets/stylesheets/client/common.scss */
  .catalog-sidebar {
    position: static;
  }
  /* line 5309, app/assets/stylesheets/client/common.scss */
  .catalog-sidebar ul.catalog-category-list {
    max-height: 280px;
    overflow: auto;
    padding-right: 8px;
  }
  /* line 5315, app/assets/stylesheets/client/common.scss */
  .catalog-content .catalog-filter-wrapper {
    flex-wrap: nowrap;
    margin-left: -2.5vw;
    margin-right: -2.5vw;
    overflow-x: auto;
    padding: 0 2.5vw 8px;
  }
  /* line 5323, app/assets/stylesheets/client/common.scss */
  .catalog-filter-placeholder {
    display: none !important;
  }
  /* line 5333, app/assets/stylesheets/client/common.scss */
  .catalog-content .catalog-products-wraper {
    margin-top: 12px;
  }
}

@media (max-width: 768px) {
  /* line 5339, app/assets/stylesheets/client/common.scss */
  .catalog-sidebar-title {
    font-size: 16px;
    margin-bottom: 10px;
  }
  /* line 5344, app/assets/stylesheets/client/common.scss */
  .catalog-sidebar ul.catalog-category-list li.catalog-category-item a {
    font-size: 14px;
  }
  /* line 5348, app/assets/stylesheets/client/common.scss */
  .catalog-filter-menu {
    box-sizing: border-box;
    left: 0;
    position: fixed;
    right: auto;
    top: auto;
    width: 94vw;
  }
}

@media (max-width: 1024px) {
  /* line 5359, app/assets/stylesheets/client/common.scss */
  .catalog-mobile-controls {
    display: grid;
    gap: 10px;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    margin-bottom: 18px;
  }
  /* line 5366, app/assets/stylesheets/client/common.scss */
  .catalog-mobile-control {
    align-items: center;
    background: transparent;
    border: none;
    border-radius: 5px;
    color: #2f3033;
    cursor: pointer;
    display: flex;
    gap: 4px 10px;
    grid-template-columns: minmax(0, 1fr) auto;
    padding: 0;
    text-align: left;
    width: 100%;
    align-items: center;
  }
  /* line 5382, app/assets/stylesheets/client/common.scss */
  .catalog-mobile-control-title {
    font-size: 16px;
    font-weight: 600;
  }
  /* line 5387, app/assets/stylesheets/client/common.scss */
  .catalog-mobile-filter-icon {
    display: block;
    flex: 0 0 auto;
    height: 16px;
    width: 22px;
  }
  /* line 5394, app/assets/stylesheets/client/common.scss */
  .catalog-mobile-filter-btn {
    justify-content: flex-end;
  }
  /* line 5398, app/assets/stylesheets/client/common.scss */
  .catalog-mobile-current-category {
    color: var(--black);
    display: block;
    font-size: 15px;
    font-weight: 600;
    grid-column: 1;
    line-height: 1.2;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  /* line 5411, app/assets/stylesheets/client/common.scss */
  .catalog-mobile-category-btn .catalog-mobile-current-category {
    align-self: center;
    font-size: 16px;
    grid-row: 1 / span 2;
  }
  /* line 5417, app/assets/stylesheets/client/common.scss */
  .catalog-mobile-control .icon-arrow_up {
    color: #6b7077;
    font-size: 10px;
    grid-column: 2;
    grid-row: 1 / span 2;
    transform: rotate(180deg);
  }
  /* line 5425, app/assets/stylesheets/client/common.scss */
  .catalog-mobile-filter-count {
    align-items: center;
    background: var(--bg-main);
    border-radius: 999px;
    color: var(--white);
    display: none;
    font-size: 12px;
    font-weight: 800;
    grid-column: 1;
    height: 22px;
    justify-content: center;
    line-height: 1;
    min-width: 22px;
    padding: 0 7px;
    width: max-content;
  }
  /* line 5442, app/assets/stylesheets/client/common.scss */
  .catalog-mobile-filter-btn.has-active-filters .catalog-mobile-filter-count {
    display: inline-flex;
  }
  /* line 5446, app/assets/stylesheets/client/common.scss */
  .catalog-layout {
    display: block;
  }
  /* line 5450, app/assets/stylesheets/client/common.scss */
  .catalog-sidebar {
    display: none;
  }
  /* line 5454, app/assets/stylesheets/client/common.scss */
  body.catalog-mobile-panel-open header.header {
    z-index: 0;
  }
  /* line 5458, app/assets/stylesheets/client/common.scss */
  body.catalog-mobile-panel-open main {
    z-index: 2000;
  }
  /* line 5462, app/assets/stylesheets/client/common.scss */
  body.catalog-mobile-panel-open #catalog {
    position: relative;
    z-index: 2100;
  }
  /* line 5467, app/assets/stylesheets/client/common.scss */
  body.catalog-mobile-panel-open #catalog > .container {
    z-index: 2100;
  }
  /* line 5471, app/assets/stylesheets/client/common.scss */
  .catalog-mobile-overlay {
    background: rgba(0, 0, 0, 0.42);
    bottom: 0;
    display: block;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transition: opacity .2s ease;
    z-index: 2001;
  }
  /* line 5485, app/assets/stylesheets/client/common.scss */
  body.catalog-mobile-panel-open .catalog-mobile-overlay {
    opacity: 1;
    pointer-events: auto;
    z-index: 2001;
  }
  /* line 5491, app/assets/stylesheets/client/common.scss */
  .catalog-mobile-category-panel,
.catalog-content .catalog-filter-wrapper {
    background: var(--white);
    border-radius: 18px 18px 0 0;
    bottom: 0;
    box-shadow: 0 -14px 34px rgba(33, 33, 33, 0.16);
    display: flex;
    flex-direction: column;
    height: 90dvh;
    left: 0;
    max-height: 90dvh;
    min-height: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: auto;
    pointer-events: none;
    transform: translate3d(0, calc(100% + env(safe-area-inset-bottom, 0px) + 48px), 0);
    transition: transform .24s ease;
    visibility: hidden;
    z-index: 2002;
  }
  /* line 5514, app/assets/stylesheets/client/common.scss */
  .catalog-mobile-category-panel.open,
.catalog-content .catalog-filter-wrapper.mobile-open {
    pointer-events: auto;
    transform: translate3d(0, 0, 0);
    visibility: visible;
    z-index: 2002;
  }
  /* line 5522, app/assets/stylesheets/client/common.scss */
  .catalog-mobile-panel-head,
.catalog-mobile-filter-header {
    align-items: center;
    background: var(--white);
    border-bottom: 1px solid #edf0f2;
    display: flex;
    flex: 0 0 auto;
    justify-content: space-between;
    padding: 12px 26px;
  }
  /* line 5533, app/assets/stylesheets/client/common.scss */
  .catalog-mobile-panel-title {
    color: var(--black);
    font-size: 20px;
    font-weight: 600;
  }
  /* line 5539, app/assets/stylesheets/client/common.scss */
  .catalog-mobile-filter-back,
.catalog-mobile-filter-clear-all,
.catalog-mobile-filter-reset-top {
    align-items: center;
    background: transparent;
    border: 0;
    color: #2f3033;
    cursor: pointer;
    display: none;
    font-size: 15px;
    font-weight: 700;
    justify-content: center;
    min-height: 30px;
    padding: 0;
  }
  /* line 5555, app/assets/stylesheets/client/common.scss */
  .catalog-mobile-filter-back {
    width: 40px;
  }
  /* line 5559, app/assets/stylesheets/client/common.scss */
  .catalog-mobile-filter-back .icon-arrow_next {
    display: block;
    font-size: 18px;
    transform: rotate(180deg);
  }
  /* line 5565, app/assets/stylesheets/client/common.scss */
  .catalog-mobile-filter-reset-top {
    color: #70757d;
    min-width: 76px;
    text-align: right;
  }
  /* line 5571, app/assets/stylesheets/client/common.scss */
  .catalog-mobile-filter-clear-all {
    color: #70757d;
    margin-left: auto;
    min-width: 70px;
    text-align: right;
  }
  /* line 5578, app/assets/stylesheets/client/common.scss */
  .catalog-content .catalog-filter-wrapper.mobile-subfilter-open .catalog-mobile-filter-back,
.catalog-content .catalog-filter-wrapper.mobile-subfilter-open .catalog-mobile-filter-reset-top {
    display: flex;
  }
  /* line 5583, app/assets/stylesheets/client/common.scss */
  .catalog-content .catalog-filter-wrapper.mobile-open:not(.mobile-subfilter-open) .catalog-mobile-filter-clear-all {
    display: none;
  }
  /* line 5587, app/assets/stylesheets/client/common.scss */
  .catalog-content .catalog-filter-wrapper.mobile-subfilter-open .catalog-mobile-filter-clear-all {
    display: none;
  }
  /* line 5591, app/assets/stylesheets/client/common.scss */
  .catalog-content .catalog-filter-wrapper.mobile-subfilter-open .catalog-mobile-close {
    display: none;
  }
  /* line 5595, app/assets/stylesheets/client/common.scss */
  .catalog-mobile-close {
    align-items: center;
    background: transparent;
    border: 0;
    cursor: pointer;
    display: flex;
    height: 30px;
    justify-content: center;
    padding: 0;
    width: 40px;
  }
  /* line 5607, app/assets/stylesheets/client/common.scss */
  .catalog-mobile-close-icon {
    display: block;
    height: 22px;
    position: relative;
    width: 22px;
  }
  /* line 5614, app/assets/stylesheets/client/common.scss */
  .catalog-mobile-close-icon:before,
.catalog-mobile-close-icon:after {
    background: #2f3033;
    border-radius: 2px;
    content: "";
    height: 2px;
    left: 1px;
    position: absolute;
    top: 10px;
    width: 20px;
  }
  /* line 5626, app/assets/stylesheets/client/common.scss */
  .catalog-mobile-close-icon:before {
    transform: rotate(45deg);
  }
  /* line 5630, app/assets/stylesheets/client/common.scss */
  .catalog-mobile-close-icon:after {
    transform: rotate(-45deg);
  }
  /* line 5634, app/assets/stylesheets/client/common.scss */
  .catalog-mobile-panel-body {
    flex: 1 1 auto;
    overflow: auto;
    padding: 14px 20px 28px;
  }
  /* line 5640, app/assets/stylesheets/client/common.scss */
  .catalog-mobile-category-panel ul.catalog-category-list,
.catalog-mobile-category-panel .catalog-category-children {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow-y: hidden;
  }
  /* line 5649, app/assets/stylesheets/client/common.scss */
  .catalog-mobile-category-panel .catalog-category-children {
    padding-left: 18px;
  }
  /* line 5653, app/assets/stylesheets/client/common.scss */
  .catalog-mobile-category-panel ul.catalog-category-list li.catalog-category-item {
    margin: 0;
    width: 100%;
  }
  /* line 5658, app/assets/stylesheets/client/common.scss */
  .catalog-mobile-category-panel ul.catalog-category-list li.catalog-category-item:not(:first-child) {
    margin-left: 0;
  }
  /* line 5662, app/assets/stylesheets/client/common.scss */
  .catalog-mobile-category-panel .catalog-category-row {
    min-height: 44px;
  }
  /* line 5666, app/assets/stylesheets/client/common.scss */
  .catalog-mobile-category-panel ul.catalog-category-list li.catalog-category-item a {
    background: transparent;
    border-radius: 0;
    color: #4f555d;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;
    padding: 10px 0;
    white-space: normal;
  }
  /* line 5677, app/assets/stylesheets/client/common.scss */
  .catalog-mobile-category-panel ul.catalog-category-list li.catalog-category-item.active > .catalog-category-row a {
    background: transparent;
    color: var(--bg-main);
  }
  /* line 5682, app/assets/stylesheets/client/common.scss */
  .catalog-content .catalog-filter-wrapper {
    align-items: stretch;
    flex-wrap: nowrap;
    gap: 0;
    margin: 0;
    overflow-y: auto;
    padding: 0 26px 0;
  }
  /* line 5691, app/assets/stylesheets/client/common.scss */
  .catalog-content .catalog-filter-wrapper.catalog-filter-wrapper_fixed {
    animation: none;
    border-radius: 18px 18px 0 0;
    bottom: 0;
    box-shadow: 0 -14px 34px rgba(33, 33, 33, 0.16);
    left: 0;
    padding: 0 26px 0;
    top: auto;
    width: auto;
  }
  /* line 5702, app/assets/stylesheets/client/common.scss */
  .catalog-content .catalog-filter-wrapper.mobile-subfilter-open {
    overflow: hidden;
  }
  /* line 5706, app/assets/stylesheets/client/common.scss */
  .catalog-content .catalog-filter-wrapper .catalog-mobile-filter-header {
    margin: 0 -26px;
    padding: 12px 26px;
    position: sticky;
    top: 0;
    z-index: 2;
  }
  /* line 5714, app/assets/stylesheets/client/common.scss */
  .catalog-content .catalog-filter-wrapper .catalog-filter-dropdown,
.catalog-content .catalog-filter-wrapper .catalog-sorting {
    border-bottom: 1px solid #edf0f2;
    display: grid;
    flex: 0 0 auto;
    grid-template-columns: minmax(0, 1fr) auto;
    position: relative;
    width: 100%;
  }
  /* line 5724, app/assets/stylesheets/client/common.scss */
  .catalog-content .catalog-filter-wrapper.mobile-subfilter-open .catalog-filter-dropdown:not(.mobile-subfilter-active),
.catalog-content .catalog-filter-wrapper.mobile-subfilter-open .catalog-sorting:not(.mobile-subfilter-active) {
    display: none;
  }
  /* line 5729, app/assets/stylesheets/client/common.scss */
  .catalog-content .catalog-filter-wrapper .catalog-filter-dropdown.hidden {
    display: none;
  }
  /* line 5733, app/assets/stylesheets/client/common.scss */
  .catalog-content .catalog-sorting button.catalog-sorting-btn,
.catalog-content .catalog-filter-wrapper .catalog-filter-btn,
.catalog-content .catalog-filter-wrapper .catalog-filter-reset {
    align-items: center;
    border: 0;
    border-radius: 0;
    color: var(--black);
    display: grid;
    font-size: 16px;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 10px;
    justify-content: start;
    padding: 12px 0;
    text-align: left;
    width: 100%;
  }
  /* line 5750, app/assets/stylesheets/client/common.scss */
  .catalog-content .catalog-sorting button.catalog-sorting-btn, .catalog-filter-btn, .catalog-filter-reset {
    font-weight: 500;
  }
  /* line 5754, app/assets/stylesheets/client/common.scss */
  .catalog-content .catalog-filter-wrapper.mobile-open:not(.mobile-subfilter-open) .catalog-filter-btn .icon-arrow_up {
    display: none;
  }
  /* line 5758, app/assets/stylesheets/client/common.scss */
  .catalog-content .catalog-sorting .catalog-sorting-current {
    display: none;
  }
  /* line 5762, app/assets/stylesheets/client/common.scss */
  .catalog-content .catalog-sorting .catalog-sorting-mobile-title {
    display: block;
  }
  /* line 5766, app/assets/stylesheets/client/common.scss */
  .catalog-content .catalog-sorting .catalog-sorting-summary:empty {
    display: none;
  }
  /* line 5770, app/assets/stylesheets/client/common.scss */
  .catalog-content .catalog-filter-wrapper .catalog-mobile-filter-summary {
    color: #8a8a8a;
    display: block;
    font-size: 14px;
    font-weight: 400;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  /* line 5781, app/assets/stylesheets/client/common.scss */
  .catalog-content .catalog-filter-wrapper .catalog-mobile-filter-inline-reset {
    align-self: center;
    background: transparent;
    border: 0;
    color: var(--bg-main);
    cursor: pointer;
    display: none;
    font-size: 14px;
    font-weight: 500;
    justify-self: end;
    padding: 0 0 0 16px;
  }
  /* line 5794, app/assets/stylesheets/client/common.scss */
  .catalog-content .catalog-filter-wrapper.mobile-open:not(.mobile-subfilter-open) .catalog-filter-dropdown.has-mobile-selected-filter .catalog-mobile-filter-inline-reset {
    display: block;
  }
  /* line 5798, app/assets/stylesheets/client/common.scss */
  .catalog-content .catalog-filter-wrapper .catalog-filter-btn .icon-arrow_up,
.catalog-content .catalog-filter-wrapper .catalog-filter-dropdown.open .catalog-filter-btn .icon-arrow_up {
    transform: rotate(90deg);
  }
  /* line 5803, app/assets/stylesheets/client/common.scss */
  .catalog-content .catalog-filter-wrapper.mobile-subfilter-open .mobile-subfilter-active {
    border-bottom: 0;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
  }
  /* line 5811, app/assets/stylesheets/client/common.scss */
  .catalog-content .catalog-filter-wrapper.mobile-subfilter-open .mobile-subfilter-active > .catalog-filter-btn {
    display: none;
  }
  /* line 5815, app/assets/stylesheets/client/common.scss */
  .catalog-content .catalog-filter-wrapper.mobile-subfilter-open .catalog-mobile-filter-summary,
.catalog-content .catalog-filter-wrapper.mobile-subfilter-open .catalog-mobile-filter-inline-reset {
    display: none;
  }
  /* line 5820, app/assets/stylesheets/client/common.scss */
  .catalog-content .catalog-sorting button.catalog-sorting-btn {
    min-width: 0;
  }
  /* line 5824, app/assets/stylesheets/client/common.scss */
  .catalog-content .catalog-filter-wrapper .catalog-filter-menu {
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    display: none;
    left: auto;
    margin-top: 0;
    max-width: none;
    min-width: 0;
    opacity: 1;
    padding: 0 0 18px;
    position: static;
    right: auto;
    top: auto;
    width: 100%;
  }
  /* line 5842, app/assets/stylesheets/client/common.scss */
  .catalog-content .catalog-filter-wrapper .catalog-sorting-btn.clicked ~ .catalog-sorting-value {
    display: block;
  }
  /* line 5846, app/assets/stylesheets/client/common.scss */
  .catalog-content .catalog-filter-wrapper.mobile-subfilter-open .mobile-subfilter-active .catalog-filter-menu {
    display: grid;
    flex: 1 1 auto;
    grid-template-rows: auto minmax(0, 1fr) auto;
    min-height: 0;
    overflow: hidden;
    padding: 16px 0 0;
  }
  /* line 5855, app/assets/stylesheets/client/common.scss */
  .catalog-content .catalog-filter-wrapper.mobile-subfilter-open .mobile-subfilter-active.catalog-filter-price .catalog-filter-menu {
    grid-template-rows: minmax(0, 1fr) auto;
  }
  /* line 5859, app/assets/stylesheets/client/common.scss */
  .catalog-content .catalog-filter-wrapper.mobile-subfilter-open .mobile-subfilter-active.catalog-sorting .catalog-filter-menu {
    grid-template-rows: auto minmax(0, 1fr) auto;
  }
  /* line 5863, app/assets/stylesheets/client/common.scss */
  .catalog-content .catalog-filter-wrapper.mobile-subfilter-open .mobile-subfilter-active .catalog-sorting-value-wrapper {
    align-content: start;
    grid-auto-rows: max-content;
    min-height: 0;
    overflow-y: auto;
    padding-right: 4px;
  }
  /* line 5871, app/assets/stylesheets/client/common.scss */
  .catalog-content .catalog-filter-wrapper.mobile-subfilter-open .mobile-subfilter-active .catalog-sorting-check-btn-wrapper {
    align-items: center;
    background: var(--white);
    border-top: 1px solid #edf0f2;
    display: flex;
    justify-content: flex-end;
    margin: 14px 0 0;
    padding: 14px 0 18px;
  }
  /* line 5881, app/assets/stylesheets/client/common.scss */
  .catalog-content .catalog-filter-wrapper.mobile-subfilter-open .mobile-subfilter-active button.catalog-sorting-check-btn {
    flex: 0 0 auto;
    min-height: 42px;
    min-width: 132px;
    padding: 10px 22px;
    width: auto;
  }
  /* line 5889, app/assets/stylesheets/client/common.scss */
  .catalog-content .catalog-filter-wrapper.mobile-subfilter-open .mobile-subfilter-active button.catalog-sorting-close-btn {
    display: none;
  }
  /* line 5893, app/assets/stylesheets/client/common.scss */
  .catalog-content .catalog-filter-wrapper .catalog-filter-options {
    max-height: 320px;
  }
  /* line 5897, app/assets/stylesheets/client/common.scss */
  .catalog-content .catalog-filter-wrapper.mobile-subfilter-open .mobile-subfilter-active .catalog-filter-options {
    align-content: start;
    align-items: center;
    grid-auto-rows: max-content;
    max-height: none;
    min-height: 0;
    overflow-y: auto;
    padding-right: 4px;
  }
  /* line 5907, app/assets/stylesheets/client/common.scss */
  .catalog-filter-options {
    gap: 16px;
  }
  /* line 5915, app/assets/stylesheets/client/common.scss */
  .catalog-content .catalog-filter-wrapper.mobile-subfilter-open .mobile-subfilter-active .catalog-price-range {
    align-content: start;
    overflow-y: auto;
    padding-right: 4px;
    min-width: 0;
    width: 100%;
  }
  /* line 5923, app/assets/stylesheets/client/common.scss */
  .catalog-content .catalog-filter-wrapper.mobile-subfilter-open .mobile-subfilter-active .catalog-price-fields {
    gap: 10px;
  }
  /* line 5927, app/assets/stylesheets/client/common.scss */
  .catalog-content .catalog-filter-wrapper.mobile-subfilter-open .mobile-subfilter-active .catalog-filter-actions {
    align-items: center;
    background: var(--white);
    border-top: 1px solid #edf0f2;
    display: flex;
    justify-content: flex-end;
    margin: 14px 0 0;
    padding: 16px 0 18px;
    align-items: flex-end;
    height: fit-content;
    margin-top: auto;
  }
  /* line 5940, app/assets/stylesheets/client/common.scss */
  .catalog-content .catalog-filter-wrapper.mobile-subfilter-open .mobile-subfilter-active .catalog-filter-clear {
    display: none;
  }
  /* line 5944, app/assets/stylesheets/client/common.scss */
  .catalog-content .catalog-filter-wrapper.mobile-subfilter-open .mobile-subfilter-active .catalog-filter-apply {
    flex: 0 0 auto;
    padding: 10px 22px;
    width: auto;
  }
  /* line 5950, app/assets/stylesheets/client/common.scss */
  .catalog-filter-apply, .catalog-filter-clear {
    font-size: 16px;
    font-weight: 500;
  }
  /* line 5955, app/assets/stylesheets/client/common.scss */
  .catalog-mobile-filter-footer {
    background: var(--white);
    border-top: 1px solid #edf0f2;
    bottom: 0;
    display: grid;
    flex: 0 0 auto;
    gap: 16px;
    grid-template-columns: 1fr 1fr;
    margin: auto -26px 0;
    padding: 16px 26px 18px;
    position: sticky;
    z-index: 2;
  }
  /* line 5969, app/assets/stylesheets/client/common.scss */
  .catalog-content .catalog-filter-wrapper.mobile-subfilter-open .catalog-mobile-filter-footer {
    display: none;
  }
  /* line 5973, app/assets/stylesheets/client/common.scss */
  .catalog-mobile-filter-reset-all,
.catalog-mobile-filter-show {
    border-radius: 7px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 22px;
  }
  /* line 5982, app/assets/stylesheets/client/common.scss */
  .catalog-mobile-filter-reset-all {
    background: var(--white);
    border: 1.5px solid var(--black);
    color: var(--black);
  }
  /* line 5988, app/assets/stylesheets/client/common.scss */
  .catalog-mobile-filter-show {
    background: var(--black);
    border: 1.5px solid var(--black);
    color: var(--white);
  }
  /* line 5994, app/assets/stylesheets/client/common.scss */
  .catalog-content .catalog-products-wraper {
    margin-top: 12px;
  }
  /* line 5998, app/assets/stylesheets/client/common.scss */
  .catalog-results-count {
    margin-top: 32px;
  }
}

/* line 6002, app/assets/stylesheets/client/common.scss */
.payment-return {
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 16px;
  background: #fff;
}

/* line 6011, app/assets/stylesheets/client/common.scss */
.payment-return__box {
  width: 100%;
  max-width: 560px;
  text-align: center;
}

/* line 6017, app/assets/stylesheets/client/common.scss */
.payment-return__box h1 {
  margin-bottom: 16px;
  font-size: 36px;
  line-height: 1.15;
}

/* line 6023, app/assets/stylesheets/client/common.scss */
.payment-return__box p {
  margin-bottom: 24px;
  color: #666;
  font-size: 18px;
  line-height: 1.5;
}

/* line 6030, app/assets/stylesheets/client/common.scss */
.payment-return__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0 24px;
  color: #fff;
  background: var(--bg-main);
  border-radius: 6px;
  text-decoration: none;
}

/* line 6042, app/assets/stylesheets/client/common.scss */
.checkout-submit.is-loading {
  opacity: 0.7;
  pointer-events: none;
}

/* line 6047, app/assets/stylesheets/client/common.scss */
.account-auth-modal {
  align-items: center;
  background: rgba(0, 0, 0, 0.45);
  display: none;
  inset: 0;
  justify-content: center;
  padding: 24px;
  position: fixed;
  z-index: var(--site-popup-z-index);
}

/* line 6058, app/assets/stylesheets/client/common.scss */
.account-auth-modal.is-open {
  display: flex;
}

/* line 6062, app/assets/stylesheets/client/common.scss */
.account-auth-dialog {
  background: var(--white);
  border-radius: 12px;
  max-width: 460px;
  padding: 34px;
  position: relative;
  width: 100%;
}

/* line 6071, app/assets/stylesheets/client/common.scss */
.account-auth-close {
  background: transparent;
  border: none;
  cursor: pointer;
  font-size: 18px;
  position: absolute;
  right: 22px;
  top: 22px;
}

/* line 6081, app/assets/stylesheets/client/common.scss */
.account-auth-title {
  font-size: 28px;
  font-weight: 700;
  line-height: 1.15;
  margin-bottom: 22px;
  padding-right: 44px;
}

/* line 6089, app/assets/stylesheets/client/common.scss */
.account-auth-tabs {
  background: #f5f5f5;
  border-radius: 8px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 22px;
  padding: 4px;
}

/* line 6098, app/assets/stylesheets/client/common.scss */
.account-auth-tab {
  background: transparent;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 600;
  padding: 10px;
}

/* line 6108, app/assets/stylesheets/client/common.scss */
.account-auth-tab.active {
  background: var(--white);
  color: var(--bg-main-hover);
}

/* line 6113, app/assets/stylesheets/client/common.scss */
.account-auth-form[data-mode="login"] .account-auth-register-fields {
  display: none;
}

/* line 6117, app/assets/stylesheets/client/common.scss */
.account-auth-code-stage.is-hidden {
  display: none;
}

/* line 6121, app/assets/stylesheets/client/common.scss */
.account-auth-code-text {
  color: var(--text-dark);
  font-size: 14px;
  line-height: 1.45;
  margin-bottom: 14px;
}

/* line 6128, app/assets/stylesheets/client/common.scss */
.account-auth-code-actions {
  display: flex;
  justify-content: flex-start;
  margin: -4px 0 16px;
}

/* line 6134, app/assets/stylesheets/client/common.scss */
.account-auth-resend {
  background: transparent;
  border: none;
  color: var(--bg-main-hover);
  cursor: pointer;
  font-size: 14px;
  font-weight: 700;
  padding: 0;
}

/* line 6144, app/assets/stylesheets/client/common.scss */
.account-auth-resend:disabled {
  color: #9a9a9a;
  cursor: default;
}

/* line 6149, app/assets/stylesheets/client/common.scss */
.account-auth-field {
  display: block;
  margin-bottom: 16px;
}

/* line 6154, app/assets/stylesheets/client/common.scss */
.account-auth-field span {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
}

/* line 6161, app/assets/stylesheets/client/common.scss */
.account-auth-field input,
.account-field input,
.account-track-input {
  background: var(--white);
  border: 1px solid #d8d8d8;
  border-radius: 8px;
  color: var(--text);
  font-size: 16px;
  outline: none;
  padding: 14px 16px;
  width: 100%;
}

/* line 6174, app/assets/stylesheets/client/common.scss */
.password-toggle-field {
  position: relative;
}

/* line 6178, app/assets/stylesheets/client/common.scss */
.password-toggle-field input {
  padding-right: 54px;
}

/* line 6182, app/assets/stylesheets/client/common.scss */
.password-toggle {
  align-items: center;
  background-color: transparent;
  background-image: url(/assets/client/account/close-eye-328806994167ae8a4f88eef29fb1b32fd325bd3498dd672a555bc7fd1ae9092d.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 22px 22px;
  border: none;
  color: #777;
  cursor: pointer;
  display: flex;
  height: 42px;
  justify-content: center;
  padding: 0;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 42px;
}

/* line 6203, app/assets/stylesheets/client/common.scss */
.password-toggle:before {
  display: none;
}

/* line 6207, app/assets/stylesheets/client/common.scss */
.password-toggle:after {
  display: none;
}

/* line 6211, app/assets/stylesheets/client/common.scss */
.password-toggle.is-visible {
  background-image: url(/assets/client/account/show-6144a7a116358adfc28951d369a4431560d39902f02d7da47c593de87e49c2f1.svg);
  color: var(--bg-main-hover);
}

/* line 6216, app/assets/stylesheets/client/common.scss */
.password-toggle.is-visible:after {
  display: none;
}

/* line 6220, app/assets/stylesheets/client/common.scss */
.account-auth-field input:focus,
.account-field input:focus,
.account-track-input:focus {
  border-color: var(--bg-main);
  box-shadow: 0 0 0 3px var(--bg-main-hover-sm);
}

/* line 6227, app/assets/stylesheets/client/common.scss */
.account-auth-submit,
.account-primary-btn {
  align-items: center;
  background: var(--bg-main);
  border: none;
  border-radius: 8px;
  color: var(--white);
  cursor: pointer;
  display: inline-flex;
  font-size: 16px;
  font-weight: 700;
  justify-content: center;
  min-height: 48px;
  padding: 0 24px;
  text-decoration: none;
}

/* line 6244, app/assets/stylesheets/client/common.scss */
.account-auth-submit {
  width: 100%;
}

/* line 6248, app/assets/stylesheets/client/common.scss */
.account-auth-submit:hover,
.account-primary-btn:hover {
  background: var(--bg-main-hover);
}

/* line 6253, app/assets/stylesheets/client/common.scss */
.account-auth-submit.is-loading {
  opacity: .7;
  pointer-events: none;
}

/* line 6258, app/assets/stylesheets/client/common.scss */
.account-auth-message {
  color: var(--error);
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 12px;
  min-height: 18px;
}

/* line 6266, app/assets/stylesheets/client/common.scss */
.account-auth-message.is-success {
  color: #2fbf62;
}

/* line 6270, app/assets/stylesheets/client/common.scss */
.account-page {
  min-height: 60vh;
  padding: 44px 0 72px;
}

/* line 6275, app/assets/stylesheets/client/common.scss */
.account-layout {
  align-items: flex-start;
  display: grid;
  gap: 48px;
  grid-template-columns: 260px minmax(0, 1fr);
}

/* line 6282, app/assets/stylesheets/client/common.scss */
.account-token-layout {
  max-width: 1120px;
}

/* line 6286, app/assets/stylesheets/client/common.scss */
.account-token-complete {
  text-align: center;
}

/* line 6290, app/assets/stylesheets/client/common.scss */
.account-token-complete h1,
.account-token-complete h2 {
  font-size: 30px;
  margin-bottom: 12px;
}

/* line 6296, app/assets/stylesheets/client/common.scss */
.account-token-complete p {
  color: #777;
  line-height: 1.55;
  margin: 0 auto 24px;
  max-width: 680px;
}

/* line 6303, app/assets/stylesheets/client/common.scss */
.account-token-complete .account-primary-btn {
  display: inline-flex;
  text-decoration: none;
  width: auto;
}

/* line 6309, app/assets/stylesheets/client/common.scss */
.account-sidebar {
  position: sticky;
  top: calc(var(--site-header-height) + 24px);
}

/* line 6314, app/assets/stylesheets/client/common.scss */
.account-profile-card {
  margin-bottom: 22px;
}

/* line 6318, app/assets/stylesheets/client/common.scss */
.account-avatar {
  align-items: center;
  background: var(--bg-main-hover-sm);
  border-radius: 50%;
  color: var(--bg-main-hover);
  display: flex;
  font-size: 22px;
  font-weight: 700;
  height: 68px;
  justify-content: center;
  margin-bottom: 16px;
  width: 68px;
}

/* line 6332, app/assets/stylesheets/client/common.scss */
.account-profile-name {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.25;
}

/* line 6338, app/assets/stylesheets/client/common.scss */
.account-profile-email,
.account-profile-edit,
.account-content-header p,
.account-order-meta,
.account-address-price,
.account-track-date {
  color: #777;
  font-size: 14px;
  line-height: 1.45;
}

/* line 6349, app/assets/stylesheets/client/common.scss */
.account-profile-edit {
  display: inline-block;
  margin-top: 8px;
  text-decoration: none;
}

/* line 6355, app/assets/stylesheets/client/common.scss */
.account-profile-edit:hover {
  color: var(--bg-main-hover);
}

/* line 6359, app/assets/stylesheets/client/common.scss */
.account-nav {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* line 6365, app/assets/stylesheets/client/common.scss */
.account-nav form {
  margin: 0;
}

/* line 6369, app/assets/stylesheets/client/common.scss */
.account-nav-link {
  align-items: center;
  background: transparent;
  border: none;
  border-radius: 7px;
  color: var(--text);
  cursor: pointer;
  display: flex;
  font-size: 15px;
  font-weight: 600;
  padding: 12px 14px;
  text-align: left;
  text-decoration: none;
  width: 100%;
}

/* line 6385, app/assets/stylesheets/client/common.scss */
.account-nav-link.active,
.account-nav-link:hover {
  background: var(--bg-main-hover-sm);
  color: var(--bg-main-hover);
}

/* line 6391, app/assets/stylesheets/client/common.scss */
.account-nav-button {
  font-family: 'Montserrat', sans-serif;
}

/* line 6395, app/assets/stylesheets/client/common.scss */
.account-nav-icon {
  flex: 0 0 18px;
  text-align: center;
}

/* line 6400, app/assets/stylesheets/client/common.scss */
.account-content-header {
  margin-bottom: 24px;
}

/* line 6404, app/assets/stylesheets/client/common.scss */
.account-heading-line {
  align-items: flex-start;
  display: flex;
  gap: 16px;
  justify-content: space-between;
}

/* line 6411, app/assets/stylesheets/client/common.scss */
.account-content-header h1 {
  font-size: 38px;
  line-height: 1.1;
  margin-bottom: 10px;
}

/* line 6417, app/assets/stylesheets/client/common.scss */
.account-card,
.account-order-card,
.account-address-card {
  background: var(--white);
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
}

/* line 6425, app/assets/stylesheets/client/common.scss */
.account-card {
  padding: 28px;
}

/* line 6429, app/assets/stylesheets/client/common.scss */
.account-card-title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
}

/* line 6435, app/assets/stylesheets/client/common.scss */
.account-form-grid {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* line 6441, app/assets/stylesheets/client/common.scss */
.account-field_full {
  grid-column: 1 / -1;
}

/* line 6445, app/assets/stylesheets/client/common.scss */
.account-field > span {
  display: block;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 8px;
}

/* line 6452, app/assets/stylesheets/client/common.scss */
.account-field-help {
  align-items: center;
  border: 1px solid var(--text);
  border-radius: 50%;
  display: inline-flex;
  font-size: 11px;
  height: 16px;
  justify-content: center;
  margin-left: 5px;
  opacity: .8;
  vertical-align: 1px;
  width: 16px;
}

/* line 6466, app/assets/stylesheets/client/common.scss */
.account-date-fields {
  display: grid;
  gap: 12px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* line 6472, app/assets/stylesheets/client/common.scss */
.account-check-field {
  align-items: center;
  color: #555;
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  gap: 8px;
  margin-top: 10px;
}

/* line 6482, app/assets/stylesheets/client/common.scss */
.account-check-field input {
  border: 1px solid #cfcfcf;
  border-radius: 3px;
  height: 16px;
  padding: 0;
  width: 16px;
}

/* line 6490, app/assets/stylesheets/client/common.scss */
.account-check-field input:checked {
  background: var(--bg-main);
  border-color: var(--bg-main);
  box-shadow: inset 0 0 0 3px var(--white);
}

/* line 6496, app/assets/stylesheets/client/common.scss */
.account-middle-name-field input:disabled {
  background: #f7f7f7;
  color: #999;
}

/* line 6501, app/assets/stylesheets/client/common.scss */
.account-form-actions {
  margin-top: 22px;
}

/* line 6505, app/assets/stylesheets/client/common.scss */
.account-alert {
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 16px;
  padding: 12px 16px;
}

/* line 6513, app/assets/stylesheets/client/common.scss */
.account-alert_success {
  background: #e8f7ee;
  color: #1c8f45;
}

/* line 6518, app/assets/stylesheets/client/common.scss */
.account-alert_error {
  background: #ffecec;
  color: var(--error);
}

/* line 6523, app/assets/stylesheets/client/common.scss */
.account-orders-list,
.account-address-list,
.account-order-products {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* line 6531, app/assets/stylesheets/client/common.scss */
.account-order-card {
  align-items: center;
  color: var(--text);
  display: grid;
  gap: 20px;
  grid-template-columns: minmax(0, 1fr) 92px auto;
  min-height: 118px;
  padding: 22px;
  text-decoration: none;
}

/* line 6542, app/assets/stylesheets/client/common.scss */
.account-order-card:hover {
  outline: 2px solid var(--bg-main-hover-sm);
}

/* line 6546, app/assets/stylesheets/client/common.scss */
.account-order-status {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 4px;
}

/* line 6552, app/assets/stylesheets/client/common.scss */
.account-order-title {
  color: #777;
  font-size: 14px;
}

/* line 6557, app/assets/stylesheets/client/common.scss */
.account-order-meta {
  display: flex;
  gap: 12px;
  margin-top: 8px;
}

/* line 6563, app/assets/stylesheets/client/common.scss */
.account-order-preview {
  align-items: center;
  display: flex;
  height: 72px;
  justify-content: center;
  width: 72px;
}

/* line 6571, app/assets/stylesheets/client/common.scss */
.account-order-preview img,
.account-order-product-photo img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}

/* line 6578, app/assets/stylesheets/client/common.scss */
.account-order-total {
  font-size: 18px;
  font-weight: 800;
}

/* line 6583, app/assets/stylesheets/client/common.scss */
.account-empty {
  background: var(--white);
  border-radius: 10px;
  padding: 32px;
}

/* line 6589, app/assets/stylesheets/client/common.scss */
.account-empty h2 {
  font-size: 22px;
  margin-bottom: 8px;
}

/* line 6594, app/assets/stylesheets/client/common.scss */
.account-empty p {
  color: #777;
  line-height: 1.5;
}

/* line 6599, app/assets/stylesheets/client/common.scss */
.account-empty_small {
  margin-top: 20px;
  padding: 20px;
}

/* line 6604, app/assets/stylesheets/client/common.scss */
.account-back-link {
  color: #777;
  display: inline-flex;
  font-weight: 600;
  margin-top: 9px;
  text-decoration: none;
  white-space: nowrap;
}

/* line 6613, app/assets/stylesheets/client/common.scss */
.account-back-link:hover {
  color: var(--bg-main-hover);
}

/* line 6617, app/assets/stylesheets/client/common.scss */
.account-order-detail-grid {
  align-items: flex-start;
  display: grid;
  gap: 24px;
  grid-template-columns: minmax(0, 1fr) 320px;
}

/* line 6624, app/assets/stylesheets/client/common.scss */
.account-order-state {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

/* line 6631, app/assets/stylesheets/client/common.scss */
.account-secondary-btn {
  background: var(--white);
  border: 1px solid var(--bg-main);
  border-radius: 8px;
  color: var(--bg-main-hover);
  cursor: pointer;
  display: inline-flex;
  font-size: 14px;
  font-weight: 700;
  justify-content: center;
  min-height: 40px;
  padding: 10px 16px;
  text-decoration: none;
}

/* line 6646, app/assets/stylesheets/client/common.scss */
.account-delivery-box {
  background: #f7f7f7;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 20px;
  padding: 16px;
}

/* line 6656, app/assets/stylesheets/client/common.scss */
.account-delivery-box small {
  color: #777;
}

/* line 6660, app/assets/stylesheets/client/common.scss */
.account-order-product {
  align-items: center;
  border-top: 1px solid #ececec;
  display: grid;
  gap: 18px;
  grid-template-columns: 84px minmax(0, 1fr) auto;
  padding-top: 16px;
}

/* line 6669, app/assets/stylesheets/client/common.scss */
.account-order-product-photo {
  height: 84px;
  width: 84px;
}

/* line 6674, app/assets/stylesheets/client/common.scss */
.account-order-product-title {
  font-weight: 700;
  line-height: 1.35;
}

/* line 6679, app/assets/stylesheets/client/common.scss */
.account-order-product-options {
  color: #777;
  font-size: 14px;
  line-height: 1.45;
  margin-top: 8px;
}

/* line 6686, app/assets/stylesheets/client/common.scss */
.account-order-product-meta {
  color: #777;
  display: flex;
  font-size: 14px;
  gap: 12px;
  margin-top: 8px;
}

/* line 6694, app/assets/stylesheets/client/common.scss */
.account-order-product-total {
  font-size: 16px;
  font-weight: 800;
  white-space: nowrap;
}

/* line 6700, app/assets/stylesheets/client/common.scss */
.account-order-total-details summary {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 18px;
  justify-content: space-between;
  list-style: none;
}

/* line 6709, app/assets/stylesheets/client/common.scss */
.account-order-total-details summary::-webkit-details-marker {
  display: none;
}

/* line 6713, app/assets/stylesheets/client/common.scss */
.account-order-total-details summary b {
  font-size: 22px;
}

/* line 6717, app/assets/stylesheets/client/common.scss */
.account-order-total-row {
  align-items: center;
  color: #777;
  display: flex;
  justify-content: space-between;
  margin-top: 18px;
}

/* line 6725, app/assets/stylesheets/client/common.scss */
.account-address-card {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 22px;
}

/* line 6732, app/assets/stylesheets/client/common.scss */
.account-address-card.is-default {
  outline: 2px solid var(--bg-main-hover-sm);
}

/* line 6736, app/assets/stylesheets/client/common.scss */
.account-address-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 6px;
}

/* line 6742, app/assets/stylesheets/client/common.scss */
.account-address-text {
  line-height: 1.45;
}

/* line 6746, app/assets/stylesheets/client/common.scss */
.account-default-badge {
  background: var(--bg-main-hover-sm);
  border-radius: 999px;
  color: var(--bg-main-hover);
  display: inline-flex;
  font-size: 14px;
  font-weight: 700;
  padding: 8px 12px;
}

/* line 6756, app/assets/stylesheets/client/common.scss */
.account-track-form {
  display: grid;
  gap: 12px;
  grid-template-columns: minmax(0, 1fr) auto;
}

/* line 6762, app/assets/stylesheets/client/common.scss */
.account-track-result {
  background: #f7f7f7;
  border-radius: 8px;
  margin-top: 22px;
  padding: 18px;
}

/* line 6769, app/assets/stylesheets/client/common.scss */
.account-track-title {
  font-weight: 800;
  margin-bottom: 6px;
}

/* line 6774, app/assets/stylesheets/client/common.scss */
.account-track-status {
  font-size: 18px;
  font-weight: 700;
}

/* line 6779, app/assets/stylesheets/client/common.scss */
.account-track-help {
  display: grid;
  gap: 18px;
  margin-top: 28px;
  max-width: 720px;
}

/* line 6786, app/assets/stylesheets/client/common.scss */
.account-track-help-item {
  align-items: flex-start;
  display: grid;
  gap: 18px;
  grid-template-columns: 54px minmax(0, 1fr);
}

/* line 6793, app/assets/stylesheets/client/common.scss */
.account-track-help-icon {
  background: none;
  border-radius: 0;
  color: var(--bg-main);
  display: block;
  width: 54px;
}

/* line 6801, app/assets/stylesheets/client/common.scss */
.account-track-help-icon svg {
  display: block;
  height: auto;
  width: 100%;
}

/* line 6807, app/assets/stylesheets/client/common.scss */
.account-track-help-text h2 {
  font-size: 20px;
  margin-bottom: 8px;
}

/* line 6812, app/assets/stylesheets/client/common.scss */
.account-track-help-text p {
  color: #777;
  line-height: 1.55;
}

@media (max-width: 991px) {
  /* line 6818, app/assets/stylesheets/client/common.scss */
  .account-layout {
    gap: 28px;
    grid-template-columns: 1fr;
  }
  /* line 6823, app/assets/stylesheets/client/common.scss */
  .account-sidebar {
    position: static;
  }
  /* line 6827, app/assets/stylesheets/client/common.scss */
  .account-nav {
    background: var(--white);
    border-radius: 10px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 8px;
  }
  /* line 6835, app/assets/stylesheets/client/common.scss */
  .account-order-detail-grid,
.account-form-grid {
    grid-template-columns: 1fr;
  }
  /* line 6840, app/assets/stylesheets/client/common.scss */
  .account-order-summary-card {
    order: -1;
  }
}

@media (max-width: 768px) {
  /* line 6846, app/assets/stylesheets/client/common.scss */
  .account-header-btn {
    height: 40px;
    margin-right: 8px;
    width: 40px;
  }
  /* line 6852, app/assets/stylesheets/client/common.scss */
  .account-page {
    padding: 28px 0 52px;
  }
  /* line 6856, app/assets/stylesheets/client/common.scss */
  .account-content-header h1 {
    font-size: 30px;
  }
  /* line 6860, app/assets/stylesheets/client/common.scss */
  .account-heading-line {
    flex-direction: column;
    gap: 6px;
  }
  /* line 6865, app/assets/stylesheets/client/common.scss */
  .account-heading-line h1 {
    margin-bottom: 0;
  }
  /* line 6869, app/assets/stylesheets/client/common.scss */
  .account-heading-line .account-back-link {
    margin-top: 0;
  }
  /* line 6873, app/assets/stylesheets/client/common.scss */
  .account-card,
.account-order-card,
.account-address-card,
.account-empty {
    border-radius: 8px;
    padding: 20px;
  }
  /* line 6881, app/assets/stylesheets/client/common.scss */
  .account-order-card {
    grid-template-columns: minmax(0, 1fr) 72px;
  }
  /* line 6885, app/assets/stylesheets/client/common.scss */
  .account-order-total {
    grid-column: 1 / -1;
  }
  /* line 6889, app/assets/stylesheets/client/common.scss */
  .account-order-product {
    grid-template-columns: 72px minmax(0, 1fr);
  }
  /* line 6893, app/assets/stylesheets/client/common.scss */
  .account-order-product-total {
    grid-column: 2;
  }
  /* line 6897, app/assets/stylesheets/client/common.scss */
  .account-address-card {
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
  }
  /* line 6903, app/assets/stylesheets/client/common.scss */
  .account-track-form {
    grid-template-columns: 1fr;
  }
  /* line 6907, app/assets/stylesheets/client/common.scss */
  .account-auth-dialog {
    border-radius: 10px;
    padding: 28px 20px 22px;
  }
  /* line 6912, app/assets/stylesheets/client/common.scss */
  .account-auth-title {
    font-size: 24px;
  }
}