/* Start:/local/templates/in_modern/css/main.css?1756908353485607*/
@charset "UTF-8";

*,
::after,
::before {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-scroll-snap-strictness: proximity;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-sizing: border-box;
  border: 0 solid #e7f7f7
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-scroll-snap-strictness: proximity;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000
}

::after,
::before {
  --tw-content: ''
}

:host,
html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  tab-size: 4;
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-feature-settings: normal;
  font-variation-settings: normal;
  -webkit-tap-highlight-color: transparent
}

body {
  margin: 0;
  line-height: inherit
}

hr {
  height: 0;
  color: inherit;
  border-top-width: 1px
}

abbr:where([title]) {
  text-decoration: underline dotted
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit
}

a {
  color: inherit;
  text-decoration: inherit
}

b,
strong {
  font-weight: bolder
}

code,
kbd,
pre,
samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-feature-settings: normal;
  font-variation-settings: normal;
  font-size: 1em
}

small {
  font-size: 80%
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0
}

button,
select {
  text-transform: none
}

button,
input:where([type=button]),
input:where([type=reset]),
input:where([type=submit]) {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none
}

:-moz-focusring {
  outline: auto
}

:-moz-ui-invalid {
  box-shadow: none
}

progress {
  vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

summary {
  display: list-item
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
  margin: 0
}

fieldset {
  margin: 0;
  padding: 0
}

dialog,
legend {
  padding: 0
}

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

textarea {
  resize: vertical
}

input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #e6ebeb
}

[role=button],
button {
  cursor: pointer
}

:disabled {
  cursor: default
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
  display: block;
  vertical-align: middle
}

img,
video {
  max-width: 100%;
  height: auto
}

[hidden]:where(:not([hidden=until-found])) {
  display: none
}

.\!container {
  width: 100% !important;
  margin-right: auto !important;
  margin-left: auto !important;
  padding-right: 3.75rem !important;
  padding-left: 3.75rem !important
}

.container {
  padding-right: 3.75rem;
  padding-left: 3.75rem
}

@media (min-width:640px) {
  .\!container {
    max-width: 640px !important
  }

  .container {
    max-width: 640px
  }
}

@media (min-width:768px) {
  .\!container {
    max-width: 768px !important
  }

  .container {
    max-width: 768px
  }
}

@media (min-width:1024px) {
  .\!container {
    max-width: 1024px !important
  }

  .container {
    max-width: 1024px
  }
}

@media (min-width:1025px) {
  .\!container {
    max-width: 1025px !important
  }

  .container {
    max-width: 1025px
  }
}

@media (min-width:1280px) {
  .\!container {
    max-width: 1280px !important
  }

  .container {
    max-width: 1280px
  }
}

@media (min-width:1300px) {
  .\!container {
    max-width: 1300px !important
  }

  .container {
    max-width: 1300px
  }
}

@media (min-width:1420px) {
  .\!container {
    max-width: 1420px !important
  }

  .container {
    max-width: 1420px
  }
}

@media (min-width:1536px) {
  .\!container {
    max-width: 1536px !important
  }

  .container {
    max-width: 1536px
  }
}

html {
  font-family: Lato, sans-serif;
  --tw-text-opacity: 1;
  color: rgb(32 32 33 / var(--tw-text-opacity, 1))
}

.h3 {
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 700
}

.h4 {
  font-size: 1.75rem;
  line-height: 1.2;
  font-weight: 700
}

.h5 {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 700
}

.body__wrapper {
  position: relative;
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility
}

.body.is-locked,
.body__wrapper.is-locked {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100%
}

.content>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
}

.content ul li {
  position: relative;
  padding-left: 1rem
}

.content ul li::before {
  content: "-";
  position: absolute;
  left: 0;
  top: 0
}

.content ul._indent-4 li {
  padding-left: 1rem
}

@media (max-width:1024px) {
  .content>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
  }

  .content ul._tablet-indent-3 li {
    padding-left: .75rem
  }
}

.content h2 {
  font-size: 1.5rem;
  line-height: 2rem
}

.content h3 {
  font-size: 1.25rem;
  line-height: 1.2
}

.content a {
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  gap: .25rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s;
  --tw-text-opacity: 1;
  color: rgb(0 133 205 / var(--tw-text-opacity, 1))
}

.content a::after {
  opacity: 0
}

.content a.--loading {
  pointer-events: none;
  position: relative;
  --tw-text-opacity: 0
}

.content a.--loading::after {
  position: absolute;
  right: 0;
  top: 50%;
  height: 1.25rem;
  width: 1.25rem;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-image: url(/local/templates/in_modern/css/../img/loader-blue-light.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 1;
  --tw-content: "";
  content: var(--tw-content)
}

.content a>svg {
  flex-shrink: 0
}

.content a:hover {
  --tw-text-opacity: 1;
  color: rgb(32 32 33 / var(--tw-text-opacity, 1))
}

.header .header-menu__item:hover .header-menu__link.content a {
  --tw-text-opacity: 1;
  color: rgb(0 133 205 / var(--tw-text-opacity, 1))
}

.video-consultant-form__personality .content a {
  --tw-text-opacity: 1;
  color: rgb(36 60 70 / var(--tw-text-opacity, 1))
}

.\!button,
.button {
  position: relative;
  display: flex;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  column-gap: .625rem;
  overflow: hidden;
  border-radius: .375rem;
  padding-left: 1rem;
  padding-right: 1rem
}

.\!button::before {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s;
  --tw-content: "";
  content: var(--tw-content)
}

.\!button:hover::before {
  opacity: 1
}

.button::before {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition-property: all;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s;
  --tw-content: "";
  content: var(--tw-content)
}

.button:hover::before {
  opacity: 1
}

.\!button::after,
.button::after {
  opacity: 0
}

.\!button.\--loading,
.button.--loading {
  pointer-events: none
}

.\!button.\--loading .button__text,
.button.--loading .button__text {
  opacity: 0
}

.\!button.\--loading::after,
.button.--loading::after {
  position: absolute;
  left: 50%;
  top: 50%;
  height: 1.5rem;
  width: 1.5rem;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 1;
  --tw-content: "";
  content: var(--tw-content)
}

.\!button.\--sent,
.button.--sent {
  pointer-events: none
}

.\!button svg,
.button svg {
  position: relative;
  height: 1rem;
  width: 1rem
}

.button__text {
  position: relative;
  z-index: 10;
  white-space: nowrap;
  font-size: .875rem;
  line-height: 1.125rem;
  font-weight: 700;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

.button_primary {
  --tw-bg-opacity: 1;
  background-color: rgb(36 60 70 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.button_primary::before {
  background-color: rgb(0 0 0 / .2)
}

.button_primary.--loading::after {
  background-image: url(/local/templates/in_modern/css/../img/loader-white.svg)
}

.button_white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(36 60 70 / var(--tw-text-opacity, 1))
}

.button_white.--loading::after {
  background-image: url(/local/templates/in_modern/css/../img/loader-blue.svg)
}

.button_light {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(36 60 70 / var(--tw-text-opacity, 1))
}

.button_light::before {
  background-color: rgb(0 0 0 / .1)
}

.button_light.--loading::after {
  background-image: url(/local/templates/in_modern/css/../img/loader-blue.svg)
}

.button_outline {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(36 60 70 / var(--tw-text-opacity, 1))
}

.button_outline::before {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1))
}

.button_outline.--loading::after {
  background-image: url(/local/templates/in_modern/css/../img/loader-blue.svg)
}

.button_outline-blue {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(36 60 70 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(36 60 70 / var(--tw-text-opacity, 1))
}

.button_outline-blue::before {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1))
}

.button_outline-blue.--loading::after {
  background-image: url(/local/templates/in_modern/css/../img/loader-blue.svg)
}

.button_wide {
  width: 100%
}

.button_pagination {
  width: 2.5rem;
  padding-left: 0;
  padding-right: 0
}

.button_pagination.button_primary {
  pointer-events: none
}

.icon-button {
  position: relative;
  display: flex;
  align-items: center;
  gap: .125rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

.icon-button::after {
  position: absolute;
  inset: -.375rem;
  --tw-content: "";
  content: var(--tw-content)
}

.icon-button:hover {
  --tw-text-opacity: 1;
  color: rgb(0 133 205 / var(--tw-text-opacity, 1))
}

.icon-button_gray {
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.icon-button_gray:hover {
  --tw-text-opacity: 1;
  color: rgb(32 32 33 / var(--tw-text-opacity, 1))
}

.icon-button:not(.--selected):not(.icon-button_selected-fill-white) {
  --selected-fill: transparent
}

.icon-button_selected-fill-white:not(.--selected) {
  --selected-fill: white
}

.icon-button.--selected {
  --selected-fill: currentColor;
  --tw-text-opacity: 1;
  color: rgb(36 60 70 / var(--tw-text-opacity, 1))
}

.icon-button.--selected:hover {
  color: rgb(36 60 70 / .75)
}

.text-button {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: .375rem;
  white-space: nowrap;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: .875rem;
  line-height: 1.125rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

.text-button_blue {
  --tw-text-opacity: 1;
  color: rgb(36 60 70 / var(--tw-text-opacity, 1))
}

.text-button_blue:hover {
  --tw-text-opacity: 1;
  color: rgb(0 133 205 / var(--tw-text-opacity, 1))
}

.text-button_gray {
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.text-button_gray:hover {
  --tw-text-opacity: 1;
  color: rgb(36 60 70 / var(--tw-text-opacity, 1))
}

.expand-button {
  display: flex;
  align-items: center;
  gap: .25rem;
  text-align: left;
  --tw-text-opacity: 1;
  color: rgb(0 133 205 / var(--tw-text-opacity, 1))
}

@media (max-width:767px) {
  .content>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.75rem * var(--tw-space-y-reverse))
  }

  .content h2 {
    font-size: 1.25rem;
    line-height: 1.2
  }

  .content h3 {
    font-size: 1.125rem;
    line-height: 1.75rem
  }

  .career-form__personality .content a {
    --tw-text-opacity: 1;
    color: rgb(36 60 70 / var(--tw-text-opacity, 1))
  }

  .expand-button {
    font-size: .75rem;
    line-height: 1rem
  }
}

.expand-button__icon {
  height: 1rem;
  width: 1rem;
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: auto
}

.slider-button {
  display: flex;
  height: 2.25rem;
  width: 2.25rem;
  align-items: center;
  justify-content: center;
  border-radius: .375rem
}

.slider-button__icon {
  height: 1.25rem;
  width: 1.25rem
}

.slider-button_white {
  background-color: rgb(255 255 255 / .1);
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

.slider-button_white:hover {
  background-color: rgb(255 255 255 / .3)
}

.slider-button_outline {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  background-color: transparent;
  --tw-text-opacity: 1;
  color: rgb(32 32 33 / var(--tw-text-opacity, 1))
}

.slider-button_gray {
  background-color: rgb(32 32 33 / .08);
  --tw-text-opacity: 1;
  color: rgb(32 32 33 / var(--tw-text-opacity, 1))
}

.slider-pagination {
  --swiper-pagination-bullet-horizontal-gap: 0
}

.slider-pagination.--dark .swiper-pagination-bullet {
  --tw-bg-opacity: 1;
  background-color: rgb(32 32 33 / var(--tw-bg-opacity, 1))
}

.slider-pagination.swiper-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem
}

.slider-pagination .swiper-pagination-bullet {
  height: .375rem;
  width: .375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  opacity: .6;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

.slider-pagination .swiper-pagination-bullet-active {
  height: .625rem;
  width: .625rem;
  opacity: 1
}

.link {
  display: inline-flex;
  cursor: pointer;
  align-items: center;
  gap: .25rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

.link::after {
  opacity: 0
}

.link.--loading {
  pointer-events: none;
  position: relative;
  --tw-text-opacity: 0
}

.link.--loading::after {
  position: absolute;
  right: 0;
  top: 50%;
  height: 1.25rem;
  width: 1.25rem;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-image: url(/local/templates/in_modern/css/../img/loader-blue-light.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 1;
  --tw-content: "";
  content: var(--tw-content)
}

.link>svg {
  flex-shrink: 0
}

.link_block {
  display: flex
}

.link_inline {
  display: inline
}

.link_default {
  --tw-text-opacity: 1;
  color: rgb(0 133 205 / var(--tw-text-opacity, 1))
}

.link_default:hover {
  --tw-text-opacity: 1;
  color: rgb(32 32 33 / var(--tw-text-opacity, 1))
}

.link_blue {
  color: inherit
}

.link_blue:hover {
  --tw-text-opacity: 1;
  color: rgb(0 133 205 / var(--tw-text-opacity, 1))
}

.link_opacity {
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: 150ms
}

.link_opacity:hover {
  opacity: .75
}

.link_dark {
  --tw-text-opacity: 1;
  color: rgb(36 60 70 / var(--tw-text-opacity, 1))
}

.link_dark:hover {
  color: inherit
}

.link_black {
  --tw-text-opacity: 1;
  color: rgb(32 32 33 / var(--tw-text-opacity, 1))
}

.link_black:hover {
  --tw-text-opacity: 1;
  color: rgb(0 133 205 / var(--tw-text-opacity, 1))
}

.link_gray {
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.link_gray:hover {
  --tw-text-opacity: 1;
  color: rgb(0 133 205 / var(--tw-text-opacity, 1))
}

.\!input,
.input {
  display: block
}

.input__field {
  display: block;
  height: 2.5rem;
  width: 100%;
  border-radius: .375rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(32 32 33 / var(--tw-text-opacity, 1));
  outline: transparent solid 2px;
  outline-offset: 2px;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

.input__field::placeholder {
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.input__field[disabled],
.input__field[readonly] {
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.\!input .input__field.dadata-error,
.\!input .input__field.error,
.input .input__field.dadata-error,
.input .input__field.error {
  --tw-border-opacity: 1;
  border-color: rgb(252 47 53 / var(--tw-border-opacity, 1))
}

.\!input .input__field~.dadata-error,
.\!input .input__field~.error,
.input .input__field~.dadata-error,
.input .input__field~.error {
  margin-top: .25rem;
  display: block;
  font-size: .75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(252 47 53 / var(--tw-text-opacity, 1))
}

.input_large .input__field {
  height: 3.75rem;
  font-size: 1rem;
  line-height: 1.25
}

.input_large .input__field::placeholder {
  font-size: 1rem;
  line-height: 1.25
}

.input_white .input__field {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.input_white .input__field:focus {
  --tw-border-opacity: 1;
  border-color: rgb(0 133 205 / var(--tw-border-opacity, 1))
}

.input_dark-border .input__field {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(146 146 146 / var(--tw-border-opacity, 1));
  background-color: transparent
}

.input_dark-border .input__field:focus {
  --tw-border-opacity: 1;
  border-color: rgb(0 133 205 / var(--tw-border-opacity, 1))
}

.input_default .input__field {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  background-color: transparent
}

.input_default .input__field:focus {
  --tw-border-opacity: 1;
  border-color: rgb(0 133 205 / var(--tw-border-opacity, 1))
}

.input_with-prefix {
  position: relative
}

.input_with-prefix.input_large .input__field {
  padding-left: 3.75rem
}

.input_with-prefix.input_large .input__prefix {
  left: 1.125rem;
  top: 1.125rem
}

.input_with-prefix:not(.input_large) .input__field {
  padding-left: 2.75rem
}

.input_with-prefix:not(.input_large) .input__prefix {
  left: .625rem;
  top: .5rem
}

.input_with-prefix .input__prefix {
  position: absolute
}

.input_with-suffix {
  position: relative
}

.input_with-suffix.input_large .input__field {
  padding-right: 3.75rem
}

@media (max-width:1024px) {
  .input_large .input__field {
    height: 2.5rem;
    font-size: .875rem;
    line-height: 1.125rem
  }

  .input_large .input__field::placeholder {
    font-size: .875rem;
    line-height: 1.125rem
  }

  .input_with-prefix.input_large .input__field {
    padding-left: 2.75rem
  }

  .input_with-prefix.input_large .input__prefix {
    left: .625rem;
    top: .5rem
  }

  .input_with-suffix.input_large .input__field {
    padding-right: 2.75rem
  }
}

.input_with-suffix.input_large .input__suffix {
  right: 1.125rem;
  top: 1.125rem
}

@media (max-width:1024px) {
  .input_with-suffix.input_large .input__suffix {
    right: .625rem;
    top: .5rem
  }
}

.input_with-suffix:not(.input_large) .input__field {
  padding-right: 2.75rem
}

.input_with-suffix:not(.input_large) .input__suffix {
  right: .625rem;
  top: .5rem
}

.input_with-suffix .input__suffix {
  position: absolute
}

.input_with-action {
  position: relative;
  display: block
}

.input_with-action .input__field {
  padding-right: 5.875rem
}

.input_with-action .input__action {
  position: absolute;
  right: .625rem;
  top: .625rem;
  font-size: .875rem;
  line-height: 1.125rem
}

.floating-input {
  position: relative
}

.floating-input__field {
  display: block;
  height: 2.5rem;
  width: 100%;
  border-radius: .375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(0 133 205 / var(--tw-border-opacity, 1));
  padding-left: .875rem;
  padding-right: .875rem;
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(32 32 33 / var(--tw-text-opacity, 1));
  outline-width: 0
}

.floating-input__field:placeholder-shown {
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1))
}

.floating-input__field:focus {
  --tw-border-opacity: 1;
  border-color: rgb(0 133 205 / var(--tw-border-opacity, 1))
}

.floating-input__field:placeholder-shown~.floating-input__label {
  top: .6875rem;
  transform: none;
  font-size: .875rem;
  line-height: 1.125rem
}

.floating-input__field:focus~.floating-input__label {
  top: .25rem;
  --tw-translate-y: -0.75rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  font-size: .75rem;
  line-height: 1rem
}

.floating-input__field[disabled] {
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.floating-input__field[readonly] {
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.floating-input__label {
  position: absolute;
  top: .25rem;
  inset-inline-start: .375rem;
  z-index: 10;
  --tw-translate-y: -0.875rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: .5rem;
  padding-right: .5rem;
  font-size: .75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

.floating-input .floating-input__field.error {
  --tw-border-opacity: 1;
  border-color: rgb(252 47 53 / var(--tw-border-opacity, 1))
}

.floating-input .floating-input__field~.error {
  margin-top: .25rem;
  display: block;
  font-size: .75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(252 47 53 / var(--tw-text-opacity, 1))
}

.textarea {
  display: block;
  height: 4.5rem;
  resize: none;
  border-radius: .375rem;
  padding-left: .875rem;
  padding-right: .875rem;
  padding-top: .625rem;
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(32 32 33 / var(--tw-text-opacity, 1));
  outline-width: 0;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

.textarea::placeholder {
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.textarea.error {
  --tw-border-opacity: 1;
  border-color: rgb(252 47 53 / var(--tw-border-opacity, 1))
}

.textarea.error~.error {
  margin-top: .25rem;
  display: block;
  font-size: .75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(252 47 53 / var(--tw-text-opacity, 1))
}

.textarea_wide {
  width: 100%
}

.textarea_large {
  height: 8rem;
  width: 100%
}

.textarea_white {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.textarea_white:focus {
  --tw-border-opacity: 1;
  border-color: rgb(0 133 205 / var(--tw-border-opacity, 1))
}

.textarea_default {
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  background-color: transparent
}

.textarea_default:focus {
  --tw-border-opacity: 1;
  border-color: rgb(0 133 205 / var(--tw-border-opacity, 1))
}

.file-input {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .625rem
}

.file-input--active .file-input__label {
  display: none
}

.video-consultant-btn:not(.file-input--active.file-input__label) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.file-input--active.file-input__label) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.file-input .error~.error {
  margin-top: .25rem;
  display: block;
  font-size: .75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(252 47 53 / var(--tw-text-opacity, 1))
}

.file-input__label {
  display: flex;
  cursor: pointer;
  align-items: flex-start;
  gap: .625rem
}

.file-input__label-text {
  display: block;
  font-size: .875rem;
  line-height: 1.125rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(36 60 70 / var(--tw-text-opacity, 1))
}

.file-input__rules {
  margin-top: .125rem;
  display: block;
  font-size: .75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.file-input__close {
  cursor: pointer
}

.file-input input {
  display: none
}

.video-consultant-btn:not(.file-inputinput) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.file-inputinput) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.file-item {
  display: flex;
  align-items: center;
  gap: .625rem;
  border-radius: .375rem;
  border-width: 1px;
  border-color: #243C4633;
  font-size: .875rem;
  line-height: 1.125rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(36 60 70 / var(--tw-text-opacity, 1));
  padding: .5rem .75rem
}

select.select {
  height: 2.5rem
}

.select.ss-main {
  position: relative;
  display: flex;
  height: 2.5rem;
  align-items: center;
  border-radius: .375rem;
  border-width: 1px;
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  outline-width: 0;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s;
  padding: 0 2rem 0 .875rem
}

.select.ss-main.select_outline {
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1))
}

.select.ss-main.select_dark-outline {
  --tw-border-opacity: 1;
  border-color: rgb(146 146 146 / var(--tw-border-opacity, 1))
}

.select.ss-main.select_outline-blue {
  --tw-border-opacity: 1;
  border-color: rgb(0 133 205 / var(--tw-border-opacity, 1))
}

.select.ss-main.error {
  --tw-border-opacity: 1;
  border-color: rgb(252 47 53 / var(--tw-border-opacity, 1))
}

@media (min-width:768px) {
  .select.ss-main.select_city {
    height: auto;
    min-height: 0;
    width: 10rem;
    border-style: none;
    background-color: transparent;
    padding: 0
  }

  .select.ss-main.select_city .ss-values {
    justify-content: flex-end
  }

  .select.ss-main.select_city::after {
    position: static;
    margin-left: .25rem;
    --tw-translate-x: 0px;
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .select.ss-content.select_city .ss-option {
    justify-content: flex-end
  }
}

.select.ss-main::after {
  position: absolute;
  right: .75rem;
  top: 50%;
  height: 1rem;
  width: 1rem;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  background-image: url(/local/templates/in_modern/css/../img/svg/arrow-down.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition-property: transform;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s;
  --tw-content: "";
  content: var(--tw-content)
}

.select.ss-main.ss-open-above::after,
.select.ss-main.ss-open-below::after {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.select.ss-main:focus {
  --tw-border-opacity: 1;
  border-color: rgb(0 133 205 / var(--tw-border-opacity, 1));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.select.ss-main:hover {
  --tw-border-opacity: 1;
  border-color: rgb(0 133 205 / var(--tw-border-opacity, 1))
}

.select.ss-main .ss-values .ss-placeholder {
  padding: 0;
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.select.ss-main .ss-values .ss-single {
  margin: 0;
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(32 32 33 / var(--tw-text-opacity, 1))
}

.select.ss-main .ss-values .ss-value {
  animation: none;
  border-radius: 0;
  background-color: transparent
}

.select.ss-main .ss-values .ss-value .ss-value-delete {
  display: none
}

.video-consultant-btn:not(.select.ss-main.ss-values.ss-value.ss-value-delete) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.select.ss-main.ss-values.ss-value.ss-value-delete) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.select.ss-main .ss-values .ss-value .ss-value-text {
  padding: 0;
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(32 32 33 / var(--tw-text-opacity, 1))
}

.select.ss-main .ss-values .ss-max {
  border-radius: 0;
  background-color: transparent;
  padding: 0;
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(32 32 33 / var(--tw-text-opacity, 1))
}

.select.ss-main .ss-deselect {
  margin: 0;
  height: 1.25rem;
  width: 1.25rem;
  background-image: url(/local/templates/in_modern/css/../img/svg/close.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}

.select.ss-main .ss-deselect svg {
  display: none
}

.video-consultant-btn:not(.select.ss-main.ss-deselectsvg) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.select.ss-main.ss-deselectsvg) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.select.ss-main .ss-arrow {
  display: none
}

.video-consultant-btn:not(.select.ss-main.ss-arrow) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.select.ss-main.ss-arrow) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.select.ss-content {
  border-radius: .375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: .5rem;
  padding-bottom: .5rem;
  transition-property: none
}

.select.ss-content.ss-open-below {
  --tw-translate-y: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.select.ss-content.ss-open-above {
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.select.ss-content.ss-open-above,
.select.ss-content.ss-open-below {
  z-index: 100
}

.select.ss-content:not(.ss-open-below):not(.ss-open-above) {
  z-index: -10
}

.select.ss-content .ss-search {
  margin-bottom: .375rem;
  padding: 0 1rem
}

.select.ss-content .ss-search input {
  height: 2rem;
  border-radius: .375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  padding-left: .75rem;
  padding-right: .75rem;
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(32 32 33 / var(--tw-text-opacity, 1));
  outline-width: 0;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

.select.ss-content .ss-search input:focus {
  --tw-border-opacity: 1;
  border-color: rgb(0 133 205 / var(--tw-border-opacity, 1));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.select.ss-content .ss-search input::placeholder {
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.select.ss-content .ss-list .ss-option {
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(32 32 33 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s;
  padding: .375rem 1rem
}

.select.ss-content .ss-list .ss-option.ss-highlighted,
.select.ss-content .ss-list .ss-option.ss-selected,
.select.ss-content .ss-list .ss-option:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(0 133 205 / var(--tw-text-opacity, 1))
}

.select-error {
  margin-top: .25rem;
  display: block;
  font-size: .75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(252 47 53 / var(--tw-text-opacity, 1))
}

.\!checkbox,
.checkbox {
  display: flex;
  cursor: pointer;
  align-items: center;
  gap: .75rem
}

.\!checkbox input,
.checkbox input {
  position: absolute;
  opacity: 0
}

.\!checkbox input:checked~.checkbox__field,
.checkbox input:checked~.checkbox__field {
  --tw-border-opacity: 1;
  border-color: rgb(0 133 205 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(0 133 205 / var(--tw-text-opacity, 1))
}

.\!checkbox input:checked~.checkbox__field svg,
.checkbox input:checked~.checkbox__field svg {
  opacity: 1
}

.\!checkbox:not(.checkbox_agree) input:checked~.checkbox__label,
.checkbox:not(.checkbox_agree) input:checked~.checkbox__label {
  --tw-text-opacity: 1;
  color: rgb(0 133 205 / var(--tw-text-opacity, 1))
}

.\!checkbox input.error~.checkbox__field,
.checkbox input.error~.checkbox__field {
  --tw-border-opacity: 1;
  border-color: rgb(252 47 53 / var(--tw-border-opacity, 1))
}

.\!checkbox:not(.checkbox_agree):hover .checkbox__label,
.checkbox:not(.checkbox_agree):hover .checkbox__label {
  --tw-text-opacity: 1;
  color: rgb(0 133 205 / var(--tw-text-opacity, 1))
}

.checkbox_white .checkbox__field {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.\!checkbox input:not(:checked)~.checkbox__label .checkbox__if-checked {
  display: none
}

.video-consultant-btn:not(.\!checkboxinput:not(:checked)~.checkbox__label.checkbox__if-checked) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.\!checkboxinput:not(:checked)~.checkbox__label.checkbox__if-checked) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.checkbox input:not(:checked)~.checkbox__label .checkbox__if-checked {
  display: none
}

.video-consultant-btn:not(.checkboxinput:not(:checked)~.checkbox__label.checkbox__if-checked) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.checkboxinput:not(:checked)~.checkbox__label.checkbox__if-checked) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.checkbox__field {
  display: flex;
  height: 1.25rem;
  width: 1.25rem;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  border-radius: .375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

.checkbox__field svg {
  --tw-text-opacity: 1;
  color: rgb(0 133 205 / var(--tw-text-opacity, 1));
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

.checkbox__label {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

.checkbox_agree {
  align-items: flex-start
}

.checkbox_agree:hover .checkbox__field {
  --tw-border-opacity: 1;
  border-color: rgb(0 133 205 / var(--tw-border-opacity, 1))
}

.radio {
  display: flex;
  cursor: pointer;
  align-items: center
}

.radio input {
  position: absolute;
  display: none;
  opacity: 0
}

.video-consultant-btn:not(.radioinput) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.radioinput) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.radio input:checked~.radio__label,
.radio:hover .radio__label {
  --tw-text-opacity: 1;
  color: rgb(0 133 205 / var(--tw-text-opacity, 1))
}

.radio__label {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

.radio_icon {
  gap: .75rem
}

.radio_icon input:checked~.radio__field {
  --tw-text-opacity: 1;
  color: rgb(0 133 205 / var(--tw-text-opacity, 1))
}

.radio_icon input:checked~.radio__field svg {
  opacity: 1
}

.radio_icon .radio__field {
  height: 1rem;
  width: 1rem
}

.radio_icon .radio__field svg {
  --tw-text-opacity: 1;
  color: rgb(0 133 205 / var(--tw-text-opacity, 1));
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

.radio_circle {
  gap: .625rem
}

.radio_circle input:checked~.radio__field {
  display: flex;
  align-items: center;
  justify-content: center;
  --tw-border-opacity: 1;
  border-color: rgb(0 133 205 / var(--tw-border-opacity, 1))
}

.radio_circle input:checked~.radio__field::after {
  height: .25rem;
  width: .25rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 133 205 / var(--tw-bg-opacity, 1));
  --tw-content: "";
  content: var(--tw-content)
}

.radio_circle .radio__field {
  height: 1.25rem;
  width: 1.25rem;
  flex-shrink: 0;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

.bubble-checkbox input {
  position: absolute;
  display: none;
  opacity: 0
}

.video-consultant-btn:not(.bubble-checkboxinput) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.bubble-checkboxinput) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.bubble-checkbox input:checked~.bubble-checkbox__field {
  --tw-border-opacity: 1;
  border-color: rgb(0 133 205 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(0 133 205 / var(--tw-text-opacity, 1))
}

.bubble-checkbox:hover .bubble-checkbox__field {
  --tw-text-opacity: 1;
  color: rgb(0 133 205 / var(--tw-text-opacity, 1))
}

.bubble-checkbox__field {
  position: relative;
  isolation: isolate;
  display: flex;
  height: 2.5rem;
  min-width: 3rem;
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: .375rem;
  border-width: 1px;
  border-color: transparent;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: .625rem;
  padding-right: .625rem;
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(32 32 33 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

.bubble-checkbox__badge {
  position: absolute;
  top: -.1875rem;
  right: 0;
  z-index: 1
}

.bubble-checkbox_color .bubble-checkbox__field,
.bubble-checkbox_size .bubble-checkbox__field,
.bubble-checkbox_with-border .bubble-checkbox__field {
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1))
}

.bubble-checkbox_color .bubble-checkbox__field:hover,
.bubble-checkbox_size .bubble-checkbox__field:hover,
.bubble-checkbox_with-border .bubble-checkbox__field:hover {
  --tw-border-opacity: 1;
  border-color: rgb(0 133 205 / var(--tw-border-opacity, 1))
}

.bubble-checkbox_size .bubble-checkbox__field {
  height: auto;
  padding-top: .625rem;
  padding-bottom: .625rem
}

@media (max-width:767px) {
  .select.ss-main.select_city {
    --tw-border-opacity: 1;
    border-color: rgb(0 133 205 / var(--tw-border-opacity, 1))
  }

  .bubble-checkbox_size .bubble-checkbox__field {
    padding-top: .25rem;
    padding-bottom: .25rem
  }
}

.bubble-checkbox_color .bubble-checkbox__field {
  aspect-ratio: 1/1;
  height: auto;
  width: 100%;
  padding: .25rem .375rem
}

.bubble-checkbox_color .bubble-checkbox__field img {
  height: 100%;
  width: 100%;
  object-fit: contain
}

.bubble-checkbox_interval .bubble-checkbox__field {
  height: auto;
  width: 6.25rem;
  align-items: flex-start;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  padding-top: .625rem;
  padding-bottom: .625rem
}

.bubble-checkbox_interval .bubble-checkbox__field:hover {
  --tw-border-opacity: 1;
  border-color: rgb(0 133 205 / var(--tw-border-opacity, 1))
}

.range-slider.noUi-target {
  position: relative;
  display: flex;
  height: 1.25rem;
  align-items: center;
  border-radius: 0;
  border-width: 0;
  background-color: transparent;
  padding-left: 1rem;
  padding-right: 1rem;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.range-slider.noUi-target::before {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 1px;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgb(146 146 146 / var(--tw-bg-opacity, 1));
  --tw-content: "";
  content: var(--tw-content)
}

.range-slider.noUi-horizontal .noUi-handle {
  bottom: -.625rem;
  top: auto;
  height: 1.25rem;
  width: 1.25rem;
  cursor: pointer;
  border-radius: 9999px;
  border-width: 4px;
  --tw-border-opacity: 1;
  border-color: rgb(36 60 70 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.range-slider.noUi-horizontal .noUi-handle.noUi-handle-lower {
  right: -.25rem
}

.range-slider .noUi-base {
  height: 1px;
  cursor: pointer
}

.range-slider .noUi-handle {
  border-radius: 0;
  border-width: 0;
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.range-slider .noUi-handle::after,
.range-slider .noUi-handle::before {
  display: none;
  --tw-content: none;
  content: var(--tw-content)
}

.video-consultant-btn:not(.range-slider.noUi-handle) .video-consultant-btn__icon svg:first-child::after,
.video-consultant-btn:not(.range-slider.noUi-handle) .video-consultant-btn__icon svg:first-child::before {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.range-slider.noUi-handle) .video-consultant-btn__icon svg:last-child::after,
.video-consultant-btn:not(.range-slider.noUi-handle) .video-consultant-btn__icon svg:last-child::before {
  animation: 15s ease-in-out infinite video-consultant-last
}

.range-slider .noUi-connect {
  opacity: 0
}

.range-slider .noUi-connect:nth-child(2) {
  --tw-bg-opacity: 1;
  background-color: rgb(36 60 70 / var(--tw-bg-opacity, 1));
  opacity: 1
}

.badge {
  white-space: nowrap;
  border-radius: .375rem;
  border-width: 1px;
  font-size: .875rem;
  line-height: 1.125rem;
  padding: .25rem .375rem
}

.badge_white {
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(32 32 33 / var(--tw-text-opacity, 1))
}

.badge_blue {
  --tw-border-opacity: 1;
  border-color: rgb(0 133 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(0 133 205 / var(--tw-text-opacity, 1))
}

.badge_blue-filled {
  --tw-border-opacity: 1;
  border-color: rgb(0 133 205 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(0 133 205 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.badge_dark-blue {
  --tw-bg-opacity: 1;
  background-color: rgb(36 60 70 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.badge_bg {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(36 60 70 / var(--tw-text-opacity, 1))
}

.badge_black {
  --tw-border-opacity: 1;
  border-color: rgb(32 32 33 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(32 32 33 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.badge_black-outline {
  --tw-border-opacity: 1;
  border-color: rgb(32 32 33 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(32 32 33 / var(--tw-text-opacity, 1))
}

.badge_small {
  padding-top: .125rem;
  padding-bottom: .125rem;
  font-size: .75rem;
  line-height: 1rem;
  font-weight: 700;
  text-transform: uppercase
}

.badge_tiny {
  border-radius: .1875rem;
  padding: 1px;
  font-size: .625rem;
  line-height: .75rem;
  font-weight: 700
}

.badge_flex {
  display: flex;
  width: max-content;
  align-items: center;
  gap: .375rem
}

.badge_flex svg {
  flex-shrink: 0
}

.tabs-body:not(.--active)[data-tab] {
  display: none
}

.video-consultant-btn:not(.tabs-body:not(.--active)[data-tab]) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.tabs-body:not(.--active)[data-tab]) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.tabs-buttons {
  position: relative;
  display: flex;
  column-gap: 1.25rem
}

.tabs-buttons::after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  --tw-content: "";
  content: var(--tw-content)
}

.tabs-buttons_wide {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr))
}

.tabs-buttons_wide .tabs-button {
  text-align: center
}

.tabs-buttons_black::after {
  background-color: rgb(32 32 33 / .2)
}

.tabs-buttons_black .tabs-button {
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.tabs-buttons_black .tabs-button::before {
  background-color: rgb(32 32 33 / .2)
}

.tabs-buttons_black .tabs-button:hover {
  --tw-text-opacity: 1;
  color: rgb(32 32 33 / var(--tw-text-opacity, 1))
}

.tabs-buttons_black .tabs-button.--active {
  --tw-border-opacity: 1;
  border-color: rgb(32 32 33 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(32 32 33 / var(--tw-text-opacity, 1))
}

.tabs-buttons_white::after {
  background-color: rgb(255 255 255 / .2)
}

.tabs-buttons_white .tabs-button {
  color: rgb(255 255 255 / .4)
}

.tabs-buttons_white .tabs-button::before {
  background-color: rgb(255 255 255 / .2)
}

.tabs-buttons_white .tabs-button:hover {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.tabs-buttons_white .tabs-button.--active {
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.tabs-buttons_blue::after {
  background-color: rgb(32 32 33 / .2)
}

.tabs-buttons_blue .tabs-button {
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.tabs-buttons_blue .tabs-button::before {
  background-color: rgb(32 32 33 / .2)
}

.tabs-buttons_blue .tabs-button:hover {
  --tw-text-opacity: 1;
  color: rgb(36 60 70 / var(--tw-text-opacity, 1))
}

.tabs-buttons_blue .tabs-button.--active {
  --tw-border-opacity: 1;
  border-color: rgb(36 60 70 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(36 60 70 / var(--tw-text-opacity, 1))
}

.tabs-buttons_big .tabs-button {
  font-size: 1.25rem;
  line-height: 1.2
}

@media (max-width:767px) {
  .tabs-buttons_big .tabs-button {
    font-size: .875rem;
    line-height: 1.125rem
  }
}

.tabs-buttons_huge .tabs-button {
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 700
}

@media (max-width:767px) {
  .tabs-buttons_huge .tabs-button {
    font-size: .875rem;
    line-height: 1.125rem
  }
}

.tabs-buttons_small .tabs-button {
  font-size: .875rem;
  line-height: 1.125rem
}

.tabs-buttons_detail .tabs-button {
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 700
}

@media (max-width:1024px) {
  .tabs-buttons_detail .tabs-button {
    font-size: 1rem;
    line-height: 1.25
  }
}

.tabs-buttons_cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  gap: 0
}

.tabs-buttons_cards .tabs-button {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 700
}

.tabs-button {
  position: relative;
  white-space: nowrap;
  border-bottom-width: 1px;
  border-color: transparent;
  padding-bottom: .75rem;
  font-size: 1rem;
  line-height: 1.25;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

.tabs-button::after {
  position: absolute;
  left: -.5rem;
  right: -.5rem;
  top: -.5rem;
  bottom: 0;
  --tw-content: "";
  content: var(--tw-content)
}

@media (max-width:550px) {
  .tabs-buttons {
    column-gap: 1rem
  }

  .tabs-buttons::after {
    display: none;
    --tw-content: none;
    content: var(--tw-content)
  }

  .tabs-button {
    font-size: .875rem;
    line-height: 1.125rem
  }

  .tabs-button::after {
    left: -.25rem;
    right: -.25rem;
    top: -.25rem
  }

  .tabs-button::before {
    --tw-content: "";
    content: var(--tw-content)
  }
}

.tabs-button::before {
  position: absolute;
  left: -.5rem;
  right: -.5rem;
  top: 100%;
  height: 1px
}

.tabs-button:first-child::before {
  left: 0
}

.tabs-button:last-child::before {
  right: 0
}

.\!container {
  max-width: 1420px
}

@media (max-width:1420px) {
  .\!container {
    padding-left: 3.75rem;
    padding-right: 3.75rem
  }
}

@media (max-width:1299px) {
  .\!container {
    padding-left: 3rem;
    padding-right: 3rem
  }
}

@media (max-width:1024px) {
  .\!container {
    padding-left: 1.25rem;
    padding-right: 1.25rem
  }
}

@media (max-width:767px) {
  .\!container {
    padding-left: .625rem;
    padding-right: .625rem
  }
}

.container {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1420px
}

@media (max-width:1420px) {
  .container {
    padding-left: 3.75rem;
    padding-right: 3.75rem
  }
}

.numbered-list {
  counter-reset: list 0
}

.numbered-list li {
  position: relative
}

.numbered-list li::before {
  counter-increment: list;
  content: counter(list) ".";
  position: absolute;
  left: 0;
  top: 0
}

.numbered-list._indent-7\.5 li {
  padding-left: 1.875rem
}

@media (max-width:1299px) {
  .container {
    padding-left: 3rem;
    padding-right: 3rem
  }

  .numbered-list._indent-7\.5._laptop-indent-6 li,
  .numbered-list._indent-7\.5._tablet-indent-6 li {
    padding-left: 1.5rem
  }
}

.numbered-list._indent-9 li {
  padding-left: 2.25rem
}

.numbered-list-tiles {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  gap: 1.25rem;
  counter-reset: example 0
}

.numbered-list-tiles--corporate .numbered-list-tile {
  position: relative;
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1))
}

@media (max-width:1024px) {
  .container {
    padding-left: 1.25rem;
    padding-right: 1.25rem
  }

  .numbered-list-tiles {
    display: block
  }

  .numbered-list-tiles>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.625rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.625rem * var(--tw-space-y-reverse))
  }

  .numbered-list-tiles--corporate .numbered-list-tile__inner {
    padding-left: 1.25rem;
    padding-right: 1.25rem
  }

  .numbered-list-tiles--corporate .numbered-list-tile__title {
    --tw-bg-opacity: 1;
    background-color: rgb(226 233 233 / var(--tw-bg-opacity, 1))
  }

  .numbered-list-tiles--corporate .numbered-list-tile__button {
    width: 12.875rem
  }
}

@media (max-width:767px) {
  .container {
    padding-left: .625rem;
    padding-right: .625rem
  }

  .numbered-list._indent-7\.5._mobile-indent-6 li {
    padding-left: 1.5rem
  }

  .numbered-list-tiles--corporate .numbered-list-tile__inner {
    padding-left: 1rem;
    padding-right: 1rem
  }

  .numbered-list-tiles--corporate .numbered-list-tile__button {
    width: 100%
  }
}

.numbered-list-tile {
  overflow: hidden;
  border-radius: .75rem;
  background-color: #fffFFFB2;
  padding: 1.875rem;
  counter-increment: example 1;
  backdrop-filter: blur(24px)
}

.numbered-list-tile__title {
  --tw-text-opacity: 1;
  color: rgb(36 60 70 / var(--tw-text-opacity, 1))
}

@media (max-width:1024px) {
  .numbered-list-tile {
    display: flex;
    align-items: stretch;
    padding: 0
  }

  .numbered-list-tile__title {
    display: flex;
    align-items: center;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
}

@media (max-width:767px) {
  .numbered-list-tile__title {
    padding-left: 1rem;
    padding-right: 1rem
  }
}

.numbered-list-tile__title:before {
  content: counter(example)
}

@media (min-width:1025px) {
  .numbered-list-tiles--corporate .numbered-list-tile {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
  }

  .numbered-list-tile>:not([hidden])~:not([hidden]),
  .numbered-list-tile__inner>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
  }

  .numbered-list-tile__desc-title {
    position: absolute
  }
}

@media (max-width:1024px) {
  .numbered-list-tile__inner {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 1.25rem;
    padding: 1.25rem 1.5rem
  }
}

@media (max-width:767px) {
  .numbered-list-tile__inner {
    display: block;
    padding: 1.5rem 1rem
  }

  .numbered-list-tile__inner>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
  }

  .numbered-list-tile__desc {
    font-size: .875rem;
    line-height: 1.125rem
  }
}

.numbered-list-tile__desc>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.625rem * var(--tw-space-y-reverse))
}

@media (max-width:1024px) {
  .numbered-list-tile__desc>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.375rem * var(--tw-space-y-reverse))
  }
}

.numbered-list-tile__desc--no-margins>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0px * var(--tw-space-y-reverse))
}

.numbered-list-tile__desc-title {
  top: 1.25rem;
  right: 1.875rem;
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

@media (max-width:767px) {
  .numbered-list-tile__desc-title {
    font-size: .75rem;
    line-height: 1rem
  }
}

.numbered-list-tile__desc-item--with-svg {
  display: flex;
  align-items: center
}

.numbered-list-tile__desc-item--gray {
  font-size: .875rem;
  line-height: 1.125rem;
  opacity: .5
}

@media (max-width:1024px) {
  .numbered-list-tile__button {
    width: 11.25rem;
    flex-shrink: 0
  }
}

@media (max-width:767px) {
  .numbered-list-tile__desc-item--gray {
    font-size: .75rem;
    line-height: 1rem
  }

  .numbered-list-tile__button {
    width: 100%
  }
}

.unordered-list li {
  position: relative
}

.unordered-list li::before {
  content: "-";
  position: absolute;
  left: 0;
  top: 0
}

.unordered-list._indent-4 li {
  padding-left: 1rem
}

.counter {
  display: flex;
  column-gap: .3125rem
}

.counter__button {
  display: flex;
  height: 1.75rem;
  width: 1.75rem;
  align-items: center;
  justify-content: center;
  border-radius: .375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

.counter__button:hover {
  background-color: rgb(238 242 242 / .75)
}

.counter__button:disabled {
  opacity: .5
}

.counter__input {
  height: 1.75rem;
  width: 2.5rem;
  border-radius: .375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  padding-left: .625rem;
  padding-right: .625rem;
  text-align: center;
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(36 60 70 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

.counter__input:focus {
  --tw-border-opacity: 1;
  border-color: rgb(0 133 205 / var(--tw-border-opacity, 1))
}

.product-status {
  display: flex;
  align-items: center
}

.product-status::before {
  margin-right: .375rem;
  display: none;
  height: .375rem;
  width: .375rem;
  border-radius: 9999px;
  --tw-content: "";
  content: var(--tw-content)
}

.video-consultant-btn:not(.product-status) .video-consultant-btn__icon svg:first-child::before {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.product-status) .video-consultant-btn__icon svg:last-child::before {
  animation: 15s ease-in-out infinite video-consultant-last
}

.product-status--available::before {
  display: block;
  --tw-bg-opacity: 1;
  background-color: rgb(135 209 62 / var(--tw-bg-opacity, 1))
}

.bonus {
  display: flex;
  align-items: center;
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(0 133 205 / var(--tw-text-opacity, 1))
}

.bonus__info {
  position: relative;
  margin-left: .25rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1));
  transition-duration: .3s
}

.bonus__info::after {
  position: absolute;
  inset: -.375rem;
  --tw-content: "";
  content: var(--tw-content)
}

.bonus__info:hover {
  --tw-text-opacity: 1;
  color: rgb(32 32 33 / var(--tw-text-opacity, 1))
}

.loader {
  width: 2.5rem;
  height: 2.5rem
}

.loader_blue {
  background-image: url(/local/templates/in_modern/css/../img/loader-blue.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}

.loader_blue-light {
  background-image: url(/local/templates/in_modern/css/../img/loader-blue-light.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat
}

.cookie-informer {
  position: fixed;
  bottom: 3.75rem;
  left: 50%;
  z-index: 100;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  display: flex;
  width: 83.333333%;
  max-width: 50.5rem;
  align-items: center;
  gap: 1.25rem;
  border-radius: .75rem;
  background-color: rgb(32 32 33 / .85);
  padding: 1.875rem
}

@media (max-width:767px) {
  .cookie-informer {
    flex-direction: column
  }
}

.cookie-informer__btn {
  min-width: 10rem;
  flex-shrink: 0
}

@media (max-width:550px) {
  .cookie-informer {
    padding: 1.25rem
  }

  .cookie-informer__btn {
    width: 100%
  }
}

.warning {
  display: flex;
  gap: .875rem
}

.warning__icon {
  margin-top: .1875rem;
  flex-shrink: 0
}

.warning__inner>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.625rem * var(--tw-space-y-reverse))
}

.warning__inner {
  line-height: 1.375rem
}

.city-select .bx-sls .bx-ui-sls-input-block {
  border-radius: 0;
  border-style: none;
  background-color: transparent;
  padding: 0;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.city-select .bx-sls .bx-ui-sls-input-block .bx-ui-sls-fake {
  height: 2.5rem;
  border-radius: .375rem;
  font-family: Lato, sans-serif;
  font-size: .875rem;
  line-height: 1.125rem;
  position: relative !important;
  z-index: 5 !important;
  color: #202021 !important;
  border: 1px solid #929292 !important;
  padding-right: 44px !important;
  padding-left: 14px !important
}

.city-select .bx-sls .bx-ui-sls-input-block .bx-ui-sls-fake::placeholder {
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.city-select .bx-sls .bx-ui-sls-input-block .bx-ui-sls-clear,
.city-select .bx-sls .bx-ui-sls-input-block .bx-ui-sls-route {
  display: none;
  opacity: 0
}

.video-consultant-btn:not(.city-select.bx-sls.bx-ui-sls-input-block.bx-ui-sls-clear) .video-consultant-btn__icon svg:first-child,
.video-consultant-btn:not(.city-select.bx-sls.bx-ui-sls-input-block.bx-ui-sls-route) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.city-select.bx-sls.bx-ui-sls-input-block.bx-ui-sls-clear) .video-consultant-btn__icon svg:last-child,
.video-consultant-btn:not(.city-select.bx-sls.bx-ui-sls-input-block.bx-ui-sls-route) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.city-select .bx-sls .bx-ui-sls-input-block .bx-ui-sls-pane {
  margin-top: .75rem;
  border-radius: 0;
  border-style: none;
  padding: 0;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.city-select .bx-sls .bx-ui-sls-input-block .bx-ui-sls-variants {
  display: flex;
  max-height: 13.5rem;
  flex-direction: column;
  row-gap: .25rem;
  overflow: auto;
  --scrollbar-track: transparent;
  --scrollbar-thumb: #EEF2F2;
  --scrollbar-thumb-radius: 9999px;
  --scrollbar-width: 0.25rem;
  --scrollbar-height: 0.25rem
}

.city-select .bx-sls .bx-ui-sls-input-block .bx-ui-sls-variants::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track);
  border-radius: var(--scrollbar-track-radius)
}

.city-select .bx-sls .bx-ui-sls-input-block .bx-ui-sls-variants::-webkit-scrollbar-track:hover {
  background-color: var(--scrollbar-track-hover, var(--scrollbar-track))
}

.city-select .bx-sls .bx-ui-sls-input-block .bx-ui-sls-variants::-webkit-scrollbar-track:active {
  background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)))
}

.city-select .bx-sls .bx-ui-sls-input-block .bx-ui-sls-variants::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: var(--scrollbar-thumb-radius)
}

.city-select .bx-sls .bx-ui-sls-input-block .bx-ui-sls-variants::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb))
}

.city-select .bx-sls .bx-ui-sls-input-block .bx-ui-sls-variants::-webkit-scrollbar-thumb:active {
  background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)))
}

.city-select .bx-sls .bx-ui-sls-input-block .bx-ui-sls-variants::-webkit-scrollbar-corner {
  background-color: var(--scrollbar-corner);
  border-radius: var(--scrollbar-corner-radius)
}

.city-select .bx-sls .bx-ui-sls-input-block .bx-ui-sls-variants::-webkit-scrollbar-corner:hover {
  background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner))
}

.city-select .bx-sls .bx-ui-sls-input-block .bx-ui-sls-variants::-webkit-scrollbar-corner:active {
  background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)))
}

.city-select .bx-sls .bx-ui-sls-input-block .bx-ui-sls-variants::-webkit-scrollbar {
  display: block;
  width: var(--scrollbar-width, 16px);
  height: var(--scrollbar-height, 16px)
}

.city-select .bx-sls .bx-ui-sls-input-block .bx-ui-sls-variant {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  border-radius: .375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: .875rem;
  padding-right: .875rem;
  font-size: .875rem;
  line-height: 1.125rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

.city-select .bx-sls .bx-ui-sls-input-block .bx-ui-sls-variant:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1))
}

.city-select .bx-sls .bx-ui-sls-input-block .bx-ui-sls-variant .dropdown-item-text {
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.city-select .bx-sls .bx-ui-sls-input-block .bx-ui-sls-variant .dropdown-item-text span {
  --tw-text-opacity: 1;
  color: rgb(32 32 33 / var(--tw-text-opacity, 1))
}

.city-select .bx-sls .bx-ui-sls-input-block .bx-ui-sls-error {
  padding: 0;
  --tw-text-opacity: 1;
  color: rgb(252 47 53 / var(--tw-text-opacity, 1))
}

.city-select .bx-sls .bx-ui-sls-input-block .bx-ui-sls-error div {
  display: none
}

.video-consultant-btn:not(.city-select.bx-sls.bx-ui-sls-input-block.bx-ui-sls-errordiv) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.city-select.bx-sls.bx-ui-sls-input-block.bx-ui-sls-errordiv) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.floating-buttons {
  position: fixed;
  bottom: 1.5rem;
  right: 0;
  z-index: 100;
  display: flex;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  flex-direction: column;
  row-gap: .625rem;
  transition-property: transform;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

.floating-buttons__close {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  --tw-translate-x: -100%;
  --tw-translate-y: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0
}

.floating-buttons::before {
  position: absolute;
  bottom: 0;
  right: 100%;
  height: 3.75rem;
  width: 2rem;
  border-top-left-radius: .375rem;
  border-bottom-left-radius: .375rem;
  --tw-shadow: 0 0 6px 0 #929292;
  --tw-shadow-colored: 0 0 6px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  --tw-content: "";
  content: var(--tw-content);
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: 150ms
}

.floating-buttons.--up:not(.--hidden-right) .floating-buttons__close {
  pointer-events: auto;
  opacity: 1
}

.floating-buttons.--hidden-right {
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.floating-buttons.--hidden-right::before {
  opacity: 1
}

.suggestions-field .suggestions-wrapper {
  margin-top: .75rem;
  background-color: transparent
}

.suggestions-field .suggestions-suggestions {
  display: flex;
  max-height: 13.5rem;
  flex-direction: column;
  row-gap: .25rem;
  overflow: auto;
  --scrollbar-track: transparent;
  --scrollbar-thumb: #EEF2F2;
  --scrollbar-thumb-radius: 9999px;
  --scrollbar-width: 0.25rem;
  --scrollbar-height: 0.25rem
}

.suggestions-field .suggestions-suggestions::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track);
  border-radius: var(--scrollbar-track-radius)
}

.suggestions-field .suggestions-suggestions::-webkit-scrollbar-track:hover {
  background-color: var(--scrollbar-track-hover, var(--scrollbar-track))
}

.suggestions-field .suggestions-suggestions::-webkit-scrollbar-track:active {
  background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)))
}

.suggestions-field .suggestions-suggestions::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: var(--scrollbar-thumb-radius)
}

.suggestions-field .suggestions-suggestions::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb))
}

.suggestions-field .suggestions-suggestions::-webkit-scrollbar-thumb:active {
  background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)))
}

.suggestions-field .suggestions-suggestions::-webkit-scrollbar-corner {
  background-color: var(--scrollbar-corner);
  border-radius: var(--scrollbar-corner-radius)
}

.suggestions-field .suggestions-suggestions::-webkit-scrollbar-corner:hover {
  background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner))
}

.suggestions-field .suggestions-suggestions::-webkit-scrollbar-corner:active {
  background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)))
}

.suggestions-field .suggestions-suggestions::-webkit-scrollbar {
  display: block;
  width: var(--scrollbar-width, 16px);
  height: var(--scrollbar-height, 16px)
}

.suggestions-field .suggestions-hint {
  display: none
}

.video-consultant-btn:not(.suggestions-field.suggestions-hint) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.suggestions-field.suggestions-hint) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.suggestions-field .suggestions-suggestion {
  display: flex;
  align-items: center;
  border-radius: .375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-size: .875rem;
  line-height: 1.125rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s;
  padding: .625rem .875rem
}

.suggestions-field .suggestions-suggestion:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1))
}

@media (max-width:1024px) {
  .unordered-list._tablet-indent-3 li {
    padding-left: .75rem
  }

  .warning {
    gap: .625rem
  }

  .warning__inner>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.375rem * var(--tw-space-y-reverse))
  }

  .warning__inner {
    font-size: .875rem;
    line-height: 1.125rem
  }

  .floating-buttons {
    bottom: 4.25rem
  }
}

@media (max-width:767px) {
  .warning {
    gap: .5rem
  }

  .warning__icon {
    margin-top: 0
  }

  .warning__inner {
    font-size: .75rem;
    line-height: 1rem
  }

  .floating-buttons {
    row-gap: .25rem
  }
}

.with-delimiter {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden
}

.with-delimiter__item {
  position: relative;
  white-space: nowrap
}

.with-delimiter__item+.with-delimiter__item::before {
  position: absolute;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(238 242 242 / var(--tw-text-opacity, 1));
  --tw-content: "/";
  content: var(--tw-content)
}

.visible {
  visibility: visible
}

.static {
  position: static
}

.fixed {
  position: fixed
}

.absolute {
  position: absolute
}

.relative {
  position: relative
}

.sticky {
  position: sticky
}

.inset-0 {
  inset: 0
}

.-left-10 {
  left: -2.5rem
}

.-top-10 {
  top: -2.5rem
}

.bottom-5 {
  bottom: 1.25rem
}

.bottom-6 {
  bottom: 1.5rem
}

.left-0 {
  left: 0
}

.right-0 {
  right: 0
}

.z-1 {
  z-index: 1
}

.z-50 {
  z-index: 50
}

.z-\[51\] {
  z-index: 51
}

.col-span-1 {
  grid-column: span 1/span 1
}

.col-span-2 {
  grid-column: span 2/span 2
}

.col-span-3 {
  grid-column: span 3/span 3
}

.col-span-full {
  grid-column: 1/-1
}

.mx-1\.25 {
  margin-left: .3125rem;
  margin-right: .3125rem
}

.mx-5 {
  margin-left: 1.25rem;
  margin-right: 1.25rem
}

.mx-auto {
  margin-left: auto;
  margin-right: auto
}

.my-15 {
  margin-top: 3.75rem;
  margin-bottom: 3.75rem
}

.\!mb-10 {
  margin-bottom: 2.5rem !important
}

.\!mt-auto {
  margin-top: auto !important
}

.-mt-1 {
  margin-top: -.25rem
}

.-mt-2\.5 {
  margin-top: -.625rem
}

.mb-1 {
  margin-bottom: .25rem
}

.mb-1\.25 {
  margin-bottom: .3125rem
}

.mb-10 {
  margin-bottom: 2.5rem
}

.mb-15 {
  margin-bottom: 3.75rem
}

.mb-2 {
  margin-bottom: .5rem
}

.mb-2\.5 {
  margin-bottom: .625rem
}

.mb-20 {
  margin-bottom: 5rem
}

.mb-3 {
  margin-bottom: .75rem
}

.mb-4 {
  margin-bottom: 1rem
}

.mb-5 {
  margin-bottom: 1.25rem
}

.mb-6 {
  margin-bottom: 1.5rem
}

.mb-7\.5 {
  margin-bottom: 1.875rem
}

.mb-8 {
  margin-bottom: 2rem
}

.ml-2 {
  margin-left: .5rem
}

.mr-2 {
  margin-right: .5rem
}

.mt-1 {
  margin-top: .25rem
}

.mt-1\.25 {
  margin-top: .3125rem
}

.mt-1\.5 {
  margin-top: .375rem
}

.mt-10 {
  margin-top: 2.5rem
}

.mt-11 {
  margin-top: 2.75rem
}

.mt-12\.5 {
  margin-top: 3.125rem
}

.mt-15 {
  margin-top: 3.75rem
}

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

.mt-2\.5 {
  margin-top: .625rem
}

.mt-20 {
  margin-top: 5rem
}

.mt-25 {
  margin-top: 6.25rem
}

.mt-3 {
  margin-top: .75rem
}

.mt-30 {
  margin-top: 7.5rem
}

.mt-4 {
  margin-top: 1rem
}

.mt-4\.5 {
  margin-top: 1.125rem
}

.mt-5 {
  margin-top: 1.25rem
}

.mt-6 {
  margin-top: 1.5rem
}

.mt-7\.5 {
  margin-top: 1.875rem
}

.mt-9\.5 {
  margin-top: 2.375rem
}

.mt-auto {
  margin-top: auto
}

.mt-px {
  margin-top: 1px
}

.line-clamp-1 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1
}

.line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}

.line-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3
}

.line-clamp-4 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4
}

.block {
  display: block
}

.inline-block {
  display: inline-block
}

.inline {
  display: inline
}

.flex {
  display: flex
}

.inline-flex {
  display: inline-flex
}

.\!table {
  display: table !important
}

.table {
  display: table
}

.table-row {
  display: table-row
}

.grid {
  display: grid
}

.contents {
  display: contents
}

.\!hidden {
  display: none !important
}

.hidden {
  display: none
}

.aspect-\[270\/28\] {
  aspect-ratio: 270/28
}

.aspect-\[360\/228\] {
  aspect-ratio: 360/228
}

.size-1 {
  width: .25rem;
  height: .25rem
}

.size-12\.5 {
  width: 3.125rem;
  height: 3.125rem
}

.size-2 {
  width: .5rem;
  height: .5rem
}

.size-3 {
  width: .75rem;
  height: .75rem
}

.size-4 {
  width: 1rem;
  height: 1rem
}

.size-5 {
  width: 1.25rem;
  height: 1.25rem
}

.size-full {
  width: 100%;
  height: 100%
}

.h-1\.5 {
  height: .375rem
}

.h-11\.5 {
  height: 2.875rem
}

.h-14\.5 {
  height: 3.625rem
}

.h-2 {
  height: .5rem
}

.h-4 {
  height: 1rem
}

.h-40 {
  height: 10rem
}

.h-5 {
  height: 1.25rem
}

.h-8 {
  height: 2rem
}

.h-detail-header-preview {
  height: 2.875rem
}

.h-full {
  height: 100%
}

.min-h-\[10\.25rem\] {
  min-height: 10.25rem
}

.w-1\.5 {
  width: .375rem
}

.w-109 {
  width: 27.25rem
}

.w-11\.5 {
  width: 2.875rem
}

.w-115 {
  width: 28.75rem
}

.w-12 {
  width: 3rem
}

.w-120 {
  width: 30rem
}

.w-14\.5 {
  width: 3.625rem
}

.w-15 {
  width: 3.75rem
}

.w-2 {
  width: .5rem
}

.w-40 {
  width: 10rem
}

.w-5 {
  width: 1.25rem
}

.w-50 {
  width: 12.5rem
}

.w-80 {
  width: 20rem
}

.w-89 {
  width: 22.25rem
}

.w-\[240px\] {
  width: 240px
}

.w-\[269px\] {
  width: 269px
}

.w-\[270px\] {
  width: 270px
}

.w-\[283px\] {
  width: 283px
}

.w-\[35\.625rem\] {
  width: 35.625rem
}

.w-\[41\.25rem\] {
  width: 41.25rem
}

.w-auto {
  width: auto
}

.w-detail-header-preview {
  width: 2.875rem
}

.w-fit {
  width: fit-content
}

.w-full {
  width: 100%
}

.max-w-105 {
  max-width: 26.25rem
}

.flex-auto {
  flex: 1 1 auto
}

.flex-shrink-0,
.shrink-0 {
  flex-shrink: 0
}

.flex-grow-0 {
  flex-grow: 0
}

.grow {
  flex-grow: 1
}

.basis-auto {
  flex-basis: auto
}

.basis-full {
  flex-basis: 100%
}

.transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@keyframes shake {

  0%,
  100% {
    transform: translateX(0)
  }

  20% {
    transform: translateX(-.375rem)
  }

  40% {
    transform: translateX(.375rem)
  }

  60% {
    transform: translateX(-.25rem)
  }

  80% {
    transform: translateX(.125rem)
  }
}

.animate-fast-shake {
  animation: 250ms shake
}

.resize {
  resize: both
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr))
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr))
}

.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr))
}

.grid-cols-all-equal {
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr))
}

.grid-cols-small-basket-product {
  grid-template-columns: 2.875rem 1fr 1.5rem
}

.grid-rows-guarantee {
  grid-template-rows: 1fr auto
}

.flex-col {
  flex-direction: column
}

.flex-wrap {
  flex-wrap: wrap
}

.place-items-start {
  place-items: start
}

.items-start {
  align-items: flex-start
}

.items-end {
  align-items: flex-end
}

.items-center {
  align-items: center
}

.justify-end {
  justify-content: flex-end
}

.justify-center {
  justify-content: center
}

.justify-between {
  justify-content: space-between
}

.gap-1 {
  gap: .25rem
}

.gap-10 {
  gap: 2.5rem
}

.gap-2\.5 {
  gap: .625rem
}

.gap-3 {
  gap: .75rem
}

.gap-4 {
  gap: 1rem
}

.gap-5 {
  gap: 1.25rem
}

.gap-6 {
  gap: 1.5rem
}

.gap-7\.5 {
  gap: 1.875rem
}

.\!gap-x-1\.5 {
  column-gap: .375rem !important
}

.gap-x-1 {
  column-gap: .25rem
}

.gap-x-1\.5 {
  column-gap: .375rem
}

.gap-x-10 {
  column-gap: 2.5rem
}

.gap-x-2 {
  column-gap: .5rem
}

.gap-x-2\.5 {
  column-gap: .625rem
}

.gap-x-20 {
  column-gap: 5rem
}

.gap-x-3 {
  column-gap: .75rem
}

.gap-x-4 {
  column-gap: 1rem
}

.gap-x-5 {
  column-gap: 1.25rem
}

.gap-x-6 {
  column-gap: 1.5rem
}

.gap-x-7 {
  column-gap: 1.75rem
}

.gap-x-7\.5 {
  column-gap: 1.875rem
}

.gap-x-8 {
  column-gap: 2rem
}

.gap-y-0\.5 {
  row-gap: .125rem
}

.gap-y-1 {
  row-gap: .25rem
}

.gap-y-2 {
  row-gap: .5rem
}

.gap-y-2\.5 {
  row-gap: .625rem
}

.gap-y-3 {
  row-gap: .75rem
}

.gap-y-4 {
  row-gap: 1rem
}

.gap-y-5 {
  row-gap: 1.25rem
}

.gap-y-6 {
  row-gap: 1.5rem
}

.gap-y-7\.5 {
  row-gap: 1.875rem
}

.space-y-1\.5>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.375rem * var(--tw-space-y-reverse))
}

.space-y-12>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(3rem * var(--tw-space-y-reverse))
}

.space-y-15>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(3.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(3.75rem * var(--tw-space-y-reverse))
}

.space-y-2\.5>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.625rem * var(--tw-space-y-reverse))
}

.space-y-20>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(5rem * var(--tw-space-y-reverse))
}

.space-y-3>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.75rem * var(--tw-space-y-reverse))
}

.space-y-4>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

.space-y-5>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
}

.space-y-6>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
}

.space-y-7\.5>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.875rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.875rem * var(--tw-space-y-reverse))
}

.self-start {
  align-self: flex-start
}

.overflow-auto {
  overflow: auto
}

.overflow-hidden {
  overflow: hidden
}

.overscroll-none {
  overscroll-behavior: none
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.whitespace-nowrap {
  white-space: nowrap
}

.rounded-2xl {
  border-radius: 1rem
}

.rounded-full {
  border-radius: 9999px
}

.rounded-md {
  border-radius: .375rem
}

.rounded-xl {
  border-radius: .75rem
}

.rounded-b-xl {
  border-bottom-right-radius: .75rem;
  border-bottom-left-radius: .75rem
}

.rounded-l-md {
  border-top-left-radius: .375rem;
  border-bottom-left-radius: .375rem
}

.\!border {
  border-width: 1px !important
}

.border {
  border-width: 1px
}

.border-2 {
  border-width: 2px
}

.border-y {
  border-top-width: 1px;
  border-bottom-width: 1px
}

.border-b {
  border-bottom-width: 1px
}

.border-t {
  border-top-width: 1px
}

.border-bg {
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1))
}

.border-black {
  --tw-border-opacity: 1;
  border-color: rgb(32 32 33 / var(--tw-border-opacity, 1))
}

.border-black\/10 {
  border-color: rgb(32 32 33 / .1)
}

.border-black\/20 {
  border-color: rgb(32 32 33 / .2)
}

.border-gray-100 {
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1))
}

.bg-\[\#487B47\] {
  --tw-bg-opacity: 1;
  background-color: rgb(72 123 71 / var(--tw-bg-opacity, 1))
}

.bg-\[\#CD3F88\] {
  --tw-bg-opacity: 1;
  background-color: rgb(205 63 136 / var(--tw-bg-opacity, 1))
}

.bg-\[\#DB411F\] {
  --tw-bg-opacity: 1;
  background-color: rgb(219 65 31 / var(--tw-bg-opacity, 1))
}

.bg-\[\#F4D6B0\] {
  --tw-bg-opacity: 1;
  background-color: rgb(244 214 176 / var(--tw-bg-opacity, 1))
}

.bg-bg {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1))
}

.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(32 32 33 / var(--tw-bg-opacity, 1))
}

.bg-black-1000\/\[\.03\] {
  background-color: rgb(0 0 0 / .03)
}

.bg-black\/30 {
  background-color: rgb(32 32 33 / .3)
}

.bg-black\/5 {
  background-color: rgb(32 32 33 / .05)
}

.bg-blue {
  --tw-bg-opacity: 1;
  background-color: rgb(36 60 70 / var(--tw-bg-opacity, 1))
}

.bg-blue-light {
  --tw-bg-opacity: 1;
  background-color: rgb(0 133 205 / var(--tw-bg-opacity, 1))
}

.bg-error {
  --tw-bg-opacity: 1;
  background-color: rgb(252 47 53 / var(--tw-bg-opacity, 1))
}

.bg-gray {
  --tw-bg-opacity: 1;
  background-color: rgb(146 146 146 / var(--tw-bg-opacity, 1))
}

.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.object-contain {
  object-fit: contain
}

.object-cover {
  object-fit: cover
}

.object-top {
  object-position: top
}

.\!p-0 {
  padding: 0 !important
}

.p-1\.25 {
  padding: .3125rem
}

.p-2\.5 {
  padding: .625rem
}

.p-4 {
  padding: 1rem
}

.p-5 {
  padding: 1.25rem
}

.p-7\.5 {
  padding: 1.875rem
}

.px-0\.25 {
  padding-left: 1px;
  padding-right: 1px
}

.px-11 {
  padding-left: 2.75rem;
  padding-right: 2.75rem
}

.px-2\.5 {
  padding-left: .625rem;
  padding-right: .625rem
}

.px-5 {
  padding-left: 1.25rem;
  padding-right: 1.25rem
}

.px-6 {
  padding-left: 1.5rem;
  padding-right: 1.5rem
}

.px-px {
  padding-left: 1px;
  padding-right: 1px
}

.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem
}

.py-2 {
  padding-top: .5rem;
  padding-bottom: .5rem
}

.py-6 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem
}

.py-7\.5 {
  padding-top: 1.875rem;
  padding-bottom: 1.875rem
}

.pb-2 {
  padding-bottom: .5rem
}

.pb-25 {
  padding-bottom: 6.25rem
}

.pb-3 {
  padding-bottom: .75rem
}

.pb-3\.5 {
  padding-bottom: .875rem
}

.pb-5 {
  padding-bottom: 1.25rem
}

.pb-5\.5 {
  padding-bottom: 1.375rem
}

.pb-7\.5 {
  padding-bottom: 1.875rem
}

.pb-72 {
  padding-bottom: 18rem
}

.pt-1\.5 {
  padding-top: .375rem
}

.pt-11 {
  padding-top: 2.75rem
}

.pt-14 {
  padding-top: 3.5rem
}

.pt-2 {
  padding-top: .5rem
}

.pt-4\.5 {
  padding-top: 1.125rem
}

.pt-6 {
  padding-top: 1.5rem
}

.pt-7\.5 {
  padding-top: 1.875rem
}

.pt-9 {
  padding-top: 2.25rem
}

.text-center {
  text-align: center
}

.text-right {
  text-align: right
}

.text-2xl {
  font-size: 1.5rem;
  line-height: 2rem
}

.text-3xl {
  font-size: 2rem;
  line-height: 1.2
}

.text-base {
  font-size: 1rem;
  line-height: 1.25
}

.text-base-wide {
  font-size: 1rem;
  line-height: 1.4
}

.text-sm {
  font-size: .875rem;
  line-height: 1.125rem
}

.text-xl {
  font-size: 1.25rem;
  line-height: 1.2
}

.text-xs {
  font-size: .75rem;
  line-height: 1rem
}

.font-bold {
  font-weight: 700
}

.font-light {
  font-weight: 300
}

.font-normal {
  font-weight: 400
}

.font-semibold {
  font-weight: 600
}

.uppercase {
  text-transform: uppercase
}

.italic {
  font-style: italic
}

.leading-5 {
  line-height: 1.25rem
}

.leading-5\.5 {
  line-height: 1.375rem
}

.leading-6 {
  line-height: 1.5rem
}

.\!text-gray {
  --tw-text-opacity: 1 !important;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1)) !important
}

.text-bg {
  --tw-text-opacity: 1;
  color: rgb(238 242 242 / var(--tw-text-opacity, 1))
}

.text-black {
  --tw-text-opacity: 1;
  color: rgb(32 32 33 / var(--tw-text-opacity, 1))
}

.text-black\/60 {
  color: rgb(32 32 33 / .6)
}

.text-black\/70 {
  color: rgb(32 32 33 / .7)
}

.text-blue {
  --tw-text-opacity: 1;
  color: rgb(36 60 70 / var(--tw-text-opacity, 1))
}

.text-blue-light {
  --tw-text-opacity: 1;
  color: rgb(0 133 205 / var(--tw-text-opacity, 1))
}

.text-error {
  --tw-text-opacity: 1;
  color: rgb(252 47 53 / var(--tw-text-opacity, 1))
}

.text-gray {
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.text-green-600 {
  --tw-text-opacity: 1;
  color: rgb(56 142 60 / var(--tw-text-opacity, 1))
}

.text-red {
  --tw-text-opacity: 1;
  color: rgb(252 47 53 / var(--tw-text-opacity, 1))
}

.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(189 53 57 / var(--tw-text-opacity, 1))
}

.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.underline {
  text-decoration-line: underline
}

.line-through {
  text-decoration-line: line-through
}

.underline-offset-2 {
  text-underline-offset: 2px
}

.underline-offset-4 {
  text-underline-offset: 4px
}

.opacity-0 {
  opacity: 0
}

.opacity-30 {
  opacity: .3
}

.mix-blend-multiply {
  mix-blend-mode: multiply
}

.ring {
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)
}

.blur {
  --tw-blur: blur(8px);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.invert {
  --tw-invert: invert(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: 150ms
}

.transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: 150ms
}

.duration-300 {
  transition-duration: .3s
}

.scrollbar::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track);
  border-radius: var(--scrollbar-track-radius)
}

.scrollbar::-webkit-scrollbar-track:hover {
  background-color: var(--scrollbar-track-hover, var(--scrollbar-track))
}

.scrollbar::-webkit-scrollbar-track:active {
  background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)))
}

.scrollbar::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: var(--scrollbar-thumb-radius)
}

.scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb))
}

.scrollbar::-webkit-scrollbar-thumb:active {
  background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)))
}

.scrollbar::-webkit-scrollbar-corner {
  background-color: var(--scrollbar-corner);
  border-radius: var(--scrollbar-corner-radius)
}

.scrollbar::-webkit-scrollbar-corner:hover {
  background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner))
}

.scrollbar::-webkit-scrollbar-corner:active {
  background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)))
}

.scrollbar::-webkit-scrollbar {
  display: block;
  width: var(--scrollbar-width, 16px);
  height: var(--scrollbar-height, 16px)
}

.custom-scrollbar {
  overflow: auto;
  --scrollbar-track: transparent;
  --scrollbar-thumb: #EEF2F2;
  --scrollbar-thumb-radius: 9999px;
  --scrollbar-width: 0.25rem;
  --scrollbar-height: 0.25rem
}

.custom-scrollbar::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track);
  border-radius: var(--scrollbar-track-radius)
}

.custom-scrollbar::-webkit-scrollbar-track:hover {
  background-color: var(--scrollbar-track-hover, var(--scrollbar-track))
}

.custom-scrollbar::-webkit-scrollbar-track:active {
  background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)))
}

.custom-scrollbar::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: var(--scrollbar-thumb-radius)
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb))
}

.custom-scrollbar::-webkit-scrollbar-thumb:active {
  background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)))
}

.custom-scrollbar::-webkit-scrollbar-corner {
  background-color: var(--scrollbar-corner);
  border-radius: var(--scrollbar-corner-radius)
}

.custom-scrollbar::-webkit-scrollbar-corner:hover {
  background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner))
}

.custom-scrollbar::-webkit-scrollbar-corner:active {
  background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)))
}

@supports (-moz-appearance:none) {
  * {
    scrollbar-color: initial;
    scrollbar-width: initial
  }

  .city-select .bx-sls .bx-ui-sls-input-block .bx-ui-sls-variants,
  .custom-scrollbar,
  .location-layer .bx-sls .bx-ui-sls-input-block .bx-ui-sls-variants,
  .scrollbar,
  .suggestions-field .suggestions-suggestions {
    scrollbar-width: auto;
    scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial)
  }
}

.custom-scrollbar::-webkit-scrollbar {
  display: block;
  width: var(--scrollbar-width, 16px);
  height: var(--scrollbar-height, 16px)
}

.custom-scrollbar_dark {
  --scrollbar-thumb: rgb(32 32 33 / 0.2)
}

.scrollbar-hide::-webkit-scrollbar {
  display: none
}

.scrollbar-hide {
  -ms-overflow-style: none;
  scrollbar-width: none
}

:root {
  --ss-primary-color: #5897fb;
  --ss-bg-color: #ffffff;
  --ss-font-color: #4d4d4d;
  --ss-font-placeholder-color: #8d8d8d;
  --ss-disabled-color: #dcdee2;
  --ss-border-color: #dcdee2;
  --ss-highlight-color: #fffb8c;
  --ss-success-color: #00b755;
  --ss-error-color: #dc3545;
  --ss-focus-color: #5897fb;
  --ss-main-height: 30px;
  --ss-content-height: 300px;
  --ss-spacing-l: 7px;
  --ss-spacing-m: 5px;
  --ss-spacing-s: 3px;
  --ss-animation-timing: 0.2s;
  --ss-border-radius: 4px;
  --swiper-theme-color: #007aff;
  --swiper-navigation-size: 44px
}

@keyframes ss-valueIn {
  0% {
    transform: scale(0);
    opacity: 0
  }

  100% {
    transform: scale(1);
    opacity: 1
  }
}

@keyframes ss-valueOut {
  0% {
    transform: scale(1);
    opacity: 1
  }

  100% {
    transform: scale(0);
    opacity: 0
  }
}

.ss-hide {
  display: none !important
}

.ss-main {
  display: flex;
  flex-direction: row;
  position: relative;
  user-select: none;
  color: var(--ss-font-color);
  min-height: var(--ss-main-height);
  width: 100%;
  padding: var(--ss-spacing-s);
  cursor: pointer;
  border: 1px solid var(--ss-border-color);
  border-radius: var(--ss-border-radius);
  background-color: var(--ss-bg-color);
  outline: 0;
  box-sizing: border-box;
  transition: background-color var(--ss-animation-timing);
  overflow: hidden
}

.ss-main:focus {
  box-shadow: 0 0 5px var(--ss-focus-color)
}

.ss-main.ss-disabled {
  background-color: var(--ss-disabled-color);
  cursor: not-allowed
}

.ss-main.ss-disabled .ss-values .ss-disabled {
  color: var(--ss-font-color)
}

.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete {
  cursor: not-allowed
}

.ss-main.ss-open-above {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.ss-main.ss-open-below {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.ss-main .ss-values {
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--ss-spacing-m);
  flex: 1 1 100%
}

.ss-main .ss-values .ss-placeholder {
  display: flex;
  padding: var(--ss-spacing-s) var(--ss-spacing-m) var(--ss-spacing-s) var(--ss-spacing-m);
  margin: auto 0;
  line-height: 1em;
  align-items: center;
  width: 100%;
  color: var(--ss-font-placeholder-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.ss-main .ss-values .ss-max {
  display: flex;
  user-select: none;
  align-items: center;
  width: fit-content;
  font-size: 12px;
  color: var(--ss-bg-color);
  line-height: 1;
  padding: var(--ss-spacing-s) var(--ss-spacing-m);
  background-color: var(--ss-primary-color);
  border-radius: var(--ss-border-radius)
}

.ss-main .ss-values .ss-single {
  display: flex;
  margin: auto 0 auto var(--ss-spacing-s)
}

.ss-main .ss-values .ss-value {
  display: flex;
  user-select: none;
  align-items: center;
  width: fit-content;
  background-color: var(--ss-primary-color);
  border-radius: var(--ss-border-radius);
  animation-name: ss-valueIn;
  animation-duration: var(--ss-animation-timing);
  animation-timing-function: ease-out;
  animation-fill-mode: both
}

.ss-main .ss-values .ss-value.ss-value-out {
  animation-name: ss-valueOut;
  animation-duration: var(--ss-animation-timing);
  animation-timing-function: ease-out
}

.ss-main .ss-values .ss-value .ss-value-text {
  font-size: 12px;
  color: var(--ss-bg-color);
  line-height: 1;
  padding: var(--ss-spacing-s) var(--ss-spacing-m)
}

.ss-main .ss-values .ss-value .ss-value-delete {
  display: flex;
  align-items: center;
  height: var(--ss-spacing-l);
  width: var(--ss-spacing-l);
  padding: var(--ss-spacing-s) var(--ss-spacing-m);
  cursor: pointer;
  border-left: solid 1px var(--ss-bg-color);
  box-sizing: content-box
}

.ss-main .ss-values .ss-value .ss-value-delete svg {
  height: var(--ss-spacing-l);
  width: var(--ss-spacing-l)
}

.ss-main .ss-values .ss-value .ss-value-delete svg path {
  fill: none;
  stroke: var(--ss-bg-color);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round
}

.ss-main .ss-deselect {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: auto;
  padding: 0 var(--ss-spacing-m) 0 var(--ss-spacing-m)
}

.ss-main .ss-deselect svg {
  width: 8px;
  height: 8px
}

.ss-main .ss-deselect svg path {
  fill: none;
  stroke: var(--ss-font-color);
  stroke-width: 20;
  stroke-linecap: round;
  stroke-linejoin: round
}

.ss-main .ss-arrow {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 12px;
  height: 12px;
  margin: auto var(--ss-spacing-m) auto var(--ss-spacing-m)
}

.ss-main .ss-arrow path {
  fill: none;
  stroke: var(--ss-font-color);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition-timing-function: ease-out;
  transition: var(--ss-animation-timing)
}

.ss-content {
  position: absolute;
  display: flex;
  height: auto;
  flex-direction: column;
  width: auto;
  max-height: var(--ss-content-height);
  box-sizing: border-box;
  border: solid 1px var(--ss-border-color);
  background-color: var(--ss-bg-color);
  transition: transform var(--ss-animation-timing), opacity var(--ss-animation-timing);
  opacity: 0;
  transform: scaleY(0);
  transform-origin: center top;
  overflow: hidden;
  z-index: 10000
}

.ss-content.ss-relative {
  position: relative;
  height: 100%
}

.ss-content.ss-fixed {
  position: fixed
}

.ss-content.ss-open-above {
  flex-direction: column-reverse;
  opacity: 1;
  transform: scaleY(1);
  transform-origin: center bottom;
  border-top-left-radius: var(--ss-border-radius);
  border-top-right-radius: var(--ss-border-radius)
}

.ss-content.ss-open-below {
  opacity: 1;
  transform: scaleY(1);
  transform-origin: center top;
  border-bottom-left-radius: var(--ss-border-radius);
  border-bottom-right-radius: var(--ss-border-radius)
}

.ss-content .ss-search {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  padding: var(--ss-spacing-l) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l)
}

.ss-content .ss-search input {
  display: inline-flex;
  font-size: inherit;
  line-height: inherit;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  padding: var(--ss-spacing-m) var(--ss-spacing-l);
  margin: 0;
  border: 1px solid var(--ss-border-color);
  border-radius: var(--ss-border-radius);
  background-color: var(--ss-bg-color);
  outline: 0;
  text-align: left;
  box-sizing: border-box
}

.ss-content .ss-search input::placeholder {
  color: var(--ss-font-placeholder-color);
  vertical-align: middle
}

.ss-content .ss-search input:focus {
  box-shadow: 0 0 5px var(--ss-focus-color)
}

.ss-content .ss-search .ss-addable {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  flex: 0 0 auto;
  height: auto;
  margin: 0 0 0 var(--ss-spacing-m);
  border: 1px solid var(--ss-border-color);
  border-radius: var(--ss-border-radius)
}

.ss-content .ss-search .ss-addable svg {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 1 auto;
  width: 12px;
  height: 12px;
  margin: auto var(--ss-spacing-m) auto var(--ss-spacing-m)
}

.ss-content .ss-search .ss-addable svg path {
  fill: none;
  stroke: var(--ss-font-color);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round
}

.ss-content .ss-list {
  flex: 1 1 auto;
  height: auto;
  overflow-x: hidden;
  overflow-y: auto
}

.ss-content .ss-list .ss-error {
  color: var(--ss-error-color);
  padding: var(--ss-spacing-l)
}

.ss-content .ss-list .ss-searching {
  color: var(--ss-font-color);
  padding: var(--ss-spacing-l)
}

.ss-content .ss-list .ss-optgroup.ss-close .ss-option {
  display: none !important
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l)
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text {
  flex: 1 1 auto;
  font-weight: 700;
  color: var(--ss-font-color)
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow) {
  cursor: pointer
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--ss-spacing-m)
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  cursor: pointer
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall:hover {
  opacity: .5
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall.ss-selected svg path {
  stroke: var(--ss-error-color)
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall span {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 60%;
  text-align: center;
  padding: 0 var(--ss-spacing-s) 0 0
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg {
  flex: 0 1 auto;
  width: 13px;
  height: 13px
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg path {
  fill: none;
  stroke: var(--ss-success-color);
  stroke-linecap: round;
  stroke-linejoin: round
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:first-child {
  stroke-width: 5
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:last-child {
  stroke-width: 11
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  cursor: pointer
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow {
  flex: 1 1 auto;
  width: 10px;
  height: 10px
}

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path {
  fill: none;
  stroke: var(--ss-font-color);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition-timing-function: ease-out;
  transition: var(--ss-animation-timing)
}

.ss-content .ss-list .ss-optgroup .ss-option {
  padding: var(--ss-spacing-s) var(--ss-spacing-s) var(--ss-spacing-s) calc(var(--ss-spacing-l) * 3)
}

.ss-content .ss-list .ss-option {
  display: block;
  padding: var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);
  white-space: normal;
  color: var(--ss-font-color);
  cursor: pointer;
  user-select: none
}

.ss-content .ss-list .ss-option.ss-highlighted,
.ss-content .ss-list .ss-option:hover,
.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected {
  color: var(--ss-bg-color);
  background-color: var(--ss-primary-color)
}

.ss-content .ss-list .ss-option.ss-disabled {
  cursor: not-allowed;
  background-color: var(--ss-disabled-color)
}

.ss-content .ss-list .ss-option.ss-disabled:hover {
  color: var(--ss-font-color)
}

.ss-content .ss-list .ss-option .ss-search-highlight {
  display: inline-block;
  background-color: var(--ss-highlight-color)
}

.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.noUi-target {
  position: relative;
  background: #fafafa;
  border-radius: 4px;
  border: 1px solid #d3d3d3;
  box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbb
}

.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1
}

.noUi-connects {
  overflow: hidden;
  z-index: 0;
  border-radius: 3px
}

.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto
}

.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0
}

.noUi-horizontal .noUi-origin {
  height: 0
}

.noUi-touch-area {
  height: 100%;
  width: 100%
}

.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform .3s;
  transition: transform .3s
}

.noUi-state-drag * {
  cursor: inherit !important
}

.noUi-horizontal {
  height: 18px
}

.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px
}

.noUi-vertical {
  width: 18px
}

.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  bottom: -17px
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto
}

.noUi-connect {
  background: #3fb8af
}

.noUi-draggable {
  cursor: ew-resize
}

.noUi-vertical .noUi-draggable {
  cursor: ns-resize
}

.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: #fff;
  cursor: default;
  box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb
}

.noUi-active {
  box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb
}

.noUi-handle:after,
.noUi-handle:before {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #e8e7e6;
  left: 14px;
  top: 6px
}

.noUi-handle:after {
  left: 17px
}

.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px
}

.noUi-vertical .noUi-handle:after {
  top: 17px
}

[disabled] .noUi-connect {
  background: #b8b8b8
}

[disabled] .noUi-handle,
[disabled].noUi-handle,
[disabled].noUi-target {
  cursor: not-allowed
}

.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.noUi-pips {
  position: absolute;
  color: #999
}

.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center
}

.noUi-value-sub {
  color: #ccc;
  font-size: 10px
}

.noUi-marker {
  position: absolute;
  background: #ccc
}

.noUi-marker-large,
.noUi-marker-sub {
  background: #aaa
}

.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%
}

.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%)
}

.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%)
}

.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
  height: 15px
}

.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%
}

.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px
}

.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%)
}

.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px
}

.noUi-marker-vertical.noUi-marker-sub {
  width: 10px
}

.noUi-marker-vertical.noUi-marker-large {
  width: 15px
}

.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap
}

.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%
}

.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%
}

.noUi-horizontal .noUi-origin>.noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px
}

.noUi-vertical .noUi-origin>.noUi-tooltip {
  -webkit-transform: translate(0, -18px);
  transform: translate(0, -18px);
  top: auto;
  right: 28px
}

.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0
}

[data-tippy-root] {
  max-width: calc(100vw - 10px)
}

.tippy-box {
  position: relative;
  color: #fff;
  font-size: 14px;
  line-height: 1.4;
  white-space: normal;
  outline: 0;
  transition-property: transform, visibility, opacity
}

.tippy-box[data-placement^=top]>.tippy-arrow {
  bottom: 0
}

.tippy-box[data-placement^=top]>.tippy-arrow:before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top
}

.tippy-box[data-placement^=bottom]>.tippy-arrow {
  top: 0
}

.tippy-box[data-placement^=bottom]>.tippy-arrow:before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom
}

.tippy-box[data-placement^=left]>.tippy-arrow {
  right: 0
}

.tippy-box[data-placement^=left]>.tippy-arrow:before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left
}

.tippy-box[data-placement^=right]>.tippy-arrow {
  left: 0
}

.tippy-box[data-placement^=right]>.tippy-arrow:before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right
}

.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11)
}

.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333
}

.tippy-arrow:before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid
}

.tippy-content {
  position: relative;
  z-index: 1
}

@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
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1
}

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

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

.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
}

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

.swiper-horizontal {
  touch-action: pan-y
}

.swiper-vertical {
  touch-action: pan-x
}

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

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

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

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

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

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

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d
}

.swiper-3d {
  perspective: 1200px
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  transform-style: preserve-3d
}

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

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

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

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

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

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
  scroll-snap-type: none
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: none
}

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  animation: 1s linear infinite swiper-preloader-spin
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0)
  }

  100% {
    transform: rotate(360deg)
  }
}

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

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
  height: 1px;
  width: var(--swiper-virtual-size)
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
  width: 1px;
  height: var(--swiper-virtual-size)
}

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

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

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

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

.swiper-button-next svg,
.swiper-button-prev svg {
  width: 100%;
  height: 100%;
  object-fit: contain;
  transform-origin: center
}

.swiper-rtl .swiper-button-next svg,
.swiper-rtl .swiper-button-prev svg {
  transform: rotate(180deg)
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto
}

.swiper-button-lock {
  display: none
}

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

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

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto
}

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

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

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

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

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit)
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));
  position: absolute
}

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

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

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

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

.swiper-pagination-lock {
  display: none
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  position: relative;
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))
}

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

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
  position: absolute;
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
  position: absolute;
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  left: 0;
  top: 0
}

.swiper-scrollbar-cursor-drag {
  cursor: move
}

.swiper-scrollbar-lock {
  display: none
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain
}

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none
}

.swiper .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000
}

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

.swiper-grid>.swiper-wrapper {
  flex-wrap: wrap
}

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

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper.swiper-cube {
  overflow: visible
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible
}

.swiper-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: .6;
  z-index: 0
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px)
}

.swiper-cube .swiper-slide-next+.swiper-slide {
  pointer-events: auto;
  visibility: visible
}

.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
}

.swiper.swiper-flip {
  overflow: visible
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-creative .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  transition-property: transform, opacity, height
}

.swiper.swiper-cards {
  overflow: visible
}

.swiper-cards .swiper-slide {
  transform-origin: center bottom;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden
}

@font-face {
  font-family: Lato;
  src: url(/local/templates/in_modern/css/../fonts/Lato-ThinItalic.woff2) format("woff2");
  font-weight: 100;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: Lato;
  src: url(/local/templates/in_modern/css/../fonts/Lato-Thin.woff2) format("woff2");
  font-weight: 100;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Lato;
  src: url(/local/templates/in_modern/css/../fonts/Lato-LightItalic.woff2) format("woff2");
  font-weight: 300;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: Lato;
  src: url(/local/templates/in_modern/css/../fonts/Lato-Light.woff2) format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Lato;
  src: url(/local/templates/in_modern/css/../fonts/Lato-Regular.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Lato;
  src: url(/local/templates/in_modern/css/../fonts/Lato-Italic.woff2) format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: Lato;
  src: url(/local/templates/in_modern/css/../fonts/Lato-MediumItalic.woff2) format("woff2");
  font-weight: 500;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: Lato;
  src: url(/local/templates/in_modern/css/../fonts/Lato-Medium.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Lato;
  src: url(/local/templates/in_modern/css/../fonts/Lato-Semibold.woff2) format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Lato;
  src: url(/local/templates/in_modern/css/../fonts/Lato-SemiboldItalic.woff2) format("woff2");
  font-weight: 600;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: Lato;
  src: url(/local/templates/in_modern/css/../fonts/Lato-Bold.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: Lato;
  src: url(/local/templates/in_modern/css/../fonts/Lato-BoldItalic.woff2) format("woff2");
  font-weight: 700;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: Lato;
  src: url(/local/templates/in_modern/css/../fonts/Lato-BlackItalic.woff2) format("woff2");
  font-weight: 900;
  font-style: italic;
  font-display: swap
}

@font-face {
  font-family: Lato;
  src: url(/local/templates/in_modern/css/../fonts/Lato-Black.woff2) format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: NautilusPompilius;
  src: url(/local/templates/in_modern/css/../fonts/engraving/NautilusPompilius.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: ComicSans;
  src: url(/local/templates/in_modern/css/../fonts/engraving/ComicSans.woff2) format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

.tippy-box {
  border-radius: 0;
  background-color: transparent;
  color: inherit
}

.tippy-content {
  background-color: transparent;
  padding: 0
}

.bonuses-tooltip,
.product-tooltip {
  max-width: 15.75rem;
  border-radius: .375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-size: .875rem;
  line-height: 1.125rem;
  padding: .625rem 1rem
}

.bonuses-tooltip {
  --tw-text-opacity: 1;
  color: rgb(32 32 33 / var(--tw-text-opacity, 1))
}

.layer {
  position: fixed;
  inset: 0;
  z-index: 101;
  display: flex;
  flex-direction: column;
  overflow: auto;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: 150ms
}

.layer__backdrop {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .5s
}

.layer__backdrop:not(.layer__backdrop_transparent) {
  background-color: rgb(32 32 33 / .6)
}

.layer__backdrop.layer__backdrop_transparent {
  background-color: transparent
}

.layer.is-opened .layer__backdrop {
  opacity: 1
}

.layer_aside.is-opened,
.layer_aside.is-opened .layer__container {
  --tw-translate-x: 0px;
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.layer_aside .layer__container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  width: 28.75rem;
  flex-grow: 1;
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  flex-direction: column;
  overflow: hidden;
  transition-property: transform;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

.layer_aside .layer__inside {
  position: relative;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  overflow: auto
}

.layer_auth.is-opened,
.layer_auth.is-opened .layer__container {
  --tw-translate-x: 0px;
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.layer_auth .layer__container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  width: 28.75rem;
  flex-grow: 1;
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  flex-direction: column;
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1));
  transition-property: transform;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

.layer_auth .layer__close {
  z-index: 10;
  position: absolute;
  top: 1.125rem;
  right: 1.125rem
}

@media (max-width:1024px) {
  .layer_auth.is-opened .layer__container {
    transform: none;
    opacity: 1
  }

  .layer_auth .layer__container {
    width: 100%;
    transform: none;
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: 150ms
  }

  .layer_auth .layer__close {
    right: auto;
    left: 1.125rem
  }

  .layer_auth .layer__close svg {
    width: 2rem;
    height: 2rem
  }
}

.layer_auth .layer__inside {
  position: relative;
  display: flex;
  flex-grow: 1;
  flex-direction: column
}

.layer_base {
  overflow: hidden
}

.layer_base.is-opened .layer__container {
  opacity: 1
}

.layer_base .layer__container {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  flex-direction: column;
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

@media (max-width:767px) {
  .layer_base .layer__container {
    left: 0;
    margin-left: .625rem;
    margin-right: .625rem;
    max-height: calc(100vh - .625rem);
    width: calc(100% - 1.25rem);
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    padding-top: 2.5rem
  }
}

.layer_base .layer__close {
  position: absolute;
  top: .625rem;
  right: .625rem;
  z-index: 10;
  width: 1.25rem;
  height: 1.25rem
}

.layer_base .layer__close svg {
  width: 100%;
  height: 100%
}

.layer_base .layer__inside {
  display: flex;
  flex-direction: column;
  border-radius: .75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.875rem
}

@media (max-width:767px) {
  .layer_base .layer__close {
    top: .25rem;
    right: 0;
    width: 2rem;
    height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
  }

  .layer_base .layer__inside {
    width: 100%
  }
}

.layer_embossing .layer__container {
  width: 100%;
  max-width: 45.75rem
}

.layer_embossing .layer__inside {
  padding: 1.5rem
}

@media (max-width:767px) {
  .layer_embossing .layer__container {
    top: 50%;
    left: 50%;
    bottom: auto;
    margin-left: 0;
    margin-right: 0;
    max-height: calc(100vh - 2.5rem);
    max-width: 21.375rem;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .layer_embossing .layer__inside {
    overflow: hidden;
    padding: 1rem
  }
}

.layer_engraving .layer__container {
  width: 100%;
  max-width: 45.75rem
}

.layer_filters:not(.is-opened) {
  display: none
}

.video-consultant-btn:not(.layer_filters:not(.is-opened)) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.layer_filters:not(.is-opened)) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.layer_filters.is-opened,
.layer_filters.is-opened .layer__container {
  --tw-translate-x: 0px;
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media (max-width:767px) {
  .layer_engraving .layer__container {
    top: 50%;
    left: 50%;
    bottom: auto;
    margin-left: 0;
    margin-right: 0;
    max-height: calc(100vh - 2.5rem);
    max-width: 21.375rem;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .layer_engraving .layer__inside {
    overflow: hidden;
    padding: 1rem
  }

  .layer_filters.is-opened .layer__container {
    opacity: 1
  }
}

.layer_filters .layer__container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  width: 28.75rem;
  flex-grow: 1;
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  flex-direction: column;
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1));
  transition-property: transform;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

@media (max-width:767px) {
  .layer_filters .layer__container {
    width: 100%;
    transform: none;
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: 150ms
  }
}

.layer_filters .layer__close {
  position: fixed;
  z-index: 10;
  top: .5rem;
  right: .5rem
}

.layer_filters .layer__inside {
  position: relative;
  display: flex;
  flex-grow: 1;
  flex-direction: column
}

.layer_fullscreen.is-opened .layer__container {
  opacity: 1
}

.layer_fullscreen .layer__container {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

.layer_fullscreen .layer__close {
  position: absolute;
  top: .5rem;
  right: .5rem;
  z-index: 10
}

.layer_fullscreen .layer__inside {
  height: 100%;
  width: 100%
}

@media (max-width:1024px) {

  .layer_location.is-opened,
  .layer_location.is-opened .layer__container {
    --tw-translate-x: 0px;
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .layer_location .layer__container {
    top: 0;
    bottom: 0;
    left: 0;
    display: flex;
    width: 22.5rem;
    flex-grow: 1;
    flex-direction: column;
    --tw-translate-x: -100%;
    --tw-translate-y: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 1;
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: 150ms
  }

  .layer_location .layer__inside {
    position: relative;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    padding: 0 0 1.5rem
  }
}

@media (max-width:767px) {
  .layer_location .layer__container {
    margin-left: 0;
    margin-right: 0;
    height: 100%;
    width: auto
  }
}

@media (max-width:550px) {
  .layer_location .layer__container {
    width: 100%
  }
}

.layer_mobile-menu.is-opened,
.layer_mobile-menu.is-opened .layer__container {
  --tw-translate-x: 0px;
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.layer_mobile-menu .layer__container {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  display: flex;
  width: 22.5rem;
  flex-grow: 1;
  --tw-translate-x: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  flex-direction: column;
  transition-property: transform;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

@media (max-width:550px) {
  .layer_mobile-menu .layer__container {
    width: 100%
  }
}

.layer_mobile-menu .layer__inside {
  position: relative;
  display: flex;
  flex-grow: 1;
  flex-direction: column
}

.layer_oneclick {
  overflow: hidden
}

.layer_oneclick.is-opened .layer__container {
  opacity: 1
}

.layer_oneclick .layer__container {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  max-height: calc(100vh - .625rem);
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  flex-direction: column;
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

@media (max-width:767px) {
  .layer_oneclick .layer__container {
    left: 0;
    margin-left: .625rem;
    margin-right: .625rem;
    width: calc(100% - 1.25rem);
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    padding-top: 2.5rem
  }
}

.layer_oneclick .layer__close {
  position: absolute;
  top: .625rem;
  right: .625rem;
  z-index: 10;
  width: 1.25rem;
  height: 1.25rem
}

.layer_oneclick .layer__close svg {
  width: 100%;
  height: 100%
}

.layer_oneclick .layer__inside {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: .75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

@media (max-width:767px) {
  .layer_oneclick .layer__close {
    top: .25rem;
    right: 0;
    width: 2rem;
    height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
  }

  .layer_oneclick .layer__inside {
    width: 100%
  }

  .layer_order-status.is-opened .layer__container {
    opacity: 1
  }
}

@media (max-width:1024px) {
  .layer_order-status .layer__container {
    right: auto;
    left: 0;
    width: 100%;
    max-width: 22.5rem;
    --tw-translate-x: -100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
}

@media (max-width:767px) {
  .layer_order-status .layer__container {
    inset: 0;
    height: 100%;
    max-width: 100%;
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: 150ms
  }
}

.layer_order-status .layer__close {
  position: absolute;
  top: 1.25rem;
  right: 1.25rem;
  z-index: 10
}

.layer_order-status .layer__inside {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1));
  padding: 3.5rem 1.875rem 1.25rem
}

.layer_pick-up:not(.is-opened) {
  display: none
}

.video-consultant-btn:not(.layer_pick-up:not(.is-opened)) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.layer_pick-up:not(.is-opened)) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.layer_pick-up.is-opened,
.layer_pick-up.is-opened .layer__container {
  --tw-translate-x: 0px;
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media (max-width:1024px) {
  .layer_order-status .layer__close {
    left: 1rem;
    top: 1rem;
    right: auto
  }

  .layer_order-status .layer__inside {
    overflow: hidden;
    border-radius: 1.25rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 3.75rem
  }

  .layer_pick-up.is-opened .layer__container {
    transform: none;
    opacity: 1
  }
}

.layer_pick-up .layer__container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  width: 28.75rem;
  flex-grow: 1;
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  flex-direction: column;
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1));
  transition-property: transform;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

@media (max-width:1024px) {
  .layer_pick-up .layer__container {
    width: 100%;
    transform: none;
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: 150ms
  }
}

.layer_pick-up .layer__close {
  position: fixed;
  z-index: 10;
  top: 1rem;
  right: 1rem
}

.layer_pick-up .layer__inside {
  position: relative;
  display: flex;
  flex-grow: 1;
  flex-direction: column
}

.layer_search.is-opened .layer__container {
  opacity: 1
}

.layer_search .layer__container {
  position: absolute;
  top: 2.5rem;
  left: 50%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

@media (max-width:1024px) {
  .layer_search .layer__container {
    top: auto;
    bottom: 3.5rem;
    max-height: calc(100% - 3.5rem)
  }
}

@media (max-width:767px) {
  .layer_search .layer__container {
    bottom: 2.75rem;
    max-height: calc(100% - 2.75rem)
  }
}

.layer_video-consultant .layer__inside {
  width: 22.125rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1))
}

@media (min-width:768px) {
  .layer_video-consultant-position .layer__container {
    top: auto;
    left: auto;
    right: 4.75rem;
    bottom: 4.25rem;
    transform: none
  }
}

.layer_video-consultant-position .layer__container:before {
  position: absolute;
  bottom: 2.75rem;
  right: -.375rem;
  display: block;
  height: .75rem;
  width: .75rem;
  --tw-rotate: 45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1));
  --tw-content: "";
  content: var(--tw-content)
}

.layer_card-balance.is-opened,
.layer_card-balance.is-opened .layer__container {
  --tw-translate-x: 0px;
  --tw-translate-y: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.layer_card-balance .layer__container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  width: 28.75rem;
  flex-grow: 1;
  --tw-translate-x: 100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  flex-direction: column;
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1));
  transition-property: transform;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

@media (max-width:1024px) {
  .layer_card-balance .layer__container {
    width: 22.5rem;
    border-top-left-radius: 1.25rem;
    border-bottom-left-radius: 1.25rem
  }
}

@media (max-width:767px) {
  .layer_video-consultant-position .layer__container:before {
    display: none
  }

  .layer_card-balance.is-opened .layer__container {
    transform: none;
    opacity: 1
  }

  .layer_card-balance .layer__container {
    width: 100%;
    transform: none;
    border-radius: 0;
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: 150ms
  }
}

.layer_card-balance .layer__close {
  position: absolute;
  top: 1.125rem;
  right: 1.125rem;
  z-index: 10
}

.layer_card-balance .layer__inside {
  position: relative;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  padding: 3.5rem 1.875rem 1.25rem
}

@media (max-width:1024px) {
  .layer_card-balance .layer__close {
    right: auto;
    left: 1.25rem
  }

  .layer_card-balance .layer__inside {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 3rem
  }
}

.layer_product-size {
  overflow: hidden
}

.layer_product-size.is-opened .layer__container {
  opacity: 1
}

.layer_product-size .layer__container {
  position: absolute;
  top: 50%;
  left: 50%;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  max-height: calc(100vh - .625rem);
  width: calc(100vw - 2.5rem);
  max-width: 58rem;
  display: flex;
  flex-direction: column;
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

@media (max-width:767px) {
  .layer_product-size .layer__container {
    left: 0;
    margin-left: .625rem;
    margin-right: .625rem;
    width: calc(100% - 1.25rem);
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    padding-top: 2.5rem
  }
}

.layer_product-size .layer__close {
  position: absolute;
  top: .625rem;
  right: .625rem;
  z-index: 10;
  width: 1.25rem;
  height: 1.25rem
}

.layer_product-size .layer__close svg {
  width: 100%;
  height: 100%
}

.layer_product-size .layer__inside {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: .75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

@media (max-width:767px) {
  .layer_product-size .layer__close {
    top: .25rem;
    right: 0;
    width: 2rem;
    height: 2rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
  }

  .layer_product-size .layer__inside {
    width: 100%
  }
}

.mobile-menu {
  overflow: hidden;
  border-radius: .75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-bottom: 1.5rem
}

.mobile-menu__header {
  display: flex;
  align-items: center;
  column-gap: .875rem;
  font-size: .875rem;
  line-height: 1.125rem;
  padding: 1rem 1.375rem 1.125rem 1.125rem
}

.mobile-menu__close {
  position: relative
}

.mobile-menu__close::before {
  position: absolute;
  inset: -.5rem
}

.mobile-menu__find-order {
  margin-left: auto
}

.mobile-menu__body {
  position: relative
}

@media (max-width:1024px) {
  .mobile-menu__body {
    overflow: auto;
    padding-top: 1.25rem;
    padding-right: 1.375rem;
    padding-left: 1.5rem;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scrollbar-width: none;
    display: flex;
    height: 100%;
    flex-direction: column;
    row-gap: 1.25rem
  }

  .mobile-menu__body::-webkit-scrollbar {
    display: none
  }

  .mobile-menu__body::before {
    --tw-content: "";
    content: var(--tw-content)
  }
}

.mobile-menu__body::before {
  position: absolute;
  top: 0;
  left: 1.5rem;
  right: 1.375rem;
  height: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1))
}

.mobile-menu__section+.mobile-menu__section {
  margin-top: .75rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  padding-top: .75rem
}

.mobile-menu__section-title {
  margin-bottom: .625rem;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(32 32 33 / var(--tw-text-opacity, 1))
}

.mobile-menu__list>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.125rem * var(--tw-space-y-reverse))
}

.mobile-menu__button {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-size: 1rem;
  line-height: 1.25
}

.mobile-menu__button_bold {
  font-weight: 700
}

.mobile-menu__banner.personalization-banner {
  margin-top: 1.25rem
}

@media (max-height:999px) {
  .mobile-menu__banner.personalization-banner {
    display: none
  }
}

.mobile-menu__bottom {
  margin-top: auto;
  display: flex;
  flex-direction: column;
  row-gap: 1.875rem;
  padding-right: .75rem
}

.mobile-menu__back {
  margin-bottom: 1.25rem;
  column-gap: .625rem;
  font-size: .875rem;
  line-height: 1.125rem
}

.mobile-menu__back svg {
  --tw-text-opacity: 1;
  color: rgb(36 60 70 / var(--tw-text-opacity, 1))
}

.location-layer {
  overflow: hidden;
  width: 41.25rem
}

@media (min-width:1025px) {
  .location-layer .mobile-menu__header {
    display: none
  }
}

.location-layer .mobile-menu__body {
  display: flex;
  flex-direction: column;
  row-gap: 1.25rem
}

.location-layer__body {
  display: grid;
  height: 10.25rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  overflow-y: auto;
  font-size: 1rem;
  line-height: 1.25
}

@media (max-width:1024px) {
  .location-layer {
    width: auto
  }

  .location-layer__body {
    height: auto;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1.125rem
  }
}

.location-layer .bx-sls .bx-ui-sls-input-block {
  border-radius: 0;
  border-style: none;
  background-color: transparent;
  padding: 0;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.location-layer .bx-sls .bx-ui-sls-input-block .bx-ui-sls-fake {
  height: 2.5rem;
  border-radius: .375rem;
  font-family: Lato, sans-serif;
  font-size: .875rem;
  line-height: 1.125rem;
  position: relative !important;
  color: #202021 !important;
  border: 1px solid #eef2f2 !important;
  padding-right: 44px !important;
  padding-left: 14px !important
}

.location-layer .bx-sls .bx-ui-sls-input-block .bx-ui-sls-fake::placeholder {
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.location-layer .bx-sls .bx-ui-sls-input-block .bx-ui-sls-clear,
.location-layer .bx-sls .bx-ui-sls-input-block .bx-ui-sls-route {
  display: none;
  opacity: 0
}

.video-consultant-btn:not(.location-layer.bx-sls.bx-ui-sls-input-block.bx-ui-sls-clear) .video-consultant-btn__icon svg:first-child,
.video-consultant-btn:not(.location-layer.bx-sls.bx-ui-sls-input-block.bx-ui-sls-route) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.location-layer.bx-sls.bx-ui-sls-input-block.bx-ui-sls-clear) .video-consultant-btn__icon svg:last-child,
.video-consultant-btn:not(.location-layer.bx-sls.bx-ui-sls-input-block.bx-ui-sls-route) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.location-layer .bx-sls .bx-ui-sls-input-block .bx-ui-sls-pane {
  position: static;
  margin-top: .75rem;
  max-height: 100%;
  border-radius: 0;
  border-style: none;
  background-color: transparent;
  padding: 0;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.location-layer .bx-sls .bx-ui-sls-input-block .bx-ui-sls-variants {
  display: flex;
  max-height: 13.5rem;
  flex-direction: column;
  row-gap: .25rem;
  overflow: auto;
  --scrollbar-track: transparent;
  --scrollbar-thumb: #EEF2F2;
  --scrollbar-thumb-radius: 9999px;
  --scrollbar-width: 0.25rem;
  --scrollbar-height: 0.25rem
}

.location-layer .bx-sls .bx-ui-sls-input-block .bx-ui-sls-variants::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track);
  border-radius: var(--scrollbar-track-radius)
}

.location-layer .bx-sls .bx-ui-sls-input-block .bx-ui-sls-variants::-webkit-scrollbar-track:hover {
  background-color: var(--scrollbar-track-hover, var(--scrollbar-track))
}

.location-layer .bx-sls .bx-ui-sls-input-block .bx-ui-sls-variants::-webkit-scrollbar-track:active {
  background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)))
}

.location-layer .bx-sls .bx-ui-sls-input-block .bx-ui-sls-variants::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: var(--scrollbar-thumb-radius)
}

.location-layer .bx-sls .bx-ui-sls-input-block .bx-ui-sls-variants::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb))
}

.location-layer .bx-sls .bx-ui-sls-input-block .bx-ui-sls-variants::-webkit-scrollbar-thumb:active {
  background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)))
}

.location-layer .bx-sls .bx-ui-sls-input-block .bx-ui-sls-variants::-webkit-scrollbar-corner {
  background-color: var(--scrollbar-corner);
  border-radius: var(--scrollbar-corner-radius)
}

.location-layer .bx-sls .bx-ui-sls-input-block .bx-ui-sls-variants::-webkit-scrollbar-corner:hover {
  background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner))
}

.location-layer .bx-sls .bx-ui-sls-input-block .bx-ui-sls-variants::-webkit-scrollbar-corner:active {
  background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)))
}

.location-layer .bx-sls .bx-ui-sls-input-block .bx-ui-sls-variants::-webkit-scrollbar {
  display: block;
  width: var(--scrollbar-width, 16px);
  height: var(--scrollbar-height, 16px)
}

.location-layer .bx-sls .bx-ui-sls-input-block .bx-ui-sls-variant {
  margin-bottom: 0;
  display: flex;
  align-items: center;
  border-radius: .375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: .875rem;
  padding-right: .875rem;
  font-size: .875rem;
  line-height: 1.125rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

.location-layer .bx-sls .bx-ui-sls-input-block .bx-ui-sls-variant:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1))
}

.location-layer .bx-sls .bx-ui-sls-input-block .bx-ui-sls-variant .dropdown-item-text {
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.location-layer .bx-sls .bx-ui-sls-input-block .bx-ui-sls-variant .dropdown-item-text span {
  --tw-text-opacity: 1;
  color: rgb(32 32 33 / var(--tw-text-opacity, 1))
}

.location-layer .bx-sls .bx-ui-sls-input-block .bx-ui-sls-error {
  padding: 0;
  --tw-text-opacity: 1;
  color: rgb(252 47 53 / var(--tw-text-opacity, 1))
}

.location-layer .bx-sls .bx-ui-sls-input-block .bx-ui-sls-error div {
  display: none
}

.video-consultant-btn:not(.location-layer.bx-sls.bx-ui-sls-input-block.bx-ui-sls-errordiv) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.location-layer.bx-sls.bx-ui-sls-input-block.bx-ui-sls-errordiv) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.personalization-banner {
  position: relative;
  display: flex;
  height: 20rem;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  border-radius: .75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1));
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  padding-top: 1.875rem
}

.personalization-banner__link {
  position: absolute;
  inset: 0;
  z-index: 1
}

.personalization-banner__title {
  margin-bottom: .625rem;
  font-size: 1.5rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1;
  --tw-text-opacity: 1;
  color: rgb(32 32 33 / var(--tw-text-opacity, 1))
}

.personalization-banner__label {
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(32 32 33 / var(--tw-text-opacity, 1))
}

.personalization-banner__img {
  position: absolute;
  bottom: 0;
  left: -5rem
}

.pay-systems {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: 1.25rem;
  row-gap: .625rem
}

.pay-systems__item {
  opacity: .2;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

.pay-systems__item:hover {
  opacity: 1
}

.phones-contacts {
  font-size: 1rem;
  line-height: 1.25
}

@media (max-width:1024px) {
  .phones-contacts {
    font-size: .875rem;
    line-height: 1.125rem
  }
}

@media (max-width:767px) {
  .pay-systems {
    column-gap: .625rem
  }

  .phones-contacts {
    font-size: 1rem;
    line-height: 1.25;
    display: flex;
    width: 100%;
    flex-direction: column;
    align-items: center
  }

  .phones-contacts_menu .phones-contacts__btn {
    width: auto
  }
}

.phones-contacts_menu {
  align-items: stretch
}

.phones-contacts_menu .phones-contacts__shop {
  text-align: left
}

.phones-contacts_menu .phones-contacts__wrapper {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.phones-contacts_menu .phones-contacts__btn {
  margin-top: 0
}

.phones-contacts__shop {
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.phones-contacts__btn {
  margin-top: 1.25rem
}

@media (max-width:767px) {
  .phones-contacts__shop {
    text-align: center;
    font-size: .75rem;
    line-height: 1rem
  }

  .phones-contacts__btn {
    width: 100%;
    max-width: 20rem
  }
}

.socials {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1.25rem;
  row-gap: .625rem
}

.socials__item {
  display: flex;
  height: 2.625rem;
  width: 2.625rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(231 247 247 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

.socials__item:hover {
  --tw-border-opacity: 1;
  border-color: rgb(0 133 205 / var(--tw-border-opacity, 1))
}

.mobile-menu .socials {
  column-gap: .75rem
}

.filter-dropdown {
  position: relative
}

.filter-dropdown:not(.--opened) .filter-dropdown__body {
  display: none
}

.video-consultant-btn:not(.filter-dropdown:not(.--opened).filter-dropdown__body) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.filter-dropdown:not(.--opened).filter-dropdown__body) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.filter-dropdown.--opened:not(.filter-dropdown--sort) .filter-dropdown svg {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.filter-dropdown.--opened .filter-dropdown__btn {
  --tw-text-opacity: 1;
  color: rgb(0 133 205 / var(--tw-text-opacity, 1))
}

.filter-dropdown.--right .filter-dropdown__body {
  left: auto;
  right: 0
}

.filter-dropdown__btn svg {
  transition-property: transform;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: 150ms
}

.filter-dropdown__body {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 50;
  margin-top: .75rem;
  border-radius: .375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.25rem
}

.range-filter {
  display: flex;
  flex-direction: column;
  row-gap: .75rem
}

.range-filter__title {
  margin-bottom: .75rem;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(32 32 33 / var(--tw-text-opacity, 1))
}

.range-filter__fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .25rem
}

.filter-dropdown .range-filter__title {
  display: none
}

.video-consultant-btn:not(.filter-dropdown.range-filter__title) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.filter-dropdown.range-filter__title) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.variants-filter {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: .75rem
}

.variants-filter__title {
  margin-bottom: .75rem;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(32 32 33 / var(--tw-text-opacity, 1))
}

.variants-filter__body {
  display: flex;
  flex-direction: column;
  gap: .75rem
}

.variants-filter__toggler {
  font-size: .875rem;
  line-height: 1.125rem
}

.variants-filter_bubble .variants-filter__body {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  gap: .25rem
}

.filter-dropdown .variants-filter__title {
  display: none
}

.video-consultant-btn:not(.filter-dropdown.variants-filter__title) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.filter-dropdown.variants-filter__title) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.filter-dropdown .variants-filter__body {
  max-height: 15.25rem;
  min-width: 7.5rem;
  max-width: 22rem
}

.filter-dropdown .variants-filter .checkbox__label {
  white-space: nowrap
}

.filters-layer .variants-filter__body {
  overflow: hidden
}

.radio-filter {
  display: flex;
  max-height: 15.25rem;
  min-width: 11.875rem;
  flex-direction: column;
  gap: .75rem;
  white-space: nowrap
}

.stores__wrapper {
  position: relative;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-rows: 2.125rem 1.25rem 25.25rem;
  gap: 1.25rem
}

.stores__checkbox {
  grid-column: span 3/span 3;
  grid-row-start: 2
}

@media (max-width:1299px) {
  .stores__wrapper {
    grid-template-columns: 19.375rem 1fr
  }

  .stores__checkbox {
    grid-column: span 1/span 1
  }
}

@media (max-width:767px) {
  .stores__wrapper {
    height: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: none;
    row-gap: 1rem;
    column-gap: .625rem
  }

  .stores__checkbox {
    grid-column: span 2/span 2
  }
}

.stores__list {
  position: relative;
  z-index: 100;
  grid-column: span 3/span 3;
  grid-row-start: 3
}

@media (max-width:1299px) {
  .stores__list {
    grid-column: span 1/span 1
  }
}

@media (max-width:767px) {
  .stores__list {
    grid-column: span 2/span 2;
    grid-row: auto
  }
}

.stores__map {
  grid-column: span 9/span 9;
  grid-row: span 3/span 3
}

@media (max-width:1299px) {
  .stores__map {
    grid-column: span 1/span 1;
    grid-row: span 3/span 3;
    grid-row-start: 1
  }
}

.stores__city {
  position: absolute;
  right: 0;
  bottom: calc(100% + .625rem)
}

@media (max-width:767px) {
  .stores__map {
    grid-column: span 2/span 2;
    grid-row: auto;
    height: 27.75rem
  }

  .stores__city {
    position: static
  }
}

.stores__tabs {
  grid-column: span 3/span 3;
  display: flex
}

@media (max-width:1299px) {
  .stores__tabs {
    grid-column: span 1/span 1
  }
}

@media (max-width:767px) {

  .stores .stores-tab-body:not(.--active),
  .stores__tabs {
    display: none
  }
}

@media (min-width:768px) {
  .variants-filter__body {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s
  }

  .stores__type-select {
    display: none
  }
}

.stores__select-label {
  margin-bottom: .625rem;
  display: block;
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
  .stores__select-label {
    display: none
  }
}

.stores .stores-tab {
  flex-grow: 1;
  border-bottom-width: 1px;
  border-color: rgb(32 32 33 / .2);
  padding-bottom: .75rem;
  text-align: center;
  font-size: 1rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.stores .stores-tab.--current {
  --tw-border-opacity: 1;
  border-color: rgb(36 60 70 / var(--tw-border-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(32 32 33 / var(--tw-text-opacity, 1))
}

.stores__mobile-tabs {
  grid-column: span 2/span 2;
  margin-top: 1rem
}

.stores_page .stores__map {
  margin-top: 0
}

.stores_page .stores__city {
  bottom: calc(100% + 1.25rem)
}

@media (max-width:1299px) {
  .stores-section__title {
    display: flex;
    align-items: flex-end;
    justify-content: space-between
  }

  .stores-section__city {
    margin-bottom: .1875rem
  }
}

@media (max-width:767px) {
  .stores-section__title {
    display: block
  }

  .stores-section__title>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
  }
}

@media (min-width:1300px) {
  .stores-section__city {
    display: none
  }
}

.stores-section__select-label {
  margin-bottom: .625rem;
  display: block;
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

@media (min-width:768px) {
  .stores-section__select-label {
    display: none
  }
}

.stores-section__wrapper {
  position: relative;
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-template-rows: 2rem 35.75rem;
  gap: 1.25rem
}

@media (max-width:1299px) {
  .stores-section__wrapper {
    grid-template-columns: 19.375rem 1fr;
    grid-template-rows: none
  }

  .stores-section__tabs {
    display: none
  }
}

@media (max-width:767px) {
  .stores-section__wrapper {
    height: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 1rem;
    column-gap: .625rem
  }
}

.stores-section__tabs {
  grid-column: 1/-1
}

.stores-section__list {
  grid-column: span 3/span 3;
  grid-row-start: 2
}

@media (max-width:1299px) {
  .stores-section__list {
    grid-column: span 1/span 1;
    grid-row-start: 1;
    height: 25rem
  }
}

@media (max-width:767px) {
  .stores-section__list {
    grid-column: span 2/span 2;
    grid-row: auto;
    height: auto
  }
}

.stores-section__map {
  grid-column: span 9/span 9;
  grid-row-start: 2
}

@media (max-width:1299px) {
  .stores-section__map {
    grid-column: span 1/span 1;
    grid-row-start: 1;
    height: 25rem
  }
}

.stores-section__mobile-tabs {
  grid-column: span 2/span 2
}

@media (max-width:767px) {
  .stores-section__map {
    grid-column: span 2/span 2;
    grid-row: auto;
    height: 27.75rem
  }

  .stores-section .stores-tab-body:not(.--active) {
    display: none
  }
}

.partners-stores-section__wrapper {
  position: relative;
  display: grid;
  height: 35.75rem;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1.25rem
}

.partners-stores-section__list {
  grid-column: span 3/span 3
}

@media (max-width:1299px) {
  .partners-stores-section__wrapper {
    grid-template-columns: 19.375rem 1fr
  }

  .partners-stores-section__list {
    grid-column: span 1/span 1
  }
}

@media (max-width:767px) {
  .partners-stores-section__wrapper {
    height: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 1rem;
    column-gap: .625rem
  }

  .partners-stores-section__list {
    grid-column: span 2/span 2
  }
}

.partners-stores-section__map {
  grid-column: span 9/span 9
}

@media (max-width:1299px) {
  .partners-stores-section__map {
    grid-column: span 1/span 1
  }
}

.partners-stores-section__mobile-tabs {
  grid-column: span 2/span 2;
  margin-top: 1rem
}

@media (max-width:767px) {
  .partners-stores-section__map {
    grid-column: span 2/span 2;
    height: 27.75rem
  }

  .partners-stores-section .stores-tab-body:not(.--active) {
    display: none
  }
}

.stores-map {
  overflow: hidden;
  border-radius: .75rem
}

.stores-map .ymaps3x0--main-engine-container {
  --tw-grayscale: grayscale(100%);
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

.stores-map .ymaps3x0--controls {
  z-index: 50
}

.stores-map .ymaps3x0--controls_vertical>.ymaps3x0--control {
  margin-bottom: .25rem
}

.stores-map .ymaps3x0--control__background {
  border-radius: 1rem;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.stores-map .ymaps3x0--control-button {
  border-radius: 1rem;
  padding: .625rem;
  --tw-text-opacity: 1;
  color: rgb(32 32 33 / var(--tw-text-opacity, 1))
}

.stores-map .ymaps3x0--control-button svg {
  height: 1.75rem;
  width: 1.75rem;
  opacity: 1;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

.stores-map .ymaps3x0--control-button:hover {
  opacity: .75
}

.stores-map .marker {
  height: 1.875rem;
  width: 1.875rem;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 9999px;
  border-width: .375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.stores-map .marker_blue {
  --tw-border-opacity: 1;
  border-color: rgb(0 133 205 / var(--tw-border-opacity, 1))
}

.stores-map .marker_black {
  --tw-border-opacity: 1;
  border-color: rgb(36 60 70 / var(--tw-border-opacity, 1))
}

.stores-list {
  display: flex;
  flex-direction: column
}

@media (max-width:1299px) {
  .stores-list {
    grid-column: span 1/span 1
  }
}

@media (max-width:767px) {
  .stores-list {
    grid-column: span 2/span 2;
    grid-row: auto;
    margin-left: -.625rem;
    margin-right: -.625rem
  }
}

.stores-list__wrapper {
  position: relative;
  margin-right: -.75rem;
  display: flex;
  flex-direction: column;
  row-gap: .625rem;
  overflow-y: scroll;
  padding-right: .75rem
}

@media (min-width:768px) {
  .stores-mobile-tabs {
    display: none
  }

  .store-card.--always-opened .store-card__additional,
  .store-card.--current .store-card__additional {
    display: flex;
    opacity: 1
  }
}

@media (max-width:767px) {
  .stores-list__wrapper {
    margin-right: 0;
    flex-direction: row;
    column-gap: .625rem;
    padding-left: .625rem;
    padding-right: .625rem;
    padding-bottom: 1.25rem
  }

  .stores-list__item {
    width: 18.625rem;
    flex-shrink: 0;
    flex-grow: 0
  }

  .stores-mobile-tabs {
    display: grid
  }
}

.stores-mobile-tabs {
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  column-gap: .625rem
}

.stores-mobile-tabs__item {
  justify-content: flex-start;
  padding-left: 0;
  padding-right: 0
}

.stores-mobile-tabs__item svg {
  flex-shrink: 0
}

.stores-mobile-tabs__item.--active {
  --tw-text-opacity: 1;
  color: rgb(36 60 70 / var(--tw-text-opacity, 1))
}

.store-card {
  position: relative;
  display: flex;
  cursor: pointer;
  flex-direction: column;
  align-items: flex-start;
  gap: .5rem;
  border-radius: .75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s;
  padding: 1rem 1.25rem 1rem 1rem
}

.store-card.--always-opened,
.store-card.--current {
  --tw-border-opacity: 1;
  border-color: rgb(0 133 205 / var(--tw-border-opacity, 1))
}

.store-card.--always-opened:not(.store-card_checkout)>.store-card__metro,
.store-card.--current:not(.store-card_checkout)>.store-card__metro {
  display: none
}

.video-consultant-btn:not(.store-card.--always-opened:not(.store-card_checkout)>.store-card__metro) .video-consultant-btn__icon svg:first-child,
.video-consultant-btn:not(.store-card.--current:not(.store-card_checkout)>.store-card__metro) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.store-card.--always-opened:not(.store-card_checkout)>.store-card__metro) .video-consultant-btn__icon svg:last-child,
.video-consultant-btn:not(.store-card.--current:not(.store-card_checkout)>.store-card__metro) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.store-card.--current:not(.store-card_checkout) .store-card__top {
  width: 91.666667%
}

.store-card_white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.store-card__close {
  position: absolute;
  top: .625rem;
  right: .625rem;
  display: none;
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

.video-consultant-btn:not(.store-card__close) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.store-card__close) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.store-card__top {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between
}

.store-card__badges {
  display: flex;
  align-items: center;
  gap: .5rem
}

.store-card__features {
  display: flex;
  align-items: center;
  gap: .375rem
}

.store-card__additional {
  display: none;
  width: 100%;
  flex-direction: column;
  row-gap: .5rem;
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

.video-consultant-btn:not(.store-card__additional) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.store-card__additional) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.store-card__metro {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  column-gap: .75rem;
  row-gap: .5rem;
  font-size: .875rem;
  line-height: 1.125rem
}

.store-card__metro .store__metro-line {
  height: .5rem;
  width: .5rem;
  border-radius: 9999px
}

.store-card__metro-item {
  display: flex;
  align-items: center;
  column-gap: .375rem
}

.store-card__images {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem
}

.store-card__image {
  height: 3.875rem;
  width: 3.875rem;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: .375rem
}

.store-card__logo {
  width: 6.25rem
}

.store-card__logo img {
  width: 100%
}

.store-card__city {
  display: flex;
  align-items: center;
  column-gap: .25rem;
  font-size: 1rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(36 60 70 / var(--tw-text-opacity, 1))
}

.store-card_in-layer {
  cursor: default;
  row-gap: 1rem;
  border-radius: 0;
  border-style: none;
  padding: 0
}

.store-card_in-layer .store-card__additional {
  display: flex;
  width: 100%;
  row-gap: 1rem;
  opacity: 1
}

.store-card_in-layer .store-card__images {
  column-gap: 1.25rem;
  row-gap: .625rem
}

.store-layer {
  margin-right: .375rem;
  border-radius: .75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem .375rem 1.25rem 1rem
}

.store-layer__map {
  aspect-ratio: 330/218;
  width: 100%;
  overflow: hidden;
  border-radius: .375rem
}

.header {
  position: sticky;
  top: -2.5rem;
  z-index: 101;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.header__top {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding-bottom: .1875rem;
  padding-top: 1.125rem;
  font-size: .875rem;
  line-height: 1.125rem
}

.header__logo {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 12.5rem;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media (max-width:1024px) {
  .header {
    top: 0
  }

  .header__top {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
  }

  .header__logo {
    top: 50%;
    bottom: auto;
    width: 10.625rem;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
}

@media (max-width:767px) {
  .header__top {
    padding-top: .625rem;
    padding-bottom: .625rem
  }

  .header__logo {
    width: 8.875rem
  }
}

.header__main {
  margin-top: .25rem;
  display: flex;
  justify-content: space-between;
  padding-top: 1.5rem;
  padding-bottom: 1.25rem;
  font-size: 1rem;
  line-height: 1.25
}

.header__main-menu {
  margin-right: 1.25rem
}

@media (max-width:1024px) {
  .header__main {
    margin-top: 0;
    padding: 0
  }

  .header .header-menu {
    display: none
  }
}

.header .header-menu__list {
  display: flex;
  align-items: center;
  column-gap: 1.875rem
}

.header .header-menu__link {
  position: relative;
  cursor: pointer
}

.header .header-menu__link::before {
  position: absolute;
  inset: -.875rem;
  --tw-content: "";
  content: var(--tw-content)
}

.header .header-menu__item {
  position: relative
}

.header .header-menu__item .header-menu__overlay {
  opacity: 0
}

.header .header-menu__item:hover .header-menu__link.link {
  --tw-text-opacity: 1;
  color: rgb(0 133 205 / var(--tw-text-opacity, 1))
}

.header .header-menu__item:hover::after {
  position: absolute;
  top: 100%;
  left: -.875rem;
  right: -.875rem;
  height: 1.5rem;
  --tw-content: "";
  content: var(--tw-content)
}

.header .header-menu__overlay {
  pointer-events: none;
  position: fixed;
  left: 50%;
  top: 6.875rem;
  z-index: 100;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

.header .header-menu__overlay_stretch {
  bottom: 0
}

.header .user-menu__list {
  display: flex;
  gap: 1.25rem
}

@media (max-width:1299px) {
  .header__main-menu {
    margin-right: .75rem
  }

  .header .header-menu__list {
    column-gap: 1rem
  }

  .header .header-menu__link {
    font-size: .875rem;
    line-height: 1.125rem
  }

  .header .header-menu__link.badge {
    font-size: .75rem;
    line-height: 1rem
  }

  .header .header-menu__link::before {
    inset: -.375rem
  }

  .header .user-menu__list {
    gap: .625rem
  }

  .header .user-menu__item svg {
    height: 1.375rem;
    width: 1.375rem
  }
}

.header .user-menu__item a::after {
  position: absolute
}

@media (max-width:1024px) {
  .header .user-menu {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3.5rem;
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border-top-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding: 1rem 1.125rem
  }

  .header .user-menu__list {
    justify-content: space-between
  }

  .header .user-menu__item svg {
    width: 1.5rem
  }

  .header .user-menu__item a {
    position: relative
  }

  .header .user-menu__item a::after {
    --tw-content: "";
    content: var(--tw-content);
    inset: -1rem
  }
}

.header-contacts {
  position: relative
}

@media (max-width:767px) {
  .header .user-menu {
    height: 2.75rem;
    padding: .625rem
  }

  .header .user-menu__item a::after {
    inset: -.625rem
  }

  .header-contacts {
    display: flex;
    align-items: center
  }

  .header-contacts__trigger {
    gap: 0
  }
}

.header-contacts.--active .header-contacts__trigger svg {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.header-contacts.--active .header-contacts__phone {
  opacity: 0
}

.header-contacts.--active .header-contacts__body {
  pointer-events: auto;
  opacity: 1
}

@media (min-width:768px) {
  .store-card.--current:not(.store-card_checkout) .store-card__close {
    display: block;
    opacity: 1
  }

  .header-contacts__icon {
    display: none
  }
}

.header-contacts__trigger {
  position: relative;
  z-index: 20
}

.header-contacts__trigger svg {
  transition-property: transform;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

.header-contacts__phone {
  opacity: 1;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

@media (max-width:767px) {
  .header-contacts__phone {
    display: none
  }
}

.header-contacts__body {
  pointer-events: none;
  position: absolute;
  top: -.75rem;
  right: -.75rem;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  row-gap: .75rem;
  border-radius: .375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  opacity: 0;
  padding: 2.625rem .75rem .75rem
}

@media (max-width:1024px) {
  .header-contacts__body {
    display: none
  }
}

.footer {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 1.25rem;
  row-gap: 3.75rem;
  padding-top: 3.75rem;
  padding-bottom: 1.875rem;
  font-size: 1rem;
  line-height: 1.25
}

@media (max-width:1024px) {
  .footer {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    row-gap: 3rem;
    padding-top: 2.5rem;
    padding-bottom: 4rem
  }
}

.footer__wrapper {
  grid-column: span 3/span 3;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 1.25rem
}

@media (max-width:767px) {
  .footer {
    row-gap: 2.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 4.5rem
  }

  .footer__wrapper {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    border-radius: .375rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(238 242 242 / var(--tw-border-opacity, 1))
  }
}

.footer__contacts>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.875rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.875rem * var(--tw-space-y-reverse))
}

@media (max-width:1024px) {
  .footer__wrapper {
    order: 2;
    grid-column: span 1/span 1
  }

  .footer__contacts {
    order: 1;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 1.25rem
  }

  .footer__contacts>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse))
  }
}

.footer__contacts-wrapper>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.875rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.875rem * var(--tw-space-y-reverse))
}

.footer__socials {
  font-size: 1rem;
  line-height: 1.25
}

.footer__socials .socials {
  margin-top: 1.875rem
}

.footer__copy {
  grid-column: span 4/span 4;
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

@media (max-width:1024px) {
  .footer__contacts-wrapper>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
  }

  .footer__socials {
    font-size: .875rem;
    line-height: 1.125rem
  }

  .footer__socials .socials {
    margin-top: .75rem
  }

  .footer__copy {
    order: 3;
    grid-column: span 1/span 1;
    margin-top: .75rem
  }
}

.footer .footer-menu.--opened .footer-menu__title svg {
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.footer .footer-menu__title {
  position: relative;
  margin-bottom: 1rem;
  display: block;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.footer .footer-menu__title svg {
  display: none;
  transition-duration: .3s
}

.video-consultant-btn:not(.footer.footer-menu__titlesvg) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.footer.footer-menu__titlesvg) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.footer .footer-menu__list>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

@media (max-width:767px) {
  .footer__contacts {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 1.875rem
  }

  .footer__contacts-wrapper,
  .footer__socials {
    display: flex;
    flex-direction: column;
    align-items: center
  }

  .footer__copy>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
  }

  .footer__copy {
    font-size: .75rem;
    line-height: 1rem
  }

  .footer .footer-menu {
    overflow: hidden;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s
  }

  .footer .footer-menu+.footer-menu {
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(238 242 242 / var(--tw-border-opacity, 1))
  }

  .footer .footer-menu__title {
    margin-bottom: 0;
    display: flex;
    font-size: .875rem;
    line-height: 1.125rem;
    --tw-text-opacity: 1;
    color: rgb(32 32 33 / var(--tw-text-opacity, 1));
    padding: .625rem 2.5rem .625rem .875rem
  }

  .footer .footer-menu__title svg {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: 150ms;
    position: absolute;
    right: .625rem;
    top: 50%;
    display: block;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .footer .footer-menu__nav {
    display: none
  }

  .footer .footer-menu__list {
    font-size: .875rem;
    line-height: 1.125rem;
    padding: .625rem .875rem
  }
}

.product-card {
  position: relative;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.product-card_out .product-card__image img {
  opacity: .3
}

.product-card::after {
  pointer-events: none;
  position: absolute;
  inset: 0;
  z-index: 10;
  border-top-left-radius: .75rem;
  border-top-right-radius: .75rem;
  border-top-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  --tw-content: "";
  content: var(--tw-content)
}

@media (max-width:1024px) {
  .product-card {
    display: flex;
    flex-direction: column
  }

  .product-card::after {
    display: none;
    --tw-content: none;
    content: var(--tw-content)
  }
}

.product-card__additional {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: .625rem;
  padding: .625rem
}

@media (min-width:1025px) {
  .product-card__additional {
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    border-bottom-right-radius: .75rem;
    border-bottom-left-radius: .75rem;
    border-left-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
  }

  .product-card::after,
  .product-card__actions,
  .product-card__additional {
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s
  }
}

@media (max-width:1024px) {
  .product-card__additional {
    flex-grow: 1;
    padding-bottom: .625rem
  }
}

@media (max-width:767px) {
  .product-card__additional {
    padding-bottom: 0
  }
}

.product-card__actions {
  position: absolute;
  top: .625rem;
  right: .625rem;
  z-index: 1;
  display: flex;
  column-gap: .375rem
}

.product-card:hover {
  z-index: 40
}

.product-card__info {
  position: absolute;
  top: .625rem;
  left: .625rem;
  right: 4.5rem;
  z-index: 30;
  display: flex;
  flex-direction: column;
  row-gap: .25rem
}

.product-card__image {
  aspect-ratio: 310/400;
  max-height: 25rem;
  width: 100%;
  border-radius: .75rem;
  background-color: rgb(32 32 33 / .03);
  padding: 1.25rem
}

@media (max-width:767px) {
  .product-card__image {
    aspect-ratio: 166/235;
    padding-top: 2.75rem
  }
}

.product-card__image img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center;
  mix-blend-mode: multiply
}

.product-card__image-link {
  display: none;
  position: relative;
  width: 100%;
  padding-top: 133.333333%;
}

.video-consultant-btn:not(.product-card__image-link) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.product-card__image-link) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.product-card__image-link.--current {
  display: block
}

.product-card__content {
  margin-top: .625rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: .625rem;
  padding-left: .625rem;
  padding-right: .625rem
}

@media (max-width:767px) {
  .product-card__content {
    margin-top: .75rem;
    row-gap: .375rem
  }
}

.product-card__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: .625rem
}

@media (max-width:767px) {
  .product-card__link {
    row-gap: .375rem
  }
}

.product-card__price {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  column-gap: .625rem;
  row-gap: .25rem
}

.product-card__current-price {
  white-space: nowrap;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1
}

@media (max-width:767px) {
  .product-card__current-price {
    font-size: 1rem;
    line-height: 1.25rem
  }
}

.product-card__old-price {
  white-space: nowrap;
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1));
  text-decoration-line: line-through
}

@media (max-width:767px) {
  .product-card__old-price {
    font-size: .75rem;
    line-height: 1rem
  }
}

.product-card__bonuses {
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(0 133 205 / var(--tw-text-opacity, 1))
}

@media (max-width:767px) {
  .product-card__bonuses {
    font-size: .75rem;
    line-height: 1rem
  }
}

.product-card__about,
.product-card__name {
  text-align: center;
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

@media (max-width:767px) {

  .product-card__about,
  .product-card__name {
    font-size: .75rem;
    line-height: 1rem
  }
}

@media (max-width:1024px) {
  .product-card__name {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
  }
}

.product-card__features {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 1rem;
  row-gap: .25rem
}

@media (max-width:1024px) {
  .product-card__features {
    display: none
  }
}

.product-card__feature {
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.product-card__feature+.product-card__feature {
  position: relative
}

.product-card__feature+.product-card__feature::before {
  position: absolute;
  left: -.75rem;
  --tw-text-opacity: 1;
  color: rgb(238 242 242 / var(--tw-text-opacity, 1));
  --tw-content: "/";
  content: var(--tw-content)
}

.product-card__colors,
.product-card__sizes {
  display: flex;
  align-items: center;
  column-gap: .625rem
}

.product-card__size {
  min-width: 1.125rem;
  text-align: center;
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.product-card__size.--current {
  --tw-text-opacity: 1;
  color: rgb(32 32 33 / var(--tw-text-opacity, 1))
}

.product-card__color {
  position: relative;
  height: 1.125rem;
  width: 1.125rem;
  padding: .1875rem
}

.product-card__color::before {
  position: absolute;
  inset: -.3125rem;
  --tw-content: "";
  content: var(--tw-content)
}

@media (max-width:767px) {
  .product-card__sizes {
    column-gap: .1875rem
  }

  .product-card__colors {
    column-gap: 0
  }

  .product-card__size {
    font-size: .75rem;
    line-height: 1rem
  }

  .product-card__size_label {
    display: none
  }

  .product-card__color::before {
    display: none;
    --tw-content: none;
    content: var(--tw-content)
  }
}

.product-card__color.--current::after {
  position: absolute;
  inset: 0;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(32 32 33 / var(--tw-border-opacity, 1));
  --tw-content: "";
  content: var(--tw-content)
}

.product-card__store-only {
  display: inline-flex;
  align-items: center;
  column-gap: .5rem;
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

@media (max-width:1024px) {
  .product-card__store-only {
    display: none
  }
}

.product-card__store-button {
  flex-shrink: 0
}

@media (min-width:1025px) {

  .product-card:hover .product-card__additional,
  .product-card:hover::after {
    opacity: 1
  }

  .product-card:hover .product-card__additional {
    pointer-events: auto
  }

  .product-card:hover .product-card__actions {
    opacity: 1
  }

  .product-card__store-button {
    display: none
  }

  .search__left {
    grid-row: span 2/span 2
  }
}

.product-card__store-buttons {
  display: flex;
  width: 100%;
  align-items: center;
  column-gap: .625rem
}

@media (max-width:1024px) {
  .product-card__store-buttons {
    margin-left: -.625rem;
    margin-right: -.625rem;
    margin-top: .625rem;
    width: calc(100% + 1.25rem)
  }
}

@media (max-width:767px) {
  .product-card__store-buttons {
    margin-top: .5rem
  }
}

.product-card__buttons {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: .625rem
}

@media (max-width:1024px) {
  .product-card__buttons {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    row-gap: .375rem;
    margin-left: -.625rem;
    margin-right: -.625rem;
    margin-top: auto;
    width: calc(100% + 1.25rem)
  }

  .product-card__button_smaller {
    padding-left: .25rem;
    padding-right: .25rem
  }

  .product-card__button_smaller .button__text {
    white-space: normal;
    font-size: .75rem;
    line-height: 1.25
  }
}

.product-card__button:only-child {
  grid-column: 1/-1
}

.product-card__button svg {
  display: none
}

.video-consultant-btn:not(.product-card__buttonsvg) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.product-card__buttonsvg) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.product-card__button.--in-cart svg {
  display: block
}

.subscribe-form {
  position: relative;
  z-index: 0;
  display: flex;
  column-gap: 2rem;
  overflow: hidden;
  border-radius: .75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1));
  padding: 2.375rem 2rem 1.75rem 9.5rem
}

.subscribe-form__icon {
  position: absolute;
  top: 1.25rem;
  left: 2.25rem
}

@media (max-width:1024px) {
  .subscribe-form {
    flex-direction: column;
    row-gap: 1.25rem;
    padding: 1.25rem 1.875rem 1rem 10.5rem
  }

  .subscribe-form__icon {
    top: 1.875rem;
    left: 1.5rem;
    height: auto;
    width: 7.5rem
  }
}

@media (max-width:550px) {
  .subscribe-form {
    padding: 1rem
  }

  .subscribe-form__icon {
    display: none
  }

  .subscribe-form__label_mobile {
    margin-top: -.25rem
  }
}

.subscribe-form__title {
  margin-bottom: .5rem;
  --tw-text-opacity: 1;
  color: rgb(36 60 70 / var(--tw-text-opacity, 1))
}

.subscribe-form__label {
  display: flex;
  column-gap: .5rem;
  font-size: .75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.subscribe-form__label_mobile {
  display: none
}

.video-consultant-btn:not(.subscribe-form__label_mobile) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.subscribe-form__label_mobile) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

@media (max-width:1024px) {
  .subscribe-form__title {
    margin-bottom: 0
  }

  .subscribe-form__label {
    display: none
  }

  .subscribe-form__label_mobile {
    display: block
  }
}

.subscribe-form__wrapper {
  display: flex;
  column-gap: .75rem
}

@media (max-width:550px) {
  .subscribe-form__wrapper {
    flex-direction: column;
    row-gap: 1.25rem
  }
}

.subscribe-form__form .checkbox {
  margin-top: 1.125rem;
  align-items: center
}

@media (max-width:1024px) {
  .subscribe-form__form .checkbox {
    margin-top: 1rem
  }
}

@media (max-width:550px) {
  .subscribe-form__form .checkbox {
    margin-top: 1.25rem;
    align-items: flex-start
  }
}

.subscribe-form__input {
  max-width: 19.75rem;
  flex-grow: 1
}

@media (max-width:1024px) {
  .subscribe-form__input {
    max-width: none
  }
}

@media (max-width:550px) {
  .subscribe-form__input {
    width: 100%;
    flex-grow: 0
  }
}

.subscribe-form__button {
  max-width: 10.125rem;
  flex-grow: 1
}

@media (max-width:1024px) {
  .subscribe-form__button {
    max-width: 11rem
  }
}

@media (max-width:550px) {
  .subscribe-form__button {
    width: 100%;
    max-width: none;
    flex-grow: 0
  }
}

.subscribe-btn {
  display: flex;
  height: 3.75rem;
  width: 4.5rem;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-top-left-radius: .375rem;
  border-bottom-left-radius: .375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 60 70 / var(--tw-bg-opacity, 1));
  padding-right: .5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.banner-features {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem
}

.banner-features .banner-feature {
  position: relative;
  overflow: hidden;
  border-radius: .75rem
}

.banner-features .banner-feature:nth-child(odd) {
  --tw-bg-opacity: 1;
  background-color: rgb(242 242 242 / var(--tw-bg-opacity, 1))
}

.banner-features .banner-feature:nth-child(even) {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1))
}

.banner-features .banner-feature_wide-img::after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 11.875rem;
  --tw-content: "";
  content: var(--tw-content);
  background-image: linear-gradient(to bottom, transparent, #f2f2f2 50%)
}

.banner-features .banner-feature__link {
  position: absolute;
  inset: 0;
  z-index: 10
}

.banner-features .banner-feature__img {
  aspect-ratio: 420/310;
  width: 100%
}

.banner-features .banner-feature__img img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center
}

.banner-features .banner-feature__content {
  position: relative;
  z-index: 1;
  margin-top: .5rem;
  display: flex;
  flex-direction: column;
  row-gap: .625rem;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
  padding-bottom: 1.875rem
}

@media (max-width:1024px) {
  .subscribe-btn {
    padding-right: 0
  }

  .banner-features {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .banner-features .banner-feature_wide-img .banner-feature__img img {
    object-fit: cover;
    object-position: top
  }

  .banner-features .banner-feature__img {
    aspect-ratio: 360/242
  }

  .banner-features .banner-feature__content {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 1rem
  }
}

@media (max-width:767px) {
  .subscribe-btn {
    height: 3.375rem;
    width: 3.75rem
  }

  .banner-features {
    gap: .625rem
  }

  .banner-features .banner-feature_wide-img::after {
    aspect-ratio: 166/93;
    height: auto
  }

  .banner-features .banner-feature__img {
    aspect-ratio: 166/135
  }

  .banner-features .banner-feature__content {
    margin-top: .75rem;
    padding-left: .625rem;
    padding-right: .625rem
  }

  .banner-features .banner-feature__title {
    display: flex;
    height: 1.125rem;
    align-items: flex-end
  }
}

.banner-features .banner-feature__description {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  font-size: .875rem;
  line-height: 1.125rem
}

.additional-features {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 1.25rem
}

@media (max-width:1024px) {
  .banner-features .banner-feature__description {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 2.25rem
  }

  .additional-features {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem
  }
}

@media (max-width:767px) {
  .banner-features .banner-feature__description {
    display: none
  }

  .additional-features {
    gap: .625rem
  }
}

.additional-features .additional-feature {
  display: flex;
  flex-direction: column;
  row-gap: .625rem;
  border-radius: .75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  padding: 1.875rem
}

@media (max-width:1024px) {
  .additional-features .additional-feature {
    padding: 1.875rem 1.5rem 2rem
  }
}

.additional-features .additional-feature__title {
  font-size: 1rem;
  line-height: 1.25
}

.additional-features .additional-feature__description {
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

@media (max-width:550px) {
  .additional-features .additional-feature {
    padding: .75rem 1rem 1.25rem .75rem
  }

  .additional-features .additional-feature__title {
    font-size: .875rem;
    line-height: 1.125rem
  }

  .additional-features .additional-feature__description {
    font-size: .75rem;
    line-height: 1rem
  }
}

.categories {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem
}

.categories-item {
  position: relative;
  display: flex;
  min-height: 10rem;
  flex-direction: column;
  align-items: flex-start;
  overflow: hidden;
  border-radius: .75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1));
  padding: 1.875rem
}

.categories-item[data-type=vacation] .categories-item__img {
  top: 1.25rem;
  right: -2.5rem;
  aspect-ratio: 1/2;
  width: 12.25rem
}

@media (max-width:1299px) {
  .categories {
    grid-template-columns: repeat(6, minmax(0, 1fr))
  }

  .categories-item {
    padding: 1.75rem 1.5rem 1.25rem
  }

  .categories-item[data-type=vacation] {
    order: 1;
    grid-column: span 3/span 3;
    min-height: 13.25rem
  }

  .categories-item[data-type=vacation] .categories-item__img {
    top: 2.5rem;
    right: -1.5rem;
    width: 11.75rem
  }
}

@media (max-width:767px) {
  .categories {
    gap: .625rem
  }

  .categories-item {
    margin-bottom: 1rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1.25rem
  }

  .categories-item[data-type=vacation] {
    order: 1;
    grid-column: span 6/span 6;
    min-height: 10.5rem
  }

  .categories-item[data-type=vacation] .categories-item__img {
    bottom: 0;
    right: 0;
    top: auto;
    display: flex;
    aspect-ratio: auto;
    height: 12rem;
    width: 10.5rem;
    align-items: flex-end
  }
}

.categories-item[data-type=business] .categories-item__img {
  top: 1.25rem;
  right: -4rem;
  aspect-ratio: 1/1;
  width: 17.125rem
}

@media (max-width:1299px) {
  .categories-item[data-type=business] {
    order: 2;
    grid-column: span 3/span 3;
    min-height: 13.25rem
  }

  .categories-item[data-type=business] .categories-item__img {
    top: 2rem;
    right: -5rem;
    width: 15.25rem
  }
}

@media (max-width:767px) {
  .categories-item[data-type=business] {
    order: 7;
    grid-column: span 6/span 6;
    min-height: 10.5rem
  }

  .categories-item[data-type=business] .categories-item__img {
    bottom: 0;
    right: 0;
    top: auto;
    display: flex;
    aspect-ratio: auto;
    height: 12rem;
    width: 10.5rem;
    align-items: flex-end
  }
}

.categories-item[data-type=collaboration] .categories-item__img {
  top: 1.25rem;
  right: -1.75rem;
  height: 19.5rem;
  width: 11.5rem
}

@media (max-width:1299px) {
  .categories-item[data-type=collaboration] {
    order: 7;
    grid-column: span 3/span 3;
    min-height: 13.25rem
  }

  .categories-item[data-type=collaboration] .categories-item__img {
    top: 1.5rem;
    right: -3.75rem;
    height: 23.75rem;
    width: 14rem
  }
}

@media (max-width:767px) {
  .categories-item[data-type=collaboration] {
    order: 2;
    grid-column: span 3/span 3;
    min-height: 10.5rem
  }

  .categories-item[data-type=collaboration] .categories-item__img {
    top: auto;
    bottom: 0;
    right: 0;
    height: 6.75rem;
    width: 8rem
  }
}

.categories-item[data-type=umbrella] .categories-item__img {
  top: 3rem;
  right: -2.625rem;
  height: 15rem;
  width: 14.625rem
}

@media (max-width:1299px) {
  .categories-item[data-type=umbrella] {
    order: 3;
    grid-column: span 2/span 2;
    min-height: 8.5rem
  }

  .categories-item[data-type=umbrella] .categories-item__img {
    top: 1.5rem;
    right: -2.5rem;
    height: 10.25rem;
    width: 10rem
  }
}

@media (max-width:767px) {
  .categories-item[data-type=umbrella] {
    order: 8;
    grid-column: span 3/span 3;
    min-height: 10.5rem
  }

  .categories-item[data-type=umbrella] .categories-item__img {
    top: auto;
    bottom: 0;
    right: 0;
    height: 6.75rem;
    width: 8rem
  }
}

.categories-item[data-type=accessories] .categories-item__img {
  top: 1rem;
  right: -4.75rem;
  height: 12.375rem;
  width: 16.75rem
}

@media (max-width:1299px) {
  .categories-item[data-type=accessories] {
    order: 4;
    grid-column: span 2/span 2;
    min-height: 8.5rem
  }

  .categories-item[data-type=accessories] .categories-item__img {
    top: 1.5rem;
    right: -4rem;
    height: 8.25rem;
    width: 11.25rem
  }
}

@media (max-width:767px) {
  .categories-item[data-type=accessories] {
    order: 3;
    grid-column: span 3/span 3;
    min-height: 10.5rem
  }

  .categories-item[data-type=accessories] .categories-item__img {
    top: auto;
    bottom: 0;
    right: 0;
    height: 6.75rem;
    width: 8rem
  }
}

.categories-item[data-type=premium] .categories-item__img {
  top: .25rem;
  right: -3rem;
  height: 14.75rem;
  width: 16.125rem
}

@media (max-width:1299px) {
  .categories-item[data-type=premium] {
    order: 5;
    grid-column: span 2/span 2;
    min-height: 8.5rem
  }

  .categories-item[data-type=premium] .categories-item__img {
    top: .625rem;
    right: -2rem;
    height: 10rem;
    width: 10.875rem
  }
}

@media (max-width:767px) {
  .categories-item[data-type=premium] {
    order: 5;
    grid-column: span 3/span 3;
    min-height: 10.5rem
  }

  .categories-item[data-type=premium] .categories-item__img {
    top: auto;
    bottom: 0;
    right: 0;
    height: 6.75rem;
    width: 8rem
  }
}

.categories-item[data-type=backpack] .categories-item__img {
  top: 6.125rem;
  right: -4rem;
  height: 17.875rem;
  width: 15.875rem
}

@media (max-width:1299px) {
  .categories-item[data-type=backpack] {
    order: 6;
    grid-column: span 3/span 3;
    min-height: 13.25rem
  }

  .categories-item[data-type=backpack] .categories-item__img {
    top: 2.5rem;
    right: -7.125rem;
    height: 20.5rem;
    width: 18.25rem
  }
}

@media (max-width:767px) {
  .categories-item[data-type=backpack] {
    order: 4;
    grid-column: span 6/span 6;
    min-height: 10.5rem
  }

  .categories-item[data-type=backpack] .categories-item__img {
    bottom: 0;
    right: 0;
    top: auto;
    display: flex;
    aspect-ratio: auto;
    height: 12rem;
    width: 10.5rem;
    align-items: flex-end
  }
}

.categories-item[data-type=personalization] .categories-item__img {
  bottom: 0;
  right: -.5rem;
  height: 14.875rem;
  width: 23.75rem
}

@media (max-width:1299px) {
  .categories-item[data-type=personalization] {
    order: 8;
    grid-column: span 3/span 3;
    min-height: 13.25rem
  }

  .categories-item[data-type=personalization] .categories-item__img {
    bottom: 0;
    right: -1.5rem;
    height: 11.75rem;
    width: 18.75rem
  }
}

@media (max-width:767px) {
  .categories-item[data-type=personalization] {
    order: 9;
    grid-column: span 3/span 3;
    min-height: 10.5rem
  }

  .categories-item[data-type=personalization] .categories-item__img {
    height: 7.5rem;
    width: 12rem
  }
}

.categories-item[data-type=loyalty] .categories-item__img {
  bottom: -1.25rem;
  right: -1.25rem;
  height: 10.375rem;
  width: 17.25rem
}

.categories-item_premium {
  background-image: linear-gradient(98.95deg, #202021 2.88%, #253542 96.09%)
}

.categories-item_premium .categories-item__title {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.categories-item_mobile-no-menu .categories-item__link {
  display: none
}

.video-consultant-btn:not(.categories-item_mobile-no-menu.categories-item__link) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.categories-item_mobile-no-menu.categories-item__link) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.categories-item__title {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 700
}

@media (max-width:1299px) {
  .categories-item[data-type=loyalty] {
    order: 9;
    grid-column: span 3/span 3;
    min-height: 13.25rem
  }

  .categories-item[data-type=loyalty] .categories-item__img {
    bottom: -1rem;
    right: -1rem;
    height: 10rem;
    width: 16.75rem
  }

  .categories-item__title {
    font-size: 1rem;
    line-height: 1.25
  }
}

@media (max-width:767px) {
  .categories-item[data-type=loyalty] {
    order: 6;
    grid-column: span 3/span 3;
    min-height: 10.5rem
  }

  .categories-item[data-type=loyalty] .categories-item__img {
    top: auto;
    bottom: 0;
    right: 0;
    height: 6.75rem;
    width: 8rem
  }

  .categories-item_mobile-no-menu .categories-item__link {
    display: block
  }

  .categories-item_mobile-no-menu .categories-item__all-link,
  .categories-item_mobile-no-menu .categories-item__list {
    display: none
  }

  .categories-item__title {
    font-size: .875rem;
    line-height: 1.125rem
  }

  .categories-item__label {
    display: none
  }
}

.categories-item__link {
  position: absolute;
  inset: 0
}

.categories-item__link:hover~.categories-item__all-link {
  --tw-text-opacity: 1;
  color: rgb(0 133 205 / var(--tw-text-opacity, 1))
}

.categories-item__img {
  position: absolute
}

.categories-item__label {
  margin-top: .625rem;
  font-size: 1rem;
  line-height: 1.25
}

@media (max-width:1299px) {
  .categories-item__label {
    font-size: .875rem;
    line-height: 1.125rem
  }
}

.categories-item__list {
  position: relative;
  z-index: 1;
  margin-top: 1.25rem;
  display: flex;
  flex-direction: column;
  row-gap: .75rem;
  font-size: 1rem;
  line-height: 1.25
}

@media (max-width:1299px) {
  .categories-item__list {
    font-size: .875rem;
    line-height: 1.125rem
  }
}

@media (max-width:767px) {
  .categories-item__list {
    font-size: .75rem;
    line-height: 1rem
  }
}

.categories-item__all-link {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s;
  margin-top: 2.625rem;
  font-size: 1rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

@media (max-width:1299px) {
  .categories-item__all-link {
    margin-top: 1.5rem;
    font-size: .875rem;
    line-height: 1.125rem
  }
}

.search {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: .75rem;
  padding-bottom: 1.875rem
}

@media (max-width:1024px) {
  .search {
    display: flex;
    flex-direction: column;
    padding: 1rem 1.25rem
  }
}

.search__wrapper {
  display: flex;
  flex-direction: column;
  gap: 1.875rem
}

@media (max-width:1024px) {
  .search__wrapper {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    overflow: hidden
  }

  .search__input {
    order: 2
  }

  .search__result {
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scrollbar-width: none
  }

  .search__result::-webkit-scrollbar {
    display: none
  }
}

.search__grid {
  display: grid;
  grid-template-columns: 12.5rem 1fr;
  row-gap: 1.875rem;
  column-gap: 1.25rem
}

@media (max-width:1024px) {
  .search__grid {
    grid-template-columns: 16rem 1fr;
    row-gap: 1.25rem;
    column-gap: 2.5rem
  }

  .search__main {
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scrollbar-width: none
  }

  .search__main::-webkit-scrollbar {
    display: none
  }
}

.search__grid_no-categories {
  grid-template-columns: repeat(1, minmax(0, 1fr))
}

.search__grid_no-categories .search__btn {
  grid-column-start: 1
}

@media (max-width:767px) {
  .categories-item__all-link {
    margin-top: .75rem;
    font-size: .75rem;
    line-height: 1rem
  }

  .search {
    border-top-left-radius: 1.5rem;
    border-top-right-radius: 1.5rem
  }

  .search__grid {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }

  .search__main {
    display: none
  }

  .search__category-link {
    font-size: .875rem;
    line-height: 1.125rem
  }
}

.search__list {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  align-items: flex-start;
  column-gap: 1.25rem
}

.search__btn {
  grid-column-start: 2;
  grid-row-start: 2
}

.search__categories {
  margin-top: 1.25rem;
  display: flex;
  flex-direction: column;
  row-gap: 1.25rem
}

.search__category-link {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.search__category-link svg {
  flex-shrink: 0
}

@media (max-width:1024px) {
  .search__list {
    display: flex;
    column-gap: .625rem
  }

  .search__btn {
    grid-column: 1/-1
  }

  .search__categories {
    margin-top: 1.125rem;
    row-gap: .125rem
  }

  .search__category-link {
    padding-top: .5rem;
    padding-bottom: .5rem
  }

  .search .product-card {
    width: 10.5rem;
    flex-shrink: 0
  }
}

.search .product-card__size_label {
  display: none
}

.video-consultant-btn:not(.search.product-card__size_label) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.search.product-card__size_label) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.search .product-card__colors,
.search .product-card__sizes {
  column-gap: .25rem;
  row-gap: .125rem
}

@media (max-width:1420px) {
  .search .product-card__store-only {
    display: none
  }

  .search .product-card__store-button {
    display: block
  }

  .search .product-card__button_smaller .button__text {
    font-size: .75rem;
    line-height: 1rem
  }
}

.search .product-card__buttons {
  grid-template-columns: repeat(1, minmax(0, 1fr));
  row-gap: .375rem
}

.search-block {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.25rem
}

@media (min-width:768px) {
  .search-block {
    display: grid
  }
}

@media (max-width:767px) {
  .search-block>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
  }

  .brands {
    margin-left: -.625rem;
    margin-right: -.625rem
  }
}

.search-block__input {
  grid-column: span 3/span 3
}

@media (max-width:1024px) {
  .search-block {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  .search-block__input {
    grid-column: span 2/span 2
  }
}

.category-menu {
  display: grid;
  height: 100%;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: 1.25rem;
  overflow: hidden;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 1.875rem;
  padding-bottom: 1.875rem
}

.category-menu__aside {
  position: relative;
  grid-column: span 3/span 3;
  max-height: 100%;
  overflow: hidden
}

.category-menu__aside::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1))
}

.category-menu__aside-wrapper {
  position: relative;
  z-index: 1;
  max-height: 100%;
  --scrollbar-track: #ffffff
}

.category-menu__aside-wrapper>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.875rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.875rem * var(--tw-space-y-reverse))
}

.category-menu__main {
  grid-column: span 9/span 9;
  max-height: 100%
}

.category-menu__main>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.875rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.875rem * var(--tw-space-y-reverse))
}

.category-menu .category-menu-section {
  overflow: hidden
}

.category-menu .category-menu-section__grid {
  margin-top: 1.25rem;
  display: flex;
  flex-wrap: wrap;
  column-gap: 1.25rem;
  row-gap: .75rem
}

.category-menu .category-menu-section__list {
  position: relative;
  margin-top: 1.25rem
}

.category-menu .category-menu-section .swiper-scrollbar {
  position: relative;
  inset: auto;
  margin-top: 1.25rem;
  height: 1px;
  background-color: rgb(32 32 33 / .2)
}

.category-menu .category-menu-section .swiper-scrollbar-drag {
  --tw-bg-opacity: 1;
  background-color: rgb(36 60 70 / var(--tw-bg-opacity, 1))
}

.category-menu .category-menu-card {
  position: relative;
  width: 6.375rem;
  flex-shrink: 0;
  flex-grow: 0;
  opacity: 1;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

.category-menu .category-menu-card_small .category-menu-card__img {
  aspect-ratio: 102/60
}

.category-menu .category-menu-card:hover {
  opacity: .75
}

.category-menu .category-menu-card__img {
  margin-bottom: .75rem;
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: .75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1))
}

.category-menu .category-menu-card__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: bottom;
  mix-blend-mode: multiply
}

.category-menu .category-menu-card__label {
  text-align: center;
  font-size: .875rem;
  line-height: 1.125rem
}

.buyer-menu {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: flex-start;
  column-gap: 1.25rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  padding-top: 1.875rem;
  padding-bottom: 1.875rem
}

.buyer-menu__list {
  grid-column: span 9/span 9;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 1.25rem;
  row-gap: 1.875rem
}

.buyer-menu__link {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(32 32 33 / var(--tw-text-opacity, 1))
}

.buyer-menu__link:hover {
  color: rgb(32 32 33 / .75)
}

.buyer-menu__banner {
  grid-column: span 3/span 3
}

.main-banner {
  position: relative;
  aspect-ratio: 1300/400;
  width: 100%;
  overflow: hidden;
  border-radius: .75rem
}

.main-banner__link {
  position: absolute;
  inset: 0
}

.main-banner img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center
}

.main-banner__btn {
  position: absolute;
  top: 50%;
  z-index: 10;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

.main-banner__btn_prev {
  left: 1.875rem
}

.main-banner__btn_next {
  right: 1.875rem
}

.main-banner__pagination.swiper-pagination {
  bottom: 1.875rem
}

@media (max-width:1024px) {
  .main-banner__pagination.swiper-pagination {
    bottom: 1.5rem
  }

  .brands::after,
  .brands::before {
    display: none;
    --tw-content: none;
    content: var(--tw-content)
  }
}

@media (max-width:550px) {
  .main-banner {
    margin-left: -.625rem;
    margin-right: -.625rem;
    aspect-ratio: 1/1;
    width: calc(100% + 1.25rem)
  }

  .main-banner__pagination.swiper-pagination {
    bottom: 1.25rem
  }
}

.brands {
  position: relative
}

.brands::after,
.brands::before {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 3.75rem;
  --tw-content: "";
  content: var(--tw-content)
}

.brands::before {
  right: 100%
}

.brands::after {
  left: 100%
}

.brands .swiper-wrapper {
  display: flex
}

.brands__slider {
  overflow: hidden
}

.brands__slider .swiper-scrollbar {
  position: relative;
  inset: auto;
  margin-top: 1.25rem;
  height: .25rem;
  background-color: transparent
}

.brands__slider .swiper-scrollbar-drag {
  cursor: pointer;
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1))
}

.brands__title {
  margin-bottom: 1.875rem;
  text-align: center
}

.brands__link {
  position: absolute;
  inset: 0
}

.brands__item {
  height: 5rem;
  width: 12.5rem
}

.brands__item img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center
}

.brands__btn {
  position: absolute;
  bottom: 3rem;
  z-index: 10
}

@media (max-width:1024px) {
  .brands__slider {
    margin-left: 2.75rem;
    margin-right: 2.75rem
  }

  .brands__item {
    height: 4.5rem;
    width: 10rem
  }

  .brands__btn {
    bottom: 2.75rem
  }
}

@media (max-width:767px) {
  .brands__slider {
    margin-left: 0;
    margin-right: 0;
    padding-left: .625rem;
    padding-right: .625rem
  }

  .brands__item {
    height: 5rem;
    width: 8.5rem
  }

  .brands__btn {
    display: none
  }
}

.brands__btn_prev {
  left: -3.5rem
}

.brands__btn_next {
  right: -3.5rem
}

@media (max-width:1299px) {

  .brands::after,
  .brands::before {
    width: 2.5rem
  }

  .brands__btn_prev {
    left: -2.625rem
  }

  .brands__btn_next {
    right: -2.625rem
  }
}

.recommend {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 1.25rem
}

.recommend_no-tabs {
  row-gap: 1.875rem
}

.recommend:hover .brands__btn {
  opacity: 1
}

.recommend .recommend-slider {
  position: relative;
  width: 100%
}

.recommend .recommend-slider::after,
.recommend .recommend-slider::before {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 3.75rem;
  --tw-content: "";
  content: var(--tw-content)
}

@media (max-width:1024px) {
  .brands__btn_prev {
    left: 0
  }

  .brands__btn_next {
    right: 0
  }

  .recommend {
    margin-left: -1.25rem;
    margin-right: -1.25rem
  }

  .recommend_no-tabs {
    row-gap: 1.25rem
  }

  .recommend .recommend-slider::after,
  .recommend .recommend-slider::before {
    display: none;
    --tw-content: none;
    content: var(--tw-content)
  }

  .recommend .recommend-slider__item {
    height: auto;
    width: 16.375rem
  }
}

.recommend .recommend-slider::before {
  right: 100%
}

.recommend .recommend-slider::after {
  left: 100%
}

.recommend .recommend-slider .swiper-wrapper {
  display: flex
}

.recommend .recommend-slider__slider {
  overflow-x: clip
}

.recommend .recommend-slider__slider:not(.swiper-initialized) .swiper-wrapper {
  display: flex;
  column-gap: .625rem
}

@media (max-width:1024px) {
  .recommend .recommend-slider__slider {
    padding-left: 1.25rem;
    padding-right: 1.25rem
  }

  .recommend .recommend-slider__slider:not(.swiper-initialized) .swiper-wrapper {
    display: flex;
    column-gap: 1.25rem
  }

  .recommend .recommend-slider__btn {
    display: none
  }
}

@media (max-width:550px) {
  .recommend__tabs {
    padding-left: .625rem;
    padding-right: .625rem;
    max-width: 100%;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scrollbar-width: none
  }

  .recommend__tabs::-webkit-scrollbar {
    display: none
  }

  .recommend .recommend-slider__item {
    width: auto
  }

  .recommend .recommend-slider__slider:not(.swiper-initialized) .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: .625rem
  }

  .pick-up {
    margin-left: -.625rem;
    margin-right: -.625rem;
    width: calc(100% + 1.25rem)
  }
}

.recommend .recommend-slider__slider:not(.swiper-initialized) .swiper-slide {
  flex-shrink: 0;
  flex-basis: 25%
}

.recommend .recommend-slider__slider .swiper-scrollbar {
  position: relative;
  inset: auto;
  margin-top: 1.25rem;
  height: .25rem;
  background-color: transparent
}

.recommend .recommend-slider__slider .swiper-scrollbar-drag {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1))
}

.recommend .recommend-slider__btn {
  position: absolute;
  top: 50%;
  z-index: 10;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.recommend .recommend-slider__btn_prev {
  left: -3.5rem
}

.recommend .recommend-slider__btn_next {
  right: -3.5rem
}

@media (min-width:1025px) {
  .search__category-link svg {
    display: none
  }

  .main-banner__pagination.swiper-pagination {
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s
  }

  .main-banner:hover .main-banner__btn,
  .main-banner:hover .main-banner__pagination.swiper-pagination {
    opacity: 1
  }

  .brands__btn {
    pointer-events: none;
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s
  }

  .brands:hover .brands__btn:not(:disabled) {
    pointer-events: auto;
    opacity: 1
  }

  .recommend .recommend-slider__slider .swiper-scrollbar {
    display: none
  }

  .recommend .recommend-slider__btn {
    pointer-events: none;
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .3s
  }

  .recommend .recommend-slider:hover .recommend-slider__btn:not(:disabled) {
    pointer-events: auto;
    opacity: 1
  }
}

.pick-up {
  position: relative;
  display: grid;
  height: 21.25rem;
  grid-template-columns: 10.5fr 20fr;
  gap: 2.5rem;
  overflow: hidden;
  border-radius: .75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1));
  padding-right: 2.5rem
}

@media (max-width:1299px) {

  .recommend .recommend-slider::after,
  .recommend .recommend-slider::before {
    width: 2.5rem
  }

  .recommend .recommend-slider__btn_prev {
    left: -2.625rem
  }

  .recommend .recommend-slider__btn_next {
    right: -2.625rem
  }

  .pick-up {
    grid-template-columns: 22.5rem 1fr;
    gap: 1.5rem;
    padding-right: 1.5rem
  }
}

@media (max-width:1024px) {
  .pick-up {
    height: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .625rem;
    padding-right: 0
  }
}

.pick-up::before {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  width: 20rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 60 70 / var(--tw-bg-opacity, 1));
  --tw-content: "";
  content: var(--tw-content)
}

.pick-up__background {
  position: absolute;
  top: 50%;
  right: calc(100% - 26.25rem);
  height: 100%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media (max-width:767px) {
  .recommend {
    margin-left: -.625rem;
    margin-right: -.625rem
  }

  .recommend .recommend-slider__slider {
    padding-left: .625rem;
    padding-right: .625rem
  }

  .pick-up {
    display: block;
    --tw-bg-opacity: 1;
    background-color: rgb(36 60 70 / var(--tw-bg-opacity, 1));
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    padding-top: 1rem
  }

  .pick-up::before {
    display: none;
    --tw-content: none;
    content: var(--tw-content)
  }

  .pick-up__background {
    display: none
  }
}

.pick-up__choose-type {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 1.875rem;
  padding-right: 3.5rem
}

@media (max-width:1299px) {
  .pick-up::before {
    width: 10rem
  }

  .pick-up__background {
    right: calc(100% - 22.5rem)
  }

  .pick-up__choose-type {
    padding-right: 3rem
  }
}

.pick-up__title {
  margin-bottom: .625rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.pick-up__type-img {
  position: absolute;
  bottom: 0;
  left: 50%;
  --tw-translate-x: calc(-50% - 1.75rem);
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media (max-width:1024px) {
  .pick-up__background {
    right: calc(50% + .5rem)
  }

  .pick-up__choose-type {
    padding-top: 5rem
  }

  .pick-up__title {
    margin-bottom: 1.25rem
  }

  .pick-up__type-img {
    --tw-translate-x: calc(-50% - 2rem);
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }
}

.pick-up__type-img picture.--active {
  display: block
}

.pick-up__type-img_mobile {
  position: static;
  margin-top: 1.5rem;
  transform: none;
  justify-content: center
}

@media (max-width:767px) {
  .pick-up__choose-type {
    padding-top: 0;
    padding-right: 0
  }

  .pick-up__type-img {
    display: none
  }

  .pick-up__type-img_mobile {
    display: flex
  }
}

@media (min-width:768px) {
  .pick-up__type-img_mobile {
    display: none
  }
}

.pick-up__filters {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 2.5rem;
  row-gap: .5rem;
  padding-top: 2.5rem;
  padding-bottom: 2.5rem
}

@media (max-width:1299px) {
  .pick-up__filters {
    column-gap: 1.5rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
  }
}

@media (max-width:1024px) {
  .pick-up__filters {
    display: flex;
    flex-direction: column;
    row-gap: 1.5rem;
    padding-top: 1.25rem;
    padding-bottom: 1.5rem;
    padding-right: 2.25rem
  }

  .pick-up__filters-col {
    row-gap: 1.5rem
  }
}

.pick-up__filters-col {
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

@media (max-width:767px) {
  .pick-up__filters {
    margin-top: 1.75rem;
    gap: 0;
    padding: 0
  }

  .pick-up__filter {
    display: none
  }
}

.pick-up__buttons {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: .25rem
}

@media (max-width:1299px) {
  .pick-up__buttons {
    display: flex;
    flex-direction: column;
    row-gap: 1.25rem
  }
}

.pick-up__more-btn.--has-filters {
  font-weight: 700
}

@media (max-width:767px) {
  .pick-up__buttons {
    align-items: center
  }

  .pick-up__more-btn {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
  }

  .pick-up__link-btn {
    min-width: 9.375rem;
    --tw-bg-opacity: 1;
    background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(36 60 70 / var(--tw-text-opacity, 1))
  }

  .pick-up__link-btn::before {
    background-color: rgb(0 0 0 / .1)
  }

  .pick-up__tabs .tabs-button {
    text-transform: capitalize
  }
}

.pick-up-filter__title {
  margin-bottom: .625rem;
  display: block;
  text-align: center;
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.pick-up-filter__body {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  column-gap: .25rem
}

.pick-up-layer {
  position: relative;
  padding-left: 2.5rem;
  padding-right: 2.5rem
}

@media (max-width:1024px) {
  .pick-up-layer {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 26.25rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem
  }

  .pagination__show-more {
    width: 100%
  }
}

.pick-up-layer__title {
  margin-bottom: .125rem;
  display: block;
  text-align: center
}

.pick-up-layer__header {
  position: sticky;
  top: 0;
  z-index: 5;
  margin-left: -.5rem;
  margin-right: -.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1));
  padding: 2.5rem .5rem .5rem
}

@media (max-width:767px) {
  .pick-up-layer__title {
    margin-bottom: .625rem
  }

  .pick-up-layer__header {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 1.25rem
  }
}

.pick-up-layer__footer {
  position: sticky;
  bottom: 0;
  z-index: 1;
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1));
  padding-top: 1.25rem;
  padding-bottom: 1.25rem
}

.pick-up-layer__filters {
  display: flex;
  flex-direction: column;
  row-gap: 1.875rem
}

.pick-up-layer__filter .pick-up-filter__title {
  text-align: left
}

@media (max-width:767px) {
  .pick-up-layer__footer {
    padding-top: 1.25rem;
    padding-bottom: 1.5rem
  }

  .pick-up-layer__tabs .tabs-button {
    font-weight: 400;
    text-transform: capitalize
  }
}

.pagination {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 1.25rem
}

.pagination__wrapper {
  display: flex;
  align-items: center;
  column-gap: .375rem
}

.pagination__delimiter {
  margin-top: -.5rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.breadcrumbs {
  display: flex;
  align-items: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem
}

@media (max-width:1024px) {
  .breadcrumbs {
    padding-top: .625rem;
    padding-bottom: 1.25rem
  }
}

.breadcrumbs__item {
  display: inline-flex;
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.breadcrumbs__item:not(:last-child) {
  --tw-text-opacity: 1;
  color: rgb(32 32 33 / var(--tw-text-opacity, 1))
}

.breadcrumbs__item:nth-last-child(2) .breadcrumbs__link::before {
  background-image: url(data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADLSURBVHgB7ZQxDsIwDEV/mp6AHalDkbgDDDCVkZFbwNEY2WDkCCxIldiRmKGEeOnSBccuCOQ3J/lPjvwBwzD+hfFsUYym1RpMPBSg8KZ57gOwGgzL2/VyPr57N4eQNjygcM7VPndbzn0HAZ1w7+anw67mvJEsoBGeLKAVniSgGc4W0A5nCfQRTmSs061vgBYJXxDiFEKcAuIUss99QV8SgjXUkRAWkVxCoYplEiIBDQnmGnahMOoE6gbqiMc9LPENaBLlpNrAMIxf4wUs3qt8zpn09QAAAABJRU5ErkJggg==);
  background-size: cover
}

.breadcrumbs__item+.breadcrumbs__item {
  margin-left: .625rem
}

.breadcrumbs__item+.breadcrumbs__item::before {
  pointer-events: none;
  margin-right: .625rem;
  display: inline-block;
  --tw-content: "/";
  content: var(--tw-content)
}

@media (max-width:767px) {
  .breadcrumbs {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
  }

  .breadcrumbs__item:not(:nth-last-child(2)) {
    display: none
  }

  .breadcrumbs__item:nth-last-child(2) .breadcrumbs__link {
    column-gap: .625rem;
    --tw-text-opacity: 1;
    color: rgb(36 60 70 / var(--tw-text-opacity, 1))
  }

  .breadcrumbs__item:nth-last-child(2) .breadcrumbs__link::before {
    display: inline-block;
    height: 1rem;
    width: 1rem;
    --tw-content: "";
    content: var(--tw-content)
  }

  .breadcrumbs__item+.breadcrumbs__item {
    margin-left: 0
  }

  .breadcrumbs__item+.breadcrumbs__item::before {
    display: none
  }
}

.properties {
  display: flex;
  flex-direction: column
}

.properties__item+.properties__item {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1))
}

.property {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding-top: .75rem;
  padding-bottom: .75rem
}

.property:first-child {
  padding-top: 0
}

.property:last-child {
  padding-bottom: 0
}

.property__name {
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.property__value {
  text-align: right
}

.product-set {
  display: inline-flex;
  align-items: center
}

.product-set__label {
  margin-left: .75rem;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 700
}

.product-set-images {
  position: relative;
  isolation: isolate;
  display: inline-flex;
  align-items: center
}

.product-set-images__item {
  display: block;
  height: 2.5rem;
  width: 2.5rem;
  border-radius: .375rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  object-fit: contain;
  padding: .125rem
}

.product-set-images__item:first-child {
  z-index: 0
}

.product-set-images__item:nth-child(2) {
  z-index: -1
}

.product-set-images__item:nth-child(3) {
  z-index: -2
}

.product-set-images__item+.product-set-images__item {
  margin-left: -1rem
}

.bnpl-informer {
  display: flex;
  align-items: center;
  border-radius: .375rem;
  background-color: rgba(0, 0, 0, .04);
  padding: .75rem
}

.bnpl-informer__logo {
  display: block;
  height: 100%;
  width: auto
}

.bnpl-informer__label {
  margin-left: .625rem;
  margin-right: .625rem;
  font-size: .875rem;
  line-height: 1.125rem
}

.bnpl-informer__button {
  margin-left: auto;
  display: block;
  height: 1rem;
  width: 1rem
}

.tags {
  display: flex;
  flex-wrap: wrap;
  gap: .25rem
}

.tag {
  display: flex;
  height: 2.5rem;
  align-items: center;
  justify-content: center;
  border-radius: .375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: .875rem;
  line-height: 1.125rem
}

.small-basket {
  position: relative
}

.small-basket:hover .small-basket__body {
  pointer-events: auto;
  opacity: 1
}

.small-basket__trigger::before {
  position: absolute;
  top: 100%;
  height: 1.25rem;
  width: 100%;
  --tw-content: "";
  content: var(--tw-content)
}

.small-basket__body {
  pointer-events: none;
  opacity: 0;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s;
  position: absolute;
  top: calc(100% + .75rem);
  right: -.75rem;
  width: 31rem;
  border-radius: .375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.25rem 1.25rem 1.5rem
}

.small-basket__body::after {
  position: absolute;
  top: -.25rem;
  right: 1.25rem;
  --tw-content: "";
  content: var(--tw-content);
  height: .375rem;
  width: .375rem;
  --tw-rotate: -45deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-top-width: 1px;
  border-right-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.small-basket__list {
  max-height: 15.75rem;
  overflow-x: hidden
}

.small-basket__list>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
}

.small-basket__total {
  margin-top: 1.25rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  padding-top: 1.875rem
}

.contacts__title {
  margin-bottom: 1.875rem;
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 700
}

@media (max-width:1024px) {
  .small-basket__body {
    display: none
  }

  .contacts {
    border-radius: .75rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
    padding: 1.875rem 1.5rem
  }

  .contacts__title {
    font-size: 1rem;
    line-height: 1.4
  }
}

.contacts__wrapper {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: 1.25rem
}

@media (max-width:1024px) {
  .contacts__wrapper {
    display: block
  }

  .contacts__wrapper>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.875rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.875rem * var(--tw-space-y-reverse))
  }
}

.contacts__items {
  grid-column: span 8/span 8;
  display: flex;
  border-radius: .75rem;
  outline: #eef2f2 solid 1px
}

@media (max-width:1420px) {
  .contacts__items {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr))
  }
}

@media (max-width:767px) {
  .contacts {
    padding: 1.5rem 1rem
  }

  .contacts__title {
    margin-bottom: 1.5rem;
    font-size: .875rem;
    line-height: 1.125rem
  }

  .contacts__items {
    flex-wrap: wrap
  }
}

@media (max-width:550px) {
  .contacts__items {
    flex-direction: column;
    flex-wrap: nowrap
  }
}

.contacts__item {
  position: relative;
  padding: 1.875rem
}

.contacts__item+.contacts__item {
  border-left-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1))
}

@media (max-width:1024px) {
  .contacts__items {
    display: flex;
    column-gap: 4.25rem;
    row-gap: 1rem;
    overflow: hidden;
    outline-width: 0
  }

  .contacts__item {
    padding: 0
  }

  .contacts__item+.contacts__item {
    border-width: 0
  }

  .contacts__item+.contacts__item::before {
    --tw-content: "";
    content: var(--tw-content)
  }
}

.contacts__item+.contacts__item::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -2.125rem;
  width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1))
}

.contacts__actions {
  grid-column: span 4/span 4;
  display: grid;
  grid-template-rows: repeat(2, minmax(0, 1fr))
}

@media (max-width:1420px) {
  .contacts__actions {
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: .75rem
  }
}

@media (min-width:1420px) {
  .contacts__btn {
    height: auto
  }
}

@media (max-width:1024px) {
  .contacts__actions {
    display: block
  }

  .contacts__btn {
    height: 3rem;
    width: 13rem
  }

  .contacts .contact {
    row-gap: .375rem
  }
}

.contacts__email {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center
}

.contacts .contact {
  display: flex;
  flex-direction: column
}

.contacts .contact__label {
  white-space: nowrap;
  font-size: .75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.contacts .contact__link {
  white-space: nowrap;
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 700
}

.find-more {
  display: flex;
  column-gap: 1.125rem;
  border-top-width: 1px;
  padding-top: 1.875rem
}

.find-more_blue-border {
  border-color: rgb(36 60 70 / .2)
}

.find-more_gray-border {
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1))
}

.find-more__icon {
  margin-top: .1875rem;
  flex-shrink: 0
}

.find-more__content>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.625rem * var(--tw-space-y-reverse))
}

.catalog {
  display: flex;
  flex-direction: column;
  row-gap: 1.25rem
}

.catalog__pagination {
  margin-top: 2.5rem
}

@media (max-width:1024px) {
  .contacts .contact__link {
    font-size: 1rem;
    line-height: 1.4;
    font-weight: 400
  }

  .find-more {
    column-gap: .625rem;
    padding-top: 1.5rem
  }

  .catalog__pagination {
    margin-top: 1.75rem
  }
}

@media (max-width:767px) {
  .find-more {
    column-gap: .5rem;
    padding-top: 1rem
  }

  .catalog__pagination {
    margin-top: .25rem
  }
}

.catalog-banner {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 1.25rem;
  overflow: hidden;
  border-radius: .75rem
}

@media (max-width:550px) {
  .contacts__btn {
    width: 100%
  }

  .catalog-banner {
    flex-direction: column
  }
}

.catalog-banner__badge {
  position: absolute;
  top: .625rem;
  left: .625rem
}

.catalog-banner__img {
  position: relative
}

.catalog-banner__img img {
  position: absolute;
  top: 50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center
}

.catalog-banner__content {
  grid-column: span 3/span 3;
  padding: 2rem 2rem 2rem .75rem
}

@media (max-width:1024px) {
  .catalog-banner {
    display: flex;
    column-gap: .625rem
  }

  .catalog-banner__img {
    width: 11.625rem;
    flex-shrink: 0
  }

  .catalog-banner__content {
    padding: .625rem
  }
}

@media (max-width:550px) {
  .catalog-banner__img {
    width: auto
  }

  .catalog-banner__content {
    padding: .625rem
  }
}

.catalog-banner__logo {
  display: block;
  width: 6.875rem
}

.catalog-banner__logo img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  object-position: center;
  mix-blend-mode: multiply
}

.catalog-banner__text>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

.catalog-banner__text {
  font-size: .875rem;
  line-height: 1.375rem
}

.catalog-banner__text:not(:first-child) {
  margin-top: 1.25rem
}

.catalog-banner__text:not(:last-child) {
  margin-bottom: 1rem
}

.catalog-banner:not(.--active) .catalog-banner__text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6
}

@media (max-width:767px) {
  .catalog-banner__text {
    font-size: .75rem;
    line-height: 1rem
  }

  .catalog-banner__text:not(:first-child) {
    margin-top: .625rem
  }

  .catalog-banner__text:not(:last-child) {
    margin-bottom: .3125rem
  }

  .catalog-banner:not(.--active) .catalog-banner__text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
  }
}

.catalog-banner__link {
  font-size: .875rem;
  line-height: 1.125rem
}

.catalog-brand-banner {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 1.25rem;
  overflow: hidden;
  border-radius: .75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1))
}

@media (max-width:1024px) {
  .catalog-banner__logo {
    height: 3.25rem;
    width: 5rem
  }

  .catalog-banner__link {
    font-size: .75rem;
    line-height: 1rem
  }

  .catalog-brand-banner {
    display: flex;
    column-gap: 1.125rem;
    padding: .625rem .75rem 1.25rem .875rem
  }
}

@media (max-width:550px) {
  .catalog-banner__text:not(:first-child) {
    margin-top: 1px
  }

  .catalog-brand-banner {
    flex-direction: column;
    padding: .5rem .875rem 1rem .625rem
  }

  .catalog-brand-banner__content {
    margin-top: 1px
  }
}

.catalog-brand-banner__img {
  display: flex;
  align-items: center;
  justify-content: center
}

.catalog-brand-banner__img img {
  height: auto;
  width: 12.5rem;
  mix-blend-mode: multiply
}

.catalog-brand-banner__content {
  grid-column: span 3/span 3;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-right: 2rem
}

.catalog-brand-banner__content>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

@media (max-width:1024px) {
  .catalog-brand-banner__img {
    display: block;
    flex-shrink: 0
  }

  .catalog-brand-banner__img img {
    width: 5rem
  }

  .catalog-brand-banner__content>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.3125rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.3125rem * var(--tw-space-y-reverse))
  }

  .catalog-brand-banner__content {
    padding: 0
  }

  .catalog-filters__all-filters {
    margin-left: auto
  }
}

.catalog-brand-banner__text>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

.catalog-brand-banner__text {
  font-size: .875rem;
  line-height: 1.125rem
}

.catalog-brand-banner:not(.--active) .catalog-brand-banner__text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6
}

@media (max-width:767px) {
  .catalog-brand-banner__text {
    font-size: .75rem;
    line-height: 1rem
  }

  .catalog-brand-banner:not(.--active) .catalog-brand-banner__text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3
  }
}

.catalog-brand-banner__link {
  font-size: .875rem;
  line-height: 1.125rem
}

.catalog-filters {
  display: flex;
  align-items: baseline;
  column-gap: 1.875rem
}

@media (max-width:767px) {
  .catalog-brand-banner__link {
    font-size: .75rem;
    line-height: 1rem
  }

  .catalog-filters {
    column-gap: .75rem
  }
}

.catalog-filters__wrapper {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1.875rem;
  row-gap: .5rem
}

.catalog-filters__all-filters {
  flex-shrink: 0;
  font-size: 1rem;
  line-height: 1.25
}

.catalog-filters__count:empty {
  display: none
}

.video-consultant-btn:not(.catalog-filters__count:empty) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.catalog-filters__count:empty) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.catalog-filters__count {
  display: flex;
  height: 1.25rem;
  width: 1.25rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 133 205 / var(--tw-bg-opacity, 1));
  font-size: .6875rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.catalog-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 1.25rem;
  row-gap: 1.875rem
}

@media (max-width:1024px) {
  .catalog-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: 1.25rem
  }

  .catalog-list .product-card {
    border-radius: .75rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(238 242 242 / var(--tw-border-opacity, 1))
  }
}

@media (max-width:550px) {
  .catalog-list {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

.filters-layer {
  position: relative;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 5.25rem 1.875rem 8.125rem
}

.filters-layer__header {
  position: fixed;
  top: 0;
  left: 1.875rem;
  right: 1.875rem;
  z-index: 10;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-top: 1.875rem;
  padding-bottom: 1.875rem
}

@media (max-width:767px) {
  .catalog-list {
    column-gap: .625rem;
    row-gap: 1.875rem
  }

  .catalog-list .product-card {
    border-style: none
  }

  .filters-layer {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1.875rem
  }

  .filters-layer__header {
    position: static;
    margin-bottom: 1.875rem;
    padding-top: 0;
    padding-bottom: 0
  }
}

.filters-layer__body {
  display: flex;
  flex-direction: column;
  row-gap: 1.25rem
}

.filters-layer__filter+.filters-layer__filter {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1))
}

.filters-layer__filter.--chosen .filters-layer__filter-name {
  display: inline-flex;
  align-items: center;
  column-gap: .25rem
}

.filters-layer__filter.--chosen .filters-layer__filter-name::after {
  height: .25rem;
  width: .25rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(0 133 205 / var(--tw-bg-opacity, 1));
  --tw-content: "";
  content: var(--tw-content)
}

.filters-layer__footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.25rem
}

.filters-layer__footer>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.625rem * var(--tw-space-y-reverse))
}

.filters-layer .variants-filter label.--chosen.--confirmed {
  order: -1
}

.filter-accordion {
  overflow: hidden;
  transition-property: all;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

.filter-accordion.--opened .filter-accordion__header svg {
  --tw-rotate: -180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media (max-width:767px) {
  .filters-layer__body {
    row-gap: 0
  }

  .filters-layer .variants-filter__body {
    row-gap: 1.25rem
  }

  .filter-accordion {
    gap: 0
  }

  .filter-accordion__header {
    margin: 0;
    width: 100%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between
  }
}

.filter-accordion__header svg {
  transition-property: transform;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

@media (min-width:768px) {

  .catalog-list .product-card__buttons,
  .catalog-list .product-card__store-buttons {
    margin-left: 0;
    margin-right: 0;
    width: 100%
  }

  .filters-layer__filter+.filters-layer__filter {
    padding-top: 1.25rem
  }

  .filter-accordion__header svg {
    display: none
  }
}

.filter-accordion__body {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: .75rem
}

@media (max-width:767px) {
  .filter-accordion__body {
    gap: 1.25rem;
    padding-bottom: 1.25rem
  }
}

.chosen-filters {
  display: flex;
  flex-wrap: wrap;
  gap: .375rem
}

@media (max-width:767px) {
  .chosen-filters {
    margin-left: -.625rem;
    margin-right: -.625rem;
    flex-wrap: nowrap;
    column-gap: 1rem;
    overflow: auto;
    padding-left: .625rem;
    padding-right: .625rem;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -ms-overflow-style: none;
    scrollbar-width: none
  }

  .chosen-filters::-webkit-scrollbar {
    display: none
  }

  .chosen-filters__clear-btn {
    order: -1
  }
}

.chosen-filters__clear-btn {
  flex-shrink: 0
}

.chosen-filters .button__text {
  font-weight: 400
}

.chosen-filters .chosen-filter {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  column-gap: .5rem;
  border-radius: .375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1));
  padding: .625rem .375rem .625rem 1rem
}

.chosen-filters .chosen-filter__label {
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.chosen-filters .chosen-filter__value {
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(32 32 33 / var(--tw-text-opacity, 1))
}

.chosen-filters .chosen-filter__clear {
  position: relative
}

.chosen-filters .chosen-filter__clear:hover {
  --tw-text-opacity: 1;
  color: rgb(0 133 205 / var(--tw-text-opacity, 1))
}

.chosen-filters .chosen-filter__clear svg {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

.chosen-filters .chosen-filter__clear::after {
  position: absolute;
  inset: -.375rem;
  --tw-content: "";
  content: var(--tw-content)
}

.detail-tabs-wrapper {
  margin-bottom: 1.875rem;
  scrollbar-width: none
}

@media (max-width:1024px) {
  .detail-tabs-wrapper {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    margin-bottom: 2.5rem;
    width: 100vw;
    overflow: auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem
  }
}

@media (max-width:767px) {
  .detail-tabs-wrapper {
    margin-left: -.625rem;
    margin-right: -.625rem;
    padding-left: .625rem;
    padding-right: .625rem
  }
}

.detail-tabs-wrapper::-webkit-scrollbar {
  display: none
}

.detail-basic {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: 1.25rem
}

.detail-basic__visual {
  grid-column: span 8/span 8;
  padding-right: 2.5rem
}

@media (max-width:1299px) {
  .detail-basic__visual {
    padding-right: 0
  }
}

.detail-basic__info {
  grid-column: span 4/span 4
}

@media (max-width:1024px) {
  .detail-basic {
    display: flex;
    flex-direction: column
  }

  .detail-basic__info {
    margin-left: 0;
    margin-top: 2.5rem;
    width: 100%
  }

  .detail-gallery-main {
    padding-bottom: 1.5rem
  }
}

.detail-visual__gallery {
  margin-top: 1.25rem;
  height: 100%;
  max-height: 44.375rem
}

.detail-gallery-main {
  overflow: hidden
}

.detail-gallery-main .swiper-scrollbar.swiper-scrollbar-horizontal {
  bottom: 0;
  width: auto;
  background-color: transparent
}

@media (max-width:1024px) {
  .detail-gallery-main .swiper-scrollbar.swiper-scrollbar-horizontal {
    left: 1.25rem;
    right: 1.25rem
  }
}

@media (max-width:767px) {
  .detail-basic__info {
    margin-top: 1.25rem
  }

  .detail-gallery-main {
    padding-bottom: .875rem
  }

  .detail-gallery-main .swiper-scrollbar.swiper-scrollbar-horizontal {
    left: .625rem;
    right: .625rem
  }
}

.detail-gallery-main .swiper-scrollbar.swiper-scrollbar-horizontal .swiper-scrollbar-drag {
  height: .25rem;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1))
}

.detail-gallery-thumbs {
  display: flex;
  flex-direction: column;
  gap: .875rem
}

.detail-gallery-thumbs:not(.swiper-initialized) .swiper-wrapper {
  display: flex;
  flex-direction: column
}

.detail-gallery-thumbs .swiper-slide {
  height: 5.625rem;
  width: 5.625rem
}

.detail-gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
  opacity: .3
}

.detail-gallery-thumbs__item img {
  height: 5.625rem;
  width: 5.625rem;
  cursor: pointer;
  border-radius: .75rem;
  object-fit: contain
}

.detail-gallery-panel {
  display: flex;
  flex-direction: column
}

.detail-gallery-panel__thumbs {
  margin-top: .875rem;
  margin-bottom: .875rem;
  height: 100%;
  overflow: hidden
}

.detail-gallery-switcher {
  display: inline-flex;
  height: 2.25rem;
  width: 5.625rem;
  flex-shrink: 0;
  flex-grow: 0;
  align-items: center;
  justify-content: center;
  border-radius: .375rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1))
}

.detail-gallery {
  display: flex
}

.detail-gallery__panel {
  margin-right: 1.25rem;
  height: 100%
}

.detail-gallery__main {
  width: 100%
}

.detail-gallery__main img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply
}

.detail-gallery__image {
  overflow: hidden;
  border-radius: .75rem;
  background-color: rgba(0, 0, 0, .03)
}

@media (max-width:1024px) {
  .detail-gallery__panel {
    display: none
  }

  .detail-gallery__main {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    max-height: none;
    width: 100vw;
    max-width: none;
    padding-left: 1.25rem;
    padding-right: 1.25rem
  }

  .detail-gallery .swiper-slide {
    height: 36.25rem;
    width: 36.25rem
  }
}

.detail-info {
  display: flex;
  flex-direction: column
}

.detail-info__actions,
.detail-info__price {
  margin-top: 1.875rem
}

.detail-info__personalization {
  margin-top: 1.875rem;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: .625rem
}

@media (max-width:1024px) {
  .detail-info__personalization {
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr))
  }
}

@media (max-width:767px) {
  .detail-gallery__main {
    margin-left: -.625rem;
    margin-right: -.625rem;
    padding-left: .625rem;
    padding-right: .625rem
  }

  .detail-gallery .swiper-slide {
    height: 18.75rem;
    width: 18.75rem
  }

  .detail-info__personalization {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }
}

.detail-info__colors,
.detail-info__product-sets,
.detail-info__sizes {
  margin-top: 1.875rem
}

.detail-info-specs {
  display: flex;
  flex-direction: column
}

.detail-info-specs__model {
  margin-left: .75rem
}

.detail-info-specs__article,
.detail-info-specs__dimensions {
  white-space: nowrap;
  font-size: .75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.detail-info-price__current {
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 700
}

.detail-info-price__old {
  margin-left: 1rem;
  font-size: 1rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1));
  text-decoration-line: line-through
}

.detail-info-price__discount {
  margin-left: 1rem
}

.detail-info-price__bonus {
  margin-left: 1.25rem
}

.detail-info-price__informer {
  margin-top: 1.25rem;
  width: 100%
}

.detail-info-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .625rem
}

@media (max-width:767px) {
  .detail-info-actions {
    display: flex;
    flex-direction: column;
    gap: 1.25rem
  }
}

.detail-info-actions__shops-only {
  display: flex;
  align-items: center;
  justify-content: center;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.detail-info-actions__availability,
.detail-info-actions__buy,
.detail-info-actions__cart {
  width: 100%
}

.detail-info-sizes {
  display: flex;
  flex-direction: column
}

.detail-info-sizes__title {
  display: flex;
  justify-content: space-between;
  column-gap: .5rem;
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

@media (max-width:1024px) {
  .detail-info-sizes__title {
    justify-content: flex-start;
    gap: 1.25rem
  }
}

@media (max-width:767px) {
  .detail-info-sizes__title {
    flex-wrap: wrap;
    gap: .625rem
  }
}

.detail-info-sizes__selected {
  margin-left: .75rem;
  display: inline-block;
  --tw-text-opacity: 1;
  color: rgb(32 32 33 / var(--tw-text-opacity, 1))
}

.detail-info-sizes__list {
  margin-top: .625rem
}

.detail-info-sizes-list {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .25rem
}

@media (max-width:1024px) {
  .detail-info-sizes-list {
    display: flex;
    flex-wrap: wrap;
    gap: .625rem
  }

  .detail-info-sizes-list__item {
    width: 5.5rem
  }
}

.detail-info-colors {
  display: flex;
  flex-direction: column
}

.detail-info-colors__title {
  display: flex;
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.detail-info-colors__selected {
  margin-left: .75rem;
  display: inline-block;
  --tw-text-opacity: 1;
  color: rgb(32 32 33 / var(--tw-text-opacity, 1))
}

.detail-info-colors__list {
  margin-top: .625rem
}

.detail-info-colors-list {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: .25rem
}

@media (max-width:1024px) {
  .detail-info-colors-list {
    display: flex;
    flex-wrap: wrap;
    gap: .625rem
  }

  .detail-info-colors-list__item {
    width: 5rem
  }

  .detail-personalization--selected .detail-personalization__inner-row {
    gap: .75rem
  }
}

.detail-personalization {
  position: relative;
  width: 100%;
  border-radius: .375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1));
  padding: 1rem;
  text-align: left
}

.detail-personalization--selected {
  display: flex;
  gap: .375rem
}

.detail-personalization--selected .detail-personalization__inner {
  flex-grow: 1;
  font-size: .875rem;
  line-height: 1.125rem
}

.detail-personalization--selected .detail-personalization__inner>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
}

.detail-personalization--selected .detail-personalization__inner-row {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.detail-personalization--selected .detail-personalization__name {
  --tw-text-opacity: 1;
  color: rgb(0 133 205 / var(--tw-text-opacity, 1))
}

.detail-personalization--selected .detail-personalization__symbol {
  display: flex;
  align-items: center;
  gap: .375rem
}

@media (max-width:1024px) {
  .detail-personalization--single .detail-personalization__inner {
    display: flex;
    align-items: center;
    justify-content: space-between
  }

  .detail-personalization--single .detail-personalization__inner>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse))
  }
}

.detail-personalization__title {
  margin-bottom: .375rem;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 700
}

.detail-personalization__desc {
  display: block;
  font-size: .875rem;
  line-height: 1.125rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(0 133 205 / var(--tw-text-opacity, 1))
}

.detail-personalization__image {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0
}

.detail-personalization__image img {
  display: block;
  height: 100%;
  width: auto;
  object-fit: cover
}

@media (max-width:767px) {
  .detail-personalization--single .detail-personalization__inner {
    display: block
  }

  .detail-personalization--single .detail-personalization__inner>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
  }

  .detail-features {
    margin-left: -.625rem;
    margin-right: -.625rem;
    overflow: hidden;
    padding-left: .625rem;
    padding-right: .625rem
  }

  .detail-features__card {
    height: auto;
    width: 15.75rem
  }
}

.detail-features-card {
  display: flex;
  flex-direction: column;
  border-radius: .75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1));
  padding: .75rem
}

.detail-features-card__image {
  display: block;
  height: 18.75rem;
  width: 100%
}

@media (max-width:1024px) {
  .detail-features-card {
    padding: .625rem
  }

  .detail-features-card__image {
    aspect-ratio: 212/163;
    height: auto
  }
}

.detail-features-card__image img {
  display: block;
  height: 100%;
  width: 100%;
  border-radius: .375rem;
  object-fit: cover
}

.detail-features-card__title {
  margin-top: 1.25rem;
  padding-left: .5rem;
  padding-right: .5rem;
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 700
}

@media (max-width:1024px) {
  .detail-features-card__title {
    padding-left: 0;
    padding-right: 0;
    font-size: 1rem;
    line-height: 1.25
  }
}

@media (max-width:767px) {
  .detail-features-card__image {
    aspect-ratio: auto;
    height: 10.625rem;
    width: 100%
  }

  .detail-features-card__title {
    padding-left: .125rem;
    padding-right: .125rem;
    font-size: .875rem;
    line-height: 1.125rem
  }
}

.detail-features-card__text {
  margin-top: .625rem;
  padding-left: .5rem;
  padding-right: .5rem;
  padding-bottom: .5rem;
  font-size: .875rem;
  line-height: 1.375rem
}

.detail-specs {
  display: flex
}

@media (max-width:1024px) {
  .detail-features-card__text {
    padding-left: 0;
    padding-right: 0;
    font-size: .75rem;
    line-height: 1rem
  }

  .detail-specs {
    flex-direction: column
  }
}

.detail-specs__properties {
  width: 26.25rem;
  flex-shrink: 0;
  flex-grow: 0;
  flex-basis: auto
}

.detail-specs__description {
  margin-left: 8.125rem
}

@media (max-width:1024px) {
  .detail-specs__properties {
    width: 100%
  }

  .detail-specs__description {
    margin-top: 2.5rem;
    margin-left: 0
  }
}

.detail-specs-description__title {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 700
}

.detail-specs-description__content {
  margin-top: 1.25rem;
  font-size: 1rem;
  line-height: 1.625rem
}

@media (min-width:768px) {
  .detail-features .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem
  }

  .detail-specs-description__content {
    height: auto
  }

  .detail-specs-description__expand {
    display: none
  }
}

@media (max-width:767px) {
  .detail-features-card__text {
    padding-left: .125rem;
    padding-right: .125rem
  }

  .detail-specs-description__expand {
    margin-top: .25rem;
    margin-left: auto
  }
}

.fixed-informer {
  transition-property: transform;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: 150ms
}

.fixed-informer:not(.active) {
  --tw-translate-y: -100%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  opacity: 0
}

.product-size {
  padding: 2.5rem;
  overflow: auto;
  --scrollbar-track: transparent;
  --scrollbar-thumb: #EEF2F2;
  --scrollbar-thumb-radius: 9999px;
  --scrollbar-width: 0.25rem;
  --scrollbar-height: 0.25rem
}

.product-size::-webkit-scrollbar-track {
  background-color: var(--scrollbar-track);
  border-radius: var(--scrollbar-track-radius)
}

.product-size::-webkit-scrollbar-track:hover {
  background-color: var(--scrollbar-track-hover, var(--scrollbar-track))
}

.product-size::-webkit-scrollbar-track:active {
  background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)))
}

.product-size::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-thumb);
  border-radius: var(--scrollbar-thumb-radius)
}

.product-size::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb))
}

.product-size::-webkit-scrollbar-thumb:active {
  background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)))
}

.product-size::-webkit-scrollbar-corner {
  background-color: var(--scrollbar-corner);
  border-radius: var(--scrollbar-corner-radius)
}

.product-size::-webkit-scrollbar-corner:hover {
  background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner))
}

.product-size::-webkit-scrollbar-corner:active {
  background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)))
}

@supports (-moz-appearance:none) {
  .product-size {
    scrollbar-width: auto;
    scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial)
  }
}

.product-size::-webkit-scrollbar {
  display: block;
  width: var(--scrollbar-width, 16px);
  height: var(--scrollbar-height, 16px)
}

@media (max-width:1024px) {
  .detail-specs-description__content {
    line-height: 1.25rem
  }

  .fixed-informer:not(.active) {
    --tw-translate-y: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .product-size {
    padding: 2rem 1rem
  }
}

.product-size__title {
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 700
}

.product-size__header {
  position: relative;
  margin-top: -3.75rem;
  display: flex;
  height: 460px;
  align-items: flex-end
}

.product-size__lines {
  position: absolute;
  left: 0;
  bottom: 3.75rem;
  height: 13.75rem;
  width: 100%
}

@media (max-width:767px) {
  .product-size__title {
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: 700
  }

  .product-size__header {
    margin-left: -1rem;
    margin-right: -1rem;
    margin-top: -1rem;
    overflow: hidden;
    padding-left: 1rem;
    padding-right: 1rem
  }

  .product-size__lines {
    left: 1rem;
    right: 1rem
  }
}

.product-size__line {
  position: absolute;
  left: 0;
  right: 0;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  text-align: right;
  font-size: .75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.product-size__line.--xl {
  bottom: 88%
}

.product-size__line.--l {
  bottom: 79%
}

.product-size__line.--m {
  bottom: 70%
}

.product-size__line.--s {
  bottom: 58%
}

.product-size__sizes {
  position: relative;
  z-index: 10;
  margin-right: 12.5rem;
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 1.25rem
}

.product-size__peoples {
  position: absolute;
  right: 5%;
  bottom: 3.75rem;
  top: 0;
  aspect-ratio: 300/750
}

.product-size__peoples img {
  height: 100%;
  object-fit: contain
}

.product-size__women {
  position: absolute;
  top: 15%;
  left: -15%;
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

@media (max-width:767px) {
  .product-size__line {
    text-align: left
  }

  .product-size__sizes {
    margin-left: -1rem;
    margin-right: -1rem;
    width: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    overflow: auto;
    --scrollbar-track: transparent;
    --scrollbar-thumb: #EEF2F2;
    --scrollbar-thumb-radius: 9999px;
    --scrollbar-width: 0.25rem;
    --scrollbar-height: 0.25rem
  }

  .product-size__sizes::-webkit-scrollbar-track {
    background-color: var(--scrollbar-track);
    border-radius: var(--scrollbar-track-radius)
  }

  .product-size__sizes::-webkit-scrollbar-track:hover {
    background-color: var(--scrollbar-track-hover, var(--scrollbar-track))
  }

  .product-size__sizes::-webkit-scrollbar-track:active {
    background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)))
  }

  .product-size__sizes::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb);
    border-radius: var(--scrollbar-thumb-radius)
  }

  .product-size__sizes::-webkit-scrollbar-thumb:hover {
    background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb))
  }

  .product-size__sizes::-webkit-scrollbar-thumb:active {
    background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)))
  }

  .product-size__sizes::-webkit-scrollbar-corner {
    background-color: var(--scrollbar-corner);
    border-radius: var(--scrollbar-corner-radius)
  }

  .product-size__sizes::-webkit-scrollbar-corner:hover {
    background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner))
  }

  .product-size__sizes::-webkit-scrollbar-corner:active {
    background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)))
  }

  @supports (-moz-appearance:none) {
    .product-size__sizes {
      scrollbar-width: auto;
      scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial)
    }
  }

  .product-size__sizes::-webkit-scrollbar {
    display: block;
    width: var(--scrollbar-width, 16px);
    height: var(--scrollbar-height, 16px)
  }

  .product-size__peoples {
    --tw-translate-x: 50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .product-size__women {
    left: -10;
    font-size: .75rem;
    line-height: 1rem
  }
}

.product-size__men {
  position: absolute;
  top: 9%;
  right: -10%;
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.product-size__body {
  margin-top: 1rem;
  border-top-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  padding-top: 2rem
}

.product-size .product-size-tab {
  position: relative;
  display: flex;
  flex-shrink: 0;
  flex-grow: 0;
  cursor: pointer;
  flex-direction: column;
  align-items: center;
  row-gap: .25rem
}

.product-size .product-size-tab img {
  height: 13.75rem;
  object-fit: contain;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s;
  filter: contrast(0)
}

.product-size .product-size-tab.--active img {
  filter: contrast(1)
}

.product-size .product-size-tab.--active .product-size-tab__btn {
  --tw-text-opacity: 1;
  color: rgb(32 32 33 / var(--tw-text-opacity, 1))
}

.product-size .product-size-tab__btn {
  height: 3.5rem;
  text-align: center;
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

.product-size .product-size-tab__text {
  position: absolute;
  left: 0;
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.product-size .product-size-tab.--s {
  width: 7.5rem;
  flex-basis: 7.5rem
}

.product-size .product-size-tab.--s .product-size-tab__text {
  bottom: 67%
}

.product-size .product-size-tab.--m {
  width: 7.5rem;
  flex-basis: 7.5rem
}

.product-size .product-size-tab.--m .product-size-tab__text {
  bottom: 76.5%
}

.product-size .product-size-tab.--l {
  width: 7.875rem;
  flex-basis: 7.875rem
}

.product-size .product-size-tab.--l .product-size-tab__text {
  bottom: 84%
}

.product-size .product-size-tab.--xl {
  width: 8.625rem;
  flex-basis: 8.625rem
}

.product-size .product-size-tab.--xl .product-size-tab__text {
  bottom: 91%
}

.product-size .product-size-item__title {
  font-size: 1.75rem;
  line-height: 1.2;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(36 60 70 / var(--tw-text-opacity, 1))
}

.product-size .product-size-item__title span {
  display: block
}

.product-size .product-size-item__description {
  margin-top: 1.25rem
}

.oneclick-layer__wrapper {
  display: grid;
  grid-template-columns: 18rem 22rem;
  align-items: center
}

@media (max-width:767px) {
  .product-size__men {
    right: auto;
    left: 15%;
    top: 1.5%;
    font-size: .75rem;
    line-height: 1rem
  }

  .product-size__body {
    margin-top: .5rem;
    padding-top: 1.5rem
  }

  .product-size .product-size-tab__text {
    display: none
  }

  .product-size .product-size-item__title {
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: 700
  }

  .product-size .product-size-item__description {
    font-size: .875rem;
    line-height: 1.125rem
  }

  .oneclick-layer__wrapper {
    display: flex;
    flex-direction: column;
    align-items: stretch
  }
}

.oneclick-layer__form {
  padding: 2.5rem
}

@media (max-width:767px) {
  .oneclick-layer__form {
    padding: 1.5rem 1rem
  }
}

.oneclick-layer__thanks {
  width: 22.25rem;
  padding: 1.875rem
}

.oneclick-product {
  display: flex;
  flex-direction: column;
  gap: .625rem;
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));
  padding: 1.875rem 1.5rem
}

.oneclick-product__img {
  aspect-ratio: 1/1;
  width: 100%;
  overflow: hidden
}

@media (max-width:767px) {
  .oneclick-layer__thanks {
    width: 100%;
    padding: 1.875rem 1.5rem
  }

  .oneclick-product {
    flex-direction: row;
    align-items: center;
    padding: .625rem
  }

  .oneclick-product__img {
    width: 5.625rem
  }
}

.oneclick-product__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply
}

.oneclick-product__content {
  display: flex;
  flex-direction: column;
  row-gap: .625rem
}

@media (max-width:767px) {
  .oneclick-product__content {
    align-items: flex-start;
    row-gap: .3125rem
  }
}

.oneclick-product__price {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  column-gap: .625rem
}

.oneclick-product__current-price {
  white-space: nowrap;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1
}

@media (max-width:767px) {
  .oneclick-product__current-price {
    font-size: 1rem;
    line-height: 1.25rem
  }
}

.oneclick-product__old-price {
  white-space: nowrap;
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1));
  text-decoration-line: line-through
}

@media (max-width:767px) {
  .oneclick-product__old-price {
    font-size: .75rem;
    line-height: 1rem
  }
}

.oneclick-product__name {
  text-align: center;
  font-size: .875rem;
  line-height: 1.125rem
}

@media (max-width:1024px) {
  .oneclick-product__name {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
  }
}

.oneclick-product__features {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: .5rem;
  row-gap: .25rem
}

.oneclick-product__feature {
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.product-subscribe-layer {
  width: 22.25rem
}

.product-subscribe-layer__form {
  padding: 1.5rem 1.5rem 1.875rem
}

.product-subscribe-layer__ok {
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));
  padding: .625rem 1.875rem 1.875rem
}

@media (max-width:767px) {
  .product-subscribe-layer {
    width: 100%
  }

  .product-subscribe-layer__ok {
    padding: 0 1rem 1.5rem
  }
}

.product-subscribe-product {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: .625rem;
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));
  padding: 1.25rem 1.875rem
}

@media (max-width:767px) {
  .product-subscribe-product {
    padding: 1rem
  }
}

.product-subscribe-product__img {
  aspect-ratio: 1/1;
  overflow: hidden;
  max-width: 12.5rem
}

.product-subscribe-product__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply
}

.product-subscribe-product__label {
  text-align: center;
  font-size: .875rem;
  line-height: 1.125rem
}

.reserve-layer .order-success__inner {
  padding: 1.25rem
}

.reserve-stores {
  display: flex;
  max-height: 100%;
  flex-direction: column;
  overflow: hidden
}

.reserve-stores__header {
  display: flex;
  flex-direction: column;
  row-gap: 1.25rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));
  padding: 1.875rem 1.875rem .625rem
}

@media (max-width:1024px) {
  .reserve-stores__header {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
}

.reserve-stores__title {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 700
}

@media (max-width:767px) {
  .reserve-stores__header {
    row-gap: .75rem;
    padding: 1rem 1rem .375rem
  }

  .reserve-stores__title {
    font-size: 1rem;
    line-height: 1.25
  }
}

.reserve-stores__cities {
  display: flex
}

.reserve-stores__city {
  position: relative;
  white-space: nowrap;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-size: .875rem;
  line-height: 1.125rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s;
  padding: .625rem 1rem
}

.reserve-stores__city+.reserve-stores__city {
  border-left-width: 0
}

.reserve-stores__city:first-child {
  border-top-left-radius: .375rem;
  border-bottom-left-radius: .375rem
}

.reserve-stores__city:last-child {
  border-top-right-radius: .375rem;
  border-bottom-right-radius: .375rem
}

.reserve-stores__city.--current {
  --tw-bg-opacity: 1;
  background-color: rgb(36 60 70 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.reserve-stores__head {
  display: grid;
  grid-template-columns: 15rem 3.125rem 8.125rem 10rem;
  column-gap: 1.25rem;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: .75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.reserve-stores__list {
  margin-right: .75rem;
  display: flex;
  flex-direction: column;
  row-gap: .625rem;
  padding: 1.25rem .75rem 1.25rem 1.875rem
}

@media (max-width:1024px) {
  .reserve-stores__head {
    grid-template-columns: 17.5rem 3.125rem 8.125rem 8.125rem
  }

  .reserve-stores__list {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
}

@media (max-width:767px) {
  .reserve-stores__head {
    grid-template-columns: 1fr 3.125rem
  }

  .reserve-stores__list {
    padding: 1rem
  }
}

.reserve-store {
  position: relative;
  display: grid;
  grid-template-columns: 15rem 3.125rem 8.125rem 10rem;
  column-gap: 1.25rem;
  border-radius: .375rem;
  font-size: .875rem;
  line-height: 1.125rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s;
  padding: .75rem 1rem
}

@media (max-width:1024px) {
  .reserve-store {
    grid-template-columns: 17.5rem 3.125rem 8.125rem 8.125rem
  }
}

@media (max-width:767px) {
  .reserve-store {
    grid-template-columns: 1fr 3.125rem
  }
}

.reserve-store:hover {
  --tw-border-opacity: 1;
  border-color: rgb(0 133 205 / var(--tw-border-opacity, 1))
}

.reserve-store__link {
  position: absolute;
  inset: 0
}

.reserve-store__main {
  display: flex;
  flex-direction: column;
  row-gap: .375rem
}

.reserve-store__metro {
  display: flex;
  flex-wrap: wrap;
  column-gap: .5rem;
  row-gap: .25rem
}

.reserve-store__metro-item {
  display: flex;
  align-items: center;
  column-gap: .375rem;
  font-size: .875rem;
  line-height: 1.125rem
}

.reserve-form {
  display: grid;
  max-height: 100%;
  grid-template-columns: 18rem 22rem;
  overflow: auto
}

.reserve-form__right {
  padding: 1.875rem 2.5rem
}

@media (max-width:767px) {
  .reserve-form {
    display: flex;
    flex-direction: column;
    align-items: stretch
  }

  .reserve-form__right {
    padding: 1rem 1rem 1.5rem
  }
}

.reserve-form__store {
  font-size: .875rem;
  line-height: 1.125rem
}

.reserve-form__metro {
  display: flex;
  flex-wrap: wrap;
  column-gap: .5rem;
  row-gap: .25rem
}

.reserve-form__metro-item {
  display: flex;
  align-items: center;
  column-gap: .375rem;
  font-size: .875rem;
  line-height: 1.125rem
}

.reserve-form__worktime {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: .625rem
}

.reserve-product {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: .625rem;
  --tw-bg-opacity: 1;
  background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));
  padding: 1.875rem 1.5rem
}

@media (max-width:767px) {
  .reserve-product {
    flex-direction: row;
    align-items: center;
    padding: 2.75rem .625rem .625rem
  }
}

.reserve-product__back {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  display: flex;
  height: 2.5rem;
  align-items: center;
  column-gap: .375rem;
  border-bottom-right-radius: .375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: .5rem;
  padding-right: .75rem;
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(36 60 70 / var(--tw-text-opacity, 1))
}

.reserve-product__img {
  margin-top: auto;
  margin-bottom: auto;
  aspect-ratio: 1/1;
  width: 100%;
  overflow: hidden
}

.reserve-product__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply
}

.reserve-product__content {
  display: flex;
  flex-direction: column;
  row-gap: .625rem
}

@media (max-width:767px) {
  .reserve-product__img {
    margin-top: 0;
    margin-bottom: 0;
    width: 5.625rem
  }

  .reserve-product__content {
    align-items: flex-start;
    row-gap: .3125rem
  }
}

.reserve-product__price {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  column-gap: .625rem
}

.reserve-product__current-price {
  white-space: nowrap;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1
}

@media (max-width:767px) {
  .reserve-product__current-price {
    font-size: 1rem;
    line-height: 1.25rem
  }
}

.reserve-product__old-price {
  white-space: nowrap;
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1));
  text-decoration-line: line-through
}

@media (max-width:767px) {
  .reserve-product__old-price {
    font-size: .75rem;
    line-height: 1rem
  }
}

.reserve-product__name {
  text-align: center;
  font-size: .875rem;
  line-height: 1.125rem
}

@media (max-width:1024px) {
  .reserve-product__name {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1
  }
}

.reserve-product__features {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: .5rem;
  row-gap: .25rem
}

.reserve-product__feature {
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.personal {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: 1.25rem
}

.personal__title {
  grid-column: 1/-1
}

.personal__aside {
  grid-column: span 3/span 3
}

.personal__body {
  grid-column: span 9/span 9
}

@media (max-width:1299px) {
  .personal__aside {
    margin-bottom: 1.25rem
  }

  .personal__body {
    grid-column: 1/-1
  }

  .personal:not(.personal_root) .personal__aside {
    display: none
  }

  .personal_root .personal__aside {
    grid-column: span 12/span 12;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .personal__card {
    grid-column-start: 2;
    grid-row: span 2/span 2;
    width: 20rem;
    place-self: end
  }
}

.personal__content {
  border-radius: .75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  padding: 2.5rem
}

@media (max-width:1024px) {
  .personal__content {
    padding: 1.875rem 1.5rem
  }
}

@media (max-width:767px) {
  .personal_root .personal__aside {
    display: flex;
    flex-direction: column
  }

  .personal__card {
    width: 22rem;
    max-width: 100%;
    place-self: auto
  }

  .personal__content {
    padding: 1.25rem 1rem
  }
}

.personal-card {
  position: relative;
  display: flex;
  height: 10rem;
  flex-direction: column;
  border-radius: .75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1));
  padding: 1rem
}

.personal-card__items {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 2rem
}

.personal-card__case {
  position: absolute;
  bottom: -1.5rem;
  right: 1rem;
  width: 10rem
}

.personal-menu__link {
  display: flex;
  align-items: center;
  column-gap: .75rem;
  padding-top: .625rem;
  padding-bottom: .625rem
}

.personal-menu__link svg {
  flex-shrink: 0
}

.personal-product {
  position: relative;
  display: flex;
  align-items: center;
  column-gap: .625rem;
  border-radius: .625rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1rem .625rem
}

.personal-product__link {
  position: absolute;
  inset: 0;
  z-index: 1
}

.personal-product__img {
  width: 5.625rem;
  height: 5.625rem;
  flex-shrink: 0
}

.personal-product__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  mix-blend-mode: multiply
}

.personal-order {
  border-radius: .75rem;
  background-color: rgb(32 32 33 / .05);
  padding: 1.25rem
}

@media (max-width:1024px) {
  .personal-order {
    padding: 1.875rem 1.5rem
  }
}

@media (max-width:767px) {
  .personal-order {
    padding: 1.5rem 1rem
  }
}

.personal-order__info {
  position: relative;
  margin-left: -1.25rem;
  margin-right: -1.25rem;
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  gap: 1.25rem
}

.personal-order__order-info {
  grid-column: span 2/span 2;
  padding-left: 1.25rem
}

@media (max-width:1024px) {
  .personal-order__info {
    margin-left: 0;
    margin-right: 0;
    display: flex;
    flex-direction: column
  }

  .personal-order__order-info {
    padding-left: 0
  }
}

.personal-order__delivery-info {
  grid-column: span 3/span 3
}

.personal-order__pay-info {
  grid-column: span 2/span 2
}

.personal-order__status {
  position: absolute;
  top: 0;
  right: 1.25rem;
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: flex-end
}

.personal-order__status .badge {
  max-width: 12.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.personal-order__products {
  margin-top: 1.25rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  border-top-width: 1px;
  border-color: rgb(32 32 33 / .1);
  padding-top: 1.25rem
}

@media (max-width:1024px) {
  .personal-order__status .badge {
    max-width: 100%
  }

  .personal-order__products {
    margin-top: 1.875rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-top: 1.875rem
  }
}

@media (max-width:767px) {
  .personal-order__products {
    margin-top: 1.5rem;
    padding-top: 1.5rem
  }
}

.personal-loyalty-card>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.875rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.875rem * var(--tw-space-y-reverse))
}

.personal-loyalty-card {
  border-radius: .75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 60 70 / var(--tw-bg-opacity, 1));
  padding: 1.25rem
}

.personal-loyalty-card__logo {
  aspect-ratio: 8/1;
  height: 2.5rem
}

@media (max-width:1024px) {
  .personal-loyalty-card {
    padding: 1.875rem 1rem 1.875rem 1.5rem
  }

  .personal-loyalty-card__logo {
    height: 1.75rem
  }
}

@media (max-width:550px) {
  .personal-order__order-info {
    order: -2
  }

  .personal-order__status {
    position: static;
    order: -1;
    align-items: flex-start
  }

  .personal-order__products {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }

  .personal-loyalty-card {
    padding: 1.5rem 1rem
  }

  .personal-loyalty-card__logo {
    height: 1.25rem
  }
}

.personal-loyalty-card__info {
  display: flex;
  flex-direction: column;
  row-gap: 1.875rem
}

@media (max-width:1024px) {
  .personal-loyalty-card__info {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.25rem
  }
}

@media (max-width:550px) {
  .personal-loyalty-card__info {
    display: flex;
    flex-direction: column
  }
}

.personal-loyalty-card__info-item {
  display: flex;
  flex-direction: column;
  row-gap: .625rem
}

@media (max-width:767px) {
  .personal-loyalty-card__info-item {
    row-gap: .3125rem
  }
}

.personal-loyalty-card__chip {
  display: flex;
  width: 9.75rem;
  flex-direction: column;
  row-gap: .625rem;
  border-radius: .375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(146 146 146 / var(--tw-border-opacity, 1));
  padding: 1.25rem
}

@media (max-width:550px) {
  .personal-loyalty-card__chip {
    width: auto
  }
}

.personal-invite {
  position: relative;
  display: flex;
  min-height: 27.25rem;
  overflow: hidden;
  border-radius: .75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1))
}

.personal-invite::before {
  position: absolute;
  top: -3rem;
  bottom: -2.5rem;
  right: -.5rem;
  aspect-ratio: 1/1;
  --tw-content: "";
  content: var(--tw-content);
  background-image: url(/local/templates/in_modern/css/../img/personal-invite.jpg);
  background-size: cover;
  background-repeat: no-repeat
}

@media (max-width:1024px) {
  .personal-loyalty-card__chip {
    padding: .625rem
  }

  .personal-invite {
    display: block;
    height: auto
  }

  .personal-invite::before {
    position: static;
    display: block;
    aspect-ratio: 9/2;
    width: 100%;
    background-position: center calc(50% - 20px)
  }
}

@media (max-width:767px) {
  .personal-loyalty-card__chip {
    row-gap: .3125rem;
    padding: .3125rem
  }

  .personal-invite::before {
    aspect-ratio: 17/6;
    background-size: calc(100% + 10rem);
    background-position: center calc(50% - 10px)
  }
}

.personal-invite__content {
  position: relative;
  z-index: 1;
  display: flex;
  width: 50%;
  flex-direction: column;
  padding: 1.25rem 2.5rem 2rem 1.25rem
}

.personal-invite__content::after,
.personal-invite__content::before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-top-left-radius: .75rem;
  border-top-right-radius: .75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

@media (max-width:1024px) {
  .personal-invite__content {
    margin-top: -.75rem;
    width: 100%;
    border-top-left-radius: .75rem;
    border-top-right-radius: .75rem;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding: 1.75rem 1.5rem 3.375rem
  }

  .personal-invite__content::after,
  .personal-invite__content::before {
    --tw-content: "";
    content: var(--tw-content)
  }

  .personal-invite__substrate {
    display: none
  }
}

.personal-invite__content::before {
  top: -1.25rem;
  opacity: .5
}

.personal-invite__content::after {
  top: -2.5rem;
  opacity: .3
}

.personal-invite__substrate {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 25.75rem;
  z-index: 1;
  width: 68rem;
  background-image: url(/local/templates/in_modern/css/../img/personal-invite-substrate.png);
  background-size: contain;
  background-position: right;
  background-repeat: no-repeat
}

.personal-invite__substrate::after,
.personal-invite__substrate::before {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 68rem;
  --tw-content: "";
  content: var(--tw-content);
  background-image: url(/local/templates/in_modern/css/../img/personal-invite-substrate.png);
  background-size: contain;
  background-position: right;
  background-repeat: no-repeat
}

.personal-invite__substrate::before {
  right: -1.25rem;
  opacity: .5
}

.personal-invite__substrate::after {
  right: -2.5rem;
  opacity: .3
}

.personal-table {
  display: flex;
  width: 100%;
  flex-direction: column;
  row-gap: .625rem
}

.personal-table__row {
  display: grid;
  grid-template-columns: 7.5rem 8.375rem 9.75rem 8.7rem 10rem 8rem;
  justify-content: space-between;
  font-size: .875rem;
  line-height: 1.125rem
}

@media (max-width:1024px) {
  .personal-table__row {
    justify-content: flex-start;
    column-gap: 1.25rem
  }
}

.personal-table__row.--hidden {
  display: none
}

.video-consultant-btn:not(.personal-table__row.--hidden) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.personal-table__row.--hidden) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.personal-table__row_head {
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.personal-table__row:not(.personal-table__row_head) {
  padding-top: 1.125rem;
  padding-bottom: 1.125rem
}

@media (max-width:767px) {
  .personal-invite__content {
    margin-top: -.5rem;
    padding: 2.5rem 1rem 1.5rem
  }

  .personal-table {
    row-gap: 0
  }

  .personal-table__row {
    grid-template-columns: 5rem 6rem 6.625rem 6.25rem 8.25rem 6.5rem;
    font-size: .75rem;
    line-height: 1rem
  }

  .personal-table__row_head {
    margin-bottom: .625rem
  }

  .personal-table__row:not(.personal-table__row_head) {
    padding-top: .75rem;
    padding-bottom: .75rem
  }
}

.personal-table__row:not(.personal-table__row_head)+.personal-table__row {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1))
}

.cart__wrapper {
  position: relative;
  margin-top: 1.25rem;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 2.5rem
}

@media (max-width:1024px) {
  .cart__wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 1.75rem
  }
}

.cart__body {
  grid-column: span 2/span 2;
  display: flex;
  flex-direction: column;
  row-gap: 1.5rem;
  padding-right: 1.25rem
}

@media (max-width:1299px) {
  .cart__body {
    padding-right: 0
  }
}

.cart__total {
  border-radius: .75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1));
  padding: 1.25rem
}

@media (min-width:1025px) {
  .cart__floating-btn {
    display: none
  }

  .order-info-item__personalization-item:not(:first-child) {
    border-top-width: 1px
  }
}

.cart__floating-btn {
  position: fixed;
  bottom: 4rem;
  left: 1.25rem;
  right: 1.25rem;
  z-index: 20;
  opacity: 1;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

.cart__floating-btn.--hidden {
  opacity: 0
}

.cart__total-btns {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  column-gap: 1.25rem
}

@media (max-width:1299px) {
  .cart__total-btns {
    column-gap: .5rem
  }
}

@media (max-width:767px) {
  .cart__wrapper {
    margin-top: 0
  }

  .cart__floating-btn {
    bottom: 3.25rem;
    left: .625rem;
    right: .625rem
  }

  .cart__total-btns {
    display: flex;
    flex-direction: column;
    row-gap: 1.25rem
  }
}

.cart__product+.cart__product {
  margin-top: 1.875rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  padding-top: 1.875rem
}

.cart-banner {
  position: relative;
  display: flex;
  flex-direction: column;
  row-gap: .3125rem;
  overflow: hidden;
  border-radius: .375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1));
  padding: 1rem 1.25rem
}

@media (max-width:767px) {
  .cart-banner {
    padding: .625rem
  }
}

.cart-banner__img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  max-width: 60%
}

.cart-banner__img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: left
}

.cart-product {
  display: grid;
  place-items: start;
  column-gap: 1.25rem;
  row-gap: 1.25rem;
  grid-template-columns: 5.625rem 1fr auto 1.5rem
}

@media (max-width:1024px) {
  .cart-banner__img {
    max-width: 58%
  }

  .cart-product {
    grid-template-columns: 6.625rem 1fr 1.5rem;
    row-gap: .625rem
  }

  .cart-product_out-of-stock .cart-product__about {
    grid-row-start: 1;
    margin-top: 0
  }
}

@media (max-width:550px) {
  .cart-banner__img {
    max-width: 35%
  }

  .cart-product {
    grid-template-columns: 6.625rem 1fr;
    column-gap: .625rem
  }
}

.cart-product_out-of-stock {
  grid-template-columns: 6.625rem 1fr 1.5rem
}

.cart-product_out-of-stock .cart-product__img {
  opacity: .4
}

.cart-product_out-of-stock .cart-product__about {
  max-width: 33.75rem;
  opacity: .4
}

.cart-product_out-of-stock .cart-product__actions {
  grid-row: auto
}

.cart-product_with-personalization .cart-product__counter {
  grid-row-start: 3
}

.cart-product__img {
  grid-row: span 2/span 2;
  margin-top: .375rem;
  height: 5.625rem;
  width: 5.625rem;
  border-radius: .75rem;
  background-color: rgb(0 0 0 / .03);
  padding: .625rem
}

@media (max-width:1024px) {
  .cart-product__img {
    grid-row: auto;
    margin-top: 0;
    height: 6.625rem;
    width: 6.625rem;
    padding: 1.125rem
  }
}

.cart-product__img img {
  height: 100%;
  width: 100%;
  object-fit: contain;
  mix-blend-mode: multiply
}

.cart-product__about {
  margin-top: .25rem;
  display: flex;
  flex-wrap: wrap;
  column-gap: .625rem;
  row-gap: .375rem
}

.cart-product__name {
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 700
}

.cart-product__features {
  display: inline-flex;
  column-gap: .75rem;
  white-space: nowrap;
  font-size: 1rem;
  line-height: 1.25
}

.cart-product__configuration {
  display: inline-flex;
  width: 100%;
  column-gap: .75rem;
  white-space: nowrap;
  font-size: .875rem;
  line-height: 1.125rem
}

.cart-product__counter {
  grid-column-start: 2;
  grid-row-start: 2
}

@media (max-width:1024px) {
  .cart-product__about {
    grid-column-start: 2;
    grid-row-start: 2;
    margin-top: -3.5rem
  }

  .cart-product__features {
    width: 100%
  }

  .cart-product__counter {
    grid-column-start: 1
  }
}

@media (max-width:550px) {
  .cart-product_out-of-stock {
    grid-template-columns: 6.625rem 1fr
  }

  .cart-product_with-personalization .cart-product__actions,
  .cart-product_with-personalization .cart-product__counter {
    grid-row-start: auto
  }

  .cart-product__img {
    grid-row: span 2/span 2
  }

  .cart-product__about {
    margin-top: -.25rem
  }

  .cart-product__counter {
    grid-row-start: 3
  }

  .cart-product__prices {
    font-size: .875rem;
    line-height: 1.125rem
  }
}

.cart-product__prices {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
  display: flex;
  flex-direction: column;
  row-gap: .75rem
}

.cart-product__prices-row {
  display: flex;
  align-items: center;
  column-gap: 1.25rem;
  white-space: nowrap
}

@media (max-width:1024px) {
  .cart-product__prices {
    grid-column-start: 2;
    grid-row: auto;
    grid-row-start: 1;
    margin-left: 0;
    margin-right: 0;
    row-gap: .375rem
  }

  .cart-product__prices-row {
    column-gap: .625rem
  }
}

.cart-product__actions {
  grid-row: span 2/span 2;
  margin-top: 1px;
  display: flex;
  flex-direction: column;
  row-gap: .625rem
}

.cart-product__personalization {
  grid-column: span 2/span 2;
  place-self: stretch
}

@media (max-width:1024px) {
  .cart-product__actions {
    margin-top: 0;
    row-gap: 1.25rem
  }

  .cart-product__personalization {
    grid-column: span 1/span 1;
    grid-column-start: 2
  }
}

@media (max-width:550px) {
  .cart-product__actions {
    grid-column-start: 2;
    grid-row: auto;
    grid-row-start: 3;
    flex-direction: row;
    column-gap: .625rem;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto
  }

  .cart-product__personalization {
    grid-column: span 2/span 2;
    grid-column-start: 1;
    grid-row-start: 3
  }
}

.cart-product-personalization {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: flex-start;
  gap: 1.25rem
}

@media (max-width:1024px) {
  .cart-product-personalization {
    gap: .625rem
  }
}

.cart-product-personalization-item {
  position: relative;
  border-radius: .375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  padding: .5rem .5rem .5rem .75rem;
  font-size: .75rem;
  line-height: 1rem
}

.cart-product-personalization-item__close {
  position: absolute;
  top: .5rem;
  right: .5rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.cart-product-personalization-item__inner>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
}

.cart-product-personalization-item__row {
  display: flex;
  align-items: center;
  gap: .75rem
}

.cart-product-personalization-item__row--gray {
  font-style: italic;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.order-row {
  display: flex;
  justify-content: space-between
}

.order-info>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
}

.order-info_border-top {
  margin-top: 1rem;
  border-top-width: 1px;
  border-color: rgb(32 32 33 / .1);
  padding-top: 1rem
}

.order-info__items {
  display: flex;
  flex-wrap: wrap;
  gap: .625rem
}

.order-info__rows>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

.order-info__btn svg {
  height: auto;
  width: auto
}

.order-info-item {
  overflow: hidden;
  border-radius: .375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.order-info-item--personalization {
  display: flex;
  width: 100%;
  align-items: center
}

@media (max-width:1024px) {
  .order-info-item--personalization {
    width: 50%
  }

  .order-info-item--personalization-both {
    width: 100%
  }
}

@media (max-width:767px) {
  .cart-product-personalization {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }

  .order-info-item--personalization {
    width: 100%
  }
}

.order-info-item__image {
  height: 3.5rem;
  width: 3.5rem;
  flex-shrink: 0;
  padding: .375rem
}

.order-info-item__image img {
  height: 100%;
  width: 100%;
  object-fit: contain
}

.order-info-item__personalization {
  flex-grow: 1;
  border-left-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1))
}

.order-info-item__personalization-item:not(:first-child) {
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1))
}

@media (max-width:1024px) {
  .order-info-item__personalization {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr))
  }

  .order-info-item__personalization-item:not(:first-child) {
    border-left-width: 1px
  }
}

@media (max-width:767px) {
  .order-info-item__personalization {
    display: block
  }

  .order-info-item__personalization-item:not(:first-child) {
    border-top-width: 1px
  }
}

.order-info-item-personalization-item>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.375rem * var(--tw-space-y-reverse))
}

.order-info-item-personalization-item {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-size: .75rem;
  line-height: 1rem;
  padding: .5rem .75rem
}

.order-info-item-personalization-item__row {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.order-info-item-personalization-item__row--gray {
  font-style: italic;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.personalization-phrase {
  font-size: 1rem;
  line-height: 1.125rem
}

.personalization-font {
  font-size: .75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.personalization-symbol {
  display: flex;
  align-items: center;
  gap: .75rem
}

.personalization-symbol__preview {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: .25rem;
  font-family: Times New Roman, serif;
  font-size: 1rem;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1
}

.personalization-symbol__preview i {
  line-height: .9
}

.personalization-color {
  display: flex;
  align-items: center;
  gap: .375rem;
  font-size: .875rem;
  line-height: 1.125rem
}

.personalization-color__icon {
  width: .625rem;
  height: .625rem;
  border-radius: 9999px
}

.order-dropdown {
  overflow: hidden;
  transition-property: all;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

.order-dropdown svg {
  transition-property: transform;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

.order-dropdown.--saved .--default,
.order-dropdown.--saved .--disabled {
  display: none
}

.video-consultant-btn:not(.order-dropdown.--saved.--default) .video-consultant-btn__icon svg:first-child,
.video-consultant-btn:not(.order-dropdown.--saved.--disabled) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.order-dropdown.--saved.--default) .video-consultant-btn__icon svg:last-child,
.video-consultant-btn:not(.order-dropdown.--saved.--disabled) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.order-dropdown.--disabled .--default,
.order-dropdown.--disabled .--saved {
  display: none
}

.video-consultant-btn:not(.order-dropdown.--disabled.--default) .video-consultant-btn__icon svg:first-child,
.video-consultant-btn:not(.order-dropdown.--disabled.--saved) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.order-dropdown.--disabled.--default) .video-consultant-btn__icon svg:last-child,
.video-consultant-btn:not(.order-dropdown.--disabled.--saved) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.order-dropdown.--disabled .order-dropdown__header {
  pointer-events: none;
  cursor: default
}

.order-dropdown:not(.--saved):not(.--disabled) .--disabled,
.order-dropdown:not(.--saved):not(.--disabled) .--saved {
  display: none
}

.video-consultant-btn:not(.order-dropdown:not(.--saved):not(.--disabled).--disabled) .video-consultant-btn__icon svg:first-child,
.video-consultant-btn:not(.order-dropdown:not(.--saved):not(.--disabled).--saved) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.order-dropdown:not(.--saved):not(.--disabled).--disabled) .video-consultant-btn__icon svg:last-child,
.video-consultant-btn:not(.order-dropdown:not(.--saved):not(.--disabled).--saved) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.order-dropdown.--opened svg {
  --tw-rotate: -180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.order-dropdown__header {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: space-between
}

.order-dropdown__body>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.625rem * var(--tw-space-y-reverse))
}

.order-dropdown__body {
  padding-top: .625rem
}

.order-status {
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: stretch;
  overflow: auto
}

.order-status>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.875rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.875rem * var(--tw-space-y-reverse))
}

@media (max-width:767px) {
  .order-status>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
  }
}

.order-status__title {
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(36 60 70 / var(--tw-text-opacity, 1))
}

.order-status__tab>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
}

.order-status__tab--hidden {
  display: none
}

.video-consultant-btn:not(.order-status__tab--hidden) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.order-status__tab--hidden) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.order-status__form>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
}

@media (max-width:767px) {
  .order-status__form>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.75rem * var(--tw-space-y-reverse))
  }
}

.order-status__top-subtitle {
  font-size: .75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.order-status__top-title {
  font-weight: 700
}

.order-status__empty {
  text-align: center
}

.order-status-list>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.5rem * var(--tw-space-y-reverse))
}

.order-status-list {
  border-radius: .375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: 1.75rem 1.25rem 2.5rem
}

.order-status-list-item {
  display: flex;
  gap: .625rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.order-status-list-item:not(:last-child) .order-status-list-item__icon:after {
  --tw-content: "";
  content: var(--tw-content)
}

.order-status-list-item--active,
.order-status-list-item--active .order-status-list-item__icon {
  --tw-text-opacity: 1;
  color: rgb(36 60 70 / var(--tw-text-opacity, 1))
}

.order-status-list-item--active .order-status-list-item__icon:after {
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(36 60 70 / var(--tw-border-opacity, 1))
}

.order-status-list-item__icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .5rem;
  padding-left: .5rem;
  padding-right: .5rem
}

.order-status-list-item__icon:after {
  display: block;
  height: 1.875rem;
  border-right-width: 1px;
  border-style: dashed;
  --tw-border-opacity: 1;
  border-color: rgb(146 146 146 / var(--tw-border-opacity, 1))
}

.order-status-list-item__info {
  padding-top: .125rem
}

.order-status-list-item__title {
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 700
}

.order-status-list-item__desc {
  margin-top: .625rem;
  font-size: .75rem;
  line-height: 1rem
}

.order-status-contacts>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

@media (max-width:767px) {
  .order-status-contacts__phones {
    display: block
  }
}

.order-status-contacts__shop {
  font-size: .75rem;
  line-height: 1rem
}

.order-status-contacts__bottom {
  display: flex;
  justify-content: space-between
}

.delivery-table__row {
  position: relative;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  column-gap: 1.25rem
}

@media (max-width:1024px) {
  .delivery-table>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.625rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.625rem * var(--tw-space-y-reverse))
  }

  .delivery-table__row {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    row-gap: .75rem;
    column-gap: 0;
    border-radius: .75rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
    padding: 1.25rem 1.5rem
  }
}

@media (max-width:767px) {
  .delivery-table__row {
    display: block;
    padding: 1.5rem 1rem
  }
}

.delivery-table__row_head {
  padding-bottom: .625rem
}

.delivery-table__row:not(.delivery-table__row_head) {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  padding-top: 1.25rem;
  padding-bottom: 1.25rem
}

.delivery-table__row-name>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.625rem * var(--tw-space-y-reverse))
}

@media (max-width:1024px) {
  .delivery-table__row_head {
    display: none
  }

  .delivery-table__row-name {
    grid-column: span 3/span 3
  }
}

.delivery-table__row-title {
  display: flex;
  align-items: center;
  gap: .375rem
}

.delivery-table__row-title-svg {
  flex-shrink: 0
}

.delivery-table__row-badge {
  display: inline-flex
}

@media (max-width:767px) {
  .delivery-table__row:not(.delivery-table__row--last) {
    padding-top: 2.625rem
  }

  .delivery-table__row-name>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0px * var(--tw-space-y-reverse))
  }

  .delivery-table__row-title {
    margin-bottom: .75rem;
    gap: .25rem
  }

  .delivery-table__row-badge {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 0;
    padding: .375rem 1rem
  }
}

.delivery-table__row-desc>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.625rem * var(--tw-space-y-reverse))
}

@media (min-width:1025px) {
  .delivery-table__row-desc {
    padding-left: 1.875rem
  }
}

@media (max-width:1024px) {
  .delivery-table__row-desc {
    grid-column: span 3/span 3;
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
    padding-top: .75rem
  }

  .delivery-table__row-desc>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.375rem * var(--tw-space-y-reverse))
  }

  .delivery-table__row-cell {
    display: flex;
    flex-direction: column;
    gap: .375rem
  }
}

@media (max-width:767px) {
  .delivery-table__row-desc {
    margin-top: .75rem;
    padding-left: .25rem;
    padding-right: .25rem;
    padding-top: 1rem
  }

  .delivery-table__row-cell {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.75rem;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
    padding-top: .375rem;
    padding-bottom: .375rem
  }

  .delivery-table__row-cell--last {
    border-style: none
  }
}

.delivery-table__row-cell-head {
  display: none;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  font-size: .75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.video-consultant-btn:not(.delivery-table__row-cell-head) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.delivery-table__row-cell-head) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

@media (min-width:768px) {
  .delivery-table__row-cell-head {
    border-bottom-width: 1px;
    padding-bottom: .375rem
  }

  .about-features-card:first-child .about-features-card__info {
    padding-left: 0
  }
}

.delivery-table__row-cell-inner>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.625rem * var(--tw-space-y-reverse))
}

.delivery__find-more {
  gap: .875rem
}

@media (max-width:1024px) {
  .delivery-table__row-cell-head {
    display: block
  }

  .delivery-table__row-cell-inner>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.375rem * var(--tw-space-y-reverse))
  }

  .delivery-table__row-cell-inner {
    padding-right: 2rem
  }

  .delivery-table__row-cell-inner--no-margin {
    padding-right: 0
  }

  .delivery__find-more {
    margin-top: 1.5rem;
    gap: .625rem;
    border-style: none;
    padding-top: 0
  }

  .delivery__find-more .find-more__content>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.375rem * var(--tw-space-y-reverse))
  }
}

.delivery-attention>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.875rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.875rem * var(--tw-space-y-reverse))
}

@media (max-width:1024px) {
  .delivery-attention>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
  }

  .delivery-attention__title {
    margin-bottom: 1.875rem
  }
}

.delivery-attention__items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  column-gap: 1.25rem
}

@media (max-width:767px) {
  .delivery-table__row-cell-inner {
    grid-column: span 2/span 2;
    padding-right: 0;
    font-size: .875rem;
    line-height: 1.125rem
  }

  .delivery__find-more {
    gap: .5rem
  }

  .delivery-attention>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
  }

  .delivery-attention__title {
    margin-bottom: 1.5rem
  }

  .delivery-attention__items {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    row-gap: .625rem
  }
}

.delivery-attention__item {
  position: relative;
  border-radius: .75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1));
  padding: 1.875rem
}

.delivery-attention__item-img {
  position: absolute;
  right: 0;
  bottom: 0
}

.delivery-attention__item-img--1 {
  width: 7.5rem
}

.delivery-attention__item-img--2 {
  width: 8.375rem
}

.delivery-attention__item-img--3 {
  width: 9rem
}

.payment-methods>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.875rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.875rem * var(--tw-space-y-reverse))
}

@media (max-width:1024px) {
  .delivery-attention__item {
    height: 9.625rem;
    padding: 1.5rem
  }

  .payment-methods>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
  }

  .payment-methods__title {
    margin-bottom: 1.875rem;
    display: flex;
    align-items: center;
    justify-content: space-between
  }
}

.payment-methods__inner>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
}

.payment-methods__items {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  column-gap: 1.25rem
}

@media (max-width:1024px) {
  .payment-methods__inner>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.75rem * var(--tw-space-y-reverse))
  }

  .payment-methods__items {
    column-gap: 2.75rem
  }
}

@media (max-width:767px) {
  .delivery-attention__item {
    height: auto;
    padding-left: 1rem;
    padding-right: 1rem
  }

  .payment-methods__inner>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
  }

  .payment-methods__items {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: .375rem
  }
}

.payment-methods__item>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.625rem * var(--tw-space-y-reverse))
}

.payment-methods__item {
  border-radius: .75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  padding: 1.875rem
}

@media (max-width:1024px) {
  .payment-methods__item {
    border-width: 0;
    padding: 0;
    font-size: .875rem;
    line-height: 1.125rem
  }
}

@media (max-width:767px) {
  .payment-methods__item {
    border-width: 1px;
    padding: 1.5rem 1rem
  }
}

.payment-methods__item-list>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.375rem * var(--tw-space-y-reverse))
}

.payment-methods__item-desk {
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.payment-methods__desk {
  position: relative;
  padding-left: 1.875rem;
  padding-top: .625rem;
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.payment-methods__desk::before {
  content: "*";
  position: absolute;
  left: 0;
  top: .625rem;
  width: 1.875rem;
  text-align: center
}

@media (max-width:1024px) {
  .payment-methods__item-list>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.1875rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.1875rem * var(--tw-space-y-reverse))
  }

  .payment-methods__desk {
    border-top-width: 1px;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
    padding-top: .75rem;
    padding-bottom: .75rem;
    padding-left: .75rem
  }

  .payment-methods__desk::before {
    top: .75rem;
    width: .75rem;
    text-align: left
  }

  .payment-methods__find-more {
    border-width: 0;
    padding-top: 0
  }
}

@media (max-width:767px) {
  .payment-methods__desk {
    border-width: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 1.5rem
  }

  .payment-methods__desk::before {
    top: 0;
    width: 1.5rem;
    text-align: center
  }

  .payment-methods__find-more {
    border-top-width: 1px;
    padding-top: 1rem
  }
}

.loyalty-banner {
  position: relative
}

.loyalty-banner__img {
  display: block;
  aspect-ratio: 1300/470;
  width: 100%;
  overflow: hidden;
  border-radius: .75rem
}

.loyalty-banner__content {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  padding: 3.75rem 5.625rem 8.625rem
}

.loyalty-banner__title {
  margin-bottom: .625rem;
  font-size: 3.5rem;
  line-height: 1.2;
  font-weight: 700
}

@media (max-width:1024px) {
  .loyalty-banner__img {
    aspect-ratio: 732/360
  }

  .loyalty-banner__content {
    padding: 2.5rem 1.5rem 7rem
  }

  .loyalty-banner__title {
    margin-bottom: .375rem;
    font-size: 3rem;
    line-height: 1.2
  }
}

@media (max-width:767px) {
  .loyalty-banner__title {
    margin-bottom: .75rem;
    font-size: 2rem;
    line-height: 1.2
  }
}

@media (max-width:550px) {
  .loyalty-banner__img {
    aspect-ratio: 342/138
  }

  .loyalty-banner__content {
    right: auto;
    bottom: auto;
    aspect-ratio: 342/138;
    padding: 1.5rem 1rem
  }

  .loyalty-banner__title {
    font-size: 1.25rem;
    line-height: 1.2
  }
}

.loyalty-banner__text {
  max-width: 48.75rem;
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 700
}

.loyalty-banner__button {
  position: absolute;
  bottom: 3.75rem;
  left: 5.625rem;
  height: 3rem;
  width: 13.75rem
}

.loyalty-features {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  column-gap: 1.25rem;
  border-radius: .75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1))
}

@media (max-width:767px) {
  .loyalty-banner__text {
    font-size: 1rem;
    line-height: 1.25
  }

  .loyalty-features {
    display: flex;
    flex-direction: column;
    row-gap: 1.25rem
  }
}

@media (max-width:550px) {
  .loyalty-banner__text {
    font-size: .875rem;
    line-height: 1.125rem
  }

  .loyalty-banner__button {
    position: static;
    margin-top: 1rem;
    height: 2.5rem;
    width: 100%
  }

  .loyalty-features {
    row-gap: 1rem
  }
}

.loyalty-features__item {
  display: flex;
  column-gap: .75rem;
  padding: 1.875rem
}

@media (max-width:1024px) {
  .loyalty-banner__text {
    max-width: 33.75rem
  }

  .loyalty-banner__button {
    bottom: 2.5rem;
    left: 1.5rem
  }

  .loyalty-features {
    border-radius: 0;
    border-width: 0
  }

  .loyalty-features__item {
    flex-direction: column;
    row-gap: .375rem;
    padding: 0 1.5rem
  }
}

@media (max-width:550px) {
  .loyalty-features__item {
    padding: 0 1rem
  }

  .rules-table__row:not(.rules-table__row_head) .rules-table__term {
    font-size: .875rem;
    line-height: 1.125rem
  }
}

.loyalty-features__label {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(36 60 70 / var(--tw-text-opacity, 1))
}

@media (max-width:1024px) {
  .loyalty-features__label {
    font-size: 1rem;
    line-height: 1.25
  }
}

@media (max-width:767px) {
  .loyalty-features__item {
    flex-direction: row;
    align-items: center
  }

  .loyalty-features__label {
    font-size: .875rem;
    line-height: 1.125rem
  }
}

.rules-table__row {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: 1.25rem
}

.rules-table__row_head {
  padding-bottom: .625rem;
  font-size: .75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.rules-table__row:not(.rules-table__row_head) {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-size: 1rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(32 32 33 / var(--tw-text-opacity, 1))
}

.rules-table__row:not(.rules-table__row_head) .rules-table__term {
  font-weight: 700
}

@media (max-width:767px) {
  .rules-table__row_head {
    display: none
  }

  .rules-table__row:not(.rules-table__row_head) {
    display: flex;
    flex-direction: column;
    row-gap: .375rem
  }

  .rules-table__row_first {
    border-width: 0
  }
}

.rules-table__term {
  grid-column: span 2/span 2
}

@media (max-width:1024px) {
  .rules-table__row:not(.rules-table__row_head) {
    padding-top: 1rem;
    padding-bottom: 1rem
  }

  .rules-table__term {
    grid-column: span 3/span 3
  }
}

.rules-table__definition {
  grid-column: span 10/span 10;
  padding-right: 5.625rem
}

.rules-table .rules-inner-list {
  display: flex;
  flex-wrap: wrap;
  column-gap: 2.5rem;
  row-gap: .75rem;
  overflow: hidden
}

@media (max-width:1024px) {
  .rules-table__definition {
    grid-column: span 9/span 9;
    padding-right: 0
  }

  .rules-table .rules-inner-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.25rem
  }

  .rules-table .rules-inner-list__item+.rules-inner-list__item::before {
    display: none;
    --tw-content: none;
    content: var(--tw-content)
  }
}

.rules-table .rules-inner-list__item {
  position: relative;
  display: flex;
  flex-direction: column
}

.rules-table .rules-inner-list__item.--long {
  grid-column: span 2/span 2
}

.rules-table .rules-inner-list__item+.rules-inner-list__item::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -1.25rem;
  width: 1px;
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1));
  --tw-content: "";
  content: var(--tw-content)
}

.rules-table .rules-inner-list__term {
  font-size: .75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.rules-table .rules-inner-list__definition {
  white-space: nowrap;
  font-size: 1rem;
  line-height: 1.25;
  --tw-text-opacity: 1;
  color: rgb(32 32 33 / var(--tw-text-opacity, 1))
}

@media (max-width:550px) {
  .rules-table__definition {
    font-size: .875rem;
    line-height: 1.125rem
  }

  .rules-table .rules-inner-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: .625rem;
    row-gap: 1rem
  }

  .rules-table .rules-inner-list__definition {
    font-size: .875rem;
    line-height: 1.125rem
  }
}

.accordion {
  overflow: hidden;
  border-radius: .75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

.accordion.--opened .accordion__header svg {
  --tw-rotate: -180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

.accordion svg {
  transition-property: transform;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

.accordion__header {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: space-between;
  padding: 1.875rem
}

@media (max-width:1024px) {
  .rules-table .rules-inner-list__definition {
    white-space: normal
  }

  .accordion__header {
    padding: 1.25rem 1.5rem
  }
}

.accordion__title {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 700
}

@media (max-width:767px) {
  .accordion__header {
    padding: .75rem 1rem
  }

  .accordion__title {
    font-size: 1rem;
    line-height: 1.4
  }
}

.accordion__body {
  position: relative;
  padding: 1.25rem 1.875rem 1.875rem
}

.accordion__body::before {
  position: absolute;
  top: 0;
  left: 1.875rem;
  right: 1.875rem;
  height: 1px;
  background-color: rgb(36 60 70 / .2);
  --tw-content: "";
  content: var(--tw-content)
}

.about-banner__banner {
  position: relative
}

.about-banner__img {
  display: block;
  aspect-ratio: 1300/456;
  width: 100%;
  overflow: hidden;
  border-radius: .75rem;
  object-fit: cover
}

.about-banner__content {
  position: absolute;
  left: 5.625rem;
  top: 0;
  display: flex;
  height: 100%;
  max-width: 34rem;
  flex-direction: column;
  justify-content: center;
  gap: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(36 60 70 / var(--tw-text-opacity, 1))
}

@media (max-width:1024px) {
  .accordion__body {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 1.25rem
  }

  .about-banner__img {
    aspect-ratio: 732/360
  }

  .about-banner__content {
    left: 1.5rem
  }
}

@media (max-width:550px) {
  .about-banner__img {
    aspect-ratio: 342/240
  }

  .about-banner__content {
    left: 1rem;
    width: 80%;
    min-width: 16.75rem;
    max-width: 100%
  }
}

.about-banner__title {
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 700
}

@media (max-width:767px) {
  .accordion__body {
    padding: 1rem
  }

  .about-banner__title {
    font-size: 1.25rem;
    line-height: 1.2
  }

  .about-banner__text {
    display: none
  }
}

.about-banner__desc {
  display: none;
  font-size: .875rem;
  line-height: 1.125rem
}

.about-banner__desc>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.75rem * var(--tw-space-y-reverse))
}

.video-consultant-btn:not(.about-banner__desc) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.about-banner__desc) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

@media (max-width:767px) {
  .about-banner__desc {
    display: block
  }

  .about-brands__desc {
    display: none
  }
}

.about-brands {
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1))
}

@media (min-width:1300px) {
  .about-brands {
    border-radius: .75rem;
    border-width: 1px;
    padding: 1.875rem
  }

  .about-brands-slider__btn {
    display: none
  }
}

.about-brands__desc {
  margin-top: 1.875rem;
  max-width: 58.75rem
}

.about-brands__button {
  margin-top: 1rem;
  max-width: 10.625rem
}

.about-brands-slider {
  position: relative
}

@media (max-width:1299px) {
  .about-brands__button {
    max-width: 14.375rem
  }

  .about-brands-slider {
    padding-left: 2.25rem;
    padding-right: 2.25rem
  }
}

.about-brands-slider__slider {
  overflow: hidden
}

.about-brands-slider__slider .swiper-scrollbar {
  position: relative;
  inset: auto;
  margin-top: 1rem;
  height: .25rem;
  background-color: transparent
}

.about-brands-slider__slider .swiper-scrollbar-drag {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1))
}

.about-brands-slider__btn {
  position: absolute;
  top: 50%;
  z-index: 10;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media (max-width:767px) {
  .about-brands__button {
    max-width: none
  }

  .about-brands-slider {
    padding-left: 0;
    padding-right: 0
  }

  .about-brands-slider__slider {
    margin-left: -.625rem;
    margin-right: -.625rem;
    padding-left: .625rem;
    padding-right: .625rem
  }

  .about-brands-slider__item {
    width: 8rem
  }

  .about-brands-slider__btn {
    display: none
  }
}

.about-brands-slider__btn_prev {
  left: 0
}

.about-brands-slider__btn_next {
  right: 0
}

.about-cards {
  display: grid;
  gap: 1.25rem
}

@media (max-width:767px) {
  .about-cards {
    gap: 1rem
  }
}

.about-catalog {
  display: flex;
  flex-direction: column-reverse;
  border-radius: .75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1))
}

@media (min-width:1300px) {
  .about-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-template-rows: 16.5rem 18rem 15rem
  }

  .about-cards__card--features {
    grid-column: span 2/span 2;
    grid-row: span 3/span 3;
    grid-row-start: 1
  }

  .about-cards__card--catalog {
    grid-column-start: 3;
    grid-row: span 2/span 2
  }

  .about-cards__card--delivery {
    grid-column-start: 3;
    grid-row-start: 3
  }

  .about-catalog {
    gap: 1.25rem;
    padding: 1.875rem
  }
}

.about-catalog__img {
  margin-left: auto;
  margin-right: auto
}

@media (max-width:1299px) {
  .about-catalog {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-left: 1.5rem
  }

  .about-catalog__img {
    margin-top: 1rem;
    margin-bottom: 1rem;
    width: 13.75rem
  }
}

@media (max-width:767px) {
  .about-catalog {
    display: flex;
    flex-direction: column-reverse;
    padding: 1.5rem 1rem
  }

  .about-catalog__img {
    margin-top: 0;
    margin-bottom: 0
  }
}

.about-catalog__bottom {
  display: flex;
  flex-direction: column;
  gap: 1.25rem
}

.about-catalog__desc {
  --tw-text-opacity: 1;
  color: rgb(36 60 70 / var(--tw-text-opacity, 1))
}

@media (max-width:1299px) {
  .about-catalog__bottom {
    justify-content: center
  }

  .about-catalog__button {
    max-width: 12.5rem
  }
}

@media (max-width:767px) {
  .about-catalog__bottom {
    margin-top: 1.5rem;
    align-items: center
  }

  .about-catalog__desc {
    text-align: center
  }

  .about-catalog__button {
    width: 100%;
    max-width: none
  }
}

.about-features {
  grid-template-rows: 16.5rem 18rem 15rem;
  gap: 1.25rem
}

@media (min-width:1300px) {
  .about-features {
    display: grid
  }
}

@media (max-width:1299px) {
  .about-features {
    display: flex;
    flex-direction: column
  }
}

.about-features-card {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
  overflow: hidden;
  border-radius: .75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1))
}

.about-features-card:first-child {
  --tw-bg-opacity: 1;
  background-color: rgb(230 235 235 / var(--tw-bg-opacity, 1))
}

.about-features-card:first-child .about-features-card__img img {
  object-position: right
}

@media (max-width:767px) {
  .about-features-card {
    display: flex;
    flex-direction: column-reverse;
    gap: 0
  }

  .about-features-card:first-child .about-features-card__info {
    margin-bottom: -3rem
  }

  .about-features-card:first-child .about-features-card__img img {
    height: 130%;
    object-position: center
  }

  .about-features-card:nth-child(2) .about-features-card__img {
    height: 13.75rem
  }

  .about-features-card:nth-child(3) .about-features-card__img {
    height: 7.5rem
  }

  .about-features-card:not(:first-child) .about-features-card__button {
    max-width: none
  }
}

.about-features-card__info {
  display: flex;
  flex-direction: column;
  padding: 1.875rem
}

@media (max-width:1299px) {
  .about-features-card__info {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
}

.about-features-card__title {
  margin-bottom: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(36 60 70 / var(--tw-text-opacity, 1))
}

.about-features-card__desc {
  --tw-text-opacity: 1;
  color: rgb(36 60 70 / var(--tw-text-opacity, 1))
}

.about-features-card__desc--second {
  margin-top: .625rem;
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

@media (max-width:767px) {
  .about-features-card__info {
    padding: 1.5rem 1rem
  }

  .about-features-card__title {
    margin-bottom: .625rem
  }

  .about-features-card__desc {
    font-size: .875rem;
    line-height: 1.125rem
  }

  .about-features-card__desc--second {
    margin-top: .625rem;
    font-size: .75rem;
    line-height: 1rem
  }
}

.about-features-card__button {
  margin-top: auto;
  max-width: 10.625rem
}

.about-features-card__img {
  overflow: hidden
}

.about-features-card__img img {
  height: 100%;
  width: 100%;
  object-fit: cover
}

.about-delivery {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  border-radius: .75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  padding: 2rem 1.875rem
}

@media (max-width:1299px) {
  .about-features-card__button {
    margin-top: 1.25rem
  }

  .about-delivery {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 1.875rem 1.5rem
  }
}

@media (max-width:767px) {
  .about-features-card__button {
    margin-top: 1.5rem
  }

  .about-delivery {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 1.875rem 1rem
  }
}

.about-delivery__top {
  display: flex;
  flex-direction: column;
  gap: .625rem
}

@media (max-width:1299px) {
  .about-delivery__top {
    flex-direction: row;
    align-items: center;
    gap: .75rem
  }
}

@media (max-width:767px) {
  .about-delivery__top {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .625rem
  }
}

.about-delivery__links {
  display: flex;
  flex-direction: column;
  gap: .625rem
}

.wholesale-orders-contacts>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2.5rem * var(--tw-space-y-reverse))
}

@media (max-width:1299px) {
  .wholesale-orders-contacts>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.875rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.875rem * var(--tw-space-y-reverse))
  }
}

@media (max-width:767px) {
  .about-delivery__links {
    gap: 1rem
  }

  .wholesale-orders-contacts>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
  }

  .wholesale-orders-contacts__subtitle {
    margin-bottom: .5rem
  }
}

.wholesale-orders-contacts__list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem
}

.wholesale-orders-contact {
  overflow: hidden;
  border-radius: .75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1))
}

.wholesale-orders-contact__top {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1));
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(36 60 70 / var(--tw-text-opacity, 1));
  padding: .625rem 1.875rem
}

@media (max-width:1299px) {
  .wholesale-orders-contact__top {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
}

@media (max-width:767px) {
  .wholesale-orders-contacts__list {
    gap: .625rem
  }

  .wholesale-orders-contact__top {
    font-size: .75rem;
    line-height: 1rem;
    padding: .375rem 1rem
  }
}

.wholesale-orders-contact__info {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  padding: 1.875rem
}

@media (max-width:1299px) {
  .wholesale-orders-contact__info {
    padding: 1.5rem
  }
}

.wholesale-orders-contact__info-top {
  display: flex;
  justify-content: space-between
}

.wholesale-orders-contact__name {
  margin-bottom: .75rem
}

.wholesale-orders-contact__work-time {
  margin-bottom: .25rem;
  font-size: .75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

@media (max-width:767px) {
  .wholesale-orders-contact__info {
    gap: 1rem;
    padding-left: 1rem;
    padding-right: 1rem
  }

  .wholesale-orders-contact__info-top-inner {
    width: 100%
  }

  .wholesale-orders-contact__work-time {
    margin-bottom: .375rem
  }
}

.wholesale-orders-contact__address {
  margin-bottom: .25rem
}

.wholesale-orders-contact__address--button {
  display: none
}

.video-consultant-btn:not(.wholesale-orders-contact__address--button) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.wholesale-orders-contact__address--button) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.wholesale-orders-contact__desc {
  font-size: .75rem;
  line-height: 1rem
}

.wholesale-orders-contact__qr {
  border-radius: .25rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  padding: .25rem
}

@media (max-width:767px) {
  .wholesale-orders-contact__address {
    margin-bottom: 0
  }

  .wholesale-orders-contact__address--link {
    display: none
  }

  .wholesale-orders-contact__address--button {
    display: flex
  }

  .wholesale-orders-contact__desc,
  .wholesale-orders-contact__qr {
    display: none
  }
}

.wholesale-orders-contact__qr img {
  width: 5.625rem
}

.wholesale-orders-contact__info-bottom {
  display: flex;
  gap: 1.25rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  padding-top: .625rem
}

@media (max-width:767px) {
  .wholesale-orders-contact__info-bottom {
    flex-direction: column-reverse;
    gap: .75rem;
    border-width: 0;
    padding-top: 0;
    font-size: .875rem;
    line-height: 1.125rem
  }
}

.wholesale-orders-documents__title {
  margin-bottom: 2.5rem
}

@media (max-width:1024px) {
  .wholesale-orders-contacts__list {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }

  .wholesale-orders-documents__title {
    margin-bottom: 1.5rem
  }
}

.wholesale-orders-documents__lists {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem
}

@media (max-width:1024px) {
  .wholesale-orders-documents__lists {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }

  .wholesale-orders-documents__list-wrapper {
    overflow: hidden;
    border-radius: .75rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
    padding: 1.875rem 1.5rem
  }
}

.wholesale-orders-documents__list-title {
  margin-bottom: 1.875rem
}

.wholesale-orders-documents__list>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
}

.wholesale-orders-documents__list {
  font-size: 1rem;
  line-height: 1.25
}

@media (max-width:767px) {
  .wholesale-orders-documents__lists {
    gap: .625rem
  }

  .wholesale-orders-documents__list-wrapper {
    padding: 1.5rem 1rem
  }

  .wholesale-orders-documents__list-title {
    margin-bottom: .75rem;
    font-size: 1rem;
    line-height: 1.25
  }

  .wholesale-orders-documents__list>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
  }

  .wholesale-orders-documents__list {
    font-size: .875rem;
    line-height: 1.125rem
  }
}

.wholesale-orders-documents__list li>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.25rem * var(--tw-space-y-reverse))
}

.wholesale-orders-features__banner {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 1.25rem;
  overflow: hidden;
  border-radius: .75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1))
}

.wholesale-orders-features__info {
  grid-column: span 7/span 7;
  padding-top: 1.875rem;
  padding-bottom: 2.5rem;
  padding-left: 1.875rem
}

.wholesale-orders-features__info-title {
  margin-bottom: 1.875rem
}

@media (max-width:1299px) {
  .wholesale-orders-features__banner {
    display: flex;
    flex-direction: column;
    gap: 0
  }

  .wholesale-orders-features__info {
    padding: 1.875rem 1.5rem
  }

  .wholesale-orders-features__info-title {
    margin-bottom: 1.25rem
  }
}

.wholesale-orders-features__lists {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.875rem
}

.wholesale-orders-features__list>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

.wholesale-orders-features__list {
  font-size: 1rem;
  line-height: 1.25
}

.wholesale-orders-features__list li>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.25rem * var(--tw-space-y-reverse))
}

.wholesale-orders-features__list li p+p {
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.wholesale-orders-features__img {
  grid-column: span 5/span 5
}

@media (max-width:1299px) {
  .wholesale-orders-features__lists {
    gap: 1.25rem
  }

  .wholesale-orders-features__img {
    height: 25rem
  }
}

@media (max-width:767px) {
  .wholesale-orders-features__info {
    padding: 1.5rem 1rem
  }

  .wholesale-orders-features__info-title {
    margin-bottom: .75rem
  }

  .wholesale-orders-features__lists {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem
  }

  .wholesale-orders-features__list {
    font-size: .875rem;
    line-height: 1.125rem
  }

  .wholesale-orders-features__list li p+p {
    font-size: .75rem;
    line-height: 1rem
  }

  .wholesale-orders-features__img {
    height: 13.75rem
  }
}

.wholesale-orders-features__img img {
  height: 100%;
  width: 100%;
  object-fit: cover
}

.wholesale-orders-features__desc {
  margin-top: 1.875rem;
  display: flex;
  gap: .875rem
}

@media (max-width:1299px) {
  .wholesale-orders-features__desc {
    gap: .625rem;
    margin-top: 1rem
  }
}

.wholesale-orders-features__desc svg {
  margin-top: .25rem;
  flex-shrink: 0
}

.contacts-page__title {
  margin-bottom: 1.875rem
}

.contacts-page__inner {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 1.25rem
}

@media (max-width:1024px) {
  .contacts-page__title {
    margin-bottom: 1.25rem
  }

  .contacts-page__inner {
    display: block
  }

  .contacts-page__inner>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse))
  }
}

.contacts-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  border-radius: .75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  padding: 1.875rem
}

@media (max-width:1024px) {
  .contacts-item {
    padding: 1.5rem
  }
}

.contacts-item--contacts {
  gap: 1.875rem
}

@media (max-width:767px) {
  .contacts-page__title {
    margin-bottom: 1.5rem
  }

  .contacts-item {
    padding: 1.5rem 1rem
  }

  .contacts-item--contacts {
    gap: 1rem
  }
}

.contacts-item--details {
  grid-column-start: 1;
  gap: 1.25rem
}

@media (max-width:767px) {
  .contacts-item--details {
    gap: 1rem
  }

  .contacts-item--details p {
    font-size: .875rem;
    line-height: 1.125rem
  }
}

.contacts-item__work-time {
  display: flex;
  gap: 1.25rem
}

@media (max-width:1024px) {
  .contacts-item__work-time {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media (max-width:767px) {
  .contacts-item__work-time {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem
  }
}

.contacts-item__details {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  gap: 3.75rem
}

@media (max-width:1299px) {
  .contacts-item__details {
    gap: 2.5rem
  }
}

.contacts-item__numbers {
  flex-direction: column;
  gap: .3125rem
}

.contacts-item__number:not(:first-child)::before {
  left: -.875rem;
  --tw-text-opacity: 1;
  color: rgb(36 60 70 / var(--tw-text-opacity, 1));
  content: var(--tw-content);
  opacity: .2
}

@media (min-width:1300px) {
  .wholesale-orders-documents__list {
    max-width: 34.375rem
  }

  .contacts-item__number:not(:first-child)::before {
    content: var(--tw-content);
    display: none
  }
}

.contacts-item__button {
  width: 12.5rem
}

.contacts-item-contact__title {
  margin-bottom: .3125rem;
  font-size: .75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

@media (max-width:767px) {
  .contacts-item__details {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: .625rem;
    row-gap: 1rem
  }

  .contacts-item__button {
    width: 100%
  }

  .contacts-item-contact__title {
    font-size: .75rem;
    line-height: 1rem
  }

  .contacts-item-contact__value {
    font-size: .875rem;
    line-height: 1.125rem
  }
}

.contacts-form {
  grid-column-start: 2;
  grid-row: span 2/span 2;
  grid-row-start: 1;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(4, auto) 1fr;
  column-gap: 1.25rem;
  row-gap: 1.25rem;
  overflow: hidden;
  border-radius: .75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1));
  padding: 1.875rem
}

@media (max-width:1024px) {
  .contacts-item__numbers {
    flex-direction: row;
    gap: 1.25rem
  }

  .contacts-form {
    padding: 1.5rem
  }
}

.contacts-form__title {
  grid-column: span 2/span 2;
  margin-bottom: .625rem
}

@media (max-width:767px) {
  .contacts-form {
    padding: 1.5rem 1rem
  }

  .contacts-form__title {
    margin-bottom: 1.5rem;
    max-width: 18.75rem;
    font-size: 1rem;
    line-height: 1.25
  }
}

.contacts-form__textarea {
  grid-column: span 2/span 2
}

.contacts-form__file-input {
  grid-column: span 2/span 2;
  margin-bottom: .625rem
}

.contacts-form__button {
  grid-column-start: 1
}

.installment-banner h1 {
  margin-bottom: 1.875rem
}

.installment-banner__banner {
  position: relative
}

.installment-banner__img {
  display: block;
  aspect-ratio: 1300/470;
  width: 100%;
  overflow: hidden;
  border-radius: .75rem;
  object-fit: cover
}

.installment-banner__content {
  position: absolute;
  left: 5.625rem;
  bottom: 3.75rem;
  font-weight: 700
}

.installment-banner__title {
  margin-bottom: 1.875rem;
  font-size: 3.5rem;
  line-height: 1
}

@media (max-width:1024px) {
  .installment-banner h1 {
    margin-bottom: 1.5rem
  }

  .installment-banner__img {
    aspect-ratio: 732/360
  }

  .installment-banner__content {
    left: 1.5rem;
    bottom: 2.5rem
  }

  .installment-banner__title {
    margin-bottom: 1.25rem;
    font-size: 2rem;
    line-height: 1.2
  }
}

.installment-banner__text {
  font-size: 1.25rem;
  line-height: 1.2
}

.installment-info>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(5rem * var(--tw-space-y-reverse))
}

.installment-info-block {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 1.25rem
}

@media (max-width:1024px) {
  .installment-info>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(3.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(3.75rem * var(--tw-space-y-reverse))
  }

  .installment-info-block {
    display: block
  }
}

.installment-info-block__inner {
  flex-grow: 1
}

.installment-info-block__inner>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2.5rem * var(--tw-space-y-reverse))
}

.installment-info-block__logo {
  display: flex;
  height: 5rem;
  width: 12.5rem;
  flex-shrink: 0;
  flex-basis: 12.5rem;
  align-items: center;
  justify-content: center;
  border-radius: .75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1))
}

@media (max-width:1024px) {
  .installment-info-block__logo {
    position: absolute;
    right: 0;
    top: 0;
    height: 2.5rem;
    width: 8.125rem;
    border-radius: .375rem
  }

  .installment-info-block__logo svg {
    width: 5rem
  }
}

@media (max-width:767px) {
  .installment-banner__img {
    aspect-ratio: 342/220
  }

  .installment-banner__content {
    left: 1rem;
    bottom: 1.5rem
  }

  .installment-banner__title {
    margin-bottom: .625rem;
    font-size: 1.25rem;
    line-height: 1.2
  }

  .installment-banner__text {
    font-size: .875rem;
    line-height: 1.125rem
  }

  .installment-info>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse))
  }

  .installment-info-block__inner>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
  }

  .installment-info-block__logo {
    position: static;
    margin-bottom: .625rem;
    display: block;
    height: auto;
    width: auto;
    border-width: 0
  }

  .installment-info-block__logo svg {
    height: 1.25rem;
    width: auto
  }
}

@media (max-width:1024px) {
  .installment-info-block__logo--halva svg {
    width: 4.375rem
  }
}

@media (max-width:767px) {
  .installment-info-block__logo--halva svg {
    width: auto
  }

  .installment-info-block__top-title {
    font-size: 1.25rem;
    line-height: 1.2
  }
}

.installment-info-block__top-subtitle {
  margin-top: .625rem
}

@media (max-width:1024px) {
  .installment-info-block__top-subtitle {
    margin-top: 1rem;
    font-size: 1rem;
    line-height: 1.25
  }
}

@media (max-width:767px) {
  .installment-info-block__top-subtitle {
    margin-top: .625rem;
    font-size: .875rem;
    line-height: 1.125rem
  }
}

.installment-info-block__top-desc {
  margin-top: 1.25rem
}

@media (max-width:767px) {
  .installment-info-block__top-desc {
    margin-top: 1rem;
    font-size: .875rem;
    line-height: 1.125rem
  }
}

.installment-info-block__top-subdesc {
  margin-top: 1.25rem
}

@media (max-width:767px) {
  .installment-info-block__top-subdesc {
    margin-top: 1rem;
    font-size: .875rem;
    line-height: 1.125rem
  }

  .installment-info-block__top-list {
    font-size: .875rem;
    line-height: 1.125rem
  }
}

.installment-info-block__top-list {
  margin-top: .625rem
}

.installment-info-block__top-list>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.625rem * var(--tw-space-y-reverse))
}

.installment-info-block__top-button {
  margin-top: 1.875rem;
  width: 12.5rem
}

@media (max-width:1024px) {
  .installment-info-block__top-list>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.375rem * var(--tw-space-y-reverse))
  }

  .installment-info-block__top-button {
    margin-top: 1.25rem;
    width: 14.375rem
  }
}

.installment-info-block__how-title {
  margin-bottom: 1.875rem
}

.installment-info-block__how-list>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
}

.installment-info-parts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  gap: 1.25rem
}

@media (max-width:767px) {
  .installment-info-block__top-button {
    margin-top: 1.5rem;
    width: 100%
  }

  .installment-info-block__how {
    border-radius: .75rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
    padding: 1.5rem 1rem
  }

  .installment-info-block__how-title {
    margin-bottom: .75rem;
    font-size: 1rem;
    line-height: 1.25
  }

  .installment-info-block__how-list>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
  }

  .installment-info-block__how-list {
    font-size: .875rem;
    line-height: 1.125rem
  }

  .installment-info-parts {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: .625rem
  }
}

.installment-info-part {
  border-radius: .75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1));
  padding: 1.875rem
}

.installment-info-part__subtitle {
  margin-bottom: 1.25rem;
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

@media (max-width:1024px) {
  .installment-info-parts--halva {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .installment-info-part {
    padding: 1.25rem 1.5rem
  }

  .installment-info-part__subtitle {
    margin-bottom: .625rem
  }
}

.installment-info-part__desc {
  margin-top: .625rem
}

@media (max-width:767px) {
  .installment-info-part {
    padding: 1rem
  }

  .installment-info-part__subtitle {
    margin-bottom: .375rem;
    font-size: .75rem;
    line-height: 1rem
  }

  .installment-info-part__title {
    font-size: 1rem;
    line-height: 1.25
  }

  .installment-info-part__desc {
    margin-top: .375rem;
    font-size: .75rem;
    line-height: 1rem
  }
}

.personalization__title {
  margin-bottom: 1.875rem
}

@media (max-width:767px) {
  .personalization__title {
    margin-bottom: 1rem
  }
}

.personalization__subtitle {
  margin-bottom: 2.5rem
}

.personalization__info-list>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(5rem * var(--tw-space-y-reverse))
}

.personalization-info {
  position: relative;
  overflow: hidden;
  border-radius: .75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(230 235 235 / var(--tw-bg-opacity, 1));
  padding: 7.5rem 1.875rem 3.75rem
}

.personalization-info__bg {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  width: 40rem
}

@media (max-width:1024px) {
  .personalization__subtitle {
    margin-bottom: 1.875rem
  }

  .personalization__info-list>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse))
  }

  .personalization-info {
    padding: 5rem 1.5rem 1.5rem
  }

  .personalization-info__bg {
    width: 22.25rem
  }
}

@media (max-width:767px) {
  .personalization__subtitle {
    margin-bottom: 1.5rem
  }

  .personalization-info {
    padding-left: 1rem;
    padding-right: 1rem
  }

  .personalization-info__bg {
    width: 14rem
  }
}

@media (min-width:1025px) {
  .personalization-info__bg--bag {
    width: 47rem
  }
}

.personalization-info__inner {
  position: relative;
  z-index: 1
}

.personalization-info__title {
  margin-bottom: .625rem
}

@media (max-width:767px) {
  .personalization-info__title {
    margin-bottom: .375rem
  }
}

.personalization-info__price {
  margin-bottom: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(0 133 205 / var(--tw-text-opacity, 1))
}

@media (max-width:767px) {
  .personalization-info__price {
    margin-bottom: .625rem
  }
}

.personalization-info__desc {
  margin-bottom: 2.5rem
}

@media (max-width:1024px) {
  .personalization-info__desc {
    margin-bottom: 1.875rem;
    font-size: .875rem;
    line-height: 1.125rem
  }
}

@media (max-width:767px) {
  .personalization-info__desc {
    margin-bottom: 1.5rem;
    font-size: .75rem;
    line-height: 1rem
  }
}

.personalization-info__features {
  margin-bottom: 1.875rem
}

@media (max-width:767px) {
  .personalization-info__features {
    margin-bottom: 1.5rem
  }
}

.personalization-info__accordion {
  margin-bottom: 1.875rem;
  background-color: #fffFFFB2;
  backdrop-filter: blur(24px)
}

@media (max-width:767px) {
  .personalization-info__accordion {
    margin-bottom: 1.5rem
  }
}

.personalization-info__accordion-inner>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
}

.personalization-info__accordion-inner {
  padding-right: 3.75rem
}

.personalization-info__accordion-list {
  font-weight: 700
}

.gift-cards__title {
  margin-bottom: 1.875rem
}

.gift-cards__inner {
  display: flex;
  flex-direction: column;
  gap: 2.5rem
}

@media (max-width:1024px) {
  .gift-cards__title {
    margin-bottom: 1.5rem
  }

  .gift-cards__inner {
    flex-direction: column-reverse;
    gap: 1.5rem
  }
}

@media (max-width:767px) {
  .gift-cards__title {
    margin-bottom: 1rem
  }

  .gift-cards__info {
    padding-left: 1rem;
    padding-right: 1rem
  }
}

.gift-cards__subtitle {
  margin-bottom: 1.25rem
}

.gift-cards__desc>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.625rem * var(--tw-space-y-reverse))
}

.gift-cards__cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem
}

@media (max-width:1024px) {
  .gift-cards__cards {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1.875rem
  }
}

@media (max-width:767px) {
  .gift-cards__subtitle {
    margin-bottom: .625rem
  }

  .gift-cards__desc {
    font-size: .875rem;
    line-height: 1.125rem
  }

  .gift-cards__cards {
    gap: 1rem
  }
}

.gift-cards__bottom {
  margin-top: 1.875rem;
  display: flex;
  align-items: center;
  gap: 1.25rem;
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  padding-top: 1.875rem
}

@media (max-width:1024px) {
  .gift-cards__bottom {
    margin-top: 1.5rem;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding-top: 1.5rem
  }
}

@media (min-width:1300px) {
  .gift-cards__bottom-button {
    width: 19.375rem
  }
}

.gift-card {
  overflow: hidden;
  border-radius: .75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1));
  padding: 2.5rem 1.875rem 1.875rem
}

@media (max-width:1024px) {
  .gift-card {
    padding: 1.25rem 1.5rem 1.875rem
  }
}

.gift-card__img {
  margin-bottom: 1.875rem;
  width: 100%
}

@media (max-width:767px) {
  .gift-cards__bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem
  }

  .gift-cards__bottom-button {
    width: 100%
  }

  .gift-card {
    padding: 1.5rem 1rem
  }

  .gift-card__img {
    margin-bottom: 1rem
  }
}

.gift-card__info {
  display: flex;
  align-items: flex-end;
  justify-content: space-between
}

@media (max-width:1024px) {
  .gift-card__info {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: center;
    gap: 1.25rem;
    align-items: flex-start
  }
}

@media (max-width:767px) {
  .gift-card__info {
    display: flex;
    flex-direction: column;
    gap: 1rem
  }
}

.gift-card__title {
  margin-bottom: .3125rem;
  --tw-text-opacity: 1;
  color: rgb(36 60 70 / var(--tw-text-opacity, 1))
}

@media (max-width:1024px) {
  .gift-card__title {
    display: none
  }
}

.gift-card__desc {
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.gift-card__button {
  flex-shrink: 0
}

@media (min-width:1300px) {
  .gift-card__button {
    width: 12.5rem
  }

  .corporate-clients-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }
}

.corporate-clients-banner__inner {
  margin-top: 1.875rem;
  display: flex;
  align-items: stretch;
  overflow: hidden;
  border-radius: .75rem
}

@media (max-width:767px) {
  .gift-card__button {
    width: 100%
  }

  .corporate-clients-banner__inner {
    margin-top: 1.5rem;
    display: block
  }
}

.corporate-clients-banner__info {
  display: flex;
  width: 26.25rem;
  flex-shrink: 0;
  flex-direction: column;
  justify-content: center;
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1));
  padding-left: 3.75rem;
  padding-right: 3.75rem
}

.corporate-clients-banner__title {
  margin-bottom: 1.875rem;
  --tw-text-opacity: 1;
  color: rgb(36 60 70 / var(--tw-text-opacity, 1))
}

@media (max-width:1024px) {
  .corporate-clients-banner__info {
    width: 23.5rem
  }

  .corporate-clients-banner__title {
    margin-bottom: 1.25rem
  }
}

@media (max-width:767px) {
  .corporate-clients-banner__info {
    width: 100%;
    padding: 1.5rem 1rem
  }

  .corporate-clients-banner__title {
    margin-bottom: 1rem
  }
}

.corporate-clients-banner__discounts {
  margin-bottom: 2.5rem
}

.corporate-clients-banner-discount {
  display: flex;
  justify-content: space-between;
  border-bottom-width: 1px;
  border-color: #243C4633;
  padding-top: .625rem;
  padding-bottom: .625rem;
  font-size: 1.25rem;
  line-height: 1.2;
  --tw-text-opacity: 1;
  color: rgb(36 60 70 / var(--tw-text-opacity, 1))
}

@media (max-width:1024px) {
  .corporate-clients-banner__discounts {
    margin-bottom: 1.5rem
  }

  .corporate-clients-banner-discount {
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: 1rem;
    line-height: 1.25
  }
}

.corporate-clients-banner-discount__percent {
  font-weight: 700
}

.corporate-clients-info>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.875rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.875rem * var(--tw-space-y-reverse))
}

@media (min-width:1025px) {
  .corporate-clients-info__title {
    margin-bottom: 2.5rem
  }

  .compare-table__main--sticky .product-card__actions {
    opacity: 0
  }
}

.corporate-clients-cards {
  display: grid;
  gap: 1.25rem
}

@media (max-width:767px) {
  .corporate-clients-info>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
  }

  .corporate-clients-info__title {
    margin-bottom: 1.5rem
  }

  .corporate-clients-cards {
    gap: 1rem
  }
}

@media (min-width:1300px) {
  .corporate-clients-cards__card--features {
    grid-column: span 2/span 2
  }

  .corporate-clients-cards__card--delivery {
    grid-column-start: 3
  }
}

.corporate-clients-faq>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
}

.corporate-clients-faq__title {
  margin-bottom: 1.875rem
}

.favorites {
  display: flex;
  flex-direction: column;
  row-gap: 1.25rem
}

.favorites__pagination {
  margin-top: 2.5rem
}

.favorites-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 1.25rem;
  row-gap: 1.875rem
}

@media (max-width:1024px) {
  .favorites__pagination {
    margin-top: 0
  }

  .favorites-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: flex-start;
    row-gap: 1.25rem
  }

  .favorites-list .product-card {
    border-radius: .75rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(238 242 242 / var(--tw-border-opacity, 1))
  }
}

@media (max-width:550px) {
  .favorites-list {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }
}

@media (max-width:767px) {
  .corporate-clients-faq>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.625rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.625rem * var(--tw-space-y-reverse))
  }

  .corporate-clients-faq__title {
    margin-bottom: 1.5rem
  }

  .favorites__pagination {
    margin-top: .25rem
  }

  .favorites-list {
    column-gap: .625rem;
    row-gap: 1.875rem
  }

  .favorites-list .product-card {
    border-style: none
  }
}

@media (min-width:768px) {

  .favorites-list .product-card__buttons,
  .favorites-list .product-card__store-buttons {
    margin-left: 0;
    margin-right: 0;
    width: 100%
  }
}

.sitemap__title {
  margin-bottom: 2.5rem
}

.sitemap__blocks>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(2.5rem * var(--tw-space-y-reverse))
}

@media (max-width:1024px) {
  .sitemap__title {
    margin-bottom: 1.875rem
  }

  .sitemap__blocks>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(3.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(3.75rem * var(--tw-space-y-reverse))
  }
}

@media (max-width:767px) {
  .sitemap__title {
    margin-bottom: 1.5rem
  }

  .sitemap__blocks>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse))
  }
}

.sitemap-block__title {
  margin-bottom: 1.875rem;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  padding-bottom: 1.875rem
}

.sitemap-block__inner {
  columns: 4;
  column-gap: 1.25rem
}

.sitemap-block__lists {
  break-inside: avoid
}

.sitemap-block__lists>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(3.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(3.75rem * var(--tw-space-y-reverse))
}

@media (max-width:1024px) {
  .sitemap-block__title {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem
  }

  .sitemap-block__inner {
    columns: 2
  }

  .sitemap-block__lists>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(3.125rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(3.125rem * var(--tw-space-y-reverse))
  }

  .sitemap-block__lists:not(:first-child) {
    margin-top: 3.125rem
  }
}

.sitemap-list {
  font-size: 1rem;
  line-height: 1.25
}

@media (max-width:767px) {
  .sitemap-block__title {
    margin-bottom: 1.25rem;
    padding-bottom: 1.25rem
  }

  .sitemap-block__inner {
    column-gap: .625rem
  }

  .sitemap-block__lists>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse))
  }

  .sitemap-block__lists:not(:first-child) {
    margin-top: 2.5rem
  }

  .sitemap-list {
    font-size: .875rem;
    line-height: 1.125rem
  }
}

.sitemap-list__title {
  margin-bottom: .625rem;
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.sitemap-list ul>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.625rem * var(--tw-space-y-reverse))
}

.sitemap-small-list>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.625rem * var(--tw-space-y-reverse))
}

.sitemap-small-list {
  font-size: 1rem;
  line-height: 1.25
}

@media (max-width:1024px) {
  .sitemap-small-list {
    columns: 2;
    column-gap: 1.25rem
  }
}

@media (max-width:767px) {
  .sitemap-list__title {
    margin-bottom: .75rem
  }

  .sitemap-list ul>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.75rem * var(--tw-space-y-reverse))
  }

  .sitemap-small-list {
    column-gap: .625rem;
    font-size: .875rem;
    line-height: 1.125rem
  }

  .sitemap-small-list>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.75rem * var(--tw-space-y-reverse))
  }
}

.articles__title {
  margin-bottom: 1.875rem
}

.articles__list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  column-gap: 1.875rem;
  row-gap: 1.25rem
}

.articles__pagination {
  margin-top: 3.75rem
}

.articles-list-item__img-link {
  aspect-ratio: 302/215;
  overflow: hidden;
  border-radius: .75rem
}

@media (max-width:1024px) {
  .articles__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 1.25rem;
    row-gap: 1.875rem
  }

  .articles__pagination {
    margin-top: 2.5rem
  }

  .articles-list-item {
    display: flex;
    align-items: center;
    column-gap: .75rem
  }

  .articles-list-item__img-link {
    aspect-ratio: 163/120;
    width: 10.25rem;
    flex-shrink: 0
  }
}

@media (max-width:767px) {
  .articles__title {
    margin-bottom: 1.5rem
  }

  .articles__list {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    row-gap: 1rem
  }

  .articles-list-item {
    column-gap: .625rem
  }

  .articles-list-item__img-link {
    aspect-ratio: 115/84;
    width: 7.25rem
  }
}

.articles-list-item__img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.articles-list-item__info>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.375rem * var(--tw-space-y-reverse))
}

.articles-list-item__info {
  padding-top: 1rem;
  padding-right: 1.875rem;
  padding-bottom: 1.25rem
}

.articles-list-item__title {
  display: block;
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 700
}

.articles-list-item__desc {
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.not-found__icon {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3.125rem;
  --tw-text-opacity: 1;
  color: rgb(36 60 70 / var(--tw-text-opacity, 1))
}

@media (max-width:1024px) {
  .articles-list-item__info {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-right: 0
  }

  .not-found__icon {
    margin-bottom: 1.875rem
  }
}

@media (max-width:767px) {
  .articles-list-item__info {
    padding-top: .25rem;
    padding-bottom: .25rem
  }

  .articles-list-item__title {
    font-size: .875rem;
    line-height: 1.125rem
  }

  .articles-list-item__desc {
    font-size: .75rem;
    line-height: 1rem
  }

  .not-found__icon {
    margin-bottom: 0;
    height: 13.75rem;
    width: 13.75rem
  }
}

.not-found__title {
  margin-bottom: 1.25rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(36 60 70 / var(--tw-text-opacity, 1))
}

@media (max-width:767px) {
  .not-found__title {
    margin-bottom: .625rem
  }
}

.not-found__desc {
  margin-bottom: 2.5rem;
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.2
}

@media (max-width:767px) {
  .not-found__desc {
    margin-bottom: 1.25rem;
    font-size: 1rem;
    line-height: 1.25
  }
}

.not-found__button {
  margin-left: auto;
  margin-right: auto;
  max-width: max-content
}

.reports__title {
  margin-bottom: 1.875rem
}

.reports-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem
}

@media (max-width:1024px) {
  .reports-list {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }
}

@media (max-width:767px) {
  .reports__title {
    margin-bottom: 1.5rem
  }

  .reports-list {
    gap: .625rem
  }
}

.reports-list-item {
  display: grid;
  cursor: pointer;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  gap: 1.25rem;
  border-radius: .75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  padding: 1.5rem;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: .3s
}

.reports-list-item:hover {
  --tw-border-opacity: 1;
  border-color: rgb(210 216 218 / var(--tw-border-opacity, 1))
}

@media (max-width:767px) {
  .reports-list-item {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
    padding-left: 1rem;
    padding-right: 1rem
  }

  .reports-list-item__dates {
    gap: .625rem
  }
}

.reports-list-item__link {
  font-weight: 700
}

.group:hover .reports-list-item__link {
  --tw-text-opacity: 1;
  color: rgb(0 133 205 / var(--tw-text-opacity, 1))
}

.reports-list-item__dates {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr))
}

.reports-list-item__date {
  font-size: .75rem;
  line-height: 1rem
}

.reports-list-item__date-key {
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.compare--empty .compare__table {
  display: none
}

.video-consultant-btn:not(.compare--empty.compare__table) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.compare--empty.compare__table) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.compare--empty .compare__empty,
.compare--empty .compare__recommend,
.compare--empty .compare__viewed {
  display: flex
}

.compare__table {
  margin-top: 3.75rem
}

@media (max-width:1024px) {
  .compare__table {
    margin-top: 1.25rem
  }
}

@media (max-width:767px) {
  .compare__table {
    margin-top: 0
  }
}

.compare__empty {
  margin-top: 2.75rem;
  display: none;
  flex-direction: column;
  align-items: center;
  gap: 1.875rem;
  border-radius: .375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  padding-top: 4.125rem;
  padding-bottom: 4.125rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(36 60 70 / var(--tw-text-opacity, 1))
}

.video-consultant-btn:not(.compare__empty) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.compare__empty) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.compare__viewed {
  display: none
}

.video-consultant-btn:not(.compare__viewed) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.compare__viewed) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.compare__recommend {
  display: none
}

.video-consultant-btn:not(.compare__recommend) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.compare__recommend) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.compare-table__inner .compare-table__row:nth-child(2n) {
  border-radius: .375rem;
  background-color: rgb(32 32 33 / .05)
}

.compare-table__main {
  overflow-x: clip;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.compare-table__main:not(.swiper-initialized) .swiper-wrapper {
  display: flex;
  gap: 1.25rem
}

.compare-table__main:not(.swiper-initialized) .swiper-wrapper .product-card {
  width: calc((100% - 100px)/ 6)
}

.compare-table__main:not(.compare-table__main--sticky) .product-card__actions {
  opacity: 1
}

.compare-table__main--sticky {
  position: fixed;
  top: 4.25rem;
  z-index: 10;
  width: min(81.25rem, calc(100% - 7.5rem))
}

@media (max-width:1299px) {
  .compare-table__main--sticky {
    width: calc(100% - 6rem)
  }
}

.compare-table__main--sticky .compare-table__checkbox {
  padding-top: 1.875rem;
  padding-bottom: .625rem
}

@media (max-width:1024px) {
  .compare__empty {
    margin-top: 1.5rem
  }

  .compare__recommend {
    display: flex
  }

  .compare-table__main:not(.swiper-initialized) .swiper-wrapper .product-card {
    width: calc((100% - 40px)/ 3)
  }

  .compare-table__main--sticky {
    top: 4rem;
    width: calc(100% - 2.5rem)
  }

  .compare-table__main--sticky .compare-table__checkbox {
    padding-top: 1rem;
    padding-bottom: .875rem
  }
}

@media (max-width:767px) {
  .compare-table__main:not(.swiper-initialized) .swiper-wrapper {
    gap: .625rem
  }

  .compare-table__main:not(.swiper-initialized) .swiper-wrapper .product-card {
    width: calc((100% - 10px)/ 2)
  }

  .compare-table__main--sticky {
    top: 2.75rem;
    width: calc(100% - 1.25rem)
  }

  .compare-table__main--sticky .compare-table__checkbox {
    padding-top: .875rem;
    padding-bottom: .875rem
  }
}

.compare-table__main--sticky .product-card__top {
  display: flex;
  align-items: center;
  column-gap: 1rem;
  border-radius: .75rem;
  background-color: rgb(32 32 33 / .03);
  padding: 1rem 1.125rem
}

@media (max-width:1024px) {
  .compare-table__main--sticky .product-card__top {
    column-gap: .625rem;
    padding: .625rem
  }
}

.compare-table__main--sticky .product-card__top .product-card__content {
  margin-top: 0;
  align-items: flex-start;
  padding-left: 0;
  padding-right: 0
}

.compare-table__main--sticky .product-card__image {
  height: 3.5rem;
  width: 2.5rem;
  background-color: transparent;
  padding: 0
}

.compare-table__main--sticky .product-card__content {
  row-gap: .3125rem
}

@media (max-width:1024px) {
  .compare-table__main--sticky .product-card__image {
    height: 3.375rem;
    width: 3.375rem
  }

  .compare-table__main--sticky .product-card__button {
    display: none
  }
}

.compare-table__main .product-card {
  display: flex;
  height: auto;
  flex-direction: column
}

.compare-table__main .product-card:hover:after {
  opacity: 0
}

.compare-table__main .product-card__content {
  margin-top: .625rem;
  margin-bottom: .625rem
}

@media (max-width:767px) {
  .compare-table__main .product-card__top {
    display: flex;
    align-items: center;
    column-gap: .3125rem;
    border-radius: .375rem;
    background-color: rgb(32 32 33 / .03);
    padding: .5rem .3125rem
  }

  .compare-table__main .product-card__top .product-card__content {
    margin-top: 0;
    align-items: flex-start;
    row-gap: 0;
    padding-left: 0;
    padding-right: 0
  }

  .compare-table__main .product-card__image {
    height: 2.75rem;
    width: 2.75rem;
    background-color: transparent;
    padding: 0
  }

  .compare-table__main .product-card__actions {
    top: .125rem;
    right: .125rem
  }

  .compare-table__main .product-card__actions button svg {
    height: 1rem;
    width: 1rem
  }

  .compare-table__main .product-card__content {
    row-gap: .3125rem
  }

  .compare-table__main .product-card__current-price {
    font-size: .875rem;
    line-height: 1.125rem
  }
}

.compare-table__main .product-card__about,
.compare-table__main .product-card__name {
  --tw-text-opacity: 1;
  color: rgb(32 32 33 / var(--tw-text-opacity, 1))
}

.compare-table__main .product-card__name {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2
}

.compare-table__main .product-card__button {
  margin-top: auto
}

.compare-table__main .swiper-scrollbar {
  position: relative;
  inset: auto;
  margin-top: 1.25rem;
  height: .25rem;
  background-color: transparent
}

.compare-table__main .swiper-scrollbar-drag {
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1))
}

.compare-table__checkbox {
  display: flex;
  border-bottom-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  padding-top: 3.625rem;
  padding-bottom: 1.125rem
}

@media (max-width:1024px) {
  .compare-table__checkbox {
    padding-top: 1.5rem;
    padding-bottom: .875rem
  }
}

@media (max-width:767px) {
  .compare-table__checkbox {
    margin-bottom: .5rem;
    padding-top: .875rem;
    padding-bottom: .875rem;
    font-size: .75rem;
    line-height: 1rem
  }
}

.compare-table__row {
  position: relative;
  overflow-x: clip
}

.compare-table__row-name {
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.compare-table__cell {
  padding-top: 3.75rem;
  padding-bottom: 1.25rem;
  padding-left: 1.25rem
}

@media (max-width:1024px) {
  .compare-table__row-name {
    top: .625rem;
    left: .625rem;
    font-size: .875rem;
    line-height: 1.125rem
  }

  .compare-table__cell {
    padding-top: 2.375rem;
    padding-bottom: .625rem;
    padding-left: .625rem;
    font-size: .875rem;
    line-height: 1.125rem
  }
}

.size-box {
  display: inline-block;
  min-width: 5rem;
  border-radius: .375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  text-align: center;
  font-size: .875rem;
  line-height: 1.125rem;
  padding: .75rem .625rem
}

.combination-lock__inner>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.875rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.875rem * var(--tw-space-y-reverse))
}

.combination-lock__instruction-list {
  margin-top: 5rem
}

@media (max-width:1024px) {
  .size-box {
    min-width: 3.75rem;
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: .75rem;
    line-height: 1rem
  }

  .combination-lock__inner>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
  }

  .combination-lock__instruction-list {
    margin-top: 2.5rem
  }
}

.combination-lock-notice__inner {
  display: flex;
  gap: 1.25rem
}

.combination-lock-notice__icon {
  display: flex;
  align-items: center;
  border-radius: .75rem;
  background-color: rgb(0 0 0 / .03);
  padding-left: .625rem;
  padding-right: .625rem
}

@media (max-width:767px) {
  .size-box {
    min-width: 3.25rem;
    padding-top: .1875rem;
    padding-bottom: .1875rem
  }

  .combination-lock__inner>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
  }

  .combination-lock__inner {
    font-size: .875rem;
    line-height: 1.125rem
  }

  .combination-lock-notice>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.75rem * var(--tw-space-y-reverse))
  }

  .combination-lock-notice__inner {
    gap: .625rem
  }

  .combination-lock-notice__icon svg {
    height: 2.5rem;
    width: 3.75rem
  }
}

.combination-lock-notice__info>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.375rem * var(--tw-space-y-reverse))
}

.combination-lock-notice__info-paragraph--gray {
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.combination-lock-instruction-list>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(5rem * var(--tw-space-y-reverse))
}

.combination-lock-instruction-item {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr))
}

.combination-lock-instruction-item__left {
  overflow: hidden
}

.combination-lock-instruction-item__left img {
  object-fit: cover
}

@media (min-width:1025px) {
  .compare-table__main .swiper-scrollbar {
    display: none
  }

  .combination-lock-instruction-item {
    gap: 2.5rem
  }

  .combination-lock-instruction-item__left {
    border-radius: .75rem
  }

  .combination-lock-instruction-item__left img {
    height: 100%
  }
}

.combination-lock-instruction-item__right {
  grid-column: span 2/span 2
}

@media (max-width:1024px) {
  .combination-lock-instruction-list>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse))
  }

  .combination-lock-instruction-item {
    overflow: hidden;
    border-radius: .75rem
  }

  .combination-lock-instruction-item__left {
    --tw-bg-opacity: 1;
    background-color: rgb(226 233 233 / var(--tw-bg-opacity, 1))
  }

  .combination-lock-instruction-item__left img {
    aspect-ratio: 226/260
  }

  .combination-lock-instruction-item__right {
    --tw-bg-opacity: 1;
    background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1));
    padding: 1.5rem
  }
}

@media (max-width:767px) {
  .combination-lock-notice__info-paragraph--gray {
    font-size: .75rem;
    line-height: 1rem
  }

  .combination-lock-instruction-item {
    display: block
  }

  .combination-lock-instruction-item__left {
    display: flex;
    align-items: center
  }

  .combination-lock-instruction-item__left img {
    aspect-ratio: 1/1;
    width: 5rem
  }

  .combination-lock-instruction-item__right {
    padding-left: 1rem;
    padding-right: 1rem
  }
}

.combination-lock-instruction-item__title {
  margin-bottom: 1.875rem;
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 700
}

.combination-lock-instruction-item__steps {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.875rem;
  counter-reset: example 0
}

@media (max-width:1024px) {
  .combination-lock-instruction-item__title {
    margin-top: .75rem;
    margin-bottom: 0;
    text-align: center;
    --tw-text-opacity: 1;
    color: rgb(36 60 70 / var(--tw-text-opacity, 1))
  }

  .combination-lock-instruction-item__steps {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1.5rem
  }
}

@media (max-width:767px) {
  .combination-lock-instruction-item__title {
    margin-top: 0;
    flex-grow: 1
  }

  .combination-lock-instruction-item__steps {
    column-gap: 1rem;
    row-gap: 1.25rem
  }
}

.combination-lock-instruction-item__steps--last {
  grid-template-columns: repeat(3, minmax(0, 1fr))
}

.combination-lock-instruction-item__step-img {
  position: relative;
  overflow: hidden;
  border-radius: .75rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  counter-increment: example 1
}

.combination-lock-instruction-item__step-img:before {
  position: absolute;
  bottom: .625rem;
  left: .625rem;
  display: flex;
  height: 1.875rem;
  width: 1.875rem;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(32 32 33 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  font-size: .875rem;
  line-height: 1.125rem;
  font-weight: 700;
  --tw-shadow: 0 0 0 1px #FFFFFF;
  --tw-shadow-colored: 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  content: counter(example)
}

.combination-lock-instruction-item__step-name {
  margin-top: 1rem;
  font-size: .875rem;
  line-height: 1.125rem;
  font-weight: 700
}

@media (max-width:1299px) {
  .career-banner--first .career-banner__logo {
    width: 21.875rem
  }
}

@media (max-width:1024px) {
  .combination-lock-instruction-item__steps--last {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .career-banner--first .career-banner__content {
    gap: .625rem
  }

  .career-banner--first .career-banner__logo {
    width: 15.625rem
  }

  .career-banner--first .career-banner__desc {
    margin-bottom: .625rem;
    font-size: .875rem;
    line-height: 1.125rem
  }

  .career-banner--first .career-banner__button {
    padding-left: 3.75rem;
    padding-right: 3.75rem
  }
}

.career-banner--second .career-banner__title {
  margin-top: 1.25rem;
  margin-bottom: 1.875rem
}

.career-banner--second .career-banner__img {
  aspect-ratio: 1300/494
}

@media (max-width:1024px) {
  .career-banner--second .career-banner__img {
    aspect-ratio: 732/454
  }
}

@media (max-width:767px) {
  .combination-lock-instruction-item__step-name {
    margin-top: .625rem
  }

  .career-banner--first>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
  }

  .career-banner--first .career-banner__logo {
    width: 7.875rem
  }

  .career-banner--first .career-banner__desc {
    --tw-text-opacity: 1;
    color: rgb(36 60 70 / var(--tw-text-opacity, 1))
  }

  .career-banner--second .career-banner__title {
    margin-top: .625rem;
    margin-bottom: 1rem
  }

  .career-banner--second .career-banner__img {
    aspect-ratio: 342/346
  }
}

.career-banner--second .career-banner__content {
  left: 5.625rem;
  display: block;
  max-width: 40rem;
  --tw-translate-x: 0px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.career-banner--second .career-banner__desc {
  text-align: left
}

.career-banner--second .career-banner__desc--bold {
  font-weight: 700
}

.career-banner__title {
  margin-bottom: 2.5rem
}

.career-banner__banner {
  position: relative;
  overflow: hidden;
  border-radius: .75rem
}

.career-banner__img {
  aspect-ratio: 1300/500;
  object-fit: cover;
  object-position: center
}

.career-banner__content {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  flex-direction: column;
  align-items: center;
  gap: 1.25rem
}

.career-banner__desc {
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.2;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.career-banner__button {
  padding-left: 2.75rem;
  padding-right: 2.75rem
}

@media (max-width:1024px) {
  .career-banner--second .career-banner__content {
    left: 1.5rem
  }

  .career-banner__title {
    margin-bottom: 1.875rem
  }

  .career-info-block--journey .career-info-block__features {
    margin-top: 1.25rem
  }

  .career-info-block--journey .career-features {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }

  .career-info-block--journey .career-features__item {
    align-items: flex-start;
    gap: .75rem;
    border-style: none;
    padding: 0
  }
}

@media (max-width:767px) {
  .career-banner--second .career-banner__content {
    right: 1.5rem;
    max-width: none
  }

  .career-banner--second .career-banner__desc {
    font-size: .875rem;
    line-height: 1.125rem
  }

  .career-banner--second .career-banner__desc--bold {
    font-size: 1rem;
    line-height: 1.25
  }

  .career-banner__title {
    margin-bottom: 1.5rem
  }

  .career-banner__img {
    width: 100%
  }

  .career-info-block--journey .career-info-block__info {
    margin-bottom: 1rem
  }

  .career-info-block--journey .career-info-block__features {
    margin-top: 1rem
  }

  .career-info-block--conditions .career-info-block__info {
    margin-bottom: 1.25rem
  }
}

.career-info-block--conditions .career-info-block__features {
  margin-top: 2.5rem
}

.career-info-block--responsibility .career-info-block__title {
  margin-bottom: 1.25rem;
  font-size: 3.5rem;
  line-height: 1.2;
  font-weight: 700
}

@media (min-width:1025px) {
  .career-info-block--responsibility .career-info-block__title {
    line-height: 1
  }

  .career-features__item--wide-desktop {
    grid-column: span 2/span 2
  }
}

@media (max-width:1024px) {
  .career-info-block--conditions .career-info-block__features {
    margin-top: 1.875rem
  }

  .career-info-block--responsibility .career-info-block__inner {
    position: relative;
    display: block
  }

  .career-info-block--responsibility .career-info-block__info-top {
    position: absolute;
    top: 1.5rem;
    left: 1rem;
    right: 1rem
  }

  .career-info-block--responsibility .career-info-block__title {
    font-size: 2rem;
    line-height: 1.2
  }
}

@media (max-width:767px) {
  .career-info-block--conditions .career-info-block__features {
    margin-top: 1.25rem
  }

  .career-info-block--responsibility .career-info-block__title {
    margin-bottom: 1rem;
    font-size: 1.25rem;
    line-height: 1.2
  }
}

@media (max-width:1024px) {
  .career-info-block--tradition .career-info-block__info-top {
    margin-bottom: 1.875rem;
    text-align: center
  }
}

@media (max-width:767px) {
  .career-info-block--tradition .career-info-block__info-top {
    margin-bottom: 1rem
  }

  .career-info-block--tradition .career-info-block__inner {
    display: flex;
    flex-direction: column-reverse;
    gap: 1rem
  }
}

.career-info-block--tradition .career-info-block__button {
  margin-top: 1.875rem;
  display: inline-flex;
  padding-left: 2.75rem;
  padding-right: 2.75rem
}

.career-info-block__inner {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: center;
  gap: 2.5rem
}

@media (min-width:768px) {
  .career-info-block__inner {
    display: grid
  }
}

.career-info-block__title {
  margin-bottom: 1.875rem
}

.career-info-block__info-inner>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
}

@media (max-width:767px) {
  .career-info-block--tradition .career-info-block__button {
    margin-top: 1rem;
    width: 100%
  }

  .career-info-block__title {
    margin-bottom: 1.25rem
  }

  .career-info-block__info-inner>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
  }

  .career-info-block__desc {
    font-size: .875rem;
    line-height: 1.125rem
  }
}

.career-info-block__desc--big {
  font-size: 1.25rem;
  line-height: 1.2
}

.career-info-block__features {
  margin-top: 1.875rem
}

@media (max-width:767px) {
  .career-info-block__desc--big {
    font-size: 1rem;
    line-height: 1.25
  }

  .career-info-block__features {
    margin-top: 1.5rem
  }
}

.career-info-block__employees {
  margin-top: 1.875rem
}

.career-info-block__employees>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.875rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.875rem * var(--tw-space-y-reverse))
}

@media (max-width:1024px) {
  .career-info-block--tradition .career-info-block__title {
    margin-bottom: 1.25rem
  }

  .career-info-block--tradition .career-info-block__button {
    padding-left: 3.75rem;
    padding-right: 3.75rem
  }

  .career-info-block__inner {
    gap: 1.25rem
  }

  .career-info-block__employees {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: .75rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
    padding-top: 1.875rem;
    padding-bottom: 1.875rem
  }

  .career-info-block__employees>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
  }
}

.career-info-block__employees-desc {
  display: flex;
  align-items: center;
  gap: .5rem;
  font-size: 1.25rem;
  line-height: 1.2
}

.career-info-block__employees-button {
  display: inline-flex;
  padding-left: 2.75rem;
  padding-right: 2.75rem
}

.career-info-block__img {
  overflow: hidden;
  border-radius: .75rem
}

.career-features {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 1.25rem;
  row-gap: 1.875rem
}

@media (max-width:767px) {
  .career-info-block__employees>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
  }

  .career-info-block__employees {
    border-style: none;
    padding-top: 0;
    padding-bottom: 0
  }

  .career-info-block__employees-desc {
    flex-direction: column;
    font-size: 1rem;
    line-height: 1.25
  }

  .career-info-block__employees-button,
  .career-info-block__img {
    width: 100%
  }

  .career-features {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: .625rem;
    row-gap: .625rem
  }
}

.career-features--blue {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  row-gap: 1.25rem
}

.career-features--blue .career-features__item {
  gap: 1rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.career-features--blue .career-features__item-icon {
  --tw-text-opacity: 1;
  color: rgb(0 133 205 / var(--tw-text-opacity, 1))
}

.career-features--blue .career-features__item-name {
  font-size: .875rem;
  line-height: 1.125rem
}

@media (max-width:1024px) {
  .career-features--blue .career-features__item {
    flex-direction: row
  }

  .career-features--blue .career-features__item-name {
    text-align: left;
    font-size: 1rem;
    line-height: 1.25
  }
}

.career-features__item {
  display: flex;
  align-items: center;
  gap: .75rem;
  border-radius: .75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1));
  padding: 1.25rem 1.875rem
}

@media (max-width:1024px) {
  .career-features__item {
    flex-direction: column;
    gap: .5rem;
    padding: 1.25rem 1.5rem
  }

  .career-features__item-name {
    text-align: center
  }
}

.career-features__item-icon {
  flex-shrink: 0;
  --tw-text-opacity: 1;
  color: rgb(36 60 70 / var(--tw-text-opacity, 1))
}

.career-features__item-info>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.25rem * var(--tw-space-y-reverse))
}

.career-features__item-title {
  font-size: 1.25rem;
  line-height: 1.2
}

.career-images-slider {
  position: relative
}

.career-images-slider__slider {
  overflow: hidden
}

.career-images-slider__item {
  width: auto;
  overflow: hidden;
  border-radius: .75rem
}

.career-images-slider__item img {
  height: 22rem
}

.career-images-slider__btn {
  position: absolute;
  top: 50%;
  z-index: 10;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

@media (max-width:1299px) {
  .career-images-slider__btn {
    display: none
  }
}

.career-images-slider__btn_prev {
  left: -3.5rem
}

.career-images-slider__btn_next {
  right: -3.5rem
}

.career-faq>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
}

.career-faq__title {
  margin-bottom: 2.5rem
}

@media (max-width:1024px) {
  .career-images-slider__item img {
    height: 18.125rem
  }

  .career-faq__title {
    margin-bottom: 1.875rem
  }
}

@media (max-width:767px) {
  .career-features--blue {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    row-gap: 1rem
  }

  .career-features--blue .career-features__item {
    gap: .75rem;
    border-style: none;
    padding: 0
  }

  .career-features--blue .career-features__item-name {
    font-size: .875rem;
    line-height: 1.125rem
  }

  .career-features__item {
    gap: .625rem;
    padding: .625rem
  }

  .career-features__item-title {
    font-size: 1rem;
    line-height: 1.25
  }

  .career-features__item-name {
    font-size: .875rem;
    line-height: 1.125rem
  }

  .career-images-slider__item img {
    height: 10.625rem
  }

  .career-faq>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.625rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.625rem * var(--tw-space-y-reverse))
  }

  .career-faq__title {
    margin-bottom: 1.25rem
  }
}

.career-form {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  border-radius: .75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1));
  padding-top: 3.75rem;
  padding-bottom: 3.75rem
}

@media (min-width:1025px) {
  .career-form {
    display: grid
  }

  .career-form__file-input {
    margin-bottom: .625rem
  }
}

@media (max-width:1024px) {
  .career-form {
    padding: 1.875rem 1.5rem
  }
}

.career-form__form {
  grid-column: span 4/span 4;
  grid-column-start: 2;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 1.25rem
}

.career-form__title {
  grid-column: span 6/span 6
}

@media (max-width:767px) {
  .career-form {
    padding: 1.5rem 1rem
  }

  .career-form__form {
    display: block
  }

  .career-form__form>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
  }

  .career-form__form .input {
    display: block
  }

  .career-form__title {
    font-size: 1rem;
    line-height: 1.25
  }
}

.career-form__desc {
  grid-column: span 6/span 6;
  font-size: 1.25rem;
  line-height: 1.2
}

.career-form__input {
  grid-column: span 2/span 2
}

.career-form__textarea {
  grid-column: span 6/span 6
}

.career-form__file-input {
  grid-column: span 6/span 6
}

.career-form__button {
  grid-column: span 3/span 3
}

.career-form__personality {
  grid-column: span 3/span 3
}

.virtual-card__title {
  margin-bottom: 2.5rem
}

.virtual-card__wrapper {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1.25rem
}

@media (max-width:1024px) {
  .career-form__desc {
    font-size: 1rem;
    line-height: 1.25
  }

  .virtual-card__title {
    margin-bottom: 1.875rem
  }

  .virtual-card__wrapper>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
  }
}

@media (max-width:767px) {
  .career-form__desc {
    font-size: .875rem;
    line-height: 1.125rem
  }

  .career-form__textarea {
    display: block
  }

  .career-form__button {
    width: 100%
  }

  .career-form__personality .link {
    --tw-text-opacity: 1;
    color: rgb(36 60 70 / var(--tw-text-opacity, 1))
  }

  .virtual-card__title {
    margin-bottom: 1.5rem
  }

  .virtual-card__wrapper>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
  }
}

.virtual-card__inner {
  border-radius: .75rem;
  padding: 1.875rem
}

.virtual-card__inner--first {
  grid-column: span 3/span 3;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1.875rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1))
}

.virtual-card__inner--last {
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1))
}

@media (min-width:1025px) {

  .virtual-card__inner--first,
  .virtual-card__wrapper {
    display: grid
  }

  .virtual-card__inner--last {
    border-width: 1px
  }
}

.virtual-card__selector {
  grid-column: span 3/span 3
}

@media (max-width:1024px) {
  .virtual-card__inner>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.875rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.875rem * var(--tw-space-y-reverse))
  }

  .virtual-card__inner {
    padding: 1.875rem 1rem
  }

  .virtual-card__inner--last {
    --tw-bg-opacity: 1;
    background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1))
  }

  .virtual-card__selector {
    margin-left: auto;
    margin-right: auto;
    max-width: 30rem
  }
}

@media (max-width:767px) {
  .virtual-card__inner>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
  }

  .virtual-card__inner {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
  }

  .virtual-card__selector {
    max-width: none
  }
}

.virtual-card__form {
  grid-column: span 2/span 2
}

.virtual-card-selector__selected {
  position: relative;
  margin-bottom: 1.5rem;
  overflow: hidden;
  border-radius: .75rem
}

.virtual-card-selector__selected img:not(.virtual-card-selector__selected-logo) {
  aspect-ratio: 534/340;
  width: 100%;
  object-fit: cover
}

.virtual-card-selector__selected-info {
  position: absolute;
  top: 50%;
  left: 50%;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center
}

.virtual-card-selector__selected-logo {
  width: 25rem
}

.virtual-card-selector__selected-name {
  margin-top: 1rem;
  text-align: center;
  font-weight: 900;
  text-transform: uppercase;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

@media (max-width:1024px) {
  .virtual-card__form {
    margin-left: auto;
    margin-right: auto;
    max-width: 24.75rem
  }

  .virtual-card-selector__selected {
    margin-bottom: 1.875rem
  }

  .virtual-card-selector__selected-logo {
    width: 22.75rem
  }

  .virtual-card-selector__selected-name {
    margin-top: .875rem;
    font-size: .875rem;
    line-height: 1.125rem
  }
}

@media (max-width:767px) {
  .virtual-card__form {
    max-width: none
  }

  .virtual-card-selector__selected {
    margin-bottom: 1.5rem
  }

  .virtual-card-selector__selected-logo {
    width: 14.75rem
  }

  .virtual-card-selector__selected-name {
    margin-top: .5rem;
    font-size: .625rem;
    line-height: .75rem
  }
}

.virtual-card-selector__selected-price {
  position: absolute;
  bottom: 2.375rem;
  left: 50%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  font-size: 2.5rem;
  line-height: 1.2;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

@media (max-width:1024px) {
  .virtual-card-selector__selected-price {
    font-size: 2rem;
    line-height: 1.2
  }

  .virtual-card-selector__desc {
    padding-left: 2.625rem;
    padding-right: 2.625rem
  }
}

@media (max-width:767px) {
  .virtual-card-selector__selected-price {
    bottom: 1.5rem;
    font-size: 1.25rem;
    line-height: 1.2
  }
}

.virtual-card-selector__desc {
  margin-bottom: .625rem;
  font-size: .875rem;
  line-height: 1.125rem;
  font-weight: 700
}

@media (max-width:767px) {
  .virtual-card-selector__desc {
    margin-bottom: .75rem;
    padding-left: 0;
    padding-right: 0
  }
}

.virtual-card-selector__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  gap: 1rem
}

.virtual-card-selector__list-item {
  cursor: pointer;
  overflow: hidden;
  border-radius: .375rem
}

.virtual-card-selector__list-item input {
  display: none
}

.video-consultant-btn:not(.virtual-card-selector__list-iteminput) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.virtual-card-selector__list-iteminput) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.virtual-card-selector__list-item input:checked+img {
  opacity: 1
}

.virtual-card-selector__list-item img {
  aspect-ratio: 76/60;
  width: 100%;
  opacity: .5
}

.virtual-card-form>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
}

@media (max-width:1024px) {
  .virtual-card-selector__list {
    gap: .75rem;
    padding-left: 2.625rem;
    padding-right: 2.625rem
  }

  .virtual-card-selector__list-item img {
    aspect-ratio: 56/40
  }

  .virtual-card-form>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.875rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.875rem * var(--tw-space-y-reverse))
  }
}

@media (max-width:767px) {
  .virtual-card-selector__list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .5rem;
    padding-left: 0;
    padding-right: 0
  }

  .virtual-card-selector__list-item img {
    aspect-ratio: 98/60
  }

  .virtual-card-form>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
  }
}

.virtual-card-form--pay>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

@media (max-width:1024px) {
  .virtual-card-form--pay>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
  }
}

.virtual-card-form__row-inner {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem
}

.virtual-card-form__row-inner .input_with-prefix:not(.input_large) .input__prefix {
  top: .75rem;
  left: 1rem
}

.virtual-card-form__title {
  margin-bottom: .625rem;
  font-size: .875rem;
  line-height: 1.125rem;
  font-weight: 700
}

@media (max-width:767px) {
  .virtual-card-form--pay>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
  }

  .virtual-card-form__row-inner {
    gap: .625rem
  }

  .virtual-card-form__title {
    margin-bottom: .75rem
  }
}

.virtual-card-form__top-desc {
  font-size: .875rem;
  line-height: 1.125rem
}

.virtual-card-form__inputs>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.75rem * var(--tw-space-y-reverse))
}

@media (max-width:1024px) {
  .virtual-card-form__inputs>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
  }
}

@media (max-width:767px) {
  .virtual-card-form__inputs>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
  }
}

.virtual-card-form__checkboxes>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.625rem * var(--tw-space-y-reverse))
}

.virtual-card-form__checkboxes {
  font-size: .75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.virtual-card-form__checkboxes .checkbox {
  align-items: flex-start
}

.virtual-card-form__checkboxes .checkbox__field {
  --tw-border-opacity: 1;
  border-color: rgb(225 229 229 / var(--tw-border-opacity, 1));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}

.virtual-card-form__warning {
  gap: .5rem
}

.virtual-card-form__warning .warning__icon {
  margin-top: 0
}

.virtual-card-form__warning .warning__inner {
  font-size: .75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(36 60 70 / var(--tw-text-opacity, 1))
}

.card-switcher {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  overflow: hidden;
  border-radius: .375rem;
  --tw-shadow: 0 0 0 1px #D2D8DA inset;
  --tw-shadow-colored: inset 0 0 0 1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.card-switcher .card-switcher-item input {
  display: none
}

.video-consultant-btn:not(.card-switcher.card-switcher-iteminput) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.card-switcher.card-switcher-iteminput) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.card-switcher .card-switcher-item input:checked~span {
  --tw-bg-opacity: 1;
  background-color: rgb(36 60 70 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.card-switcher .card-switcher-item span {
  display: flex;
  height: 2rem;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  font-size: .875rem;
  line-height: 1.125rem;
  font-weight: 700
}

.order-success {
  margin-left: auto;
  margin-right: auto;
  max-width: 26.25rem
}

.order-success__title {
  margin-bottom: 1.875rem
}

.order-success__inner>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
}

.order-success__inner {
  border-radius: .75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1));
  padding: 1.875rem
}

.order-success__products>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

@media (max-width:767px) {
  .order-success__title {
    margin-bottom: 1rem
  }

  .order-success__inner>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
  }

  .order-success__inner {
    padding: 1.5rem 1rem
  }

  .order-success__products>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.625rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.625rem * var(--tw-space-y-reverse))
  }
}

.order-success__delivery>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.625rem * var(--tw-space-y-reverse))
}

@media (max-width:767px) {
  .order-success__delivery>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.25rem * var(--tw-space-y-reverse))
  }

  .order-success__row {
    font-size: .875rem;
    line-height: 1.125rem
  }
}

.order-success__delivery-bottom>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.125rem * var(--tw-space-y-reverse))
}

.order-success__delivery-bottom {
  text-align: right
}

.order-success__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between
}

.order-success__row--bonus {
  --tw-text-opacity: 1;
  color: rgb(0 133 205 / var(--tw-text-opacity, 1))
}

.order-success-products {
  display: flex;
  align-items: center;
  gap: .625rem;
  border-radius: .625rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding: .625rem .75rem
}

.order-success-products__img {
  height: 5.625rem;
  width: 5.625rem;
  flex-shrink: 0;
  object-fit: contain
}

.order-success-products__info {
  flex-grow: 1
}

.order-success-products__info>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.125rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.125rem * var(--tw-space-y-reverse))
}

.order-success-products__name {
  font-weight: 700
}

.order-success-products__desc {
  display: flex;
  gap: .625rem;
  font-size: .875rem;
  line-height: 1.125rem
}

.order-success-products__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.order-success-products__count {
  font-size: .875rem;
  line-height: 1.125rem;
  font-weight: 700
}

.order-success-products__article {
  font-size: .75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.video-consultant-banner {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  overflow: hidden;
  border-radius: .75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1))
}

.video-consultant-banner__img {
  height: 100%;
  object-fit: cover
}

.video-consultant-banner__inner {
  position: relative;
  padding: 1.875rem
}

@media (max-width:1024px) {
  .video-consultant-banner {
    display: flex;
    flex-direction: column-reverse
  }

  .video-consultant-banner__inner {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }

  .video-consultant-banner__top {
    width: 50%
  }
}

.video-consultant-banner__top {
  margin-bottom: 1.875rem;
  display: flex;
  align-items: center;
  gap: 1.25rem
}

@media (max-width:767px) {
  .video-consultant-banner__inner {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 1.5rem
  }

  .video-consultant-banner__top {
    margin-bottom: 1rem;
    width: 66.666667%
  }
}

.video-consultant-banner__top-img {
  aspect-ratio: 1/1;
  width: 100%;
  max-width: 10.625rem;
  overflow: hidden;
  border-radius: 9999px
}

.video-consultant-banner__list {
  margin-bottom: 1.875rem;
  font-size: 1rem;
  line-height: 1.25
}

@media (min-width:1025px) {
  .video-consultant-banner__list>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
  }
}

.video-consultant-banner__button {
  height: 3.25rem;
  gap: .75rem;
  padding-left: 2.125rem;
  padding-right: 2.875rem
}

@media (max-width:1024px) {
  .video-consultant-banner__top-img {
    position: absolute;
    top: 0;
    right: 1.5rem;
    max-width: 14.125rem;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .video-consultant-banner__list {
    margin-bottom: 2.5rem;
    display: flex;
    max-height: 6rem;
    flex-direction: column;
    flex-wrap: wrap;
    row-gap: 1rem
  }

  .video-consultant-banner__button,
  .video-consultant-banner__list li {
    width: 50%
  }
}

@media (max-width:767px) {
  .video-consultant-banner__top-img {
    right: 1rem;
    max-width: 8.75rem;
    --tw-translate-y: -66.666667%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
  }

  .video-consultant-banner__list {
    margin-bottom: 1.5rem;
    display: block;
    max-height: none;
    font-size: .875rem;
    line-height: 1.125rem
  }

  .video-consultant-banner__list>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.75rem * var(--tw-space-y-reverse))
  }

  .video-consultant-banner__list li {
    width: auto
  }

  .video-consultant-banner__button {
    width: 100%
  }
}

.video-consultant-banner__button svg {
  width: 3rem;
  height: 3rem;
  flex-shrink: 0
}

.video-consultant-info__title {
  margin-bottom: 2.5rem
}

@media (max-width:1024px) {
  .video-consultant-info__title {
    margin-bottom: 1.25rem;
    width: 66.666667%
  }
}

@media (max-width:767px) {
  .video-consultant-info__title {
    margin-bottom: 1rem;
    width: 100%
  }
}

.video-consultant-info__inner {
  margin-top: 2.5rem
}

.video-consultant-info__inner>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
}

@media (min-width:1025px) {
  .video-consultant-info__inner {
    width: 83.333333%
  }
}

.video-consultant-features {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1.25rem
}

@media (max-width:767px) {
  .video-consultant-info__inner {
    margin-top: 1.5rem;
    font-size: .875rem;
    line-height: 1.125rem
  }

  .video-consultant-info__inner>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.75rem * var(--tw-space-y-reverse))
  }

  .video-consultant-features {
    display: block
  }

  .video-consultant-features>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.625rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.625rem * var(--tw-space-y-reverse))
  }
}

.video-consultant-features__item>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.625rem * var(--tw-space-y-reverse))
}

.video-consultant-features__item {
  border-radius: .75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1));
  padding: 1.875rem
}

@media (max-width:1024px) {
  .video-consultant-features {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .video-consultant-features__item {
    display: flex;
    align-items: center;
    gap: .625rem;
    padding: 1.25rem 1.5rem
  }

  .video-consultant-features__item--wide {
    grid-column: span 2/span 2;
    grid-row-start: 2
  }
}

@media (max-width:767px) {
  .video-consultant-features__item {
    gap: .75rem;
    font-size: .875rem;
    line-height: 1.125rem;
    padding: .75rem 1rem
  }
}

.video-consultant-features__item-icon {
  flex-shrink: 0
}

.video-consultant-btn {
  display: flex;
  height: 4rem;
  width: 4.5rem;
  align-items: center;
  justify-content: center;
  border-top-left-radius: .375rem;
  border-bottom-left-radius: .375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(36 60 70 / var(--tw-bg-opacity, 1));
  padding-right: .5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

@media (max-width:1024px) {
  .video-consultant-btn {
    padding-right: 0
  }
}

@media (max-width:767px) {
  .video-consultant-btn {
    height: 3.625rem;
    width: 3.75rem
  }
}

.video-consultant-btn__icon {
  position: relative;
  display: block;
  height: 3rem;
  width: 3rem
}

.video-consultant-btn__icon svg {
  position: absolute;
  height: 100%;
  width: 100%
}

.video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.video-consultant-btn:not(.hidden) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.hidden) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

@keyframes video-consultant-first {

  0%,
  20%,
  40%,
  60%,
  to {
    transform: scale(1) rotate(10deg)
  }

  10%,
  30%,
  50% {
    transform: scale(1) rotate(-10deg)
  }

  61%,
  99% {
    transform: scale(1.1) rotate(9deg)
  }

  62%,
  98% {
    transform: scale(0) rotate(8deg)
  }
}

@keyframes video-consultant-last {

  0%,
  to {
    transform: scale(0) rotate(10deg)
  }

  62%,
  98% {
    transform: scale(0) rotate(8deg)
  }

  63%,
  97% {
    transform: scale(1.1) rotate(7deg)
  }

  64%,
  96% {
    transform: scale(1) rotate(6deg)
  }

  70%,
  90% {
    transform: scale(1) rotate(-10deg)
  }

  80% {
    transform: scale(1) rotate(10deg)
  }
}

.video-consultant-form>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

.video-consultant-form__top>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.625rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.625rem * var(--tw-space-y-reverse))
}

.video-consultant-form__top-title {
  --tw-text-opacity: 1;
  color: rgb(36 60 70 / var(--tw-text-opacity, 1))
}

.video-consultant-form__top-desc,
.video-consultant-form__top-link {
  font-size: .875rem;
  line-height: 1.125rem
}

.video-consultant-form__inputs>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(.75rem * var(--tw-space-y-reverse))
}

.video-consultant-form__inputs .input {
  display: block
}

.video-consultant-form__inputs-desc {
  font-size: .875rem;
  line-height: 1.125rem;
  font-weight: 700
}

.video-consultant-form__personality {
  font-size: .75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.video-consultant-form__personality .link {
  --tw-text-opacity: 1;
  color: rgb(36 60 70 / var(--tw-text-opacity, 1))
}

.auth-layer {
  display: flex;
  flex-direction: column;
  row-gap: 2.5rem;
  padding: 3.5rem 1.875rem 1.25rem
}

.auth-layer__title {
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 2.5rem;
  text-align: center;
  --tw-text-opacity: 1;
  color: rgb(36 60 70 / var(--tw-text-opacity, 1))
}

@media (max-width:1024px) {
  .auth-layer {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }

  .auth-layer__title {
    margin-bottom: 1.875rem
  }

  .auth-layer__back {
    display: none
  }
}

@media (max-width:767px) {
  .video-consultant-btn__icon {
    height: 2.75rem;
    width: 2.75rem
  }

  .auth-layer {
    padding: 3rem 1.375rem 1.5rem
  }

  .auth-layer__title {
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: 700;
    margin-bottom: 1.5rem
  }
}

.auth-layer__back {
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  font-size: .875rem;
  line-height: 1.125rem
}

.auth-layer__form:not(.--active) {
  display: none
}

.video-consultant-btn:not(.auth-layer__form:not(.--active)) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.auth-layer__form:not(.--active)) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.auth-layer__footer {
  margin-top: auto
}

.change-password {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 1.25rem;
  padding-top: 3.75rem;
  padding-bottom: 6.25rem
}

.change-password__title {
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 700;
  grid-column: 1/-1;
  margin-bottom: 3.125rem
}

@media (max-width:1024px) {
  .change-password {
    padding-top: 2rem;
    padding-bottom: 1.25rem
  }

  .change-password__title {
    margin-bottom: 1.875rem
  }
}

.change-password__form {
  grid-column: span 2/span 2;
  display: flex;
  flex-direction: column;
  row-gap: 1.875rem
}

@media (max-width:767px) {
  .change-password {
    padding-top: 1.25rem;
    padding-bottom: .625rem
  }

  .change-password__title {
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: 700
  }

  .change-password__form {
    grid-column: 1/-1
  }
}

.change-password__form-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem
}

.change-password__button {
  align-self: flex-start
}

.change-password-success {
  padding-top: 3.75rem;
  padding-bottom: 6.25rem
}

.change-password-success__text {
  margin-top: 3.125rem;
  font-size: .875rem;
  line-height: 1.125rem
}

@media (max-width:1024px) {
  .change-password__form-row {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }

  .change-password-success {
    padding-top: 2rem;
    padding-bottom: 2.5rem
  }

  .change-password-success__text {
    margin-top: 1.875rem
  }
}

@media (max-width:767px) {
  .change-password-success {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 1.25rem
  }

  .change-password-success__text {
    text-align: center
  }
}

.engraving-form__title {
  margin-bottom: .75rem;
  --tw-text-opacity: 1;
  color: rgb(36 60 70 / var(--tw-text-opacity, 1))
}

.engraving-form__inner {
  display: grid;
  grid-template-columns: 1fr 22.5rem;
  gap: 1rem
}

.engraving-form__desc {
  margin-bottom: 1rem;
  font-size: .875rem;
  line-height: 1.125rem
}

.engraving-form__input {
  margin-bottom: 1.25rem;
  display: block
}

.engraving-form__input.focus .input__placeholder {
  top: 0;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  font-size: .75rem;
  line-height: 1rem
}

.engraving-form__input .input__placeholder {
  pointer-events: none;
  position: absolute;
  top: .6875rem;
  left: .875rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: .125rem;
  padding-right: .125rem;
  font-size: .875rem;
  line-height: 1.125rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: 150ms
}

.engraving-form__input.input_with-suffix .input__suffix {
  top: .75rem;
  font-size: .75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.engraving-form__img {
  position: relative;
  grid-row: span 2/span 2
}

.engraving-form__img-phrase {
  position: absolute;
  top: 13.125rem;
  left: 7.75rem;
  max-height: 13.125rem;
  --tw-translate-y: -50%;
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  overflow: hidden;
  white-space: nowrap;
  writing-mode: vertical-lr
}

@media (max-width:767px) {
  .engraving-form__inner {
    display: block
  }

  .engraving-form__inner>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
  }

  .engraving-form__input {
    margin-bottom: 1rem
  }

  .engraving-form__img-phrase {
    top: 40%;
    left: 34%;
    font-size: .875rem;
    line-height: 1.125rem
  }
}

.fonts-select {
  position: relative
}

.fonts-select__placeholder {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: .875rem;
  z-index: 1;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  padding-left: .125rem;
  padding-right: .125rem;
  font-size: .75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1));
  transition-property: all;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-duration: 150ms
}

.fonts-select__options {
  display: none
}

.video-consultant-btn:not(.fonts-select__options) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.fonts-select__options) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.embossing-form__title {
  margin-bottom: .75rem;
  --tw-text-opacity: 1;
  color: rgb(36 60 70 / var(--tw-text-opacity, 1))
}

.embossing-form__desc {
  margin-bottom: 1.875rem;
  font-size: .875rem;
  line-height: 1.125rem
}

.embossing-form__inner {
  display: grid;
  grid-template-columns: 1fr 18.875rem;
  column-gap: 1.25rem;
  row-gap: 1rem
}

@media (max-width:767px) {
  .embossing-form__desc {
    margin-bottom: 1rem
  }

  .embossing-form__inner {
    display: flex;
    flex-direction: column
  }
}

.embossing-form-keyboards__top {
  display: flex;
  align-items: center;
  gap: .25rem;
  font-size: .75rem;
  line-height: 1rem
}

.embossing-form-keyboards__desc {
  flex-grow: 1;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.embossing-form-keyboards__counter {
  width: 3rem;
  text-align: center
}

.embossing-form-keyboards__counter.--zero {
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.embossing-form-keyboards__clear {
  height: 1.875rem;
  padding-left: 1.125rem;
  padding-right: 1.125rem
}

.embossing-form-keyboards__clear:disabled {
  pointer-events: none;
  user-select: none
}

.embossing-form-keyboards__clear:disabled .button__text {
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.embossing-form-keyboards__clear .button__text {
  font-weight: 400
}

.embossing-form-keyboards__inner {
  margin-top: 1rem
}

.embossing-form-keyboards__inner>:not([hidden])~:not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

.embossing-form-keyboards__inner.--disabled {
  pointer-events: none;
  user-select: none;
  opacity: .5
}

.embossing-form-keyboards .embossing-form-keyboard {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: .25rem
}

.embossing-form-keyboards .embossing-form-keyboard__button {
  height: 2.125rem
}

.embossing-form-keyboards .embossing-form-keyboard__button .button__text {
  pointer-events: none;
  user-select: none;
  font-family: Times New Roman, serif;
  font-weight: 400;
  text-transform: uppercase
}

.embossing-form-preview {
  border-radius: .375rem;
  border-width: 1px;
  --tw-border-opacity: 1;
  border-color: rgb(238 242 242 / var(--tw-border-opacity, 1));
  padding: .75rem 2.125rem
}

.embossing-form-preview__img {
  position: relative
}

.embossing-form-preview__symbols {
  position: absolute;
  top: 6.5rem;
  left: 50%;
  display: flex;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  align-items: center;
  justify-content: center;
  gap: .1875rem;
  color: rgb(255 255 255 / .2)
}

@media (max-width:767px) {
  .embossing-form-keyboards__inner>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.625rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.625rem * var(--tw-space-y-reverse))
  }

  .embossing-form-keyboards .embossing-form-keyboard {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: .125rem
  }

  .embossing-form-keyboards .embossing-form-keyboard__button {
    height: 2.5rem
  }

  .embossing-form-preview {
    padding-left: 2.375rem;
    padding-right: 2.375rem
  }

  .embossing-form-preview__symbols {
    top: 5.375rem;
    height: 3.75rem;
    width: 7.875rem;
    background-image: url(/local/templates/in_modern/css/../img/embossing-form/preview-border.svg)
  }
}

.embossing-form-preview__symbol {
  position: relative;
  min-height: 2.125rem;
  min-width: 1.375rem;
  font-family: Times New Roman, serif;
  font-size: 2.125rem;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase
}

.embossing-form-preview__symbol i {
  font-size: 1.875rem;
  line-height: .95
}

.embossing-form-preview__symbol .placeholder {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: .25rem;
  height: .25rem;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  border-radius: 9999px;
  background-color: rgb(217 217 217 / .4)
}

.embossing-form-preview__colors {
  margin-top: .75rem
}

.embossing-form-colors__top {
  margin-bottom: .75rem;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.embossing-form-colors__title {
  font-size: .75rem;
  line-height: 1rem;
  --tw-text-opacity: 1;
  color: rgb(146 146 146 / var(--tw-text-opacity, 1))
}

.embossing-form-colors__color-name {
  font-size: .75rem;
  line-height: 1rem
}

.embossing-form-colors__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  gap: .375rem
}

.embossing-form-colors__item {
  position: relative
}

.embossing-form-colors__checkbox {
  position: relative;
  display: block;
  aspect-ratio: 1/1;
  width: 100%;
  cursor: pointer;
  overflow: hidden;
  border-radius: 9999px
}

.embossing-form-colors__checkbox input {
  display: none
}

.video-consultant-btn:not(.embossing-form-colors__checkboxinput) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.embossing-form-colors__checkboxinput) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.embossing-form-colors__checkbox input:checked+.embossing-form-colors__icon {
  display: block
}

.embossing-form-colors__checkbox img {
  aspect-ratio: 1/1;
  width: 100%
}

.embossing-form-colors__icon {
  pointer-events: none;
  position: absolute;
  top: .5625rem;
  left: .5625rem;
  display: none;
  user-select: none;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}

.video-consultant-btn:not(.embossing-form-colors__icon) .video-consultant-btn__icon svg:first-child {
  animation: 15s ease-in-out infinite video-consultant-first
}

.video-consultant-btn:not(.embossing-form-colors__icon) .video-consultant-btn__icon svg:last-child {
  animation: 15s ease-in-out infinite video-consultant-last
}

.embossing-form-colors__icon--black {
  --tw-text-opacity: 1;
  color: rgb(32 32 33 / var(--tw-text-opacity, 1))
}

@media (max-width:767px) {
  .embossing-form-colors__top {
    margin-bottom: 0
  }

  .embossing-form-colors__list {
    gap: .875rem;
    padding-top: .75rem;
    padding-bottom: .75rem
  }

  .embossing-form-colors__icon {
    top: .75rem;
    left: .75rem
  }

  .mobile\:h5 {
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: 700
  }
}

.before\:-left-4::before {
  content: var(--tw-content);
  left: -1rem
}

.before\:-left-4\.5::before {
  content: var(--tw-content);
  left: -1.125rem
}

.before\:-left-6::before {
  content: var(--tw-content);
  left: -1.5rem
}

@media (max-width:1299px) {
  .laptop\:mt-1 {
    margin-top: .25rem
  }

  .laptop\:block {
    display: block
  }

  .laptop\:flex {
    display: flex
  }

  .laptop\:hidden {
    display: none
  }

  .laptop\:flex-col {
    flex-direction: column
  }

  .laptop\:flex-wrap {
    flex-wrap: wrap
  }

  .laptop\:items-start {
    align-items: flex-start
  }

  .laptop\:gap-x-6 {
    column-gap: 1.5rem
  }

  .laptop\:gap-y-5 {
    row-gap: 1.25rem
  }

  .laptop\:space-y-10>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse))
  }
}

@media (max-width:1024px) {
  .tablet\:h5 {
    font-size: 1.25rem;
    line-height: 1.2;
    font-weight: 700
  }

  .tablet\:-order-1 {
    order: -1
  }

  .tablet\:order-1 {
    order: 1
  }

  .tablet\:order-2 {
    order: 2
  }

  .tablet\:col-span-2 {
    grid-column: span 2/span 2
  }

  .tablet\:-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem
  }

  .tablet\:\!mt-0 {
    margin-top: 0 !important
  }

  .tablet\:mb-0 {
    margin-bottom: 0
  }

  .tablet\:mb-10 {
    margin-bottom: 2.5rem
  }

  .tablet\:mb-5 {
    margin-bottom: 1.25rem
  }

  .tablet\:mb-6 {
    margin-bottom: 1.5rem
  }

  .tablet\:mb-7\.5 {
    margin-bottom: 1.875rem
  }

  .tablet\:mt-0 {
    margin-top: 0
  }

  .tablet\:mt-10 {
    margin-top: 2.5rem
  }

  .tablet\:mt-11 {
    margin-top: 2.75rem
  }

  .tablet\:mt-15 {
    margin-top: 3.75rem
  }

  .tablet\:mt-2\.5 {
    margin-top: .625rem
  }

  .tablet\:mt-5 {
    margin-top: 1.25rem
  }

  .tablet\:mt-6 {
    margin-top: 1.5rem
  }

  .tablet\:mt-7\.5 {
    margin-top: 1.875rem
  }

  .tablet\:block {
    display: block
  }

  .tablet\:\!flex {
    display: flex !important
  }

  .tablet\:flex {
    display: flex
  }

  .tablet\:grid {
    display: grid
  }

  .tablet\:\!hidden {
    display: none !important
  }

  .tablet\:hidden {
    display: none
  }

  .tablet\:size-10 {
    width: 2.5rem;
    height: 2.5rem
  }

  .tablet\:w-full {
    width: 100%
  }

  .tablet\:max-w-100 {
    max-width: 25rem
  }

  .tablet\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }

  .tablet\:grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .tablet\:grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }

  .tablet\:flex-col {
    flex-direction: column
  }

  .tablet\:flex-wrap {
    flex-wrap: wrap
  }

  .tablet\:items-start {
    align-items: flex-start
  }

  .tablet\:justify-start {
    justify-content: flex-start
  }

  .tablet\:gap-1 {
    gap: .25rem
  }

  .tablet\:gap-2\.5 {
    gap: .625rem
  }

  .tablet\:gap-3\.5 {
    gap: .875rem
  }

  .tablet\:gap-5 {
    gap: 1.25rem
  }

  .tablet\:gap-x-4 {
    column-gap: 1rem
  }

  .tablet\:gap-x-5 {
    column-gap: 1.25rem
  }

  .tablet\:gap-x-6 {
    column-gap: 1.5rem
  }

  .tablet\:gap-y-2\.5 {
    row-gap: .625rem
  }

  .tablet\:gap-y-3 {
    row-gap: .75rem
  }

  .tablet\:gap-y-4 {
    row-gap: 1rem
  }

  .tablet\:gap-y-5 {
    row-gap: 1.25rem
  }

  .tablet\:gap-y-7\.5 {
    row-gap: 1.875rem
  }

  .tablet\:space-y-10>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse))
  }

  .tablet\:space-y-2\.5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.625rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.625rem * var(--tw-space-y-reverse))
  }

  .tablet\:space-y-3>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.75rem * var(--tw-space-y-reverse))
  }

  .tablet\:space-y-4>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
  }

  .tablet\:space-y-5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse))
  }

  .tablet\:rounded-xl {
    border-radius: .75rem
  }

  .tablet\:border {
    border-width: 1px
  }

  .tablet\:border-0 {
    border-width: 0
  }

  .tablet\:border-t-0 {
    border-top-width: 0
  }

  .tablet\:border-bg {
    --tw-border-opacity: 1;
    border-color: rgb(238 242 242 / var(--tw-border-opacity, 1))
  }

  .tablet\:bg-bg {
    --tw-bg-opacity: 1;
    background-color: rgb(238 242 242 / var(--tw-bg-opacity, 1))
  }

  .tablet\:p-6 {
    padding: 1.5rem
  }

  .tablet\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }

  .tablet\:py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
  }

  .tablet\:py-7\.5 {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem
  }

  .tablet\:pb-0 {
    padding-bottom: 0
  }

  .tablet\:pb-5 {
    padding-bottom: 1.25rem
  }

  .tablet\:pb-7\.5 {
    padding-bottom: 1.875rem
  }

  .tablet\:pt-0 {
    padding-top: 0
  }

  .tablet\:pt-10 {
    padding-top: 2.5rem
  }

  .tablet\:pt-5 {
    padding-top: 1.25rem
  }

  .tablet\:pt-7 {
    padding-top: 1.75rem
  }

  .tablet\:text-left {
    text-align: left
  }

  .tablet\:text-3xl {
    font-size: 2rem;
    line-height: 1.2
  }

  .tablet\:text-base {
    font-size: 1rem;
    line-height: 1.25
  }

  .tablet\:text-sm {
    font-size: .875rem;
    line-height: 1.125rem
  }

  .tablet\:text-xl {
    font-size: 1.25rem;
    line-height: 1.2
  }

  .tablet\:text-xs {
    font-size: .75rem;
    line-height: 1rem
  }

  .tablet\:font-bold {
    font-weight: 700
  }

  .tablet\:font-normal {
    font-weight: 400
  }

  .tablet\:text-blue {
    --tw-text-opacity: 1;
    color: rgb(36 60 70 / var(--tw-text-opacity, 1))
  }

  .tablet\:before\:-left-3::before {
    content: var(--tw-content);
    left: -.75rem
  }

  .tablet\:before\:-left-3\.5::before {
    content: var(--tw-content);
    left: -.875rem
  }
}

@media (max-width:767px) {
  .mobile\:absolute {
    position: absolute
  }

  .mobile\:right-4 {
    right: 1rem
  }

  .mobile\:top-6 {
    top: 1.5rem
  }

  .mobile\:order-1 {
    order: 1
  }

  .mobile\:order-2 {
    order: 2
  }

  .mobile\:order-3 {
    order: 3
  }

  .mobile\:order-4 {
    order: 4
  }

  .mobile\:order-5 {
    order: 5
  }

  .mobile\:col-span-full {
    grid-column: 1/-1
  }

  .mobile\:-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem
  }

  .mobile\:mb-0 {
    margin-bottom: 0
  }

  .mobile\:mb-10 {
    margin-bottom: 2.5rem
  }

  .mobile\:mb-2 {
    margin-bottom: .5rem
  }

  .mobile\:mb-2\.5 {
    margin-bottom: .625rem
  }

  .mobile\:mb-3 {
    margin-bottom: .75rem
  }

  .mobile\:mb-4 {
    margin-bottom: 1rem
  }

  .mobile\:mb-6 {
    margin-bottom: 1.5rem
  }

  .mobile\:mb-7\.5 {
    margin-bottom: 1.875rem
  }

  .mobile\:mt-0 {
    margin-top: 0
  }

  .mobile\:mt-1 {
    margin-top: .25rem
  }

  .mobile\:mt-10 {
    margin-top: 2.5rem
  }

  .mobile\:mt-12\.5 {
    margin-top: 3.125rem
  }

  .mobile\:mt-15 {
    margin-top: 3.75rem
  }

  .mobile\:mt-2\.5 {
    margin-top: .625rem
  }

  .mobile\:mt-3 {
    margin-top: .75rem
  }

  .mobile\:mt-4 {
    margin-top: 1rem
  }

  .mobile\:mt-6 {
    margin-top: 1.5rem
  }

  .mobile\:mt-7 {
    margin-top: 1.75rem
  }

  .mobile\:block {
    display: block
  }

  .mobile\:inline {
    display: inline
  }

  .mobile\:flex {
    display: flex
  }

  .mobile\:hidden {
    display: none
  }

  .mobile\:size-7\.5 {
    width: 1.875rem;
    height: 1.875rem
  }

  .mobile\:h-5 {
    height: 1.25rem
  }

  .mobile\:w-13 {
    width: 3.25rem
  }

  .mobile\:w-full {
    width: 100%
  }

  .mobile\:grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }

  .mobile\:flex-col {
    flex-direction: column
  }

  .mobile\:gap-5 {
    gap: 1.25rem
  }

  .mobile\:gap-x-2\.5 {
    column-gap: .625rem
  }

  .mobile\:gap-x-4 {
    column-gap: 1rem
  }

  .mobile\:gap-x-4\.5 {
    column-gap: 1.125rem
  }

  .mobile\:gap-y-3 {
    row-gap: .75rem
  }

  .mobile\:gap-y-4 {
    row-gap: 1rem
  }

  .mobile\:gap-y-6 {
    row-gap: 1.5rem
  }

  .mobile\:space-y-2\.5>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.625rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.625rem * var(--tw-space-y-reverse))
  }

  .mobile\:space-y-3>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(.75rem * var(--tw-space-y-reverse))
  }

  .mobile\:p-5 {
    padding: 1.25rem
  }

  .mobile\:px-0 {
    padding-left: 0;
    padding-right: 0
  }

  .mobile\:px-3 {
    padding-left: .75rem;
    padding-right: .75rem
  }

  .mobile\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem
  }

  .mobile\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }

  .mobile\:py-2\.5 {
    padding-top: .625rem;
    padding-bottom: .625rem
  }

  .mobile\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
  }

  .mobile\:py-7\.5 {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem
  }

  .mobile\:pb-1 {
    padding-bottom: .25rem
  }

  .mobile\:pb-2\.5 {
    padding-bottom: .625rem
  }

  .mobile\:pb-6 {
    padding-bottom: 1.5rem
  }

  .mobile\:pt-0 {
    padding-top: 0
  }

  .mobile\:pt-2 {
    padding-top: .5rem
  }

  .mobile\:pt-5 {
    padding-top: 1.25rem
  }

  .mobile\:text-base {
    font-size: 1rem;
    line-height: 1.25
  }

  .mobile\:text-base-wide {
    font-size: 1rem;
    line-height: 1.4
  }

  .mobile\:text-sm {
    font-size: .875rem;
    line-height: 1.125rem
  }

  .mobile\:text-xl {
    font-size: 1.25rem;
    line-height: 1.2
  }

  .mobile\:text-xs {
    font-size: .75rem;
    line-height: 1rem
  }
}

@media (max-width:550px) {
  .min-mobile\:bottom-5 {
    bottom: 1.25rem
  }

  .min-mobile\:mb-2\.5 {
    margin-bottom: .625rem
  }

  .min-mobile\:mb-4 {
    margin-bottom: 1rem
  }

  .min-mobile\:mt-0 {
    margin-top: 0
  }

  .min-mobile\:mt-4 {
    margin-top: 1rem
  }

  .min-mobile\:mt-6 {
    margin-top: 1.5rem
  }

  .min-mobile\:block {
    display: block
  }

  .min-mobile\:grid {
    display: grid
  }

  .min-mobile\:hidden {
    display: none
  }

  .min-mobile\:h-5 {
    height: 1.25rem
  }

  .min-mobile\:w-7 {
    width: 1.75rem
  }

  .min-mobile\:w-9 {
    width: 2.25rem
  }

  .min-mobile\:w-full {
    width: 100%
  }

  .min-mobile\:max-w-full {
    max-width: 100%
  }

  .min-mobile\:grid-cols-all-equal {
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr))
  }

  .min-mobile\:justify-center {
    justify-content: center
  }

  .min-mobile\:gap-1 {
    gap: .25rem
  }

  .min-mobile\:gap-y-4 {
    row-gap: 1rem
  }

  .min-mobile\:space-y-6>:not([hidden])~:not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.5rem * var(--tw-space-y-reverse))
  }

  .min-mobile\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem
  }

  .min-mobile\:px-9\.5 {
    padding-left: 2.375rem;
    padding-right: 2.375rem
  }

  .min-mobile\:py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
  }

  .min-mobile\:text-base {
    font-size: 1rem;
    line-height: 1.25
  }

  .min-mobile\:text-sm {
    font-size: .875rem;
    line-height: 1.125rem
  }

  .min-mobile\:text-xs {
    font-size: .75rem;
    line-height: 1rem
  }
}

@media (min-width:768px) {
  .upper-mobile\:grid {
    display: grid
  }

  .upper-mobile\:hidden {
    display: none
  }
}

@media (min-width:1025px) {
  .upper-tablet\:row-span-2 {
    grid-row: span 2/span 2
  }

  .upper-tablet\:mt-2\.5 {
    margin-top: .625rem
  }

  .upper-tablet\:\!hidden {
    display: none !important
  }

  .upper-tablet\:hidden {
    display: none
  }

  .upper-tablet\:custom-scrollbar {
    overflow: auto;
    --scrollbar-track: transparent;
    --scrollbar-thumb: #EEF2F2;
    --scrollbar-thumb-radius: 9999px;
    --scrollbar-width: 0.25rem;
    --scrollbar-height: 0.25rem
  }

  .upper-tablet\:custom-scrollbar::-webkit-scrollbar-track {
    background-color: var(--scrollbar-track);
    border-radius: var(--scrollbar-track-radius)
  }

  .upper-tablet\:custom-scrollbar::-webkit-scrollbar-track:hover {
    background-color: var(--scrollbar-track-hover, var(--scrollbar-track))
  }

  .upper-tablet\:custom-scrollbar::-webkit-scrollbar-track:active {
    background-color: var(--scrollbar-track-active, var(--scrollbar-track-hover, var(--scrollbar-track)))
  }

  .upper-tablet\:custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb);
    border-radius: var(--scrollbar-thumb-radius)
  }

  .upper-tablet\:custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background-color: var(--scrollbar-thumb-hover, var(--scrollbar-thumb))
  }

  .upper-tablet\:custom-scrollbar::-webkit-scrollbar-thumb:active {
    background-color: var(--scrollbar-thumb-active, var(--scrollbar-thumb-hover, var(--scrollbar-thumb)))
  }

  .upper-tablet\:custom-scrollbar::-webkit-scrollbar-corner {
    background-color: var(--scrollbar-corner);
    border-radius: var(--scrollbar-corner-radius)
  }

  .upper-tablet\:custom-scrollbar::-webkit-scrollbar-corner:hover {
    background-color: var(--scrollbar-corner-hover, var(--scrollbar-corner))
  }

  .upper-tablet\:custom-scrollbar::-webkit-scrollbar-corner:active {
    background-color: var(--scrollbar-corner-active, var(--scrollbar-corner-hover, var(--scrollbar-corner)))
  }

  @supports (-moz-appearance:none) {
    .upper-tablet\:custom-scrollbar {
      scrollbar-width: auto;
      scrollbar-color: var(--scrollbar-thumb, initial) var(--scrollbar-track, initial)
    }
  }

  .upper-tablet\:custom-scrollbar::-webkit-scrollbar {
    display: block;
    width: var(--scrollbar-width, 16px);
    height: var(--scrollbar-height, 16px)
  }
}

@media (min-width:1300px) {
  .upper-laptop\:hidden {
    display: none
  }
}
/* End */


/* Start:/local/templates/in_modern/css/custom.css?17491331491553*/
.hover_dadge:hover ~ .sticker-tooltip {
    display: block;
}
.hover_dadge:hover ~ .sticker-tooltip-detail {
    display: block;
}
.sticker-tooltip {
    font-size: 12px;
    color: #232D36;
    padding: 5px;
    border: 1px solid #232D36;
    background: #FFF;
    width: 230px;
    position: absolute;
    top: 35px;
    left: 0;
    display: none;
    z-index: 999;
    text-align: center;
}

.sticker-tooltip-detail {
    font-size: 12px;
    color: #232D36;
    padding: 5px;
    border: 1px solid #232D36;
    background: #FFF;
    width: 230px;
    position: absolute;
    top: 35px;
    right: 0;
    display: none;
    z-index: 999;
    text-align: center;
}

.hover_dadge_block {
    position: relative;
	z-index:999;
}
.reserve-stores__list-item--blue{
    background: rgba(11, 142, 216, 0.05);
}

.reserve-store__client-day,
.reserve-form__clients-day{
    background: #0085CD;
    color: #FFF;
    font-size: 10px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    padding: 5px 12px;
    border-radius: 5px;
}
.reserve-store__client-day{
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 5px 0 5px;
}
.reserve-form__clients-day{
    display: inline-block;
    position: relative;
    top: -10px;
}

.badge_darkslategray {
    --tw-border-opacity: 1;
    border-color: #232D36;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity,1));
    --tw-text-opacity: 1;
    color: #232D36;
}
/* End */


/* Start:/local/templates/in_modern/components/bitrix/sale.location.selector.search/.default/style.min.css?17368486705525*/
.bx-sls .dropdown-block{border:1px solid #bdbdbd;border-radius:2px;-webkit-box-shadow:inset 0 1px 2px #ebebeb;box-shadow:inset 0 1px 2px #ebebeb;font-size:14px;padding:0 22px 0 30px;position:relative;background-color:#fff}.bx-sls .dropdown-block-ui{font-size:14px;padding:0 22px 0 30px;position:relative;background-color:#fff;margin-top:5px;}

.bx-sls .dropdown-arrow {
	background: url(/bitrix/components/bitrix/sale.location.selector.search/templates/.default/images/dropdown-errow.png) no-repeat center center; height:100%;top:0;right:0;position:absolute;width:22px}.bx-sls .bx-ui-sls-container{overflow:hidden;min-height:25px}.bx-sls .bx-ui-sls-pane{border:1px solid #bdbdbd;border-radius:2px;-webkit-box-shadow:0 2px 3px #c7c7c7;box-shadow:0 2px 3px #c7c7c7;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;display:none;max-height:200px;overflow-y:auto;left:0;top:35px;padding:5px 5px 3px 5px;position:absolute;width:100%}.bx-sls .dropdown-active .bx-ui-sls-pane{display:block}.bx-sls .bx-ui-sls-variants{list-style:none;margin:0;padding:0}.bx-sls .dropdown-item{border-radius:2px;padding:7px 4px 7px 10px;margin-bottom:2px}.bx-sls .dropdown-item:hover{background-color:#f1f3f5;cursor:pointer}.bx-sls .dropdown-img{border:0;display:inline-block;height:12px;margin:3px 12px 0 0;vertical-align:top;width:16px}.bx-sls .dropdown-item-text{color:#aba8ac;display:inline-block;vertical-align:top}.bx-sls .dropdown-item-text span{color:#25282c}.bx-sls .dropdown-list-title{border-bottom:1px solid #e5e5e5;height:37px;line-height:37px;padding-left:8px;}

.bx-sls .dropdown-icon {
	background: url(/bitrix/components/bitrix/sale.location.selector.search/templates/.default/images/lens.png) no-repeat center center; height:14px;left:10px;position:absolute;top:10px;width:14px}.bx-sls .quick-locations{margin-bottom:5px}.bx-sls .quick-location-tag{background-color:#f2f5f8;border:1px solid #cad3dc;border-radius:3px;color:#1e55b9;display:inline-block;font-size:15px;height:27px;line-height:26px;margin:0 3px;padding:0 14px;text-decoration:none;margin-bottom:10px}.bx-sls .quick-location-tag:hover{background-color:#fafafa}.bx-sls .dropdown-fade2white{width:46px;height:31px;position:absolute;top:2px;right:0;background:-moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 30%);background:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(30%,rgba(255,255,255,1)));background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 30%);background:-o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 30%);background:-ms-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 30%);background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,1) 30%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=1);}

.bx-sls .bx-ui-sls-clear{
	background: url(/bitrix/panel/main/images/bx-admin-sprite-small.png) 6px -3386px no-repeat scroll; width:30px;height:30px;cursor:pointer;cursor:hand;margin-top:2px;position:absolute;top:0;right:0;display:block}.bx-sls .bx-ui-sls-clear:hover{background-position:6px -3418px;}

.bx-sls .bx-ui-sls-loader{
	background-image: url(/bitrix/panel/main/images/waiter-white.gif) !important; background-repeat:no-repeat !important;background-position:right -1px !important;width:30px;height:30px;position:absolute;top:3px;right:2px;display:none}.bx-sls .bx-ui-sls-go-edit{display:none}.bx-sls .bx-ui-sls-pane{max-height:300px}.bx-sls input::-ms-clear{display:none}.bx-sls input[type="text"]{position:relative}.bx-sls .bx-ui-sls-fake,.bx-sls .bx-ui-sls-route{position:absolute !important;top:0;left:0;color:#000 !important;opacity:1 !important;background:transparent !important;border:none !important;box-shadow:none !important;padding:0 22px 0 0 !important;background-position:right 1px;background-repeat:no-repeat;font-family:var(--ui-font-family-primary,var(--ui-font-family-helvetica));font-size:14px;height:33px;width:100%;outline:0;z-index:10}.bx-sls .bx-ui-sls-route{color:#aba8ac !important;z-index:5}.bx-sls .bx-ui-sls-pane{background-color:#fff;z-index:999;border:1px solid #87919c}.bx-sls .bx-ui-sls-variants .bx-ui-sls-variant,.bx-sls .bx-ui-sls-error{padding:10px 10px}.bx-sls .bx-ui-sls-error{color:#f22;padding-left:30px;position:relative}.bx-sls .bx-ui-sls-error div{position:absolute;top:0;left:0;width:25px;height:25px;	background: url(/bitrix/panel/main/images/bx-admin-sprite-small.png) 6px -2895px no-repeat scroll;}.bx-sls .bx-ui-sls-variants .bx-ui-sls-variant:hover,.bx-sls .bx-ui-sls-variant-active{background-color:#e0e8ea}.adm-sls-edit-link{margin-top:10px}.bx-admin-mode .bx-sls-go-edit{margin-left:10px;display:none}.bx-admin-mode .dropdown-block{border-color:#87919c #959ea9 #9ea7b1;border-radius:4px;-webkit-box-shadow:0 1px 0 0 rgba(255,255,255,0.3),0 2px 2px -1px rgba(180,188,191,0.7) inset;box-shadow:0 1px 0 0 rgba(255,255,255,0.3),0 2px 2px -1px rgba(180,188,191,0.7) inset;height:25px}.bx-sls.bx-admin-mode .bx-ui-sls-fake,.bx-sls.bx-admin-mode .bx-ui-sls-route{height:25px}.bx-admin-mode .dropdown-icon{top:7px}.bx-admin-mode .dropdown-fade2white{height:22px}.bx-admin-mode .dropdown-fade2white{right:1px}.bx-admin-mode .bx-ui-sls-clear{background-position:6px -3389px;height:22px}.bx-admin-mode .bx-ui-sls-clear:hover{background-position:6px -3421px}.bx-admin-mode .bx-ui-sls-loader{background-position:right -4px !important;height:21px}.bx-admin-mode .bx-ui-sls-pane{top:27px}
/* End */


/* Start:/local/templates/in_modern/components/pixelplus/form.callback/top/style.css?173684867033*/
.secondname {
    display:none;
}
/* End */


/* Start:/local/templates/in_modern/components/bitrix/search.title/header/style.css?17368486702865*/
div.title-search-result {
    border:1px solid #f2f2f2;
    display:none;
    overflow:hidden;
    z-index:205;
    box-shadow: #33333352 0 5px 15px;
}

@media screen and (min-width: 1255px) {
    div.title-search-result {
        width: 25vw!important;
    }
}

table.title-search-result {
    border-collapse: collapse;
    border:none;
    width:10%;
}

table.title-search-result th {
    background-color:#F7F7F7;
    border-right:1px solid #e8e8e8;
    color:#949494;
    font-weight:normal;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:14px;
    padding-right:12px;
    text-align:right;
    vertical-align:top;
    white-space:nowrap;
    width:1%;
}

table.title-search-result td {
    background-color:white;
    color:black;
    font-weight:normal;
    padding-top:2px;
    padding-bottom:2px;
    text-align:left;
    white-space:nowrap;
}

table.title-search-result td.title-search-item {
    padding-left:8px;
    padding-right:15px;
}

table.title-search-result td.title-search-item a {
    padding-left:4px;
    padding-right:15px;
    text-decoration: none;
    color:black;
    vertical-align:top;
    display:block;
}

table.title-search-result td.title-search-item img {
    vertical-align:top;
}

table.title-search-result td.title-search-item b {
    color:#cf0000;
    font-weight:normal;
}

table.title-search-result tr.title-search-selected td
,table.title-search-result tr.title-search-selected a
,table.title-search-result tr.title-search-selected td.title-search-more a
{
    background-color:#fff2be;
}

table.title-search-result td.title-search-more {
    font-size:11px;
    font-weight:normal;
    padding-right:15px;
    padding-left:24px;
    padding-top:0px;
}

table.title-search-result td.title-search-more a
{
    padding-left:12px;
    padding-right:15px;
    text-decoration:none;
    color:#999999;
}

table.title-search-result td.title-search-all {
    padding-left:24px;
    padding-right:15px;
}

table.title-search-result td.title-search-all a
{
    padding-left:4px;
    text-decoration:none;
    color:#808080;
}

table.title-search-result td.title-search-separator
, table.title-search-result th.title-search-separator {
    padding-top:0px;
    padding-bottom:0px;
    font-size:4px;
}

div.title-search-fader {
    display:none;
    background-image: url('/local/templates/in_modern/components/bitrix/search.title/header/images/fader.png');
    background-position: right top;
    background-repeat: repeat-y;
    position:absolute;
}

.search_title__block {
    background: #fff;
}

.search_title__block a {
    color: #333;
    font-size: 14px;
    font-family: Roboto,Arial,sans-serif;
    font-weight: 500;
}

.search_title__block a:hover {
    color: #0e5542;
}

.search_title__block > div {
    padding: 5px 10px;
}

.search_title__block > div:hover {
    background: rgba(235,235,235,.3);
}

.search_title__block .title-search-item b {
    color: #b70202;
}
/* End */


/* Start:/local/templates/in_modern/template_styles.css?1737968379436*/
#dsvc-button {
    display: none;
}

#dsvc-chat-icon-full {
    width: 35px;
}

.dsvc.dsvc-app-open .dsvc-btn-app-close-xs, .dsvc.dsvc-app-open .dsvc-btn-app-close-present-xs {
    display: flex;
}

#dsvc-chat-mini {
    bottom: 30px;
}

.catalog-banner__content .catalog-banner__text {
    color: #fff;
}

.catalog__chosen-filters {
    margin-top: 15px;
}

@media (max-width: 480px) {
    #dsvc-chat-mini {
        bottom: 0;
    }
}

/* End */
/* /local/templates/in_modern/css/main.css?1756908353485607 */
/* /local/templates/in_modern/css/custom.css?17491331491553 */
/* /local/templates/in_modern/components/bitrix/sale.location.selector.search/.default/style.min.css?17368486705525 */
/* /local/templates/in_modern/components/pixelplus/form.callback/top/style.css?173684867033 */
/* /local/templates/in_modern/components/bitrix/search.title/header/style.css?17368486702865 */
/* /local/templates/in_modern/template_styles.css?1737968379436 */