/* Reset and base styles  */
* {
	padding: 0px;
	margin: 0px;
	border: none;
}

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

/* Links */

a, a:link, a:visited  {
    text-decoration: none;
}

a:hover  {
    text-decoration: none;
}

/* Common */

aside, nav, footer, header, section, main {
	display: block;
}

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

ul, ul li {
	padding: 0 !important;
	margin: 0 !important;
}

img {
	vertical-align: top;
}

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

address {
  font-style: normal;
}

/* Form */

input, textarea, button, select {
	font-family: inherit;
    font-size: inherit;
    color: inherit;
    background-color: transparent;
}

input::-ms-clear {
	display: none;
}

button, input[type="submit"] {
    display: inline-block;
    box-shadow: none;
    background-color: transparent;
    background: none;
    cursor: pointer;
}

input:focus, input:active,
button:focus, button:active {
    outline: none;
}

button::-moz-focus-inner {
	padding: 0;
	border: 0;
}

label {
	cursor: pointer;
}

legend {
	display: block;
}

input[type='file'] {
	max-width: 100%;
}

@font-face {
	font-family: 'Montserrat';
	src: url('/fonts/Montserrat-Light.woff2') format('woff2'),
		url('/fonts/Montserrat-Light.woff') format('woff');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('/fonts/Montserrat-Regular.woff2') format('woff2'),
		url('/fonts/Montserrat-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('/fonts/Montserrat-Medium.woff2') format('woff2'),
		url('/fonts/Montserrat-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('/fonts/Montserrat-SemiBold.woff2') format('woff2'),
		url('/fonts/Montserrat-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('/fonts/Montserrat-Bold.woff2') format('woff2'),
		url('/fonts/Montserrat-Bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

body, html {
  	font-family: 'Montserrat', sans-serif;
	color: #FFFFFF;
	font-size: 14px;
}

:root {
	--blue-1: #5755FE;
	--blue-2: #7977FE;
	--blue-3: #8A88FF;
	--blue-4: #AAABFF;

	--violet-1: #9578FA;
	--violet-2: #A58CFA;
	--violet-3: #B5A1FC;
	--violet-4: #C5B5FC;

	--purple-1: #CECCFF;
	--purple-2: #DAD9FF;
	--purple-3: #E7E6FF;
	--purple-4: #F2F2FF;

	--neutral-1: #0E0C34;
	--neutral-2: #222048;
	--neutral-3: #37345B;
	--neutral-4: #4C4A6E;
	--neutral-5: #626081;
	--neutral-6: #797795;
	--neutral-7: #908FAA;
	--neutral-8: #A8A7BF;
	--neutral-9: #C1C1D4;
	--neutral-10: #DBDBE9;
	--neutral-11: #F5F5FF;

	--system-main-1: #9578FA;
	--system-main-2: #5C93FF;
	--system-main-3: #50CC55;
	--system-main-4: #FEB63D;
	--system-main-5: #F4783C;
	--system-main-6: #FF5556;

	--system-light-1: #F2F2FF;
	--system-light-2: #E7EFFF;
	--system-light-3: #E5F8E6;
	--system-light-4: #FEF4E3;
	--system-light-5: #FEEBE2;
	--system-light-6: #FFE6E6;

	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 24px;
	--space-6: 32px;
	--space-7: 40px;
	--space-8: 80px;
}
/**
 * Swiper 12.1.4
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: April 29, 2026
 */

:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
: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;
  /* Fix of Webkit flickering */
  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(0px, 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;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
  .swiper-slide,
  .swiper-cube-shadow {
    transform-style: preserve-3d;
  }
}

/* CSS Mode */
.swiper-css-mode {
  > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none; /* For Firefox */
    -ms-overflow-style: none; /* For Internet Explorer and Edge */
    &::-webkit-scrollbar {
      display: none;
    }
  }
  > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
  &.swiper-horizontal {
    > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-slides-offset-before);
      scroll-margin-inline-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-inline-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-vertical {
    > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-slides-offset-before);
      scroll-margin-block-start: var(--swiper-slides-offset-before);
    }
    > .swiper-wrapper > .swiper-slide:last-child {
      margin-block-end: var(--swiper-slides-offset-after);
    }
  }
  &.swiper-free-mode {
    > .swiper-wrapper {
      scroll-snap-type: none;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
  }
  &.swiper-centered {
    > .swiper-wrapper::before {
      content: '';
      flex-shrink: 0;
      order: 9999;
    }
    > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
  }
  &.swiper-centered.swiper-horizontal {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-inline-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
  }
  &.swiper-centered.swiper-vertical {
    > .swiper-wrapper > .swiper-slide:first-child {
      margin-block-start: var(--swiper-centered-offset-before);
    }
    > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }
  }
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d {
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom,
  .swiper-slide-shadow,
  .swiper-slide-shadow-left,
  .swiper-slide-shadow-right,
  .swiper-slide-shadow-top,
  .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(0, 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:not(.swiper-watch-progress),
.swiper-watch-progress .swiper-slide-visible {
  .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
  }
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

:root {
  --swiper-navigation-size: 44px;
  /*
  --swiper-navigation-top-offset: 50%;
  --swiper-navigation-sides-offset: 4px;
  --swiper-navigation-color: var(--swiper-theme-color);
  */
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;

  width: var(--swiper-navigation-size);
  height: var(--swiper-navigation-size);

  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  &.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
  }
  &.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
  }
  .swiper-navigation-disabled & {
    display: none !important;
  }

  ::slotted(svg),
  svg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform-origin: center;
    fill: currentColor;
    pointer-events: none;
  }
}

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

.swiper-button-prev,
.swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
}
.swiper-button-prev {
  left: var(--swiper-navigation-sides-offset, 4px);
  right: auto;
  ::slotted(.swiper-navigation-icon),
  .swiper-navigation-icon {
    transform: rotate(180deg);
  }
}
.swiper-button-next {
  right: var(--swiper-navigation-sides-offset, 4px);
  left: auto;
}
.swiper-horizontal {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    top: var(--swiper-navigation-top-offset, 50%);
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-left: 0;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    left: var(--swiper-navigation-sides-offset, 4px);
    right: auto;
  }
  .swiper-button-next,
  & ~ .swiper-button-next,
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    right: var(--swiper-navigation-sides-offset, 4px);
    left: auto;
  }
  .swiper-button-prev,
  & ~ .swiper-button-prev,
  &.swiper-rtl .swiper-button-next,
  &.swiper-rtl ~ .swiper-button-next {
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(180deg);
    }
  }
  &.swiper-rtl .swiper-button-prev,
  &.swiper-rtl ~ .swiper-button-prev {
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(0deg);
    }
  }
}
.swiper-vertical {
  .swiper-button-prev,
  .swiper-button-next,
  ~ .swiper-button-prev,
  ~ .swiper-button-next {
    left: var(--swiper-navigation-top-offset, 50%);
    right: auto;
    margin-left: calc(0px - (var(--swiper-navigation-size) / 2));
    margin-top: 0;
  }
  .swiper-button-prev,
  ~ .swiper-button-prev {
    top: var(--swiper-navigation-sides-offset, 4px);
    bottom: auto;
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(-90deg);
    }
  }
  .swiper-button-next,
  ~ .swiper-button-next {
    bottom: var(--swiper-navigation-sides-offset, 4px);
    top: auto;
    ::slotted(.swiper-navigation-icon),
    .swiper-navigation-icon {
      transform: rotate(90deg);
    }
  }
}

:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
  &.swiper-pagination-hidden {
    opacity: 0;
  }
  .swiper-pagination-disabled > &,
  &.swiper-pagination-disabled {
    display: none !important;
  }
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
  .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
  }
  .swiper-pagination-bullet-active {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-main {
    transform: scale(1);
  }
  .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
  }
  .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
  }
  .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
  }
}
.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
  button& {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
            appearance: none;
  }
  .swiper-pagination-clickable & {
    cursor: pointer;
  }

  &: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-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
  .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
  }
  &.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    .swiper-pagination-bullet {
      display: inline-block;
      transition:
        200ms transform,
        200ms top;
    }
  }
}
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-horizontal.swiper-pagination-bullets {
  .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
  }
  &.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    .swiper-pagination-bullet {
      transition:
        200ms transform,
        200ms left;
    }
  }
}
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition:
    200ms transform,
    200ms right;
}
/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}
/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
  .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-fill {
    transform-origin: right top;
  }
  .swiper-horizontal > &,
  &.swiper-pagination-horizontal,
  .swiper-vertical > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: var(--swiper-pagination-progressbar-size, 4px);
    left: 0;
    top: 0;
  }
  .swiper-vertical > &,
  &.swiper-pagination-vertical,
  .swiper-horizontal > &.swiper-pagination-progressbar-opposite,
  &.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
    width: var(--swiper-pagination-progressbar-size, 4px);
    height: 100%;
    left: 0;
    top: 0;
  }
}
.swiper-pagination-lock {
  display: none;
}

.main-container {
    width: 100%;
    max-width: 1480px;
    margin: 0 auto;
    padding: 0;
}

.header-mobile {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 0 16px 16px 16px;
    padding-top: calc(env(safe-area-inset-top) + 16px);
    background-color: var(--neutral-1);
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
}
.tablet-logo {
    display: none;
}

.tablet-menu {
    display: none;
}

.header-desk {
    display: none;
}

.explorer-left {
	display: none;
    border: 1px solid var(--neutral-11);
    padding: 24px;
    border-radius: 32px;
    gap: 16px;
    flex-direction: column;
}

.section-block {
    position: relative;
    background-color: var(--neutral-11);
    border-radius: 24px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    height: 100px;
    overflow: hidden;
}

.section-block img {
    width: auto;
    height: auto;
    transition: transform .3s ease;
}

.section__text {
    position: absolute;
    top: 0;
    left: 0;
    padding: 16px;
    font-weight: 600;
    font-size: 14px;
    line-height: 140%;
    color: #000000;
}

.main-content {
	display: flex;
	flex-direction: column-reverse;
    gap: 40px;
}

.cars {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.home-cars-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 12px;
    grid-row-gap: 24px;
}

.cars-header {
    gap: 32px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 16px;
}

.cars-header__main {
    font-size: 18px;
    font-weight: 600;
    line-height: 120%;
    max-width: 206px;
    color: var(--neutral-1);
}

.cars-header__count {
    display: none;
    color: var(--neutral-8);
}

footer {
    margin-top: -25px;
}

.footer-top {
    display: none;
    flex-direction: column;
    background-color: var(--blue-1);
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
    padding: 40px 0 40px 16px;
    gap: 40px;
    overflow-x: hidden;
}

.footer-top-top {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 0 16px;
}

.footer-top__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
}

.footer-top__descr {
    line-height: 140%;
}

.footer-top-bottom-mobile {
    position: relative;
    padding-top: 40px;
}

.footer-top-bottom-desk {
    display: none;
}

.app-stores {
    display: flex;
    flex-direction: column;
    padding-right: 24px;
    gap: 12px;
}

.app-store {
    display: flex;
    align-items: center;
    height: 56px;
    padding: 0 12px;
    gap: 12px;
    background-color: #FFFFFF;
    border-radius: 12px;
}

.app-store__text {
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    color: var(--neutral-2);
}

.app-store__img {
    position: absolute;
    width: 240px;
    bottom: -40px;
    right: -30px;
}

.qr__img {
    max-width: 245px;
    margin-bottom: -70px;
    margin-left: -30px;
    margin-top: -140px;
}

.footer-top-container {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.footer-bottom-container {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.footer-top {
    flex-direction: column;
}

.footer-bottom {
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
    padding: 40px 16px 132px 16px;
    background-color: var(--neutral-1);
}

.footer-bottom-top {
    display: flex;
    flex-direction: column;
}

.footer-separator {
    width: 100%;
    border-top: 1px solid var(--neutral-3);
}

.footer-links {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    gap: 12px;
    padding-bottom: 32px;
}

.footer-links-block {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.footer-mobile-stores {
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    padding: 16px 0;
    background-color: var(--blue-1);
}

.mobile-stores-title {
    padding-left: 16px;
    font-weight: 700;
    font-size: 14px;
    line-height: 140%;
    color: #FFFFFF;
}

.mobile-stores-controls {
    padding-left: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mobile-stores-controls img {
    max-width: 166px;
    max-height: 150px;
    margin-bottom: -16px;
}

.mobile-stores-links {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.mobile-stores-links a {
    padding: 4px 24px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background: rgba(245, 245, 255, 1);
    border-radius: 12px;
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    color: var(--neutral-1);
}

.footer-bottom-top__link {
    font-weight: 500;
    line-height: 120%;
    color: #FFFFFF;
    height: 32px;
    cursor: pointer;
}

.footer-top-info {
    display: flex;
    flex-direction: column;
    padding-top: 40px;
    gap: 28px;
}

.footer-info-top {
    margin-bottom: 12px;
}

.footer-info-block {
    gap: 12px;
}

.footer-info.top {
    font-weight: 600;
    line-height: 140%;
    color: #FFFFFF;
}

.footer-info-bottom {
    display: flex;
    flex-direction: column;
    gap: var(--space-1);
}

.footer-info-bottom a {
    font-weight: 500;
    line-height: 120%;
    color: #FFFFFF;
}

.footer-socials {
    display: flex;
    gap: 8px;
}

.social {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
}

.social-light {
    background-color: var(--neutral-11);
    color: var(--neutral-8);
}

.social-dark {
    background-color: var(--neutral-2);
    color: var(--neutral-6);
}

.social:hover {
    color: #FFFFFF;
}

.social:hover.fb {
    background-color: #446294;
}

.social:hover.x {
    background-color: #565772;
}

.social:hover.vk {
    background-color: #0077FF;
}

.social:hover.yt {
    background-color: #FF0000;
}

.social:hover.inst {
    background-color: #B93088;
}

.social:hover.tg {
    background-color: #249BD7;
}

.social:hover.wa {
    background-color: #02BC4D;
}

.social:hover.google {
    background-color: #F5F5FF;
}

.social:hover.apple {
    background-color: #565772;
}

.footer-bottom-bottom {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.footer-agreement {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.footer-agreement div {
    line-height: 140%;
    color: #FFFFFF;
}

.footer-agreement a {
    line-height: 140%;
    text-decoration: underline;
    text-underline-offset: 25%;
    text-decoration-style: dotted;
    color: #FFFFFF;
}

.qr-block {
    display: flex;
    align-items: center;
    width: 345px;
    padding: 12px;
    border-radius: 24px;
    background-color: #FFFFFF;
    gap: 10px;
}

.qr-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    color: var(--neutral-2);
}

.qr-comm {
    line-height: 140%;
    color: var(--neutral-2);
}

.mobile-blog-header {
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    padding: 8px;
    padding-top: calc(env(safe-area-inset-top) + 35px);
    position: fixed;
    background-color: #FFFFFF;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    box-shadow: 0px 5px 20px 0px #5755FE1A;
    z-index: 10;
}

.mobile-blog-header-cont {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.button-back {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1.5px solid var(--purple-4);
    background-color: #FFFFFF;
    border-radius: 12px;
}

.blog-header-title {
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    color: var(--neutral-2);
}

.blog-menu {
    padding-left: 16px;
}

.blog-menu-list {
    display: flex;
    align-items: center;
    scrollbar-width: none;
    gap: 16px;
}

.blog-menu-list::-webkit-scrollbar {
  display: none;
}

.pag-numbers {
    display: flex;
}

.breadcrumbs-container {
	display: none !important;
	gap: 16px;
}

.breadcrumbs {
	display: flex;
	font-weight: 500;
	line-height: 120%;
	color: var(--neutral-8);
}

.skeleton {
    background-color: #eee;
    background-image: linear-gradient(90deg, #eee, #f5f5f5, #eee);
    background-size: 200px 100%;
    background-repeat: no-repeat;
    border-radius: 4px;
    display: inline-block;
    line-height: 1;
    width: 100%;
    height: 100%;
    animation: skeleton-animation 1.5s ease-in-out infinite;
}

@keyframes skeleton-animation {
    0% {
        background-position: -200px 0;
    }
    100% {
        background-position: calc(200px + 100%) 0;
    }
}
.swiper-button-next,
.swiper-button-prev {
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	background: #FFFFFF;
	background-image: none;
	border-radius: 12px;
	box-shadow: 0px 5px 20px 0px #5755FE1A;
}

.swiper-button-next svg,
.swiper-button-prev svg {
	stroke: var(--blue-1) !important;
	fill: transparent !important;
	width: 32px !important;
	height: 32px !important;
}

.swiper-button-disabled {
	backdrop-filter: blur(10px) !important;
	opacity: 1 !important;
	background-color: #FFFFFF4D !important;
	box-shadow: 0px 3px 10px 0px #2825C11A !important;
}

.swiper-button-disabled svg {
	stroke: #FFFFFF !important;
}

.swiper-pagination-bullet {
	width: 4px !important;
	height: 4px !important;
	background: #FFFFFF !important;
	opacity: .7 !important;
	transition: all 0.3s ease !important;
	border-radius: 95px !important;
}

.swiper-pagination-bullet-active {
	opacity: 1 !important;
	width: 16px !important;
}
@media (min-width: 506px) {
	.cars-header__main {
		max-width: 100%;
	}
}

@media (min-width: 767px) {
  .main-container {
		padding: 0 32px;
	}

	.mobile-menu {
		display: none;
	}

	.tablet-logo {
		display: block;
	}

	.tablet-menu {
		display: block;
	}

	.explorer {
		flex-direction: column;
	}

	.explorer-right {
		padding: 0 !important;
		grid-template-columns: repeat(4, 1fr) !important;
	}

	.section-block:hover img {
		transform: scale(1.15);
	}

	.section__text {
		max-width: 115px;
		font-size: 18px;
	}

	.home-cars-container {
		grid-template-columns: repeat(3, 1fr);
		gap: 24px;
	}

	.cars-header {
		gap: 32px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0;
	}

	.cars-header__main {
		font-size: 18px;
		font-weight: 600;
		line-height: 120%;
		color: var(--neutral-1);
	}

	.cars-header__count {
		display: inline;
	}

	.footer-top-container {
		gap: 0;
		align-items: center;
		justify-content: space-between;
		flex-direction: row;
	}

	.footer-bottom {
		border-radius: 0;
		padding-left: 0;
		padding-right: 0;
	}

	.footer-bottom-container {
		padding-left: 16px;
		padding-right: 16px;
	}

	.footer-links {
		grid-template-columns: repeat(3, 1fr);
		gap: 12px;
	}

	.footer-links .footer-links-block:last-child {
		display: flex !important;
	}

	.footer-top {
		display: flex;
		padding: 32px 0;
	}

	.footer-mobile-stores {
		display: none;
	}

	.footer-top-info {
		gap: 32px;
		flex-direction: row;
	}

	.footer-top-top {
		width: 370px;
		padding: 0;
	}

	.footer-top-bottom-mobile {
		width: 360px;
		padding: 0;
	}

	.app-store__img {
		height: auto;
		top: -72px;
	}

	.footer-bottom-bottom {
		flex-direction: row-reverse;
		justify-content: space-between;
	}

	.footer-agreement {
		align-items: center;
		flex-direction: row;
		gap: 40px;
	}
}


@media (min-width: 1023px) {
	.main-container {
		padding: 0 32px;
	}

	.mobile-logo {
		display: none;
	}

	.header-mobile {
		display: none;
	}

	.header-desk {
		display: block;
	}

	.explorer {
		flex-direction: row-reverse;
	}

	.explorer-right {
		overflow-x: visible !important;
		grid-template-columns: repeat(2, 1fr) !important;
		grid-template-rows: repeat(2, 1fr) !important;
	}

	.section-block {
		height: 100%;
	}

	.section__text {
		line-height: 120%;
		color: var(--neutral-1);
	}

	.home-cars-container {
		grid-template-columns: repeat(5, 1fr);
		gap: 24px;
	}

	.footer-top {
		overflow-x: visible;
	}

	.footer-top-top {
		width: 100%;
		max-width: 525px;
	}

	.footer-top-bottom-mobile {
		display: none !important;
	}

	.footer-top-bottom-desk {
		display: flex;
		align-items: center;
	}

	.footer-bottom {
		padding-bottom: 32px;
	}

	.footer-bottom-top {
		display: grid;
		grid-template-columns: 1fr .5fr;
		grid-template-rows: 1fr;
	}

	.footer-top-info {
		padding: 0;
	}

	.footer-links {
		padding: 0;
		border: none;
	}

	.mobile-blog-header {
		display: none;
	}

	.breadcrumbs-container {
		display: flex !important;
		align-items: center;
	}

	.main-content {
		flex-direction: column;
	}

	.explorer-left {
		display: flex;
	}
}
body {
    background-color: #FFFFFF;
}

.wrapper {
    background-color: #FFFFFF;
}

.content {
    padding-top: 0;
    padding-bottom: 105px;
}

@media (min-width: 1023px) {
    .content {
        padding-top: 32px;
    }
}

.header-top_container {
    background-color: var(--neutral-1);
}

.header-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 0;
}

.main-search {
    display: flex;
    align-items: center;
    gap: 32px;
    width: 100%;
    max-width: 1200px;
}

.profile-container {
    display: flex;
    align-items: center;
    gap: 12px;
}

.header-lang-loc {
    display: flex;
    gap: 12px;
}

.lang-container {
    padding: 0 var(--space-1);
    display: flex;
    align-items: center;
    gap: var(--space-2);
    cursor: pointer;
}

.lang__text {
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    text-wrap: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.profile-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--neutral-3);
    border-radius: 12px;
    width: 40px;
    height: 40px;
    min-width: 40px;
    max-width: 48px;
    min-height: 40px;
    max-height: 48px;

}

.btn {
    width: 120px;
    height: 40px;
    min-height: 40px;
    max-height: 48px;
    background-color: var(--neutral-11);
    border-radius: 12px;
}

.btn__text {
    color: var(--blue-1);
    font-weight: 500;
    line-height: 120%;
}

.header-bottom {
    border-bottom: 1px solid var(--neutral-11);
    padding: 14px 0;
}

.links-list {
    display: flex;
    gap: 32px;
}

.link {
    font-weight: 500;
    line-height: 120%;
    color: var(--neutral-3);
}

.main {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.explorer {
    display: flex;
    align-items: stretch;
    gap: 40px;
    justify-content: space-between;
}

.explorer-brands {
    display: flex;
    gap: 16px;
    align-items: center;
}

.brands-full:has(.skeleton) {
    -moz-column-gap: 10px;
         column-gap: 10px;
    row-gap: 5px;
}

.brands-full {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(7, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.brand-item {
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 500;
    line-height: 140%;
    color: var(--neutral-1);
    height: 36px;
    transition: all .3s ease;
    text-wrap: nowrap;
}

.brand-item:hover {
    color: var(--blue-1);
}

.all-brands {
    color: var(--blue-1);
    gap: 8px;
}

.brand__count {
    color: var(--neutral-8);
}

.explorer-right {
    padding: 0 12px;
    display: grid;
    grid-template-columns: repeat(4, 140px);
    gap: 12px;
    overflow-x: scroll;
    /* border: 1px solid var(--neutral-11);
    padding: 14px;
    border-radius: 32px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    row-gap: 12px;
    column-gap: 12px; */
}

.cars-list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-rows: repeat(2, 1fr);
}

.footer__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 120%;
}

.footer__descr {
    line-height: 140%;
}

.custom-button[data-v-3c477d00] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 30px;
    border: none;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    outline: none;
    min-height: 40px;
    white-space: nowrap;
    gap: 10px;
}
.slot[data-v-3c477d00] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}
.custom-button[data-v-3c477d00] svg {
    flex-shrink: 0;
}
.icon-only[data-v-3c477d00] {
    padding: 0;
    min-width: 40px;
}
.icon-only[data-v-3c477d00] svg {
    min-width: 20px;
    min-height: 20px;
    display: block;
}

/* Dark theme */
.theme-dark[data-v-3c477d00] {
    background: var(--neutral-3);
    color: #FFFFFF;
}
.theme-dark[data-v-3c477d00]:active {
    background: var(--neutral-2) !important;
}
.theme-dark[data-v-3c477d00]:hover:not(:disabled):not(.is-processing) {
    background: var(--neutral-4);
}
.theme-dark[data-v-3c477d00]:disabled {
    background: var(--neutral-4) !important;
    cursor: not-allowed !important;
    color: var(--neutral-7);
}
.theme-dark.is-processing[data-v-3c477d00] {
    background: var(--neutral-6);
    cursor: wait;
}

/* Light theme */
.theme-light[data-v-3c477d00] {
    background: var(--neutral-11);
    color: var(--blue-1);
}
.theme-light[data-v-3c477d00]:hover:not(:disabled):not(.is-processing) {
    background: var(--purple-3);
}
.theme-light[data-v-3c477d00]:active {
    background: var(--purple-3);
    color: var(--neutral-2);
}
.theme-light[data-v-3c477d00]:disabled {
    background: var(--neutral-10) !important;
    color: #FFFFFF !important;
    cursor: not-allowed !important;
}
.theme-light.is-processing[data-v-3c477d00] {
    background: var(--purple-4);
    color: var(--blue-1);
    cursor: wait;
}
.theme-blue[data-v-3c477d00] {
    background: var(--blue-1);
    color: #FFFFFF;
}
.theme-blue[data-v-3c477d00]:hover:not(:disabled):not(.is-processing) {
    background: var(--blue-2);
}
.theme-blue[data-v-3c477d00]:active {
    background: var(--blue-3);
}
.theme-unique[data-v-3c477d00] {
    background-color: var(--system-main-3);
    color: #FFFFFF;
    box-shadow: 0px 4px 12px 0px #72D976;
}
.theme-unique[data-v-3c477d00]:hover:not(:disabled):not(.is-processing) {
    background-color: #72D976;
    box-shadow: none;
}
.theme-unique[data-v-3c477d00]:active {
    background-color: #28AD2D !important;
    box-shadow: 0px 2px 8px rgba(37, 211, 102, 0.2);
    transform: translateY(0);
}
.theme-unique[data-v-3c477d00]:disabled {
    background-color: var(--neutral-10) !important;
    cursor: not-allowed !important;
    box-shadow: none;
}
.theme-unique.is-processing[data-v-3c477d00] {
    background: #20BA5A;
    cursor: wait;
    opacity: 0.8;
}
.theme-unique.icon-only[data-v-3c477d00] {
    box-shadow: none;
}
.theme-unique.icon-only[data-v-3c477d00] svg {
    min-width: 20px;
    min-height: 20px;
}

/* Spinner */
.spinner[data-v-3c477d00] {
    width: 20px;
    height: 20px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: currentColor;
    border-radius: 50%;
    animation: spin-3c477d00 0.6s linear infinite;
}
@keyframes spin-3c477d00 {
to {
        transform: rotate(360deg);
}
}


/* ===== BASE BUTTON ===== */
.small-button[data-v-7ef36956] {
    min-width: 40px;
    min-height: 40px;
    border: 1.5px solid var(--purple-4);
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--neutral-7);
    background-color: #FFFFFF;
    position: relative;
    padding: 0;
}

/* ===== DISABLED STATE ===== */
.small-button--disabled[data-v-7ef36956],
.small-button[data-v-7ef36956]:disabled {
    border-color: var(--neutral-11);
    color: var(--neutral-10);
    cursor: not-allowed;
    pointer-events: none;
}

/* ===== PROCESSING STATE ===== */
.small-button--processing[data-v-7ef36956] {
    cursor: wait;
    pointer-events: none;
}

/* ===== DEFAULT VARIANT ===== */
.small-button--default[data-v-7ef36956] {
    border-color: var(--purple-4);
    color: var(--neutral-7);
}

/* Default Hover */
.small-button--default[data-v-7ef36956]:hover:not(:disabled):not(.small-button--processing):not(.small-button--active) {
    border-color: var(--blue-1);
    color: var(--blue-1);
}

/* Default Active (при клике) */
.small-button--default[data-v-7ef36956]:active:not(:disabled):not(.small-button--processing):not(.small-button--active) {
    background-color: var(--neutral-11);
    color: var(--blue-1);
    border-color: var(--blue-1);
}

/* Default Active (prop active) */
.small-button--default.small-button--active[data-v-7ef36956] {
    background-color: var(--purple-4);
    color: var(--blue-1);
    border-color: var(--purple-4);
}

/* Default Active Hover */
.small-button--default.small-button--active[data-v-7ef36956]:hover:not(:disabled):not(.small-button--processing) {
    border-color: var(--blue-1);
}

/* Default Active при клике (когда уже active) */
.small-button--default.small-button--active[data-v-7ef36956]:active:not(:disabled):not(.small-button--processing) {
    background-color: var(--neutral-11);
    color: var(--blue-1);
}

/* ===== REPORT VARIANT ===== */
.small-button--report[data-v-7ef36956] {
    border-color: var(--purple-4);
    color: var(--neutral-7);
}

/* Report Hover */
.small-button--report[data-v-7ef36956]:hover:not(:disabled):not(.small-button--processing):not(.small-button--active) {
    border-color: var(--system-main-6);
    color: var(--system-main-6);
}

/* Report Active (при клике) */
.small-button--report[data-v-7ef36956]:active:not(:disabled):not(.small-button--processing):not(.small-button--active) {
    background-color: var(--neutral-11);
    color: var(--blue-1);
    border-color: var(--blue-1);
}

/* Report Active (prop active) */
.small-button--report.small-button--active[data-v-7ef36956] {
    border-color: var(--system-main-6);
    color: var(--system-main-6);
}

/* Report Active Hover */
.small-button--report.small-button--active[data-v-7ef36956]:hover:not(:disabled):not(.small-button--processing) {
    border-color: var(--system-main-7);
    color: var(--system-main-7);
}

/* Report Active при клике (когда уже active) */
.small-button--report.small-button--active[data-v-7ef36956]:active:not(:disabled):not(.small-button--processing) {
    background-color: var(--neutral-11);
    color: var(--blue-1);
    border-color: var(--blue-1);
}

/* ===== CONTENT & SPINNER ===== */
.small-button__content[data-v-7ef36956],
.small-button__spinner[data-v-7ef36956] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

/* ===== SVG ICONS ===== */
.small-button__content[data-v-7ef36956] svg {
    width: 20px;
    height: 20px;
    display: block;
    transition: color 0.2s ease;
}
.small-button__content[data-v-7ef36956] svg path,
.small-button__content[data-v-7ef36956] svg circle,
.small-button__content[data-v-7ef36956] svg rect,
.small-button__content[data-v-7ef36956] svg polygon,
.small-button__content[data-v-7ef36956] svg line,
.small-button__content[data-v-7ef36956] svg polyline,
.small-button__content[data-v-7ef36956] svg ellipse {
    transition: fill 0.2s ease, stroke 0.2s ease;
}

/* ===== SPINNER ===== */
.spinner[data-v-7ef36956] {
    width: 20px;
    height: 20px;
    animation: rotate-7ef36956 1s linear infinite;
}
.spinner__circle[data-v-7ef36956] {
    fill: none;
    stroke: currentColor;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-dasharray: 50;
    stroke-dashoffset: 0;
    animation: dash-7ef36956 1.5s ease-in-out infinite;
}

/* ===== ANIMATIONS ===== */
@keyframes rotate-7ef36956 {
100% {
        transform: rotate(360deg);
}
}
@keyframes dash-7ef36956 {
0% {
        stroke-dashoffset: 50;
}
50% {
        stroke-dashoffset: 12.5;
}
100% {
        stroke-dashoffset: 50;
}
}

.more-slide {
	position: relative;
}

.more-overlay {
	position: absolute;
    inset: 0;
    background-color: #00000080;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    text-align: center;
    pointer-events: none;
	z-index: 1;
}

.more-text {
	font-size: 16px;
	color: white;
}

.more-icon {
	width: 32px;
    height: 32px;
    fill: #fff;
}

.item-container--column {
	height: 100%;
	position: relative;
	min-width: 0;
}

.image-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
}

.image-wrapper img {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 100%;
	object-fit: cover;
	background-size: cover;
	background-repeat: no-repeat;
}

.item-image-placeholder {
	position: absolute;
	inset: 0;
	z-index: 0;
	background: #F2F2FF;
	display: flex;
	align-items: center;
	justify-content: center;
}

.item-image {
	border: 1px solid var(--purple-4);
	border-radius: 16px;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	position: relative;
	aspect-ratio: 254 / 215;
	text-decoration: none;
	color: inherit;
}

.item-column-swiper {
	width: 100%;
	height: 100%;
}

.item-column-swiper :deep(.swiper-pagination) {
	bottom: 8px;
}

.item-column-swiper :deep(.swiper-pagination-bullet) {
	background: white;
	opacity: 0.5;
}

.item-column-swiper :deep(.swiper-pagination-bullet-active) {
	opacity: 1;
}

.item-body {
	padding: 8px 4px 4px 4px;
	gap: 2px;
	display: flex;
	flex-direction: column;
}

.item-price-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.item-price__price {
	position: relative;
	padding: 2px 0;
	font-weight: 600;
	font-size: 16px;
	line-height: 140%;
	color: var(--neutral-1);
	gap: 4px;
	display: flex;
	align-items: center;
}

.item-price__price--clickable {
	cursor: pointer;
}

.item-price__icon {
	cursor: pointer;
	color: var(--neutral-7);
	display: flex;
	align-items: center;
	transition: transform 0.2s, color 0.2s;
	flex-shrink: 0;
}

.item-price__icon:hover {
	color: var(--blue-1);
}

.item-price__icon--active {
	transform: rotate(180deg);
	color: var(--blue-1);
}

.item-price-usd-popup {
	position: absolute;
	top: calc(100% + 4px);
	right: 0;
	z-index: 5;
	padding: 12px 16px;
	background-color: #FFFFFF;
	border-radius: 12px;
	color: #A8A7BF;
	font-size: 14px;
	font-weight: 600;
	line-height: 140%;
	white-space: nowrap;
	display: flex;
	align-items: center;
	gap: 2px;
	box-shadow: 0 5px 20px 0 rgba(87, 85, 254, 0.10);
}

.item-name {
	color: var(--neutral-1);
	font-size: 16px;
	font-weight: 500;
	line-height: 140%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-decoration: none;
	display: block;
}

.item-info {
	font-weight: 500;
	line-height: 140%;
	color: var(--neutral-8);
}

.badge-container {
	z-index: 2;
	padding: 8px;
	gap: 4px;
	display: flex;
	align-items: center;
	position: absolute;
}

.badge {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	padding: 6px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.badge:nth-child(1) {
	background-color: #0E0C3433;
	backdrop-filter: blur(10px);
}

.badge.deep {
	background-color: var(--violet-1);
}

.badge.export {
	background-color: var(--system-main-2);
}

.badge.new {
	background-color: var(--system-main-3);
}

.item-container--row {
	display: flex;
}

.item-row-mobile {
	flex-direction: column;
	display: flex;
	width: 100%;
	gap: 12px;
	position: relative;
}

.item-row-mobile-image {
	flex-shrink: 0;
	width: 100%;
	height: 228px;
	overflow: visible;
	text-decoration: none;
	color: inherit;
	display: block;
}

.item-row-mobile-swiper {
	border-top-left-radius: 16px;
	border-bottom-left-radius: 16px;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.item-row-mobile-slide {
	width: 304px;
	height: 228px;
	border-radius: 4px;
	overflow: hidden;
	background: #f5f5f5;
}

.item-row-mobile-body {
	padding: 0 16px;
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 8px;
	min-width: 0;
}

.item-row-mobile-header {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 32px;
}

.item-row-mobile-header > div:first-child {
	min-width: 0;
	flex: 1;
}

.item-row-mobile-price {
	padding: 2px 0;
	display: flex;
	align-items: center;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	color: var(--neutral-1);
	gap: 4px;
}

.item-row-mobile-name {
	font-weight: 600;
	font-size: 16px;
	line-height: 140%;
	color: var(--neutral-1);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	text-decoration: none;
	display: block;
}

.item-row-mobile-main {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.item-row-mobile-info {
	font-weight: 500;
	line-height: 140%;
	color: var(--neutral-2);
}

.item-row-mobile-stats {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-column-gap: 24px;
	grid-row-gap: 4px;
	font-weight: 500;
	line-height: 140%;
	color: var(--neutral-2);

}

.item-row-desktop {
	display: none;
}

img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.dealer-card {
    background: white;
    border-radius: 16px;
    overflow: hidden;
    cursor: pointer;
    max-width: 380px;
    padding-bottom: 20px;
    border: 1px solid #F2F2FF;
	transition: all .3s ease;
}

.dealer-image {
    width: 100%;
    height: 190px;
    overflow: hidden;
    position: relative;
    border-radius: 16px;
}

.dealer-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dealer-content {
    padding: 40px 20px 0 20px;
    position: relative;
}

.dealer-logo {
    position: absolute;
    top: -25px;
    left: 20px;
    width: 50px;
    height: 50px;
    background: white;
    border: 2px solid #F2F2FF;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.dealer-logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dealer-name {
    font-size: 18px;
    line-height: 120%;
    color: #000000;
    margin-bottom: 12px;
}

.dealer-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.info-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.icon {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
}

.info-text {
    font-weight: 500;
    line-height: 120%;
    vertical-align: middle;
    color: var(--neutral-3);
}

.favorite-active {
	background-color: var(--neutral-11) !important;
	border-color: var(--purple-4) !important;
}

@media (min-width: 767px) {
	.item-row-mobile {
		display: none;
	}

	.item-row-desktop {
		position: relative;
		display: flex;
		flex-direction: row;
		width: 100%;
	}

	.item-row-image {
		position: relative;
		flex-shrink: 0;
		width: 290px;
		height: 220px;
		border-radius: 12px;
		overflow: hidden;
		background: #f5f5f5;
		text-decoration: none;
		color: inherit;
		display: block;
	}

	.item-row-edit-btn {
		position: absolute;
		right: 10px;
		bottom: 10px;
		z-index: 2;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 40px;
		height: 40px;
		border: 1.5px solid var(--purple-4);
		border-radius: 12px;
		background-color: #FFFFFF;
		color: var(--neutral-7);
		transition: all .2s ease;
	}

	.item-row-edit-btn:hover {
		color: var(--blue-1);
		border-color: var(--blue-1);
	}

	.item-row-edit-btn:active {
		color: var(--neutral-2);
		border-color: var(--purple-3);
	}

	.item-row-edit-btn._active {
		color: var(--blue-1);
		border-color: var(--blue-1);
	}

	.item-row-edit-wrapper {
		position: absolute;
		left: 240px;
		top: 170px;
		z-index: 10;
	}

	.item-row-edit-wrapper .item-row-edit-btn {
		position: static;
	}

	.item-row-dropdown {
		position: absolute;
		right: 0;
		top: calc(100% + 8px);
		min-width: 240px;
		padding: 12px;
		background: #FFFFFF;
		border-radius: 12px;
		box-shadow: 0px 5px 20px 0px #5755FE1A;
	}

	.item-row-dropdown-item {
		display: block;
		width: 100%;
		border: none;
		background: none;
		text-align: left;
		cursor: pointer;
		transition: all .2s ease;
		cursor: pointer;
		padding: 12px 16px;
		border-radius: 12px;
		line-height: 140%;
    	color: #000000;
	}

	.item-row-dropdown-item:hover {
		border-color: var(--blue-1);
		background-color: var(--purple-4);
		color: var(--blue-1);
	}

	.item-row-swiper {
		width: 100%;
		height: 100%;
	}

	.item-row-swiper :deep(.swiper-pagination) {
		bottom: 8px;
	}

	.item-row-swiper :deep(.swiper-pagination-bullet) {
		background: white;
		opacity: 0.5;
	}

	.item-row-swiper :deep(.swiper-pagination-bullet-active) {
		opacity: 1;
	}

	.item-row-body {
		flex: 1;
		display: flex;
		flex-direction: column;
		padding: 8px 0 8px 24px;
		gap: 16px;
	}

	.item-row-price-block {
		display: flex;
		justify-content: space-between;
		gap: 12px;
	}

	.price-block-left {
		display: flex;
		flex-direction: column;
		gap: 8px;
	}

	.price-block-right {
		display: flex;
		flex-direction: column;
		gap: 4px;
		white-space: nowrap;
	}

	.price-block-right svg {
		flex-shrink: 0;
	}

	.item-row-badges {
		display: flex;
		align-items: center;
		gap: 8px;
	}

	.item-row-badge {
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		align-self: flex-start;
		gap: 6px;
		padding: 4px 10px;
		border-radius: 100px;
		font-weight: 600;
		font-size: 12px;
		line-height: 120%;
		color: #FFFFFF;
	}

	.item-row-badge--inreview { background-color: var(--system-main-5); }
	.item-row-badge--rejected { background-color: var(--system-main-6); }
	.item-row-badge--posted { background-color: var(--system-main-3); }
	.item-row-badge--archived { background-color: var(--system-main-2); }
	.item-row-badge--draft { background-color: var(--neutral-7); }

	.item-row-badge.deep {
		color: var(--violet-1);
		background-color: var(--purple-3);
	}

	.item-row-badge.export {
		color: var(--system-main-2);
		background-color: var(--system-light-2);
	}

	.item-row-badge.new {
		color: var(--system-main-3);
		background-color: var(--system-light-3);
	}

	.item-row-name {
		font-size: 16px;
		font-weight: 500;
		line-height: 140%;
		color: #000000;
		text-decoration: none;
		display: block;
	}

	.item-row-price {
		display: flex;
		gap: 2px;
		font-size: 18px;
		font-weight: 600;
		color: var(--neutral-1);
		line-height: 120%;
	}

	.item-row-small-price {
		display: flex;
		gap: 2px;
		justify-content: flex-end;
		font-weight: 600;
		line-height: 140%;
		color: var(--neutral-8);
	}

	.item-row-info {
		display: flex;
		flex: 1;
		flex-direction: column;
		justify-content: space-between;
	}

	.row-info-top {
		display: flex;
		flex-direction: column;
		gap: 4px;
	}

	.row-info-mileage {
		font-weight: 500;
		line-height: 140%;
		color: #000000;
	}

	.row-info-stats {
		display: flex;
		align-items: center;
		gap: 24px;
		color: #000000;
		font-weight: 500;
		line-height: 140%;
		white-space: nowrap;
		flex-wrap: wrap;
	}

	.row-info-bottom {
		display: flex;
		justify-content: space-between;
	}

	.shop-info {
		display: flex;
		align-items: center;
		gap: 8px;
	}

	.shop-logo {
		width: 36px;
		height: 36px;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: var(--neutral-11);
		border-radius: 12px;
		overflow: hidden;
	}

	.shop-logo-img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.shop-body {
		display: flex;
		flex-direction: column;
		gap: 4px;
	}

	.shop-title {
		font-weight: 500;
		font-size: 12px;
		line-height: 120%;
		color: #000000;
	}

	.shop-address {
		font-weight: 500;
		font-size: 12px;
		line-height: 120%;
		color: #888888;
	}

	.controls {
		margin-left: auto;
		display: flex;
		align-items: center;
		gap: 8px;
	}
}

/* Column isMy elements */
.item-my-edit-btn {
	position: absolute;
	right: 10px;
	bottom: 10px;
	z-index: 2;
	width: 40px;
	height: 40px;
	border: 1.5px solid var(--purple-4);
	border-radius: 12px;
	background-color: #FFFFFF;
	color: var(--neutral-7);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.item-my-status-badge {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	padding: 4px 10px;
	border-radius: 100px;
	font-size: 12px;
	font-weight: 600;
	line-height: 140%;
	color: #FFFFFF;
	margin-bottom: 16px;
}

.item-my-status-badge--draft { background-color: var(--neutral-7); }
.item-my-status-badge--inreview { background-color: var(--system-main-5); }
.item-my-status-badge--rejected { background-color: var(--system-main-6); }
.item-my-status-badge--posted { background-color: var(--system-main-3); }
.item-my-status-badge--archived { background-color: var(--system-main-2); }

.slide-content[data-v-24c4592e] {
    position: relative;
}
.ad-card[data-v-24c4592e] {
    height: 160px;
    border-radius: 16px;
    overflow: hidden;
}
.ad-card--0[data-v-24c4592e] {
    backdrop-filter: blur(9.486725807189941px);
    background-image: url('/ad.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}
.ad-card--0 > .ad-card-content[data-v-24c4592e] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 15px;
    height: 100%;
    max-width: 180px;
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 20.28%);
}
.ad-card--0 > .ad-card-content > .ad-title[data-v-24c4592e] {
    background: -webkit-linear-gradient(90deg, #383838 0%, #467EF3 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    margin-bottom: 10px;
}
.ad-card--0 > .ad-card-content > .ad-subtitle[data-v-24c4592e] {
    font-weight: 500;
    font-size: 10px;
    line-height: 110%;
    color: var(--neutral-2);
}
.ad-card--1[data-v-24c4592e] {
    background-color: #222048;
    box-shadow: 0 10px 15px 0 rgba(56, 56, 56, 0.03);
    display: flex;
    align-items: center;
    position: relative;
}
.ad-card--1 > .ad-card-content[data-v-24c4592e] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    position: relative;
    z-index: 2;
    max-width: 65%;
    padding-right: 16px;
    padding-left: 16px;
}
.ad-card--1[data-v-24c4592e]::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url("/ad-3.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    z-index: 0;
}
.ad-card--1[data-v-24c4592e]::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    height: 100%;
    aspect-ratio: 2 / 1;
    background-image: url("/ad-4.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    z-index: 1;
    pointer-events: none;
}
.ad-card--1 > .ad-card-content > .ad-title[data-v-24c4592e] {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 10px;
}
.ad-card--1 > .ad-card-content > .ad-subtitle[data-v-24c4592e] {
    color: #FFF;
    font-size: 10px;
    font-weight: 500;
    margin-bottom: 25px;
}
.ad-badge[data-v-24c4592e] {
    position: absolute;
    padding: 4px 8px;
    border-radius: 24px;
    background-color: #FFFFFF80;
    font-weight: 500;
    font-size: 12px;
    line-height: 120%;
    color: var(--neutral-1);
    right: 12px;
    bottom: 12px;
    z-index: 1;
}
.ad-swiper[data-v-24c4592e] .swiper-pagination {
    display: none;
}
.swiper-button-next[data-v-24c4592e],
.swiper-button-prev[data-v-24c4592e] {
    display: none;
    opacity: 0;
    background: #DDD;
    transition: all ease 0.4s;
}
.swiper-button-next[data-v-24c4592e]:hover,
.swiper-button-prev[data-v-24c4592e]:hover {
    opacity: 1 !important;
    background: #fff;
}
.swiper-container:hover .swiper-button-next[data-v-24c4592e],
.swiper-container:hover .swiper-button-prev[data-v-24c4592e] {
    opacity: 0.7;
}
.swiper-button-next svg[data-v-24c4592e],
.swiper-button-prev svg[data-v-24c4592e] {
    stroke: #fff !important;
    transition: stroke ease 0.3s;
}
.swiper-button-next:hover svg[data-v-24c4592e],
.swiper-button-prev:hover svg[data-v-24c4592e] {
    stroke: var(--blue-1) !important;
}
.mobile-ad-btn[data-v-24c4592e] {
    display: flex;
    width: 36px;
    height: 36px;
    padding: 4px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    aspect-ratio: 1/1;
    border-radius: 12px;
}
.desktop-ad-btn[data-v-24c4592e] {
    display: none;
}
@media (min-width: 767px) {
.ad-card[data-v-24c4592e] {
        height: 226px;
}
.ad-card--0 > .ad-card-content[data-v-24c4592e] {
        max-width: 280px;
        padding-left: 40px;
}
.ad-card--0 > .ad-card-content > .ad-title[data-v-24c4592e] {
        font-size: 36px;
        line-height: 32px;
}
.ad-card--0 > .ad-card-content > .ad-subtitle[data-v-24c4592e] {
        font-size: 16px;
}
.ad-card--1 > .ad-card-content > .ad-title[data-v-24c4592e] {
        font-size: 36px;
        line-height: 32px;
        margin-bottom: 16px;
}
.ad-card--1 > .ad-card-content > .ad-subtitle[data-v-24c4592e] {
        font-size: 16px;
        margin-bottom: 16px;
}
.ad-card--1 > .ad-card-content[data-v-24c4592e] {
        padding-right: 32px;
}
.mobile-ad-btn[data-v-24c4592e] {
        display: none;
}
.desktop-ad-btn[data-v-24c4592e] {
        display: inline-flex;
}
}
@media (min-width: 1023px) {
.swiper-container[data-v-24c4592e] {
        width: 100%;
        max-width: 1480px;
        margin: 0 auto;
        padding: 0 32px;
}
.ad-card--0[data-v-24c4592e] {
        background-image: url('/ad-2.png');
        justify-content: center;
        position: relative;
        overflow: hidden;
}
.ad-card--0[data-v-24c4592e]::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background: #C4CAD6;
        background: radial-gradient(circle, rgba(196, 202, 214, 0) 40%, rgba(196, 202, 214, 0.37) 90%);
}
.ad-card--0 > .ad-card-content[data-v-24c4592e] {
        width: 100%;
        max-width: 774px;
        height: 100%;
        padding-left: 0;
        background: transparent;
}
.ad-card--0 > .ad-card-content div[data-v-24c4592e] {
        max-width: 256px;
}
.ad-card--1[data-v-24c4592e] {
        justify-content: center;
        position: relative;
        overflow: hidden;
}
.ad-card--1 > .ad-card-content[data-v-24c4592e] {
        width: 100%;
        max-width: 1040px;
        height: 100%;
        padding-left: 140px;
}
.ad-card--1 > .ad-card-content div[data-v-24c4592e]:nth-child(2) {
        max-width: 335px;
}
.ad-card--1 > .ad-card-content[data-v-24c4592e] {
        max-width: 82%;
}
.swiper-button-next[data-v-24c4592e],
    .swiper-button-prev[data-v-24c4592e] {
        display: flex;
}
.ad-swiper[data-v-24c4592e] .swiper-pagination {
        display: block;
}
}


.custom-button[data-v-6efa362b] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    cursor: pointer;
    transition: all 0.2s ease;
    position: relative;
    outline: none;
    gap: 8px;
    white-space: nowrap;
}

/* Dark theme */
.theme-dark[data-v-6efa362b] {
  color: var(--neutral-3);
}
.theme-dark[data-v-6efa362b]:active {
  color: var(--neutral-2) !important;
}
.theme-dark[data-v-6efa362b]:hover:not(:disabled):not(.is-processing) {
  color: var(--neutral-6);
}
.theme-dark[data-v-6efa362b]:disabled {
  cursor: not-allowed !important;
  color: var(--neutral-9);
}

/* Light theme */
.theme-light[data-v-6efa362b] {
    color: var(--blue-1);
}
.theme-light[data-v-6efa362b]:hover:not(:disabled):not(.is-processing) {
    color: var(--blue-2);
}
.theme-light[data-v-6efa362b]:active {
    color: var(--blue-3);
}
.theme-light[data-v-6efa362b]:disabled {
    color: var(--purple-2) !important;
    cursor: not-allowed !important;
}


.custom-input[data-v-ddfc9f4a] {
    width: 100%;
}
.input-label[data-v-ddfc9f4a] {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
    margin-bottom: 0.5rem;
}
.input-container[data-v-ddfc9f4a] {
    position: relative;
    width: 100%;
}
.input-field[data-v-ddfc9f4a] {
    width: 100%;
    padding: 12px 16px;
    border: 1.5px solid var(--purple-4, #E5E7EB);
    border-radius: 12px;
    font-size: 1rem;
    color: var(--neutral-7, #9CA3AF);
    background-color: #FFFFFF;
    transition: all 0.2s ease;
    outline: none;
}
.input-field.has-icon[data-v-ddfc9f4a] {
    padding-right: 48px;
}
.input-field[data-v-ddfc9f4a]::placeholder {
    color: var(--neutral-7, #9CA3AF);
}
.input-field.has-value[data-v-ddfc9f4a] {
    color: #000000;
}
.input-field[data-v-ddfc9f4a]:hover:not(:disabled):not(:focus) {
    border-color: var(--blue-1, #6366F1);
}
.input-field[data-v-ddfc9f4a]:focus {
    border-color: var(--blue-1, #6366F1);
}
.input-field.input-entry[data-v-ddfc9f4a] {
    border-color: var(--blue-1, #6366F1);
    color: #000000;
}
.input-field.input-disabled[data-v-ddfc9f4a] {
    background-color: #F3F4F6;
    color: var(--neutral-7, #9CA3AF);
    cursor: not-allowed;
    border-color: var(--purple-4, #E5E7EB);
}
.input-field.input-disabled[data-v-ddfc9f4a]:hover {
    border-color: var(--purple-4, #E5E7EB);
}
.input-field.input-error[data-v-ddfc9f4a] {
    border-color: var(--system-main-6);
    color: var(--system-main-6);
}
.input-field.input-error[data-v-ddfc9f4a]:focus {
    border-color: var(--system-main-6);
}
.input-field.input-error[data-v-ddfc9f4a]:hover:not(:focus) {
    border-color: var(--system-main-6);
}

/* Password Toggle Button */
.password-toggle[data-v-ddfc9f4a] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--neutral-7);
    transition: all 0.2s ease;
    z-index: 2;
}
.password-toggle svg[data-v-ddfc9f4a] {
    display: block;
}

/* Clear Button */
.clear-button[data-v-ddfc9f4a] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--neutral-7, #9CA3AF);
    transition: all 0.2s ease;
    z-index: 2;
    border-radius: 50%;
    width: 20px;
    height: 20px;
}
.clear-button[data-v-ddfc9f4a]:hover {
    color: var(--neutral-5, #6B7280);
}
.clear-button[data-v-ddfc9f4a]:active {
    transform: translateY(-50%) scale(0.95);
}
.clear-button svg[data-v-ddfc9f4a] {
    display: block;
}

/* Icon */
.input-icon[data-v-ddfc9f4a] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--neutral-7, #9CA3AF);
    pointer-events: none;
    display: flex;
    align-items: center;
    z-index: 1;
}
.input-container:has(.input-field:focus) .input-icon[data-v-ddfc9f4a],
.input-container:has(.input-field.has-value) .input-icon[data-v-ddfc9f4a] {
    color: #6B7280;
}
.error-message[data-v-ddfc9f4a] {
    display: block;
    margin-top: 0.5rem;
    font-size: 0.875rem;
    color: #EF4444;
}

/* Remove number input arrows */
input[type=number][data-v-ddfc9f4a]::-webkit-outer-spin-button,
input[type=number][data-v-ddfc9f4a]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number][data-v-ddfc9f4a] {
    -moz-appearance: textfield;
}

/* Suffix */
.input-suffix[data-v-ddfc9f4a] {
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--neutral-7, #9CA3AF);
    pointer-events: none;
    font-size: 1rem;
    line-height: 1;
}


.search-input-container[data-v-8f2faeac] {
	position: relative;
	width: 100%;
	overflow: hidden;
	border-radius: 16px;
	transition: all .3s ease;
}
.search-input[data-v-8f2faeac] {
	width: 100%;
	height: 48px;
	padding: 12px;
	font-weight: 500;
	font-size: 14px;
	line-height: 120%;
	padding-right: 50px;
	background-color: transparent;
	border: none;
	outline: none;
}
.search-input-icon[data-v-8f2faeac] {
	position: absolute;
	top: 1px;
	right: 0;
	width: 48px;
	height: 48px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: 12px;
}

/* Dark theme (default) */
.theme-dark[data-v-8f2faeac] {
	border: 1.5px solid var(--neutral-3);
	background-color: var(--neutral-3);
}
.theme-dark[data-v-8f2faeac]:has(.search-input:focus) {
	border-color: var(--blue-1);
	background-color: var(--neutral-4);
}
.theme-dark:has(.search-input:focus) .search-input-icon[data-v-8f2faeac] {
	background-color: var(--neutral-3);
}
.theme-dark:has(.search-input:focus) .search-input-icon svg[data-v-8f2faeac] {
	color: #FFFFFF;
}
.theme-dark[data-v-8f2faeac]:has(.search-input:hover) {
	border-color: var(--blue-1);
	background-color: var(--neutral-4);
}
.theme-dark:has(.search-input:hover) .search-input-icon[data-v-8f2faeac] {
	background-color: var(--neutral-3);
}
.theme-dark:has(.search-input:hover) .search-input-icon svg[data-v-8f2faeac] {
	color: #FFFFFF;
}
.theme-dark[data-v-8f2faeac]:has(.search-input:not(:placeholder-shown)) {
	background-color: var(--neutral-4);
}
.theme-dark:has(.search-input:not(:placeholder-shown)) .search-input-icon[data-v-8f2faeac] {
	background-color: var(--neutral-3);
}
.theme-dark:has(.search-input:not(:placeholder-shown)) .search-input-icon svg[data-v-8f2faeac] {
	color: #FFFFFF;
}
.theme-dark .search-input[data-v-8f2faeac] {
	color: #FFFFFF;
}
.theme-dark .search-input[data-v-8f2faeac]::placeholder {
	color: var(--neutral-7);
}
.theme-dark .search-input-icon svg[data-v-8f2faeac] {
	color: var(--neutral-7);
}

/* Light theme */
.theme-light[data-v-8f2faeac] {
	border: 1.5px solid var(--purple-4);
	background-color: var(--neutral-11);
}
.theme-light[data-v-8f2faeac]:has(.search-input:focus) {
	border-color: var(--blue-1);
	background-color: #FFFFFF;
}
.theme-light:has(.search-input:focus) .search-input-icon[data-v-8f2faeac] {
	background-color: var(--purple-3);
}
.theme-light:has(.search-input:focus) .search-input-icon svg[data-v-8f2faeac] {
	color: var(--blue-1);
}
.theme-light[data-v-8f2faeac]:has(.search-input:hover) {
	border-color: var(--blue-1);
	background-color: #FFFFFF;
}
.theme-light:has(.search-input:hover) .search-input-icon[data-v-8f2faeac] {
	background-color: var(--purple-3);
}
.theme-light:has(.search-input:hover) .search-input-icon svg[data-v-8f2faeac] {
	color: var(--blue-1);
}
.theme-light[data-v-8f2faeac]:has(.search-input:not(:placeholder-shown)) {
	background-color: #FFFFFF;
}
.theme-light:has(.search-input:not(:placeholder-shown)) .search-input-icon[data-v-8f2faeac] {
	background-color: var(--neutral-11);
}
.theme-light:has(.search-input:not(:placeholder-shown)) .search-input-icon svg[data-v-8f2faeac] {
	color: var(--neutral-2);
}
.theme-light .search-input[data-v-8f2faeac] {
	color: #000000;
}
.theme-light .search-input[data-v-8f2faeac]::placeholder {
	color: var(--neutral-7);
}
.theme-light .search-input-icon svg[data-v-8f2faeac] {
	color: var(--neutral-7);
}


.header-search[data-v-02142d66] {
    position: relative;
    width: 100%;
}
.search-dropdown[data-v-02142d66] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    background-color: var(--neutral-4);
    border-radius: 16px;
    box-shadow: 0 5px 20px 0 rgba(87, 85, 254, 0.10);
    z-index: 1000;
    padding: 24px 12px 16px 12px;
}
.category-section[data-v-02142d66] {
    display: flex;
    padding-bottom: 16px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
    border-bottom: 1px solid #F2F2FF;
}
.looking-section[data-v-02142d66] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
}
.section-title[data-v-02142d66] {
    padding: 0 12px;
    color: #908FAA;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
}
.chips[data-v-02142d66] {
    display: flex;
    align-items: center;
    align-content: center;
    gap: 8px;
    align-self: stretch;
    flex-wrap: wrap;
}
.search-chip[data-v-02142d66] {
    display: flex !important;
    height: 36px;
    padding: 8px 12px;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    background: #5755FE;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    color: #FFF;
    text-overflow: ellipsis;
    font-size: 12px;
    font-weight: 500;
    line-height: 120%;
}
.history-list[data-v-02142d66] {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    list-style: none !important;
}
.history-item[data-v-02142d66] {
    display: flex;
    height: 48px;
    padding: 12px 16px !important;
    justify-content: space-between;
    align-items: center;
    gap: 19px;
    align-self: stretch;
    border-radius: 12px;
    background-color: transparent;
    transition: all .3s ease;
    cursor: pointer;
}
.history-text[data-v-02142d66] {
    flex: 1;
    overflow: hidden;
    color: #FFF;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
}
.history-item[data-v-02142d66]:hover {
    background-color: #37345B;
}
.history-item:hover .history-text[data-v-02142d66] {
    color: #8A88FF;
}
.search-dropdown-enter-active[data-v-02142d66],
.search-dropdown-leave-active[data-v-02142d66] {
    transition: opacity 0.2s ease, transform 0.2s ease;
}
.search-dropdown-enter-from[data-v-02142d66],
.search-dropdown-leave-to[data-v-02142d66] {
    opacity: 0;
    transform: translateY(-6px);
}


.custom-textarea[data-v-780d8d74] {
    width: 100%;
}
.textarea-label[data-v-780d8d74] {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
    margin-bottom: 0.5rem;
}
.textarea-container[data-v-780d8d74] {
    position: relative;
    width: 100%;
}
.textarea-field[data-v-780d8d74] {
    width: 100%;
    padding: 12px 16px;
    border: 1.5px solid var(--purple-4, #E5E7EB);
    border-radius: 12px;
    font-size: 1rem;
    color: var(--neutral-7, #9CA3AF);
    background-color: #FFFFFF;
    transition: all 0.2s ease;
    outline: none;
    resize: vertical;
    font-family: inherit;
    line-height: 1.5;
}
.textarea-field.has-clear[data-v-780d8d74] {
    padding-right: 48px;
}
.textarea-field[data-v-780d8d74]::placeholder {
    color: var(--neutral-7, #9CA3AF);
}
.textarea-field.has-value[data-v-780d8d74] {
    color: #000000;
}
.textarea-field[data-v-780d8d74]:hover:not(:disabled):not(:focus) {
    border-color: var(--blue-1, #6366F1);
}
.textarea-field[data-v-780d8d74]:focus {
    border-color: var(--blue-1, #6366F1);
}
.textarea-field.textarea-entry[data-v-780d8d74] {
    border-color: var(--blue-1, #6366F1);
    color: #000000;
}
.textarea-field.textarea-disabled[data-v-780d8d74] {
    background-color: #F3F4F6;
    color: var(--neutral-7, #9CA3AF);
    cursor: not-allowed;
    border-color: var(--purple-4, #E5E7EB);
}
.textarea-field.textarea-disabled[data-v-780d8d74]:hover {
    border-color: var(--purple-4, #E5E7EB);
}
.textarea-field.textarea-error[data-v-780d8d74] {
    border-color: var(--system-main-6);
    color: var(--system-main-6);
}
.textarea-field.textarea-error[data-v-780d8d74]:focus {
    border-color: var(--system-main-6);
}
.textarea-field.textarea-error[data-v-780d8d74]:hover:not(:focus) {
    border-color: var(--system-main-6);
}
.clear-button[data-v-780d8d74] {
    position: absolute;
    right: 12px;
    top: 12px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--neutral-7, #9CA3AF);
    transition: all 0.2s ease;
    z-index: 2;
    border-radius: 50%;
    width: 20px;
    height: 20px;
}
.clear-button[data-v-780d8d74]:hover {
    color: var(--neutral-5, #6B7280);
}
.clear-button[data-v-780d8d74]:active {
    transform: scale(0.95);
}
.clear-button svg[data-v-780d8d74] {
    display: block;
}


.custom-select[data-v-5be85ef5] {
    position: relative;
}
.select-label[data-v-5be85ef5] {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
    margin-bottom: 0.5rem;
}
.select-trigger[data-v-5be85ef5] {
    width: 100%;
    padding: 4px 16px;
    border: 1.5px solid var(--purple-4, #E5E7EB);
    border-radius: 12px;
    background: #FFFFFF;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    transition: all 0.2s ease;
    outline: none;
    min-height: 48px;
}
.select-content[data-v-5be85ef5] {
    flex: 1;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.select-value[data-v-5be85ef5] {
    color: var(--neutral-7, #6B7280);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.select-value.placeholder[data-v-5be85ef5] {
    color: var(--neutral-7, #6B7280);
}
.text-muted[data-v-5be85ef5] {
    color: var(--neutral-7, #6B7280);
}
.select-trigger.select-filled .select-value[data-v-5be85ef5]:not(.placeholder) {
    color: #000000;
}
.select-trigger[data-v-5be85ef5]:hover:not(.select-disabled):not(.select-open) {
    border-color: var(--blue-1, #6366F1);
}
.select-trigger:hover:not(.select-disabled) .chevron-icon[data-v-5be85ef5] {
    color: #000000;
}
.select-trigger.select-entry[data-v-5be85ef5] {
    border-color: var(--blue-1, #6366F1);
}
.select-trigger.select-entry .select-value[data-v-5be85ef5]:not(.placeholder) {
    color: #000000;
}
.select-trigger.select-entry .chevron-icon[data-v-5be85ef5] {
    color: #000000;
}
.select-trigger.select-filled .chevron-icon[data-v-5be85ef5] {
    color: #000000;
}
.select-trigger.select-disabled[data-v-5be85ef5] {
    background-color: #F3F4F6;
    cursor: not-allowed;
    border-color: var(--purple-4, #E5E7EB);
    opacity: 0.6;
}
.select-trigger.select-error[data-v-5be85ef5] {
    border-color: #EF4444;
}
.select-icon-wrapper[data-v-5be85ef5] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
}
.chevron-icon[data-v-5be85ef5] {
    flex-shrink: 0;
    color: var(--neutral-7, #6B7280);
    transition: transform 0.2s ease;
}
.chevron-icon.rotate[data-v-5be85ef5] {
    transform: rotate(180deg);
}
.clear-button[data-v-5be85ef5] {
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    color: #EF4444;
    transition: color 0.2s ease;
}
.clear-button[data-v-5be85ef5]:hover {
    color: #DC2626;
}
.spinner[data-v-5be85ef5] {
    width: 16px;
    height: 16px;
    border: 2px solid var(--neutral-7, #6B7280);
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin-5be85ef5 0.6s linear infinite;
}
@keyframes spin-5be85ef5 {
to { transform: rotate(360deg);
}
}

/* Dropdown */
.select-dropdown[data-v-5be85ef5] {
    position: absolute;
    z-index: 50;
    width: 100%;
    margin-top: 4px;
    background: #FFFFFF;
    border: 1.5px solid var(--purple-4, #E5E7EB);
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    max-height: 400px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.search-wrapper[data-v-5be85ef5] {
    padding: 8px;
    border-bottom: 1.5px solid var(--purple-4, #E5E7EB);
}
.options-list[data-v-5be85ef5] {
    overflow-y: auto;
    max-height: 320px;
}
.no-results[data-v-5be85ef5] {
    padding: 32px 16px;
    text-align: center;
    color: var(--neutral-7, #6B7280);
    font-size: 14px;
}
.loading-item[data-v-5be85ef5] {
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--neutral-7, #6B7280);
    font-size: 14px;
}
.select-option[data-v-5be85ef5] {
    padding: 12px 16px;
    cursor: pointer;
    transition: background-color 0.15s ease;
    color: #000000;
    line-height: 140%;
}
.select-option[data-v-5be85ef5]:hover {
    background-color: var(--purple-4, #F3F4F6);
    color: var(--blue-1, #6366F1);
}
.select-option.selected[data-v-5be85ef5] {
    background-color: #EEF2FF;
}
.option-content[data-v-5be85ef5] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.option-check-wrapper[data-v-5be85ef5] {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
}
.check-icon[data-v-5be85ef5] {
    color: var(--blue-1, #6366F1);
}
.error-message[data-v-5be85ef5] {
    display: block;
    margin-top: 0.5rem;
    font-size: 0.875rem;
    color: #EF4444;
}

/* Transitions */
.dropdown-enter-active[data-v-5be85ef5],
.dropdown-leave-active[data-v-5be85ef5] {
    transition: all 0.2s ease;
}
.dropdown-enter-from[data-v-5be85ef5] {
    opacity: 0;
    transform: translateY(-8px);
}
.dropdown-leave-to[data-v-5be85ef5] {
    opacity: 0;
    transform: translateY(-8px);
}

/* Scrollbar */
.options-list[data-v-5be85ef5]::-webkit-scrollbar {
    width: 3px;
}
.options-list[data-v-5be85ef5]::-webkit-scrollbar-track {
    background: var(--neutral-10, #F3F4F6);
}
.options-list[data-v-5be85ef5]::-webkit-scrollbar-thumb {
    background: var(--blue-1, #6366F1);
    border-radius: 10px;
}
.options-list[data-v-5be85ef5]::-webkit-scrollbar-thumb:hover {
    background: #4F46E5;
}


.brand-selected[data-v-4a82fbde] {
	display: flex;
	align-items: center;
	gap: 12px;
}
.brand-option[data-v-4a82fbde] {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
}
.brand-image[data-v-4a82fbde] {
	flex-shrink: 0;
	object-fit: contain;
}
.brand-info[data-v-4a82fbde] {
	flex: 1;
	min-width: 0;
}
.brand-name[data-v-4a82fbde] {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.offer-count[data-v-4a82fbde] {
	color: var(--neutral-7, #6B7280);
	font-size: 14px;
	flex-shrink: 0;
	margin-left: auto;
}
.section-header[data-v-4a82fbde] {
	padding: 12px 12px 0 12px;
	color: #908FAA;
	font-size: 14px;
	font-weight: 500;
	line-height: 140%;
}
.popular-option[data-v-4a82fbde] {
	padding: 12px 16px;
	cursor: pointer;
	transition: background-color 0.15s ease;
	color: #000000;
	line-height: 140%;
}
.popular-option[data-v-4a82fbde]:hover {
	background-color: var(--purple-4, #F3F4F6);
	color: var(--blue-1, #6366F1);
}
.check-placeholder[data-v-4a82fbde] {
	width: 24px;
	height: 24px;
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.check-icon[data-v-4a82fbde] {
	color: var(--blue-1, #6366F1);
}


.model-option[data-v-6e82b550] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
}
.model-selected[data-v-6e82b550] {
    display: flex;
    align-items: center;
    gap: 8px;
}
.model-info[data-v-6e82b550] {
    flex: 1;
}
.model-name[data-v-6e82b550] {
    font-weight: 500;
}
.offer-count[data-v-6e82b550] {
    color: var(--neutral-7, #6B7280);
    font-size: 14px;
    flex-shrink: 0;
    margin-left: auto;
}
.section-header[data-v-6e82b550] {
    padding: 12px 12px 0 12px;
    color: #908FAA;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
}
.popular-option[data-v-6e82b550] {
    padding: 12px 16px;
    cursor: pointer;
    transition: background-color 0.15s ease;
    color: #000000;
    line-height: 140%;
}
.popular-option[data-v-6e82b550]:hover {
    background-color: var(--purple-4, #F3F4F6);
    color: var(--blue-1, #6366F1);
}
.check-placeholder[data-v-6e82b550] {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.check-icon[data-v-6e82b550] {
    color: var(--blue-1, #6366F1);
}


/* Grid layout inside BaseSelect dropdown */
.generation-select[data-v-4d4395a8] .select-dropdown {
    max-height: 480px;
    width: 660px;
    left: auto;
    right: 0;
}
.generation-select[data-v-4d4395a8] .options-list {
    display: grid;
    grid-template-columns: repeat(3, 200px);
    gap: 12px;
    padding: 12px;
    max-height: 420px;
}
.generation-select[data-v-4d4395a8] .select-option {
    padding: 0;
    border-radius: 12px;
    background: transparent;
}
.generation-select[data-v-4d4395a8] .select-option:hover {
    background: transparent;
}
.generation-select[data-v-4d4395a8] .select-option.selected {
    background: transparent;
}
.generation-select[data-v-4d4395a8] .option-content {
    display: block;
}
.generation-select[data-v-4d4395a8] .option-check-wrapper {
    display: none;
}
.generation-select[data-v-4d4395a8] .no-results {
    grid-column: 1 / -1;
}
.generation-select[data-v-4d4395a8] .loading-item {
    grid-column: 1 / -1;
}

/* Card */
.generation-card[data-v-4d4395a8] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    cursor: pointer;
    border-radius: 12px;
    transition: all .15s ease;
}
.generation-card:hover .generation-thumb[data-v-4d4395a8] {
    border-color: var(--blue-1, #5755FE);
}
.generation-card--selected .generation-thumb[data-v-4d4395a8] {
    border-color: var(--blue-1, #5755FE);
    background-color: var(--neutral-11, #F5F5FF);
}
.generation-thumb[data-v-4d4395a8] {
    width: 100%;
    aspect-ratio: 4 / 3;
    border: 1.5px solid var(--purple-4, #E5E7EB);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background-color: #FFFFFF;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: all .15s ease;
}
.generation-thumb--empty[data-v-4d4395a8] {
    background-color: var(--neutral-11, #F5F5FF);
}
.generation-thumb-placeholder[data-v-4d4395a8] {
    color: var(--neutral-7, #908FAA);
}
.generation-footer[data-v-4d4395a8] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 0 2px;
}
.generation-check[data-v-4d4395a8] {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    border: 1.5px solid var(--purple-4, #C1C1D7);
    border-radius: 6px;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    margin-top: 2px;
    color: white;
}
.generation-check--active[data-v-4d4395a8] {
    background-color: var(--blue-1, #5755FE);
    border-color: var(--blue-1, #5755FE);
}
.generation-meta[data-v-4d4395a8] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}
.generation-years[data-v-4d4395a8] {
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: var(--neutral-1, #0E0C34);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.generation-name[data-v-4d4395a8] {
    font-size: 13px;
    line-height: 140%;
    color: var(--neutral-7, #908FAA);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.generation-selected[data-v-4d4395a8] {
    width: 100%;
    color: #111827;
    font-weight: 500;
}

/* Responsive: 2 columns on smaller screens */
@media (max-width: 1023px) {
.generation-select[data-v-4d4395a8] .select-dropdown {
        width: 100%;
        right: auto;
        left: 0;
}
}
@media (max-width: 767px) {
.generation-select[data-v-4d4395a8] .options-list {
        grid-template-columns: repeat(2, 1fr);
}
}


.body-icon-img[data-v-ba82d81c] {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}


.body-option-multi[data-v-74e4866c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    padding: 8px 0;
    cursor: pointer;
}
.body-info[data-v-74e4866c] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
}
.body-icon[data-v-74e4866c] {
    width: 60px;
    height: 32px;
    flex-shrink: 0;
}
.body-name[data-v-74e4866c] {
    font-weight: 500;
    color: var(--neutral-7, #1F2937);
}
.checkbox-box[data-v-74e4866c] {
    width: 20px;
    height: 20px;
    border: 1.5px solid var(--purple-4, #C1C1D7);
    border-radius: 6px;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    flex-shrink: 0;
}
.checkbox-box--checked[data-v-74e4866c] {
    background-color: var(--blue-1, #4F46E5);
    border-color: var(--blue-1, #4F46E5);
}
.checkbox-icon[data-v-74e4866c] {
    width: 14px;
    height: 14px;
    color: white;
}
.body-selected[data-v-74e4866c] {
    width: 100%;
    color: #111827;
    font-weight: 500;
}


.transmission-option-multi[data-v-43bce3ea] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    padding: 8px 0;
    cursor: pointer;
}
.transmission-name[data-v-43bce3ea] {
    font-weight: 500;
    color: var(--neutral-7, #1F2937);
    flex: 1;
}
.checkbox-box[data-v-43bce3ea] {
    width: 20px;
    height: 20px;
    border: 1.5px solid var(--purple-4, #C1C1D7);
    border-radius: 6px;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    flex-shrink: 0;
}
.checkbox-box--checked[data-v-43bce3ea] {
    background-color: var(--blue-1, #4F46E5);
    border-color: var(--blue-1, #4F46E5);
}
.checkbox-icon[data-v-43bce3ea] {
    width: 14px;
    height: 14px;
    color: white;
}
.transmission-selected[data-v-43bce3ea] {
    width: 100%;
    color: #111827;
    font-weight: 500;
}


.engine-option-multi[data-v-86591818] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    padding: 8px 0;
    cursor: pointer;
}
.engine-name[data-v-86591818] {
    font-weight: 500;
    color: var(--neutral-7, #1F2937);
    flex: 1;
}
.checkbox-box[data-v-86591818] {
    width: 20px;
    height: 20px;
    border: 1.5px solid var(--purple-4, #C1C1D7);
    border-radius: 6px;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    flex-shrink: 0;
}
.checkbox-box--checked[data-v-86591818] {
    background-color: var(--blue-1, #4F46E5);
    border-color: var(--blue-1, #4F46E5);
}
.checkbox-icon[data-v-86591818] {
    width: 14px;
    height: 14px;
    color: white;
}
.engine-selected[data-v-86591818] {
    width: 100%;
    color: #111827;
    font-weight: 500;
}


.steering-option-multi[data-v-7433b75c] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    padding: 8px 0;
    cursor: pointer;
}
.steering-name[data-v-7433b75c] {
    font-weight: 500;
    color: var(--neutral-7, #1F2937);
    flex: 1;
}
.checkbox-box[data-v-7433b75c] {
    width: 20px;
    height: 20px;
    border: 1.5px solid var(--purple-4, #C1C1D7);
    border-radius: 6px;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    flex-shrink: 0;
}
.checkbox-box--checked[data-v-7433b75c] {
    background-color: var(--blue-1, #4F46E5);
    border-color: var(--blue-1, #4F46E5);
}
.checkbox-icon[data-v-7433b75c] {
    width: 14px;
    height: 14px;
    color: white;
}
.steering-selected[data-v-7433b75c] {
    width: 100%;
    color: #111827;
    font-weight: 500;
}


.specification-option-multi[data-v-7b0229e4] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    padding: 8px 0;
    cursor: pointer;
}
.specification-name[data-v-7b0229e4] {
    font-weight: 500;
    color: var(--neutral-7, #1F2937);
    flex: 1;
}
.checkbox-box[data-v-7b0229e4] {
    width: 20px;
    height: 20px;
    border: 1.5px solid var(--purple-4, #C1C1D7);
    border-radius: 6px;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    flex-shrink: 0;
}
.checkbox-box--checked[data-v-7b0229e4] {
    background-color: var(--blue-1, #4F46E5);
    border-color: var(--blue-1, #4F46E5);
}
.checkbox-icon[data-v-7b0229e4] {
    width: 14px;
    height: 14px;
    color: white;
}
.specification-selected[data-v-7b0229e4] {
    width: 100%;
    color: #111827;
    font-weight: 500;
}


.drive-option-multi[data-v-20205a4a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    padding: 8px 0;
    cursor: pointer;
}
.drive-name[data-v-20205a4a] {
    font-weight: 500;
    color: var(--neutral-7, #1F2937);
    flex: 1;
}
.checkbox-box[data-v-20205a4a] {
    width: 20px;
    height: 20px;
    border: 1.5px solid var(--purple-4, #C1C1D7);
    border-radius: 6px;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    flex-shrink: 0;
}
.checkbox-box--checked[data-v-20205a4a] {
    background-color: var(--blue-1, #4F46E5);
    border-color: var(--blue-1, #4F46E5);
}
.checkbox-icon[data-v-20205a4a] {
    width: 14px;
    height: 14px;
    color: white;
}
.drive-selected[data-v-20205a4a] {
    width: 100%;
    color: #111827;
    font-weight: 500;
}


.battery-option-multi[data-v-0cd0ac00] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    padding: 8px 0;
    cursor: pointer;
}
.battery-name[data-v-0cd0ac00] {
    font-weight: 500;
    color: var(--neutral-7, #1F2937);
    flex: 1;
}
.checkbox-box[data-v-0cd0ac00] {
    width: 20px;
    height: 20px;
    border: 1.5px solid var(--purple-4, #C1C1D7);
    border-radius: 6px;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    flex-shrink: 0;
}
.checkbox-box--checked[data-v-0cd0ac00] {
    background-color: var(--blue-1, #4F46E5);
    border-color: var(--blue-1, #4F46E5);
}
.checkbox-icon[data-v-0cd0ac00] {
    width: 14px;
    height: 14px;
    color: white;
}
.battery-selected[data-v-0cd0ac00] {
    width: 100%;
    color: #111827;
    font-weight: 500;
}


.horsepower-option-multi[data-v-9ab44394] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    padding: 8px 0;
    cursor: pointer;
}
.horsepower-name[data-v-9ab44394] {
    font-weight: 500;
    color: var(--neutral-7, #1F2937);
    flex: 1;
}
.checkbox-box[data-v-9ab44394] {
    width: 20px;
    height: 20px;
    border: 1.5px solid var(--purple-4, #C1C1D7);
    border-radius: 6px;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    flex-shrink: 0;
}
.checkbox-box--checked[data-v-9ab44394] {
    background-color: var(--blue-1, #4F46E5);
    border-color: var(--blue-1, #4F46E5);
}
.checkbox-icon[data-v-9ab44394] {
    width: 14px;
    height: 14px;
    color: white;
}
.horsepower-selected[data-v-9ab44394] {
    width: 100%;
    color: #111827;
    font-weight: 500;
}


.color-option-multi[data-v-e771d0ec] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    padding: 8px 0;
    cursor: pointer;
}
.color-info[data-v-e771d0ec] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
}
.color-circle[data-v-e771d0ec] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid #E5E7EB;
    flex-shrink: 0;
}
.color-name[data-v-e771d0ec] {
    font-weight: 500;
    color: var(--neutral-7, #1F2937);
}
.checkbox-box[data-v-e771d0ec] {
    width: 20px;
    height: 20px;
    border: 1.5px solid var(--purple-4, #C1C1D7);
    border-radius: 6px;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    flex-shrink: 0;
}
.checkbox-box--checked[data-v-e771d0ec] {
    background-color: var(--blue-1, #4F46E5);
    border-color: var(--blue-1, #4F46E5);
}
.checkbox-icon[data-v-e771d0ec] {
    width: 14px;
    height: 14px;
    color: white;
}
.color-selected[data-v-e771d0ec] {
    width: 100%;
    color: #111827;
    font-weight: 500;
}


.doors-option-multi[data-v-06b40936] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    padding: 8px 0;
    cursor: pointer;
}
.doors-name[data-v-06b40936] {
    font-weight: 500;
    color: var(--neutral-7, #1F2937);
    flex: 1;
}
.checkbox-box[data-v-06b40936] {
    width: 20px;
    height: 20px;
    border: 1.5px solid var(--purple-4, #C1C1D7);
    border-radius: 6px;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    flex-shrink: 0;
}
.checkbox-box--checked[data-v-06b40936] {
    background-color: var(--blue-1, #4F46E5);
    border-color: var(--blue-1, #4F46E5);
}
.checkbox-icon[data-v-06b40936] {
    width: 14px;
    height: 14px;
    color: white;
}
.doors-selected[data-v-06b40936] {
    width: 100%;
    color: #111827;
    font-weight: 500;
}


.country-option[data-v-22c76dca],
.country-selected[data-v-22c76dca] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
}
.country-info[data-v-22c76dca] {
    flex: 1;
    min-width: 0;
}
.country-name[data-v-22c76dca] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.country-icon[data-v-22c76dca] {
    width: 24px;
    height: 24px;
}


.region-option[data-v-0fa38f86],
.region-selected[data-v-0fa38f86] {
    display: flex;
    align-items: center;
    gap: 8px;
}
.region-info[data-v-0fa38f86] {
    flex: 1;
}
.region-name[data-v-0fa38f86] {
    font-weight: 500;
}


.city-option[data-v-9cb3ccc0],
.city-selected[data-v-9cb3ccc0] {
    display: flex;
    align-items: center;
    gap: 8px;
}
.city-info[data-v-9cb3ccc0] {
    flex: 1;
}
.city-name[data-v-9cb3ccc0] {
    font-weight: 500;
}


.phone-input-wrapper[data-v-4ad3ff48] {
    position: relative;
    width: 100%;
}
.phone-input-container[data-v-4ad3ff48] {
    display: flex;
    gap: 0;
}

/* Country trigger (left side) */
.country-trigger[data-v-4ad3ff48] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 12px 12px;
    border: 1.5px solid var(--purple-4, #E5E7EB);
    border-right: none;
    border-radius: 12px 0 0 12px;
    background-color: #FFFFFF;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.2s ease;
    outline: none;
    min-height: 48px;
    flex-shrink: 0;
}
.country-trigger[data-v-4ad3ff48]:hover:not(:disabled) {
    border-color: var(--blue-1, #6366F1);
    z-index: 2;
}
.country-trigger--focused[data-v-4ad3ff48] {
    border-color: var(--blue-1, #6366F1);
    z-index: 2;
}
.country-trigger[data-v-4ad3ff48]:disabled {
    background-color: #F3F4F6;
    cursor: not-allowed;
    border-color: var(--purple-4, #E5E7EB);
}
.country-flag[data-v-4ad3ff48] {
    width: 24px;
    height: 16px;
    object-fit: cover;
    border-radius: 2px;
    flex-shrink: 0;
}
.country-dial-code[data-v-4ad3ff48] {
    font-size: 14px;
    font-weight: 500;
    color: var(--neutral-1, #0E0C34);
}
.country-chevron[data-v-4ad3ff48] {
    color: var(--neutral-7, #908FAA);
    transition: transform 0.2s ease;
    flex-shrink: 0;
}
.country-chevron--open[data-v-4ad3ff48] {
    transform: rotate(180deg);
}

/* Phone number input (right side) */
.phone-number-input[data-v-4ad3ff48] {
    flex: 1;
    min-width: 0;
    padding: 12px 16px;
    border: 1.5px solid var(--purple-4, #E5E7EB);
    border-radius: 0 12px 12px 0;
    font-size: 1rem;
    color: #000000;
    background-color: #FFFFFF;
    transition: all 0.2s ease;
    outline: none;
    min-height: 48px;
}
.phone-number-input[data-v-4ad3ff48]::placeholder {
    color: var(--neutral-7, #9CA3AF);
}
.phone-number-input[data-v-4ad3ff48]:hover:not(:disabled):not(:focus) {
    border-color: var(--blue-1, #6366F1);
}
.phone-number-input--focused[data-v-4ad3ff48] {
    border-color: var(--blue-1, #6366F1);
}
.phone-number-input[data-v-4ad3ff48]:disabled {
    background-color: #F3F4F6;
    color: var(--neutral-7, #9CA3AF);
    cursor: not-allowed;
    border-color: var(--purple-4, #E5E7EB);
}

/* Error state */
.phone-input-error .country-trigger[data-v-4ad3ff48] {
    border-color: var(--system-main-6);
}
.phone-input-error .phone-number-input[data-v-4ad3ff48] {
    border-color: var(--system-main-6);
}

/* Disabled state */
.phone-input-disabled .country-trigger[data-v-4ad3ff48] {
    background-color: #F3F4F6;
    cursor: not-allowed;
}
.phone-input-disabled .phone-number-input[data-v-4ad3ff48] {
    background-color: #F3F4F6;
    cursor: not-allowed;
}

/* Dropdown */
.country-dropdown[data-v-4ad3ff48] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    z-index: 50;
    width: 100%;
    background: #FFFFFF;
    border: 1.5px solid var(--purple-4, #E5E7EB);
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    max-height: 400px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.dropdown-search[data-v-4ad3ff48] {
    padding: 8px;
    border-bottom: 1.5px solid var(--purple-4, #E5E7EB);
}
.dropdown-list[data-v-4ad3ff48] {
    overflow-y: auto;
    max-height: 320px;
    padding: 4px;
}
.dropdown-option[data-v-4ad3ff48] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 10px 12px;
    border: none;
    background: none;
    cursor: pointer;
    border-radius: 8px;
    transition: background-color 0.15s;
    text-align: left;
    line-height: 140%;
    color: #000000;
}
.dropdown-option[data-v-4ad3ff48]:hover {
    background-color: var(--purple-4, #F2F2FF);
    color: var(--blue-1, #6366F1);
}
.dropdown-option--selected[data-v-4ad3ff48] {
    background-color: #EEF2FF;
}
.option-flag[data-v-4ad3ff48] {
    width: 24px;
    height: 16px;
    object-fit: cover;
    border-radius: 2px;
    flex-shrink: 0;
}
.option-name[data-v-4ad3ff48] {
    font-size: 14px;
    font-weight: 500;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.option-dial-code[data-v-4ad3ff48] {
    font-size: 14px;
    color: var(--neutral-7, #908FAA);
    flex-shrink: 0;
}
.dropdown-divider[data-v-4ad3ff48] {
    height: 1px;
    background-color: var(--purple-4, #E5E7EB);
    margin: 4px 8px;
}
.dropdown-empty[data-v-4ad3ff48] {
    padding: 32px 16px;
    text-align: center;
    color: var(--neutral-7, #908FAA);
    font-size: 14px;
}
.dropdown-loading[data-v-4ad3ff48] {
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.spinner[data-v-4ad3ff48] {
    width: 16px;
    height: 16px;
    border: 2px solid var(--neutral-7, #6B7280);
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin-4ad3ff48 0.6s linear infinite;
}
@keyframes spin-4ad3ff48 {
to { transform: rotate(360deg);
}
}

/* Transitions */
.dropdown-enter-active[data-v-4ad3ff48],
.dropdown-leave-active[data-v-4ad3ff48] {
    transition: all 0.2s ease;
}
.dropdown-enter-from[data-v-4ad3ff48] {
    opacity: 0;
    transform: translateY(-8px);
}
.dropdown-leave-to[data-v-4ad3ff48] {
    opacity: 0;
    transform: translateY(-8px);
}

/* Scrollbar (same as BaseSelect) */
.dropdown-list[data-v-4ad3ff48]::-webkit-scrollbar {
    width: 3px;
}
.dropdown-list[data-v-4ad3ff48]::-webkit-scrollbar-track {
    background: var(--neutral-10, #F3F4F6);
}
.dropdown-list[data-v-4ad3ff48]::-webkit-scrollbar-thumb {
    background: var(--blue-1, #6366F1);
    border-radius: 10px;
}
.dropdown-list[data-v-4ad3ff48]::-webkit-scrollbar-thumb:hover {
    background: #4F46E5;
}


.custom-select[data-v-0f62e2dd] {
    position: relative;
}
.select-label[data-v-0f62e2dd] {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
    margin-bottom: 0.5rem;
}
.select-trigger[data-v-0f62e2dd] {
    width: 100%;
    padding: 4px 16px;
    border: 1.5px solid var(--purple-4);
    border-radius: 12px;
    background: #FFFFFF;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    transition: all 0.2s ease;
    outline: none;
    min-height: 48px;
}
.select-content[data-v-0f62e2dd] {
    flex: 1;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.select-value[data-v-0f62e2dd] {
    color: var(--neutral-7);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.select-value.placeholder[data-v-0f62e2dd] {
    color: var(--neutral-7);
}
.select-trigger.select-filled .select-value[data-v-0f62e2dd]:not(.placeholder) {
    color: #000000;
}
.select-trigger[data-v-0f62e2dd]:hover:not(.select-disabled):not(.select-open) {
    border-color: var(--blue-1);
}
.select-trigger:hover:not(.select-disabled) .select-icon[data-v-0f62e2dd] {
    color: #000000;
}
.select-trigger.select-entry[data-v-0f62e2dd] {
    border-color: var(--blue-1);
}
.select-trigger.select-entry .select-value[data-v-0f62e2dd]:not(.placeholder) {
    color: #000000;
}
.select-trigger.select-entry .select-icon[data-v-0f62e2dd] {
    color: #000000;
}
.select-trigger.select-filled .select-icon[data-v-0f62e2dd] {
    color: #000000;
}
.select-trigger.select-disabled[data-v-0f62e2dd] {
    background-color: #F3F4F6;
    cursor: not-allowed;
    border-color: var(--purple-4);
    opacity: 0.6;
}
.select-trigger.select-error[data-v-0f62e2dd] {
    border-color: #EF4444;
}
.select-icon[data-v-0f62e2dd] {
    flex-shrink: 0;
    color: var(--neutral-7);
    transition: transform 0.2s ease;
}
.select-icon.rotate[data-v-0f62e2dd] {
    transform: rotate(180deg);
}

/* Dropdown */
.select-dropdown[data-v-0f62e2dd] {
    position: absolute;
    z-index: 50;
    width: 100%;
    margin-top: 4px;
    background: #FFFFFF;
    border: 1.5px solid var(--purple-4);
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    max-height: 320px;
    overflow: hidden;
}
.options-list[data-v-0f62e2dd] {
    overflow-y: auto;
    max-height: 320px;
}
.select-option[data-v-0f62e2dd] {
    padding: 12px 16px;
    cursor: pointer;
    transition: background-color 0.15s ease;
    color: #000000;
    line-height: 140%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.select-option[data-v-0f62e2dd]:hover {
    background-color: var(--purple-4);
    color: var(--blue-1);
}
.select-option.selected[data-v-0f62e2dd] {
    background-color: #EEF2FF;
}
.option-label[data-v-0f62e2dd] {
    flex: 1;
}
.check-icon[data-v-0f62e2dd] {
    flex-shrink: 0;
    color: var(--blue-1);
}
.error-message[data-v-0f62e2dd] {
    display: block;
    margin-top: 0.5rem;
    font-size: 0.875rem;
    color: #EF4444;
}

/* Transitions */
.dropdown-enter-active[data-v-0f62e2dd],
.dropdown-leave-active[data-v-0f62e2dd] {
    transition: all 0.2s ease;
}
.dropdown-enter-from[data-v-0f62e2dd] {
    opacity: 0;
    transform: translateY(-8px);
}
.dropdown-leave-to[data-v-0f62e2dd] {
    opacity: 0;
    transform: translateY(-8px);
}

/* Scrollbar */
.options-list[data-v-0f62e2dd]::-webkit-scrollbar {
    width: 3px;
}
.options-list[data-v-0f62e2dd]::-webkit-scrollbar-track {
    background: var(--neutral-10);
}
.options-list[data-v-0f62e2dd]::-webkit-scrollbar-thumb {
    background: var(--blue-1);
    border-radius: 10px;
}


.input-label[data-v-1b48c69c] {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
    margin-bottom: 0.5rem;
}
.inputs-wrapper[data-v-1b48c69c] {
    display: flex;
    gap: 0;
}
.input-container[data-v-1b48c69c] {
    flex: 1;
    position: relative;
}
.input-field[data-v-1b48c69c] {
    width: 100%;
    padding: 12px 16px;
    border: 1.5px solid var(--purple-4, #E5E7EB);
    font-size: 1rem;
    color: var(--neutral-7, #9CA3AF);
    background-color: #FFFFFF;
    transition: all 0.2s ease;
    outline: none;
}

/* Left Input */
.left-input[data-v-1b48c69c] {
    border-radius: 12px 0 0 12px;
    border-right: none;
}

/* Right Input */
.right-input[data-v-1b48c69c] {
    border-radius: 0 12px 12px 0;
}

/* Padding for icon */
.input-field.has-icon[data-v-1b48c69c] {
    padding-right: 40px;
}
.input-field[data-v-1b48c69c]::placeholder {
    color: var(--neutral-7, #9CA3AF);
}
.input-field.has-value[data-v-1b48c69c] {
    color: #000000;
}
.input-field[data-v-1b48c69c]:hover:not(:disabled):not(:focus) {
    border-color: var(--blue-1, #6366F1);
    z-index: 1;
}
.input-field[data-v-1b48c69c]:focus {
    border-color: var(--blue-1, #6366F1);
    z-index: 2;
}
.input-field.input-entry[data-v-1b48c69c] {
    border-color: var(--blue-1, #6366F1);
    color: #000000;
}
.input-field.input-disabled[data-v-1b48c69c] {
    background-color: #F3F4F6;
    color: var(--neutral-7, #9CA3AF);
    cursor: not-allowed;
    border-color: var(--purple-4, #E5E7EB);
}
.input-field.input-disabled[data-v-1b48c69c]:hover {
    border-color: var(--purple-4, #E5E7EB);
    z-index: 0;
}
.input-field.input-error[data-v-1b48c69c] {
    border-color: #EF4444;
    color: #000000;
}
.input-field.input-error[data-v-1b48c69c]:focus {
    border-color: #EF4444;
}
.input-field.input-error[data-v-1b48c69c]:hover:not(:focus) {
    border-color: #DC2626;
}

/* Icon */
.input-icon[data-v-1b48c69c] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--neutral-7, #9CA3AF);
    pointer-events: none;
    display: flex;
    align-items: center;
    z-index: 3;
}
.input-container:has(.input-field:focus) .input-icon[data-v-1b48c69c],
.input-container:has(.input-field.has-value) .input-icon[data-v-1b48c69c] {
    color: #6B7280;
}
.error-message[data-v-1b48c69c] {
    display: block;
    margin-top: 0.5rem;
    font-size: 0.875rem;
    color: #EF4444;
}

/* Remove number input arrows */
input[type=number][data-v-1b48c69c]::-webkit-outer-spin-button,
input[type=number][data-v-1b48c69c]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number][data-v-1b48c69c] {
    -moz-appearance: textfield;
}


.select-label[data-v-3db6c1c1] {
    display: block;
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
    margin-bottom: 0.5rem;
}
.selects-wrapper[data-v-3db6c1c1] {
    display: flex;
    gap: 0;
}
.select-container[data-v-3db6c1c1] {
    flex: 1;
    position: relative;
}

/* Custom Select Styles */
.custom-select[data-v-3db6c1c1] {
    position: relative;
}
.select-trigger[data-v-3db6c1c1] {
    width: 100%;
    padding: 4px 16px;
    border: 1.5px solid var(--purple-4);
    background: #FFFFFF;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    transition: all 0.2s ease;
    outline: none;
    min-height: 48px;
}

/* Left Select */
.left-select-container .select-trigger[data-v-3db6c1c1] {
    border-radius: 12px 0 0 12px;
    border-right: none;
}

/* Right Select */
.right-select-container .select-trigger[data-v-3db6c1c1] {
    border-radius: 0 12px 12px 0;
}
.select-content[data-v-3db6c1c1] {
    flex: 1;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.select-value[data-v-3db6c1c1] {
    color: var(--neutral-7);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.select-value.placeholder[data-v-3db6c1c1] {
    color: var(--neutral-7);
}
.select-trigger.select-filled .select-value[data-v-3db6c1c1]:not(.placeholder) {
    color: #000000;
}
.select-trigger[data-v-3db6c1c1]:hover:not(.select-disabled):not(.select-open) {
    border-color: var(--blue-1);
    z-index: 1;
}
.select-trigger:hover:not(.select-disabled) .select-icon[data-v-3db6c1c1] {
    color: #000000;
}
.select-trigger.select-entry[data-v-3db6c1c1] {
    border-color: var(--blue-1, #6366F1);
    z-index: 2;
}
.select-trigger.select-entry .select-value[data-v-3db6c1c1]:not(.placeholder) {
    color: #000000;
}
.select-trigger.select-entry .select-icon[data-v-3db6c1c1] {
    color: #000000;
}
.select-trigger.select-filled .select-icon[data-v-3db6c1c1] {
    color: #000000;
}
.select-trigger.select-disabled[data-v-3db6c1c1] {
    background-color: #F3F4F6;
    cursor: not-allowed;
    border-color: var(--purple-4);
    z-index: 0;
}
.select-trigger.select-disabled[data-v-3db6c1c1]:hover {
    border-color: var(--purple-4);
    z-index: 0;
}
.select-trigger.select-disabled .select-value[data-v-3db6c1c1] {
    color: var(--neutral-7);
}
.select-trigger.select-error[data-v-3db6c1c1] {
    border-color: #EF4444;
}
.select-trigger.select-error[data-v-3db6c1c1]:hover:not(.select-open) {
    border-color: #DC2626;
}
.select-icon[data-v-3db6c1c1] {
    flex-shrink: 0;
    color: var(--neutral-7);
    transition: transform 0.2s ease;
}
.select-icon.rotate[data-v-3db6c1c1] {
    transform: rotate(180deg);
}
.select-trigger.select-disabled .select-icon[data-v-3db6c1c1] {
    color: var(--neutral-7, #9CA3AF);
}

/* Dropdown */
.select-dropdown[data-v-3db6c1c1] {
    position: absolute;
    z-index: 50;
    width: 100%;
    margin-top: 4px;
    background: #FFFFFF;
    border: 1.5px solid var(--purple-4);
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    max-height: 400px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.search-wrapper[data-v-3db6c1c1] {
    padding: 8px;
    border-bottom: 1.5px solid var(--purple-4);
}
.options-list[data-v-3db6c1c1] {
    overflow-y: auto;
    max-height: 280px;
    padding-bottom: 16px;
}
.no-results[data-v-3db6c1c1] {
    padding: 32px 16px;
    text-align: center;
    color: var(--neutral-7);
    font-size: 14px;
}
.select-option[data-v-3db6c1c1] {
    padding: 12px 16px;
    cursor: pointer;
    transition: background-color 0.15s ease;
    color: #000000;
    line-height: 140%;
}
.select-option[data-v-3db6c1c1]:hover:not(.disabled) {
    background-color: var(--purple-4);
    color: var(--blue-1);
}
.select-option.selected[data-v-3db6c1c1] {
    background-color: #EEF2FF;
}
.select-option.disabled[data-v-3db6c1c1] {
    opacity: 0.5;
    cursor: not-allowed;
}
.option-content[data-v-3db6c1c1] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
    width: 100%;
}
.option-simple[data-v-3db6c1c1] {
    display: flex;
    align-items: center;
    gap: 12px;
}
.option-check-wrapper[data-v-3db6c1c1] {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.check-icon[data-v-3db6c1c1] {
    color: #4F46E5;
}
.option-label[data-v-3db6c1c1] {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.error-message[data-v-3db6c1c1] {
    display: block;
    margin-top: 0.5rem;
    font-size: 0.875rem;
    color: #EF4444;
}
.dropdown-enter-active[data-v-3db6c1c1],
.dropdown-leave-active[data-v-3db6c1c1] {
    transition: all 0.2s ease;
}
.dropdown-enter-from[data-v-3db6c1c1] {
    opacity: 0;
    transform: translateY(-8px);
}
.dropdown-leave-to[data-v-3db6c1c1] {
    opacity: 0;
    transform: translateY(-8px);
}
.options-list[data-v-3db6c1c1]::-webkit-scrollbar {
    width: 3px;
}
.options-list[data-v-3db6c1c1]::-webkit-scrollbar-track {
    background: var(--neutral-10);
}
.options-list[data-v-3db6c1c1]::-webkit-scrollbar-thumb {
    background: var(--blue-1);
    border-radius: 10px;
}
.options-list[data-v-3db6c1c1]::-webkit-scrollbar-thumb:hover {
    background: #9CA3AF;
}


.checkbox[data-v-5242784a] {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    gap: 8px;
}
.checkbox--disabled[data-v-5242784a] {
    cursor: not-allowed;
    opacity: 1;
}
.checkbox__input[data-v-5242784a] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
    pointer-events: none;
}
.checkbox__box[data-v-5242784a] {
    width: 24px;
    height: 24px;
    border: 1.5px solid var(--purple-4);
    border-radius: 8px;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    flex-shrink: 0;
}
.checkbox__label[data-v-5242784a] {
    font-weight: 500;
    line-height: 120%;
    color: var(--neutral-7);
    -webkit-user-select: none;
            user-select: none;
    transition: color 0.2s ease;
}
.checkbox--disabled .checkbox__label[data-v-5242784a] {
    color: var(--purple-4);
}
.checkbox:not(.checkbox--checked):not(.checkbox--disabled) .checkbox__box[data-v-5242784a] {
    border-color: var(--purple-4);
    background-color: #FFFFFF;
}
.checkbox:not(.checkbox--checked):not(.checkbox--disabled):hover .checkbox__box[data-v-5242784a] {
    border-color: var(--blue-1);
    background-color: #FFFFFF;
}
.checkbox--checked:not(.checkbox--disabled) .checkbox__box[data-v-5242784a] {
    background-color: var(--blue-1);
}
.checkbox--disabled:not(.checkbox--checked) .checkbox__box[data-v-5242784a] {
    border-color: var(--purple-4);
}
.checkbox--disabled.checkbox--checked .checkbox__box[data-v-5242784a] {
    background-color: var(--purple-4);
}
.checkbox__icon[data-v-5242784a] {
    width: 16px;
    height: 16px;
    display: block;
}
.checkbox--disabled .checkbox__icon path[data-v-5242784a] {
    stroke: #C1C1D7;
}


.radio-group[data-v-731ac719] {
    display: inline-flex;
    width: 140px;
    height: 48px;
}
.radio-label[data-v-731ac719] {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
            user-select: none;
    position: relative;
}
.radio-label.disabled[data-v-731ac719] {
    cursor: not-allowed;
}
.radio-input[data-v-731ac719] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
.radio-custom[data-v-731ac719] {
    position: relative;
    width: 24px;
    height: 24px;
    border: 1.5px solid var(--blue-1);
    border-radius: 50%;
    background-color: #FFFFFF;
    transition: all 0.2s ease;
    flex-shrink: 0;
}
.radio-custom[data-v-731ac719]::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: transparent;
    transition: all 0.2s ease;
}
.radio-input:checked+.radio-custom[data-v-731ac719]::after {
    background-color: var(--blue-1);
}
.radio-input:disabled+.radio-custom[data-v-731ac719] {
    border-color: var(--purple-4);
}
.radio-input:disabled:checked+.radio-custom[data-v-731ac719] {
    border-color: var(--purple-4);
}
.radio-input:disabled:checked+.radio-custom[data-v-731ac719]::after {
    background-color: var(--purple-4);
}
.radio-text[data-v-731ac719] {
    margin-left: 8px;
    font-weight: 500;
    line-height: 120%;
    color: var(--neutral-7);
    white-space: nowrap;
}
.radio-input:disabled ~ .radio-text[data-v-731ac719] {
    color: var(--purple-4);
}
.radio-input:checked:not(:disabled) ~ .radio-text[data-v-731ac719] {
    color: #000000;
}


.switch-wrapper[data-v-d8c9d120] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 224px;
    height: 48px;
}
.switch-wrapper.disabled[data-v-d8c9d120] {
    opacity: 0.5;
    cursor: not-allowed;
}
.switch-slot[data-v-d8c9d120] {
    width: 140px;
    flex-shrink: 0;
    font-weight: 500;
    line-height: 120%;
    color: var(--neutral-5);
}
.switch-wrapper.checked .switch-slot[data-v-d8c9d120] {
    color: #000000;
}
.switch-wrapper.disabled .switch-slot[data-v-d8c9d120] {
    color: var(--neutral-7);
}
.switch-label[data-v-d8c9d120] {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    -webkit-user-select: none;
            user-select: none;
    position: relative;
}
.switch-wrapper.disabled .switch-label[data-v-d8c9d120] {
    cursor: not-allowed;
}
.switch-input[data-v-d8c9d120] {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
.switch-track[data-v-d8c9d120] {
    position: relative;
    width: 52px;
    height: 28px;
    border-radius: 22px;
    background-color: var(--purple-2);
    transition: all 0.3s ease;
    flex-shrink: 0;
}
.switch-track[data-v-d8c9d120]::after {
    content: '';
    position: absolute;
    left: 3px;
    top: 3px;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-color: #FFFFFF;
    transition: all 0.3s ease;
}
.switch-input:checked + .switch-track[data-v-d8c9d120] {
    background-color: var(--blue-1);
}
.switch-input:checked + .switch-track[data-v-d8c9d120]::after {
    left: 27px;
}




.pagination[data-v-495c85a2] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
}
.pages-container[data-v-495c85a2] {
    display: flex;
    gap: 1px;
}
.pagination__arrow[data-v-495c85a2] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border: 1.5px solid var(--purple-4);
    background: #FFFFFF;
    color: var(--neutral-7);
    cursor: pointer;
    transition: all 0.2s;
    border-radius: 12px;
}
.pagination__arrow[data-v-495c85a2]:hover:not(:disabled) {
    color: var(--blue-1);
    border-color: var(--blue-1);
}
.pagination__arrow[data-v-495c85a2]:disabled {
    border-color: transparent;
    cursor: not-allowed;
}
.pagination__page[data-v-495c85a2] {
    min-width: 34px;
    height: 34px;
    padding: 0 16px;
    background: transparent;
    border: 1px solid transparent;
    cursor: pointer;
    transition: all 0.2s;
    border-radius: 12px;
    font-weight: 500;
    font-size: 12px;
    line-height: 120%;
    color: var(--neutral-7);
}
.pagination__page[data-v-495c85a2]:hover:not(:disabled):not(.pagination__page--active):not(.pagination__page--dots) {
    background-color: var(--neutral-11);
    border-color: var(--blue-1);
    color: var(--blue-1);
}
.pagination__page--active[data-v-495c85a2] {
    border-color: var(--neutral-11);
    background-color: var(--neutral-11);
    color: var(--blue-1);
    cursor: default;
}
.pagination__page--dots[data-v-495c85a2] {
    cursor: default;
}
.pagination__page--dots[data-v-495c85a2]:hover {
    background: transparent;
}
.pagination__page[data-v-495c85a2]:disabled {
    cursor: default;
}
@media (max-width: 1023px) {
.pagination[data-v-495c85a2] {
        justify-content: center;
}
}


.breadcrumbs-container[data-v-51313459] {
    display: flex;
    align-items: center;
    gap: 16px;
}
.breadcrumbs-back[data-v-51313459] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 12px;
    background: transparent;
    color: var(--neutral-7);
    border: 1.5px solid var(--purple-4);
    transition: all 0.2s, color 0.2s;
}
.breadcrumbs-back[data-v-51313459]:hover {
    border-color: var(--blue-1);
    color: var(--blue-1);
}
.breadcrumbs-back[data-v-51313459]:active {
    border-color: var(--purple-4);
    color: var(--neutral-2);
}
.breadcrumbs[data-v-51313459] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-family: Montserrat;
    font-weight: 500;
    line-height: 120%;
    gap: 10px;
}
.breadcrumbs-link[data-v-51313459] {
    color: var(--neutral-8);
    transition: color 0.2s;
}
.breadcrumbs-link[data-v-51313459]:hover {
    color: var(--blue-1);
}
.breadcrumbs-text[data-v-51313459] {
    color: var(--neutral-8);
}
.breadcrumbs-separator[data-v-51313459] {
    margin: 0 2px;
    color: var(--neutral-8);
}


.modal-overlay[data-v-8bff6a1a] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    backdrop-filter: blur(1px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    padding: 20px;
    overflow-y: auto;
}
.modal-wrapper[data-v-8bff6a1a] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    padding: 20px 0;
}
.modal-container[data-v-8bff6a1a] {
    background: #fff;
    border-radius: 32px;
    position: relative;
    width: 100%;
}
.modal-container.modal-sm[data-v-8bff6a1a] {
    max-width: 420px;
}
.modal-container.modal-md[data-v-8bff6a1a] {
    max-width: 660px;
}
.modal-container.modal-lg[data-v-8bff6a1a] {
    max-width: 700px;
}
.modal-container.modal-xl[data-v-8bff6a1a] {
    max-width: 1216px;
}
.modal-close[data-v-8bff6a1a] {
    position: absolute;
    top: 32px;
    right: 32px;
    z-index: 1;
    width: 36px;
    height: 36px;
}
.modal-header[data-v-8bff6a1a] {
    padding: 32px 32px 24px;
}
.modal-body[data-v-8bff6a1a] {
    padding: 0 32px 32px;
}
.modal-footer[data-v-8bff6a1a] {
    padding: 24px 32px 32px;
    border-top: 1px solid #e5e7eb;
}

/* Анимации */
.modal-enter-active[data-v-8bff6a1a],
.modal-leave-active[data-v-8bff6a1a] {
    transition: opacity 0.25s ease;
}
.modal-enter-active .modal-container[data-v-8bff6a1a],
.modal-leave-active .modal-container[data-v-8bff6a1a] {
    transition: transform 0.25s ease, opacity 0.25s ease;
}
.modal-enter-from[data-v-8bff6a1a],
.modal-leave-to[data-v-8bff6a1a] {
    opacity: 0;
}
.modal-enter-from .modal-container[data-v-8bff6a1a],
.modal-leave-to .modal-container[data-v-8bff6a1a] {
    transform: scale(0.95) translateY(-10px);
    opacity: 0;
}
@media (max-width: 767px) {
.modal-overlay[data-v-8bff6a1a] {
        padding: 0;
}
.modal-close[data-v-8bff6a1a] {
        top: 16px;
        right: 16px;
}
.modal-wrapper[data-v-8bff6a1a] {
        align-items: flex-end;
        padding: 0;
}
.modal-container[data-v-8bff6a1a] {
        border-radius: 24px;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
}
.modal-header[data-v-8bff6a1a] {
        padding: 16px;
}
.modal-body[data-v-8bff6a1a] {
        padding: 0 16px 32px 16px;
}
}


.auth-form[data-v-a449ebfc] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.form-field[data-v-a449ebfc] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.error-message[data-v-a449ebfc] {
    font-size: 12px;
    color: var(--system-main-6);
    padding-left: 4px;
}
.choice-buttons[data-v-a449ebfc] {
    display: flex;
    align-items: center;
    gap: 24px;
}
.choice-btn[data-v-a449ebfc] {
    width: 100%;
    height: 48px;
}
.login-checkbox[data-v-a449ebfc] {
    margin-bottom: 12px;
}
@media (max-width: 767px) {
.login-buttons[data-v-a449ebfc] {
        flex-direction: column;
        gap: 12px;
}
}


.auth-form[data-v-22744358] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.form-field[data-v-22744358] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.error-message[data-v-22744358] {
    font-size: 12px;
    color: var(--system-main-6);
    padding-left: 4px;
}
.choice-buttons[data-v-22744358] {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-top: 12px;
}
.choice-btn[data-v-22744358] {
    width: 100%;
    height: 48px;
}
.login-checkbox[data-v-22744358] {
    margin-bottom: 0;
}
.agreement-link[data-v-22744358] {
    color: var(--blue-1);
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-offset: 0%;
    text-decoration-thickness: 0%;
    -webkit-text-decoration-skip: ink;
            text-decoration-skip-ink: auto;
}


.auth-form[data-v-6cbddbae] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.form-field[data-v-6cbddbae] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.error-message[data-v-6cbddbae] {
    font-size: 12px;
    color: var(--system-main-6);
    padding-left: 4px;
}
.choice-buttons[data-v-6cbddbae] {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-top: 12px;
}
.choice-btn[data-v-6cbddbae] {
    width: 100%;
    height: 48px;
}


.auth-form[data-v-798a3816] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.form-field[data-v-798a3816] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.error-message[data-v-798a3816] {
    font-size: 12px;
    color: var(--system-main-6);
    padding-left: 4px;
}
.choice-buttons[data-v-798a3816] {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-top: 12px;
}
.choice-btn[data-v-798a3816] {
    width: 100%;
    height: 48px;
}


.email-known-cards[data-v-5c781d80] {
    display: flex;
    gap: 12px;
}
.email-known-card[data-v-5c781d80] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 8px;
    border: 1px solid var(--purple-4);
    border-radius: 16px;
    text-align: center;
}
.card-bottom[data-v-5c781d80] {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 10px;
}
.card-icon[data-v-5c781d80] {
    flex-shrink: 0;
}
.card-text[data-v-5c781d80] {
    flex: 1;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 140%;
    color: var(--neutral-1);
}
.card-btn[data-v-5c781d80] {
    width: 100%;
    height: 44px;
}
@media (max-width: 767px) {
.email-known-cards[data-v-5c781d80] {
        flex-direction: column;
}
.email-known-card[data-v-5c781d80] {
        flex-direction: row;
        text-align: left;
        padding: 16px;
}
.card-icon svg[data-v-5c781d80] {
        width: 48px;
        height: 48px;
}
.card-btn[data-v-5c781d80] {
        width: auto;
        white-space: nowrap;
        padding: 8px 20px;
        height: auto;
}
}


.auth-header[data-v-0213875c] {
    text-align: center;
    position: relative;
}
.back-button[data-v-0213875c] {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    gap: 4px;
    background: none;
    border: none;
    color: #6b7280;
    font-size: 14px;
    cursor: pointer;
    padding: 4px;
    border-radius: 6px;
    transition: all 0.2s;
}
.back-button[data-v-0213875c]:hover {
    background: #f3f4f6;
    color: #111827;
}
.auth-title[data-v-0213875c] {
    text-align: left;
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    color: var(--neutral-1);
}
.auth-subtitle[data-v-0213875c] {
    font-size: 14px;
    color: #6b7280;
    margin: 0;
}
.choice-descr[data-v-0213875c] {
    margin-bottom: 24px;
    line-height: 140%;
    color: var(--neutral-2);
}
.choice-buttons[data-v-0213875c] {
    display: flex;
    align-items: center;
    gap: 24px;
}
.choice-btn[data-v-0213875c] {
    width: 100%;
    height: 48px;
}
.choice-social[data-v-0213875c] {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-top: 24px;
}
.choice-social-descr[data-v-0213875c] {
    line-height: 140%;
    color: var(--neutral-6);
}
.choice-social-buttons[data-v-0213875c] {
    display: flex;
    align-items: center;
    gap: 12px;
}
.choice-title[data-v-0213875c] {
    font-size: 16px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 4px;
}
.choice-subtitle[data-v-0213875c] {
    font-size: 14px;
    color: #6b7280;
}
.auth-form[data-v-0213875c] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.form-group[data-v-0213875c] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.form-options[data-v-0213875c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: -8px;
}
.login-checkbox[data-v-0213875c] {
    margin-bottom: 12px;
}
.agreement-link[data-v-0213875c] {
    color: var(--blue-1);
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-offset: 0%;
    text-decoration-thickness: 0%;
    -webkit-text-decoration-skip: ink;
            text-decoration-skip-ink: auto;
}
@media (max-width: 767px) {
.auth-title[data-v-0213875c] {
        font-size: 18px;
        padding-right: 50px;
}
.choice-social[data-v-0213875c] {
        flex-direction: column;
        justify-content: center;
        gap: 12px;
}
.login-buttons[data-v-0213875c] {
        flex-direction: column;
        gap: 12px;
}
}


.mobile-page-header[data-v-e68ba3ba] {
    display: block;
    position: sticky;
    top: 0;
    width: 100%;
    padding: 8px;
    padding-top: calc(env(safe-area-inset-top) + 8px);
    background-color: #FFFFFF;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px;
    box-shadow: 0px 5px 20px 0px #5755FE1A;
    z-index: 10;
}
.mobile-page-header-cont[data-v-e68ba3ba] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.button-back[data-v-e68ba3ba] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1.5px solid var(--purple-4);
    background-color: #FFFFFF;
    border-radius: 12px;
    cursor: pointer;
    flex-shrink: 0;
}
.header-title[data-v-e68ba3ba] {
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    color: var(--neutral-2);
    text-align: center;
    flex: 1;
}
.header-right[data-v-e68ba3ba] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 40px;
    justify-content: flex-end;
    flex-shrink: 0;
}
@media (min-width: 1023px) {
.mobile-page-header[data-v-e68ba3ba] {
        display: none;
}
}


.mobile-select-screen[data-v-450c1a8c] {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
}
.select-fade-enter-active[data-v-450c1a8c],
.select-fade-leave-active[data-v-450c1a8c] {
    transition: opacity 0.25s ease;
}
.select-fade-enter-from[data-v-450c1a8c],
.select-fade-leave-to[data-v-450c1a8c] {
    opacity: 0;
}

/* Search */
.select-search[data-v-450c1a8c] {
    padding: 16px;
    border-bottom: 1px solid #F2F2FF;
}

/* Scroll area */
.select-scroll[data-v-450c1a8c] {
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

/* List */
.select-list[data-v-450c1a8c] {
    padding: 6px 16px;
}
.select-item[data-v-450c1a8c] {
    display: flex;
    align-items: center;
    gap: 16px;
    width: 100%;
    padding: 12px 16px;
    border: none;
    background: none;
    cursor: pointer;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    color: #000000;
}
.select-item[data-v-450c1a8c]:not(:last-child) {
    border-bottom: 1px solid #F2F2FF;
}
.select-item-icon[data-v-450c1a8c] {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    object-fit: cover;
    flex-shrink: 0;
}
.select-item-label[data-v-450c1a8c] {
    flex: 1;
}
.select-item-check[data-v-450c1a8c] {
    color: var(--blue-1);
    flex-shrink: 0;
}

/* Loading */
.select-loading[data-v-450c1a8c] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
}
.spinner[data-v-450c1a8c] {
    width: 32px;
    height: 32px;
    border: 3px solid var(--blue-1);
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin-450c1a8c 0.6s linear infinite;
}
@keyframes spin-450c1a8c {
to { transform: rotate(360deg);
}
}

/* Empty state */
.select-empty[data-v-450c1a8c] {
    padding: 20px;
    text-align: center;
    color: #908FAA;
    font-size: 14px;
}
@media (min-width: 1023px) {
.mobile-select-screen[data-v-450c1a8c] {
        display: none;
}
}


.modal-title[data-v-663a2308] {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    color: var(--neutral-1);
    margin: 0;
}
.lang-list[data-v-663a2308] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}
.lang-item[data-v-663a2308] {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s ease;
    width: 100%;
    text-align: left;
}
.lang-item[data-v-663a2308]:hover {
    background-color: var(--purple-4);
}
.lang-item--active[data-v-663a2308] {
    background-color: var(--purple-4);
}
.lang-flag[data-v-663a2308] {
    width: 24px;
    height: 24px;
}
.lang-name[data-v-663a2308] {
    flex: 1;
    line-height: 140%;
    color: #000000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.brand-title[data-v-1cca3ce6] {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    color: var(--neutral-1);
    margin: 0;
}
.brands-container[data-v-1cca3ce6] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-bottom: 24px;
    max-height: 588px;
    overflow-y: auto;
}
.brands-grid[data-v-1cca3ce6] {
    -moz-columns: 6;
         columns: 6;
    -moz-column-gap: 40px;
         column-gap: 40px;
}
.brands-grid .brand-item[data-v-1cca3ce6] {
    -moz-column-break-inside: avoid;
         break-inside: avoid;
}
.loading-container[data-v-1cca3ce6] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 588px;
}
.spinner[data-v-1cca3ce6] {
    width: 32px;
    height: 32px;
    border: 3px solid var(--blue-1);
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin-1cca3ce6 0.6s linear infinite;
}
@keyframes spin-1cca3ce6 {
to { transform: rotate(360deg);
}
}


.contacts-title[data-v-0705b90d] {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    color: var(--neutral-1);
    margin: 0;
}
.contacts-list[data-v-0705b90d] {
    display: flex;
    flex-direction: column;
}
.contact-item[data-v-0705b90d] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    padding: 16px 4px;
}
.contact-item[data-v-0705b90d]:not(:first-child) {
    padding-top: 22px;
}
.contact-item[data-v-0705b90d]:not(:last-child) {
    padding-bottom: 22px;
    border-bottom: 1px solid var(--neutral-11);
}


.sheet-overlay[data-v-02d0b2ee] {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: flex-end;
}
.sheet-panel[data-v-02d0b2ee] {
    width: 100%;
    background: #FFFFFF;
    border-radius: 24px 24px 0 0;
    padding: 24px 16px;
    padding-bottom: calc(env(safe-area-inset-bottom) + 16px);
    max-height: 80vh;
    display: flex;
    flex-direction: column;
}
.sheet-header[data-v-02d0b2ee] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}
.sheet-title[data-v-02d0b2ee] {
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    color: var(--neutral-1, #000000);
}
.sheet-body[data-v-02d0b2ee] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    overflow-y: auto;
    flex: 1;
}
.sheet-footer[data-v-02d0b2ee] {
    display: flex;
    gap: 8px;
    margin-top: 16px;
    align-items: center;
}

/* Transitions */
.sheet-enter-active[data-v-02d0b2ee] {
    transition: opacity 0.25s ease;
}
.sheet-leave-active[data-v-02d0b2ee] {
    transition: opacity 0.2s ease;
}
.sheet-enter-from[data-v-02d0b2ee],
.sheet-leave-to[data-v-02d0b2ee] {
    opacity: 0;
}
.sheet-enter-active .sheet-panel[data-v-02d0b2ee] {
    animation: sheet-slide-up-02d0b2ee 0.3s ease;
}
.sheet-leave-active .sheet-panel[data-v-02d0b2ee] {
    animation: sheet-slide-down-02d0b2ee 0.2s ease;
}
@keyframes sheet-slide-up-02d0b2ee {
from { transform: translateY(100%);
}
to { transform: translateY(0);
}
}
@keyframes sheet-slide-down-02d0b2ee {
from { transform: translateY(0);
}
to { transform: translateY(100%);
}
}
@media (min-width: 1023px) {
.sheet-overlay[data-v-02d0b2ee] {
        display: none;
}
}


.modal-title[data-v-74488d05] {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    color: var(--neutral-1);
    margin: 0;
}
.announcement-content[data-v-74488d05] {
    display: flex;
    height: 285px;
}
.sections-list[data-v-74488d05],
.subsections-list[data-v-74488d05] {
    flex: .5;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.sections-list[data-v-74488d05]:first-child {
    margin-right: 24px;
}
.section-item[data-v-74488d05] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 12px 16px;
    border: 1px solid transparent;
    border-radius: 12px;
    cursor: pointer;
    transition: all 0.2s;
    text-align: left;
    background: transparent;
}
.section-item[data-v-74488d05]:hover {
    border-color: var(--blue-1);
    background-color: var(--purple-4);
}
.section-item.active[data-v-74488d05] {
    background-color: var(--purple-4);
}
.section-info[data-v-74488d05] {
    display: flex;
    align-items: center;
    gap: 12px;
    flex: 1;
}
.section-icon[data-v-74488d05] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    color: var(--neutral-7);
    flex-shrink: 0;
}
.section-item:hover .section-icon[data-v-74488d05],
.section-item.active .section-icon[data-v-74488d05] {
    color: var(--blue-1);
}
.section-icon[data-v-74488d05] svg {
    width: 100%;
    height: 100%;
}
.section-name[data-v-74488d05] {
    line-height: 140%;
    color: #000000;
    transition: color 0.2s;
}
.section-item:hover .section-name[data-v-74488d05],
.section-item.active .section-name[data-v-74488d05] {
    color: var(--blue-1);
}
.arrow-icon[data-v-74488d05] {
    color: var(--neutral-9);
    flex-shrink: 0;
}
.section-item:hover .arrow-icon[data-v-74488d05],
.section-item.active .arrow-icon[data-v-74488d05] {
    color: var(--blue-1);
}

/* Mobile bottom sheets */
.mobile-sections-list[data-v-74488d05] {
    display: flex;
    flex-direction: column;
}
.mobile-section-item[data-v-74488d05] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 14px 16px;
    border: none;
    background: none;
    cursor: pointer;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    color: #000000;
}
.mobile-section-item[data-v-74488d05]:not(:last-child) {
    border-bottom: 1px solid #F2F2FF;
}
.mobile-section-item .section-icon[data-v-74488d05] {
    color: var(--neutral-7);
}
.mobile-section-item svg[data-v-74488d05]:last-child {
    margin-left: auto;
    color: var(--neutral-7);
    flex-shrink: 0;
}
.mobile-section-name[data-v-74488d05] {
    flex: 1;
}


.modal-title[data-v-4f4a9e13] {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    color: var(--neutral-1);
    margin: 0;
}
.search-container[data-v-4f4a9e13] {
    position: relative;
    margin-bottom: 16px;
}
.dropdown[data-v-4f4a9e13] {
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;
    right: 0;
    max-height: 270px;
    overflow-y: auto;
    background: #FFFFFF;
    border-radius: 16px;
    padding: 12px 12px 16px 12px;
    box-shadow: 0px 5px 20px 0px #5755FE1A;
}
.dropdown-item[data-v-4f4a9e13] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 48px;
    border-radius: 12px;
    padding: 12px 16px;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s;
    color: #000000;
}
.dropdown-item[data-v-4f4a9e13]:hover {
    background: var(--blue-1);
    color: #FFFFFF;
}
.dropdown-item.is-selected[data-v-4f4a9e13] {
    color: var(--blue-1);
}
.dropdown-item.is-selected[data-v-4f4a9e13]:hover {
    color: #FFFFFF;
}
.dropdown-text[data-v-4f4a9e13] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 32px;
    padding: 12px 16px;
    color: #424242;
}
.dropdown-item-left[data-v-4f4a9e13] {
    display: flex;
    align-items: center;
    gap: 10px;
}
.flag-icon[data-v-4f4a9e13] {
    width: 24px;
    height: 16px;
    object-fit: cover;
    border-radius: 2px;
    flex-shrink: 0;
}
.check-icon[data-v-4f4a9e13] {
    flex-shrink: 0;
}
.spinner[data-v-4f4a9e13] {
    width: 32px;
    height: 32px;
    border: 3px solid var(--blue-1);
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin-4f4a9e13 0.6s linear infinite;
}
@keyframes spin-4f4a9e13 {
to { transform: rotate(360deg);
}
}


.contact-us-title[data-v-0de4dd82] {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    color: var(--neutral-1);
    margin: 0;
}
.contact-us-body[data-v-0de4dd82] {
    display: flex;
    flex-direction: column;
}
.contact-columns[data-v-0de4dd82] {
    display: flex;
    gap: 40px;
}
.contact-column[data-v-0de4dd82] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.contact-column-title[data-v-0de4dd82] {
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    color: var(--neutral-1);
    margin: 0 0 8px 0;
}
.contact-link[data-v-0de4dd82] {
    font-size: 14px;
    line-height: 140%;
    color: #000;
    text-decoration: none;
}
.contact-link[data-v-0de4dd82]:hover {
    text-decoration: underline;
}
.contact-support-text[data-v-0de4dd82] {
    color: var(--neutral-1);
    line-height: 140%;
    margin: 24px 0;
}
.contact-form[data-v-0de4dd82] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.contact-field[data-v-0de4dd82] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.contact-field-error[data-v-0de4dd82] {
    font-size: 12px;
    line-height: 140%;
    color: var(--system-red, #E5484D);
    padding: 0 4px;
}
.contact-form-error[data-v-0de4dd82] {
    font-size: 13px;
    line-height: 140%;
    color: var(--system-red, #E5484D);
    padding: 4px 8px;
    background-color: rgba(229, 72, 77, 0.08);
    border-radius: 8px;
}
.contact-form-action[data-v-0de4dd82] {
    display: flex;
    justify-content: flex-start;
}
.contact-form-action[data-v-0de4dd82] .custom-button {
    height: 48px;
    width: 100%;
    max-width: 300px;
}


.modal-overlay[data-v-5dbb1f84] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    backdrop-filter: blur(1px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    padding: 20px;
    overflow-y: auto;
}
.modal-wrapper[data-v-5dbb1f84] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    padding: 20px 0;
}
.modal-container[data-v-5dbb1f84] {
    background: #fff;
    border-radius: 32px;
    position: relative;
    width: 100%;
}
.modal-container.modal-sm[data-v-5dbb1f84] {
    max-width: 420px;
}
.modal-container.modal-md[data-v-5dbb1f84] {
    max-width: 660px;
}
.modal-container.modal-lg[data-v-5dbb1f84] {
    max-width: 700px;
}
.modal-container.modal-xl[data-v-5dbb1f84] {
    max-width: 1216px;
}
.modal-close[data-v-5dbb1f84] {
    position: absolute;
    top: 32px;
    right: 32px;
    z-index: 1;
    width: 36px;
    height: 36px;
}
.modal-header[data-v-5dbb1f84] {
    padding: 32px 32px 24px;
}
.modal-body[data-v-5dbb1f84] {
    padding: 0 32px 32px;
}
.modal-footer[data-v-5dbb1f84] {
    padding: 24px 32px 32px;
    border-top: 1px solid #e5e7eb;
}

/* Анимации */
.modal-enter-active[data-v-5dbb1f84],
.modal-leave-active[data-v-5dbb1f84] {
    transition: opacity 0.25s ease;
}
.modal-enter-active .modal-container[data-v-5dbb1f84],
.modal-leave-active .modal-container[data-v-5dbb1f84] {
    transition: transform 0.25s ease, opacity 0.25s ease;
}
.modal-enter-from[data-v-5dbb1f84],
.modal-leave-to[data-v-5dbb1f84] {
    opacity: 0;
}
.modal-enter-from .modal-container[data-v-5dbb1f84],
.modal-leave-to .modal-container[data-v-5dbb1f84] {
    transform: scale(0.95) translateY(-10px);
    opacity: 0;
}
@media (max-width: 767px) {
.modal-close[data-v-5dbb1f84] {
        top: 16px;
        right: 16px;
}
.modal-wrapper[data-v-5dbb1f84] {
        padding: 0;
}
.modal-container[data-v-5dbb1f84] {
        border-radius: 24px;
}
.modal-header[data-v-5dbb1f84] {
        padding: 16px;
}
.modal-body[data-v-5dbb1f84] {
        padding: 0 16px 32px 16px;
}
}


.modal-title[data-v-865f36d8] {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    color: var(--neutral-1);
    margin: 0;
}
.socials-list[data-v-865f36d8] {
    margin-top: 12px;
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: space-between;
}


.modal-title[data-v-d9a32a4e] {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    color: var(--neutral-1);
    margin-top: 24px;
}
.report-descr[data-v-d9a32a4e] {
	margin-bottom: 24px;
	line-height: 140%;
	color: var(--neutral-2);
}
.report-form[data-v-d9a32a4e] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}


.modal-title[data-v-92e323be] {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    color: var(--neutral-1);
    margin-top: 24px;
}
.draft-actions[data-v-92e323be] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}


.cookie-header[data-v-71519a2b] {
	padding-right: 50px;
}
.cookie-title[data-v-71519a2b] {
	font-weight: 600;
	font-size: 24px;
	line-height: 120%;
	color: #000000;
	margin: 0;
}
.cookie-content[data-v-71519a2b] {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.cookie-description[data-v-71519a2b] {
	line-height: 140%;
	color: #000000;
}
.cookie-policy[data-v-71519a2b] {
	text-decoration: underline;
	text-decoration-style: solid;
	text-decoration-offset: 0%;
	text-decoration-thickness: 0%;
	-webkit-text-decoration-skip: ink;
	        text-decoration-skip-ink: auto;
	color: var(--blue-1);
}
.cookie-btn[data-v-71519a2b] {
	max-width: 50%;
}
@media (max-width: 767px) {
.cookie-title[data-v-71519a2b] {
		font-size: 18px;
}
.cookie-btn[data-v-71519a2b] {
		max-width: 100%;
}
}


.success-header[data-v-d77c74b2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    text-align: center;
}
.success-icon[data-v-d77c74b2] {
    display: flex;
    align-items: center;
    justify-content: center;
}
.success-title[data-v-d77c74b2] {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    color: #000000;
    margin: 0;
}
.success-content[data-v-d77c74b2] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    text-align: center;
}
.success-message[data-v-d77c74b2] {
    line-height: 140%;
    color: var(--neutral-2);
    margin: 0;
}
.success-btn[data-v-d77c74b2] {
    width: 100%;
    height: 48px;
}
@media (max-width: 767px) {
.success-title[data-v-d77c74b2] {
        font-size: 18px;
}
}


.forgot-password-title[data-v-b001904e] {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    color: #000000;
    margin: 0;
}
.forgot-password-content[data-v-b001904e] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.forgot-password-message[data-v-b001904e] {
    line-height: 140%;
    color: var(--neutral-2);
    margin: 0;
}
.forgot-password-btn[data-v-b001904e] {
    width: 100%;
    height: 48px;
}
@media (max-width: 767px) {
.forgot-password-title[data-v-b001904e] {
        font-size: 18px;
}
}


.password-reset-title[data-v-6906f8aa] {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    color: #000000;
    margin: 0;
}
.password-reset-content[data-v-6906f8aa] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.password-reset-message[data-v-6906f8aa] {
    line-height: 140%;
    color: var(--neutral-2);
    margin: 0;
}
.password-reset-btn[data-v-6906f8aa] {
    width: 100%;
    height: 48px;
}
@media (max-width: 767px) {
.password-reset-title[data-v-6906f8aa] {
        font-size: 18px;
}
}


.submitted-title[data-v-eeb52162] {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    color: #000000;
    margin: 0;
}
.submitted-content[data-v-eeb52162] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    text-align: center;
}
.submitted-message[data-v-eeb52162] {
    line-height: 140%;
    color: var(--neutral-2);
    margin: 0;
}
.submitted-btn[data-v-eeb52162] {
    width: 100%;
    height: 48px;
}
@media (max-width: 767px) {
.submitted-title[data-v-eeb52162] {
        font-size: 18px;
}
}


.mobile-profile-screen[data-v-0f47671f] {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
}
.profile-fade-enter-active[data-v-0f47671f],
.profile-fade-leave-active[data-v-0f47671f] {
    transition: opacity 0.25s ease;
}
.profile-fade-enter-from[data-v-0f47671f],
.profile-fade-leave-to[data-v-0f47671f] {
    opacity: 0;
}
.profile-scroll[data-v-0f47671f] {
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* User info */
.profile-info[data-v-0f47671f] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 20px 16px;
    border: 1.5px solid var(--purple-4);
    border-radius: 16px;
}
.profile-avatar[data-v-0f47671f] {
    width: 64px;
    height: 64px;
    border: 2px solid var(--purple-4);
    border-radius: 16px;
    background-color: var(--neutral-11);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--neutral-7);
}
.profile-details[data-v-0f47671f] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}
.profile-name[data-v-0f47671f] {
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
    color: #000000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.profile-email[data-v-0f47671f] {
    font-size: 14px;
    line-height: 140%;
    color: var(--neutral-7);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Menu */
.profile-menu[data-v-0f47671f] {
    display: flex;
    flex-direction: column;
    border: 1.5px solid var(--purple-4);
    border-radius: 16px;
    padding: 8px;
}
.profile-menu-item[data-v-0f47671f] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 12px;
    border: none;
    background: none;
    cursor: pointer;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    color: #000000;
    border-radius: 12px;
    transition: background-color 0.2s;
}
.profile-menu-item[data-v-0f47671f]:active {
    background-color: var(--purple-4);
}
.profile-menu-item svg[data-v-0f47671f] {
    color: var(--neutral-7);
    flex-shrink: 0;
}
.profile-menu-item--logout[data-v-0f47671f] {
    color: var(--neutral-7);
}
.profile-menu-item--loading[data-v-0f47671f] {
    justify-content: center;
    pointer-events: none;
}
.logout-spinner[data-v-0f47671f] {
    width: 20px;
    height: 20px;
    border: 2px solid var(--neutral-10);
    border-top-color: var(--neutral-3);
    border-radius: 50%;
    animation: spin-0f47671f 0.6s linear infinite;
}
@keyframes spin-0f47671f {
to {
        transform: rotate(360deg);
}
}
.profile-separator[data-v-0f47671f] {
    height: 1px;
    background-color: var(--purple-4);
    margin: 4px 12px;
}
@media (min-width: 1023px) {
.mobile-profile-screen[data-v-0f47671f] {
        display: none;
}
}


/* ===== Bottom bar ===== */
.mobile-menu[data-v-0cea8d14] {
    position: fixed;
    z-index: 12;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 16px;
    padding-bottom: calc(env(safe-area-inset-bottom) + 16px);
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top: 1px solid var(--neutral-11);
}
.buttons[data-v-0cea8d14] {
    display: flex;
    align-items: center;
    gap: 24px;
}
.button[data-v-0cea8d14] {
    width: 48px;
    height: 48px;
    padding: 0;
    border-radius: 12px;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.button svg[data-v-0cea8d14] {
    width: 20px;
    height: 20px;
}
.button-light[data-v-0cea8d14] {
    background-color: var(--neutral-11);
    color: var(--blue-1);
}
.button-dark[data-v-0cea8d14] {
    background-color: var(--neutral-3);
    color: #FFFFFF;
}
.button-light.active[data-v-0cea8d14] {
    background-color: var(--purple-3);
    color: var(--neutral-2);
}

/* ===== Full-screen menu ===== */
.menu-fullscreen[data-v-0cea8d14] {
    position: fixed;
    z-index: 11;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
    background-color: #f6f8fd;
}
.menu-fade-enter-active[data-v-0cea8d14],
.menu-fade-leave-active[data-v-0cea8d14] {
    transition: opacity 0.25s ease;
}
.menu-fade-enter-from[data-v-0cea8d14],
.menu-fade-leave-to[data-v-0cea8d14] {
    opacity: 0;
}

/* Logo in header */
.menu-logo[data-v-0cea8d14] {
    display: flex;
    align-items: center;
    gap: 8px;
}
.menu-logo-text[data-v-0cea8d14] {
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0.08em;
    color: var(--neutral-1);
}

/* Scrollable area */
.menu-scroll[data-v-0cea8d14] {
    padding-top: 16px;
    flex: 1;
    overflow-y: auto;
    padding-bottom: calc(env(safe-area-inset-bottom) + 100px);
    -webkit-overflow-scrolling: touch;
}

/* Navigation items */
.menu-nav[data-v-0cea8d14] {
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    background-color: #FFFFFF;
    margin-bottom: 8px;
}
.menu-nav-item[data-v-0cea8d14] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 17px 16px;
    border: none;
    border-bottom: 1px solid var(--neutral-11);
    background: none;
    cursor: pointer;
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    text-decoration: none;
    text-align: left;
    width: 100%;
}
.menu-nav-item svg[data-v-0cea8d14] {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

/* Language & Region section */
.menu-section[data-v-0cea8d14] {
    display: flex;
    flex-direction: column;
    padding-top: 8px;
}
.menu-nav-item--value[data-v-0cea8d14] {
    justify-content: flex-start;
    padding-right: 48px;
}
.menu-nav-item--value span[data-v-0cea8d14]:first-of-type {
    flex: 1;
}
.menu-value[data-v-0cea8d14] {
    color: var(--blue-1);
    font-weight: 400;
    line-height: 140%;
    flex-shrink: 0;
}

/* App banner */
.menu-app-banner-cont[data-v-0cea8d14] {
    padding: 0 16px;
    margin-bottom: 8px;
}
.menu-app-banner[data-v-0cea8d14] {
    background-color: var(--blue-1);
    border-radius: 20px;
    padding: 20px;
    overflow: hidden;
}
.menu-app-banner-text[data-v-0cea8d14] {
    font-weight: 700;
    font-size: 16px;
    line-height: 140%;
    color: #FFFFFF;
    margin-bottom: 16px;
}
.menu-app-banner-body[data-v-0cea8d14] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.menu-app-links[data-v-0cea8d14] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.menu-app-link[data-v-0cea8d14] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background-color: #FFFFFF;
    border-radius: 12px;
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    color: var(--neutral-1);
    text-decoration: none;
    white-space: nowrap;
}
.menu-app-img[data-v-0cea8d14] {
    width: 130px;
    height: auto;
    margin-bottom: -20px;
    margin-right: -10px;
}

/* Social section */
.menu-social-section[data-v-0cea8d14] {
    padding: 16px;
}
.menu-social-title[data-v-0cea8d14] {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 16px;
}
.menu-socials[data-v-0cea8d14] {
    display: flex;
    align-items: center;
    gap: 16px;
}

/* Copyright */
.menu-copyright[data-v-0cea8d14] {
    padding: 0 16px;
    color: #908FAA;
    font-size: 12px;
    font-weight: 500;
    line-height: 120%;
}
@media (min-width: 1023px) {
.mobile-menu[data-v-0cea8d14],
    .menu-fullscreen[data-v-0cea8d14] {
        display: none;
}
}


.user-menu-wrapper[data-v-2b978e58] {
    position: relative;
}
.dropdown-menu[data-v-2b978e58]::before {
    content: '';
    position: absolute;
    bottom: 100%;
    left: 0;
    right: 0;
    height: 10px;
}
.dropdown-menu[data-v-2b978e58] {
    position: absolute;
    width: 280px;
    border: 1px solid #EEF1F9;
    border-radius: 16px;
    background-color: #FFFFFF;
    top: 48px;
    left: -75px;
    box-shadow: 0px 5px 20px 0px #5755FE1A;
    z-index: 10;
    transform-origin: top center;
}
.menu-scale-enter-active[data-v-2b978e58],
.menu-scale-leave-active[data-v-2b978e58] {
    transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}
.menu-scale-enter-from[data-v-2b978e58] {
    opacity: 0;
    transform: translateY(-10px);
}
.menu-scale-enter-to[data-v-2b978e58] {
    opacity: 1;
    transform: translateY(0);
}
.menu-scale-leave-from[data-v-2b978e58] {
    opacity: 1;
    transform: translateY(0);
}
.menu-scale-leave-to[data-v-2b978e58] {
    opacity: 0;
    transform: translateY(-10px);
}
.menu-profile[data-v-2b978e58] {
    padding: 24px;
    border-bottom: 1px solid var(--purple-4);
    display: flex;
    align-items: center;
    gap: 16px;
}
.profile-img[data-v-2b978e58] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border: 2px solid var(--purple-4);
    border-radius: 16px;
    background-color: var(--neutral-11);
}
.profile-name[data-v-2b978e58] {
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    color: #000000;
    margin-bottom: 4px;
}
.profile-subname[data-v-2b978e58] {
    font-size: 12px;
    line-height: 140%;
    color: #000000;
}
.buttons[data-v-2b978e58] {
    padding: 8px;
}
.buttons[data-v-2b978e58]:not(:last-child) {
    border-bottom: 1px solid var(--purple-4);
}
.menu-button[data-v-2b978e58] {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 19px;
    padding: 12px 16px;
    border-radius: 12px;
    color: var(--neutral-8);
    transition: all .3s ease;
}
.menu-button-title[data-v-2b978e58] {
    line-height: 140%;
    color: #000000;
    transition: all .3s ease
}
.menu-button[data-v-2b978e58]:hover {
    border-color: var(--blue-1);
    background-color: var(--purple-4);
    color: var(--blue-1);
}
.menu-button:hover .menu-button-title[data-v-2b978e58] {
    color: var(--blue-1);
}
.menu-button-loading[data-v-2b978e58] {
    justify-content: center;
    pointer-events: none;
}
.logout-spinner[data-v-2b978e58] {
    width: 20px;
    height: 20px;
    border: 2px solid var(--neutral-10);
    border-top-color: var(--neutral-3);
    border-radius: 50%;
    animation: spin-2b978e58 0.6s linear infinite;
}
@keyframes spin-2b978e58 {
to {
        transform: rotate(360deg);
}
}


.wrapper[data-v-1dba4a6a] {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
.content[data-v-1dba4a6a] {
    flex: 1;
}
@media (max-width: 1023px) {
.hide-mobile-footer[data-v-1dba4a6a] {
        display: none;
}
}


.explorer-brand-item[data-v-7c3d041e] {
    width: 48px;
    height: 48px;
}
.explorer-brand-item img[data-v-7c3d041e] {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.brands-full[data-v-7c3d041e] {
    grid-auto-flow: column;
}


.blog-card-container[data-v-4af2cc7e] {
    height: 100%;
    position: relative;
}
.blog-image[data-v-4af2cc7e] {
    display: flex;
    flex-direction: column;
    position: relative;
    border: 1px solid var(--purple-4);
    border-radius: 16px;
    overflow: hidden;
}
.blog-image img[data-v-4af2cc7e] {
    height: 100%;
    object-fit: cover;
    aspect-ratio: 16 / 9;
    background-size: cover;
    background-repeat: no-repeat;
}
.blog-body[data-v-4af2cc7e] {
    padding: 8px 4px 4px 4px;
    gap: 2px;
    display: flex;
    flex-direction: column;
}
.blog-price__price[data-v-4af2cc7e] {
    padding: 2px 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    color: var(--neutral-1);
    gap: var(--space-1);
}
.blog-price__curr[data-v-4af2cc7e] {
    color: var(--neutral-8);
}
.blog-name[data-v-4af2cc7e] {
    color: var(--neutral-1);
    font-size: 16px;
    font-weight: 500;
    line-height: 140%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.blog-info[data-v-4af2cc7e] {
    font-weight: 500;
    line-height: 140%;
    color: var(--neutral-8);
}
.blog-badge[data-v-4af2cc7e] {
    display: flex;
    position: absolute;
    padding: 8px;
    gap: var(--space-1);
    right: 0;
}
.badge[data-v-4af2cc7e] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    padding: 6px;
    background-color: #0E0C3433;
    backdrop-filter: blur(10px);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.long-badge[data-v-4af2cc7e] {
    width: 100%;
    max-width: 64px;
    gap: 6px;
    border-radius: 24px;
}
.badge-count[data-v-4af2cc7e] {
    font-weight: 600;
    line-height: 140%;
    color: #FFFFFF;
}


.demo-swiper[data-v-1f63746f] {
    padding: 0 32px;
    max-width: 1480px;
    margin: 0 auto;
}
@media (min-width: 375px) and (max-width: 767px) {
.demo-swiper[data-v-1f63746f] {
        padding: 0;
        padding-left: 16px;
}
.demo-swiper[data-v-1f63746f] .swiper-slide {
        width: 280px !important;
}
.demo-swiper[data-v-1f63746f] .blog-image {
        width: 280px;
        height: 210px;
}
.demo-swiper[data-v-1f63746f] .col {
        height: 290px;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
.demo-swiper[data-v-1f63746f] .swiper-slide {
        width: 290px !important;
}
.demo-swiper[data-v-1f63746f] .blog-image {
        width: 290px;
        height: 215px;
}
.demo-swiper[data-v-1f63746f] .col {
        height: 295px;
}
}
@media (min-width: 1024px) {
.demo-swiper[data-v-1f63746f] .swiper-wrapper {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(286px, 1fr));
        gap: 20px;
        transform: none !important;
}
.demo-swiper[data-v-1f63746f] .swiper-slide {
        width: 100% !important;
        margin: 0 !important;
}
.demo-swiper[data-v-1f63746f] .blog-image {
        width: 100%;
        height: 213px;
}
.demo-swiper[data-v-1f63746f] .col {
        height: 293px;
}
}

:root{--f-button-width: 40px;--f-button-height: 40px;--f-button-border: 0;--f-button-border-radius: 0;--f-button-color: #374151;--f-button-bg: #f8f8f8;--f-button-shadow: none;--f-button-transition: all .15s ease;--f-button-transform: none;--f-button-outline-width: 1px;--f-button-outline-color: rgba(0, 0, 0, .7);--f-button-svg-width: 20px;--f-button-svg-height: 20px;--f-button-svg-stroke-width: 1.5;--f-button-svg-fill: none;--f-button-svg-filter: none;--f-button-svg-opacity: 1;--f-button-svg-disabled-opacity: .5;--f-button-svg-transition: opacity .15s ease;--f-button-svg-transform: none}.f-button{width:var(--f-button-width);height:var(--f-button-height);border:var(--f-button-border);border-radius:var(--f-button-border-radius);color:var(--f-button-color);background:var(--f-button-bg);box-shadow:var(--f-button-shadow);transform:var(--f-button-transform);transition:var(--f-button-transition);backdrop-filter:var(--f-button-backdrop-filter);display:flex;justify-content:center;align-items:center;box-sizing:content-box;position:relative;margin:0;padding:0;pointer-events:all;cursor:pointer;overflow:hidden}@media(hover:hover){.f-button:hover:not([aria-disabled]){color:var(--f-button-hover-color, var(--f-button-color));background-color:var(--f-button-hover-bg, var(--f-button-bg))}}.f-button:active:not([aria-disabled]){color:var(--f-button-active-color, var(--f-button-hover-color, var(--f-button-color)));background-color:var(--f-button-active-bg, var(--f-button-hover-bg, var(--f-button-bg)))}.f-button:focus{outline:none}.f-button:focus-visible{outline:var(--f-button-outline-width) solid var(--f-button-outline-color);outline-offset:var(--f-button-outline-offset)}.f-button svg{width:var(--f-button-svg-width);height:var(--f-button-svg-height);transform:var(--f-button-svg-transform);fill:var(--f-button-svg-fill);filter:var(--f-button-svg-filter);opacity:var(--f-button-svg-opacity, 1);transition:var(--f-button-svg-transition);stroke:currentColor;stroke-width:var(--f-button-svg-stroke-width);stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.f-button[aria-disabled]{cursor:default}.f-button[aria-disabled] svg{opacity:var(--f-button-svg-disabled-opacity)}[data-panzoom-action=toggleFS] g:first-child{display:flex}[data-panzoom-action=toggleFS] g:last-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:first-child{display:none}.in-fullscreen [data-panzoom-action=toggleFS] g:last-child{display:flex}[data-autoplay-action=toggle] svg g:first-child{display:flex}[data-autoplay-action=toggle] svg g:last-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:first-child{display:none}.has-autoplay [data-autoplay-action=toggle] svg g:last-child{display:flex}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg [data-fullscreen-action=toggle] svg g:last-child{display:flex}:root{--f-spinner-color-1: rgba(0, 0, 0, .1);--f-spinner-color-2: rgba(17, 24, 28, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px}.f-spinner{position:absolute;top:50%;left:50%;margin:0;padding:0;width:var(--f-spinner-width);height:var(--f-spinner-height);translate:-50% -50%;border:var(--f-spinner-border-width) solid var(--f-spinner-color-1);border-top-color:var(--f-spinner-color-2);border-radius:var(--f-spinner-border-radius);animation:f-spinner .75s linear infinite,f-fadeIn .2s ease .2s both}@keyframes f-spinner{to{rotate:360deg}}.f-panzoom,.f-zoomable{position:relative;overflow:hidden;display:flex;align-items:center;flex-direction:column}.f-panzoom:before,.f-panzoom:after,.f-zoomable:before,.f-zoomable:after{display:block;content:""}.f-panzoom:not(.has-controls):before,.f-zoomable:not(.has-controls):before{margin-bottom:auto}.f-panzoom:after,.f-zoomable:after{margin-top:auto}.f-panzoom.in-fullscreen,.f-zoomable.in-fullscreen{position:fixed;top:0;left:0;margin:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;aspect-ratio:unset!important;z-index:9999}.f-panzoom__wrapper{position:relative;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__wrapper.will-zoom-out{cursor:zoom-out}.f-panzoom__wrapper.can-drag{cursor:move;cursor:grab}.f-panzoom__wrapper.will-zoom-in{cursor:zoom-in}.f-panzoom__wrapper.is-dragging{cursor:move;cursor:grabbing}.f-panzoom__wrapper.has-error{display:none}.f-panzoom__content{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%}.f-panzoom__content.is-lazyloading,.f-panzoom__content.has-lazyerror{visibility:hidden}img.f-panzoom__content{width:auto;height:auto;vertical-align:top;object-fit:contain;transition:none;-webkit-user-select:none;user-select:none}.f-panzoom__wrapper>.f-panzoom__content{visibility:hidden}.f-panzoom__viewport{display:block;position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.f-panzoom__viewport>.f-panzoom__content{width:100%;height:100%;object-fit:fill}picture.f-panzoom__content img{vertical-align:top;width:100%;height:auto;max-height:100%;object-fit:contain;transition:none;-webkit-user-select:none;user-select:none}.f-panzoom__protected{position:absolute;inset:0;z-index:1;-webkit-user-select:none;user-select:none}html.with-panzoom-in-fullscreen{overflow:hidden}.f-fadeIn{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeIn;z-index:2}.f-fadeOut{animation:var(--f-transition-duration, .2s) var(--f-transition-easing, ease) var(--f-transition-delay, 0s) both f-fadeOut;z-index:1}@keyframes f-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-fadeOut{to{opacity:0}}.f-crossfadeIn{animation:var(--f-transition-duration, .2s) ease both f-crossfadeIn;z-index:2}.f-crossfadeOut{animation:calc(var(--f-transition-duration, .2s) * .2) ease calc(var(--f-transition-duration, .2s) * .8) both f-crossfadeOut;z-index:1}@keyframes f-crossfadeIn{0%{opacity:0}to{opacity:1}}@keyframes f-crossfadeOut{to{opacity:0}}.is-horizontal .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextX}.is-horizontal .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevX}.is-horizontal .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextX}.is-horizontal .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevX}@keyframes f-slideInPrevX{0%{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextX{0%{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextX{to{transform:translate(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevX{to{transform:translate(calc(100% + var(--f-carousel-gap, 0)))}}.is-vertical .f-slideIn.from-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInNextY}.is-vertical .f-slideIn.from-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideInPrevY}.is-vertical .f-slideOut.to-next{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutNextY}.is-vertical .f-slideOut.to-prev{animation:var(--f-transition-duration, .85s) cubic-bezier(.16,1,.3,1) f-slideOutPrevY}@keyframes f-slideInPrevY{0%{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideInNextY{0%{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}to{transform:translateZ(0)}}@keyframes f-slideOutNextY{to{transform:translateY(calc(-100% - var(--f-carousel-gap, 0)))}}@keyframes f-slideOutPrevY{to{transform:translateY(calc(100% + var(--f-carousel-gap, 0)))}}.f-zoomInUp{animation:var(--f-transition-duration, .3s) ease both f-zoomInUp}.f-zoomOutDown{animation:var(--f-transition-duration, .3s) ease both f-zoomOutDown}@keyframes f-zoomInUp{0%{transform:scale(var(--f-zoomInUp-scale, .975)) translate3d(var(--f-zoomInUp-x, 0),var(--f-zoomInUp-y, 16px),0);opacity:var(--f-zoomInUp-opacity, 0)}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes f-zoomOutDown{to{transform:scale(var(--f-zoomOutDown-scale, .975)) translate3d(var(--f-zoomOutDown-x, 0),var(--f-zoomOutDown-y, 16px),0);opacity:0}}.f-throwOutUp{animation:var(--f-throwOutUp-duration, .2s) ease-out both f-throwOutUp}.f-throwOutDown{animation:var(--f-throwOutDown-duration, .2s) ease-out both f-throwOutDown}@keyframes f-throwOutUp{to{transform:translate3d(0,calc(var(--f-throwOutUp-y, 150px) * -1),0);opacity:0}}@keyframes f-throwOutDown{to{transform:translate3d(0,var(--f-throwOutDown-y, 150px),0);opacity:0}}.has-iframe .f-html,.has-pdf .f-html,.has-gmap .f-html{width:100%;height:100%;min-height:1px;overflow:visible}.has-pdf .f-html,.has-gmap .f-html{padding:0}.f-html{position:relative;box-sizing:border-box;margin:var(--f-html-margin, 0);padding:var(--f-html-padding, 2rem);color:var(--f-html-color, currentColor);background:var(--f-html-bg)}.is-loading>.f-html{opacity:0}.f-html.is-error{text-align:center}.f-iframe{display:block;margin:0;border:0;height:100%;width:100%}.f-caption{align-self:center;flex-shrink:0;margin:var(--f-caption-margin);padding:var(--f-caption-padding, 16px 8px);max-width:100%;max-height:calc(80vh - 100px);overflow:auto;overflow-wrap:anywhere;line-height:var(--f-caption-line-height);color:var(--f-caption-color);background:var(--f-caption-bg);font:var(--f-caption-font);text-wrap:balance}.has-html5video .f-html,.has-youtube .f-html,.has-vimeo .f-html{padding:0;width:100%;height:100%;min-height:1px;overflow:visible;max-width:var(--f-video-width, 960px);max-height:var(--f-video-height, 540px);aspect-ratio:var(--f-video-aspect-ratio);background:var(--f-video-bg, rgba(0, 0, 0, .9))}.f-html5video{border:0;display:block;height:100%;width:100%;background:transparent}.f-button.is-arrow{--f-button-width: var(--f-arrow-width, 46px);--f-button-height: var(--f-arrow-height, 46px);--f-button-svg-width: var(--f-arrow-svg-width, 24px);--f-button-svg-height: var(--f-arrow-svg-height, 24px);--f-button-svg-stroke-width: var(--f-arrow-svg-stroke-width, 1.75);--f-button-border-radius: var(--f-arrow-border-radius, unset);--f-button-bg: var(--f-arrow-bg, transparent);--f-button-hover-bg: var(--f-arrow-hover-bg, var(--f-arrow-bg));--f-button-active-bg: var(--f-arrow-active-bg, var(--f-arrow-hover-bg));--f-button-shadow: var(--f-arrow-shadow);--f-button-color: var(--f-arrow-color);--f-button-hover-color: var(--f-arrow-hover-color, var(--f-arrow-color));--f-button-active-color: var( --f-arrow-active-color, var(--f-arrow-hover-color) );overflow:visible}.f-button.is-arrow.is-prev,.f-button.is-arrow.is-next{position:absolute;transform:translate(0);z-index:20}.is-horizontal .f-button.is-arrow.is-prev,.is-horizontal .f-button.is-arrow.is-next{inset:50% auto auto;transform:translateY(-50%)}.is-horizontal.is-ltr .f-button.is-arrow.is-prev{left:var(--f-arrow-pos, 0)}.is-horizontal.is-ltr .f-button.is-arrow.is-next{right:var(--f-arrow-pos, 0)}.is-horizontal.is-rtl .f-button.is-arrow.is-prev{right:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-horizontal.is-rtl .f-button.is-arrow.is-next{left:var(--f-arrow-pos, 0);transform:translateY(-50%) rotateY(180deg)}.is-vertical.is-ltr .f-button.is-arrow.is-prev,.is-vertical.is-rtl .f-button.is-arrow.is-prev{top:var(--f-arrow-pos, 0);right:auto;bottom:auto;left:50%;transform:translate(-50%)}.is-vertical.is-ltr .f-button.is-arrow.is-next,.is-vertical.is-rtl .f-button.is-arrow.is-next{top:auto;right:auto;bottom:var(--f-arrow-pos, 0);left:50%;transform:translate(-50%)}.is-vertical .f-button.is-arrow.is-prev svg,.is-vertical .f-button.is-arrow.is-next svg{transform:rotate(90deg)}.f-carousel__toolbar{display:grid;grid-template-columns:1fr auto 1fr;margin:var(--f-toolbar-margin, 0);padding:var(--f-toolbar-padding, 8px);line-height:var(--f-toolbar-line-height);background:var(--f-toolbar-bg, none);box-shadow:var(--f-toolbar-shadow, none);backdrop-filter:var(--f-toolbar-backdrop-filter);position:relative;z-index:20;color:var(--f-toolbar-color, currentColor);font-size:var(--f-toolbar-font-size, 17px);font-weight:var(--f-toolbar-font-weight, inherit);font-family:var(--f-toolbar-font, -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif);text-shadow:var(--f-toolbar-text-shadow);text-align:center;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased;white-space:nowrap;pointer-events:none}.f-carousel__toolbar.is-absolute{position:absolute;top:0;left:0;right:0}.f-carousel__toolbar .f-button:focus-visible{position:relative;z-index:1}.f-carousel__toolbar__column{display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:var(--f-toolbar-gap, 0)}.f-carousel__toolbar__column.is-left{display:flex;justify-self:flex-start;justify-content:flex-start}.f-carousel__toolbar__column.is-middle{display:flex;justify-content:center}.f-carousel__toolbar__column.is-right{display:flex;justify-self:flex-end;justify-content:flex-end;flex-flow:nowrap}.f-carousel__toolbar__column{pointer-events:none}.f-carousel__toolbar__column>*{pointer-events:all}.f-counter{position:relative;display:flex;flex-direction:row;cursor:default;-webkit-user-select:none;user-select:none;margin:var(--f-counter-margin, 0);padding:var(--f-counter-padding, 4px);line-height:var(--f-counter-line-height);background:var(--f-counter-bg);border-radius:var(--f-counter-border-radius)}.f-counter span{padding:0 var(--f-counter-gap, 4px)}:root{--f-thumbs-gap: 8px;--f-thumbs-margin: 0;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: transparent;--f-thumbs-transition: max-height .3s ease, max-width .3s ease, padding .3s ease;--f-thumbs-z-index: 1;--f-thumbs-viewport-padding-x: 0px;--f-thumbs-viewport-padding-y: 0px;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-clip-width: 46px;--f-thumb-extra-gap: 16px;--f-thumb-opacity: 1;--f-thumb-transition: opacity .3s ease, transform .15s ease;--f-thumb-border: none;--f-thumb-border-radius: 4px;--f-thumb-shadow: none;--f-thumb-bg: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .05));--f-thumb-focus-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-selected-shadow: inset 0 0 0 .8px #222, inset 0 0 0 2.25px #fff;--f-thumb-border-transition: all .1s ease;--f-thumb-img-width: 100%;--f-thumb-img-height: 100%;--f-thumb-img-fit: cover;--f-thumb-img-position: 50% 20%}.f-thumbs{--f-carousel-slide-width: var(--f-thumb-width);--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: var(--f-thumbs-gap);position:relative;box-sizing:border-box;flex-shrink:0;margin:var(--f-thumbs-margin);padding:var(--f-thumbs-padding-y) var(--f-thumbs-padding-x);overflow:hidden;background:var(--f-thumbs-bg);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:var(--f-thumbs-transition);z-index:var(--f-thumbs-z-index)}.f-thumbs.is-horizontal{max-height:calc(var(--f-carousel-slide-height) + var(--f-thumbs-padding-y) * 2)}.f-thumbs.is-horizontal.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-vertical{max-width:calc(var(--f-carousel-slide-width) + var(--f-thumbs-padding-x) * 2)}.f-thumbs.is-vertical.is-hidden{max-width:0;--f-thumbs-padding-x: 0}.f-thumbs.is-scrollable.is-hidden{max-height:0;--f-thumbs-padding-y: 0}.f-thumbs.is-ltr{direction:ltr}.f-thumbs.is-rtl{direction:rtl}.f-thumbs img{display:block;width:var(--f-thumb-img-width);height:var(--f-thumb-img-height);object-fit:var(--f-thumb-img-fit);object-position:var(--f-thumb-img-position);pointer-events:none;border-radius:inherit;color:transparent}.f-thumbs img[data-lazy-src]{visibility:hidden}.f-thumbs img.has-lazyerror{display:none}.f-thumbs__viewport{box-sizing:border-box;height:100%;padding:var(--f-thumbs-viewport-padding-y) var(--f-thumbs-viewport-padding-x);overflow:visible;display:grid}.f-thumbs__slide{position:relative;box-sizing:border-box;grid-area:1/1;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);margin:0;padding:0;display:flex;align-items:center;flex-direction:column;cursor:pointer;overflow:visible}.f-thumbs__slide:hover button{opacity:var(--f-thumb-hover-opacity, 1);transform:var(--f-thumb-hover-transform, none)}.f-thumbs__slide:hover button:after{border:var(--f-thumb-hover-border, none);box-shadow:var(--f-thumb-hover-shadow, var(--f-thumb-shadow))}.f-thumbs__slide button{all:unset;display:block;margin:auto;padding:0;position:relative;overflow:visible;width:100%;height:100%;outline:none;transition:var(--f-thumb-transition);border-radius:var(--f-thumb-border-radius);opacity:var(--f-thumb-opacity);transform:var(--f-thumb-transform);background:var(--f-thumb-bg)}.f-thumbs__slide button:after{content:"";position:absolute;inset:0;z-index:1;transition:var(--f-thumb-border-transition);border-radius:inherit;border:var(--f-thumb-border);box-shadow:var(--f-thumb-shadow)}.f-thumbs__slide button:focus-within{opacity:var(--f-thumb-focus-opacity, 1);transform:var(--f-thumb-focus-transform, none)}.f-thumbs__slide button:focus-within:after{border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, var(--f-thumb-shadow))}.f-thumbs__slide:active{opacity:var(--f-thumb-active-opacity, 1);transform:var(--f-thumb-active-transform, none)}.f-thumbs__slide:active:after{border:var(--f-thumb-active-border, none);box-shadow:var(--f-thumb-active-shadow, var(--f-thumb-shadow))}.f-thumbs__slide.is-selected{z-index:2}.f-thumbs__slide.is-selected button{opacity:var(--f-thumb-selected-opacity, 1);transform:var(--f-thumb-selected-transform, none)}.f-thumbs__slide.is-selected button:after{border:var(--f-thumb-selected-border, none);box-shadow:var(--f-thumb-selected-shadow, var(--f-thumb-shadow))}.f-thumbs.is-modern{--f-carousel-slide-width: calc( var(--f-thumb-clip-width) + var(--f-thumbs-gap) );--f-carousel-slide-height: var(--f-thumb-height);--f-carousel-gap: 0;--width-diff: calc((var(--f-thumb-width) - var(--f-thumb-clip-width)))}.f-thumbs.is-modern .f-thumbs__viewport{width:calc(100% + var(--f-carousel-slide-width) * 2 + var(--f-thumbs-padding-x));margin-inline:calc((var(--f-carousel-slide-width) + var(--f-thumbs-padding-x)) * -1)}.f-thumbs.is-modern .f-thumbs__slide{--clip-shift: calc((var(--width-diff) * .5) * var(--progress));--clip-path: inset( 0 var(--clip-shift) round var(--f-thumb-border-radius, 0) );padding:0;overflow:visible;left:var(--shift, 0);will-change:left;transition:left var(--f-transition-duration) var(--f-transition-easing)}.f-thumbs.is-modern .f-thumbs__slide button{display:block;margin-inline:50%;width:var(--f-thumb-width);clip-path:var(--clip-path);border:none;box-shadow:none;transition:clip-path var(--f-transition-duration) var(--f-transition-easing),opacity var(--f-thumb-transition-duration, .2s) var(--f-thumb-transition-easing, ease)}.f-thumbs.is-modern .f-thumbs__slide button:after{display:none}.f-thumbs.is-modern .f-thumbs__slide:focus:not(:focus-visible){outline:none}.f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before{content:"";position:absolute;z-index:1;top:0;left:var(--clip-shift);bottom:0;right:var(--clip-shift);transition:border var(--f-transition-duration) var(--f-transition-easing),box-shadow var(--f-transition-duration) var(--f-transition-easing);border-radius:inherit;border:var(--f-thumb-focus-border, none);box-shadow:var(--f-thumb-focus-shadow, none)}.f-thumbs.is-modern{--f-transition-duration: .25s;--f-transition-easing: ease-out}.f-thumbs.is-modern.is-syncing{--f-transition-duration: 0s}.f-thumbs.is-scrollable .f-thumbs__viewport{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--f-thumb-width),1fr));grid-auto-rows:var(--f-thumb-height);gap:var(--f-thumbs-gap);overflow:auto;overscroll-behavior:contain;-webkit-user-select:none;user-select:none}.f-thumbs.is-scrollable .f-thumbs__viewport .f-thumbs__slide{grid-area:auto;display:block;position:relative;max-width:100%;width:var(--f-thumb-width);height:var(--f-thumb-height);cursor:pointer;outline:none}:root{--f-progressbar-height: 3px;--f-progressbar-color: var(--f-carousel-theme-color, #575ad6);--f-progressbar-opacity: 1;--f-progressbar-z-index: 30}.f-progressbar{position:absolute;top:0;left:0;right:0;z-index:var(--f-progressbar-z-index);height:var(--f-progressbar-height);transform:scaleX(0);transform-origin:0;opacity:var(--f-progressbar-opacity);background:var(--f-progressbar-color);-webkit-user-select:none;user-select:none;pointer-events:none;animation-name:f-progressbar;animation-play-state:running;animation-timing-function:linear}.f-progressbar:empty{display:block}button>.f-progressbar{--f-progressbar-height: 100%;--f-progressbar-opacity: .2}@keyframes f-progressbar{0%{transform:scaleX(0)}to{transform:scaleX(1)}}[data-fullscreen-action=toggle] svg g:first-child{display:flex}[data-fullscreen-action=toggle] svg g:last-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:first-child{display:none}:fullscreen [data-fullscreen-action=toggle] svg g:last-child{display:flex}.in-fullscreen-mode>.f-carousel{flex:1;min-width:0!important;min-height:0!important}html.with-fancybox{width:auto;overflow:visible;scroll-behavior:auto}html.with-fancybox body.hide-scrollbar{width:auto;margin-right:calc(var(--f-body-margin, 0px) + var(--f-scrollbar-compensate, 0px));overflow:hidden!important;overscroll-behavior-y:none}.fancybox__dialog{position:fixed;inset:0;z-index:1050;width:100%;height:100vh;max-height:unset;max-width:unset;padding:0;margin:0;border:0;overflow:hidden;background:transparent;touch-action:none;overscroll-behavior:contain}.fancybox__dialog:focus{outline:none}.fancybox__dialog::backdrop{opacity:0}@supports (height: 100dvh){.fancybox__dialog{height:100dvh}}.fancybox__dialog *:empty{display:block}.fancybox__container{--fancybox-color: #dbdbdb;--fancybox-backdrop-bg: rgba(24, 24, 27, .95);--f-toolbar-margin: 0;--f-toolbar-padding: 8px;--f-toolbar-gap: 0;--f-toolbar-color: #ddd;--f-toolbar-font-size: 16px;--f-toolbar-font-weight: 500;--f-toolbar-font: -apple-system, BlinkMacSystemFont, "Segoe UI Adjusted", "Segoe UI", "Liberation Sans", sans-serif;--f-toolbar-line-height: var(--f-button-height);--f-toolbar-text-shadow: 1px 1px 1px rgba(0, 0, 0, .75);--f-toolbar-shadow: none;--f-toolbar-bg: none;--f-counter-margin: 0;--f-counter-padding: 0px 10px;--f-counter-gap: 4px;--f-counter-line-height: var(--f-button-height);--f-carousel-gap: 17px;--f-carousel-slide-width: 100%;--f-carousel-slide-height: 100%;--f-carousel-slide-padding: 0;--f-carousel-slide-bg: unset;--f-html-color: #222;--f-html-bg: #fff;--f-error-color: #fff;--f-error-bg: #333;--f-caption-margin: 0;--f-caption-padding: 16px 8px;--f-caption-color: var(--fancybox-color, #dbdbdb);--f-caption-bg: transparent;--f-caption-font: inherit;--f-caption-line-height: 1.375;--f-spinner-color-1: rgba(255, 255, 255, .2);--f-spinner-color-2: rgba(255, 255, 255, .8);--f-spinner-width: 50px;--f-spinner-height: 50px;--f-spinner-border-radius: 50%;--f-spinner-border-width: 4px;--f-progressbar-color: rgba(255, 255, 255);--f-button-width: 46px;--f-button-height: 46px;--f-button-color: #ddd;--f-button-hover-color: #fff;--f-button-outline-width: 1px;--f-button-outline-color: rgba(255, 255, 255, .75);--f-button-outline-offset: 0px;--f-button-bg: rgba(54, 54, 54, .75);--f-button-border: 0;--f-button-border-radius: 0;--f-button-shadow: none;--f-button-transition: all .2s ease;--f-button-transform: none;--f-button-svg-width: 24px;--f-button-svg-height: 24px;--f-button-svg-stroke-width: 1.75;--f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, .01)), drop-shadow(1px 2px 1px rgba(24, 24, 27, .05));--f-button-svg-fill: none;--f-button-svg-disabled-opacity: .5;--f-arrow-pos: 32px;--f-arrow-width: 50px;--f-arrow-height: 50px;--f-arrow-svg-width: 24px;--f-arrow-svg-height: 24px;--f-arrow-svg-stroke-width: 2.5;--f-arrow-border-radius: 50%;--f-arrow-bg: rgba(54, 54, 54, .65);--f-arrow-color: #ddd;--f-arrow-hover-color: #fff;--f-close-button-width: 30px;--f-close-button-height: 30px;--f-close-button-svg-width: 24px;--f-close-button-svg-height: 24px;--f-close-button-svg-stroke-width: 1.75;--f-close-border-radius: 4px;--f-close-button-color: #fff;--f-close-button-hover-color: #fff;--f-close-button-bg: transparent;--f-close-button-hover-bg: transparent;--f-close-button-active-bg: transparent;--f-thumbs-margin: 0px;--f-thumbs-padding-x: 8px;--f-thumbs-padding-y: 8px;--f-thumbs-bg: none;--f-thumb-transition: all .2s ease;--f-thumb-width: 94px;--f-thumb-height: 76px;--f-thumb-opacity: 1;--f-thumb-border: none;--f-thumb-shadow: none;--f-thumb-transform: none;--f-thumb-focus-opacity: 1;--f-thumb-focus-border: none;--f-thumb-focus-shadow: inset 0 0 0 2px rgba(255, 255, 255, .65);--f-thumb-focus-transform: none;--f-thumb-hover-opacity: 1;--f-thumb-hover-border: none;--f-thumb-hover-transform: none;--f-thumb-active-opacity: var(--f-thumb-hover-opacity);--f-thumb-active-border: var(--f-thumb-hover-border);--f-thumb-active-transform: var(--f-thumb-hover-transform);--f-thumb-selected-opacity: 1;--f-thumb-selected-border: none;--f-thumb-selected-shadow: inset 0 0 0 2px #fff;--f-thumb-selected-transform: none;--f-scrollbar-width: 7px;--f-scrollbar-track-bg: #444;--f-scrollbar-track-border-radius: 10px;--f-scrollbar-track-shadow: inset 0 0 6px rgba(0, 0, 0, .2);--f-scrollbar-thumb-bg: #ddd;--f-scrollbar-thumb-border-radius: 10px}.fancybox__container[theme=light]{--fancybox-color: #222;--fancybox-backdrop-bg: rgba(255, 255, 255, .97);--f-toolbar-color: var(--fancybox-color, #222);--f-toolbar-text-shadow: none;--f-toolbar-font-weight: 400;--f-html-color: var(--fancybox-color, #222);--f-html-bg: #fff;--f-error-color: #555;--f-error-bg: #fff;--f-video-bg: #fff;--f-caption-color: #333;--f-spinner-color-1: rgba(0, 0, 0, .2);--f-spinner-color-2: rgba(0, 0, 0, .8);--f-spinner-border-width: 3.5px;--f-progressbar-color: rgba(111, 111, 116);--f-button-color: #333;--f-button-hover-color: #000;--f-button-outline-color: rgba(0, 0, 0, .85);--f-button-bg: rgba(255, 255, 255, .85);--f-button-svg-stroke-width: 1.3;--f-button-svg-filter: none;--f-arrow-bg: rgba(255, 255, 255, .85);--f-arrow-color: #333;--f-arrow-hover-color: #000;--f-arrow-svg-stroke-width: 1.3;--f-close-button-color: #555;--f-close-button-hover-color: #000;--f-thumb-bg: linear-gradient(#ebeff2, #e2e8f0);--f-thumb-focus-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #888;--f-thumb-selected-shadow: 0 0 0 1.8px #fff, 0px 0px 0px 2.25px #000;--f-scrollbar-track-bg: #ddd;--f-scrollbar-thumb-bg: #444}.fancybox__container{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column}.fancybox__container:focus{outline:none}.fancybox__container.has-vertical-thumbs{flex-direction:row-reverse}.fancybox__container.has-vertical-thumbs:not(.is-closing) .fancybox__viewport{overflow-x:clip;overflow-y:visible}.fancybox__container>*:not(.fancybox__carousel),.fancybox__container .fancybox__carousel>*:not(.fancybox__grid,.fancybox__viewport),.fancybox__container .fancybox__column>*:not(.fancybox__viewport),.fancybox__container .fancybox__slide:not(.is-selected),.fancybox__container .fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper,.f-spinner){opacity:var(--f-drag-opacity, 1)}.fancybox__container:not(.is-ready,.is-hiding){visibility:hidden}.fancybox__container.is-revealing>*:not(.fancybox__carousel),.fancybox__container.is-revealing .fancybox__carousel>*:not(.fancybox__grid,.fancybox__viewport),.fancybox__container.is-revealing .fancybox__column>*:not(.fancybox__viewport),.fancybox__container.is-revealing .fancybox__slide:not(.is-selected),.fancybox__container.is-revealing .fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-enter-duration, .35s) ease none f-fadeIn}.fancybox__container.is-hiding>*:not(.fancybox__carousel),.fancybox__container.is-hiding .fancybox__carousel>*:not(.fancybox__grid,.fancybox__viewport),.fancybox__container.is-hiding .fancybox__column>*:not(.fancybox__viewport),.fancybox__container.is-hiding .fancybox__slide.is-selected>*:not(.f-html,.f-panzoom__wrapper){animation:var(--f-interface-exit-duration, .35s) ease forwards f-fadeOut}.fancybox__container.is-hiding .fancybox__carousel .fancybox__slide:not(.is-selected){opacity:0}.fancybox__container.is-hiding{pointer-events:none}.fancybox__container.is-idle .f-carousel__toolbar{pointer-events:none;opacity:0}.fancybox__container.is-idle .f-button.is-arrow{opacity:0}.fancybox__container.is-idle.is-ready .f-carousel__toolbar{pointer-events:none;animation:.15s ease-out both f-fadeOut}.fancybox__container.is-idle.is-ready .f-button.is-arrow{animation:.15s ease-out both f-fadeOut}.fancybox__backdrop{position:fixed;inset:0;z-index:-1;background:var(--fancybox-backdrop-bg);filter:var(--fancybox-backdrop-filter)}.fancybox__carousel{flex:1;display:flex;flex-direction:column;min-height:0;min-width:0;position:relative;z-index:10;overflow-y:visible;overflow-x:clip}.fancybox__carousel.is-vertical{--f-carousel-slide-height: 100%}.fancybox__carousel.is-ltr{direction:ltr}.fancybox__carousel.is-rtl{direction:rtl}.fancybox__carousel>.f-button.is-arrow:before{position:absolute;content:"";inset:-30px;z-index:1}.fancybox__viewport{display:grid;flex:1;min-height:0;min-width:0;position:relative;overflow:visible;transform:translate3d(0,var(--f-drag-offset, 0),0)}.fancybox__viewport.is-draggable{cursor:move;cursor:grab}.fancybox__viewport.is-dragging{cursor:move;cursor:grabbing}.fancybox__viewport [data-selectable],.fancybox__viewport [contenteditable]{cursor:auto}.fancybox__slide{box-sizing:border-box;position:relative;grid-area:1/1;display:flex;align-items:center;flex-direction:column;width:var(--f-carousel-slide-width);height:var(--f-carousel-slide-height);min-width:0;min-height:0;max-width:100%;margin:0;padding:var(--f-carousel-slide-padding);background:var(--f-carousel-slide-bg);backface-visibility:hidden;transform:translateZ(0);will-change:transform}.fancybox__slide:before,.fancybox__slide:after{display:block;content:""}.fancybox__slide:before{margin-bottom:auto}.fancybox__slide:after{margin-top:auto}.fancybox__slide.is-selected{z-index:1}.fancybox__slide.f-zoomable{overflow:visible}.fancybox__slide.has-error{--f-html-color: var(--f-error-color, --f-html-color);--f-html-bg: var(--f-error-bg, --f-html-bg)}.fancybox__slide.has-html{overflow:auto;padding:8px}.fancybox__slide.has-iframe{overflow:hidden;padding:8px 0}.fancybox__slide.has-close-btn{padding-top:34px}.fancybox__slide.has-controls:before{margin:0}.fancybox__slide .f-spinner{cursor:pointer}.fancybox__container.is-closing .f-caption,.fancybox__slide.is-loading .f-caption{visibility:hidden}.fancybox__container.is-closing .fancybox__carousel,.fancybox__container.is-closing .fancybox__viewport,.fancybox__container.is-closing .fancybox__slide.is-selected{overflow:visible}.f-button.is-close-button{--f-button-width: var(--f-close-button-width);--f-button-height: var(--f-close-button-height);--f-button-border-radius: var(--f-close-border-radius);--f-button-color: var(--f-close-button-color);--f-button-hover-color: var(--f-close-button-hover-color);--f-button-bg: var(--f-close-button-bg);--f-button-hover-bg: var(--f-close-button-hover-bg);--f-button-active-bg: var(--f-close-button-active-bg);--f-button-svg-width: var(--f-close-button-svg-width);--f-button-svg-height: var(--f-close-button-svg-height);--f-button-svg-stroke-width: var(--f-close-button-svg-stroke-width);position:absolute;top:calc((var(--f-button-height) + 2px) * -1);right:0;z-index:10}.is-loading .f-button.is-close-button{visibility:hidden}.fancybox__thumbs{flex:0 1 100%}.fancybox__thumbs.is-scrollable{--f-thumbs-cols: 1;--f-thumbs-gap: 8px;--f-thumbs-transition: none;--f-thumbs-padding-x: 4px;--f-thumbs-padding-y: 8px;--f-thumbs-viewport-padding-x: 4px;--f-thumbs-viewport-padding-y: 0px;max-width:calc(var(--f-thumb-width) * var(--f-thumbs-cols) + var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1) + var(--f-thumbs-padding-x) * 2 + var(--f-thumbs-viewport-padding-x) * 2)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar{width:var(--f-scrollbar-width)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-track{background:var(--f-scrollbar-track-bg);border-radius:var(--f-scrollbar-track-border-radius);box-shadow:var(--f-scrollbar-track-shadow)}.fancybox__thumbs.is-scrollable ::-webkit-scrollbar-thumb{background:var(--f-scrollbar-thumb-bg);border-radius:var(--f-scrollbar-thumb-border-radius)}.fancybox__thumbs.is-scrollable.is-hidden{max-width:0;--f-thumbs-padding-x: 0;max-height:unset;--f-thumbs-padding-y: unset}.fancybox__thumbs.is-scrollable .f-thumbs__viewport{overflow-x:hidden!important;grid-template-columns:repeat(auto-fill,calc((100% - var(--f-thumbs-gap) * (var(--f-thumbs-cols) - 1)) / var(--f-thumbs-cols)))!important}


.swiper-container[data-v-b10c8cce] {
	position: relative;
}
.media-gallery[data-v-b10c8cce] {
	width: 100%;
}
.mobile-swiper[data-v-b10c8cce] {
	position: relative;
	border-radius: 24px;
	overflow: hidden;
}
.slide-content[data-v-b10c8cce] {
	width: 100%;
	background: var(--neutral-11);
	position: relative;
	cursor: pointer;
}
.mobile-swiper .slide-content[data-v-b10c8cce] {
	height: 281px;
}
.media-skeleton[data-v-b10c8cce] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	border-radius: 0;
}
.media-content[data-v-b10c8cce] {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.video-overlay[data-v-b10c8cce] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
}
.play-icon[data-v-b10c8cce] {
	transition: transform 0.2s;
}
.slide-content:hover .play-icon[data-v-b10c8cce] {
	transform: scale(1.1);
}
.media-counters[data-v-b10c8cce] {
	position: absolute;
	bottom: 16px;
	right: 16px;
	display: flex;
	gap: 10px;
	z-index: 1;
	pointer-events: none;
}
.counter[data-v-b10c8cce] {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 6px 12px;
	background: #0E0C3433;
	backdrop-filter: blur(10px);
	border-radius: 20px;
	color: white;
	font-size: 13px;
	font-weight: 600;
}
.counter svg[data-v-b10c8cce] {
	flex-shrink: 0;
}
.swiper-button-next[data-v-b10c8cce],
.swiper-button-prev[data-v-b10c8cce] {
	display: none;
}
@media (min-width: 768px) {
.desktop-swiper[data-v-b10c8cce] {
		border-radius: 24px;
		overflow: hidden;
		height: 348px;
}
.desktop-swiper[data-v-b10c8cce] .swiper-wrapper {
		height: 100%;
}
.desktop-swiper[data-v-b10c8cce] .swiper-slide {
		height: 100%;
}
.media-grid[data-v-b10c8cce] {
		display: grid;
		grid-template-columns: 2fr 1fr;
		grid-template-rows: 1fr;
		gap: 7px;
		height: 100%;
		min-height: 0;
		overflow: hidden;
}
.main-slide[data-v-b10c8cce],
	.full-slide[data-v-b10c8cce] {
		position: relative;
		border-radius: 3px;
		overflow: hidden;
		height: 100%;
		min-height: 0;
}
.main-slide .slide-content[data-v-b10c8cce],
	.full-slide .slide-content[data-v-b10c8cce] {
		height: 100%;
}
.preview-slides[data-v-b10c8cce] {
		display: flex;
		flex-direction: column;
		gap: 7px;
		height: 100%;
		min-height: 0;
		overflow: hidden;
}
.preview-slide[data-v-b10c8cce] {
		position: relative;
		border-radius: 3px;
		overflow: hidden;
		flex: 1;
		min-height: 0;
}
.preview-slide .slide-content[data-v-b10c8cce] {
		height: 100%;
}
}
@media (min-width: 1024px) {
.desktop-swiper[data-v-b10c8cce] {
		height: 448px;
}
.swiper-button-next[data-v-b10c8cce],
	.swiper-button-prev[data-v-b10c8cce] {
		display: flex;
}
}


.demo-swiper[data-v-176340ea] .swiper-slide {
    width: 317px !important;
    height: auto;
    flex-shrink: 0;
}
.slide-content[data-v-176340ea] {
    width: 317px;
    height: 270px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.img-container[data-v-176340ea] {
    width: 317px;
    height: 238px;
    border-radius: 24px;
    overflow: hidden;
    margin-bottom: 10px;
    flex-shrink: 0;
}
.img-container img[data-v-176340ea] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.img-caption[data-v-176340ea] {
    padding: 4px;
    color: var(--neutral-8);
    line-height: 140%;
}


.social-block[data-v-0d86a1fc] {
    display: flex;
    align-items: center;
    gap: 10px;
}
.gallery-skeleton[data-v-0d86a1fc] {
    width: 100%;
    height: 281px;
    border-radius: 24px;
}
@media (min-width: 768px) {
.gallery-skeleton[data-v-0d86a1fc] {
        height: 348px;
}
}
@media (min-width: 1024px) {
.gallery-skeleton[data-v-0d86a1fc] {
        height: 448px;
}
}
.info[data-v-0d86a1fc] {
    display: flex;
    align-items: flex-start;
    gap: 80px;
}
.info-left[data-v-0d86a1fc] {
    position: sticky;
    top: 20px;
    display: none;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    border: 1px solid var(--neutral-11);
    width: 240px;
    min-width: 240px;
    flex-shrink: 0;
    border-radius: 24px;
    margin-bottom: 40px;
}
.left-title[data-v-0d86a1fc] {
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    color: var(--neutral-1);
}
.left-block-title[data-v-0d86a1fc] {
    color: #000000;
    font-weight: 500;
    line-height: 140%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.left-block-date[data-v-0d86a1fc] {
    font-weight: 500;
    line-height: 140%;
    color: var(--neutral-8);
}
.info-container[data-v-0d86a1fc] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 960px;
    flex: 1;
    min-width: 0;
}
.blog-menu[data-v-0d86a1fc] {
    border: 1px solid var(--neutral-11);
    border-radius: 24px;
    padding: 24px;
}
.menu-title[data-v-0d86a1fc] {
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    color: var(--neutral-1);
    margin-bottom: 24px;
}
.menu-list[data-v-0d86a1fc] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.menu-list li a[data-v-0d86a1fc] {
    position: relative;
    font-weight: 500;
    color: var(--blue-1);
}
.menu-list li a[data-v-0d86a1fc]::before {
    position: absolute;
    left: -10px;
    content: '•';
    font-size: 18px;
    line-height: 1;
}
.blog-text[data-v-0d86a1fc] {
    padding: 0 16px 40px 16px;
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.block-header[data-v-0d86a1fc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 32px;
}
.block-header-small[data-v-0d86a1fc] {
    margin-bottom: 12px;
}
.block-title[data-v-0d86a1fc] {
    font-weight: 600;
    line-height: 120%;
    color: var(--neutral-1);
    font-size: 18px;
}
.title-big[data-v-0d86a1fc] {
    font-size: 24px;
}
.block-descr[data-v-0d86a1fc] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
}
.descr[data-v-0d86a1fc] {
    color: var(--neutral-1);
    line-height: 140%;
}
.descr[data-v-0d86a1fc] p,
.descr[data-v-0d86a1fc] ul,
.descr[data-v-0d86a1fc] ol,
.descr[data-v-0d86a1fc] blockquote,
.descr[data-v-0d86a1fc] figure,
.descr[data-v-0d86a1fc] table,
.descr[data-v-0d86a1fc] pre {
    margin-bottom: 16px;
}
.descr[data-v-0d86a1fc] h2,
.descr[data-v-0d86a1fc] h3,
.descr[data-v-0d86a1fc] h4,
.descr[data-v-0d86a1fc] h5,
.descr[data-v-0d86a1fc] h6 {
    font-weight: 600;
    line-height: 120%;
    color: var(--neutral-1);
    margin-top: 24px;
    margin-bottom: 12px;
}
.descr[data-v-0d86a1fc] h2 { font-size: 22px;
}
.descr[data-v-0d86a1fc] h3 { font-size: 20px;
}
.descr[data-v-0d86a1fc] h4 { font-size: 18px;
}
.descr[data-v-0d86a1fc] h5 { font-size: 16px;
}
.descr[data-v-0d86a1fc] h6 { font-size: 14px;
}
.descr[data-v-0d86a1fc] ul,
.descr[data-v-0d86a1fc] ol {
    padding-left: 24px !important;
    margin-left: 0 !important;
}
.descr[data-v-0d86a1fc] ul { list-style: disc;
}
.descr[data-v-0d86a1fc] ol { list-style: decimal;
}
.descr[data-v-0d86a1fc] li {
    margin-bottom: 8px !important;
    line-height: 140%;
}
.descr[data-v-0d86a1fc] a {
    color: var(--blue-1);
    text-decoration: underline;
}
.descr[data-v-0d86a1fc] blockquote {
    padding: 12px 16px;
    background-color: var(--neutral-11);
    border-radius: 12px;
    font-style: italic;
}
.descr[data-v-0d86a1fc] img {
    max-width: 100%;
    height: auto;
    border-radius: 12px;
}
.descr[data-v-0d86a1fc] > *:last-child {
    margin-bottom: 0;
}
.quote[data-v-0d86a1fc] {
    padding: 12px 16px;
    background-color: var(--neutral-11);
    border-radius: 24px;
}
.quote-text[data-v-0d86a1fc] {
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    color: var(--neutral-1);
}
.block-list[data-v-0d86a1fc] {
    padding-left: 16px !important;
}
.block-list li[data-v-0d86a1fc] {
    line-height: 140%;
    color: var(--neutral-1);
}
.block-list li[data-v-0d86a1fc]::marker {
    font-size: 12px;
}
.block-list li[data-v-0d86a1fc]:not(:last-child) {
    margin-bottom: 12px !important;
}
.table-container[data-v-0d86a1fc] {
    position: relative;
    max-width: 100%;
    border-radius: 12px;
    overflow: hidden;
}
.blog-table[data-v-0d86a1fc] {
    width: 100%;
    text-align: left;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
}
.blog-table caption[data-v-0d86a1fc] {
    padding: var(--space-1);
    color: var(--neutral-8);
    line-height: 140%;
    caption-side: bottom;
    text-align: left;
}
.blog-table thead[data-v-0d86a1fc] {
    background-color: var(--purple-4);
    color: var(--neutral-2);
}
.blog-table thead td[data-v-0d86a1fc] {
    padding: 12px 16px;
    font-weight: bold;
}
.blog-table thead tr td[data-v-0d86a1fc]:first-child {
    border-top-left-radius: 12px;
}
.blog-table thead tr td[data-v-0d86a1fc]:last-child {
    border-top-right-radius: 12px;
}
.blog-table tbody[data-v-0d86a1fc] {
    background-color: #FFFFFF;
    color: var(--neutral-2);
}
.blog-table tbody tr[data-v-0d86a1fc] {
    padding: 12px 16px;
}
.blog-table tbody tr[data-v-0d86a1fc]:nth-child(even) {
    background-color: var(--purple-4);
}
.blog-table tbody td[data-v-0d86a1fc] {
    padding: 12px 16px;
    border: 1px solid var(--purple-4);
    border-top: none;
}
.blog-table tbody tr td[data-v-0d86a1fc]:not(:last-child) {
    border-right: none;
}
.blog-table tbody tr:last-child td[data-v-0d86a1fc]:first-child {
    border-bottom-left-radius: 12px;
}
.blog-table tbody tr:last-child td[data-v-0d86a1fc]:last-child {
    border-bottom-right-radius: 12px;
}
.first-descr[data-v-0d86a1fc] {
    color: var(--neutral-1);
    line-height: 140%;
}
.second-descr[data-v-0d86a1fc] {
    color: var(--neutral-1);
    line-height: 140%;
}
.author-block[data-v-0d86a1fc] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 140%;
    color: var(--neutral-1);
}
.author-link[data-v-0d86a1fc] {
    color: var(--blue-1);
    text-decoration: underline;
}
.recently[data-v-0d86a1fc] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 12px;
    grid-row-gap: 24px;
}
.recently-title[data-v-0d86a1fc] {
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    color: var(--neutral-1);
    margin-bottom: 12px;
    padding-left: 16px;
}
.breadcrumbs[data-v-0d86a1fc] {
    display: flex;
    font-weight: 500;
    line-height: 120%;
    color: var(--neutral-8);
}
.author-links[data-v-0d86a1fc] {
    display: none !important;
}
@media (min-width: 767px) {
.recently[data-v-0d86a1fc] {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 24px;
        grid-row-gap: 24px;
}
.blog-text[data-v-0d86a1fc] {
        padding: 0 0 40px 0;
}
.recently-title[data-v-0d86a1fc] {
        font-size: 24px;
        margin-bottom: 24px;
        padding: 0;
}
}
@media (min-width: 1023px) {
.info-left[data-v-0d86a1fc] {
        display: flex;
}
.recently[data-v-0d86a1fc] {
        grid-template-columns: repeat(5, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 24px;
        grid-row-gap: 24px;
}
.author-links[data-v-0d86a1fc] {
        display: flex !important;
        align-items: center;
        gap: 10px;
}
}


.active[data-v-67fb269c] {
    background-color: var(--purple-3);
    color: var(--neutral-2);
}


.blog-title[data-v-47207377] {
    display: none;
    font-weight: 700;
    font-size: 32px;
    line-height: 120%;
    color: var(--neutral-1);
    margin-bottom: 16px;
}
.first-blog[data-v-47207377] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 12px;
    grid-row-gap: 24px;
}
.second-blog[data-v-47207377] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 12px;
    grid-row-gap: 24px;
}
.blog-pagination[data-v-47207377] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}
@media (min-width: 767px) {
.first-blog[data-v-47207377] {
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: 1fr;
}
.second-blog[data-v-47207377] {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(2, 1fr);
}
.blog-pagination[data-v-47207377] {
        justify-content: flex-start;
}
}
@media (min-width: 1023px) {
.blog-title[data-v-47207377] {
        display: block;
}
.first-blog[data-v-47207377] {
        grid-template-columns: repeat(5, 1fr);
        grid-template-rows: 1fr;
}
.second-blog[data-v-47207377] {
        grid-template-columns: repeat(5, 1fr);
        grid-template-rows: repeat(2, 1fr);
}
}
.btn-pag[data-v-47207377] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 12px;
    color: var(--neutral-7);
}
.btn-next[data-v-47207377] {
    border: 1.5px solid var(--purple-4);
}
.pag-numbers>.btn-pag[data-v-47207377]:first-child {
    background-color: var(--neutral-11);
    color: var(--blue-1);
}


.catalog-header[data-v-c7545f26] {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.catalog-header__main[data-v-c7545f26] {
	font-weight: 600;
	font-size: 24px;
	line-height: 120%;
	color: var(--neutral-1);
}
.catalog-header__count[data-v-c7545f26] {
	color: var(--neutral-6);
}
.controls-bar[data-v-c7545f26] {
	display: flex;
	align-items: center;
	gap: 30px;
}
.tab-container[data-v-c7545f26] {
	display: flex;
	align-items: center;
	background: #FFFFFF;
	border-radius: var(--space-3);
	padding: var(--space-1);
	border: 1px solid var(--purple-4);
}
.tab-item[data-v-c7545f26] {
	position: relative;
	display: flex;
	width: 40px;
	height: 40px;
}
.tab-item label[data-v-c7545f26] {
	width: 100%;
	text-align: center;
	padding: 10px;
	background-color: #FFFFFF;
	color: var(--neutral-7);
	font-weight: 500;
	line-height: 120%;
	border-radius: 10px;
	transition: all .3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.tab-item._selected label[data-v-c7545f26] {
	background-color: var(--purple-4);
	color: var(--blue-1);
}
.tab-item input[data-v-c7545f26] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}
.desktop-sort[data-v-c7545f26] {
	width: 240px;
	display: block;
}
.mobile-sort[data-v-c7545f26] {
	display: none;
}
@media (max-width: 767px) {
.mobile-sort[data-v-c7545f26] {
		display: block;
}
.desktop-sort[data-v-c7545f26] {
		display: none;
}
.catalog-header__main[data-v-c7545f26] {
		display: none;
}
.controls-bar[data-v-c7545f26] {
		padding: 0 16px;
		flex: 1;
		justify-content: space-between;
}
}
.sort-list[data-v-c7545f26] {
	display: flex;
	flex-direction: column;
}
.sort-option[data-v-c7545f26] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	padding: 14px 0;
	border: none;
	background: none;
	cursor: pointer;
	text-align: left;
	font-size: 16px;
	line-height: 140%;
	color: #000000;
}
.sort-option[data-v-c7545f26]:not(:last-child) {
	border-bottom: 1px solid #F2F2FF;
}
.sort-option--active[data-v-c7545f26] {
	color: var(--blue-1, #5755FE);
	font-weight: 500;
}
.sort-option-label[data-v-c7545f26] {
	flex: 1;
}
.sort-option-check[data-v-c7545f26] {
	flex-shrink: 0;
}


.catalog-content[data-v-6bea8e90] {
	display: flex;
	gap: 80px;
}
.content-left[data-v-6bea8e90] {
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 24px;
	flex: 1;
}
.catalog-container--column[data-v-6bea8e90] {
	display: grid;
	grid-template-columns: repeat(var(--v6bb59a16), 1fr);
	gap: 24px;
}
.catalog-container--row[data-v-6bea8e90] {
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.content-right[data-v-6bea8e90] {
	display: none;
	flex-direction: column;
	gap: 32px;
	position: sticky;
	top: 0;
}
.ad[data-v-6bea8e90] {
	width: 240px;
	height: 420px;
	position: relative;
	border: 1px solid #EEF1F9;
	border-radius: 24px;
	padding: 16px;
	background-image: url('/placeholder.png');
}
.ad-content[data-v-6bea8e90] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 1px solid #0E0C34;
	border-style: dashed;
	border-radius: 16px;
	width: 100%;
	height: 100%;
	color: var(--neutral-1);
	font-weight: 700;
	font-size: 20px;
}
.loading-state[data-v-6bea8e90] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 400px;
}
.spinner[data-v-6bea8e90] {
	width: 48px;
	height: 48px;
	border: 4px solid #E5E7EB;
	border-top-color: #4F46E5;
	border-radius: 50%;
	animation: spin-6bea8e90 0.8s linear infinite;
	margin-bottom: 16px;
}
@keyframes spin-6bea8e90 {
to {
		transform: rotate(360deg);
}
}
.empty-state[data-v-6bea8e90] {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	min-height: 500px;
}
.empty-content[data-v-6bea8e90] {
    max-width: 420px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    padding: 32px;
    border: 1px solid var(--neutral-11);
    border-radius: 32px;
}
.empty-title[data-v-6bea8e90] {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    color: var(--neutral-1);
}
.empty-description[data-v-6bea8e90] {
    line-height: 140%;
    color: var(--neutral-2);
}
@media (max-width: 1023px) {
.content-right[data-v-6bea8e90] {
		display: none;
}
.catalog-container--column[data-v-6bea8e90] {
		grid-template-columns: repeat(3, 1fr);
}
.loading-state[data-v-6bea8e90] {
		padding: 60px 24px;
		min-height: 350px;
}
.spinner[data-v-6bea8e90] {
		width: 40px;
		height: 40px;
		border-width: 3px;
}
.empty-title[data-v-6bea8e90] {
		font-size: 18px;
}
}
@media (max-width: 767px) {
.catalog-container--column[data-v-6bea8e90] {
		grid-template-columns: repeat(2, 1fr);
}
.loading-state[data-v-6bea8e90] {
		padding: 40px 16px;
		min-height: 300px;
}
.spinner[data-v-6bea8e90] {
		width: 36px;
		height: 36px;
		border-width: 3px;
}
.empty-icon[data-v-6bea8e90] {
		width: 80px;
		height: 80px;
		margin-bottom: 16px;
}
.empty-title[data-v-6bea8e90] {
		font-size: 18px;
}
}


.owners-option-multi[data-v-bb2d6846] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    padding: 8px 0;
    cursor: pointer;
}
.owners-name[data-v-bb2d6846] {
    font-weight: 500;
    color: var(--neutral-7, #1F2937);
    flex: 1;
}
.checkbox-box[data-v-bb2d6846] {
    width: 20px;
    height: 20px;
    border: 1.5px solid var(--purple-4, #C1C1D7);
    border-radius: 6px;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    flex-shrink: 0;
}
.checkbox-box--checked[data-v-bb2d6846] {
    background-color: var(--blue-1, #4F46E5);
    border-color: var(--blue-1, #4F46E5);
}
.checkbox-icon[data-v-bb2d6846] {
    width: 14px;
    height: 14px;
    color: white;
}
.owners-selected[data-v-bb2d6846] {
    width: 100%;
    color: #111827;
    font-weight: 500;
}


.mobile-select-screen[data-v-81729774] {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
}
.select-fade-enter-active[data-v-81729774],
.select-fade-leave-active[data-v-81729774] {
    transition: opacity 0.25s ease;
}
.select-fade-enter-from[data-v-81729774],
.select-fade-leave-to[data-v-81729774] {
    opacity: 0;
}
.select-search[data-v-81729774] {
    padding: 16px;
    border-bottom: 1px solid #F2F2FF;
}
.select-scroll[data-v-81729774] {
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.select-list[data-v-81729774] {
    padding: 6px 16px;
}
.section-header[data-v-81729774] {
    padding: 12px 16px 4px;
    color: #908FAA;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
}
.select-item[data-v-81729774] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 12px 16px;
    border: none;
    background: none;
    cursor: pointer;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    color: #000000;
}
.select-item[data-v-81729774]:not(:last-child) {
    border-bottom: 1px solid #F2F2FF;
}
.select-item.is-selected[data-v-81729774] {
    color: var(--blue-1);
}
.select-item-icon[data-v-81729774] {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    object-fit: contain;
}
.select-item-label[data-v-81729774] {
    flex: 1;
}
.select-item-count[data-v-81729774] {
    color: #908FAA;
    font-size: 14px;
    flex-shrink: 0;
}
.select-item-check[data-v-81729774] {
    flex-shrink: 0;
}

/* Generation screen */
.gen-screen[data-v-81729774] {
    padding: 0 16px;
}
.gen-tabs[data-v-81729774] {
    display: flex;
    gap: 8px;
    padding: 12px 0;
    overflow-x: auto;
}
.gen-tab[data-v-81729774] {
    padding: 8px 16px;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    color: var(--neutral-7);
    border: 1.5px solid var(--purple-4);
    background: #FFFFFF;
}
.gen-tab--active[data-v-81729774] {
    color: #000000;
    border-color: var(--blue-1);
}
.gen-grid[data-v-81729774] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    padding-bottom: 16px;
}
.gen-card[data-v-81729774] {
    cursor: pointer;
    border-radius: 16px;
    overflow: hidden;
}
.gen-image-wrap[data-v-81729774] {
    width: 100%;
    aspect-ratio: 16 / 10;
    border-radius: 16px;
    overflow: hidden;
    background: var(--neutral-11, #F3F4F6);
}
.gen-image[data-v-81729774] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gen-image-placeholder[data-v-81729774] {
    width: 100%;
    height: 100%;
    background: var(--neutral-11, #F3F4F6);
}
.gen-info[data-v-81729774] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    padding: 8px 0;
}
.gen-checkbox[data-v-81729774] {
    width: 20px;
    height: 20px;
    border-radius: 6px;
    border: 1.5px solid var(--purple-4, #C1C1D7);
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: all 0.2s ease;
    margin-top: 1px;
}
.gen-checkbox--checked[data-v-81729774] {
    background-color: var(--blue-1, #4F46E5);
    border-color: var(--blue-1, #4F46E5);
    color: white;
}
.gen-meta[data-v-81729774] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.gen-years[data-v-81729774] {
    font-size: 14px;
    color: #000000;
    font-weight: 500;
    line-height: 140%;
}
.gen-name[data-v-81729774] {
    font-size: 13px;
    color: #908FAA;
    line-height: 140%;
}
.header-trash[data-v-81729774] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1.5px solid var(--purple-4);
    background: #FFFFFF;
    border-radius: 12px;
    cursor: pointer;
    color: var(--neutral-7);
}
.select-footer[data-v-81729774] {
    display: flex;
    gap: 8px;
    padding: 16px;
    border-top: 1px solid #F2F2FF;
    padding-bottom: calc(env(safe-area-inset-bottom) + 16px);
}
.select-footer[data-v-81729774] button {
    flex: 1;
}
.footer-nav-btn[data-v-81729774] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    white-space: nowrap;
}
.select-loading[data-v-81729774] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
}
.spinner[data-v-81729774] {
    width: 32px;
    height: 32px;
    border: 3px solid var(--blue-1);
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin-81729774 0.6s linear infinite;
}
@keyframes spin-81729774 {
to { transform: rotate(360deg);
}
}
@media (min-width: 1023px) {
.mobile-select-screen[data-v-81729774] {
        display: none;
}
}


.mobile-select-screen[data-v-bb5dd916] {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
}
.select-fade-enter-active[data-v-bb5dd916],
.select-fade-leave-active[data-v-bb5dd916] {
    transition: opacity 0.25s ease;
}
.select-fade-enter-from[data-v-bb5dd916],
.select-fade-leave-to[data-v-bb5dd916] {
    opacity: 0;
}
.select-scroll[data-v-bb5dd916] {
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.select-list[data-v-bb5dd916] {
    padding: 6px 16px;
}
.section-header[data-v-bb5dd916] {
    padding: 12px 16px 4px;
    color: #908FAA;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
}
.select-item[data-v-bb5dd916] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 12px 16px;
    border: none;
    background: none;
    cursor: pointer;
    text-align: left;
    font-size: 14px;
    line-height: 140%;
    color: #000000;
}
.select-item[data-v-bb5dd916]:not(:last-child) {
    border-bottom: 1px solid #F2F2FF;
}
.select-item-label[data-v-bb5dd916] {
    flex: 1;
}
.checkbox-box[data-v-bb5dd916] {
    width: 20px;
    height: 20px;
    border: 1.5px solid var(--purple-4, #C1C1D7);
    border-radius: 6px;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    flex-shrink: 0;
}
.checkbox-box--checked[data-v-bb5dd916] {
    background-color: var(--blue-1, #4F46E5);
    border-color: var(--blue-1, #4F46E5);
}
.checkbox-icon[data-v-bb5dd916] {
    width: 14px;
    height: 14px;
    color: white;
}
.select-footer[data-v-bb5dd916] {
    display: flex;
    gap: 8px;
    padding: 16px;
    border-top: 1px solid #F2F2FF;
    padding-bottom: calc(env(safe-area-inset-bottom) + 16px);
}
.select-footer[data-v-bb5dd916] button {
    flex: 1;
}
.header-trash[data-v-bb5dd916] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1.5px solid var(--purple-4);
    background: #FFFFFF;
    border-radius: 12px;
    cursor: pointer;
    color: var(--neutral-7);
}
.select-loading[data-v-bb5dd916] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
}
.spinner[data-v-bb5dd916] {
    width: 32px;
    height: 32px;
    border: 3px solid var(--blue-1);
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin-bb5dd916 0.6s linear infinite;
}
@keyframes spin-bb5dd916 {
to { transform: rotate(360deg);
}
}
@media (min-width: 1023px) {
.mobile-select-screen[data-v-bb5dd916] {
        display: none;
}
}


.mobile-filters-screen[data-v-507f1324] {
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f6f8fd;
    display: flex;
    flex-direction: column;
}
.filters-fade-enter-active[data-v-507f1324],
.filters-fade-leave-active[data-v-507f1324] {
    transition: opacity 0.25s ease;
}
.filters-fade-enter-from[data-v-507f1324],
.filters-fade-leave-to[data-v-507f1324] {
    opacity: 0;
}
.filters-scroll[data-v-507f1324] {
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 16px;
}
.filter-group[data-v-507f1324] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-self: stretch;
    background: #FFFFFF;
    border-radius: 16px;
    padding: 12px 16px;
}
.filter-row[data-v-507f1324] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
    cursor: pointer;
    border-radius: 12px;
    border: 1.5px solid #F2F2FF;
    background-color: #FFF;
    height: 48px;
}
.filter-field[data-v-507f1324] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.filter-label[data-v-507f1324] {
    overflow: hidden;
    color: #908FAA;
    text-overflow: ellipsis;
    font-size: 10px;
    font-weight: 500;
    line-height: 120%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    align-self: stretch;
    transition: all 0.2s ease;
}
.filter-value[data-v-507f1324] {
    font-size: 14px;
    font-weight: 500;
    color: #000000;
    line-height: 140%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.filter-value[data-v-507f1324]:empty {
    display: none;
}
.filter-value:empty ~ .filter-chevron[data-v-507f1324],
.filter-field:has(.filter-value:empty) + .filter-chevron[data-v-507f1324] {
    /* chevron stays */
}
.filter-field:has(.filter-value:empty) .filter-label[data-v-507f1324] {
    font-size: 14px;
    font-weight: 500;
    color: var(--neutral-7, #908FAA);
    line-height: 140%;
}
.filter-row--highlight[data-v-507f1324] {
    animation: highlight-pulse-507f1324 1.5s ease;
}
@keyframes highlight-pulse-507f1324 {
0%, 100% { background: transparent;
}
30% { background: var(--purple-4, #EEF2FF);
}
}
.filter-chevron[data-v-507f1324] {
    flex-shrink: 0;
    color: var(--neutral-7, #908FAA);
}
.condition-tabs[data-v-507f1324] {
    display: flex;
    gap: 0;
    padding: 4px;
    border: 1.5px solid #F2F2FF;
    border-radius: 12px;
    background-color: #FFF;
}
.condition-tab[data-v-507f1324] {
    height: 36px;
    flex: 1;
    text-align: center;
    padding: 6px 12px;
    color: #222048;
    font-size: 12px;
    font-weight: 500;
    line-height: 120%;
    cursor: pointer;
    border-radius: 8px;
    transition: all 0.2s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.condition-tab--active[data-v-507f1324] {
    color: var(--blue-1);
    background-color: #F2F2FF;
}
.export-row[data-v-507f1324] {
    padding: 0 16px;
}
.export-row[data-v-507f1324] .switch-wrapper {
    width: 100%;
    justify-content: space-between;
}
.header-trash[data-v-507f1324] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1.5px solid var(--purple-4);
    background: #FFFFFF;
    border-radius: 12px;
    cursor: pointer;
    color: var(--neutral-7);
}
.filters-footer[data-v-507f1324] {
    padding: 16px;
    padding-bottom: calc(env(safe-area-inset-bottom) + 16px);
    border-radius: 24px 24px 0 0;
    background: #FFF;
    box-shadow: 0 5px 20px 0 rgba(87, 85, 254, 0.10);
}
@media (min-width: 1023px) {
.mobile-filters-screen[data-v-507f1324] {
        display: none;
}
}
.sheet-list[data-v-507f1324] {
    display: flex;
    flex-direction: column;
}
.sheet-option[data-v-507f1324] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 0;
    border: none;
    background: none;
    cursor: pointer;
    text-align: left;
    font-size: 14px;
    line-height: 140%;
    color: #000000;
}
.sheet-option[data-v-507f1324]:not(:last-child) {
    border-bottom: 1px solid #F2F2FF;
}
.sheet-option-label[data-v-507f1324] {
    flex: 1;
}
.checkbox-box[data-v-507f1324] {
    width: 20px;
    height: 20px;
    border: 1.5px solid var(--purple-4, #C1C1D7);
    border-radius: 6px;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    flex-shrink: 0;
}
.checkbox-box--checked[data-v-507f1324] {
    background-color: var(--blue-1, #4F46E5);
    border-color: var(--blue-1, #4F46E5);
}
.checkbox-icon[data-v-507f1324] {
    width: 14px;
    height: 14px;
    color: white;
}
.color-circle[data-v-507f1324] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    flex-shrink: 0;
    border: 1px solid #E5E7EB;
}


.filter-desktop[data-v-40a8795a] {
    padding: 24px;
}
.filter-container[data-v-40a8795a] {
    border-radius: 32px;
    background-color: var(--neutral-11);
}
.filter-body[data-v-40a8795a] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 12px;
    grid-column-gap: 24px;
}
.filter-mobile[data-v-40a8795a] {
    padding: 16px;
    display: none;
    flex-direction: column;
    gap: 12px;
}
.tab-container[data-v-40a8795a] {
    display: flex;
    align-items: center;
    background: #FFFFFF;
    border-radius: var(--space-3);
    padding: var(--space-1);
    border: 1px solid var(--purple-4);
}
.tab-item[data-v-40a8795a] {
    position: relative;
    display: flex;
    width: 100%;
}
.tab-item._selected label[data-v-40a8795a] {
    background-color: var(--purple-4);
    color: var(--blue-1);
}
.tab-item input[data-v-40a8795a] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.tab-item label[data-v-40a8795a] {
    width: 100%;
    text-align: center;
    padding: 10px;
    background-color: #FFFFFF;
    color: #000000;
    font-weight: 500;
    line-height: 120%;
    border-radius: 10px;
    transition: all .3s ease;
}
.filter-buttons[data-v-40a8795a] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 12px;
}
.extra-fields[data-v-40a8795a] {
    margin-top: 12px;
}
.extra-field[data-v-40a8795a] {
    padding: 12px 0;
}
.extra-grid[data-v-40a8795a] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 12px;
}
.small-buttons[data-v-40a8795a] {
    display: flex;
    align-items: center;
    gap: 4px;
}
.mobile-filter-header[data-v-40a8795a] {
    display: flex;
    align-items: center;
    gap: 10px;
}
.mobile-filter-title[data-v-40a8795a] {
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    color: var(--neutral-2);
}
.mobile-filter-country[data-v-40a8795a] {
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    text-decoration: underline;
    text-decoration-style: dotted;
    text-decoration-offset: 15%;
    text-decoration-thickness: 10%;
    -webkit-text-decoration-skip: ink;
            text-decoration-skip-ink: auto;
    color: var(--blue-1);
}
.filter-body[data-v-40a8795a] .switch-wrapper.filter-switch {
    justify-content: flex-start;
    gap: 16px;
    width: auto;
}
.filter-body[data-v-40a8795a] .switch-slot {
    width: auto;
}
.mobile-filter-dash[data-v-40a8795a] {
    height: 18px;
    width: 1px;
    background-color: var(--neutral-10);
}
.mobile-brand-selector[data-v-40a8795a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border: 1.5px solid var(--purple-4);
    border-radius: 12px;
    background: #FFFFFF;
    cursor: pointer;
    min-height: 48px;
}
.mobile-brand-text[data-v-40a8795a] {
    color: var(--neutral-7);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mobile-brand-selector svg[data-v-40a8795a] {
    flex-shrink: 0;
    color: var(--neutral-7);
}
.mobile-field[data-v-40a8795a] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}
.mobile-field-label[data-v-40a8795a] {
    font-size: 12px;
    color: var(--neutral-7);
    line-height: 120%;
}
.mobile-field-value[data-v-40a8795a] {
    color: #000000;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mobile-row[data-v-40a8795a] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}
.mobile-filter-actions[data-v-40a8795a] {
    display: flex;
    align-items: center;
    gap: 4px;
    justify-content: flex-end;
}
@media (max-width: 1023px) {
.filter-desktop[data-v-40a8795a] {
        display: none;
}
.filter-mobile[data-v-40a8795a] {
        display: flex;
}
}
.btn-spinner[data-v-40a8795a] {
    display: inline-block;
    width: 18px;
    height: 18px;
    min-width: 18px;
    min-height: 18px;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: #FFFFFF;
    border-radius: 50%;
    animation: btn-spin-40a8795a 0.6s linear infinite;
    flex-shrink: 0;
    box-sizing: border-box;
}
@keyframes btn-spin-40a8795a {
to { transform: rotate(360deg);
}
}


.ad-container[data-v-4aaf4e8a] {
    display: none;
}
@media (max-width: 1023px) {
.ad-container[data-v-4aaf4e8a] {
        display: block;
        grid-column: 1 / -1;
}
}


.info-container[data-v-82161898] {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.main-info[data-v-82161898] {
    padding-top: 100px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.social-block[data-v-82161898] {
    display: flex;
    align-items: center;
    gap: 10px;
}
.info-card[data-v-82161898] {
    padding: 24px;
    background-color: #FFFFFF;
    border: 1px solid var(--neutral-11);
    border-radius: 24px;
}
.info-title[data-v-82161898] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.info-title-controls[data-v-82161898] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.controls-left[data-v-82161898] {
    display: flex;
    gap: 10px;
}
.info-title-loc[data-v-82161898] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 500;
    line-height: 140%;
    color: var(--neutral-8);
}
.info-title-title[data-v-82161898] {
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    color: #000000;
}
.info-title-price[data-v-82161898] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 2px 0;
}
.price-top[data-v-82161898] {
    display: flex;
    align-items: center;
    gap: 2px;
    color: var(--neutral-1);
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
}
.price-bottom[data-v-82161898] {
    display: flex;
    align-items: center;
    gap: 2px;
    color: #A8A7BF;
    font-size: 14px;
    font-weight: 600;
    line-height: 140%;
}
.info-main[data-v-82161898] {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.main-parameters[data-v-82161898] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.parameters-title[data-v-82161898] {
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    color: #000000;
}
.parameters-badges[data-v-82161898] {
    display: flex;
    align-items: center;
    gap: 8px;
}
.detail-badge[data-v-82161898] {
    display: flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: 8px;
    font-size: 12px;
    font-weight: 600;
    line-height: 140%;
}
.detail-badge.deep[data-v-82161898] {
    color: var(--violet-1);
    background-color: var(--purple-3);
}
.detail-badge.export[data-v-82161898] {
    color: var(--system-main-2);
    background-color: var(--system-light-2);
}
.detail-badge.new[data-v-82161898] {
    color: var(--system-main-3);
    background-color: var(--system-light-3);
}
.param-row[data-v-82161898] {
    display: grid;
    grid-template-columns: 150px 1fr;
    gap: 32px;
    align-items: center;
    padding: 10px 0;
    max-width: 432px;
}
.param-label[data-v-82161898] {
    font-weight: 500;
    line-height: 140%;
    color: var(--neutral-8);
}
.param-value[data-v-82161898] {
    font-weight: 500;
    line-height: 140%;
    color: #000000;
}
.specs-parameters[data-v-82161898] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.params-section .param-row[data-v-82161898]:not(:last-child) {
    border-bottom: 1px solid var(--neutral-11);
}
.info-descr[data-v-82161898] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.info-descr-header[data-v-82161898] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.descr-header-title[data-v-82161898] {
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    color: var(--neutral-1);
}
.info-descr-descr[data-v-82161898] {
    font-weight: 500;
    line-height: 140%;
    color: var(--neutral-1);
    white-space: pre-wrap;
    word-wrap: break-word;
}
.info-seller[data-v-82161898] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.info-card-owner[data-v-82161898] {
    flex: 1;
    border-radius: 24px;
    background: #FFFFFF;
    border: 1px solid #F5F5FF;
    padding: 13px 20px;
    display: flex;
    align-items: center;
    gap: 24px;
}
.owner-actions[data-v-82161898] {
    display: flex;
    gap: 12px;
    align-items: center;
}
.owner-action-link[data-v-82161898] {
    width: 100%;
    text-decoration: none;
}
.rejection-comment[data-v-82161898] {
    padding: 20px;
    background: var(--system-light-6);
    border-radius: 24px;
    border: 1px solid #F5F5FF;
}
.rejection-comment-title[data-v-82161898] {
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    color: var(--system-main-6);
    margin-bottom: 12px;
}
.rejection-comment-label[data-v-82161898] {
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #000000;
}
.seller-info[data-v-82161898] {
    display: flex;
    align-items: center;
    gap: 12px;
}
.seller-info--link[data-v-82161898] {
    text-decoration: none;
    cursor: pointer;
}
.seller-info--link:hover .seller-title[data-v-82161898] {
    color: var(--blue-1);
}
.seller-logo[data-v-82161898] {
    width: 48px;
    height: 48px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--neutral-11);
    border-radius: 12px;
    overflow: hidden;
    flex-shrink: 0;
}
.seller-avatar[data-v-82161898] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.seller-body[data-v-82161898] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.seller-title[data-v-82161898] {
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    color: var(--neutral-1);
}
.seller-address[data-v-82161898] {
    font-weight: 500;
    line-height: 140%;
    color: var(--neutral-8);
}
.seller-controls[data-v-82161898] {
    display: flex;
    align-items: center;
    gap: 12px;
}
.similar-block[data-v-82161898] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.similar-header[data-v-82161898] {
    padding: 0 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.similar-title[data-v-82161898] {
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    color: var(--neutral-1);
}
.similar-content[data-v-82161898] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
}
@media (min-width: 767px) {
.info-container[data-v-82161898] {
        gap: 40px;
}
.similar-content[data-v-82161898] {
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
}
.similar-title[data-v-82161898] {
        font-size: 24px;
}
}
@media (min-width: 1023px) {
.main-info[data-v-82161898] {
        padding-top: 0;
        flex-direction: row;
        gap: 40px;
        align-items: flex-start;
}
.left-block[data-v-82161898] {
        display: flex;
        flex-direction: column;
        gap: 12px;
        flex: 1;
        min-width: 0;
}
.right-block[data-v-82161898] {
        display: flex;
        flex-direction: column;
        gap: 12px;
        flex: 0 0 480px;
}
.similar-content[data-v-82161898] {
        grid-template-columns: repeat(5, 1fr);
        gap: 24px;
}
.param-row[data-v-82161898] {
        grid-template-columns: 200px 1fr;
}
}


.mobile-select-screen[data-v-5f9e09dc] {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
}
.select-fade-enter-active[data-v-5f9e09dc],
.select-fade-leave-active[data-v-5f9e09dc] {
    transition: opacity 0.25s ease;
}
.select-fade-enter-from[data-v-5f9e09dc],
.select-fade-leave-to[data-v-5f9e09dc] {
    opacity: 0;
}
.select-search[data-v-5f9e09dc] {
    padding: 16px;
    border-bottom: 1px solid #F2F2FF;
}
.select-scroll[data-v-5f9e09dc] {
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.select-list[data-v-5f9e09dc] {
    padding: 6px 16px;
}
.section-header[data-v-5f9e09dc] {
    padding: 12px 16px 4px;
    color: #908FAA;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
}
.select-item[data-v-5f9e09dc] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 12px 16px;
    border: none;
    background: none;
    cursor: pointer;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    color: #000000;
}
.select-item[data-v-5f9e09dc]:not(:last-child) {
    border-bottom: 1px solid #F2F2FF;
}
.select-item.is-selected[data-v-5f9e09dc] {
    color: var(--blue-1);
}
.select-item-icon[data-v-5f9e09dc] {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    object-fit: contain;
}
.select-item-label[data-v-5f9e09dc] {
    flex: 1;
}
.select-item-count[data-v-5f9e09dc] {
    color: #908FAA;
    font-size: 14px;
    flex-shrink: 0;
}
.select-item-check[data-v-5f9e09dc] {
    flex-shrink: 0;
}
.select-footer[data-v-5f9e09dc] {
    display: flex;
    gap: 8px;
    padding: 16px;
    border-top: 1px solid #F2F2FF;
    padding-bottom: calc(env(safe-area-inset-bottom) + 16px);
}
.select-footer[data-v-5f9e09dc] button {
    flex: 1;
}
.select-loading[data-v-5f9e09dc] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
}
.spinner[data-v-5f9e09dc] {
    width: 32px;
    height: 32px;
    border: 3px solid var(--blue-1);
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin-5f9e09dc 0.6s linear infinite;
}
@keyframes spin-5f9e09dc {
to { transform: rotate(360deg);
}
}
@media (min-width: 1023px) {
.mobile-select-screen[data-v-5f9e09dc] {
        display: none;
}
}


.mobile-all-filters[data-v-58b25ab2] {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
}
.select-fade-enter-active[data-v-58b25ab2],
.select-fade-leave-active[data-v-58b25ab2] {
    transition: opacity 0.25s ease;
}
.select-fade-enter-from[data-v-58b25ab2],
.select-fade-leave-to[data-v-58b25ab2] {
    opacity: 0;
}
.filters-scroll[data-v-58b25ab2] {
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.filter-section[data-v-58b25ab2] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.filter-section-title[data-v-58b25ab2] {
    font-size: 14px;
    font-weight: 500;
    color: #908FAA;
    line-height: 140%;
}
.tab-container[data-v-58b25ab2] {
    display: flex;
    align-items: center;
    background: #FFFFFF;
    border-radius: var(--space-3);
    padding: var(--space-1);
    border: 1px solid var(--purple-4);
}
.tab-item[data-v-58b25ab2] {
    position: relative;
    display: flex;
    width: 100%;
    cursor: pointer;
}
.tab-item._selected label[data-v-58b25ab2] {
    background-color: var(--purple-4);
    color: var(--blue-1);
}
.tab-item label[data-v-58b25ab2] {
    width: 100%;
    text-align: center;
    padding: 10px;
    background-color: #FFFFFF;
    color: #000000;
    font-weight: 500;
    line-height: 120%;
    border-radius: 10px;
    transition: all .3s ease;
    cursor: pointer;
}
.mobile-selector[data-v-58b25ab2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border: 1.5px solid var(--purple-4);
    border-radius: 12px;
    background: #FFFFFF;
    cursor: pointer;
    min-height: 48px;
}
.mobile-selector-text[data-v-58b25ab2] {
    color: var(--neutral-7);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mobile-selector svg[data-v-58b25ab2] {
    flex-shrink: 0;
    color: var(--neutral-7);
}
.mobile-field[data-v-58b25ab2] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}
.mobile-field-label[data-v-58b25ab2] {
    font-size: 12px;
    color: var(--neutral-7);
    line-height: 120%;
}
.mobile-field-value[data-v-58b25ab2] {
    color: #000000;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.filters-footer[data-v-58b25ab2] {
    display: flex;
    gap: 8px;
    padding: 16px;
    border-top: 1px solid #F2F2FF;
    padding-bottom: calc(env(safe-area-inset-bottom) + 16px);
}
.header-trash[data-v-58b25ab2] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1.5px solid var(--purple-4);
    background: #FFFFFF;
    border-radius: 12px;
    cursor: pointer;
    color: var(--neutral-7);
}
@media (min-width: 1023px) {
.mobile-all-filters[data-v-58b25ab2] {
        display: none;
}
}


.filter-desktop[data-v-05de0eb1] {
	padding: 24px;
}
.filter-container[data-v-05de0eb1] {
	border-radius: 32px;
	background-color: var(--neutral-11);
}
.filter-body[data-v-05de0eb1] {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-row-gap: 12px;
	grid-column-gap: 24px;
}
.filter-mobile[data-v-05de0eb1] {
	padding: 16px;
	display: none;
	flex-direction: column;
	gap: 12px;
}
.mobile-filter-actions[data-v-05de0eb1] {
	display: flex;
	align-items: center;
	gap: 4px;
	justify-content: flex-end;
}
.tab-container[data-v-05de0eb1] {
	display: flex;
	align-items: center;
	background: #FFFFFF;
	border-radius: var(--space-3);
	padding: var(--space-1);
	border: 1px solid var(--purple-4);
}
.tab-item[data-v-05de0eb1] {
	position: relative;
	display: flex;
	width: 100%;
}
.tab-item._selected label[data-v-05de0eb1] {
	background-color: var(--purple-4);
	color: var(--blue-1);
}
.tab-item input[data-v-05de0eb1] {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.tab-item label[data-v-05de0eb1] {
	width: 100%;
	text-align: center;
	padding: 10px;
	background-color: #FFFFFF;
	color: #000000;
	font-weight: 500;
	line-height: 120%;
	border-radius: 10px;
	transition: all .3s ease;
}
.body-dropdown-content[data-v-05de0eb1] {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
}
.filter-checkbox[data-v-05de0eb1] {
	padding: 5px 0 5px 16px;
}
.filter-buttons[data-v-05de0eb1] {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
	margin-top: 12px;
}
.extra-fields[data-v-05de0eb1] {
	margin-top: 12px;
}
.extra-title[data-v-05de0eb1] {
	font-weight: 500;
	font-size: 14px;
	line-height: 140%;
	color: var(--neutral-2);
	margin-bottom: 12px;
}
.extra-field[data-v-05de0eb1] {
	padding: 12px 0;
}
.extra-grid[data-v-05de0eb1] {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-column-gap: 24px;
	grid-row-gap: 12px;
}
.small-buttons[data-v-05de0eb1] {
	display: flex;
	align-items: center;
	gap: 4px;
}
.mobile-filter-header[data-v-05de0eb1] {
	display: flex;
	align-items: center;
	gap: 10px;
}
.mobile-filter-title[data-v-05de0eb1] {
	font-weight: 600;
	font-size: 18px;
	line-height: 120%;
	color: var(--neutral-2);
}
.mobile-filter-country[data-v-05de0eb1] {
	font-weight: 600;
	font-size: 18px;
	line-height: 120%;
	text-decoration: underline;
	text-decoration-style: dotted;
	text-decoration-offset: 15%;
	text-decoration-thickness: 10%;
	-webkit-text-decoration-skip: ink;
	        text-decoration-skip-ink: auto;
	color: var(--blue-1);
}
.mobile-filter-dash[data-v-05de0eb1] {
	height: 18px;
	width: 1px;
	background-color: var(--neutral-10);
}
.mobile-brand-selector[data-v-05de0eb1] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 16px;
	border: 1.5px solid var(--purple-4);
	border-radius: 12px;
	background: #FFFFFF;
	cursor: pointer;
	min-height: 48px;
}
.mobile-brand-text[data-v-05de0eb1] {
	color: var(--neutral-7);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.mobile-brand-selector svg[data-v-05de0eb1] {
	flex-shrink: 0;
	color: var(--neutral-7);
}
.mobile-field[data-v-05de0eb1] {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
	flex: 1;
}
.mobile-field-label[data-v-05de0eb1] {
	font-size: 12px;
	color: var(--neutral-7);
	line-height: 120%;
}
.mobile-field-value[data-v-05de0eb1] {
	color: #000000;
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
@media (max-width: 1023px) {
.filter-desktop[data-v-05de0eb1] {
		display: none;
}
.filter-mobile[data-v-05de0eb1] {
		display: flex;
}
}
.btn-spinner[data-v-05de0eb1] {
    display: inline-block;
    min-width: 18px;
    min-height: 18px;
    flex-shrink: 0;
    box-sizing: border-box;
	width: 18px;
	height: 18px;
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-top-color: #FFFFFF;
	border-radius: 50%;
	animation: btn-spin-05de0eb1 0.6s linear infinite;
}
@keyframes btn-spin-05de0eb1 {
to { transform: rotate(360deg);
}
}


.ad-container[data-v-0c5e21cb] {
	display: none;
}
@media (max-width: 1023px) {
.ad-container[data-v-0c5e21cb] {
		display: block;
		grid-column: 1 / -1;
}
}


.diameter-option[data-v-73a86a22],
.diameter-selected[data-v-73a86a22] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
}
.diameter-info[data-v-73a86a22] {
    flex: 1;
    min-width: 0;
}
.diameter-name[data-v-73a86a22] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


.mobile-select-screen[data-v-aea7ddd4] {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
}
.select-fade-enter-active[data-v-aea7ddd4],
.select-fade-leave-active[data-v-aea7ddd4] {
    transition: opacity 0.25s ease;
}
.select-fade-enter-from[data-v-aea7ddd4],
.select-fade-leave-to[data-v-aea7ddd4] {
    opacity: 0;
}
.select-search[data-v-aea7ddd4] {
    padding: 16px;
    border-bottom: 1px solid #F2F2FF;
}
.select-scroll[data-v-aea7ddd4] {
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.select-list[data-v-aea7ddd4] {
    padding: 6px 16px;
}
.section-header[data-v-aea7ddd4] {
    padding: 12px 16px 4px;
    color: #908FAA;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
}
.select-item[data-v-aea7ddd4] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 12px 16px;
    border: none;
    background: none;
    cursor: pointer;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    color: #000000;
}
.select-item[data-v-aea7ddd4]:not(:last-child) {
    border-bottom: 1px solid #F2F2FF;
}
.select-item.is-selected[data-v-aea7ddd4] {
    color: var(--blue-1);
}
.select-item-icon[data-v-aea7ddd4] {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    object-fit: contain;
}
.select-item-label[data-v-aea7ddd4] {
    flex: 1;
}
.select-item-count[data-v-aea7ddd4] {
    color: #908FAA;
    font-size: 14px;
    flex-shrink: 0;
}
.select-item-check[data-v-aea7ddd4] {
    flex-shrink: 0;
}
.select-footer[data-v-aea7ddd4] {
    display: flex;
    gap: 8px;
    padding: 16px;
    border-top: 1px solid #F2F2FF;
    padding-bottom: calc(env(safe-area-inset-bottom) + 16px);
}
.select-footer[data-v-aea7ddd4] button {
    flex: 1;
}
.select-loading[data-v-aea7ddd4] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
}
.spinner[data-v-aea7ddd4] {
    width: 32px;
    height: 32px;
    border: 3px solid var(--blue-1);
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin-aea7ddd4 0.6s linear infinite;
}
@keyframes spin-aea7ddd4 {
to { transform: rotate(360deg);
}
}
@media (min-width: 1023px) {
.mobile-select-screen[data-v-aea7ddd4] {
        display: none;
}
}


.mobile-select-screen[data-v-5ad7accb] {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
}
.select-fade-enter-active[data-v-5ad7accb],
.select-fade-leave-active[data-v-5ad7accb] {
    transition: opacity 0.25s ease;
}
.select-fade-enter-from[data-v-5ad7accb],
.select-fade-leave-to[data-v-5ad7accb] {
    opacity: 0;
}
.select-search[data-v-5ad7accb] {
    padding: 16px;
    border-bottom: 1px solid #F2F2FF;
}
.select-scroll[data-v-5ad7accb] {
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.select-list[data-v-5ad7accb] {
    padding: 6px 16px;
}
.section-header[data-v-5ad7accb] {
    padding: 12px 16px 4px;
    color: #908FAA;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
}
.select-item[data-v-5ad7accb] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 12px 16px;
    border: none;
    background: none;
    cursor: pointer;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    color: #000000;
}
.select-item[data-v-5ad7accb]:not(:last-child) {
    border-bottom: 1px solid #F2F2FF;
}
.select-item.is-selected[data-v-5ad7accb] {
    color: var(--blue-1);
}
.select-item-label[data-v-5ad7accb] {
    flex: 1;
}
.select-item-check[data-v-5ad7accb] {
    flex-shrink: 0;
}
.select-footer[data-v-5ad7accb] {
    display: flex;
    gap: 8px;
    padding: 16px;
    border-top: 1px solid #F2F2FF;
    padding-bottom: calc(env(safe-area-inset-bottom) + 16px);
}
.select-footer[data-v-5ad7accb] button {
    flex: 1;
}
.select-loading[data-v-5ad7accb] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
}
.spinner[data-v-5ad7accb] {
    width: 32px;
    height: 32px;
    border: 3px solid var(--blue-1);
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin-5ad7accb 0.6s linear infinite;
}
@keyframes spin-5ad7accb {
to { transform: rotate(360deg);
}
}
@media (min-width: 1023px) {
.mobile-select-screen[data-v-5ad7accb] {
        display: none;
}
}


.mobile-all-filters[data-v-c233697e] {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
}
.select-fade-enter-active[data-v-c233697e],
.select-fade-leave-active[data-v-c233697e] {
    transition: opacity 0.25s ease;
}
.select-fade-enter-from[data-v-c233697e],
.select-fade-leave-to[data-v-c233697e] {
    opacity: 0;
}
.filters-scroll[data-v-c233697e] {
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.filter-section[data-v-c233697e] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.filter-section-title[data-v-c233697e] {
    font-size: 14px;
    font-weight: 500;
    color: #908FAA;
    line-height: 140%;
}
.tab-container[data-v-c233697e] {
    display: flex;
    align-items: center;
    background: #FFFFFF;
    border-radius: var(--space-3);
    padding: var(--space-1);
    border: 1px solid var(--purple-4);
}
.tab-item[data-v-c233697e] {
    position: relative;
    display: flex;
    width: 100%;
    cursor: pointer;
}
.tab-item._selected label[data-v-c233697e] {
    background-color: var(--purple-4);
    color: var(--blue-1);
}
.tab-item label[data-v-c233697e] {
    width: 100%;
    text-align: center;
    padding: 10px;
    background-color: #FFFFFF;
    color: #000000;
    font-weight: 500;
    line-height: 120%;
    border-radius: 10px;
    transition: all .3s ease;
    cursor: pointer;
}
.mobile-selector[data-v-c233697e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border: 1.5px solid var(--purple-4);
    border-radius: 12px;
    background: #FFFFFF;
    cursor: pointer;
    min-height: 48px;
}
.mobile-selector-text[data-v-c233697e] {
    color: var(--neutral-7);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mobile-selector svg[data-v-c233697e] {
    flex-shrink: 0;
    color: var(--neutral-7);
}
.mobile-field[data-v-c233697e] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}
.mobile-field-label[data-v-c233697e] {
    font-size: 12px;
    color: var(--neutral-7);
    line-height: 120%;
}
.mobile-field-value[data-v-c233697e] {
    color: #000000;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.filters-footer[data-v-c233697e] {
    display: flex;
    gap: 8px;
    padding: 16px;
    border-top: 1px solid #F2F2FF;
    padding-bottom: calc(env(safe-area-inset-bottom) + 16px);
}
.header-trash[data-v-c233697e] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1.5px solid var(--purple-4);
    background: #FFFFFF;
    border-radius: 12px;
    cursor: pointer;
    color: var(--neutral-7);
}
@media (min-width: 1023px) {
.mobile-all-filters[data-v-c233697e] {
        display: none;
}
}


.filter-desktop[data-v-63d5b63c] {
	padding: 24px;
}
.filter-container[data-v-63d5b63c] {
	border-radius: 32px;
	background-color: var(--neutral-11);
}
.filter-body[data-v-63d5b63c] {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-row-gap: 12px;
	grid-column-gap: 24px;
}
.filter-mobile[data-v-63d5b63c] {
	padding: 16px;
	display: none;
	flex-direction: column;
	gap: 12px;
}
.mobile-filter-actions[data-v-63d5b63c] {
	display: flex;
	align-items: center;
	gap: 4px;
	justify-content: flex-end;
}
.tab-container[data-v-63d5b63c] {
	display: flex;
	align-items: center;
	background: #FFFFFF;
	border-radius: var(--space-3);
	padding: var(--space-1);
	border: 1px solid var(--purple-4);
}
.tab-item[data-v-63d5b63c] {
	position: relative;
	display: flex;
	width: 100%;
}
.tab-item._selected label[data-v-63d5b63c] {
	background-color: var(--purple-4);
	color: var(--blue-1);
}
.tab-item input[data-v-63d5b63c] {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.tab-item label[data-v-63d5b63c] {
	width: 100%;
	text-align: center;
	padding: 10px;
	background-color: #FFFFFF;
	color: #000000;
	font-weight: 500;
	line-height: 120%;
	border-radius: 10px;
	transition: all .3s ease;
}
.body-dropdown-content[data-v-63d5b63c] {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 12px;
}
.filter-checkbox[data-v-63d5b63c] {
	padding: 5px 0 5px 16px;
}
.filter-buttons[data-v-63d5b63c] {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
	margin-top: 12px;
}
.extra-fields[data-v-63d5b63c] {
	margin-top: 12px;
}
.extra-title[data-v-63d5b63c] {
	font-weight: 500;
	font-size: 14px;
	line-height: 140%;
	color: var(--neutral-2);
	margin-bottom: 12px;
}
.extra-field[data-v-63d5b63c] {
	padding: 12px 0;
}
.extra-grid[data-v-63d5b63c] {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-column-gap: 24px;
	grid-row-gap: 12px;
}
.small-buttons[data-v-63d5b63c] {
	display: flex;
	align-items: center;
	gap: 4px;
}
.mobile-filter-header[data-v-63d5b63c] {
	display: flex;
	align-items: center;
	gap: 10px;
}
.mobile-filter-title[data-v-63d5b63c] {
	font-weight: 600;
	font-size: 18px;
	line-height: 120%;
	color: var(--neutral-2);
}
.mobile-filter-country[data-v-63d5b63c] {
	font-weight: 600;
	font-size: 18px;
	line-height: 120%;
	text-decoration: underline;
	text-decoration-style: dotted;
	text-decoration-offset: 15%;
	text-decoration-thickness: 10%;
	-webkit-text-decoration-skip: ink;
	        text-decoration-skip-ink: auto;
	color: var(--blue-1);
}
.mobile-filter-dash[data-v-63d5b63c] {
	height: 18px;
	width: 1px;
	background-color: var(--neutral-10);
}
.mobile-brand-selector[data-v-63d5b63c] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 16px;
	border: 1.5px solid var(--purple-4);
	border-radius: 12px;
	background: #FFFFFF;
	cursor: pointer;
	min-height: 48px;
}
.mobile-brand-text[data-v-63d5b63c] {
	color: var(--neutral-7);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.mobile-brand-selector svg[data-v-63d5b63c] {
	flex-shrink: 0;
	color: var(--neutral-7);
}
.mobile-field[data-v-63d5b63c] {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
	flex: 1;
}
.mobile-field-label[data-v-63d5b63c] {
	font-size: 12px;
	color: var(--neutral-7);
	line-height: 120%;
}
.mobile-field-value[data-v-63d5b63c] {
	color: #000000;
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
@media (max-width: 1023px) {
.filter-desktop[data-v-63d5b63c] {
		display: none;
}
.filter-mobile[data-v-63d5b63c] {
		display: flex;
}
}
.btn-spinner[data-v-63d5b63c] {
    display: inline-block;
    min-width: 18px;
    min-height: 18px;
    flex-shrink: 0;
    box-sizing: border-box;
	width: 18px;
	height: 18px;
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-top-color: #FFFFFF;
	border-radius: 50%;
	animation: btn-spin-63d5b63c 0.6s linear infinite;
}
@keyframes btn-spin-63d5b63c {
to { transform: rotate(360deg);
}
}


.category-tabs[data-v-dc181672] {
	display: grid;
	grid-template-columns: repeat(2, 240px);
	gap: 16px;
	margin-bottom: 16px;
}
.section-block--active[data-v-dc181672] {
	outline: 2px solid var(--blue-1);
}
.ad-container[data-v-dc181672] {
	display: none;
}
@media (max-width: 1023px) {
.category-tabs[data-v-dc181672] {
		gap: 8px;
}
.ad-container[data-v-dc181672] {
		display: block;
		grid-column: 1 / -1;
}
}


.mobile-select-screen[data-v-ef61a724] {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
}
.select-fade-enter-active[data-v-ef61a724],
.select-fade-leave-active[data-v-ef61a724] {
    transition: opacity 0.25s ease;
}
.select-fade-enter-from[data-v-ef61a724],
.select-fade-leave-to[data-v-ef61a724] {
    opacity: 0;
}
.select-search[data-v-ef61a724] {
    padding: 16px;
    border-bottom: 1px solid #F2F2FF;
}
.select-scroll[data-v-ef61a724] {
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.select-list[data-v-ef61a724] {
    padding: 6px 16px;
}
.section-header[data-v-ef61a724] {
    padding: 12px 16px 4px;
    color: #908FAA;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
}
.select-item[data-v-ef61a724] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    padding: 12px 16px;
    border: none;
    background: none;
    cursor: pointer;
    text-align: left;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    color: #000000;
}
.select-item[data-v-ef61a724]:not(:last-child) {
    border-bottom: 1px solid #F2F2FF;
}
.select-item.is-selected[data-v-ef61a724] {
    color: var(--blue-1);
}
.color-circle[data-v-ef61a724] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 2px solid #E5E7EB;
    flex-shrink: 0;
}
.select-item-label[data-v-ef61a724] {
    flex: 1;
}
.select-item-check[data-v-ef61a724] {
    flex-shrink: 0;
}
.select-footer[data-v-ef61a724] {
    display: flex;
    gap: 8px;
    padding: 16px;
    border-top: 1px solid #F2F2FF;
    padding-bottom: calc(env(safe-area-inset-bottom) + 16px);
}
.select-footer[data-v-ef61a724] button {
    flex: 1;
}
.select-loading[data-v-ef61a724] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
}
.spinner[data-v-ef61a724] {
    width: 32px;
    height: 32px;
    border: 3px solid var(--blue-1);
    border-top-color: transparent;
    border-radius: 50%;
    animation: spin-ef61a724 0.6s linear infinite;
}
@keyframes spin-ef61a724 {
to { transform: rotate(360deg);
}
}
@media (min-width: 1023px) {
.mobile-select-screen[data-v-ef61a724] {
        display: none;
}
}


.filter-desktop[data-v-82860138] {
	padding: 24px;
}
.filter-container[data-v-82860138] {
	border-radius: 32px;
	background-color: var(--neutral-11);
}
.filter-body[data-v-82860138] {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-row-gap: 12px;
	grid-column-gap: 24px;
}
.filter-mobile[data-v-82860138] {
	padding: 16px;
	display: none;
	flex-direction: column;
	gap: 12px;
}
.mobile-filter-header[data-v-82860138] {
	display: flex;
	align-items: center;
	gap: 10px;
}
.mobile-filter-title[data-v-82860138] {
	font-weight: 600;
	font-size: 18px;
	line-height: 120%;
	color: var(--neutral-2);
}
.mobile-filter-country[data-v-82860138] {
	font-weight: 600;
	font-size: 18px;
	line-height: 120%;
	text-decoration: underline;
	text-decoration-style: dotted;
	text-decoration-offset: 15%;
	text-decoration-thickness: 10%;
	-webkit-text-decoration-skip: ink;
	        text-decoration-skip-ink: auto;
	color: var(--blue-1);
}
.mobile-filter-dash[data-v-82860138] {
	height: 18px;
	width: 1px;
	background-color: var(--neutral-10);
}
.mobile-filter-actions[data-v-82860138] {
	display: flex;
	align-items: center;
	gap: 4px;
	justify-content: flex-end;
}
.tab-container[data-v-82860138] {
	display: flex;
	align-items: center;
	background: #FFFFFF;
	border-radius: var(--space-3);
	padding: var(--space-1);
	border: 1px solid var(--purple-4);
}
.tab-item[data-v-82860138] {
	position: relative;
	display: flex;
	width: 100%;
}
.tab-item._selected label[data-v-82860138] {
	background-color: var(--purple-4);
	color: var(--blue-1);
}
.tab-item input[data-v-82860138] {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.tab-item label[data-v-82860138] {
	width: 100%;
	text-align: center;
	padding: 10px;
	background-color: #FFFFFF;
	color: #000000;
	font-weight: 500;
	line-height: 120%;
	border-radius: 10px;
	transition: all .3s ease;
}
.small-buttons[data-v-82860138] {
	display: flex;
	align-items: center;
	gap: 4px;
}
.mobile-brand-selector[data-v-82860138] {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 16px;
	border: 1.5px solid var(--purple-4);
	border-radius: 12px;
	background: #FFFFFF;
	cursor: pointer;
	min-height: 48px;
}
.mobile-brand-text[data-v-82860138] {
	color: var(--neutral-7);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.mobile-brand-selector svg[data-v-82860138] {
	flex-shrink: 0;
	color: var(--neutral-7);
}
.mobile-field[data-v-82860138] {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
	flex: 1;
}
.mobile-field-label[data-v-82860138] {
	font-size: 12px;
	color: var(--neutral-7);
	line-height: 120%;
}
.mobile-field-value[data-v-82860138] {
	color: #000000;
	font-weight: 500;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.mobile-color-value[data-v-82860138] {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #000000;
	font-weight: 500;
}
.color-circle[data-v-82860138] {
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 1.5px solid #E5E7EB;
	flex-shrink: 0;
}
@media (max-width: 1023px) {
.filter-desktop[data-v-82860138] {
		display: none;
}
.filter-mobile[data-v-82860138] {
		display: flex;
}
}
.btn-spinner[data-v-82860138] {
    display: inline-block;
    min-width: 18px;
    min-height: 18px;
    flex-shrink: 0;
    box-sizing: border-box;
	width: 18px;
	height: 18px;
	border: 2px solid rgba(255, 255, 255, 0.3);
	border-top-color: #FFFFFF;
	border-radius: 50%;
	animation: btn-spin-82860138 0.6s linear infinite;
}
@keyframes btn-spin-82860138 {
to { transform: rotate(360deg);
}
}


.ad-container[data-v-850dbe1e] {
	display: none;
}
@media (max-width: 1023px) {
.ad-container[data-v-850dbe1e] {
		display: block;
		grid-column: 1 / -1;
}
}


.desktop-only[data-v-692d6a84] {
    display: flex;
}
.mobile-only[data-v-692d6a84] {
    display: none;
}
.showrooms-header[data-v-692d6a84] {
	align-items: center;
	justify-content: space-between;
    margin-bottom: 40px;
}
.showrooms-header__main[data-v-692d6a84] {
	font-weight: 600;
	font-size: 24px;
	line-height: 120%;
	color: var(--neutral-1);
}
.showrooms-header__count[data-v-692d6a84] {
	color: var(--neutral-6);
}
.desktop-sort[data-v-692d6a84] {
    width: 240px;
}
.controls-bar[data-v-692d6a84] {
	display: flex;
	align-items: center;
	gap: 12px;
}
.showrooms-content[data-v-692d6a84] {
    gap: 80px;
}
.content-left[data-v-692d6a84] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 240px;
    flex-shrink: 0;
}
.content-right[data-v-692d6a84] {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 24px;
}
.showroom-btn[data-v-692d6a84] {
    width: 100%;
}
.showroom-cards[data-v-692d6a84] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

/* Mobile layout */
.mobile-layout[data-v-692d6a84] {
    flex-direction: column;
    gap: 16px;
}
.mobile-search-row[data-v-692d6a84] {
    display: flex;
    align-items: center;
    gap: 8px;
}
.mobile-search-input[data-v-692d6a84] {
    flex: 1;
}
.showroom-cards-mobile[data-v-692d6a84] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 370px));
    gap: 12px;
}

/* Mobile fullscreen filters */
.mobile-filters-screen[data-v-692d6a84] {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
}
.select-fade-enter-active[data-v-692d6a84],
.select-fade-leave-active[data-v-692d6a84] {
    transition: opacity 0.25s ease;
}
.select-fade-enter-from[data-v-692d6a84],
.select-fade-leave-to[data-v-692d6a84] {
    opacity: 0;
}
.mobile-filters-scroll[data-v-692d6a84] {
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.mobile-filter-section[data-v-692d6a84] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.mobile-filters-footer[data-v-692d6a84] {
    display: flex;
    gap: 8px;
    padding: 16px;
    border-top: 1px solid #F2F2FF;
    padding-bottom: calc(env(safe-area-inset-bottom) + 16px);
}
.header-trash[data-v-692d6a84] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1.5px solid var(--purple-4);
    background: #FFFFFF;
    border-radius: 12px;
    cursor: pointer;
    color: var(--neutral-7);
}
.mobile-selector[data-v-692d6a84] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border: 1.5px solid var(--purple-4);
    border-radius: 12px;
    background: #FFFFFF;
    cursor: pointer;
    min-height: 48px;
}
.mobile-selector-text[data-v-692d6a84] {
    color: var(--neutral-7);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mobile-selector--disabled[data-v-692d6a84] {
    opacity: 0.5;
    pointer-events: none;
}
.mobile-selector svg[data-v-692d6a84] {
    flex-shrink: 0;
    color: var(--neutral-7);
}
.mobile-field[data-v-692d6a84] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}
.mobile-field-label[data-v-692d6a84] {
    font-size: 12px;
    color: var(--neutral-7);
    line-height: 120%;
}
.mobile-field-value[data-v-692d6a84] {
    color: #000000;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Category bottom sheet */
.category-list[data-v-692d6a84] {
    display: flex;
    flex-direction: column;
}
.category-item[data-v-692d6a84] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border: none;
    background: none;
    cursor: pointer;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    color: #000000;
}
.category-item[data-v-692d6a84]:not(:last-child) {
    border-bottom: 1px solid #F2F2FF;
}
.category-item--selected[data-v-692d6a84] {
    color: var(--blue-1);
}
.category-item-label[data-v-692d6a84] {
    flex: 1;
}
@media (max-width: 1023px) {
.desktop-only[data-v-692d6a84] {
        display: none !important;
}
.mobile-only[data-v-692d6a84] {
        display: flex;
}
}
@media (max-width: 767px) {
.showroom-cards-mobile[data-v-692d6a84] {
        grid-template-columns: repeat(2, 1fr);
}
}


.filter-body[data-v-52a82bfe] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px;
    background-color: var(--neutral-11);
    border-radius: 16px;
}
.filter-actions[data-v-52a82bfe] {
    display: flex;
    gap: 8px;
}


.topic-menu[data-v-aef603f8] {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
.topic-menu[data-v-aef603f8]::-webkit-scrollbar {
    display: none;
}
.topic-menu[data-v-aef603f8] > * {
    flex-shrink: 0;
}
.showroom-catalog[data-v-aef603f8] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.catalog-header[data-v-aef603f8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.catalog-header__main[data-v-aef603f8] {
	font-weight: 600;
	font-size: 24px;
	line-height: 120%;
	color: var(--neutral-1);
}
.catalog-header__count[data-v-aef603f8] {
	color: var(--neutral-6);
}
.controls-bar[data-v-aef603f8] {
	display: flex;
	align-items: center;
	gap: 4px;
}
.open-filter[data-v-aef603f8] {
    width: 48px;
    height: 48px;
}
.tab-container[data-v-aef603f8] {
	display: flex;
	align-items: center;
	background: #FFFFFF;
	border-radius: var(--space-3);
	padding: var(--space-1);
	border: 1px solid var(--purple-4);
}
.tab-item[data-v-aef603f8] {
	position: relative;
	display: flex;
	width: 40px;
	height: 40px;
}
.tab-item label[data-v-aef603f8] {
	width: 100%;
	text-align: center;
	padding: 10px;
	background-color: #FFFFFF;
	color: var(--neutral-7);
	font-weight: 500;
	line-height: 120%;
	border-radius: 10px;
	transition: all .3s ease;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.tab-item._selected label[data-v-aef603f8] {
	background-color: var(--purple-4);
	color: var(--blue-1);
}
.tab-item input[data-v-aef603f8] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}
.items-container[data-v-aef603f8] {
    width: 100%;
}
.items-container--column[data-v-aef603f8] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.items-container--row[data-v-aef603f8] {
    display: flex;
    flex-direction: column;
    gap: 0;
}
.items-container--row[data-v-aef603f8] > * {
    padding: 24px 0;
    border-bottom: 1px solid var(--purple-4);
}
.items-container--row[data-v-aef603f8] > *:last-child {
    border-bottom: none;
}
.items-container--row[data-v-aef603f8] > *:first-child {
    padding-top: 0;
}
@media (max-width: 767px) {
.items-container--column[data-v-aef603f8] {
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
        gap: 12px;
}
.items-container--row[data-v-aef603f8] > * {
        padding: 12px 0;
}
}


.mobile-shop-catalog[data-v-4c263d9e] {
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
}
.catalog-fade-enter-active[data-v-4c263d9e],
.catalog-fade-leave-active[data-v-4c263d9e] {
    transition: opacity 0.25s ease;
}
.catalog-fade-enter-from[data-v-4c263d9e],
.catalog-fade-leave-to[data-v-4c263d9e] {
    opacity: 0;
}
.header-sort-btn[data-v-4c263d9e] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1.5px solid var(--purple-4);
    background: #FFFFFF;
    border-radius: 12px;
    cursor: pointer;
    color: var(--neutral-7);
}
.catalog-scroll[data-v-4c263d9e] {
    flex: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 16px;
}
.catalog-section-header[data-v-4c263d9e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}
.catalog-section-title[data-v-4c263d9e] {
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    color: #000000;
}
.catalog-section-count[data-v-4c263d9e] {
    color: var(--neutral-6);
}
.catalog-grid[data-v-4c263d9e] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
    margin-bottom: 16px;
}

/* Sort bottom sheet */
.sort-list[data-v-4c263d9e] {
    display: flex;
    flex-direction: column;
}
.sort-item[data-v-4c263d9e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border: none;
    background: none;
    cursor: pointer;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    color: #000000;
}
.sort-item[data-v-4c263d9e]:not(:last-child) {
    border-bottom: 1px solid #F2F2FF;
}
.sort-item--selected[data-v-4c263d9e] {
    color: var(--blue-1);
}
.sort-item-label[data-v-4c263d9e] {
    flex: 1;
}
@media (max-width: 480px) {
.catalog-grid[data-v-4c263d9e] {
        grid-template-columns: repeat(2, 1fr);
}
}


/* Desktop layout */
.desktop-only[data-v-769a5c28] {
    display: flex;
}
.mobile-only[data-v-769a5c28] {
    display: none;
}
.showroom-container[data-v-769a5c28] {
    flex-direction: column;
    gap: 40px;
}
.showroom-content[data-v-769a5c28] {
    display: flex;
    align-items: flex-start;
    gap: 40px;
}
.left-bar[data-v-769a5c28] {
    width: 100%;
    max-width: 480px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.left-bar-card[data-v-769a5c28] {
    border: 1px solid var(--neutral-11);
    border-radius: 24px;
    overflow: hidden;
}
.rejection-card[data-v-769a5c28] {
    padding: 24px;
}
.rejection-comment[data-v-769a5c28] {
    padding: 12px 16px;
    background: var(--system-main-6-bg, #FEF2F2);
    border-radius: 12px;
    font-size: 14px;
    line-height: 140%;
    color: var(--neutral-2);
}
.rejection-comment-label[data-v-769a5c28] {
    font-weight: 600;
    color: var(--system-main-6, #EF4444);
}
.showroom-image[data-v-769a5c28] {
    position: relative;
    border-radius: 24px;
    height: 240px;
    overflow: hidden;
}
.showroom-image img[data-v-769a5c28] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.showroom-info[data-v-769a5c28] {
    position: relative;
    padding: 24px;
}
.showroom-logo[data-v-769a5c28] {
    position: absolute;
    top: -40px;
    width: 64px;
    height: 64px;
    border: 2px solid var(--purple-4);
    border-radius: 12px;
    overflow: hidden;
}
.showroom-logo img[data-v-769a5c28] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.showroom-name-row[data-v-769a5c28] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}
.showroom-name[data-v-769a5c28] {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    color: #000000;
}
.showroom-edit-btn[data-v-769a5c28] {
    position: absolute;
    bottom: 8px;
    right: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1.5px solid var(--purple-4);
    border-radius: 12px;
    background-color: #FFFFFF;
    color: var(--neutral-7);
    cursor: pointer;
    flex-shrink: 0;
    transition: border-color 0.2s;
}
.showroom-edit-btn[data-v-769a5c28]:hover {
    border-color: var(--blue-1);
    color: var(--blue-1);
}
.showroom-descr[data-v-769a5c28] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    line-height: 140%;
    color: #000000;
    padding-bottom: 24px;
    border-bottom: 1px solid var(--neutral-11);
}
.showroom-subdescr[data-v-769a5c28] {
    padding-top: 24px;
}
.showroom-address[data-v-769a5c28] {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 0 4px;
    font-weight: 500;
    line-height: 120%;
    color: var(--neutral-3);
    margin-bottom: 12px;
}
.showroom-address svg[data-v-769a5c28] {
    flex-shrink: 0;
}
.showroom-time[data-v-769a5c28] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 24px;
}
.main-time[data-v-769a5c28] {
    padding: 0 4px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    line-height: 120%;
    color: var(--neutral-3);
}
.main-time svg[data-v-769a5c28] {
    flex-shrink: 0;
}
.time-badge[data-v-769a5c28] {
    padding: 4px 10px;
    border-radius: 100px;
    background-color: var(--system-light-3);
    font-family: Montserrat;
    font-weight: 600;
    font-size: 12px;
    line-height: 120%;
    text-align: center;
    vertical-align: middle;
    color: var(--system-main-3);
}
.subtime[data-v-769a5c28] {
    padding-left: 32px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0px;
    vertical-align: middle;
    color: var(--neutral-3);
}
.showroom-phone[data-v-769a5c28] {
    padding: 0 4px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    line-height: 120%;
    color: var(--neutral-3);
    margin-bottom: 24px;
}
.showroom-phone svg[data-v-769a5c28] {
    flex-shrink: 0;
}
.showroom-phone a[data-v-769a5c28] {
    color: inherit;
}
.showroom-link[data-v-769a5c28] {
    padding: 0 4px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 500;
    line-height: 120%;
    color: var(--blue-1);
}
.showroom-link svg[data-v-769a5c28] {
    flex-shrink: 0;
}

/* Mobile layout */
.mobile-layout[data-v-769a5c28] {
    flex-direction: column;
}
.mobile-cover[data-v-769a5c28] {
    position: relative;
    width: 100%;
    height: 300px;
}
.mobile-cover-img[data-v-769a5c28] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mobile-back-btn[data-v-769a5c28] {
    position: absolute;
    top: 12px;
    left: 16px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.9);
    border: 1.5px solid var(--purple-4);
    border-radius: 12px;
    color: var(--neutral-7);
    cursor: pointer;
}
.mobile-card[data-v-769a5c28] {
    position: relative;
    margin-top: -24px;
    background: #FFFFFF;
    border-radius: 24px 24px 0 0;
    padding: 24px 16px;
}
.mobile-logo-row[data-v-769a5c28] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 16px;
}
.mobile-logo[data-v-769a5c28] {
    width: 48px;
    height: 48px;
    border: 2px solid var(--purple-4);
    border-radius: 12px;
    overflow: hidden;
    flex-shrink: 0;
}
.mobile-logo img[data-v-769a5c28] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.mobile-name[data-v-769a5c28] {
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    color: #000000;
}
.mobile-descr[data-v-769a5c28] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    line-height: 140%;
    color: #000000;
    padding-bottom: 16px;
}
.mobile-tabs[data-v-769a5c28] {
    display: flex;
    gap: 0;
    border: 1.5px solid var(--purple-4);
    border-radius: 12px;
    padding: 4px;
    margin-bottom: 16px;
}
.mobile-tab[data-v-769a5c28] {
    flex: 1;
    padding: 10px 0;
    border: none;
    background: none;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    color: var(--neutral-7);
    text-align: center;
    border-radius: 8px;
    transition: all 0.2s ease;
}
.mobile-tab--active[data-v-769a5c28] {
    color: var(--blue-1);
    background-color: var(--purple-4);
}
.mobile-about[data-v-769a5c28] {
    padding-top: 8px;
}
.mobile-listings[data-v-769a5c28] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding-top: 8px;
}
.mobile-section-header[data-v-769a5c28] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}
.mobile-section-title[data-v-769a5c28] {
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    color: #000000;
}
.mobile-section-count[data-v-769a5c28] {
    color: var(--neutral-6);
}
.mobile-section-viewall[data-v-769a5c28] {
    display: flex;
    align-items: center;
    gap: 4px;
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: var(--blue-1);
    text-decoration: none;
}
.mobile-section-scroll[data-v-769a5c28] {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 4px;
}
.mobile-section-scroll[data-v-769a5c28]::-webkit-scrollbar {
    display: none;
}
.mobile-section-item[data-v-769a5c28] {
    flex-shrink: 0;
    width: calc((100% - 24px) / 3);
    min-width: 140px;
}
@media (max-width: 1023px) {
.desktop-only[data-v-769a5c28] {
        display: none !important;
}
.mobile-only[data-v-769a5c28] {
        display: flex;
}
}


.my-leftbar[data-v-4a004e03] {
    position: sticky;
    top: 20px;
    width: 360px;
    display: flex;
    flex-direction: column;
    align-self: flex-start;
    gap: 12px;
}
.leftbar-info[data-v-4a004e03] {
    position: relative;
    padding: 24px;
    border: 1px solid var(--purple-4);
    border-radius: 24px;
    display: flex;
    align-items: center;
    gap: 16px;
}
.edit-button[data-v-4a004e03] {
    position: absolute;
    right: 12px;
    top: 12px;
}
.info-avatar[data-v-4a004e03] {
    width: 100px;
    height: 100px;
    border: 2px solid var(--purple-4);
    border-radius: 16px;
    background-color: var(--neutral-11);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.info-name[data-v-4a004e03] {
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    color: #000000;
    margin-bottom: 4px;
}
.info-email[data-v-4a004e03] {
    line-height: 140%;
    color: #000000;
}
.leftbar-menu[data-v-4a004e03] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px;
    border: 1px solid var(--purple-4);
    border-radius: 24px;
}
.menu-button[data-v-4a004e03] {
    height: 56px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 19px;
    padding: 12px 16px;
    border-radius: 12px;
    color: var(--neutral-8);
    text-decoration: none;
    transition: all .3s ease;
}
.menu-button-title[data-v-4a004e03] {
    line-height: 140%;
    color: #000000;
    transition: all .3s ease
}
.menu-button[data-v-4a004e03]:hover {
    background-color: var(--purple-4);
    color: var(--blue-1);
}
.menu-button:hover .menu-button-title[data-v-4a004e03] {
    color: var(--blue-1);
}
.menu-button-active[data-v-4a004e03] {
    background-color: var(--purple-4);
    color: var(--blue-1);
}
.menu-button-active .menu-button-title[data-v-4a004e03] {
    color: var(--blue-1);
}
.separator[data-v-4a004e03] {
    padding: 0 16px;
}
.separator div[data-v-4a004e03] {
    border-top: 1px solid var(--purple-4);
}
.menu-button-loading[data-v-4a004e03] {
    justify-content: center;
    pointer-events: none;
}
.logout-spinner[data-v-4a004e03] {
    width: 20px;
    height: 20px;
    border: 2px solid var(--neutral-10);
    border-top-color: var(--neutral-3);
    border-radius: 50%;
    animation: spin-4a004e03 0.6s linear infinite;
}
@keyframes spin-4a004e03 {
to {
        transform: rotate(360deg);
}
}


.my-container[data-v-6e9eb77b] {
    position: relative;
    display: flex;
    gap: 40px;
}
@media (max-width: 1023px) {
.my-container[data-v-6e9eb77b] {
        gap: 0;
        overflow-x: hidden;
}
.my-container[data-v-6e9eb77b] > :first-child {
        display: none;
}
}


.topic-menu[data-v-37cb0ef6] {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    min-height: 40px;
}
.topic-menu[data-v-37cb0ef6]::-webkit-scrollbar {
    display: none;
}
.topic-menu[data-v-37cb0ef6] > * {
    flex-shrink: 0;
}
@media (max-width: 1023px) {
.topic-menu[data-v-37cb0ef6] {
        padding: 0 16px;
}
}


.my-offers-list[data-v-5e861619] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.offers-list-header[data-v-5e861619] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.list-header-title[data-v-5e861619] {
    font-weight: 600;
    font-size: 32px;
    line-height: 120%;
    color: #000000;
}
.list-header-controls[data-v-5e861619] {
    display: flex;
    align-items: center;
    gap: 12px;
}
.offers-container[data-v-5e861619] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.offers-list[data-v-5e861619] {
    display: flex;
    flex-direction: column;
}
.offers-list[data-v-5e861619] > :not(:last-child) {
    padding-bottom: 24px;
    border-bottom: 1px solid var(--purple-4);
    margin-bottom: 24px;
}
.empty-container[data-v-5e861619] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.empty-block[data-v-5e861619] {
    max-width: 420px;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--purple-4);
    border-radius: 32px;
    padding: 32px;
    gap: 24px;
    align-items: center;
}
.empty-title[data-v-5e861619] {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    text-align: center;
    color: var(--neutral-1);
}
.empty-descr[data-v-5e861619] {
    line-height: 140%;
    text-align: center;
    color: var(--neutral-2);
}
.empty-button[data-v-5e861619] {
    width: 100%;
}
@media (max-width: 1023px) {
.desktop-only[data-v-5e861619] {
        display: none !important;
}
.my-offers-list[data-v-5e861619] {
        gap: 12px;
        padding-top: 12px;
        min-width: 0;
        max-width: 100vw;
        overflow-x: hidden;
}
.offers-list[data-v-5e861619] {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
}
.offers-list[data-v-5e861619] > :not(:last-child) {
        padding-bottom: 0;
        border-bottom: none;
        margin-bottom: 0;
}
.empty-block[data-v-5e861619] {
        border-radius: 16px;
        padding: 24px 16px;
}
.empty-title[data-v-5e861619] {
        font-size: 18px;
}
.offers-container[data-v-5e861619] {
        padding: 0 16px;
}
}
@media (max-width: 767px) {
.offers-list[data-v-5e861619] {
        grid-template-columns: repeat(2, 1fr);
}
}
.manage-actions[data-v-5e861619] {
    display: flex;
    flex-direction: column;
}
.manage-action-item[data-v-5e861619] {
    display: flex;
    align-items: center;
    padding: 14px 16px;
    border: none;
    background: none;
    cursor: pointer;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    color: #000000;
}
.manage-action-item[data-v-5e861619]:not(:last-child) {
    border-bottom: 1px solid #F2F2FF;
}
.manage-action-item[data-v-5e861619]:active {
    background-color: var(--purple-4);
}


.my-showrooms-list[data-v-6a4b440a] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.showrooms-list-header[data-v-6a4b440a] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.list-header-title[data-v-6a4b440a] {
    font-weight: 600;
    font-size: 32px;
    line-height: 120%;
    color: #000000;
}
.list-header-count[data-v-6a4b440a] {
    color: var(--neutral-7);
}
.list-header-controls[data-v-6a4b440a] {
    display: flex;
    align-items: center;
    gap: 12px;
}
.showrooms-container[data-v-6a4b440a] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.showrooms-list[data-v-6a4b440a] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.empty-container[data-v-6a4b440a] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.empty-block[data-v-6a4b440a] {
    max-width: 420px;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--purple-4);
    border-radius: 32px;
    padding: 32px;
    gap: 24px;
    align-items: center;
}
.empty-title[data-v-6a4b440a] {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    text-align: center;
    color: var(--neutral-1);
}
.empty-descr[data-v-6a4b440a] {
    line-height: 140%;
    text-align: center;
    color: var(--neutral-2);
}
.empty-button[data-v-6a4b440a] {
    width: 100%;
}
.loader-container[data-v-6a4b440a] {
    display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 400px;
}
.loader[data-v-6a4b440a] {
    width: 48px;
	height: 48px;
	border: 4px solid #E5E7EB;
	border-top-color: #4F46E5;
	border-radius: 50%;
	animation: spin-6a4b440a 0.8s linear infinite;
	margin-bottom: 16px;
}
@keyframes spin-6a4b440a {
to {
        transform: rotate(360deg);
}
}
@media (max-width: 1023px) {
.desktop-only[data-v-6a4b440a] {
        display: none !important;
}
.my-showrooms-list[data-v-6a4b440a] {
        padding-top: 12px;
        min-width: 0;
        max-width: 100vw;
        overflow-x: hidden;
}
.showrooms-list[data-v-6a4b440a] {
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
}
.showrooms-container[data-v-6a4b440a] {
        padding: 0 16px;
}
.empty-block[data-v-6a4b440a] {
        border-radius: 16px;
        padding: 24px 16px;
}
.empty-title[data-v-6a4b440a] {
        font-size: 18px;
}
}
@media (max-width: 767px) {
.showrooms-list[data-v-6a4b440a] {
        grid-template-columns: repeat(2, 1fr);
}
}


.topic-menu[data-v-44c18342] {
    display: flex;
    gap: 8px;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
}
.topic-menu[data-v-44c18342]::-webkit-scrollbar {
    display: none;
}
.topic-menu[data-v-44c18342] > * {
    flex-shrink: 0;
}
@media (max-width: 1023px) {
.topic-menu[data-v-44c18342] {
        padding: 0 16px;
}
}


.my-offers-list[data-v-72f89572] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.offers-list-header[data-v-72f89572] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.list-header-title[data-v-72f89572] {
    font-weight: 600;
    font-size: 32px;
    line-height: 120%;
    color: #000000;
}
.list-header-controls[data-v-72f89572] {
    display: flex;
    align-items: center;
    gap: 12px;
}
.favorites-container[data-v-72f89572] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.favorites-list[data-v-72f89572] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}
.empty-container[data-v-72f89572] {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.empty-block[data-v-72f89572] {
    max-width: 420px;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--purple-4);
    border-radius: 32px;
    padding: 32px;
    gap: 24px;
    align-items: center;
}
.empty-title[data-v-72f89572] {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    text-align: center;
    color: var(--neutral-1);
}
.empty-descr[data-v-72f89572] {
    line-height: 140%;
    text-align: center;
    color: var(--neutral-2);
}
.empty-button[data-v-72f89572] {
    width: 100%;
}
.loader-container[data-v-72f89572] {
    display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 400px;
}
.loader[data-v-72f89572] {
    width: 48px;
	height: 48px;
	border: 4px solid #E5E7EB;
	border-top-color: #4F46E5;
	border-radius: 50%;
	animation: spin-72f89572 0.8s linear infinite;
	margin-bottom: 16px;
}
@keyframes spin-72f89572 {
to {
        transform: rotate(360deg);
}
}
@media (max-width: 1023px) {
.desktop-only[data-v-72f89572] {
        display: none !important;
}
.my-offers-list[data-v-72f89572] {
        padding-top: 12px;
        min-width: 0;
        max-width: 100vw;
        overflow-x: hidden;
}
.favorites-list[data-v-72f89572] {
        grid-template-columns: repeat(3, 1fr);
        gap: 12px;
}
.favorites-container[data-v-72f89572] {
        padding: 0 16px;
}
.empty-block[data-v-72f89572] {
        border-radius: 16px;
        padding: 24px 16px;
}
.empty-title[data-v-72f89572] {
        font-size: 18px;
}
}
@media (max-width: 767px) {
.favorites-list[data-v-72f89572] {
        grid-template-columns: repeat(2, 1fr);
}
}


.user-info[data-v-1c6d36ae] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 32px;
    border: 1px solid var(--purple-4);
    border-radius: 24px;
    width: 100%;
    max-width: 660px;
}
.edit-title[data-v-1c6d36ae] {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    color: #000000;
}
.edit-form[data-v-1c6d36ae] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.save-button[data-v-1c6d36ae] {
    width: 100%;
    max-width: 50%;
    height: 48px;
    margin-top: 12px;
}


.create-wrapper[data-v-5f70f22e] {
    background-color: var(--neutral-11);
    margin: -32px 0 -105px 0;
    padding: 32px 0 105px 0;
    min-height: calc(100vh - 200px);
}
.create-container[data-v-5f70f22e] {
    display: flex;
    gap: 40px;
}
.status-bar[data-v-5f70f22e] {
    width: 100%;
    max-width: 480px;
    background-color: #FFFFFF;
    border-radius: 24px;
    padding: 24px;
    position: sticky;
    top: 32px;
    right: 0;
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-self: flex-start;
}
.status-bar-title[data-v-5f70f22e] {
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    color: #000000;
    margin-bottom: 12px;
}
.status-bar-descr[data-v-5f70f22e] {
    line-height: 140%;
    color: var(--neutral-7);
}
.status-bar-sections[data-v-5f70f22e] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
}
.status-bar-controls[data-v-5f70f22e] {
    display: flex;
    gap: 12px;
}
.status-bar-button[data-v-5f70f22e] {
    flex: 1;
}
.showroom-create[data-v-5f70f22e] {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 960px;
    gap: 24px;
}
.page-title[data-v-5f70f22e] {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    color: #000000;
}
.showroom-form[data-v-5f70f22e] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.create-block[data-v-5f70f22e] {
    background-color: #FFFFFF;
    border-radius: 24px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.create-column[data-v-5f70f22e] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-right: 60px;
}
.form-header[data-v-5f70f22e] {
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    color: #000000;
}
.form-label[data-v-5f70f22e] {
    font-weight: 500;
    line-height: 140%;
    color: #000000;
}
.form-label-descr[data-v-5f70f22e] {
    line-height: 140%;
    color: var(--neutral-7);
}
.create-row[data-v-5f70f22e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 60px;
}
.create-phone[data-v-5f70f22e] {
    padding-bottom: 12px;
}
.row-input[data-v-5f70f22e] {
    flex: 1;
    max-width: 544px;
}
.media-upload-section[data-v-5f70f22e] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.media-label[data-v-5f70f22e] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.label-title[data-v-5f70f22e] {
    font-weight: 500;
    line-height: 140%;
    color: #000000;
}
.label-hint[data-v-5f70f22e] {
    font-size: 14px;
    line-height: 140%;
    color: var(--neutral-7);
}
.avatar-upload[data-v-5f70f22e] {
    width: 120px;
    height: 120px;
    cursor: pointer;
    position: relative;
    border: 1px solid var(--purple-4);
    border-radius: 16px;
}
.avatar-placeholder[data-v-5f70f22e] {
    width: 100%;
    height: 100%;
    border: 1px dashed var(--blue-1);
    color: var(--blue-1);
    border-radius: 16px;
    background: var(--purple-4);
    display: flex;
    align-items: center;
    justify-content: center;
}
.avatar-preview[data-v-5f70f22e] {
    width: 100%;
    height: 100%;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
}
.avatar-preview img[data-v-5f70f22e] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cover-upload[data-v-5f70f22e] {
    width: 100%;
    max-width: 480px;
    height: 242px;
    cursor: pointer;
    position: relative;
    border: 1px solid var(--purple-4);
    border-radius: 16px;
}
.cover-placeholder[data-v-5f70f22e] {
    width: 100%;
    height: 100%;
    border: 1px dashed var(--blue-1);
    color: var(--blue-1);
    border-radius: 16px;
    background: var(--purple-4);
    display: flex;
    align-items: center;
    justify-content: center;
}
.cover-preview[data-v-5f70f22e] {
    width: 100%;
    height: 100%;
    border-radius: 16px;
    overflow: hidden;
    position: relative;
}
.cover-preview img[data-v-5f70f22e] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.remove-btn[data-v-5f70f22e] {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 36px;
    height: 36px;
    z-index: 1;
}
.descr-block[data-v-5f70f22e] {
    gap: 12px;
}
.descr-header[data-v-5f70f22e] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.form-descr[data-v-5f70f22e] {
    line-height: 140%;
    color: #000000;
}

/* Hide placeholders on desktop — form-label is visible */
.create-row[data-v-5f70f22e] input::placeholder,
.create-column[data-v-5f70f22e] input::placeholder {
    color: transparent;
}

/* Mobile */
.mobile-only[data-v-5f70f22e] {
    display: none !important;
}
.mobile-form-field[data-v-5f70f22e] {
    display: none;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border: 1.5px solid var(--purple-4);
    border-radius: 12px;
    background: #FFFFFF;
    cursor: pointer;
    min-height: 48px;
}
.mobile-form-field svg[data-v-5f70f22e] {
    flex-shrink: 0;
    color: var(--neutral-7);
}
.mobile-field[data-v-5f70f22e] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}
.mobile-field-label[data-v-5f70f22e] {
    font-size: 12px;
    color: var(--neutral-7);
    line-height: 120%;
}
.mobile-field-value[data-v-5f70f22e] {
    color: #000000;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mobile-field-placeholder[data-v-5f70f22e] {
    color: var(--neutral-7);
}
.mobile-sticky-footer[data-v-5f70f22e] {
    display: none;
    gap: 12px;
    padding: 16px;
    background: #FFFFFF;
    border-top: 1px solid #F2F2FF;
    position: sticky;
    bottom: 0;
    z-index: 10;
    padding-bottom: calc(env(safe-area-inset-bottom) + 16px);
}
.sheet-row[data-v-5f70f22e] {
    display: flex;
    gap: 12px;
}
.days-list[data-v-5f70f22e] {
    display: flex;
    flex-direction: column;
}
.day-item[data-v-5f70f22e] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border: none;
    background: none;
    cursor: pointer;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    color: #000000;
}
.day-item[data-v-5f70f22e]:not(:last-child) {
    border-bottom: 1px solid #F2F2FF;
}
.day-item--selected[data-v-5f70f22e] {
    color: var(--blue-1);
}
.day-item-label[data-v-5f70f22e] {
    flex: 1;
}
.day-checkbox[data-v-5f70f22e] {
    width: 20px;
    height: 20px;
    border-radius: 6px;
    border: 1.5px solid var(--purple-4);
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.day-checkbox--checked[data-v-5f70f22e] {
    background-color: var(--blue-1);
    border-color: var(--blue-1);
    color: white;
}
@media (max-width: 1023px) {
.showroom-form[data-v-5f70f22e] {
        padding-top: 16px;
}
.desktop-only[data-v-5f70f22e] {
        display: none !important;
}
.mobile-only[data-v-5f70f22e] {
        display: flex !important;
}
.mobile-form-field[data-v-5f70f22e] {
        display: flex;
}
.create-container[data-v-5f70f22e] {
        flex-direction: column;
}
.create-row[data-v-5f70f22e] {
        flex-direction: column;
        align-items: stretch;
        padding-right: 0;
        gap: 8px;
}
.create-column[data-v-5f70f22e] {
        padding-right: 0;
}
.row-input[data-v-5f70f22e] {
        max-width: none;
}
.create-wrapper[data-v-5f70f22e] {
        margin: 0;
        padding: 0;
        padding-bottom: 16px;
}
.create-block[data-v-5f70f22e] {
        border-radius: 16px;
        padding: 16px;
        gap: 12px;
}
.create-column[data-v-5f70f22e] {
        gap: 8px;
}
.form-header[data-v-5f70f22e] {
        margin-bottom: 8px;
}
.form-label[data-v-5f70f22e] {
        display: none;
}
.create-row[data-v-5f70f22e] input::placeholder,
    .create-column[data-v-5f70f22e] input::placeholder {
        color: var(--neutral-7);
}
.form-label-descr[data-v-5f70f22e] {
        display: none;
}
.create-row[data-v-5f70f22e] .custom-input {
        border: none;
        border-radius: 0;
}
.create-row[data-v-5f70f22e] .custom-select {
        border: none;
        border-radius: 0;
}
.create-column[data-v-5f70f22e] .custom-input {
        border: none;
        border-radius: 0;
}
.mobile-sticky-footer[data-v-5f70f22e] {
        display: flex;
}
}

.create-block {
    background-color: #FFFFFF;
    border-radius: 24px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.offer-form {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.create-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 60px;
}

.row-field {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
    max-width: 544px;
}

.updated-field {
    align-items: normal;
}

.price-row {
    align-items: normal;
}

.create-grid {
    display: grid;
    grid-template-columns: minmax(auto, 296px) 1fr;
    align-items: center;
}

.create-column {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-right: 60px;
}

.form-label {
    font-weight: 500;
    line-height: 140%;
    color: #000000;
}

.updated-label {
    display: inline-flex;
    align-items: center;
    height: 48px;
}

.form-header {
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    color: #000000;
}

.radio-grid {
    max-width: 516px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    -moz-column-gap: 48px;
         column-gap: 48px;
}

.block-search {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.secondary-block {
    padding-top: 32px;
    border-top: 1px solid var(--purple-4)
}

.generations-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}

.search-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 12px;
    grid-row-gap: 4px;
}

.popular-item {
    height: 48px;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

.popular-img {
    width: 24px;
    height: 24px;
}

.popular-label {
    line-height: 140%;
    color: #000000;
}

.search-container {
    position: relative;
    padding-right: 60px;
}

.dropdown {
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;
    right: 0;
    max-height: 270px;
    overflow-y: auto;
    background: #FFFFFF;
    border-radius: 16px;
    padding: 12px 12px 16px 12px;
    box-shadow: 0px 5px 20px 0px #5755FE1A;
}

.dropdown-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 48px;
    border-radius: 12px;
    padding: 12px 16px;
    cursor: pointer;
    transition: background-color 0.2s, color 0.2s;
    color: #000000;
}

.dropdown-item:hover {
    background: var(--blue-1);
    color: #FFFFFF;
}

.dropdown-item.is-selected {
    color: var(--blue-1);
}

.dropdown-item.is-selected:hover {
    color: #FFFFFF;
}

.check-icon {
    flex-shrink: 0;
}

.media-upload-section {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.media-label {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.label-title {
    font-weight: 500;
    line-height: 140%;
    color: #000000;
}

.label-hint {
    font-size: 14px;
    line-height: 140%;
    color: var(--neutral-7);
}

.avatar-upload {
    width: 120px;
    height: 120px;
    cursor: pointer;
    position: relative;
    border: 1px solid var(--purple-4);
    border-radius: 16px;
}

.avatar-placeholder {
    width: 100%;
    height: 100%;
    border: 1px dashed var(--blue-1);
    color: var(--blue-1);
    border-radius: 16px;
    background: var(--purple-4);
    display: flex;
    align-items: center;
    justify-content: center;
}

.descr-block {
    gap: 12px;
}

.descr-header {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.form-descr {
    line-height: 140%;
    color: #000000;
}

.sellers-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-row-gap: 4px;
    grid-column-gap: 12px;
}

.seller-img {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: var(--neutral-11);
}

.seller-info {
    display: flex;
    align-items: center;
    gap: 12px;
}

.seller-descr {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.seller-name {
    font-weight: 600;
    line-height: 140%;
    color: #000000;
    white-space: nowrap;
}

.seller-type {
    font-weight: 500;
    line-height: 140%;
    color: var(--neutral-8);
    white-space: nowrap;
}

.phone-row {
    align-items: flex-start;
}

.form-label-column {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.form-hint {
    line-height: 140%;
    color: var(--neutral-7);
}

.phone-item {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.phone-input-row {
    display: flex;
    align-items: center;
    gap: 12px;
}

.phone-input-row .custom-input {
    flex: 1;
}

.phone-remove {
    width: 48px;
    height: 48px;
}

.whatsapp-label {
    display: flex;
    align-items: center;
    gap: 8px;
    color: inherit;
}

.add-phone-btn {
    width: 100%;
    max-width: 250px;
    height: 48px;
}

.country-search {
    padding-right: 0;
}

.status-bar-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    color: #000000;
    margin-bottom: 12px;
}

.status-bar-descr {
    line-height: 140%;
    color: var(--neutral-7);
}

.status-bar-sections {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: flex-start;
}

.status-bar-controls {
    display: flex;
    gap: 12px;
}

.status-bar-button {
    flex: 1;
}

.status-bar-sections .is-complete {
    color: var(--neutral-2) !important;
}

@media (max-width: 1023px) {
    .create-block {
        border-radius: 16px;
        padding: 16px;
        gap: 12px;
    }

    .offer-form {
        gap: 16px;
        padding-top: 16px;
    }

    .create-row {
        flex-direction: column;
        align-items: stretch;
        padding-right: 0;
        gap: 8px;
    }

    .create-grid {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .create-column {
        padding-right: 0;
    }

    .row-field {
        max-width: none;
    }

    .radio-grid {
        max-width: none;
        -moz-column-gap: 12px;
             column-gap: 12px;
    }

    .search-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .generations-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .search-container {
        padding-right: 0;
    }

    .sellers-grid {
        grid-template-columns: 1fr;
    }
}

.create-wrapper[data-v-1a467f28] {
    background-color: var(--neutral-11);
    margin: -32px 0 -105px 0;
    padding: 32px 0 105px 0;
    min-height: calc(100vh - 200px);
}
.create-container[data-v-1a467f28] {
    display: flex;
    gap: 40px;
}
.status-bar[data-v-1a467f28] {
    width: 100%;
    max-width: 480px;
    background-color: #FFFFFF;
    border-radius: 24px;
    padding: 24px;
    position: sticky;
    top: 32px;
    right: 0;
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-self: flex-start;
}
.offer-create[data-v-1a467f28] {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 960px;
    gap: 24px;
}
.create-title[data-v-1a467f28] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.page-title[data-v-1a467f28] {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    color: #000000;
}
@media (max-width: 1023px) {
.desktop-only[data-v-1a467f28] {
        display: none !important;
}
.create-wrapper[data-v-1a467f28] {
        margin: 0;
        padding: 0;
        padding-bottom: 16px;
}
.create-container[data-v-1a467f28] {
        flex-direction: column;
}
.offer-create[data-v-1a467f28] {
        max-width: none;
        gap: 16px;
}
}


.media-upload[data-v-0558da4b] {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
    gap: 12px;
    align-items: start;
}
.dropzone[data-v-0558da4b] {
    border: 1px dashed var(--blue-1);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    background-color: var(--purple-4);
    aspect-ratio: 4/3;
}
.dropzone--active[data-v-0558da4b] {
    border-color: var(--blue-1, #4F46E5);
    background-color: #EEF2FF;
}
.media-item[data-v-0558da4b] {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
    aspect-ratio: 4 / 3;
    background-color: var(--neutral-10);
    cursor: grab;
}
.media-preview[data-v-0558da4b] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.media-preview--video[data-v-0558da4b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: var(--neutral-6);
    padding: 8px;
}
.media-video-name[data-v-0558da4b] {
    font-size: 10px;
    text-align: center;
    word-break: break-all;
    color: var(--neutral-5);
}
.media-remove[data-v-0558da4b] {
    position: absolute;
    top: 6px;
    right: 6px;
}


.draft-title[data-v-179acb4b] {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    color: #000000;
}
.draft-body[data-v-179acb4b] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.draft-actions[data-v-179acb4b] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.draft-loading[data-v-179acb4b] {
    display: flex;
    align-items: center;
    gap: 8px;
}
.draft-spinner[data-v-179acb4b] {
    animation: spin-179acb4b 0.8s linear infinite;
}
@keyframes spin-179acb4b {
from { transform: rotate(0deg);
}
to { transform: rotate(360deg);
}
}


.mobile-only[data-v-6209c382] {
    display: none !important;
}
.mobile-form-field[data-v-6209c382] {
    display: none;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border: 1.5px solid var(--purple-4);
    border-radius: 12px;
    background: #FFFFFF;
    cursor: pointer;
    min-height: 48px;
}
.mobile-form-field svg[data-v-6209c382] {
    flex-shrink: 0;
    color: var(--neutral-7);
}
.mobile-field[data-v-6209c382] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}
.mobile-field-label[data-v-6209c382] {
    font-size: 12px;
    color: var(--neutral-7);
    line-height: 120%;
}
.mobile-field-value[data-v-6209c382] {
    color: #000000;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mobile-field-placeholder[data-v-6209c382] {
    color: var(--neutral-7);
}
.mobile-sticky-footer[data-v-6209c382] {
    display: none;
    gap: 12px;
    padding: 16px;
    background: #FFFFFF;
    border-top: 1px solid #F2F2FF;
    position: sticky;
    bottom: 0;
    z-index: 10;
    padding-bottom: calc(env(safe-area-inset-bottom) + 16px);
}
@media (max-width: 1023px) {
.desktop-only[data-v-6209c382] {
        display: none !important;
}
.mobile-only[data-v-6209c382] {
        display: flex !important;
}
.mobile-form-field[data-v-6209c382] {
        display: flex;
}
.mobile-sticky-footer[data-v-6209c382] {
        display: flex;
}
}

/* Sheet options */
.sheet-options[data-v-6209c382] {
    display: flex;
    flex-direction: column;
}
.sheet-option-item[data-v-6209c382] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border: none;
    background: none;
    cursor: pointer;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    color: #000000;
}
.sheet-option-item[data-v-6209c382]:not(:last-child) {
    border-bottom: 1px solid #F2F2FF;
}
.sheet-option-selected[data-v-6209c382] {
    color: var(--blue-1);
}
.sheet-option-label[data-v-6209c382] {
    flex: 1;
}
.sheet-option-item svg[data-v-6209c382] {
    flex-shrink: 0;
    color: var(--blue-1);
}


.mobile-only[data-v-3a34c852] { display: none !important;
}
.mobile-form-field[data-v-3a34c852] { display: none; align-items: center; justify-content: space-between; padding: 12px 16px; border: 1.5px solid var(--purple-4); border-radius: 12px; background: #FFFFFF; cursor: pointer; min-height: 48px;
}
.mobile-form-field svg[data-v-3a34c852] { flex-shrink: 0; color: var(--neutral-7);
}
.mobile-field[data-v-3a34c852] { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1;
}
.mobile-field-label[data-v-3a34c852] { font-size: 12px; color: var(--neutral-7); line-height: 120%;
}
.mobile-field-value[data-v-3a34c852] { color: #000000; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.mobile-field-placeholder[data-v-3a34c852] { color: var(--neutral-7);
}
.mobile-sticky-footer[data-v-3a34c852] { display: none; gap: 12px; padding: 16px; background: #FFFFFF; border-top: 1px solid #F2F2FF; position: sticky; bottom: 0; z-index: 10; padding-bottom: calc(env(safe-area-inset-bottom) + 16px);
}
.sheet-options[data-v-3a34c852] { display: flex; flex-direction: column;
}
.sheet-option-item[data-v-3a34c852] { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; border: none; background: none; cursor: pointer; text-align: left; font-size: 14px; font-weight: 500; line-height: 140%; color: #000000;
}
.sheet-option-item[data-v-3a34c852]:not(:last-child) { border-bottom: 1px solid #F2F2FF;
}
.sheet-option-selected[data-v-3a34c852] { color: var(--blue-1);
}
.sheet-option-label[data-v-3a34c852] { flex: 1;
}
.sheet-option-item svg[data-v-3a34c852] { flex-shrink: 0; color: var(--blue-1);
}
@media (max-width: 1023px) {
.desktop-only[data-v-3a34c852] { display: none !important;
}
.mobile-only[data-v-3a34c852] { display: flex !important;
}
.mobile-form-field[data-v-3a34c852] { display: flex;
}
.mobile-sticky-footer[data-v-3a34c852] { display: flex;
}
}


.mobile-only[data-v-a8190328] { display: none !important;
}
.mobile-form-field[data-v-a8190328] { display: none; align-items: center; justify-content: space-between; padding: 12px 16px; border: 1.5px solid var(--purple-4); border-radius: 12px; background: #FFFFFF; cursor: pointer; min-height: 48px;
}
.mobile-form-field svg[data-v-a8190328] { flex-shrink: 0; color: var(--neutral-7);
}
.mobile-field[data-v-a8190328] { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1;
}
.mobile-field-label[data-v-a8190328] { font-size: 12px; color: var(--neutral-7); line-height: 120%;
}
.mobile-field-value[data-v-a8190328] { color: #000000; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.mobile-field-placeholder[data-v-a8190328] { color: var(--neutral-7);
}
.mobile-sticky-footer[data-v-a8190328] { display: none; gap: 12px; padding: 16px; background: #FFFFFF; border-top: 1px solid #F2F2FF; position: sticky; bottom: 0; z-index: 10; padding-bottom: calc(env(safe-area-inset-bottom) + 16px);
}
.sheet-options[data-v-a8190328] { display: flex; flex-direction: column;
}
.sheet-option-item[data-v-a8190328] { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px; border: none; background: none; cursor: pointer; text-align: left; font-size: 14px; font-weight: 500; line-height: 140%; color: #000000;
}
.sheet-option-item[data-v-a8190328]:not(:last-child) { border-bottom: 1px solid #F2F2FF;
}
.sheet-option-selected[data-v-a8190328] { color: var(--blue-1);
}
.sheet-option-label[data-v-a8190328] { flex: 1;
}
.sheet-option-item svg[data-v-a8190328] { flex-shrink: 0; color: var(--blue-1);
}
@media (max-width: 1023px) {
.desktop-only[data-v-a8190328] { display: none !important;
}
.mobile-only[data-v-a8190328] { display: flex !important;
}
.mobile-form-field[data-v-a8190328] { display: flex;
}
.mobile-sticky-footer[data-v-a8190328] { display: flex;
}
}


.mobile-only[data-v-190104cf] {
    display: none !important;
}
.mobile-form-field[data-v-190104cf] {
    display: none;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border: 1.5px solid var(--purple-4);
    border-radius: 12px;
    background: #FFFFFF;
    cursor: pointer;
    min-height: 48px;
}
.mobile-form-field svg[data-v-190104cf] {
    flex-shrink: 0;
    color: var(--neutral-7);
}
.mobile-field[data-v-190104cf] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}
.mobile-field-label[data-v-190104cf] {
    font-size: 12px;
    color: var(--neutral-7);
    line-height: 120%;
}
.mobile-field-value[data-v-190104cf] {
    color: #000000;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mobile-field-placeholder[data-v-190104cf] {
    color: var(--neutral-7);
}
.mobile-sticky-footer[data-v-190104cf] {
    display: none;
    gap: 12px;
    padding: 16px;
    background: #FFFFFF;
    border-top: 1px solid #F2F2FF;
    position: sticky;
    bottom: 0;
    z-index: 10;
    padding-bottom: calc(env(safe-area-inset-bottom) + 16px);
}
.sheet-options[data-v-190104cf] {
    display: flex;
    flex-direction: column;
}
.sheet-option-item[data-v-190104cf] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border: none;
    background: none;
    cursor: pointer;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    color: #000000;
}
.sheet-option-item[data-v-190104cf]:not(:last-child) {
    border-bottom: 1px solid #F2F2FF;
}
.sheet-option-selected[data-v-190104cf] {
    color: var(--blue-1);
}
.sheet-option-label[data-v-190104cf] {
    flex: 1;
}
.sheet-option-item svg[data-v-190104cf] {
    flex-shrink: 0;
    color: var(--blue-1);
}
@media (max-width: 1023px) {
.desktop-only[data-v-190104cf] {
        display: none !important;
}
.mobile-only[data-v-190104cf] {
        display: flex !important;
}
.mobile-form-field[data-v-190104cf] {
        display: flex;
}
.mobile-sticky-footer[data-v-190104cf] {
        display: flex;
}
}


.mobile-only[data-v-bc5054d2] {
    display: none !important;
}
.mobile-form-field[data-v-bc5054d2] {
    display: none;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border: 1.5px solid var(--purple-4);
    border-radius: 12px;
    background: #FFFFFF;
    cursor: pointer;
    min-height: 48px;
}
.mobile-form-field svg[data-v-bc5054d2] {
    flex-shrink: 0;
    color: var(--neutral-7);
}
.mobile-field[data-v-bc5054d2] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    flex: 1;
}
.mobile-field-label[data-v-bc5054d2] {
    font-size: 12px;
    color: var(--neutral-7);
    line-height: 120%;
}
.mobile-field-value[data-v-bc5054d2] {
    color: #000000;
    font-weight: 500;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mobile-field-placeholder[data-v-bc5054d2] {
    color: var(--neutral-7);
}
.mobile-sticky-footer[data-v-bc5054d2] {
    display: none;
    gap: 12px;
    padding: 16px;
    background: #FFFFFF;
    border-top: 1px solid #F2F2FF;
    position: sticky;
    bottom: 0;
    z-index: 10;
    padding-bottom: calc(env(safe-area-inset-bottom) + 16px);
}
.sheet-options[data-v-bc5054d2] {
    display: flex;
    flex-direction: column;
}
.sheet-option-item[data-v-bc5054d2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 16px;
    border: none;
    background: none;
    cursor: pointer;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    line-height: 140%;
    color: #000000;
}
.sheet-option-item[data-v-bc5054d2]:not(:last-child) {
    border-bottom: 1px solid #F2F2FF;
}
.sheet-option-selected[data-v-bc5054d2] {
    color: var(--blue-1);
}
.sheet-option-label[data-v-bc5054d2] {
    flex: 1;
}
.sheet-option-item svg[data-v-bc5054d2] {
    flex-shrink: 0;
    color: var(--blue-1);
}
@media (max-width: 1023px) {
.desktop-only[data-v-bc5054d2] {
        display: none !important;
}
.mobile-only[data-v-bc5054d2] {
        display: flex !important;
}
.mobile-form-field[data-v-bc5054d2] {
        display: flex;
}
.mobile-sticky-footer[data-v-bc5054d2] {
        display: flex;
}
}


.configurator-container[data-v-6be46c8c] {
    max-width: 960px;
}
.header[data-v-6be46c8c] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 32px;
}
.title[data-v-6be46c8c] {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    color: #000000;
}
.configurator-content[data-v-6be46c8c] {
    display: flex;
    flex-direction: column;
    gap: 80px;
}
.main[data-v-6be46c8c] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.main-title[data-v-6be46c8c] {
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    color: #000000;
}
.main-descr[data-v-6be46c8c] {
    line-height: 140%;
    color: #000000;
}
.main-blocks[data-v-6be46c8c] {
    display: flex;
    gap: 32px;
    align-items: center;
}
.main-block[data-v-6be46c8c] {
    flex: 1;
}
.block-img[data-v-6be46c8c] {
    position: relative;
    border-top-left-radius: 32px;
    border-top-right-radius: 32px;
    overflow: hidden;
}
.block-content[data-v-6be46c8c] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 24px;
    border: 1px solid var(--purple-4);
    border-top: none;
    border-bottom-left-radius: 32px;
    border-bottom-right-radius: 32px;
    overflow: hidden;
}
.block-descr[data-v-6be46c8c] {
    line-height: 140%;
    color: var(--neutral-1);
}
.play-button[data-v-6be46c8c] {
    width: 66px;
    height: 66px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #0E0C3433;
    backdrop-filter: blur(10px)
}
.block-controls[data-v-6be46c8c] {
    display: flex;
    align-items: center;
    gap: 12px;
}
.first-controls[data-v-6be46c8c] {
    max-width: 360px;
}
.first-controls[data-v-6be46c8c]>* {
    flex: 1;
}
.violet[data-v-6be46c8c] {
    background-color: var(--violet-1);
}
.violet[data-v-6be46c8c]:hover:not(:disabled):not(.is-processing) {
    background-color: var(--violet-2);
}
.showroom[data-v-6be46c8c] {
    padding: 32px;
    border-radius: 24px;
    border: 1px solid var(--purple-4);
}
.showroom-block[data-v-6be46c8c] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.showroom-header[data-v-6be46c8c] {
    display: flex;
    justify-content: space-between;
}
.canvas-configurator[data-v-6be46c8c] {
    position: relative;
    width: 100%;
    height: 460px;
    overflow: hidden;
    background: #1a1a2e;
    border-radius: 12px;
}
.unity-canvas[data-v-6be46c8c] {
    width: 100%;
    height: 100%;
}
.unity-loading[data-v-6be46c8c] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    z-index: 10;
}
.unity-progress-bar[data-v-6be46c8c] {
    width: 300px;
    height: 8px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 4px;
    overflow: hidden;
}
.unity-progress-fill[data-v-6be46c8c] {
    height: 100%;
    background: linear-gradient(90deg, #4a90d9, #67b8f7);
    border-radius: 4px;
    transition: width 0.3s ease;
}
.unity-progress-text[data-v-6be46c8c] {
    color: white;
    font-size: 14px;
    font-weight: 500;
}
.unity-warning[data-v-6be46c8c] {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    z-index: 20;
}
.about[data-v-6be46c8c] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.about-grid[data-v-6be46c8c] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: dense;
    gap: 12px;
}
.about-grid[data-v-6be46c8c]>* {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--purple-4);
    border-radius: 24px;
    background-color: #F6F8FD;
}
.about-grid[data-v-6be46c8c]>*:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
}
.about-grid[data-v-6be46c8c]>*:nth-child(2) {
    grid-column: 1;
    grid-row: span 2;
}
.about-grid[data-v-6be46c8c]>*:nth-child(3) {
    grid-column: 2;
    grid-row: span 2;
}
.about-grid[data-v-6be46c8c]>*:nth-child(4) {
    grid-column: 2;
    grid-row: 3;
}
.about-grid[data-v-6be46c8c]>*:nth-child(5) {
    grid-column: 3;
    grid-row: span 2;
}
.about-grid[data-v-6be46c8c]>*:nth-child(6) {
    grid-column: 3;
    grid-row: 3;
}
.text-block[data-v-6be46c8c] {
    padding: 24px;
    line-height: 140%;
    color: #000000;
}
.img-block[data-v-6be46c8c] {
    flex: 1;
    display: flex;
    justify-content: center;
}
.showcase[data-v-6be46c8c] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.showcase-blocks[data-v-6be46c8c] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
}
.showcase-block[data-v-6be46c8c] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.showcase-img[data-v-6be46c8c] {
    flex: 1;
    border-radius: 12px;
    overflow: hidden;
}
.showcase-descr[data-v-6be46c8c] {
    color: var(--neutral-1);
}
.why[data-v-6be46c8c] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.why-title[data-v-6be46c8c] {
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    color: #000000;
}
.why-content[data-v-6be46c8c] {
    display: flex;
    gap: 40px;
}
.why-list[data-v-6be46c8c] {
    padding-left: 24px !important;
    list-style-type: disc;
}
.why-list-item[data-v-6be46c8c] {
    line-height: 140%;
    color: #000000;
}
.why-list-item[data-v-6be46c8c]:not(:last-child) {
    margin-bottom: 24px !important;
}
.why-image[data-v-6be46c8c] {
    max-width: 440px;
    border-radius: 24px;
    overflow: hidden;
}
.why-buttons[data-v-6be46c8c] {
    display: flex;
    align-items: center;
    gap: 12px;
}
.faq[data-v-6be46c8c] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.faq-content[data-v-6be46c8c] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.faq-item[data-v-6be46c8c] {
    border: 1px solid var(--purple-4);
    border-radius: 16px;
    overflow: hidden;
    transition: border-color 0.3s ease;
}
.faq-question[data-v-6be46c8c] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 24px;
    padding: 24px;
    background: none;
    border: none;
    cursor: pointer;
    text-align: left;
    transition: background-color 0.2s ease;
}
.faq-arrow[data-v-6be46c8c] {
    flex-shrink: 0;
    transform: rotate(-180deg);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.faq-item.is-active .faq-arrow[data-v-6be46c8c] {
    transform: rotate(0deg);
}
.faq-question-text[data-v-6be46c8c] {
    flex: 1;
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
    color: #000000;
}
.faq-answer-wrapper[data-v-6be46c8c] {
    display: grid;
    grid-template-rows: 0fr;
    cursor: pointer;
    transition: grid-template-rows 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.faq-item.is-active .faq-answer-wrapper[data-v-6be46c8c] {
    grid-template-rows: 1fr;
}
.faq-answer[data-v-6be46c8c] {
    overflow: hidden;
}
.faq-answer-content[data-v-6be46c8c] {
    padding: 0 24px 24px 24px;
    line-height: 140%;
    color: #000000;
}
@media (max-width: 1023px) {
.configurator-content[data-v-6be46c8c] {
        gap: 48px;
}
.showcase-blocks[data-v-6be46c8c] {
        grid-template-rows: repeat(2,fit-content(100%));
        grid-template-columns: repeat(2,minmax(0,1fr));
}
}
@media (max-width: 767px) {
.configurator-container[data-v-6be46c8c] {
        padding: 0;
}
.title[data-v-6be46c8c] {
        padding: 0 16px;
}
.main-title[data-v-6be46c8c] {
        padding: 0 16px;
}
.main-descr[data-v-6be46c8c] {
        padding: 0 16px;
}
.header[data-v-6be46c8c] {
        margin-bottom: 24px;
}
.configurator-content[data-v-6be46c8c] {
        gap: 40px;
}
.main-blocks[data-v-6be46c8c] {
        flex-direction: column;
        gap: 24px;
}
.first-controls[data-v-6be46c8c] {
        max-width: none;
}
.showroom[data-v-6be46c8c] {
        padding: 24px;
}
.showroom-header[data-v-6be46c8c] {
        align-items: center;
}
.canvas-configurator[data-v-6be46c8c] {
        height: 280px;
}
.unity-progress-bar[data-v-6be46c8c] {
        width: 200px;
}
.about-grid[data-v-6be46c8c] {
        grid-template-columns: repeat(2, 1fr);
}
.about-grid[data-v-6be46c8c] > *:nth-child(n) {
        grid-column: auto;
        grid-row: auto;
}
.text-block[data-v-6be46c8c] {
        padding: 16px;
}
.why[data-v-6be46c8c] {
        padding: 0 16px;
}
.why-content[data-v-6be46c8c] {
        flex-direction: column-reverse;
}
.why-image[data-v-6be46c8c] {
        max-width: 100%;
}
.why-buttons[data-v-6be46c8c] {
        align-items: flex-start;
        flex-direction: column;
}
.faq-question[data-v-6be46c8c] {
        padding: 16px;
        gap: 16px;
}
.faq-answer-content[data-v-6be46c8c] {
        padding: 0 16px 16px 16px;
}
}


.about-sidebar[data-v-3c423693] {
    position: sticky;
    top: 20px;
    width: 240px;
    flex-shrink: 0;
    align-self: flex-start;
}
.sidebar-menu[data-v-3c423693] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px;
    border: 1px solid var(--neutral-11);
    border-radius: 24px;
}
.menu-buttons[data-v-3c423693] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.menu-button[data-v-3c423693] {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-radius: 12px;
    text-decoration: none;
    transition: all .3s ease;
}
.menu-button-link[data-v-3c423693] {
    text-decoration: none;
    flex: 1;
}
.menu-button-title[data-v-3c423693] {
    font-weight: 500;
    line-height: 120%;
    color: var(--neutral-2);
}
.menu-button:hover .menu-button-title[data-v-3c423693] {
    color: var(--blue-1);
}
.menu-button-active .menu-button-title[data-v-3c423693] {
    color: var(--blue-1);
}
.menu-button-expandable[data-v-3c423693] {
    position: relative;
}
.chevron-expanded[data-v-3c423693] {
    transform: rotate(180deg);
}
.sub-items[data-v-3c423693] {
    display: flex;
    flex-direction: column;
    padding-left: 24px;
    gap: 16px;
}
.sub-item[data-v-3c423693] {
    cursor: pointer;
    font-weight: 500;
    line-height: 120%;
    color: var(--neutral-3);
}
.sub-item[data-v-3c423693]:hover {
    color: var(--blue-1);
}
.sub-item-active[data-v-3c423693] {
    color: var(--blue-1);
}
.contact-button[data-v-3c423693] {
    border: 1.5px solid var(--purple-4);
    border-radius: 12px;
    justify-content: center;
}
.contact-button[data-v-3c423693]:hover {
    border-color: var(--blue-1);
}


.about-layout[data-v-ebca54ca] {
    display: flex;
    gap: 80px;
}


.about-container[data-v-e41b3b32] {
    flex: 1;
    max-width: 960px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.about-title[data-v-e41b3b32] {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    color: #000000;
}
.about-section[data-v-e41b3b32] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.about-first-section[data-v-e41b3b32] {
    gap: 12px;
}
.section-title[data-v-e41b3b32] {
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    color: #000000;
}
.section-text[data-v-e41b3b32] {
    font-weight: 400;
    line-height: 140%;
    color: var(--neutral-1);
}
.section-list[data-v-e41b3b32] {
    padding-left: 20px !important;
}
.section-list li[data-v-e41b3b32] {
    font-weight: 400;
    line-height: 140%;
    color: var(--neutral-1);
}
.section-list li[data-v-e41b3b32]:not(:last-child) {
    margin-bottom: 24px !important;
}
.about-content[data-v-e41b3b32] {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 24px 0;
}
.section-media[data-v-e41b3b32] {
    display: flex;
    align-items: center;
    gap: 24px;
}
.media-block[data-v-e41b3b32] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    flex: 1;
    height: 265px;
    border-radius: 24px;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
}
.media-counter[data-v-e41b3b32] {
    position: absolute;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    left: 20px;
    bottom: 20px;
}
.play-button[data-v-e41b3b32] {
    width: 66px;
    height: 66px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    background: #0E0C3433;
    backdrop-filter: blur(10px);
}
.separator[data-v-e41b3b32] {
    width: 100%;
    border-bottom: 1px solid var(--purple-4);
}


.about-container[data-v-3951dbe0] {
    flex: 1;
    max-width: 960px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.about-section[data-v-3951dbe0] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.section-title[data-v-3951dbe0] {
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    color: #000000;
}
.section-text[data-v-3951dbe0] {
    font-weight: 400;
    line-height: 140%;
    color: var(--neutral-1);
}
.about-content[data-v-3951dbe0] {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 24px 0;
}
.separator[data-v-3951dbe0] {
    width: 100%;
    border-bottom: 1px solid var(--purple-4);
}
.mail-link[data-v-3951dbe0] {
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-offset: 0%;
    text-decoration-thickness: 0%;
    -webkit-text-decoration-skip: ink;
            text-decoration-skip-ink: auto;
    color: var(--blue-1);
}


.about-container[data-v-4d3b2e5a] {
    flex: 1;
    max-width: 960px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.about-title[data-v-4d3b2e5a] {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    color: #000000;
}
.about-section[data-v-4d3b2e5a] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.about-first-section[data-v-4d3b2e5a] {
    gap: 12px;
}
.section-title[data-v-4d3b2e5a] {
    font-weight: 600;
    font-size: 18px;
    line-height: 120%;
    color: #000000;
}
.section-text[data-v-4d3b2e5a] {
    font-weight: 400;
    line-height: 140%;
    color: var(--neutral-1);
}
.section-list[data-v-4d3b2e5a] {
    padding-left: 20px !important;
}
.section-list li[data-v-4d3b2e5a] {
    font-weight: 400;
    line-height: 140%;
    color: var(--neutral-1);
}
.section-list li[data-v-4d3b2e5a]:not(:last-child) {
    margin-bottom: 24px !important;
}
.about-content[data-v-4d3b2e5a] {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 24px 0;
}
.section-media[data-v-4d3b2e5a] {
    display: flex;
    align-items: center;
    gap: 24px;
}
.media-block[data-v-4d3b2e5a] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    flex: 1;
    height: 265px;
    border-radius: 24px;
    overflow: hidden;
    background-image: url('/blog/blog3.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.media-counter[data-v-4d3b2e5a] {
    position: absolute;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    left: 20px;
    bottom: 20px;
}
.play-button[data-v-4d3b2e5a] {
    width: 66px;
    height: 66px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    background: #0E0C3433;
    backdrop-filter: blur(10px);
}
.separator[data-v-4d3b2e5a] {
    width: 100%;
    border-bottom: 1px solid var(--purple-4);
}


.search-page[data-v-ddf2f86c] {
    padding-bottom: 40px;
}
.empty-state[data-v-ddf2f86c] {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 24px 0;
}
.empty-icon[data-v-ddf2f86c] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    background: var(--neutral-11);
    color: var(--neutral-7);
    flex-shrink: 0;
}
.empty-title[data-v-ddf2f86c] {
    font-weight: 600;
    font-size: 20px;
    line-height: 120%;
    color: var(--neutral-1);
    margin-bottom: 6px;
}
.empty-hint[data-v-ddf2f86c] {
    color: var(--neutral-7);
    line-height: 140%;
}
.section[data-v-ddf2f86c] {
    margin-top: 24px;
}
.section-title[data-v-ddf2f86c] {
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    color: var(--neutral-1);
    margin-bottom: 16px;
}
.section-heading[data-v-ddf2f86c] {
    font-weight: 600;
    font-size: 22px;
    line-height: 120%;
    color: var(--neutral-1);
    margin-bottom: 16px;
}
.badges[data-v-ddf2f86c] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.badge[data-v-ddf2f86c] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 14px;
    background: var(--neutral-11);
    border: 1px solid transparent;
    border-radius: 12px;
    color: var(--blue-1);
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    cursor: pointer;
    transition: background-color 0.2s, border-color 0.2s;
}
.badge[data-v-ddf2f86c]:hover {
    background: var(--purple-3);
}
.recommended-grid[data-v-ddf2f86c] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}
.recommended-card[data-v-ddf2f86c] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    cursor: pointer;
}
.recommended-image[data-v-ddf2f86c] {
    width: 100%;
    aspect-ratio: 4 / 3;
    border-radius: 16px;
    background: var(--neutral-11);
}
.recommended-info[data-v-ddf2f86c] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 0 4px;
}
.skeleton-line[data-v-ddf2f86c] {
    height: 12px;
    border-radius: 4px;
    background: var(--neutral-11);
}
.recommended-price[data-v-ddf2f86c] {
    width: 40%;
    height: 16px;
}
.recommended-title[data-v-ddf2f86c] {
    width: 80%;
}
.recommended-meta[data-v-ddf2f86c] {
    width: 60%;
}
@media (min-width: 768px) {
.recommended-grid[data-v-ddf2f86c] {
        grid-template-columns: repeat(3, 1fr);
}
}
@media (min-width: 1024px) {
.recommended-grid[data-v-ddf2f86c] {
        grid-template-columns: repeat(5, 1fr);
}
.empty-state[data-v-ddf2f86c] {
        padding: 40px 0 24px;
}
}