@charset "UTF-8";
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/local/templates/rm-auction/lot-front/fonts/Inter-400.woff2") format("woff2"), url("/local/templates/rm-auction/lot-front/fonts/Inter-400.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/local/templates/rm-auction/lot-front/fonts/Inter-600.woff2") format("woff2"), url("/local/templates/rm-auction/lot-front/fonts/Inter-600.woff") format("woff");
}
@font-face {
  font-family: "TikTok Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/local/templates/rm-auction/lot-front/fonts/TikTokSans-400.woff2") format("woff2"), url("/local/templates/rm-auction/lot-front/fonts/TikTokSans-400.woff") format("woff");
}
@font-face {
  font-family: "TikTok Sans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/local/templates/rm-auction/lot-front/fonts/TikTokSans-500.woff2") format("woff2"), url("/local/templates/rm-auction/lot-front/fonts/TikTokSans-500.woff") format("woff");
}
@font-face {
  font-family: "TikTok Sans";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/local/templates/rm-auction/lot-front/fonts/TikTokSans-700.woff2") format("woff2"), url("/local/templates/rm-auction/lot-front/fonts/TikTokSans-700.woff") format("woff");
}
.preloader {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1400;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  background: #fff;
  transition: all 0.3s ease-in 0s;
}
.loader,
.loader::before,
.loader::after {
  width: 2.5em;
  height: 2.5em;
  border-radius: 50%;
  animation: bblFadInOut 1.8s infinite ease-in-out;
  animation-fill-mode: both;
}
.loader {
  position: relative;
  color: #5e1bc1;
  font-size: 7px;
  text-indent: -9999em;
  transform: translateZ(0);
  animation-delay: -0.16s;
}
.loader::before,
.loader::after {
  position: absolute;
  top: 0;
  content: "";
}
.loader::before {
  left: -3.5em;
  animation-delay: -0.32s;
}
.loader::after {
  left: 3.5em;
}
@keyframes bblFadInOut {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}

.auction-lot-front {
  color: var(--color-primary);
  font-family: var(--font-primary);
}

.auction-lot-front a {
  color: inherit;
  text-decoration: none;
}

.auction-lot-front .product__title,
.auction-lot-front .delivery-product__title {
  font-family: var(--font-secondary);
  font-weight: 700;
}

.auction-lot-front .verified-product__title {
  font-weight: 600;
}

.auction-lot-front .delivery-product__city {
  color: var(--color-gry);
  text-decoration-line: underline;
  text-decoration-style: dotted;
  text-decoration-skip-ink: none;
  text-decoration-thickness: 13.5%;
  text-underline-offset: 22%;
}

.auction-lot-front .verified-product__text {
  color: var(--color-gry);
}
@layer base, component, mod;
@layer base{

/**
 * Swiper 12.0.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 21, 2025
 */

: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-3d .swiper-slide,
  .swiper-3d .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 */
  }
    .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
      display: none;
    }
  .swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start;
  }
    .swiper-css-mode.swiper-horizontal > .swiper-wrapper {
      scroll-snap-type: x mandatory;
    }
    .swiper-css-mode.swiper-vertical > .swiper-wrapper {
      scroll-snap-type: y mandatory;
    }
    .swiper-css-mode.swiper-free-mode > .swiper-wrapper {
      scroll-snap-type: none;
    }
    .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: none;
    }
    .swiper-css-mode.swiper-centered > .swiper-wrapper::before {
      content: '';
      flex-shrink: 0;
      order: 9999;
    }
    .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
      scroll-snap-align: center center;
      scroll-snap-stop: always;
    }
    .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
      -webkit-margin-start: var(--swiper-centered-offset-before);
              margin-inline-start: var(--swiper-centered-offset-before);
    }
    .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
      height: 100%;
      min-height: 1px;
      width: var(--swiper-centered-offset-after);
    }
    .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
      -webkit-margin-before: var(--swiper-centered-offset-before);
              margin-block-start: var(--swiper-centered-offset-before);
    }
    .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
      width: 100%;
      min-width: 1px;
      height: var(--swiper-centered-offset-after);
    }

/* Slide styles start */
/* 3D Shadows */
  .swiper-3d .swiper-slide-shadow,
  .swiper-3d .swiper-slide-shadow-left,
  .swiper-3d .swiper-slide-shadow-right,
  .swiper-3d .swiper-slide-shadow-top,
  .swiper-3d .swiper-slide-shadow-bottom,
  .swiper-3d .swiper-slide-shadow,
  .swiper-3d .swiper-slide-shadow-left,
  .swiper-3d .swiper-slide-shadow-right,
  .swiper-3d .swiper-slide-shadow-top,
  .swiper-3d .swiper-slide-shadow-bottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
  }
  .swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
  }
  .swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  }
  .swiper-3d .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-lazy-preloader, .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 */
}
/* BREAKPOINTS
------------------------- */
/* COLORS
------------------------ */
/* EFFECTS
------------------------ */
:root {
  /* SECTION SPACING  */
  --spacing: 100px;
  /* FONTS  */
  --font-primary:
    'Inter', sans-serif, -apple-system, BlinkMacSystemFont, Roboto, Ubuntu,
    'Droid Sans', 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji';
  --font-secondary:
    'TikTok Sans', sans-serif, -apple-system, BlinkMacSystemFont, Roboto,
    Ubuntu, 'Droid Sans', 'Helvetica Neue', Arial, sans-serif,
    'Apple Color Emoji';
}
:root {
  /* COLORS
  ------------------------- */
  --color-primary: #202020;
  --color-primary--rgb: 32, 32, 32;
  --color-alt: #000;
  --color-alt--rgb: 0, 0, 0;
  --color-blck: #000;
  --color-blck--rgb: 0, 0, 0;
  --color-whte: #fff;
  --color-whte--rgb: 255, 255, 255;
  --color-whte-two: #f3f3f3;
  --color-whte-two--rgb: 243, 243, 243;
  --color-vilet: #5e1bc1;
  --color-vilet--rgb: 94, 27, 193;
  --color-pnk: #a440b6;
  --color-pnk--rgb: 164, 64, 182;
  --color-gry: #767e8f;
  --color-gry--rgb: 118, 126, 143;
  --color-gry-whte: #d9d9d9;
  --color-gry-whte--rgb: 217, 217, 217;
  --color-grn: #197779;
  --color-grn--rgb: 25, 119, 121;
  --color-orn: #f1720b;
  --color-orn--rgb: 241, 114, 11;
  --color-text: #000;
  --color-text--rgb: 0, 0, 0;
  --color-text-alt: #a8a8a8;
  --color-text-alt--rgb: 168, 168, 168;
  --color-bg: #000;
  --color-bg--rgb: 0, 0, 0;
  --color-bg-secondary: #e0e0e0;
  --color-bg-secondary--rgb: 224, 224, 224;
  --color-success: #259243;
  --color-success--rgb: 37, 146, 67;
  --color-error: #ff3d3d;
  --color-error--rgb: 255, 61, 61;
  --font-size-default: 14px;
  /** Z-INDEX SYSTEM
  ------------------------- */
  --index-1: 100;
  --index-2: 200;
  --index-3: 1200;
  --index-4: 1300;
}
@layer base {
  * {
    margin: 0;
    padding: 0;
    border: 0;
  }
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  *::before,
  *::after {
    display: inline-block;
  }
  html,
  body {
    min-width: 360px;
    height: 100%;
    scroll-behavior: smooth;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    scrollbar-gutter: stable;
  }
  body {
    color: var(--color-primary);
    font-size: var(--font-size-default);
    font-family: var(--font-primary);
    line-height: 1;
    -webkit-text-size-adjust: 100%;
       -moz-text-size-adjust: 100%;
            text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  ::-webkit-scrollbar {
    width: 6px;
    height: 5px;
  }
  ::-webkit-scrollbar-track {
    background: var(--color-scroll-bg);
  }
  ::-webkit-scrollbar-thumb {
    background: var(--color-vilet);
    border-radius: 10px;
  }
  ::selection {
    color: var(--color-whte);
    background: var(--color-vilet);
  }
  input,
  button,
  textarea {
    font-size: inherit;
    font-family: var(--font-primary);
    line-height: inherit;
  }
  button {
    color: inherit;
    font-family: var(--font-primary);
    background-color: transparent;
    outline: 0;
    cursor: pointer;
  }
  div[class*=__text] p:only-of-type,
  div[class*=__text] p:last-of-type,
  div[class*=__details] p:only-of-type,
  div[class*=__details] p:last-of-type,
  div[class*=__note] p:only-of-type,
  div[class*=__note] p:last-of-type {
    margin: 0;
  }
  [class*=image] img {
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
  a {
    display: inline-block;
    color: inherit;
    text-decoration: none;
  }
  ul li {
    list-style: none;
  }
  img {
    vertical-align: top;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: inherit;
    font-size: inherit;
  }
  address,
  cite {
    font-style: normal;
  }
  fieldset,
  dl,
  dd {
    margin: 0;
    padding: 0;
  }
  fieldset {
    border: none;
  }
}
.lock body {
  overflow: hidden;
  touch-action: none;
  overscroll-behavior: none;
}
/* stylelint-disable*/
/* IMPORTS
---------------------------- */
body::after {
  position: fixed;
  top: 0;
  left: 0;
  z-index: calc(var(--index-3) - 1);
  width: 100%;
  height: 100%;
  background-color: rgba(var(--color-blck--rgb), 0.5);
  opacity: 0;
  transition: opacity 0.8s ease 0s;
  content: "";
  pointer-events: none;
}
[data-popup].popup-open {
  pointer-events: none;
}
.popup-show body::after {
  opacity: 1;
}
@layer component {
  .popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 30px 10px;
    visibility: hidden;
    transition: visibility 0.8s ease 0s;
    pointer-events: none;
  }
  /* stylelint-disable-next-line selector-class-pattern */
  .popup_show {
    z-index: var(--index-3);
    overflow: auto;
    visibility: visible;
    pointer-events: auto;
  }
  /* stylelint-disable-next-line selector-class-pattern */
  .popup_show .popup__content {
    transform: scale(1);
    visibility: visible;
  }
  .popup__wrapper {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 100%;
  }
  .popup__content {
    width: 100%;
    max-width: 940px;
    background-color: var(--color-whte);
    border-radius: 16px;
    transform: scale(0);
    visibility: hidden;
    transition: transform 0.3s ease 0s;
    overflow: hidden;
  }
  .lock .popup__content {
    visibility: visible;
  }
}
.popup .form__error {
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  font-size: 12px;
  color: var(--color-error);
  line-height: 128.571%; /* 128.571% */
}
.popup__close {
  position: absolute;
  --pad: 8px;
  top: var(--pad);
  right: var(--pad);
  --size: 36px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  -webkit-backdrop-filter: blur(7px);
          backdrop-filter: blur(7px);
  background: var(--color-whte);
  z-index: 2;
  border: 1px solid #d7e2ea;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-in 0s;
}
.popup__close::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  --size: 20px;
  width: var(--size);
  height: var(--size);
  transition: all 0.3s ease-in 0s;
}
.popup__inner {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
.popup__form {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.popup__form-title {
  font-family: var(--font-secondary);
  font-weight: 700;
  font-variation-settings: "slnt" 0, "wdth" 120;
}
.popup__form-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.popup__form-item.popup__form-item--big {
  grid-column-start: span 2;
}
.popup__form-input {
  display: flex;
  flex-direction: column;
  gap: 4px;
  position: relative;
}
.popup__form-input .input {
  height: 40px;
  border-radius: 8px;
  padding: 11px 16px;
  font-size: 14px;
  line-height: 128.571%; /* 128.571% */
}
.popup__form-input textarea {
  height: 80px !important;
}
.popup__form-input textarea::-webkit-scrollbar {
  display: none;
}
.popup__form-label {
  margin-top: 4px;
}
.popup__form-label span {
  color: var(--color-error);
  font-weight: 600;
  font-style: italic;
}
.popup__form-clue {
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  width: 100%;
  padding: 4px;
  background: var(--color-whte);
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
  border-radius: 12px;
  z-index: 2;
  display: none;
}
.popup__form-clue div {
  transition: all 0.3s ease-in 0s;
  padding: 7px 12px;
  border-radius: 4px;
}
.popup__form-clue div:not(:last-child) {
  margin-bottom: 2px;
}
.popup__form-btn {
  max-width: max-content;
  margin-top: 28px;
}
.popup__map {
  height: 100%;
}
.popup__video {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.popup__video video,
.popup__video img,
.popup__video picture,
.popup__video iframe,
.popup__video source {
  width: 100%;
  height: 100%;
  display: block;
  aspect-ratio: 16/9;
}
.popup--card .popup__card-inner {
  display: grid;
  grid-template-columns: 1fr;
}
.popup--card .popup__content {
  max-width: 1169px;
  background: var(--color-whte);
  overflow: visible;
  border-radius: 16px;
}
.popup__card-content {
  padding: 14px 14px 0px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  position: relative;
}
.popup__card-top {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.popup__card-info {
  margin-top: 12px;
}
.popup__card-bottom {
  position: sticky;
  bottom: -30px;
  left: 0;
  margin-top: auto;
  border-radius: 16px;
  background: var(--color-whte);
  box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.08);
  border-top: 1px solid #d7e2ea;
  margin: auto -14px 0;
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.popup__card-prices {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
}
.popup__card-btns {
  display: flex;
  gap: 10px;
}
.popup__card-btn {
  width: 100%;
}
.popup__card-price {
  color: var(--color);
  font-weight: 700;
  line-height: 112.5%;
  font-family: var(--font-secondary);
  font-variation-settings: "slnt" 0, "wdth" 120;
}
.popup__card-detailed {
  text-align: center;
  padding: 10px;
  line-height: 125%; /* 125% */
  color: var(--color-vilet);
  transition: all 0.3s ease-in 0s;
}
.popup__card-old {
  color: #a8aebc;
}
.popup__card-photo {
  border-radius: 16px 16px 0px 0px;
  overflow: hidden;
}
.popup__card-photo .block-card__top,
.popup__card-photo .block-card__img {
  border-radius: 16px 16px 0px 0px;
}
.popup__card-photo .block-card__head {
  margin: 0px 0px;
}
.popup__card-photo .block-card__info {
  padding: 8px;
}
.popup__card-photo .block-card__pagination {
  display: none;
}
.popup__card-photo .block-card__img {
  width: 100%;
}
.popup__card-photo .popup__card-slider,
.popup__card-photo .block-card__top {
  height: 100%;
}
.popup__card-title {
  font-weight: 700;
  font-family: var(--font-secondary);
  font-variation-settings: "slnt" 0, "wdth" 120;
}
.popup__card-btn {
  padding: 11px 24px;
}
.popup__card-btn.popup__card-btn--icon {
  gap: 8px;
}
.popup__card-btn.popup__card-btn--icon::before {
  content: "";
  background: var(--color-primary);
  --size: 20px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
}
.popup--gallery {
  padding: 0px;
  height: 100dvh;
}
.popup--gallery .popup__content {
  max-width: 100%;
  height: 100%;
  border-radius: 0px;
}
.popup--gallery .popup__close::before {
  content: "";
  --size: 14px;
}
.popup--gallery .popup__wrapper {
  align-items: flex-start;
  justify-content: flex-start;
  height: 100%;
}
.popup__gallery {
  height: 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.popup__sliders {
  display: grid;
  grid-template-columns: 1fr;
  height: calc(100% - var(--bottom));
  min-width: 0;
}
.popup__thumbs {
  padding: 32px;
  height: 100%;
  min-width: 0;
}
.popup__thumbs::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 72px;
  background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 100%);
  z-index: 2;
  transition: all 0.3s ease-in 0s;
  opacity: 1;
}
.popup__thumbs::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 72px;
  background: linear-gradient(360deg, #fff 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 100%);
  z-index: 2;
  transition: all 0.3s ease-in 0s;
  opacity: 1;
}
.popup__thumbs:has(.popup__arrow--next.swiper-button-disabled)::after {
  content: "";
  opacity: 0;
}
.popup__thumbs:has(.popup__arrow--prev.swiper-button-disabled)::before {
  content: "";
  opacity: 0;
}
.popup__thumbs .block-card__pagination {
  display: none;
}
.popup__thumbs .popup__arrows {
  flex-direction: column;
  width: 100%;
  height: 100%;
  left: 0;
  padding: 10px;
}
.popup__thumbs .popup__arrows .popup__arrow--prev::before {
  content: "";
  transform: rotate(90deg);
}
.popup__thumbs .popup__arrows .popup__arrow--next::before {
  content: "";
  transform: rotate(90deg);
}
.popup__thumbs .popup__gallery {
  height: 143px;
  max-width: 107px;
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
}
.popup__thumbs .popup__gallery:not(:last-child) {
  margin-right: 12px;
}
.popup__thumbs .popup__gallery::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  border: 1px solid var(--color-vilet);
  z-index: 2;
  transition: all 0.3s ease-in 0s;
  opacity: 0;
}
.popup__thumbs .popup__gallery::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 16px;
  transition: all 0.3s ease-in 0s;
  background: rgba(var(--color-blck--rgb), 0.3);
  opacity: 0;
}
.popup__thumbs .popup__gallery.swiper-slide-thumb-active .block-card__img {
  opacity: 1;
}
.popup__thumbs .popup__gallery.swiper-slide-thumb-active::before {
  content: "";
  opacity: 1;
}
.popup__thumbs .popup__gallery .block-card__img {
  opacity: 0.8;
  transition: all 0.3s ease-in 0s;
}
.popup__thumbs .popup__gallery .block-card__slide {
  pointer-events: none;
}
.popup__thumbs .popup__gallery .block-card__top {
  border-radius: 16px;
  aspect-ratio: 113/142;
}
.popup__thumbs .popup__gallery .block-card__img {
  border-radius: 16px;
  aspect-ratio: 113/142;
}
.popup__thumbs .popup__gallery .block-card__top {
  border-radius: 16px;
  aspect-ratio: 113/142;
}
.popup__thumbs .popup__gallery .block-card__icon {
  --size: 64px;
}
.popup__thumbs .popup__gallery .block-card__icon::before {
  content: "";
  --size: 32px;
}
.popup__slider {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100%;
  padding: 14px;
}
.popup__slider .block-card__top {
  width: 100%;
}
.popup__slider .block-card__arrow {
  background: rgba(3, 5, 28, 0.1);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  transform: translateZ(0);
  will-change: backdrop-filter;
  box-shadow: 0 9.846px 39.385px 0 rgba(26, 18, 37, 0.12);
  position: relative;
  z-index: 2;
  opacity: 0;
}
.popup__slider .block-card__arrow::before {
  content: "";
  background: var(--color-primary);
}
.popup__slider .block-card__img {
  aspect-ratio: 0 !important;
  width: 100% !important;
  display: flex;
  justify-content: center;
}
.popup__slider .block-card__slider {
  overflow: hidden !important;
  width: 100%;
}
.popup__slider .block-card__slide {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: url("/local/templates/rm-auction/lot-front/img/icons/65.svg") 40 40, auto !important;
}
.popup__slider .block-card__slide.swiper-slide-zoomed {
  cursor: url("/local/templates/rm-auction/lot-front/img/icons/66.svg") 40 40, auto !important;
}
.popup__slider .popup__slide {
  display: flex;
  justify-content: center;
}
.popup__slider .popup__slide img {
  height: 100%;
}
.popup__product {
  background: var(--color-whte);
  padding: 14px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px 20px;
  align-items: center;
}
.popup__product-info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 44px;
}
.popup__product-prices {
  display: flex;
  align-items: flex-end;
  gap: 12px;
}
.popup__product-btns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.popup__product-title {
  font-family: var(--font-secondary);
  font-variation-settings: "slnt" 0, "wdth" 120;
  font-weight: 700;
  line-height: 116.667%;
}
.popup__product-price {
  color: var(--color);
  font-family: var(--font-secondary);
  font-variation-settings: "slnt" 0, "wdth" 120;
  font-weight: 700;
  line-height: 112.5%;
  white-space: nowrap;
}
.popup__product-old {
  color: #a8aebc;
  white-space: nowrap;
}
.popup__product-btn {
  padding: 8px;
}
.popup__product-btn.popup__product-btn--icon {
  gap: 8px;
}
.popup__product-btn.popup__product-btn--icon::before {
  content: "";
  --size: 16px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  background: var(--color-primary);
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  transition: all 0.3s ease-in 0s;
}
.popup__auction {
  padding: 56px 56px 44px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.popup__auction-img {
  --size: 160px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  margin: 0 auto;
}
.popup__auction-img img,
.popup__auction-img picture {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.popup__auction-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: center;
}
.popup__auction-title {
  font-family: var(--font-secondary);
  font-weight: 700;
  line-height: 116.667%;
}
.popup__auction-text {
  color: var(--color-gry);
  line-height: 128.571%;
}
.popup__auction-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 280px;
  height: 44px;
  margin: 0 auto;
  padding: 12px 24px;
  gap: 8px;
  border-radius: 26px;
  color: var(--color-whte);
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
  text-align: center;
  background: var(--color-orn);
}
.popup__auction-link:hover {
  color: var(--color-whte);
  background: #f5613e;
}
.popup__auction-link:active {
  color: var(--color-whte);
  background: #d56201;
}
.popup--auction .popup__content {
  max-width: 440px;
}
.js-play-audio {
  display: none;
  width: 0;
}
.form__review {
  display: flex;
  gap: 8px;
  padding: 12px 16px;
  width: 100%;
  border-radius: 16px;
  -webkit-backdrop-filter: blur(7px);
          backdrop-filter: blur(7px);
  background: var(--color-whte);
  border: 1px solid #d7e2ea;
  transition: all 0.3s ease-in 0s;
}
.form__review-icon {
  background: var(--icon) center center/contain no-repeat;
  --size: 20px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
}
.form__review-textarea {
  width: 100%;
}
.form__review-textarea .input {
  border-color: transparent !important;
  border-radius: 0;
  width: 100%;
}
.form__bottom {
  display: flex;
  align-items: flex-start;
  gap: 8px 30px;
  flex-wrap: wrap;
}
.form__bottom-constructor {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
}
.form__bottom-limitation {
  min-width: 159px;
  color: #a8aebc;
  font-family: var(--font-secondary);
  line-height: 128.571%; /* 128.571% */
  transition: all 0.3s ease-in 0s;
}
.form__bottom-btns {
  display: flex;
  gap: 8px;
}
input[type=text],
input[type=email],
input[type=tel],
input[type=number],
textarea {
  -webkit-appearance: none;
          appearance: none;
  outline: none;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
          appearance: none;
}
input[type=number] {
  -webkit-appearance: textfield;
          appearance: textfield;
  /* Firefox */
}
.input {
  display: block;
  width: 100%;
  padding: 12px 16px;
  border: 1px solid #d7e2ea;
  border-radius: 0;
  height: 44px;
  -webkit-backdrop-filter: blur(7px);
          backdrop-filter: blur(7px);
  background: var(--color-whte);
  border-radius: 14px;
  transition: all 0.3s ease-in 0s;
  font-size: 16px;
  line-height: 125%; /* 125% */
  cursor: pointer;
}
.input._form-focus {
  border-color: var(--color-vilet);
}
.input._form-error {
  border-color: var(--color-error);
}
.input::placeholder {
  font-size: 16px;
  line-height: 125%; /* 125% */
  color: #a8aebc;
}
.input[placeholder]:not([data-placeholder-nohiden])::placeholder {
  transition: opacity 0.3s;
}
.input[placeholder]:not([data-placeholder-nohiden]):focus::placeholder {
  opacity: 0;
}
textarea.input {
  padding: 0;
  resize: none;
}
textarea.input::-webkit-scrollbar {
  display: none;
}
.checkbox {
  position: relative;
}
.checkbox__input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}
.checkbox__input:checked + .checkbox__label::before {
  background: var(--color-vilet);
  border: 1px solid var(--color-vilet);
}
.checkbox__input:checked + .checkbox__label::after {
  transform: scale(1);
}
.checkbox__label {
  position: relative;
  cursor: pointer;
  padding-left: 30px;
}
.checkbox__label::before {
  align-self: flex-start;
  border: 1px solid #bec6ce;
  border-radius: 5px;
  --size: 22px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  content: "";
  position: absolute;
  left: 0;
  transition: all 0.3s ease-in 0s;
  background: var(--color-whte);
}
.checkbox__label::after {
  content: "";
  align-self: flex-start;
  --size: 14px;
  mask: url("/local/templates/rm-auction/lot-front/img/icons/checkbox.svg") center center/contain no-repeat;
  -webkit-mask: url("/local/templates/rm-auction/lot-front/img/icons/checkbox.svg") center center/contain no-repeat;
  background: var(--color-whte);
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  content: "";
  position: absolute;
  left: 4px;
  top: 0px;
  transform: scale(0);
  transition: all 0.3s ease-in 0s;
}
.checkbox__text {
  align-self: center;
}
.checkbox__text span {
  color: #767e8f;
  font-style: italic;
}
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  box-sizing: border-box;
  -webkit-user-select: none;
          user-select: none;
  touch-action: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.noUi-target {
  position: relative;
}
.noUi-base,
.noUi-connects {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
}
/* Wrapper for all connect elements.
 */
.noUi-connects {
  z-index: 0;
  overflow: hidden;
}
.noUi-connect,
.noUi-origin {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  transform-origin: 0 0;
  transform-style: preserve-3d;
  transform-style: flat;
  will-change: transform;
}
/* Offset direction
 */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  right: auto;
  left: 0;
}
/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements.
 */
.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0;
}
.noUi-horizontal .noUi-origin {
  height: 0;
}
.noUi-handle {
  position: absolute;
  backface-visibility: hidden;
}
.noUi-touch-area {
  width: 100%;
  height: 100%;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  transition: transform 0.3s;
}
.noUi-state-drag * {
  /* stylelint-disable-next-line declaration-no-important */
  cursor: inherit !important;
}
/* Slider size and handle placement;
 */
.noUi-horizontal {
  height: 6px;
}
.noUi-horizontal .noUi-handle {
  top: -10px;
  right: -24px;
  --size: 24px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background: var(--color-whte);
  display: flex;
  justify-content: center;
  align-items: center;
  filter: drop-shadow(0 0 1px rgba(0, 0, 0, 0.1)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.09)) drop-shadow(0 4px 2px rgba(0, 0, 0, 0.05)) drop-shadow(0 6px 3px rgba(0, 0, 0, 0.01)) drop-shadow(0 10px 3px rgba(0, 0, 0, 0));
}
.noUi-touch-area {
  --size: 16px;
  width: var(--size);
  height: var(--size);
  background: var(--color-vilet);
  border-radius: 50%;
}
.noUi-vertical {
  width: 18px;
}
.noUi-vertical .noUi-handle {
  right: -6px;
  bottom: -17px;
  width: 28px;
  height: 34px;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  right: auto;
  left: -17px;
}
/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
/* stylelint-disable-next-line no-duplicate-selectors */
.noUi-target {
  background: var(--color-gry-whte);
  border-radius: 20px;
}
/* stylelint-disable-next-line no-duplicate-selectors */
.noUi-connects {
  border-radius: 20px;
}
.noUi-connect {
  background: rgba(var(--color-vilet--rgb), 0.3);
}
/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}
/* stylelint-disable-next-line no-duplicate-selectors */
.noUi-handle {
  background: var(--color-alt);
  cursor: pointer;
}
.noUi-active {
  box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb;
}
/* Handle stripes;
 */
.noUi-handle::before,
.noUi-handle::after {
  position: absolute;
  top: 6px;
  left: 14px;
  display: block;
  width: 1px;
  height: 14px;
  background: #e8e7e6;
  content: "";
  display: none;
}
.noUi-handle::after {
  left: 17px;
}
.noUi-vertical .noUi-handle::before,
.noUi-vertical .noUi-handle::after {
  top: 14px;
  left: 6px;
  width: 14px;
  height: 1px;
}
.noUi-vertical .noUi-handle::after {
  top: 17px;
}
/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #b8b8b8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}
/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  box-sizing: border-box;
}
.noUi-pips {
  position: absolute;
  color: #999;
}
/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}
.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}
/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
  background: #ccc;
}
.noUi-marker-sub {
  background: #aaa;
}
.noUi-marker-large {
  background: #aaa;
}
/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  top: 100%;
  left: 0;
  width: 100%;
  height: 80px;
  padding: 10px 0;
}
.noUi-value-horizontal {
  transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
  transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
  width: 2px;
  height: 5px;
  margin-left: -1px;
}
.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}
/* Vertical layout;
 *
 */
.noUi-pips-vertical {
  top: 0;
  left: 100%;
  height: 100%;
  padding: 0 10px;
}
.noUi-value-vertical {
  padding-left: 25px;
  transform: translate(0, -50%);
}
.noUi-rtl .noUi-value-vertical {
  transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}
.noUi-tooltip {
  position: absolute;
  display: block;
  padding: 5px;
  color: #000;
  white-space: nowrap;
  text-align: center;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
}
.noUi-horizontal .noUi-tooltip {
  bottom: 120%;
  left: 50%;
  transform: translate(-50%, 0);
}
.noUi-vertical .noUi-tooltip {
  top: 50%;
  right: 120%;
  transform: translate(0, -50%);
}
.noUi-horizontal .noUi-origin > .noUi-tooltip {
  bottom: 10px;
  left: auto;
  transform: translate(50%, 0);
}
.noUi-vertical .noUi-origin > .noUi-tooltip {
  top: auto;
  right: 28px;
  transform: translate(0, -16px);
}
.range__top {
  display: flex;
  gap: 30px;
  justify-content: space-between;
}
.range__values {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 20px;
}
.range__values .noUi-target {
  width: 100%;
}
.noUi-target {
  padding-right: 24px;
}
.range__divider {
  width: 20px;
  flex: 0 0 20px;
  height: 1px;
  background: #bec6ce;
  border-radius: 1px;
}
.range__text {
  font-size: 15px;
  line-height: 125.2%; /* 18.78px */
}
.range__value {
  position: relative;
  display: flex;
  gap: 6px;
  align-items: center;
  width: 100%;
}
.range__value input {
  width: 100%;
  height: 44px;
  background: var(--color-whte);
  font-size: 15px;
  line-height: 125.2%; /* 18.78px */
  color: var(--color-primary);
  padding: 12px 16px;
  -webkit-backdrop-filter: blur(7px);
          backdrop-filter: blur(7px);
}
.range__prices {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  margin-top: 14px;
  padding: 0px 8px;
}
.range__price {
  color: #a8aebc;
}
.range__btn {
  margin-top: 16px;
}
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.pagination__arrow {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 43px;
  height: 46px;
  border-radius: 12px;
  border: 1px solid #d7e2ea;
  background: var(--color-whte);
  transition: all 0.3s ease-in 0s;
}
.pagination__arrow::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: #a199ae;
  --size: 22px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  transition: all 0.3s ease-in 0s;
}
.pagination__list {
  display: flex;
  gap: 10px;
}
.pagination__item {
  font-weight: 600;
  font-size: 16px;
  line-height: 125%; /* 125% */
  color: var(--color-gry);
  border-radius: 12px;
  border: 1px solid #d7e2ea;
  background: var(--color-whte);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px;
  min-width: 43px;
  height: 44px;
  transition: all 0.3s ease-in 0s;
}
.pagination__item._active {
  background: var(--color-vilet);
  border: 1px solid var(--color-vilet);
  color: var(--color-whte);
}
.quantity {
  display: flex;
  width: 124px;
  height: 40px;
  border-radius: 100px;
  background: var(--color-vilet);
  padding: 9px 20px;
  gap: 4px;
  cursor: pointer;
}
.quantity__button {
  position: relative;
  flex: 0 0 12px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.quantity__button::after {
  content: "";
  transition: all 0.3s ease 0s;
  background: rgba(var(--color-whte--rgb), 0.5);
  width: 12px;
  height: 12px;
  flex: 0 0 12px;
  transition: all 0.3s ease-in 0s;
}
.quantity__button.quantity__button--minus::after {
  content: "";
  mask: url("/local/templates/rm-auction/lot-front/img/icons/minus.svg") center center/contain no-repeat;
  -webkit-mask: url("/local/templates/rm-auction/lot-front/img/icons/minus.svg") center center/contain no-repeat;
}
.quantity__button.quantity__button--plus::after {
  content: "";
  mask: url("/local/templates/rm-auction/lot-front/img/icons/plus.svg") center center/contain no-repeat;
  -webkit-mask: url("/local/templates/rm-auction/lot-front/img/icons/plus.svg") center center/contain no-repeat;
}
.quantity__button--plus::before {
  transform: rotate(-90deg);
}
.quantity__input {
  flex: 1 1 auto;
  background: transparent;
}
.quantity__input input {
  width: 100%;
  height: 100%;
  font-size: 18px;
  font-weight: 500;
  line-height: 122.222%; /* 122.222% */
  font-family: var(--font-secondary);
  color: var(--color-whte);
  text-align: center;
  background: transparent;
  outline: none;
}
/* stylelint-disable selector-class-pattern */
@layer component {
  .spollers__item {
    border-radius: 16px;
    background: var(--color-whte);
    border: 1px solid #d7e2ea;
    padding: 20px 24px 23px;
  }
  .spollers__title {
    position: relative;
    width: 100%;
    text-align: left;
    list-style: none;
    cursor: default;
    display: flex;
    align-items: center;
    gap: 14px;
    font-weight: 600;
  }
  .spollers__title.spollers__title--icon::before {
    content: "";
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: #a199ae;
    --size: 20px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
  }
  .spollers__title._spoller-active .spollers__button {
    transform: rotate(180deg);
  }
  .spollers__title::marker, .spollers__title::-webkit-details-marker {
    display: none;
  }
  ._spoiler-init .spollers__title {
    cursor: pointer;
  }
  ._spoiler-init .spollers__title::before, ._spoiler-init .spollers__title::after {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 15px;
    height: 2px;
    background-color: currentColor;
    transition: transform 0.5s ease-in 0s;
    content: "";
  }
  ._spoiler-init .spollers__title::before {
    transform: translate(-75%, -50%) rotate(40deg);
  }
  ._spoiler-init .spollers__title::after {
    transform: translate(0, -50%) rotate(-40deg);
  }
  ._spoiler-init .spollers__title._spoiler-active::before {
    transform: translateX(-75%) rotate(-40deg);
  }
  ._spoiler-init .spollers__title._spoiler-active::after {
    transform: rotate(40deg);
  }
  .spollers__title {
    outline: none;
    cursor: pointer;
  }
  .spollers__buttons {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-left: auto;
  }
  .spollers__button {
    --size: 24px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: var(--color-primary);
    transition: all 0.3s ease-in 0s;
  }
  .spollers__body {
    margin-top: -4px;
  }
  .spollers__body::before {
    content: "";
    height: 12px;
    width: 100%;
  }
  .spollers__content {
    border-top: 1px solid #d7e2ea;
    padding-top: 4px;
  }
  .spollers__checkboxs {
    padding-top: 4px;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .spollers__checkbox {
    padding: 2px 0px;
  }
  .spollers__open {
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: #a199ae;
    --size: 20px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    transition: all 0.3s ease-in 0s;
  }
  .spollers__open._active {
    background: var(--color-vilet);
  }
  .spollers__search {
    padding-top: 8px;
    padding-bottom: 9px;
  }
}
.spollers__range {
  padding-top: 12px;
}
.spollers__checkboxs:has(input[type=radio]) .checkbox__label::before {
  content: "";
  border-radius: 50%;
}
.spollers__checkboxs:has(input[type=radio]) .checkbox__label::after {
  content: "";
  background: var(--color-whte);
  mask: none;
  -webkit-mask: none;
  border-radius: 50%;
  --size: 10px;
  top: 1px;
  left: 6px;
}
.spollers__checkbox .checkbox__label::after {
  content: "";
  top: -1px;
}
/* stylelint-disable selector-class-pattern */
.tabs__navigation {
  display: flex;
  gap: 16px;
  border-bottom: 1px solid #e6eef4;
  margin-bottom: 30px;
}
.tabs__inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.tabs__title {
  font-family: var(--font-secondary);
  font-weight: 700;
  transition: all 0.3s ease-in 0s;
  line-height: 116.667%; /* 120% */
  padding-bottom: 16px;
  position: relative;
  font-variation-settings: "slnt" 0, "wdth" 120;
  white-space: nowrap;
}
.tabs__title::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: #197779;
  transition: all 0.3s ease-in 0s;
}
.tabs__title span {
  font-size: 17px;
  line-height: 82.353%; /* 82.353% */
  font-style: italic;
  font-weight: 500;
  color: var(--color-gry);
  transform: translate(-2px, -14px);
  display: inline-flex;
  transition: all 0.3s ease-in 0s;
}
.tabs__title._tab-active {
  color: var(--color-grn);
}
.tabs__title._tab-active::before {
  content: "";
  width: 100%;
}
.tabs__title._tab-active span {
  color: var(--color-grn);
}
.tabs__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px 12px;
}
.tabs__card .block-card__item::before {
  content: "";
}
.tabs__card .block-card__head {
  margin: 0px;
}
.tabs__specification .characteristic-product__items {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 17px 80px;
}
.tabs__showmore {
  font-size: 16px;
  line-height: 125%; /* 125% */
  padding: 8px 0px;
  color: var(--color-vilet);
}
.tabs__showmore span:nth-child(2) {
  display: none;
}
.tabs__showmore:not([hidden]) {
  display: flex;
  align-items: center;
}
.tabs__showmore::after {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-vilet);
  --size: 20px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  margin-left: 8px;
  transform: rotate(180deg);
  transition: all 0.3s ease-in 0s;
}
.tabs__showmore._active span:nth-child(1) {
  display: none;
}
.tabs__showmore._active span:nth-child(2) {
  display: flex;
}
.tabs__showmore._active::after {
  content: "";
  transform: rotate(0deg);
}
.tabs__feature {
  position: relative;
}
.tabs__feature::before {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 134px;
  background: linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
  transition: all 0.3s ease-in 0s;
  z-index: 2;
  opacity: 1;
  pointer-events: none;
}
.tabs__body:has(.tabs__showmore[hidden]) .tabs__feature::before {
  content: "";
  opacity: 0;
}
.tabs__body:has(.tabs__showmore[hidden])::before {
  opacity: 0;
}
.tabs__body:has(.tabs__showmore._active) .tabs__feature::before {
  content: "";
  opacity: 0;
}
.tabs__body:has(.tabs__showmore._active)::before {
  opacity: 0;
}
.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}
[data-tippy-root] {
  max-width: calc(100vw - 10px);
  z-index: 10050 !important;
}
.tippy-box {
  position: relative;
  color: #fff;
  font-size: 14px;
  line-height: 1.4;
  background-color: rgba(51, 56, 68, 0.95);
  border-radius: 12px;
  outline: 0;
  transition-property: transform, visibility, opacity;
  box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.12);
}
.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}
.tippy-box[data-placement^=top] > .tippy-arrow::before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow::before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}
.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}
.tippy-box[data-placement^=left] > .tippy-arrow::before {
  right: -7px;
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  transform-origin: center left;
}
.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}
.tippy-box[data-placement^=right] > .tippy-arrow::before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}
.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}
.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}
.tippy-arrow::before {
  position: absolute;
  border-color: transparent;
  border-style: solid;
  content: "";
}
.tippy-content {
  position: relative;
  z-index: 1;
  padding: 16px;
}
[data-tippy-content] {
  transition: all 0.3s ease-in 0s;
}
._active[data-tippy-content] {
  background: #9097a8;
}
/* stylelint-enable*/
/* UTILS
---------------------------- */
/* stylelint-disable-next-line scss/percent-placeholder-pattern */
.icon-menu {
  position: relative;
  z-index: 5;
  display: block;
  width: 30px;
  height: 18px;
}
.icon-menu span, .icon-menu::before, .icon-menu::after {
  content: "";
  position: absolute;
  right: 0;
  width: 100%;
  height: 2px;
  background-color: currentColor;
  transition: all 0.3s ease-in 0s;
}
.icon-menu::before {
  top: 0;
}
.icon-menu::after {
  bottom: 0;
}
.icon-menu span {
  top: calc(50% - 1px);
}
.menu-open .icon-menu span {
  width: 0;
}
.menu-open .icon-menu::before {
  top: calc(50% - 1px);
  transform: rotate(-45deg);
}
.menu-open .icon-menu::after {
  bottom: calc(50% - 1px);
  transform: rotate(45deg);
}
/* stylelint-disable*/
@layer component {
  .btn {
    font-size: 16px;
    font-weight: 600;
    line-height: 125%; /* 125% */
    padding: 15px 24px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    border-radius: 26px;
    transition: all 0.3s ease-in 0s;
    -webkit-backdrop-filter: blur(7px);
            backdrop-filter: blur(7px);
    border: 1px solid transparent;
  }
}
@layer mod {
  .btn--alt {
    background: var(--color-vilet);
    color: var(--color-whte);
  }
  .btn--border {
    border: 1px solid #d7e2ea;
  }
  .btn--opacity {
    background: rgba(var(--color-whte--rgb), 0.2);
    color: var(--color-whte);
  }
  .btn--whte {
    background: var(--color-whte);
  }
  .btn--gry {
    -webkit-backdrop-filter: blur(7px);
            backdrop-filter: blur(7px);
    background: var(--color-whte-two);
    border: 1px solid #d7e2ea;
  }
}
/* stylelint-enable*/
.wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  overflow: hidden;
}
@supports (overflow: clip) {
  .wrapper {
    overflow: clip;
  }
}
.wrapper > main {
  flex: 1 1 auto;
}
.wrapper > * {
  min-width: 0;
}
@layer base {
  .auction-lot-front [class*=__container],
  .auction-lot-front .container {
    --pad: 16px;
    box-sizing: border-box;
    max-width: 1720px;
    margin: 0 auto;
    padding: 0 var(--pad);
  }
}
@layer component {
  .card {
    padding-top: 100px;
  }
  .card__row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
  }
}
@layer component {}
.loaded .preloader {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.swiper-arrows {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  width: calc(100% - 64px);
  top: calc(50% + 5px);
  left: 32px;
  transform: translateY(-50%);
  z-index: 4;
  pointer-events: none;
}
.swiper-arrow {
  --size: 44px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-in 0s;
  -webkit-backdrop-filter: blur(7px);
          backdrop-filter: blur(7px);
  background: var(--color-whte);
  border: 1px solid #d7e2ea;
  border-radius: 50%;
  pointer-events: all;
}
.swiper-arrow::before {
  content: "";
  --size: 20px;
  width: var(--size);
  height: var(--size);
  background: #1d222d;
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  transition: all 0.3s ease-in 0s;
}
.swiper-arrow.swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}
.page {
  padding-top: 180px;
}
@layer component {}
.cropper-wrapper {
  position: relative;
  display: inline-block;
}
.overlay-frame {
  position: absolute;
  pointer-events: none;
}
.overlay-frame::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 20px;
  border: 4px solid white;
  clip-path: polygon(0% 20%, 0% 0%, 20% 0%, 80% 0%, 100% 0%, 100% 20%, 100% 80%, 100% 100%, 80% 100%, 20% 100%, 0% 100%, 0% 80%);
}
@layer component {
  .quest {
    position: fixed;
    top: 10px;
    left: 0;
    width: 100%;
    z-index: 5;
  }
  .quest__form {
    max-width: 818px;
    width: 100%;
    margin: 0 auto;
  }
}
.form-quest {
  position: relative;
}
.form-quest__constructor {
  box-shadow: 0 52px 15px 0 rgba(44, 19, 118, 0), 0 33px 13px 0 rgba(44, 19, 118, 0.01), 0 19px 11px 0 rgba(44, 19, 118, 0.03), 0 8px 8px 0 rgba(44, 19, 118, 0.04), 0 2px 5px 0 rgba(44, 19, 118, 0.05);
  background: var(--color-vilet);
  border-radius: 16px;
  padding: 2px;
  display: flex;
}
.form-quest__field {
  position: relative;
  background: var(--color-whte);
  border-radius: 14px;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0px 16px;
  flex: 1 1 auto;
}
.form-quest__input {
  width: 100%;
}
.form-quest__input input {
  width: 100%;
  height: 48px;
  outline: none;
  border: none !important;
  padding: 0px 0px 0px 0px !important;
}
.form-quest__btns {
  display: flex;
  gap: 12px;
}
.form-quest__btn {
  --size: 24px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  background: var(--color-vilet);
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  transition: all 0.3s ease-in 0s;
}
.form-quest__submit {
  --size: 54px;
  width: var(--size);
  height: auto;
  flex: 0 0 var(--size);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-in 0s;
}
.form-quest__submit::before {
  content: "";
  --size: 20px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-whte);
  transition: all 0.3s ease-in 0s;
}
.search-form {
  display: flex;
  flex-direction: column;
  gap: 8px;
  box-shadow: 0 16px 44px 0 rgba(0, 0, 0, 0.2);
  border-radius: 16px;
  padding: 16px;
  background: var(--color-whte);
  position: absolute;
  right: 0;
  top: calc(100% + 4px);
  width: 100%;
  transition: all 0.3s ease-in 0s;
  opacity: 0;
  pointer-events: none;
}
.search-form__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
.search-form__title {
  font-size: 16px;
  font-weight: 700;
  line-height: 125%; /* 125% */
  font-family: var(--font-secondary);
}
.search-form__close {
  --size: 20px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: #a199ae;
  transition: all 0.3s ease-in 0s;
}
.file-loader {
  position: relative;
}
.file-loader__content {
  display: flex;
  flex-direction: column;
}
.file-loader__content:has(.cropper-container) .file-loader__links {
  display: flex;
}
.file-loader__row {
  background: var(--color-whte-two);
  padding: 8px;
  border-radius: 12px;
  border: 1px dashed #bec6ce;
  position: relative;
  overflow: hidden;
  z-index: 22;
  transition: all 0.3s ease-in 0s;
}
.file-loader__row:has(.file-loader__error.active) {
  background: rgba(255, 61, 61, 0.1);
  border: 1px dashed var(--color-error);
}
.file-loader__row:has(.file-loader__loader._active) .file-loader__description {
  opacity: 0;
}
.file-loader__row:has(.file-loader__loader._active) .file-loader__bottom {
  opacity: 0;
}
.file-loader__info {
  position: relative;
}
.file-loader__info:has(.cropper-container) {
  height: 400px;
}
.file-loader__info:has(.cropper-container) .file-loader__description {
  opacity: 0;
}
.file-loader__info:has(.cropper-container) .file-loader__bottom {
  opacity: 0;
}
.file-loader__description {
  padding-top: 100px;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-height: 198px;
}
.file-loader__title {
  font-size: 14px;
  line-height: 128.571%; /* 128.571% */
  text-align: center;
}
.file-loader__title span {
  color: var(--color-vilet);
}
.file-loader__bottom {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 6px;
}
.file-loader__text {
  font-size: 12px;
  line-height: 133.333%; /* 133.333% */
  color: var(--color-gry);
}
.file-loader__text span {
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.file-loader__input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.file-loader__loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  --size: 36px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  background: var(--icon) center center/contain no-repeat;
  transition: all 0.3s ease-in 0s;
  opacity: 0;
  animation: slide-rotate 1s linear both infinite;
}
.file-loader__loader._active {
  opacity: 1;
}
.file-loader__links {
  display: flex;
  gap: 10px;
  margin-top: 12px;
  display: none;
}
.file-loader__links._active {
  display: flex;
}
.file-loader__link {
  width: 100%;
}
.file-loader__link.file-loader__link--back {
  width: max-content;
}
.file-loader__link.file-loader__link--back::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  --size: 20px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  transition: all 0.3s ease-in 0s;
}
.file-loader__files {
  display: none;
}
.file-loader__error {
  font-size: 12px;
  line-height: 16px; /* 133.333% */
  color: var(--color-error);
  text-align: center;
}
.file-loader__result {
  width: 100%;
}
.file-loader__result img,
.file-loader__result picture {
  width: 100%;
}
.cropper-modal {
  background: transparent;
}
.cropper-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.cropper-canvas {
  position: relative;
}
.cropper-canvas::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(var(--color-blck--rgb), 0.4);
  z-index: 2;
}
.file-loader__zona {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#image {
  display: none;
}
._quest .search-form {
  opacity: 1;
  pointer-events: all;
}
.cropper-dashed,
.cropper-center {
  display: none;
}
.cropper-view-box {
  outline: none !important;
}
.cropper-line {
  display: none;
}
.cropper-face {
  border-radius: 20px !important;
  background: #d9d9d9 !important;
}
.cropper-view-box {
  border-radius: 20px !important;
}
.point-se {
  background: url("/local/templates/rm-auction/lot-front/img/icons/11.svg") center center/contain no-repeat;
  bottom: -2px !important;
  right: -2px !important;
  display: flex !important;
}
.point-sw {
  background: url("/local/templates/rm-auction/lot-front/img/icons/12.svg") center center/contain no-repeat;
  bottom: -2px !important;
  left: -2px !important;
  display: flex !important;
}
.point-nw {
  background: url("/local/templates/rm-auction/lot-front/img/icons/13.svg") center center/contain no-repeat;
  top: -2px !important;
  left: -2px !important;
  display: flex !important;
}
.point-ne {
  background: url("/local/templates/rm-auction/lot-front/img/icons/14.svg") center center/contain no-repeat;
  top: -2px !important;
  right: -2px !important;
  display: flex !important;
}
.cropper-point {
  --size: 26px;
  width: var(--size) !important;
  height: var(--size) !important;
  opacity: 1 !important;
  display: none;
}
@keyframes slide-rotate {
  0% {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
.js-open-quest {
  --size: 24px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  background: var(--color-vilet);
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  transition: all 0.3s ease-in 0s;
}
.file-loader--text .file-loader__input {
  font-size: 0px !important;
}
.file-loader--text .file-loader__description {
  padding-top: 0;
  min-height: auto;
  cursor: pointer;
}
.file-loader--text .file-loader__loader {
  display: none !important;
}
.file-loader--text .file-loader__row {
  border-radius: 0px;
  border: none !important;
  padding: 0px 0px 0px 0px !important;
  background: transparent;
}
.file-loader--text .file-loader__row:has(.file-loader__error.active) {
  background: transparent;
}
.file-loader--text .file-loader__row:has(.file-loader__error.active) .file-loader__btn {
  background: rgba(var(--color-error--rgb), 0.1);
  border: 1px solid var(--color-error);
  color: var(--color-error);
}
.file-loader--text .file-loader__files {
  display: flex;
  flex-direction: column;
}
.file-loader--text .file-loader__result {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 128.571%; /* 128.571% */
  margin-top: 10px;
}
.file-loader--text .close {
  mask: url("/local/templates/rm-auction/lot-front/img/icons/64.svg") center center/contain no-repeat;
  -webkit-mask: url("/local/templates/rm-auction/lot-front/img/icons/64.svg") center center/contain no-repeat;
  --size: 14px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  background: var(--color-primary);
  transition: all 0.3s ease-in 0s;
  cursor: pointer;
}
.file-loader__btn {
  display: flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s ease-in 0s;
  line-height: 125%; /* 125% */
  padding: 12px 24px;
  border-radius: 26px;
  background: var(--color-whte);
  -webkit-backdrop-filter: blur(7px);
          backdrop-filter: blur(7px);
  border: 1px solid #d7e2ea;
  width: max-content;
}
.file-loader__btn::before {
  content: "";
  --size: 20px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  background: var(--icon) center center/contain no-repeat;
}
@layer component {
  .text-12 {
    font-size: 12px;
    line-height: 133.333%; /* 133.333% */
  }
  .text-40 {
    font-size: 32px;
    line-height: 112.5%; /* 112.5% */
  }
  .text-28 {
    font-size: 28px;
    line-height: 128.571%; /* 128.571% */
  }
  .text-16 {
    font-size: 12px;
    line-height: 133.333%; /* 133.333% */
  }
  .text-14 {
    font-size: 12px;
    line-height: 133.333%; /* 133.333% */
  }
  .text-32 {
    font-size: 20px;
    line-height: 24px; /* 120% */
  }
  .text-24 {
    font-size: 24px;
    line-height: 116.667%; /* 116.667% */
  }
  .text-20 {
    font-size: 20px;
    line-height: 120%; /* 120% */
  }
  .text-10 {
    font-size: 10px;
    line-height: 140%; /* 140% */
  }
}
@layer component {
  .commodity {
    margin-bottom: 60px;
  }
  .commodity__promotion {
    margin-bottom: 34px;
  }
  .commodity__filter {
    margin-bottom: 24px;
  }
  .commodity__top {
    display: flex;
    justify-content: space-between;
    gap: 13px;
    margin-bottom: 16px;
  }
  .commodity__info {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    gap: 12px;
  }
  .commodity__title {
    font-family: var(--font-secondary);
    font-weight: 900;
    font-variation-settings: "slnt" 0, "wdth" 113;
  }
  .commodity__text {
    color: var(--color-gry);
    font-style: italic;
  }
  .commodity__link {
    --size: 24px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: var(--color-gry-whte);
    transition: all 0.3s ease-in 0s;
  }
  .commodity__link._active {
    background: #a199ae;
    pointer-events: none;
  }
  .commodity__slider {
    margin-bottom: 30px;
    overflow: visible;
  }
  .commodity__row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 12px;
    margin-bottom: 43px;
  }
  .everything-commodity {
    max-width: 100%;
    width: 100%;
    height: 100dvh;
    position: fixed;
    top: 0;
    right: -100%;
    z-index: 5;
    border: 1px solid #d7e2ea;
    background: var(--color-whte-two);
    overflow: auto;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease-in 0s;
  }
  .everything-commodity::-webkit-scrollbar {
    display: none;
  }
  .everything-commodity__inner {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1 1 auto;
  }
  .everything-commodity__body {
    padding: 0px 8px;
    flex: 1 1 auto;
  }
  .everything-commodity__top {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 30px;
    padding: 7px 7px 12px 17px;
    background: var(--color-whte);
    position: sticky;
    top: 0;
    z-index: 2;
  }
  .everything-commodity__title {
    font-family: var(--font-secondary);
    font-weight: 700;
    margin-bottom: 3px;
  }
  .everything-commodity__title span {
    font-size: 20px;
    font-style: italic;
    font-weight: 500;
    line-height: 24px;
    font-family: var(--font-secondary);
    color: #a8aebc;
    margin-left: -4px;
    display: inline-flex;
  }
  .everything-commodity__close {
    --size: 52px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-backdrop-filter: blur(7px);
            backdrop-filter: blur(7px);
    border: 1px solid #d7e2ea;
    border-radius: 50%;
    background: var(--color-whte);
    transition: all 0.3s ease-in 0s;
  }
  .everything-commodity__close::before {
    content: "";
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: var(--color-primary);
    --size: 20px;
    width: var(--size);
    height: var(--size);
    transition: all 0.3s ease-in 0s;
  }
  .everything-commodity__spollers {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .everything-commodity__bottom {
    position: sticky;
    bottom: 0;
    z-index: 2;
    padding: 12px 24px;
    box-shadow: 0 4px 32px 0 rgba(25, 19, 34, 0.12);
    background: var(--color-whte);
  }
  .everything-commodity__btns {
    display: flex;
    gap: 10px;
    width: 100%;
    flex-direction: column;
  }
  .everything-commodity__btn {
    width: 100%;
  }
}
.form-filter__checkbox:has(input[type=radio]) .checkbox__label::before {
  content: "";
  border-radius: 50%;
}
.form-filter__checkbox:has(input[type=radio]) .checkbox__label::after {
  content: "";
  background: var(--color-whte);
  mask: none;
  -webkit-mask: none;
  border-radius: 50%;
  --size: 10px;
  top: 5px;
  left: 6px;
}
.form-filter__checkbox .checkbox__label::before {
  content: "";
  top: -1px;
}
.form-filter__checkbox .checkbox__label::after {
  content: "";
  top: 3px;
}
._filter .everything-commodity {
  right: 0;
}
.commodity--auction .block-card__review {
  background: rgba(var(--color-blck--rgb), 0.8);
}
.commodity--auction .input._form-focus {
  border-color: var(--color-grn);
}
.commodity--auction .spollers__open._active {
  background: var(--color-grn);
}
.commodity--auction .spollers__checkbox .checkbox__input:checked + .checkbox__label::before {
  background: var(--color-grn);
  border: 1px solid var(--color-grn);
}
.commodity--auction .form-filter__btn span {
  background: var(--color-grn);
}
.commodity--auction .block-card__pagination {
  background: var(--color-whte-two);
}
.commodity--auction .swiper-pagination-bullet {
  background: #bec6ce;
}
.commodity--auction .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: var(--color-grn);
}
.commodity--auction .pagination__item._active {
  background: var(--color-grn);
  border: 1px solid var(--color-grn);
}
.commodity--auction .block-card__favorites::after {
  content: "";
  background: var(--color-grn);
}
.commodity--auction .form-filter__checkboxs::-webkit-scrollbar-thumb {
  background: var(--color-grn);
}
.commodity--auction .btn--alt {
  background: var(--color-grn);
}
.commodity--auction .noUi-connect {
  background: rgba(var(--color-grn--rgb), 0.3);
}
.commodity--auction .noUi-touch-area {
  background: var(--color-grn);
}
.commodity--auction .form-filter__select._choice .form-filter__title {
  color: var(--color-grn);
}
.commodity--auction .form-filter__select._choice .form-filter__title::before {
  content: "";
  background: var(--color-grn);
}
.commodity--auction .form-filter__select._choice .form-filter__field {
  pointer-events: none;
  background: rgba(var(--color-grn--rgb), 0.1);
}
.commodity--auction .form-filter__select._active .form-filter__title {
  color: var(--color-grn);
}
.commodity--auction .form-filter__select._active .form-filter__title::before {
  content: "";
  background: var(--color-grn);
}
.commodity--auction .form-filter__select._active .form-filter__field {
  border-color: var(--color-grn);
}
.commodity--auction .form-filter__select._active .form-filter__field::after {
  content: "";
  transform: rotate(180deg);
}
.commodity--auction .form-filter__select:has(.js-range) .form-filter__title span::before {
  content: "";
  display: none;
}
.commodity--auction .form-filter__checkbox .checkbox__input:checked + .checkbox__label::before {
  background: var(--color-grn);
  border: 1px solid var(--color-grn);
}
@layer component {
  .breadcrumb {
    margin-bottom: 8px;
  }
  .breadcrumb__list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }
  .breadcrumb__item {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--color-gry);
  }
  .breadcrumb__item a {
    transition: all 0.3s ease-in 0s;
  }
  .breadcrumb__item a:hover {
    color: var(--color-pnk);
  }
  .breadcrumb__item::after {
    content: "";
    --size: 6px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    border-radius: 50%;
    background: var(--color-gry-whte);
  }
  .breadcrumb__item.breadcrumb__item--active::after {
    content: "";
    display: none;
  }
}
@layer component {
  .story {
    margin-bottom: 30px;
  }
  .story__title {
    font-family: var(--font-secondary);
    font-weight: 700;
    margin-bottom: 20px;
    font-variation-settings: "slnt" 0, "wdth" 120;
  }
  .story__body {
    position: relative;
    overflow: hidden;
  }
  .story__slider,
  .story__swiper,
  .story__arrows,
  .story__arrow {
    position: relative;
    z-index: 4;
  }
  .story__body::before {
    content: "";
    width: 140px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
  }
  .story__body::after {
    content: "";
    width: 140px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(-270deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
  }
  .story__body:has(.story__arrow--prev.swiper-button-disabled)::after {
    opacity: 0;
  }
  .story__body:has(.story__arrow--next.swiper-button-disabled)::before {
    opacity: 0;
  }
  .story__slide {
    width: 100%;
  }
  .story__slide .block-card__btn {
    max-width: max-content;
  }
  .story__slide .block-card__item::before {
    content: "";
  }
}
@layer component {
  .platform__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 25px;
  }
  .platform__info {
    display: flex;
    flex-direction: column;
    max-width: 350px;
    width: 100%;
    gap: 8px;
  }
  .platform__title {
    font-family: var(--font-secondary);
    font-weight: 900;
    font-size: 24px;
    line-height: 116.667%; /* 116.667% */
    font-variation-settings: "slnt" 0, "wdth" 114;
  }
  .platform__text {
    font-size: 20px;
    line-height: 24px; /* 120% */
  }
  .platform__text span {
    background: var(--color);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
  }
  .platform__link {
    max-width: max-content;
    margin-top: 36px;
    min-width: 204px;
    font-size: 16px;
    line-height: 125%; /* 125% */
    padding: 15px;
    transition: all 0.3s ease-in 0s;
  }
  .platform__content {
    position: relative;
  }
  .platform__content::before {
    content: "";
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 88px;
    background: linear-gradient(1deg, rgba(255, 255, 255, 0) 1.04%, #fff 66.32%);
  }
  .platform__content::after {
    content: "";
    z-index: 2;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 88px;
    background: linear-gradient(359deg, #fff 27%, rgba(255, 255, 255, 0) 99.06%);
  }
  .platform__sliders {
    display: flex;
    gap: 8px;
  }
  .platform__slider {
    height: 269px;
    width: 100%;
  }
  .platform__swiper {
    transition-timing-function: linear;
  }
  .platform__slide {
    height: 91px;
    border-radius: 11px;
    padding: 10px 8px;
    background: var(--color-whte-two);
  }
  .platform__img {
    mix-blend-mode: darken;
    width: 100%;
    height: 100%;
  }
  .platform__img img,
  .platform__img picture {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    mix-blend-mode: darken;
  }
}
@layer component {
  .block-card {
    min-width: 0;
    max-width: 100%;
    background: var(--color-whte);
    display: flex;
    flex-direction: column;
    transition: background 0.3s ease-in 0s;
  }
  .block-card a,
  .block-card img,
  .block-card picture {
    -webkit-user-drag: none;
  }
  .block-card__auction {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
  }
  .block-card__informed {
    display: flex;
    flex-direction: column;
    gap: 9px;
  }
  .block-card__countdown {
    border-radius: 12px;
    padding: 7px 12px;
    display: flex;
    gap: 4px;
    background: var(--bg);
    max-width: max-content;
    color: var(--color-whte);
    font-size: 12px;
    line-height: 133.333%; /* 128.571% */
  }
  .block-card__countdown span {
    font-size: 14px;
    line-height: 128.571%; /* 120% */
  }
  .block-card__date {
    display: flex;
    align-items: flex-end;
    gap: 2px;
  }
  .block-card__bet {
    display: flex;
    flex-direction: column;
  }
  .block-card__bet:nth-child(even) {
    text-align: right;
    margin-left: auto;
  }
  .block-card__subtitle {
    color: var(--color-gry);
    line-height: 133.333%; /* 133.333% */
    font-size: 12px;
  }
  .block-card__subtext {
    color: var(--color);
    font-family: var(--font-secondary);
  }
  .block-card__subtext.text-20 {
    font-weight: 700;
    line-height: 120%; /* 120% */
    font-variation-settings: "slnt" 0, "wdth" 120;
    font-size: 20px;
  }
  .block-card__subtext.text-16 {
    font-weight: 600;
    line-height: 150%; /* 150% */
    font-size: 16px;
  }
  .block-card__top {
    position: relative;
    min-width: 0;
    aspect-ratio: 168/200;
    border-radius: 16px;
  }
  .block-card__info {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 12px 8px 8px;
    display: flex;
    flex-direction: column;
    gap: 30px;
    pointer-events: none;
  }
  .block-card__head {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    flex: 1 1 auto;
  }
  .block-card__items {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .block-card__item {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 10px;
    -webkit-user-select: none;
            user-select: none;
    font-style: italic;
    font-family: var(--font-secondary);
    font-weight: 500;
    line-height: normal;
    color: var(--color);
    background: var(--bg);
    border-radius: 10px;
    padding: 4px;
    transition: all 0.3s ease-in 0s;
    overflow: hidden;
    transform: translateZ(0);
    pointer-events: all;
  }
  .block-card__item.block-card__item--open {
    width: 100%;
    max-width: max-content;
  }
  .block-card__item.block-card__item--open span {
    opacity: 1;
  }
  .block-card__item::before {
    content: "";
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: var(--color);
    --size: 12px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    display: none;
  }
  .block-card__favorites {
    margin-left: auto;
    pointer-events: all;
    --size: 32px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    border-radius: 50%;
    background: rgba(3, 5, 28, 0.1);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
    transform: translateZ(0);
    will-change: backdrop-filter;
    box-shadow: -1.2px -0.9px 0px -1px rgba(255, 255, 255, 0.5), 1px 1px 0px -1px rgba(255, 255, 255, 0.7);
    position: relative;
    overflow: hidden;
  }
  .block-card__favorites::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: var(--color-whte);
    --size: 16px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
  }
  .block-card__favorites::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    mask: var(--icon-favorites) center center/contain no-repeat;
    -webkit-mask: var(--icon-favorites) center center/contain no-repeat;
    background: var(--color-vilet);
    --size: 16px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    transition: all 0.3s ease-in 0s;
  }
  .block-card__favorites._active::after {
    content: "";
    transform: translate(-50%, -50%) scale(1);
  }
  .block-card__bottom {
    display: flex;
    gap: 9px 3px;
    align-items: flex-end;
    flex-wrap: wrap;
  }
  .block-card__btns {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .block-card__btn {
    font-family: var(--font-secondary);
    font-size: 9px;
    font-style: italic;
    font-weight: 700;
    line-height: 155.556%; /* 155.556% */
    max-width: max-content;
    font-variation-settings: "slnt" 0, "wdth" 130;
    text-transform: uppercase;
    color: var(--color);
    background: var(--bg);
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 1.1px 6px;
    border-radius: 100px;
    transform: translateZ(0);
  }
  .block-card__btn.block-card__btn--icon::before {
    content: "";
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: var(--color);
    --size: 9px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
  }
  .block-card__review {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    color: var(--color-whte);
    pointer-events: all;
    font-size: 10px;
    font-style: italic;
    font-weight: 500;
    line-height: normal;
    padding: 2px 6px;
    border-radius: 100px;
    background: rgba(var(--color-blck--rgb), 0.6);
    transition: all 0.3s ease-in 0s;
    transform: translateZ(0);
  }
  .block-card__review::before {
    content: "";
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: var(--color-whte);
    --size: 10px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
  }
  .block-card__slider {
    height: 100%;
  }
  .block-card__slide {
    height: auto;
  }
  .block-card__play {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .block-card__icon {
    --size: 69px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: rgba(3, 5, 28, 0.1);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
    transform: translateZ(0);
    will-change: backdrop-filter;
    box-shadow: -1.2px -0.9px 0px -1px rgba(255, 255, 255, 0.5), 1px 1px 0px -1px rgba(255, 255, 255, 0.7);
    transition: all 0.3s ease-in 0s;
  }
  .block-card__icon::before {
    content: "";
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: var(--color-whte);
    --size: 37px;
    width: var(--size);
    height: var(--size);
    transition: all 0.3s ease-in 0s;
  }
  .block-card__img {
    height: 100%;
    border-radius: 16px;
    overflow: hidden;
    aspect-ratio: 168/200;
  }
  .block-card__img img,
  .block-card__img picture {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    display: block;
  }
  .block-card__pagination {
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translate(-50%, 0);
    width: calc(100% - 64px);
    padding: 6px 8px;
    background: var(--color-whte);
    -webkit-backdrop-filter: blur(6px);
            backdrop-filter: blur(6px);
    display: flex;
    gap: 4px;
    border-radius: 100px;
    z-index: 2;
    transition: opacity 0.3s ease-in 0s;
    opacity: 0;
  }
  .block-card__pagination.swiper-pagination-lock {
    opacity: 0 !important;
  }
  .block-card__pagination .swiper-pagination-bullet {
    height: 4px;
    width: 100%;
    transition: all 0.3s ease-in 0s;
    background: rgba(var(--color-vilet--rgb), 0.16);
    border-radius: 12px;
    cursor: pointer;
  }
  .block-card__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--color-vilet);
  }
  .block-card__inner {
    padding: 8px 8px 0px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 1 1 auto;
  }
  .block-card__content {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }
  .block-card__category {
    font-size: 12px;
    font-style: italic;
    line-height: 133.333%; /* 133.333% */
    font-family: var(--font-secondary);
    color: var(--color-gry);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .block-card__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 14px;
    line-height: 128.571%; /* 128.571% */
    transition: all 0.3s ease-in 0s;
  }
  .block-card__prices {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
  }
  .block-card__price {
    color: var(--color);
    font-size: 16px;
    font-weight: 700;
    line-height: 125%; /* 125% */
    white-space: nowrap;
    padding: 6px 8px;
    font-family: var(--font-secondary);
    background: var(--color-whte-two);
    border-radius: 100px;
    transition: all 0.3s ease-in 0s;
    font-variation-settings: "slnt" 0, "wdth" 120;
  }
  .block-card__old {
    font-family: var(--font-secondary);
    font-size: 12px;
    line-height: 133.333%; /* 133.333% */
    color: #a8aebc;
    align-self: center;
  }
}
.block-card .block-card__slider {
  min-width: 0;
  max-width: 100%;
  overflow: visible;
}
.block-card__quantity {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  opacity: 0;
  pointer-events: none;
}
.block-card__quantity input {
  pointer-events: none;
}
.block-card__calc {
  position: relative;
}
.block-card__calc._active .block-card__quantity {
  opacity: 1;
  pointer-events: all;
}
.block-card__calc._active .block-card__basket {
  opacity: 1;
  pointer-events: all;
}
.block-card__basket {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease-in 0s;
}
@layer component {
  .category-commodity {
    max-width: 104px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .category-commodity__top {
    position: relative;
  }
  .category-commodity__decor {
    --size: 84px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    border-radius: 50%;
    background: var(--bg);
    margin: 0 auto;
  }
  .category-commodity__img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    mix-blend-mode: darken;
    transition: all 0.3s ease-in 0s;
  }
  .category-commodity__img img,
  .category-commodity__img picture {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transition: all 0.3s ease-in 0s;
    mix-blend-mode: darken;
  }
  .category-commodity__text {
    color: var(--color);
    text-align: center;
    padding: 0px 10px;
  }
}
@layer component {
  .form-filter {
    position: relative;
    z-index: 3;
    cursor: grab;
    -webkit-user-select: none;
            user-select: none;
  }
  .form-filter::-webkit-scrollbar {
    display: none;
  }
  .form-filter__items {
    display: flex;
    gap: 8px;
  }
  .form-filter__btn {
    padding: 9px 11px;
    display: flex;
    align-items: center;
    gap: 8px;
    -webkit-backdrop-filter: blur(7px);
            backdrop-filter: blur(7px);
    background: var(--color-whte);
    border-radius: 12px;
    border: 1px solid #d7e2ea;
    position: relative;
    transition: all 0.3s ease-in 0s;
  }
  .form-filter__btn::before {
    content: "";
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: #a199ae;
    --size: 16px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    transition: all 0.3s ease-in 0s;
  }
  .form-filter__btn span {
    font-size: 10px;
    font-weight: 600;
    line-height: 140%; /* 140% */
    border-radius: 100px;
    color: var(--color-whte);
    background: var(--color-vilet);
    padding: 3px;
    min-width: 20px;
    height: 20px;
    text-align: center;
    position: absolute;
    top: -5px;
    right: -8px;
    border: 1px solid var(--color-whte);
  }
  .form-filter__select {
    position: relative;
    height: 100%;
  }
  .form-filter__select:has(input[type=radio]) .form-filter__close {
    display: none !important;
  }
  .form-filter__select._choice .form-filter__close {
    --size: 16px;
    pointer-events: all;
    margin-left: 8px;
  }
  .form-filter__select._choice .form-filter__title {
    color: var(--color-vilet);
  }
  .form-filter__select._choice .form-filter__title::before {
    content: "";
    background: var(--color-vilet);
  }
  .form-filter__select._choice .form-filter__title span {
    min-width: 30px;
  }
  .form-filter__select._choice .form-filter__title span::before {
    display: inline-block;
  }
  .form-filter__select._choice .form-filter__field {
    pointer-events: none;
    background: rgba(94, 27, 193, 0.1);
  }
  .form-filter__select._choice .form-filter__field::after {
    content: "";
    --size: 0px;
    margin-left: 0;
  }
  .form-filter__select._choice:has(input[type=radio]) .form-filter__field {
    pointer-events: all !important;
  }
  .form-filter__select._choice:has(input[type=radio]) .form-filter__field::after {
    content: "";
    --size: 16px;
    margin-left: 10px;
  }
  .form-filter__select._choice:has(input[type=radio]) .form-filter__field .form-filter__title span {
    min-width: 0;
  }
  .form-filter__select._choice:has(input[type=radio]) .form-filter__field .form-filter__title span::before {
    content: "";
    display: none;
  }
  .form-filter__select._active .form-filter__title {
    color: var(--color-vilet);
  }
  .form-filter__select._active .form-filter__title::before {
    content: "";
    background: var(--color-vilet);
  }
  .form-filter__select._active .form-filter__field {
    border-color: var(--color-vilet);
  }
  .form-filter__select._active .form-filter__field::after {
    content: "";
    transform: rotate(180deg);
  }
  .form-filter__select:has(.js-range) .form-filter__title span::before {
    content: "";
    display: none;
  }
  .form-filter__field {
    padding: 7px 11px;
    background: var(--color-whte);
    border-radius: 12px;
    -webkit-backdrop-filter: blur(7px);
            backdrop-filter: blur(7px);
    border: 1px solid #d7e2ea;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    height: 100%;
    transition: all 0.3s ease-in 0s;
  }
  .form-filter__field::after {
    content: "";
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: var(--color-primary);
    --size: 16px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    transition: all 0.3s ease-in 0s;
    margin-left: 10px;
  }
  .form-filter__title {
    display: flex;
    align-items: center;
    white-space: nowrap;
    transition: all 0.3s ease-in 0s;
  }
  .form-filter__title.form-filter__title--icon::before {
    content: "";
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: #a199ae;
    --size: 16px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    margin-right: 8px;
    transition: all 0.3s ease-in 0s;
  }
  .form-filter__title span {
    transition: all 0.3s ease-in 0s;
  }
  .form-filter__title span::before {
    content: ":";
    margin-right: 4px;
    display: none;
  }
  .form-filter__close {
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: var(--color-primary);
    transition: all 0.3s ease-in 0s;
    --size: 0px;
  }
  .form-filter__content {
    position: absolute;
    top: calc(100% + 4px);
    left: -4px;
    overflow: hidden;
    z-index: 3;
    background: var(--color-whte);
    box-shadow: 0 188px 53px 0 rgba(0, 0, 0, 0), 0 121px 48px 0 rgba(0, 0, 0, 0.01), 0 68px 41px 0 rgba(0, 0, 0, 0.05), 0 30px 30px 0 rgba(0, 0, 0, 0.09), 0 8px 17px 0 rgba(0, 0, 0, 0.1);
    border: 1px solid #d7e2ea;
    border-radius: 20px;
    padding: 11px 12px;
    width: 300px;
  }
  .form-filter__content:has(.form-filter__checkboxs) {
    padding: 11px 15px;
    border-radius: 16px;
  }
  .form-filter__content._right {
    left: auto;
    right: -4px;
  }
  .form-filter__content:has(input[type=radio]) .form-filter__bottom {
    display: none;
  }
  .form-filter__bottom {
    position: sticky;
    bottom: 0;
    left: 0;
    z-index: 2;
    background: var(--color-whte);
    padding: 16px 2px 0px;
  }
  .form-filter__checkboxs {
    display: flex;
    flex-direction: column;
    gap: 2px;
    max-height: 290px;
    overflow: auto;
  }
  .form-filter__checkbox {
    padding: 6px 0px;
  }
}
@layer component {}
@layer component {}
@layer component {
  .basket__empty {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100dvh;
    padding: 50px 0px;
  }
  .basket__empty-info {
    display: flex;
    flex-direction: column;
    gap: 24px;
    text-align: center;
  }
  .basket__empty-img {
    width: 231.027px;
    height: 200px;
    margin: 0 auto 6px;
  }
  .basket__empty-img img,
  .basket__empty-img picture {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
  }
  .basket__empty-title {
    font-size: 24px;
    font-weight: 700;
    line-height: 116.667%; /* 116.667% */
    font-family: var(--font-secondary);
    font-variation-settings: "slnt" 0, "wdth" 120;
  }
  .basket__empty-btn {
    max-width: max-content;
    margin: 0 auto;
  }
  .basket__promo {
    padding: 12px;
    font-size: 16px;
    line-height: 125%; /* 125% */
    color: #a8aebc;
    display: flex;
    gap: 12px;
  }
  .basket__promo::before {
    content: "";
    background: var(--icon) center center/contain no-repeat;
    --size: 24px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
  }
  .basket__info {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .basket__shared {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 343px;
    border-radius: 12px;
    padding: 16px;
    background: rgba(51, 56, 68, 0.95);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    transition: all 0.3s ease-in 0s;
    opacity: 0;
    pointer-events: none;
  }
  .basket__shared-title {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--color-whte);
  }
  .basket__shared-title::before {
    content: "";
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: var(--color-whte);
    --size: 20px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
  }
  .basket__shared-close {
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: #d9d9d9;
    --size: 20px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
  }
  .basket__inner {
    gap: 16px;
    display: flex;
    flex-direction: column-reverse;
    position: relative;
  }
  .basket__title {
    font-weight: 700;
    font-family: var(--font-secondary);
    margin-bottom: 24px;
    font-size: 24px;
    line-height: 24px; /* 120% */
    font-variation-settings: "slnt" 0, "wdth" 120;
  }
  .basket__title span {
    color: var(--color-gry);
    font-style: italic;
    font-weight: 600;
    font-size: 16px;
    line-height: normal;
    display: inline-flex;
    transform: translate(-1px, -1px);
    font-variation-settings: "slnt" 0, "wdth" 100;
  }
  .basket__blocks {
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
}
._share .basket__shared {
  opacity: 1;
  pointer-events: all;
}
@layer component {
  .block-basket {
    border-radius: 16px;
    border: 1px solid #d7e2ea;
  }
  .block-basket .checkbox__label {
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease-in 0s;
  }
  .block-basket._checkbox .checkbox__label {
    opacity: 1;
    pointer-events: all;
  }
  .block-basket.block-basket--disabled {
    background: rgba(243, 243, 243, 0.55);
  }
  .block-basket.block-basket--disabled .card-block__img {
    opacity: 0.6;
    pointer-events: none;
  }
  .block-basket.block-basket--disabled .card-block__name {
    pointer-events: none;
    color: var(--color-gry);
  }
  .block-basket.block-basket--disabled .card-block__price {
    color: var(--color-gry);
  }
  .block-basket__top {
    padding: 7px 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
  }
  .block-basket__info {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .block-basket__info .block-basket__checkbox {
    --size: 18px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    margin-bottom: 2px;
  }
  .block-basket__info .block-basket__checkbox .checkbox__label::before {
    content: "";
    --size: 18px !important;
  }
  .block-basket__info .block-basket__checkbox .checkbox__label::after {
    content: "";
    top: 6px !important;
  }
  .block-basket__title {
    font-family: var(--font-secondary);
    display: flex;
    gap: 2px;
  }
  .block-basket__title::after {
    content: "";
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    --size: 20px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    background: var(--color-primary);
    margin-left: 6px;
    transition: all 0.3s ease-in 0s;
  }
  .block-basket__title span {
    transition: all 0.3s ease-in 0s;
  }
  .block-basket__title span:nth-child(1) {
    font-weight: 700;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-variation-settings: "slnt" 0, "wdth" 119;
  }
  .block-basket__title span:nth-child(2) {
    font-style: italic;
    color: var(--color-gry);
    font-variation-settings: "slnt" 0, "wdth" 100;
  }
  .block-basket__delete {
    --size: 32px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: -4px;
    transition: all 0.3s ease-in 0s;
  }
  .block-basket__delete::before {
    content: "";
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: #a199ae;
    transition: all 0.3s ease-in 0s;
    --size: 16px;
    width: var(--size);
    height: var(--size);
  }
  .block-basket__cards {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .block-basket__bottom {
    border-top: 1px dashed #d7e2ea;
    position: relative;
    padding: 13px 15px 9px;
  }
  .block-basket__bottom::before {
    content: "";
    position: absolute;
    top: -8px;
    left: -2px;
    width: 15px;
    height: 15px;
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: #d7e2ea;
  }
  .block-basket__bottom::after {
    content: "";
    position: absolute;
    top: -8px;
    right: -2px;
    width: 15px;
    height: 15px;
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: #d7e2ea;
    transform: rotate(180deg);
  }
  .block-basket__constructor {
    display: flex;
    align-items: center;
    gap: 30px;
  }
  .block-basket__items {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .block-basket__item {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .block-basket__category {
    color: #a8aebc;
  }
  .block-basket__value {
    color: var(--color);
  }
  .block-basket__value.block-basket__value--total {
    font-size: 18px;
    font-weight: 700;
    line-height: 120%; /* 120% */
    font-family: var(--font-secondary);
    font-variation-settings: "slnt" 0, "wdth" 135;
  }
  .block-basket__submit {
    white-space: nowrap;
    min-width: 204px;
    padding: 8px;
  }
}
@layer component {
  .card-block {
    padding: 10px 11px 10px;
  }
  .card-block:first-child {
    border-top: 1px solid #d7e2ea;
  }
  .card-block:not(:last-child) {
    border-bottom: 1px solid #d7e2ea;
  }
  .card-block__body {
    display: flex;
    gap: 12px;
  }
  .card-block__description {
    display: flex;
    gap: 16px;
    width: 100%;
  }
  .card-block__content {
    position: relative;
    display: flex;
    gap: 20px;
  }
  .card-block__checkbox {
    --size: 18px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    z-index: 2;
  }
  .card-block__checkbox .checkbox__label::before {
    content: "";
    --size: 18px !important;
  }
  .card-block__checkbox .checkbox__label::after {
    content: "";
    top: 6px !important;
  }
  .card-block__img {
    border-radius: 8px;
    overflow: hidden;
    width: 91px;
    height: 120px;
    flex: 0 0 91px;
  }
  .card-block__img img,
  .card-block__img picture {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
    display: block;
  }
  .card-block__info {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
  }
  .card-block__name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 16px;
    line-height: 125%; /* 128.571% */
    transition: all 0.3s ease-in 0s;
  }
  .card-block__tag {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--color);
    font-weight: 700;
    font-style: italic;
    font-family: var(--font-secondary);
  }
  .card-block__tag.card-block__tag--icon {
    font-weight: 500;
  }
  .card-block__tag.card-block__tag--icon::before {
    content: "";
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: var(--color);
    --size: 12px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
  }
  .card-block__links {
    display: flex;
    gap: 6px;
    margin-top: auto;
  }
  .card-block__icon {
    --size: 32px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease-in 0s;
  }
  .card-block__icon::before {
    content: "";
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: #a199ae;
    --size: 16px;
    width: var(--size);
    height: var(--size);
    transition: all 0.3s ease-in 0s;
  }
  .card-block__icon.card-block__icon--share._active::before {
    content: "";
    background: var(--color-pnk);
  }
  .card-block__icon.card-block__icon--favorites {
    position: relative;
  }
  .card-block__icon.card-block__icon--favorites::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    mask: var(--icon-favorites) center center/contain no-repeat;
    -webkit-mask: var(--icon-favorites) center center/contain no-repeat;
    background: var(--color-pnk);
    --size: 16px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    transition: all 0.3s ease-in 0s;
  }
  .card-block__icon.card-block__icon--favorites._active::after {
    content: "";
    transform: translate(-50%, -50%) scale(1);
  }
  .card-block__constructor {
    display: flex;
    gap: 8px;
  }
  .card-block__prices {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: 0px 12px;
    width: 100%;
  }
  .card-block__price {
    color: var(--color);
    font-family: var(--font-secondary);
    font-weight: 700;
    white-space: nowrap;
    font-variation-settings: "slnt" 0, "wdth" 120;
  }
  .card-block__old {
    color: #a8aebc;
    white-space: nowrap;
  }
  .card-block__values {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .card-block__text {
    color: var(--color-gry);
    font-weight: 600;
    text-align: center;
  }
  .card-block__delete {
    --size: 36px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--color-whte);
    -webkit-backdrop-filter: blur(7px);
            backdrop-filter: blur(7px);
    border: 1px solid #d7e2ea;
    transition: all 0.3s ease-in 0s;
  }
  .card-block__delete::before {
    content: "";
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: var(--color-primary);
    --size: 16px;
    width: var(--size);
    height: var(--size);
    transition: all 0.3s ease-in 0s;
  }
  .card-block__mobile {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    align-items: center;
    margin-top: 6px;
  }
}
.card-block__quantity {
  background: #f3f3f3;
}
.card-block__quantity .quantity__input input {
  color: var(--color-primary);
  pointer-events: none;
}
.card-block__quantity .quantity__button::after {
  content: "";
  background: var(--color-gry);
}
@layer component {
  .attention-basket {
    background: rgba(93, 110, 255, 0.05);
    border-radius: 16px;
    padding: 4px 4px 12px 20px;
  }
  .attention-basket._active {
    display: none;
  }
  .attention-basket__inner {
    display: flex;
    gap: 16px;
  }
  .attention-basket__icon {
    width: 13px;
    height: 54px;
    flex: 0 0 13px;
  }
  .attention-basket__icon img,
  .attention-basket__icon picture {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
  .attention-basket__content {
    display: flex;
    flex-direction: column;
    padding-top: 12px;
    gap: 8px;
  }
  .attention-basket__close {
    --size: 32px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: auto;
  }
  .attention-basket__close::before {
    content: "";
    --size: 16px;
    width: var(--size);
    height: var(--size);
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: #a199ae;
    transition: all 0.3s ease-in 0s;
  }
  .attention-basket__title {
    font-size: 14px;
    font-weight: 600;
    line-height: 128.571%; /* 128.571% */
  }
  .attention-basket__description {
    font-size: 12px;
    line-height: 133.333%; /* 133.333% */
    color: rgba(var(--color-primary--rgb), 0.8);
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .attention-basket__description p span {
    display: inline-flex;
  }
}
@layer component {
  .authorization {
    position: fixed;
    bottom: 0;
    right: -100%;
    width: 100%;
    z-index: calc(var(--index-3) + 1);
    height: calc(100dvh - 100px);
    overflow: auto;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease-in 0s;
    border-radius: 24px 24px 0px 0px;
    transform: translateZ(0);
    will-change: backdrop-filter, height;
    box-shadow: -214px 0 60px 0 rgba(0, 0, 0, 0), -137px 0 55px 0 rgba(0, 0, 0, 0.01), -77px 0 46px 0 rgba(0, 0, 0, 0.03), -34px 0 34px 0 rgba(0, 0, 0, 0.04), -9px 0 19px 0 rgba(0, 0, 0, 0.05);
  }
  .authorization .form__error {
    margin-top: 4px;
    color: var(--color-error);
    line-height: 128.571%;
    font-size: 14px;
  }
  .authorization__body {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1 1 auto;
    background: var(--color-whte-two);
  }
  .authorization__top {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 2;
    padding: 23px 16px 17px;
    border-radius: 0 0 16px 16px;
    background: var(--color-whte);
  }
  .authorization__title {
    font-family: var(--font-secondary);
    font-weight: 700;
    font-variation-settings: "slnt" 0, "wdth" 120;
    padding-right: 40px;
  }
  .authorization__close {
    position: absolute;
    top: 14px;
    right: 16px;
    --size: 36px;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-backdrop-filter: blur(7px);
            backdrop-filter: blur(7px);
    transform: translateZ(0);
    will-change: backdrop-filter;
    border: 1px solid #d7e2ea;
    background: var(--color-whte);
    transition: all 0.3s ease-in 0s;
  }
  .authorization__close::before {
    content: "";
    --size: 16px;
    width: var(--size);
    height: var(--size);
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: var(--color-primary);
    transition: all 0.3s ease-in 0s;
  }
  .authorization__inner {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1 1 auto;
  }
  .authorization__block {
    border-radius: 16px;
    background: var(--color-whte);
    padding: 20px 16px;
  }
  .authorization__block.authorization__block--big {
    flex: 1 1 auto;
  }
  .authorization__block.authorization__block--big:has(.authorization__block-info) {
    display: flex;
    align-items: center;
  }
  .authorization__block:has(.authorization__block-checkboxs) {
    padding: 16px;
  }
  .authorization__block-again {
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: max-content;
    margin: 0 auto;
  }
  .authorization__block-again._active .authorization__block-counter {
    display: none;
  }
  .authorization__block-again._active .authorization__block-send {
    display: block;
  }
  .authorization__block-counter {
    font-weight: 600;
    color: var(--color-gry);
    padding: 4px 8px;
    background: var(--color-whte-two);
    border-radius: 32px;
    width: max-content;
    margin: 0 auto;
  }
  .authorization__block-send {
    font-weight: 600;
    color: var(--color-vilet);
    padding: 4px 8px;
    border-radius: 32px;
    background: var(--color-whte-two);
    display: none;
    transition: all 0.3s ease-in 0s;
  }
  .authorization__block-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .authorization__block-info {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 8px;
  }
  .authorization__block-img {
    margin-bottom: 4px;
  }
  .authorization__block-title {
    font-weight: 700;
    font-family: var(--font-secondary);
    font-variation-settings: "slnt" 0, "wdth" 120;
    font-size: 18px;
    line-height: 111.111%; /* 111.111% */
  }
  .authorization__block-text {
    color: #767e8f;
  }
  .authorization__block-text span {
    color: #a8aebc;
  }
  .authorization__block-field {
    display: flex;
    align-items: flex-start;
    gap: 4px;
  }
  .authorization__block-country {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 11px 16px;
    -webkit-backdrop-filter: blur(7px);
            backdrop-filter: blur(7px);
    transform: translateZ(0);
    will-change: backdrop-filter;
    background: var(--color-whte);
    border: 1px solid #d7e2ea;
    border-radius: 12px;
    line-height: 125%; /* 125% */
    font-size: 16px;
  }
  .authorization__block-country::before {
    content: "";
    background: var(--icon) center center/contain no-repeat;
    width: 24px;
    height: 20px;
    flex: 0 0 24px;
  }
  .authorization__block-input {
    width: 100%;
  }
  .authorization__block-input .input {
    height: 44px;
  }
  .authorization__block-code {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 8px;
  }
  .authorization__block-confirmations {
    display: flex;
    justify-content: center;
    gap: 12px;
  }
  .authorization__block-wrong {
    color: var(--color-error);
    text-align: center;
  }
  .authorization__block-checkboxs {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .authorization__block-row {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .authorization__block-top {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .authorization__block-subtitle {
    font-family: var(--font-secondary);
    font-weight: 700;
    font-variation-settings: "slnt" 0, "wdth" 120;
    font-size: 18px;
    line-height: 111.111%; /* 111.111% */
  }
  .authorization__block-subtext {
    color: #a8aebc;
  }
  .authorization__block-items {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .authorization__block-item {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .authorization__block-label {
    font-style: italic;
    font-weight: 600;
    color: #a8aebc;
    margin-top: 5px;
  }
  .authorization__block-data.authorization__block-data--icon {
    position: relative;
  }
  .authorization__block-data.authorization__block-data--icon::before {
    content: "";
    position: absolute;
    top: 12px;
    left: 16px;
    --size: 20px;
    width: var(--size);
    height: var(--size);
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: #a199ae;
    z-index: 2;
  }
  .authorization__block-data.authorization__block-data--icon .input {
    padding-left: 40px !important;
  }
  .authorization__block-blocks {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .authorization__block-block {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .authorization__block-category {
    color: #a8aebc;
    font-weight: 600;
    font-style: italic;
  }
  .authorization__block-location {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 15px;
    -webkit-backdrop-filter: blur(7px);
            backdrop-filter: blur(7px);
    transform: translateZ(0);
    will-change: backdrop-filter;
    background: var(--color-whte);
    border: 1px solid #d7e2ea;
    border-radius: 12px;
    transition: all 0.3s ease-in 0s;
    font-size: 16px;
    line-height: 150%; /* 150% */
  }
  .authorization__block-location::before {
    content: "";
    mask: var(--map) center center/contain no-repeat;
    -webkit-mask: var(--map) center center/contain no-repeat;
    background: #a199ae;
    --size: 20px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    transition: all 0.3s ease-in 0s;
  }
  .authorization__block-location::after {
    content: "";
    mask: var(--arrow) center center/contain no-repeat;
    -webkit-mask: var(--arrow) center center/contain no-repeat;
    background: #1d222d;
    --size: 20px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    margin-left: auto;
    transition: all 0.3s ease-in 0s;
  }
  .authorization__block-address {
    display: flex;
    gap: 12px;
    margin-top: 8px;
  }
  .authorization__block-btn {
    white-space: nowrap;
    font-weight: 400;
    font-size: 16px;
    line-height: 160%; /* 133.333% */
    padding: 12px 23px;
  }
  .authorization__block-calculate {
    align-self: center;
    color: #a8aebc;
  }
  .authorization__block-modal {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 16px;
    background: var(--color-whte);
    transform: translateZ(0);
    will-change: backdrop-filter;
    -webkit-backdrop-filter: blur(7px);
            backdrop-filter: blur(7px);
    border: 1px solid #d7e2ea;
    border-radius: 14px;
  }
  .authorization__block-coordinates {
    display: flex;
    flex-direction: column;
  }
  .authorization__block-suptitle {
    margin-bottom: 4px;
  }
  .authorization__block-suptext {
    color: var(--color-gry);
  }
  .authorization__block-edit {
    --size: 36px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--color-whte);
    border: 1px solid #d7e2ea;
    margin-left: auto;
    transition: all 0.3s ease-in 0s;
  }
  .authorization__block-edit::before {
    content: "";
    --size: 16px;
    width: var(--size);
    height: var(--size);
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: var(--color-primary);
    transition: all 0.3s ease-in 0s;
  }
  .authorization__bottom {
    position: sticky;
    bottom: 0;
    left: 0;
    z-index: 2;
    border-radius: 16px 16px 0 0;
    background: var(--color-whte);
    padding: 16px;
    display: flex;
    flex-direction: column;
  }
  .authorization__menu {
    display: flex;
    gap: 12px;
  }
  .authorization__btns {
    display: flex;
    gap: 12px;
    margin-top: 8px;
  }
  .authorization__btn {
    width: 100%;
  }
  .authorization__btn {
    font-size: 16px;
    line-height: 150%; /* 150% */
    padding: 13px 23px;
  }
  .authorization__back {
    --size: 44px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: var(--color-whte);
    -webkit-backdrop-filter: blur(7px);
            backdrop-filter: blur(7px);
    border: 1px solid #d7e2ea;
    transition: all 0.3s ease-in 0s;
    transform: translateZ(0);
    will-change: backdrop-filter;
  }
  .authorization__back::before {
    content: "";
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: var(--color-primary);
    --size: 16px;
    width: var(--size);
    height: var(--size);
    transition: all 0.3s ease-in 0s;
  }
}
.authorization__block-confirmation {
  width: 56px;
  height: 64px;
}
.authorization__block-confirmation .input {
  height: 100%;
}
.authorization__block-checkbox .checkbox__text {
  color: var(--color-gry);
  font-weight: 400;
  display: block;
}
.authorization__block-checkbox .checkbox__text a {
  display: inline;
  color: var(--color-vilet);
  text-decoration-line: underline;
  text-decoration-style: dotted;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: 10%;
  text-underline-offset: auto;
  text-underline-position: from-font;
  transition: all 0.3s ease-in 0s;
}
.authorization__block-checkbox .checkbox__label {
  display: block;
  padding-left: 36px;
}
.authorization__block-checkbox .checkbox__text {
  position: relative;
  padding-left: 10px;
}
.authorization__block-checkbox .checkbox__text::before {
  content: "*";
  color: var(--color-error);
  font-size: 14px;
  font-style: italic;
  font-family: var(--font-secondary);
  opacity: 0;
  position: absolute;
  top: 0;
  left: -1px;
}
.authorization__block-checkbox:has(.checkbox__input[data-required]) .checkbox__text::before {
  opacity: 1;
}
.authorization-test {
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: #a199ae;
  --size: 24px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
}
._authorization .authorization {
  right: 0;
}
._authorization body::after {
  content: "";
  opacity: 1;
  pointer-events: all;
}
.authorization__block-confirmation .input {
  text-align: center;
  font-weight: 700;
  font-family: var(--font-secondary);
  font-size: 32px;
  line-height: 112.5%; /* 112.5% */
}
.authorization__block-confirmation .input._form-focus {
  border-color: var(--color-vilet) !important;
  color: var(--color-primary) !important;
}
.authorization__block-confirmations._correctly .authorization__block-confirmation .input {
  border-color: #41c94f;
  color: #41c94f;
}
.authorization__block-confirmations._error .authorization__block-confirmation .input {
  border-color: var(--color-error);
  color: var(--color-error);
}
.authorization__submit {
  width: 100%;
  padding: 9px;
  font-size: 16px;
  line-height: 150%; /* 150% */
}
.authorization__btn--save {
  background: #d8cff4;
  border-color: #d8cff4;
  pointer-events: none;
}
.authorization__btn--save._active {
  pointer-events: all;
  background: var(--color-vilet);
  border-color: var(--color-vilet);
}
.authorization__block-checkboxs .checkbox__label {
  padding-left: 26px;
}
.authorization__block-checkboxs .checkbox__label::before {
  content: "";
  --size: 18px;
}
.authorization__block-checkboxs .checkbox__label::after {
  content: "";
  --size: 12px;
  top: 3px;
  left: 3px;
}
.authorization__block-checkboxs .authorization__block-checkbox._form-error .checkbox__label::before {
  content: "";
  border-color: var(--color-error);
}
.authorization__block-checkboxs .authorization__block-checkbox .form__error {
  margin-left: 36px;
  font-style: italic;
  font-size: 12px;
}
.popup-show .authorization {
  z-index: calc(var(--index-3) - 2);
}
@layer component {
  .promotion-commodity__row {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 8px;
    margin: 0px -12px;
  }
  .promotion-commodity__column {
    border-radius: 24px;
    overflow: hidden;
  }
  .promotion-commodity__column img,
  .promotion-commodity__column picture {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
  }
}
@layer component {
  .product {
    margin-bottom: 30px;
  }
  .product__content {
    margin-top: -32px;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .product__characteristic {
    padding: 5px 0px;
  }
  .product__top {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-bottom: 8px;
  }
  .product__inner {
    display: grid;
    min-width: 0;
    grid-template-columns: 1fr;
    gap: 23px;
  }
  .product__title {
    font-weight: 700;
    font-family: var(--font-secondary);
    margin-bottom: 12px;
    font-variation-settings: "slnt" 0, "wdth" 120;
  }
  .product__body {
    min-width: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .product__sliders {
    min-width: 0;
  }
  .product__slider {
    margin-bottom: 16px;
  }
  .product__slider .block-card__pagination {
    padding: 10px 12px;
    bottom: -11px;
    width: calc(100% - 266px);
  }
  .product__slider .block-card__slide.swiper-slide-active {
    position: relative;
    z-index: 2;
  }
  .product__slider .block-card__arrows {
    opacity: 0;
    transition: all 0.3s ease-in 0s;
  }
  .product__gallery {
    max-width: 107px;
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
  }
  .product__gallery:not(:last-child) {
    margin-right: 12px;
  }
  .product__gallery::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    border: 1px solid var(--color-vilet);
    z-index: 2;
    transition: all 0.3s ease-in 0s;
    opacity: 0;
  }
  .product__gallery::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    transition: all 0.3s ease-in 0s;
    background: rgba(var(--color-blck--rgb), 0.3);
    opacity: 0;
  }
  .product__gallery.swiper-slide-thumb-active .block-card__img {
    opacity: 1;
  }
  .product__gallery.swiper-slide-thumb-active::before {
    content: "";
    opacity: 1;
  }
  .product__gallery .block-card__img {
    opacity: 0.8;
    transition: all 0.3s ease-in 0s;
  }
  .product__gallery .block-card__slide {
    pointer-events: none;
  }
  .product__gallery .block-card__top {
    border-radius: 16px;
    aspect-ratio: 113/142;
  }
  .product__gallery .block-card__img {
    border-radius: 16px;
    aspect-ratio: 113/142;
  }
  .product__gallery .block-card__top {
    border-radius: 16px;
    aspect-ratio: 113/142;
  }
  .product__gallery .block-card__icon {
    --size: 64px;
  }
  .product__gallery .block-card__icon::before {
    content: "";
    --size: 32px;
  }
  .product__slider {
    border-radius: 0px;
  }
  .product__slider .block-card__top {
    aspect-ratio: 19/25;
    border-radius: 0px;
    height: 100%;
  }
  .product__slider .block-card__img {
    aspect-ratio: 19/25;
    border-radius: 0px;
    height: 100%;
  }
  .product__slider .block-card__info {
    padding: 8px;
  }
  .product__slider .block-card__head {
    margin: 0px;
  }
  .product__thumbs::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 72px;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 100%);
    z-index: 2;
    transition: all 0.3s ease-in 0s;
    opacity: 1;
  }
  .product__thumbs::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 72px;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(-270deg, #fff 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 100%);
    z-index: 2;
    transition: all 0.3s ease-in 0s;
    opacity: 1;
  }
  .product__thumbs:has(.product__arrow--prev.swiper-button-disabled)::after {
    content: "";
    opacity: 0;
  }
  .product__thumbs:has(.product__arrow--next.swiper-button-disabled)::before {
    content: "";
    opacity: 0;
  }
  .product__banners {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
}
.product__slider .block-card__arrow {
  background: rgba(3, 5, 28, 0.1);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  transform: translateZ(0);
  will-change: backdrop-filter;
  box-shadow: -1.2px -0.9px 0px -1px rgba(255, 255, 255, 0.5), 1px 1px 0px -1px rgba(255, 255, 255, 0.7);
  border-color: transparent;
  position: relative;
  z-index: 2;
}
.product__slider .block-card__arrow::before {
  content: "";
  background: var(--color-whte);
}
.product__arrows {
  width: calc(100% - 16px);
  left: 8px;
}
@layer component {
  .banner-product {
    display: flex;
    align-items: center;
    gap: 6px;
  }
  .banner-product .banner-product__text {
    padding: 4px 12px;
    background: var(--bg);
    color: var(--color);
    border-radius: 10px;
    font-family: var(--font-secondary);
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
    font-variation-settings: "slnt" 0, "wdth" 130;
  }
  .banner-product .banner-product__clue {
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: var(--bg);
    --size: 14px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
  }
}
@layer component {
  .info-product .info-product__inner {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  .info-product .info-product__grade {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 8px;
    border-radius: 8px;
    border: 1px solid rgba(250, 216, 4, 0.07);
    background: rgba(250, 216, 4, 0.12);
  }
  .info-product .info-product__grade::before {
    content: "";
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: var(--bg);
    --size: 14px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
  }
  .info-product .info-product__value {
    font-family: var(--font-secondary);
    font-weight: 700;
    font-variation-settings: "slnt" 0, "wdth" 120;
  }
  .info-product .info-product__brand {
    padding: 2px 7px 2px 6px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    gap: 12px;
    border: 1px solid #d7e2ea;
    transition: all 0.3s ease-in 0s;
  }
  .info-product .info-product__brand::after {
    content: "";
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: #a199ae;
    --size: 16px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    transition: all 0.3s ease-in 0s;
  }
  .info-product .info-product__content {
    display: flex;
    align-items: center;
    gap: 9px;
  }
  .info-product .info-product__img {
    --size: 22px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
  }
  .info-product .info-product__img img,
  .info-product .info-product__img picture {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
  .info-product .info-product__info {
    display: flex;
    flex-direction: column;
  }
  .info-product .info-product__name {
    transition: all 0.3s ease-in 0s;
  }
  .info-product .info-product__text {
    color: var(--color-gry);
  }
}
@layer component {
  .characteristic-product {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .characteristic-product .characteristic-product__link {
    font-weight: 400;
    padding: 8px 19px;
  }
  .characteristic-product .characteristic-product__link.characteristic-product__link--icon {
    max-width: max-content;
    gap: 8px;
  }
  .characteristic-product .characteristic-product__link.characteristic-product__link--icon::after {
    content: "";
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: #1d222d;
    --size: 20px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    transition: all 0.3s ease-in 0s;
  }
  .characteristic-product .characteristic-product__row {
    display: flex;
    flex-direction: column;
    gap: 19px;
  }
  .characteristic-product .characteristic-product__column {
    display: flex;
    flex-direction: column;
  }
  .characteristic-product .characteristic-product__items {
    display: flex;
    flex-direction: column;
    gap: 17px;
  }
  .characteristic-product .characteristic-product__item {
    display: flex;
    align-items: flex-end;
    gap: 10px;
  }
  .characteristic-product .characteristic-product__category {
    display: flex;
    align-items: flex-end;
    gap: 10px;
    flex: 1 1 auto;
    color: #a8aebc;
    font-weight: 600;
    line-height: normal;
    font-style: italic;
    white-space: nowrap;
  }
  .characteristic-product .characteristic-product__category::after {
    content: "";
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #d7e2ea;
    margin-bottom: 1px;
  }
  .characteristic-product .characteristic-product__value {
    line-height: 128.571%; /* 128.571% */
  }
  .characteristic-product .characteristic-product__data {
    color: var(--color-vilet);
    line-height: 128.571%; /* 128.571% */
  }
  .characteristic-product .characteristic-product__data.js-copy-share {
    display: flex;
    align-items: center;
    gap: 6px;
    transition: all 0.3s ease-in 0s;
  }
  .characteristic-product .characteristic-product__data.js-copy-share::before {
    content: "";
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: var(--color-vilet);
    --size: 16px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    transition: all 0.3s ease-in 0s;
  }
  .characteristic-product .characteristic-product__data._active {
    color: var(--color-pnk);
  }
  .characteristic-product .characteristic-product__data._active::before {
    content: "";
    background: var(--color-pnk);
  }
  .characteristic-product .characteristic-product__desctiption {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  .characteristic-product .characteristic-product__title {
    font-style: italic;
    font-weight: 600;
    line-height: normal;
    color: #a8aebc;
  }
  .characteristic-product .characteristic-product__text {
    line-height: 128.571%; /* 128.571% */
  }
}
@layer component {
  .constructor-product .constructor-product__row {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .constructor-product .constructor-product__column {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  .constructor-product .constructor-product__title {
    color: var(--color-gry);
    font-weight: 600;
  }
}
.constructor-product__checkboxs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.constructor-product__checkboxs.constructor-product__checkboxs--color .constructor-product__checkbox {
  --size: 32px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  background: var(--color);
  border-radius: 12px;
  border: 1px solid #a8aebc;
  transition: all 0.3s ease-in 0s;
  position: relative;
}
.constructor-product__checkboxs.constructor-product__checkboxs--color .constructor-product__checkbox:has(.checkbox__input:checked) {
  border: 1px solid var(--color-blck);
}
.constructor-product__checkboxs.constructor-product__checkboxs--color .checkbox__text {
  display: none;
}
.constructor-product__checkboxs.constructor-product__checkboxs--color .checkbox__input:checked + .checkbox__label::after {
  transform: translate(-50%, -50%) scale(1);
}
.constructor-product__checkboxs.constructor-product__checkboxs--color .checkbox__label {
  position: static;
}
.constructor-product__checkboxs.constructor-product__checkboxs--color .checkbox__label::after {
  content: "";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
}
.constructor-product__checkboxs.constructor-product__checkboxs--color .checkbox__label::before {
  content: "";
  --size: 32px;
  background: var(--color);
  opacity: 0;
}
.constructor-product__checkboxs.constructor-product__checkboxs--size .constructor-product__checkbox {
  border-radius: 12px;
  border: 1px solid #a8aebc;
  transition: all 0.3s ease-in 0s;
  min-width: 42px;
  height: 46px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 3px;
}
.constructor-product__checkboxs.constructor-product__checkboxs--size .constructor-product__checkbox:has(.checkbox__input:checked) {
  background: var(--color-whte);
  border: 1px solid var(--color-blck);
}
.constructor-product__checkboxs.constructor-product__checkboxs--size .constructor-product__checkbox .checkbox__label {
  position: static;
  padding-left: 0;
}
.constructor-product__checkboxs.constructor-product__checkboxs--size .constructor-product__checkbox .checkbox__label::before {
  content: "";
  opacity: 0;
}
.constructor-product__checkboxs.constructor-product__checkboxs--size .constructor-product__checkbox .checkbox__label::after {
  content: "";
  opacity: 0;
}
.constructor-product__checkboxs.constructor-product__checkboxs--size .constructor-product__checkbox .checkbox__text {
  display: flex;
  flex-direction: column;
  text-align: center;
  color: var(--color-primary);
  font-size: 20px;
  font-weight: 700;
  line-height: 120%; /* 120% */
  font-family: var(--font-secondary);
}
.constructor-product__checkboxs.constructor-product__checkboxs--size .constructor-product__checkbox .checkbox__text span {
  color: #a8aebc;
  font-size: 12px;
  font-weight: 600;
  line-height: 133.333%; /* 133.333% */
  font-family: var(--font-primary);
}
@layer component {
  .offer-product__row {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .offer-product__column {
    display: flex;
    flex-direction: column;
    gap: 12px;
    min-width: 0;
    padding: 12px 0px 4px;
  }
  .offer-product__slide {
    max-width: 164px;
    width: 100%;
  }
  .offer-product__slide:not(:last-child) {
    margin-right: 12px;
  }
  .offer-product__slide .block-card__img {
    border-radius: 12px;
    aspect-ratio: 13/17;
  }
  .offer-product__slide .block-card__top {
    border-radius: 12px;
    aspect-ratio: 13/17;
  }
  .offer-product__slide .block-card__basket {
    font-size: 14px;
    padding: 7px;
    width: 100%;
    text-align: center;
    line-height: 153.846%; /* 153.846% */
    font-variation-settings: "slnt" 0, "wdth" 100;
    font-family: var(--font-secondary);
  }
  .offer-product__slide .block-card__info {
    padding: 6px;
  }
  .offer-product__slide .block-card__head {
    margin: 0px;
  }
  .offer-product__slide .block-card__inner {
    padding: 0px;
    margin-top: 6px;
  }
  .offer-product__slide .block-card__calc {
    width: 100%;
  }
  .offer-product__slide .block-card__prices {
    gap: 4px;
  }
  .offer-product__slide .block-card__price {
    font-size: 14px;
    padding: 7px;
    width: 100%;
    text-align: center;
    line-height: 153.846%; /* 153.846% */
    font-variation-settings: "slnt" 0, "wdth" 100;
  }
  .offer-product__slide .block-card__old {
    text-align: center;
    width: 100%;
    font-size: 12px;
    line-height: 133.333%; /* 133.333% */
  }
  .offer-product__slide .block-card__favorites {
    --size: 32px;
  }
  .offer-product__slide .block-card__favorites::before {
    content: "";
    --size: 16px;
  }
  .offer-product__slide .block-card__favorites::after {
    content: "";
    --size: 16px;
  }
  .offer-product__slider {
    min-width: 0;
    max-width: 100%;
    width: 100%;
  }
  .offer-product__title {
    font-family: var(--font-secondary);
    font-weight: 700;
    font-variation-settings: "slnt" 0, "wdth" 120;
  }
}
.offer-product__arrows {
  width: calc(100% - 16px);
  left: 8px;
}
.offer-product__slider::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 72px;
  height: 100%;
  background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 100%);
  z-index: 2;
  transition: all 0.3s ease-in 0s;
  opacity: 1;
  pointer-events: none;
}
.offer-product__slider::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 72px;
  height: 100%;
  background: linear-gradient(-270deg, #fff 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 100%);
  z-index: 2;
  pointer-events: none;
  transition: all 0.3s ease-in 0s;
  opacity: 1;
}
.offer-product__slider:has(.offer-product__arrow--prev.swiper-button-disabled)::after {
  content: "";
  opacity: 0;
}
.offer-product__slider:has(.offer-product__arrow--next.swiper-button-disabled)::before {
  content: "";
  opacity: 0;
}
@layer component {
  .link-product {
    position: relative;
    z-index: 2;
    height: max-content;
  }
  .link-product._active .link-product__inner {
    opacity: 1;
  }
  .link-product .link-product__icon {
    --size: 48px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    border-radius: 50%;
    pointer-events: all;
    background: rgba(3, 5, 28, 0.1);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
    transform: translateZ(0);
    will-change: backdrop-filter;
    box-shadow: -1.2px -0.9px 0px -1px rgba(255, 255, 255, 0.5), 1px 1px 0px -1px rgba(255, 255, 255, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .link-product .link-product__icon::before {
    content: "";
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: var(--color-whte);
    --size: 24px;
    width: var(--size);
    height: var(--size);
    transition: all 0.3s ease-in 0s;
  }
  .link-product .link-product__icon._active::before {
    content: "";
    background: var(--color-vilet);
  }
  .link-product .link-product__inner {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
    padding-left: 7px;
    margin-bottom: 4px;
  }
  .link-product .link-product-name {
    line-height: 133.333%; /* 133.333% */
    display: flex;
    align-items: center;
    gap: 8px;
    position: relative;
    white-space: nowrap;
    transition: all 0.3s ease-in 0s;
    padding: 5px 12px;
  }
  .link-product .link-product-name::before {
    content: "";
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: #a199ae;
    --size: 16px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    transition: all 0.3s ease-in 0s;
  }
  .link-product .link-product-name._active {
    color: var(--color-pnk);
  }
  .link-product .link-product-name._active::before {
    content: "";
    background: var(--color-pnk);
  }
  .link-product .link-product-name:not(:last-child)::after {
    content: "";
    width: 2px;
    height: 12px;
    border-radius: 4px;
    background: #d7e2ea;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
@layer component {
  .total-product.total-product--auction .total-product__inner {
    background: var(--bg);
  }
  .total-product__start {
    padding: 8px 18px;
    display: flex;
    justify-content: space-between;
    gap: 12px;
  }
  .total-product__auction {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .total-product__subtitle {
    line-height: 133.333%; /* 133.333% */
    color: rgba(var(--color-whte--rgb), 0.6);
  }
  .total-product__time {
    line-height: 114.286%; /* 114.286% */
    color: var(--color-whte);
  }
  .total-product__countdown {
    position: relative;
    display: flex;
  }
  .total-product__countdown::before {
    content: "";
    background: linear-gradient(0deg, var(--bg) 0%, var(--bg) 50%, transparent 100%);
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 24px;
    position: absolute;
    z-index: 3;
  }
  .total-product__countdown::after {
    content: "";
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 24px;
    z-index: 3;
    background: linear-gradient(180deg, var(--bg) 0%, var(--bg) 50%, transparent 100%);
  }
  .total-product__countdown-item {
    display: flex;
    align-items: flex-end;
  }
  .total-product__countdown-value {
    font-family: var(--font-secondary);
    font-weight: 300;
    font-variation-settings: "slnt" 0, "wdth" 120;
    position: relative;
    display: block;
    overflow: hidden;
    height: 100%;
    width: 2ch; /* фикс ширины → убирает "прыжки" */
    color: var(--color-whte);
  }
  .total-product__countdown-label {
    color: var(--color-whte);
  }
  .total-product__inner {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .total-product__prices {
    display: flex;
    gap: 12px;
    align-items: flex-end;
    flex-wrap: wrap;
    padding-bottom: 4px;
  }
  .total-product__items {
    display: flex;
    flex-direction: column;
    gap: 9px;
  }
  .total-product__links {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
  .total-product__item {
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s ease-in 0s;
  }
  .total-product__item::after {
    content: "";
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: #a199ae;
    --size: 20px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    margin-left: auto;
    transition: all 0.3s ease-in 0s;
  }
  .total-product__decor {
    position: absolute;
    z-index: 0;
  }
  .total-product__decor.total-product__decor--one {
    bottom: -41px;
    left: -100px;
    width: 182px;
    height: 158px;
  }
  .total-product__decor.total-product__decor--two {
    bottom: -41px;
    right: -100px;
    width: 182px;
    height: 158px;
  }
  .total-product__decor img,
  .total-product__decor picture {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
  }
  .total-product__body {
    display: flex;
    align-items: center;
    gap: 6px;
    line-height: 128.571%; /* 128.571% */
    transition: all 0.3s ease-in 0s;
  }
  .total-product__body::before {
    content: "";
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: #a199ae;
    --size: 16px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    transition: all 0.3s ease-in 0s;
  }
  .total-product__price {
    color: var(--color);
    font-weight: 900;
    font-family: var(--font-secondary);
    line-height: 110%; /* 110% */
    font-variation-settings: "slnt" 0, "wdth" 116;
  }
  .total-product__old {
    color: #a8aebc;
    line-height: 125%; /* 125% */
  }
  .total-product__info {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 19px;
    overflow: hidden;
  }
}
.total-product__link {
  padding: 13px;
}
.total-product__link.total-product__link--icon {
  display: flex;
  align-items: center;
  gap: 16px;
}
.total-product__link.total-product__link--icon::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-primary);
  --size: 20px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
}
.digit {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.digit.current {
  transform: translateY(0);
  opacity: 1;
}
.digit.next {
  transform: translateY(100%);
  opacity: 0;
}
.total-product__countdown-value {
  position: relative;
  display: inline-block;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
}
.digit {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  /* важное — сглаживание как в iOS */
  will-change: transform, filter, opacity;
  transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.45s ease, filter 0.45s ease;
}
/* старт */
.current {
  transform: translateY(0);
  opacity: 1;
}
.next {
  transform: translateY(50%);
  opacity: 0;
}
/* анимация */
.total-product__countdown-value.animate .current {
  transform: translateY(-50%);
  opacity: 0;
}
.total-product__countdown-value.animate .next {
  transform: translateY(30%);
  opacity: 1;
}
.bid-total {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 6px;
  padding-bottom: 16px;
  border-bottom: 1px solid #d7e2ea;
}
.bid-total__info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.bid-total__title {
  color: var(--color-gry);
}
.bid-total__price {
  font-family: var(--font-secondary);
  font-weight: 900;
  font-variation-settings: "slnt" 0, "wdth" 120;
  color: var(--color);
  white-space: nowrap;
}
.bid-total__status {
  display: flex;
  flex-direction: column;
  gap: 6px;
  text-align: right;
  margin-left: auto;
}
.bid-total__icon {
  margin-left: auto;
  background: var(--color-orn);
  --size: 16px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
}
.bid-total__text {
  font-weight: 600;
  color: var(--color-orn);
}
.bet-total {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.bet-total__row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.bet-total__column:nth-child(odd) {
  padding-right: 12px;
  border-right: 1px solid #d7e2ea;
}
.bet-total__column:nth-child(even) {
  padding-left: 24px;
}
.bet-total__text {
  color: #767e8f;
}
.bet-total__info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.bet-total__title {
  color: var(--color-gry);
}
.bet-total__value {
  color: var(--color);
  font-weight: 700;
}
.bet-total__lot {
  display: flex;
  gap: 12px;
  align-items: center;
}
.bet-total__link {
  text-align: center;
  padding: 16px;
  border-radius: 26px;
  width: 100%;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  transition: all 0.3s ease-in 0s;
}
.bet-total__link.bet-total__link--orange {
  background: var(--color-orn);
  color: var(--color-whte);
}
.bet-total__link.bet-total__link--gry {
  background: #f5f2ef;
  color: var(--color-gry);
}
.bet-total__link.bet-total__link--icon::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-gry);
  --size: 20px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
}
.bet-total__link.bet-total__link--disable {
  background: #f5f2ef;
  color: var(--color-gry);
  pointer-events: none;
}
.bet-total__clue {
  --size: 24px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  background: var(--color-gry-whte);
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
}
.quantum-total {
  padding-top: 16px;
  border-top: 1px solid #d7e2ea;
}
.quantum-total__items {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.quantum-total__item {
  position: relative;
  padding-left: 28px;
}
.quantum-total__item::before {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: #9097a8;
  --size: 16px;
  width: var(--size);
  height: var(--size);
  position: absolute;
  top: 0;
  left: 0;
}
.lot-total {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-top: 12px;
  border-top: 1px solid #d7e2ea;
}
.lot-total__link {
  width: 100%;
  padding: 16px 32px;
  gap: 20px;
  font-weight: 600;
  text-align: center;
  border-radius: 100px;
  transition: all 0.3s ease-in 0s;
}
.lot-total__link.lot-total__link--orange {
  background: var(--color-orn);
  color: var(--color-whte);
}
.lot-total__link.lot-total__link--green {
  background: var(--color-grn);
  color: var(--color-whte);
}
.lot-total__link.lot-total__link--icon {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.lot-total__link.lot-total__link--icon::after {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-whte);
  --size: 24px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
}
.lot-total__clue {
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-gry-whte);
  --size: 24px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
}
.result-total {
  padding-top: 16px;
  border-top: 1px solid #d7e2ea;
}
.result-total__link {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-weight: 600;
  padding: 16px 32px;
  border-radius: 100px;
  transition: all 0.3s ease-in 0s;
}
.result-total__link::after {
  content: "";
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-whte);
  --size: 24px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
}
.result-total__link.result-total__link--green {
  background: #197779;
  color: var(--color-whte);
}
.result-total__link.result-total__link--orange {
  background: var(--color-orn);
  color: var(--color-whte);
}
.blocked-total {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 12px 40px 0px;
  border-top: 1px solid #d7e2ea;
}
.blocked-total__icon {
  --size: 28px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  margin: 0 auto;
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: #9097a8;
}
.blocked-total__info {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.blocked-total__title {
  color: var(--color-gry);
}
.blocked-total__title span {
  font-weight: 600;
}
.blocked-total__link {
  color: var(--color-orn);
  transition: all 0.3s ease-in 0s;
}
.redeem-total {
  padding: 12px 20px;
}
.redeem-total__inner {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
.redeem-total__info {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.redeem-total__title {
  color: var(--color-whte);
}
.redeem-total__price {
  font-family: var(--font-secondary);
  font-weight: 500;
  font-variation-settings: "slnt" 0, "wdth" 120;
  color: var(--color-whte);
}
.redeem-total__content {
  display: flex;
  align-items: center;
  gap: 12px;
}
.redeem-total__link {
  width: 100%;
  padding: 16px 20px;
  border-radius: 26px;
  white-space: nowrap;
  transition: all 0.3s ease-in 0s;
  background: rgba(var(--color-whte--rgb), 0.3);
  color: var(--color-whte);
  border: 1px solid transparent;
}
.redeem-total__clue {
  --size: 24px;
  width: var(--size);
  height: var(--size);
  flex: 0 0 var(--size);
  mask: var(--icon) center center/contain no-repeat;
  -webkit-mask: var(--icon) center center/contain no-repeat;
  background: var(--color-gry-whte);
}
.bet-total__clue,
.lot-total__clue,
.redeem-total__clue {
  display: block;
  position: relative;
  z-index: 2;
  pointer-events: auto;
}
.clue__inner {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 240px;
  width: 100%;
}
.clue__title {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  letter-spacing: 0;
}
.clue__description {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.clue__description p {
  color: #fff;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0;
}
.clue__link {
  max-width: max-content;
  line-height: 128.571%;
  padding: 9px 20px;
}
.total-product--gradient .total-product__inner {
  background: linear-gradient(180deg, #E12948 25%, #197779 55%);
}
.total-product--gradient .total-product__countdown::before {
  content: "";
  background: linear-gradient(0deg, #E12948 0%, rgba(225, 41, 72, 0.9) 50%, rgba(225, 41, 72, 0) 100%);
}
.total-product--gradient .total-product__countdown::after {
  content: "";
  background: linear-gradient(180deg, #E12948 0%, rgba(225, 41, 72, 0.8) 50%, rgba(225, 41, 72, 0) 100%);
}
@layer component {
  .benefit-product__row {
    display: flex;
    flex-direction: column;
  }
  .benefit-product__column {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
  }
  .benefit-product__info {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 12px;
  }
  .benefit-product__icon {
    --size: 44px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    mix-blend-mode: darken;
  }
  .benefit-product__icon img,
  .benefit-product__icon picture {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    mix-blend-mode: darken;
  }
  .benefit-product__content {
    display: flex;
    flex-direction: column;
    gap: 3px;
  }
  .benefit-product__title {
    font-weight: 700;
    line-height: 125%; /* 125% */
    font-family: var(--font-secondary);
    font-variation-settings: "slnt" 0, "wdth" 120;
  }
  .benefit-product__text {
    color: var(--color-gry);
    line-height: 133.333%;
  }
  .benefit-product__text span {
    text-decoration: underline;
  }
  .benefit-product__decor {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .benefit-product__decor img,
  .benefit-product__decor picture {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
  }
}
@layer component {
  .delivery-product__inner {
    background: var(--color-whte-two);
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.03) inset;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
  }
  .delivery-product__info {
    background: var(--color-whte);
    border: 1px solid #d7e2ea;
    border-radius: 16px;
    padding-bottom: 10px;
  }
  .delivery-product__top {
    width: 100%;
    padding: 12px;
    display: flex;
    justify-content: space-between;
    gap: 8px;
  }
  .delivery-product__top::after {
    content: "";
    --size: 24px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: #a199ae;
    margin-right: 11px;
    transition: all 0.3s ease-in 0s;
  }
  .delivery-product__content {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .delivery-product__icon {
    border-radius: 12px;
    background: var(--color-whte);
    border: 1px solid #d7e2ea;
    --size: 44px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .delivery-product__icon::before {
    content: "";
    background: var(--icon) center center/contain no-repeat;
    --size: 24px;
    width: var(--size);
    height: var(--size);
  }
  .delivery-product__body {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }
  .delivery-product__title {
    font-family: var(--font-secondary);
    line-height: 125%; /* 125% */
    font-weight: 700;
    font-variation-settings: "slnt" 0, "wdth" 120;
  }
  .delivery-product__city {
    color: var(--color-gry);
    line-height: 128.571%; /* 128.571% */
    text-decoration-line: underline;
    text-decoration-style: dotted;
    -webkit-text-decoration-skip-ink: none;
            text-decoration-skip-ink: none;
    text-decoration-thickness: 13.5%; /* 1.89px */
    text-underline-offset: 22%; /* 3.08px */
    transition: all 0.3s ease-in 0s;
  }
  .delivery-product__items {
    padding-left: 68px;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .delivery-product__item {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }
  .delivery-product__address {
    font-weight: 600;
    line-height: 133.333%; /* 133.333% */
  }
  .delivery-product__text {
    color: var(--color-gry);
    line-height: 133.333%;
  }
  .delivery-product__return {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    gap: 8px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--color-gry);
  }
  .delivery-product__return::before {
    content: "";
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: #a199ae;
    --size: 14px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
  }
}
@layer component {
  .verified-product__inner {
    border-radius: 16px;
    box-shadow: 0 0 8px 0 rgba(164, 64, 182, 0.03) inset;
    background: var(--color-whte-two);
    padding: 4px;
    display: flex;
    flex-direction: column;
    gap: 5px;
  }
  .verified-product__top {
    padding: 8px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 8px;
  }
  .verified-product__top::after {
    content: "";
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: #a199ae;
    --size: 24px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    margin-right: 11px;
    transition: all 0.3s ease-in 0s;
  }
  .verified-product__info {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .verified-product__icon {
    background: var(--color-whte);
    border: 1px solid #d7e2ea;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    --size: 44px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    position: relative;
  }
  .verified-product__icon::before {
    content: "";
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: #bec6ce;
    --size: 24px;
    width: var(--size);
    height: var(--size);
  }
  .verified-product__icon span {
    --size: 16px;
    width: var(--size);
    height: var(--size);
    background: var(--icon) center center/contain no-repeat;
    position: absolute;
    bottom: -3px;
    right: -5px;
  }
  .verified-product__content {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }
  .verified-product__title {
    font-weight: 600;
    line-height: 125%; /* 125% */
    transition: all 0.3s ease-in 0s;
  }
  .verified-product__text {
    color: var(--color-gry);
    line-height: 128.571%; /* 128.571% */
  }
  .verified-product__items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 4px;
  }
  .verified-product__item {
    padding: 5px 10px;
    border-radius: 12px;
    background: var(--color-whte);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 74px;
  }
  .verified-product__grade {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .verified-product__value {
    display: flex;
    align-items: center;
    gap: 12px;
    font-family: var(--font-secondary);
    font-weight: 700;
    line-height: 120%; /* 120% */
    margin-bottom: 4px;
    font-variation-settings: "slnt" 0, "wdth" 120;
  }
  .verified-product__value::before {
    content: "";
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: #fad804;
    --size: 24px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
  }
  .verified-product__link {
    color: var(--color-vilet);
    text-align: center;
    list-style: 133.333%;
    transition: all 0.3s ease-in 0s;
  }
  .verified-product__img {
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: #a199ae;
    --size: 20px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    margin: 0 auto;
  }
  .verified-product__description {
    line-height: 133.333%;
  }
}
@layer component {
  .back-product {
    --size: 48px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    border-radius: 50%;
    pointer-events: all;
    background: rgba(3, 5, 28, 0.1);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
    transform: translateZ(0);
    will-change: backdrop-filter;
    box-shadow: -1.2px -0.9px 0px -1px rgba(255, 255, 255, 0.5), 1px 1px 0px -1px rgba(255, 255, 255, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .back-product::before {
    content: "";
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: var(--color-whte);
    --size: 24px;
    width: var(--size);
    height: var(--size);
  }
}
@layer component {
  .feature {
    margin-top: 0px;
    margin-bottom: 26px;
  }
}
.feature__tabs .tabs__navigation {
  margin-bottom: 15px;
}
.feature__tabs .tabs__title._tab-active {
  color: var(--color-vilet);
}
.feature__tabs .tabs__title._tab-active::before {
  content: "";
  width: 100%;
  background: var(--color-vilet);
}
.feature__tabs .tabs__title._tab-active span {
  color: var(--color-vilet);
}
@layer component {
  .description-tabs__row {
    max-width: 1573px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .description-tabs__column {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    min-width: 0;
  }
  .description-tabs__category {
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    font-style: italic;
  }
  .description-tabs__body {
    min-width: 0;
    max-width: 990px;
    width: 100%;
    position: relative;
  }
  .description-tabs__body::before {
    content: "";
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    height: 134px;
    background: linear-gradient(0deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
    transition: all 0.3s ease-in 0s;
    z-index: 2;
    opacity: 1;
    pointer-events: none;
  }
  .description-tabs__body:has(.description-tabs__showmore[hidden])::before {
    opacity: 0;
  }
  .description-tabs__body:has(.description-tabs__showmore._active)::before {
    opacity: 0;
  }
  .description-tabs__content {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .description-tabs__title {
    font-weight: 600;
    line-height: 120%; /* 120% */
    padding-bottom: 12px;
  }
  .description-tabs__slider {
    min-width: 0;
    max-width: 100%;
    height: auto;
    overflow: visible;
  }
  .description-tabs__slider::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 72px;
    height: 100%;
    background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 100%);
    z-index: 2;
    transition: all 0.3s ease-in 0s;
    opacity: 1;
    pointer-events: none;
  }
  .description-tabs__slider::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 72px;
    height: 100%;
    background: linear-gradient(-270deg, #fff 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 100%);
    z-index: 2;
    pointer-events: none;
    transition: all 0.3s ease-in 0s;
    opacity: 1;
  }
  .description-tabs__slider:has(.description-tabs__arrow--prev.swiper-button-disabled)::after {
    content: "";
    opacity: 0;
  }
  .description-tabs__slider:has(.description-tabs__arrow--next.swiper-button-disabled)::before {
    content: "";
    opacity: 0;
  }
  .description-tabs__slide {
    max-width: 320px;
    width: 100%;
  }
  .description-tabs__slide .block-card__top,
  .description-tabs__slide .block-card__img {
    aspect-ratio: 320/338;
    border-radius: 12px;
  }
  .description-tabs__list {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .description-tabs__block {
    padding-left: 24px;
    position: relative;
    line-height: 125%; /* 125% */
  }
  .description-tabs__block::before {
    content: "";
    position: absolute;
    --size: 5px;
    width: var(--size);
    height: var(--size);
    background: var(--color-primary);
    border-radius: 50%;
    top: 9px;
    left: 9px;
  }
  .description-tabs__subtitle {
    padding-top: 8px;
    font-weight: 600;
    line-height: 125%; /* 125% */
  }
  .description-tabs__showmore {
    margin-top: 20px;
    padding: 6px 0px;
    line-height: 125%; /* 125% */
    color: var(--color-vilet);
    position: relative;
    z-index: 3;
  }
  .description-tabs__showmore span:nth-child(2) {
    display: none;
  }
  .description-tabs__showmore::after {
    content: "";
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: var(--color-vilet);
    --size: 20px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    margin-left: 8px;
    transform: rotate(180deg);
    transition: all 0.3s ease-in 0s;
  }
  .description-tabs__showmore:not([hidden]) {
    display: flex;
    align-items: center;
  }
  .description-tabs__showmore._active span:nth-child(1) {
    display: none;
  }
  .description-tabs__showmore._active span:nth-child(2) {
    display: flex;
  }
  .description-tabs__showmore._active::after {
    content: "";
    transform: rotate(0deg);
  }
  .description-tabs__text {
    line-height: 125%; /* 125% */
  }
  .description-tabs__attention {
    line-height: 120%; /* 125% */
    color: var(--color-error);
    font-weight: 700;
    font-family: var(--font-secondary);
    font-variation-settings: "slnt" 0, "wdth" 120;
  }
}
@layer component {}
@layer component {
  .recommendation {
    margin-bottom: 76px;
  }
}
.recommendation__tabs .tabs__navigation {
  margin-bottom: 16px;
}
.recommendation__tabs .tabs__title._tab-active {
  color: var(--color-vilet);
}
.recommendation__tabs .tabs__title._tab-active::before {
  content: "";
  width: 100%;
  background: var(--color-vilet);
}
.recommendation__tabs .tabs__title._tab-active span {
  color: var(--color-vilet);
}
@layer component {
  .marketer-tabs__title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: var(--font-secondary);
    font-weight: 700;
    font-variation-settings: "slnt" 0, "wdth" 120;
    line-height: 112.5%; /* 112.5% */
    margin-bottom: 20px;
  }
  .marketer-tabs__title::after {
    content: "";
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: var(--color-primary);
    --size: 47px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
  }
  .marketer-tabs__inner {
    display: grid;
    grid-template-columns: 1fr;
    min-width: 0;
    gap: 16px;
  }
  .marketer-tabs__banner {
    position: relative;
  }
  .marketer-tabs__arrow {
    --size: 44px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    -webkit-backdrop-filter: blur(7px);
            backdrop-filter: blur(7px);
    border: 1px solid #d7e2ea;
    margin-left: auto;
  }
  .marketer-tabs__arrow::before {
    content: "";
    --size: 20px;
    width: var(--size);
    height: var(--size);
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: var(--color-primary);
  }
  .marketer-tabs__body {
    display: flex;
    flex-direction: column;
    gap: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .marketer-tabs__img img,
  .marketer-tabs__img picture {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
  }
  .marketer-tabs__value {
    font-weight: 700;
    line-height: 112.5%; /* 112.5% */
    font-family: var(--font-secondary);
    font-variation-settings: "slnt" 0, "wdth" 120;
  }
  .marketer-tabs__text {
    color: var(--color-gry);
    line-height: 128.571%;
  }
  .marketer-tabs__decor {
    position: absolute;
    pointer-events: none;
  }
  .marketer-tabs__decor.marketer-tabs__decor--one {
    left: -144px;
    width: 260px;
    height: 344px;
    bottom: -35px;
  }
  .marketer-tabs__decor.marketer-tabs__decor--two {
    right: -144px;
    width: 260px;
    height: 344px;
    bottom: -35px;
  }
  .marketer-tabs__decor img,
  .marketer-tabs__decor picture {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
  }
  .marketer-tabs__bottom {
    display: flex;
    gap: 10px;
    margin-top: -5px;
  }
  .marketer-tabs__link {
    width: 100%;
  }
  .marketer-tabs__icon {
    --size: 44px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    border-radius: 50%;
    border: 1px solid #d7e2ea;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .marketer-tabs__icon::before {
    content: "";
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: var(--color-primary);
    --size: 20px;
    width: var(--size);
    height: var(--size);
  }
  .marketer-tabs__slider {
    width: 100%;
    min-width: 0;
  }
  .marketer-tabs__slider::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 72px;
    height: 100%;
    background: linear-gradient(270deg, #fff 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 100%);
    z-index: 2;
    transition: all 0.3s ease-in 0s;
    opacity: 1;
    pointer-events: none;
  }
  .marketer-tabs__slider::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 72px;
    height: 100%;
    background: linear-gradient(-270deg, #fff 0%, rgba(255, 255, 255, 0.7) 50%, rgba(255, 255, 255, 0) 100%);
    z-index: 2;
    pointer-events: none;
    transition: all 0.3s ease-in 0s;
    opacity: 1;
  }
  .marketer-tabs__slider:has(.marketer-tabs__navigation--prev.swiper-button-disabled)::after {
    content: "";
    opacity: 0;
  }
  .marketer-tabs__slider:has(.marketer-tabs__navigation--next.swiper-button-disabled)::before {
    content: "";
    opacity: 0;
  }
}
.marketer-tabs__btn {
  margin-top: 25px;
  background: var(--color-whte);
  position: relative;
  z-index: 2;
}
.marketer-tabs__card {
  max-width: 266px;
}
@layer component {
  .card-marketer {
    border-radius: 16px;
    padding: 4px;
    background: var(--color-whte-two);
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .card-marketer.js-open-question .card-marketer__showmore {
    pointer-events: none;
  }
  .card-marketer._active {
    background: rgba(94, 27, 193, 0.1);
  }
  .card-marketer__top {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    padding: 8px 12px 0px;
  }
  .card-marketer__name {
    line-height: 125%; /* 125% */
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
  }
  .card-marketer__time {
    color: var(--color-gry);
    line-height: 133.333%; /* 133.333% */
  }
  .card-marketer__inner {
    border-radius: 12px;
    background: var(--color-whte);
    padding: 12px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1 1 auto;
  }
  .card-marketer__info {
    padding-bottom: 12px;
    border-bottom: 1px solid #d7e2ea;
  }
  .card-marketer__grade {
    display: flex;
    gap: 12px;
    align-items: center;
  }
  .card-marketer__stars {
    display: flex;
    gap: 5px;
  }
  .card-marketer__star {
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: var(--bg);
    --size: 20px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
  }
  .card-marketer__value {
    line-height: 119.839%; /* 119.839% */
    font-weight: 700;
    font-family: var(--font-secondary);
    font-variation-settings: "slnt" 0, "wdth" 120;
  }
  .card-marketer__body {
    display: flex;
    flex-direction: column;
    gap: 6px;
  }
  .card-marketer__description {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .card-marketer__description._active .card-marketer__text {
    -webkit-line-clamp: 99999999;
  }
  .card-marketer__text {
    line-height: 125%; /* 125% */
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .card-marketer__showmore {
    font-weight: 600;
    line-height: 125%; /* 125% */
    color: var(--color-vilet);
    position: absolute;
    bottom: 0;
    right: 0;
    background: var(--color-whte);
    transition: all 0.3s ease-in 0s;
    opacity: 0;
  }
  .card-marketer__showmore::before {
    content: "...";
  }
  .card-marketer__showmore span:nth-child(2) {
    display: none;
  }
  .card-marketer__showmore._active {
    opacity: 1;
  }
  .card-marketer__showmore._show {
    position: static;
    margin-left: auto;
  }
  .card-marketer__showmore._show span:nth-child(1) {
    display: none;
  }
  .card-marketer__showmore._show span:nth-child(2) {
    display: inline-flex;
  }
  .card-marketer__title {
    font-family: var(--font-secondary);
    font-weight: 700;
    line-height: 125%; /* 125% */
    font-variation-settings: "slnt" 0, "wdth" 120;
  }
  .card-marketer__subtitle {
    font-weight: 600;
    line-height: 128.571%; /* 128.571% */
    color: var(--color-gry);
  }
}
@layer component {
  .constructor-tabs__inner {
    display: grid;
    gap: 30px;
    grid-template-columns: 1fr;
  }
  .constructor-tabs__img {
    border-radius: 24px;
    overflow: hidden;
    height: 195px;
  }
  .constructor-tabs__img img,
  .constructor-tabs__img picture {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
  }
}
@layer component {
  .review-constructor__inner {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  .review-constructor__top {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  .review-constructor__title {
    font-weight: 700;
    line-height: 120%; /* 120% */
    font-family: var(--font-secondary);
  }
  .review-constructor__text {
    line-height: 133.333%; /* 133.333% */
    color: var(--color-gry);
  }
  .review-constructor__form {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
}
.review-constructor--two .review-constructor__inner {
  border-radius: 16px;
  background: var(--color-whte-two);
  padding: 12px;
}
.review-constructor--two .form__bottom {
  display: none;
}
.review-constructor--two._active .form__bottom {
  display: flex;
}
.review-constructor__form:has(._form-error) .form__review {
  border-color: var(--color-error);
}
.review-constructor__form:has(._form-error) .form__bottom-limitation span:nth-child(1) {
  color: var(--color-error);
}
.review-constructor__form:has(._form-focus) .form__review {
  border-color: var(--color-vilet);
}
.review-constructor__form:has(._form-focus) .form__bottom-limitation span:nth-child(1) {
  color: var(--color-vilet);
}
@layer component {
  .absent-tabs__inner {
    position: relative;
    border-radius: 24px;
    background: linear-gradient(180deg, #f4f3ed 0%, #f3f4dd 100%);
    box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.06) inset;
    overflow: hidden;
    padding: 47px 24px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .absent-tabs__img {
    position: absolute;
    top: 0;
    left: 0;
  }
  .absent-tabs__img img,
  .absent-tabs__img picture {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
  }
  .absent-tabs__content {
    display: flex;
    flex-direction: column;
    gap: 6px;
    position: relative;
    z-index: 2;
    max-width: 610px;
    width: 100%;
  }
  .absent-tabs__title {
    font-family: var(--font-secondary);
    font-weight: 700;
    line-height: 112.5%; /* 112.5% */
    font-variation-settings: "slnt" 0, "wdth" 120;
  }
  .absent-tabs__text {
    line-height: 120%; /* 120% */
    color: var(--color-gry);
  }
  .absent-tabs__decor {
    position: absolute;
  }
  .absent-tabs__decor.absent-tabs__decor--one {
    width: 260.453px;
    height: 344.001px;
    bottom: -24px;
    left: -94px;
  }
  .absent-tabs__decor.absent-tabs__decor--two {
    width: 260.453px;
    height: 344.001px;
    bottom: -24px;
    right: -94px;
  }
  .absent-tabs__decor img,
  .absent-tabs__decor picture {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
  }
}
@layer component {
  .viewed {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 25;
    background: var(--color-whte);
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease-in 0s;
    border-radius: 20px 20px 0px 0px;
  }
  .viewed__container {
    max-width: 100%;
    --pad: 0px;
  }
  .viewed__inner {
    max-width: 1920px;
    width: 100%;
    gap: 5px 30px;
    margin: 0 auto;
    padding: 12px 16px 20px;
  }
  .viewed__info {
    display: flex;
    align-items: flex-start;
    gap: 20px;
  }
  .viewed__info-img {
    border-radius: 10px;
    overflow: hidden;
    width: 67px;
    height: 88px;
    flex: 0 0 67px;
  }
  .viewed__info-img img,
  .viewed__info-img picture {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
  }
  .viewed__info-content {
    display: flex;
    flex-direction: column;
    align-self: center;
    gap: 8px;
  }
  .viewed__info-name {
    line-height: 116.667%; /* 116.667% */
    font-weight: 700;
    font-family: var(--font-secondary);
    font-variation-settings: "slnt" 0, "wdth" 120;
  }
  .viewed__info-items {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
  }
  .viewed__info-item {
    position: relative;
  }
  .viewed__info-item:not(:last-child) {
    padding-right: 15px;
  }
  .viewed__info-item:not(:last-child)::after {
    content: "";
    width: 2px;
    height: 12px;
    border-radius: 4px;
    background: #d7e2ea;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  .viewed__info-grade {
    display: flex;
    align-items: center;
    gap: 6px;
    line-height: 118.974%; /* 118.974% */
    font-weight: 700;
    font-family: var(--color-bg-secondary);
  }
  .viewed__info-grade::before {
    content: "";
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: #fad804;
    --size: 18px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
  }
  .viewed__info-shop {
    line-height: 128.571%; /* 128.571% */
    display: flex;
    align-items: center;
    gap: 4px;
  }
  .viewed__info-shop a {
    color: var(--color-vilet);
    display: flex;
    align-items: center;
    gap: 4px;
  }
  .viewed__info-shop a::after {
    content: "";
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: var(--color-vilet);
    --size: 16px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
  }
  .viewed__info-compare {
    line-height: 128.571%; /* 128.571% */
    display: flex;
    align-items: center;
    gap: 6px;
  }
  .viewed__info-compare::before {
    content: "";
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: #a199ae;
    --size: 18px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
  }
  .viewed__constructor {
    display: flex;
    align-self: center;
    gap: 20px;
  }
  .viewed__constructor-prices {
    display: flex;
    align-items: flex-end;
    gap: 12px;
    white-space: nowrap;
  }
  .viewed__constructor-price {
    font-family: var(--font-secondary);
    font-weight: 700;
    line-height: 112.5%; /* 112.5% */
    color: var(--color);
    font-variation-settings: "slnt" 0, "wdth" 120;
  }
  .viewed__constructor-old {
    color: #a8aebc;
    line-height: 125%; /* 125% */
  }
  .viewed__constructor-btns {
    display: flex;
    gap: 10px;
  }
  .viewed__constructor-btn.viewed__constructor-btn--icon::before {
    content: "";
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: var(--color-whte);
    --size: 20px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
  }
  .viewed__constructor-favorites {
    --size: 52px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    border-radius: 50%;
    background: var(--color-whte);
    -webkit-backdrop-filter: blur(7px);
            backdrop-filter: blur(7px);
    border: 1px solid #d7e2ea;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .viewed__constructor-favorites::before {
    content: "";
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: var(--color-primary);
    --size: 20px;
    width: var(--size);
    height: var(--size);
    transition: all 0.3s ease-in 0s;
  }
  .viewed__constructor-favorites::after {
    content: "";
    transition: all 0.3s ease-in 0s;
    mask: var(--icon-favorites) center center/contain no-repeat;
    -webkit-mask: var(--icon-favorites) center center/contain no-repeat;
    background: var(--color-vilet);
    --size: 20px;
    width: var(--size);
    height: var(--size);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
  }
}
._viewed .viewed {
  opacity: 1;
  pointer-events: all;
}
@layer component {
  .question {
    position: fixed;
    bottom: 0;
    right: -100%;
    width: 100%;
    z-index: calc(var(--index-3) + 1);
    height: calc(100dvh - 100px);
    background: var(--color-whte);
    overflow: auto;
    display: flex;
    flex-direction: column;
    transition: all 0.3s ease-in 0s;
    border-radius: 24px 24px 0px 0px;
    transform: translateZ(0);
    border: 1px solid #d7e2ea;
    will-change: backdrop-filter, height;
    box-shadow: -214px 0 60px 0 rgba(0, 0, 0, 0), -137px 0 55px 0 rgba(0, 0, 0, 0.01), -77px 0 46px 0 rgba(0, 0, 0, 0.03), -34px 0 34px 0 rgba(0, 0, 0, 0.04), -9px 0 19px 0 rgba(0, 0, 0, 0.05);
  }
  .question::-webkit-scrollbar {
    display: none;
  }
  .question__body {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1 1 auto;
  }
  .question__top {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 5;
    padding: 24px 16px 22px;
    border-radius: 0 0 16px 16px;
    background: var(--color-whte);
    border-bottom: 1px solid #d7e2ea;
    box-shadow: 0 4px 32px 0 rgba(25, 19, 34, 0.12);
  }
  .question__title {
    font-family: var(--font-secondary);
    font-weight: 700;
    line-height: 112.5%; /* 112.5% */
    padding-right: 60px;
    font-variation-settings: "slnt" 0, "wdth" 120;
  }
  .question__title span {
    font-size: 16px;
    line-height: 120%; /* 120% */
    font-weight: 500;
    font-style: italic;
    color: #a8aebc;
    font-variation-settings: "slnt" 0, "wdth" 120;
  }
  .question__close {
    position: absolute;
    top: 14px;
    right: 16px;
    --size: 36px;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-backdrop-filter: blur(7px);
            backdrop-filter: blur(7px);
    transform: translateZ(0);
    will-change: backdrop-filter;
    border: 1px solid #d7e2ea;
    background: var(--color-whte);
    transition: all 0.3s ease-in 0s;
  }
  .question__close::before {
    content: "";
    --size: 16px;
    width: var(--size);
    height: var(--size);
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
    background: var(--color-primary);
    transition: all 0.3s ease-in 0s;
  }
  .question__inner {
    padding: 0px 12px 30px;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .question__product {
    margin: 0px -12px;
    background: #ebebeb;
    border-radius: 0px 0px 16px 16px;
  }
  .question__product-info {
    display: flex;
    gap: 12px;
    min-width: 0;
    background: var(--color-whte);
    border-radius: 0px 0px 16px 16px;
    padding: 12px;
  }
  .question__product-img {
    min-width: 0;
  }
  .question__product-banners {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  .question__product-content {
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .question__product-title {
    font-family: var(--font-secondary);
    font-weight: 700;
    font-variation-settings: "slnt" 0, "wdth" 120;
    line-height: 128.571%; /* 128.571% */
  }
  .question__product-prices {
    margin-top: auto;
  }
  .question__answer {
    display: flex;
    gap: 10px;
    padding: 10px 16px;
    border-radius: 16px;
    background: rgba(26, 202, 26, 0.1);
  }
  .question__answer-icon {
    background: var(--icon) center center/contain no-repeat;
    --size: 44px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
  }
  .question__answer-content {
    align-self: center;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .question__answer-title {
    font-weight: 600;
    line-height: 125%; /* 125% */
  }
  .question__answer-text {
    line-height: 128.571%; /* 125% */
  }
  .question__cards {
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
}
.question__product-constructor .review-constructor__inner {
  background: transparent;
  border-radius: 0;
  padding: 12px;
}
.question__product-img {
  width: 87px;
  flex: 0 0 87px;
}
.question__product-img .block-card__info {
  padding: 6px;
}
.question__product-img .block-card__head {
  margin: 0px;
}
.question__product-img .block-card__favorites {
  --size: 20px;
}
.question__product-img .block-card__favorites::after {
  content: "";
  --size: 10px;
}
.question__product-img .block-card__favorites::before {
  content: "";
  --size: 10px;
}
.question__product-img .block-card__img,
.question__product-img .block-card__top {
  border-radius: 12px;
}
.question__card {
  height: auto;
  min-height: 277px;
}
._question .question {
  right: 0;
}
._question body::after {
  content: "";
  opacity: 1;
  pointer-events: all;
}
.question__product .review-constructor__form {
  gap: 8px;
}
.question__product .form__bottom-btn {
  padding: 7px 19px;
  font-size: 14px;
}
.question__product .form__bottom-constructor {
  margin-left: 0;
  width: 100%;
  align-items: flex-start;
}
.question__product .form__bottom-btns {
  margin-left: auto;
}
@layer component {
  .salesman {
    margin-bottom: 44px;
    margin-top: -8px;
  }
}
@layer component {
  .appeal {
    margin-bottom: 100px;
  }
  .appeal__title {
    font-weight: 700;
    font-family: var(--font-secondary);
    font-variation-settings: "slnt" 0, "wdth" 120;
    line-height: 112.5%; /* 112.5% */
    margin-bottom: 20px;
  }
  .appeal__row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 12px;
  }
}
.appeal__column .block-card__btn {
  max-width: max-content;
}
.appeal__column .block-card__item::before {
  content: "";
}
@media only screen and (min-width: 620px) {
  .pagination {
    gap: 12px;
  }
  .pagination__arrow {
    min-width: 54px;
  }
  .pagination__list {
    gap: 12px;
  }
  .pagination__item {
    min-width: 50px;
    font-size: 20px;
    line-height: 100%; /* 100% */
  }
  .tabs__title {
    line-height: 120%; /* 120% */
  }
  .tabs__cards {
    grid-template-columns: repeat(3, 1fr);
  }
  @layer component{
    .card__row {
      grid-template-columns: repeat(3, 1fr);
      gap: 15px;
    }
}
  @layer component{
    .text-16 {
      font-size: 14px;
      line-height: 128.571%; /* 128.571% */
    }
}
  @layer component{
    .text-32 {
      font-size: 20px;
      line-height: 120%; /* 120% */
    }
}
  @layer component{
    .commodity__promotion {
      margin-bottom: 34px;
    }
}
  @layer component{
    .commodity__filter {
      margin-bottom: 36px;
    }
}
  @layer component{
    .commodity__top {
      margin-bottom: 17px;
    }
}
  @layer component{
    .commodity__slider {
      margin-bottom: 15px;
    }
}
  @layer component{
    .commodity__row {
      margin-bottom: 32px;
      grid-template-columns: repeat(3, 1fr);
    }
}
  @layer component{
    .everything-commodity__btns {
      flex-direction: row;
    }
}
  @layer component{
    .breadcrumb {
      margin-bottom: 16px;
    }
}
  @layer component{
    .story__slide {
      max-width: 171px;
    }
}
  @layer component{
    .platform__link {
      padding: 11px;
      font-size: 16px;
      line-height: 125%; /* 128.571% */
    }
}
  @layer component{
    .block-card__top {
      aspect-ratio: 168/204;
    }
}
  @layer component{
    .block-card__img {
      aspect-ratio: 168/204;
    }
}
  @layer component{
    .category-commodity {
      max-width: 110px;
    }
}
  @layer component{
    .form-filter__content {
      width: 357px;
    }
}
  @layer component{
    .basket__inner {
      gap: 24px;
    }
}
  @layer component{
    .basket__title {
      font-size: 32px;
      line-height: 112%; /* 120% */
      margin-bottom: 16px;
    }
}
  @layer component{
    .basket__title span {
      transform: translate(-2px, -18px);
    }
}
  @layer component{
    .block-basket__title span:nth-child(1) {
      font-size: 16px;
    }
}
  @layer component{
    .block-basket__category {
      flex: 0 0 70px;
    }
}
  @layer component{
    .block-basket__value.block-basket__value--total {
      margin-left: 11px;
    }
}
  @layer component{
    .card-block__name {
      font-size: 16px;
      line-height: 125%; /* 128.571% */
    }
}
  @layer component{
    .authorization {
      height: 100dvh;
      width: 420px;
    }
}
  @layer component{
    .authorization__top {
      border-radius: 0 0 32px 32px;
      padding: 25px 24px 24px;
    }
}
  @layer component{
    .authorization__title {
      font-size: 24px;
      line-height: 116.667%; /* 116.667% */
    }
}
  @layer component{
    .authorization__close {
      --size: 52px;
      top: 16px;
    }
}
  @layer component{
    .authorization__close::before {
      --size: 20px;
    }
}
  @layer component{
    .authorization__block {
      padding: 24px;
      border-radius: 32px;
    }
}
  @layer component{
    .authorization__block:has(.authorization__block-checkboxs) {
      padding: 24px;
    }
}
  @layer component{
    .authorization__block-title {
      font-size: 20px;
      line-height: 120%; /* 120% */
    }
}
  @layer component{
    .authorization__block-field {
      margin-top: 12px;
    }
}
  @layer component{
    .authorization__block-country {
      font-size: 16px;
      line-height: 125%; /* 125% */
    }
}
  @layer component{
    .authorization__block-row {
      gap: 24px;
    }
}
  @layer component{
    .authorization__block-subtitle {
      font-size: 20px;
      line-height: 116.667%; /* 116.667% */
    }
}
  @layer component{
    .authorization__block-location {
      font-size: 16px;
      line-height: 150%; /* 150% */
    }
}
  @layer component{
    .authorization__block-btn {
      font-size: 16px;
      padding: 9px 23px;
      line-height: 150%; /* 150% */
    }
}
  @layer component{
    .authorization__bottom {
      border-radius: 32px 32px 0 0;
      padding: 24px;
    }
}
  @layer component{
    .authorization__btn {
      font-size: 16px;
      line-height: 150%; /* 150% */
      padding: 13px 23px;
    }
}
  @layer component{
    .authorization__back {
      --size: 52px;
    }
}
  @layer component{
    .authorization__back::before {
      --size: 20px;
    }
}
  .authorization__block-confirmation .input {
    font-size: 32px;
    line-height: 112.5%; /* 112.5% */
  }
  .authorization__submit {
    font-size: 16px;
    line-height: 150%; /* 150% */
    padding: 13px;
  }
  .authorization__block-checkboxs .checkbox__label::after {
    top: 3px;
    left: 3px;
  }
  @layer component{
    .question {
      height: 100dvh;
      width: 420px;
    }
}
  @layer component{
    .question__close {
      --size: 52px;
      top: 8px;
      right: 8px;
    }
}
  @layer component{
    .question__close::before {
      --size: 20px;
    }
}
  @layer component{
    .appeal__row {
      grid-template-columns: repeat(3, 1fr);
    }
}
}
@media only screen and (min-width: 767.98px) {
  .popup__inner {
    grid-template-columns: repeat(2, 1fr);
  }
  .popup__card-detailed {
    line-height: 125%; /* 125% */
  }
  .icon-menu {
    display: none;
  }
  @layer base{
    .auction-lot-front [class*=__container],
    .auction-lot-front .container {
      --pad: 24px;
    }
}
  @layer component{
    .card__row {
      grid-template-columns: repeat(4, 1fr);
    }
}
  @layer component{
    .commodity__text {
      font-size: 16px;
      line-height: 150%; /* 150% */
    }
}
  @layer component{
    .commodity__row {
      gap: 24px 12px;
      grid-template-columns: repeat(4, 1fr);
    }
}
  .form-filter__checkbox:has(input[type=radio]) .checkbox__label::after {
    top: 4px;
  }
  .form-filter__checkbox .checkbox__label::before {
    top: -2px;
  }
  .form-filter__checkbox .checkbox__label::after {
    top: 2px;
  }
  @layer component{
    .platform__inner {
      padding: 0px 0px 0px 21px;
    }
}
  @layer component{
    .platform__info {
      max-width: 450px;
      gap: 0px;
    }
}
  @layer component{
    .platform__title {
      font-size: 26px;
      line-height: 169.231%; /* 169.231% */
      font-variation-settings: "slnt" 0, "wdth" 122;
    }
}
  @layer component{
    .platform__text {
      font-size: 16px;
      line-height: 125%; /* 125% */
    }
}
  @layer component{
    .platform__slider {
      --size: 85px;
      width: var(--size);
      flex: 0 0 var(--size);
    }
}
  @layer component{
    .block-basket__top {
      padding: 5px 15px;
    }
}
  @layer component{
    .block-basket__info {
      gap: 20px;
    }
}
  @layer component{
    .block-basket__info .block-basket__checkbox {
      --size: 22px;
      margin-bottom: 4px;
    }
}
  @layer component{
    .block-basket__info .block-basket__checkbox .checkbox__label::before {
      --size: 22px !important;
    }
}
  @layer component{
    .block-basket__delete {
      --size: 36px;
      -webkit-backdrop-filter: blur(7px);
              backdrop-filter: blur(7px);
      background: var(--color-whte);
      border: 1px solid #d7e2ea;
      margin-right: 0;
    }
}
  @layer component{
    .block-basket__delete::before {
      background: var(--color-primary);
    }
}
  @layer component{
    .card-block {
      padding: 12px 15px 17px;
    }
}
  @layer component{
    .card-block__body {
      gap: 16px;
    }
}
  @layer component{
    .card-block__content {
      align-items: center;
    }
}
  @layer component{
    .card-block__checkbox {
      --size: 22px;
    }
}
  @layer component{
    .card-block__checkbox .checkbox__label::before {
      --size: 22px !important;
    }
}
  @layer component{
    .card-block__img {
      border-radius: 16px;
    }
}
  @layer component{
    .card-block__info {
      max-width: 386px;
    }
}
  @layer component{
    .card-block__info {
      padding-top: 4px;
    }
}
  @layer component{
    .card-block__links {
      gap: 8px;
    }
}
  @layer component{
    .card-block__icon {
      -webkit-backdrop-filter: blur(7px);
              backdrop-filter: blur(7px);
      background: var(--color-whte);
      border: 1px solid #d7e2ea;
      --size: 36px;
    }
}
  @layer component{
    .card-block__icon::before {
      background: var(--color-primary);
    }
}
  @layer component{
    .card-block__icon.card-block__icon--share._active {
      border: 1px solid var(--color-pnk);
    }
}
  @layer component{
    .card-block__icon.card-block__icon--favorites._active {
      border: 1px solid var(--color-pnk);
    }
}
  @layer component{
    .card-block__constructor {
      padding-top: 6px;
      flex: 0 0 303px;
      margin-left: auto;
      width: 303px;
    }
}
  @layer component{
    .card-block__mobile {
      display: none;
    }
}
  @layer component{
    .promotion-commodity__row {
      grid-template-columns: repeat(3, 1fr);
    }
}
  @layer component{
    .promotion-commodity__column.promotion-commodity__column--big {
      grid-column-start: span 2;
    }
}
  @layer component{
    .characteristic-product .characteristic-product__value {
      line-height: 128.571%; /* 128.571% */
    }
}
  @layer component{
    .characteristic-product .characteristic-product__data {
      line-height: 128.571%; /* 128.571% */
    }
}
  .marketer-tabs__card {
    max-width: 350px;
  }
  @layer component{
    .review-constructor__title {
      line-height: 120%; /* 120% */
    }
}
  @layer component{
    .viewed__constructor-old {
      line-height: 125%; /* 125% */
    }
}
}
@media only screen and (any-hover: hover) and (min-width: 767.98px) {
@layer component{
    .block-basket__delete:hover {
      border: 1px solid var(--color-pnk);
    }
}
  }
@media only screen and (min-width: 991.98px) {
@layer component{
    .popup__content {
      border-radius: 32px;
    }
}
  .popup__close {
    --size: 52px;
  }
  .popup__close::before {
    --size: 16px;
  }
  .popup__form {
    padding: 24px;
    gap: 24px;
  }
  .popup__form-items {
    grid-template-columns: repeat(4, 1fr);
  }
  .popup__form-item.popup__form-item--big {
    grid-column-start: span 4;
  }
  .popup__form-input .input {
    font-size: 14px;
    line-height: 128.571%; /* 128.571% */
  }
  .popup__form-btn {
    padding: 13px 39px;
    margin-top: 56px;
  }
  .popup--card .popup__card-inner {
    grid-template-columns: 1fr 573px;
  }
  .popup--card .popup__content {
    border-radius: 32px;
  }
  .popup__card-content {
    gap: 54px;
    padding: 20px 24px 0px;
  }
  .popup__card-top {
    padding-right: 50px;
  }
  .popup__card-bottom {
    border-radius: 24px 24px 24px 0px;
    bottom: 0;
    margin: auto -24px 0;
    padding: 16px 24px 12px;
  }
  .popup__card-price {
    line-height: 112.5%;
  }
  .popup__card-photo {
    border-radius: 32px 0px 0px 32px;
  }
  .popup__card-photo .block-card__top,
  .popup__card-photo .block-card__img {
    border-radius: 32px 0px 0px 32px;
  }
  .popup__card-characteristic {
    padding-right: 25px;
  }
  .popup__card-btn {
    line-height: 125%; /* 125% */
  }
  .popup--gallery .popup__close {
    --size: 56px;
    --pad: 56px;
    background: transparent;
    border-color: transparent;
    -webkit-backdrop-filter: blur(0px);
            backdrop-filter: blur(0px);
    border-radius: 0px;
  }
  .popup--gallery .popup__close::before {
    --size: 33px;
    background: #a199ae;
    filter: drop-shadow(0 4px 13.6px rgba(0, 0, 0, 0.25));
  }
  .popup__sliders {
    grid-template-columns: 179px 1fr;
  }
  .popup__slider {
    padding: 32px 32px 0px 0px;
  }
  .popup__slider .block-card__top {
    border-radius: 24px;
  }
  .popup__slider .block-card__pagination {
    display: none;
  }
  .popup__slider .block-card__img {
    border-radius: 24px;
  }
  .popup__slider .block-card__top {
    aspect-ratio: 79/105;
    height: 100%;
  }
  .popup__slider .block-card__img {
    aspect-ratio: 79/105;
  }
  .popup__product {
    padding: 24px 40px;
  }
  .popup__product-title {
    line-height: 116.667%;
  }
  .popup__product-price {
    line-height: 112.5%;
  }
  .form__review {
    border-radius: 24px;
  }
  .form__bottom-limitation {
    line-height: 128.571%; /* 128.571% */
  }
  .form__bottom-btn {
    padding: 9px 22px;
  }
  .range__btn {
    padding: 11px 24px;
  }
  .spollers__range .range__values {
    margin-bottom: 24px;
  }
  .spollers__range .noUi-horizontal {
    height: 4px;
  }
  .spollers__range .noUi-horizontal .noUi-handle {
    --size: 18px;
    right: -18px;
    top: -8px;
  }
  .spollers__range .noUi-target {
    padding-right: 18px;
  }
  .spollers__range .noUi-touch-area {
    --size: 12px;
  }
  .spollers__range .noUi-target {
    margin: 0px 6px;
  }
  .spollers__range .range__prices {
    padding: 0px 14px;
  }
  .spollers__range .range__price {
    font-weight: 600;
  }
  .tabs__navigation {
    gap: 40px;
  }
  .tabs__inner {
    gap: 42px;
  }
  .tabs__title {
    line-height: 112.5%; /* 112.5% */
  }
  .tabs__title span {
    line-height: 82.353%; /* 82.353% */
    transform: translate(-4px, -16px);
    font-variation-settings: "slnt" 0, "wdth" 100;
  }
  .tabs__cards {
    gap: 30px;
  }
  .tabs__card .block-card__inner {
    padding: 12px 12px 0px;
    gap: 12px;
  }
  .tabs__card .block-card__content {
    gap: 4px;
  }
  .tabs__card .block-card__title {
    font-size: 16px;
    line-height: 125%; /* 125% */
  }
  .tabs__card .block-card__head {
    gap: 8px;
  }
  .tabs__card .block-card__review {
    border-radius: 12px;
    padding: 8px 13px;
  }
  .tabs__card .block-card__review::before {
    content: "";
    --size: 16px;
  }
  .tabs__card .block-card__btn {
    font-style: italic;
    font-weight: 719;
    line-height: 140%; /* 140% */
    text-transform: uppercase;
    font-size: 10px;
    padding: 4px 12px;
  }
  .tabs__card .block-card__favorites {
    --size: 38px;
  }
  .tabs__card .block-card__favorites::before {
    content: "";
    --size: 22px;
  }
  .tabs__card .block-card__favorites::after {
    content: "";
    --size: 22px;
  }
  .tabs__card .block-card__item {
    font-size: 10px;
    text-transform: uppercase;
    line-height: 140%; /* 140% */
    font-weight: 700;
    font-family: var(--font-secondary);
    font-variation-settings: "slnt" 0, "wdth" 130;
    padding: 4px 12px;
  }
  .tabs__card .block-card__item::before {
    --size: 12px;
  }
  .tabs__card .block-card__head {
    margin: 0px;
  }
  .tabs__card .block-card__top,
  .tabs__card .block-card__img {
    border-radius: 20px;
  }
  .tabs__specification .characteristic-product__items {
    grid-template-columns: repeat(2, 1fr);
    gap: 17px 80px;
  }
  @layer component{
    .card__row {
      gap: 30px;
    }
}
  .page {
    padding-top: 156px;
  }
  .search-form {
    right: 56px;
    width: 464px;
  }
  .file-loader__btn {
    line-height: 125%; /* 125% */
  }
  @layer component{
    .text-40 {
      font-size: 40px;
      line-height: 110%; /* 110% */
    }
}
  @layer component{
    .text-28 {
      font-size: 28px;
      line-height: 128.571%; /* 128.571% */
    }
}
  @layer component{
    .text-16 {
      font-size: 16px;
      line-height: 150%; /* 150% */
    }
}
  @layer component{
    .text-14 {
      font-size: 14px;
      line-height: 128.571%; /* 128.571% */
    }
}
  @layer component{
    .text-32 {
      font-size: 32px;
      line-height: 112.5%; /* 112.5% */
    }
}
  @layer component{
    .text-24 {
      font-size: 24px;
      line-height: 116.667%; /* 116.667% */
    }
}
  @layer component{
    .commodity {
      margin-bottom: 67px;
    }
}
  @layer component{
    .commodity__promotion {
      margin-bottom: 40px;
    }
}
  @layer component{
    .commodity__filter {
      margin-bottom: 28px;
    }
}
  @layer component{
    .commodity__top {
      margin-bottom: 28px;
    }
}
  @layer component{
    .commodity__title {
      font-variation-settings: "slnt" 0, "wdth" 120;
    }
}
  @layer component{
    .commodity__slider {
      margin-bottom: 40px;
    }
}
  @layer component{
    .commodity__slider.commodity__slider--two .commodity__slide {
      max-width: 215px;
    }
}
  @layer component{
    .commodity__row {
      margin-bottom: 26px;
      gap: 24px 30px;
    }
}
  @layer component{
    .everything-commodity {
      max-width: 535px;
      border-radius: 28px;
      box-shadow: -214px 0 60px 0 rgba(0, 0, 0, 0), -137px 0 55px 0 rgba(0, 0, 0, 0.01), -77px 0 46px 0 rgba(0, 0, 0, 0.03), -34px 0 34px 0 rgba(0, 0, 0, 0.04), -9px 0 19px 0 rgba(0, 0, 0, 0.05);
    }
}
  @layer component{
    .everything-commodity__top {
      border-radius: 16px 16px 12px 12px;
    }
}
  @layer component{
    .everything-commodity__bottom {
      border-radius: 12px 12px 0px 0px;
    }
}
  .form-filter__checkbox:has(input[type=radio]) .checkbox__label::after {
    top: 4px;
  }
  .commodity--auction .block-card {
    border-radius: 20px;
    padding-bottom: 20px;
  }
  .commodity--auction .pagination__arrow {
    min-width: 44px;
  }
  .commodity--auction .pagination__item {
    min-width: 44px;
  }
  @layer component{
    .story__title {
      margin-bottom: 37px;
    }
}
  @layer component{
    .story__slide {
      max-width: 220px;
    }
}
  @layer component{
    .story__slide .block-card__btns {
      margin-bottom: 1px;
    }
}
  @layer component{
    .story__slide .block-card__review {
      font-size: 12px;
      padding: 5px 8px;
    }
    .story__slide .block-card__review::before {
      content: "";
      --size: 12px;
    }
}
  @layer component{
    .story__slide .block-card__btn {
      font-size: 10px;
      padding: 5px 12px;
      gap: 4px;
      min-height: 24px;
    }
}
  @layer component{
    .story__slide .block-card__favorites {
      --size: 32px;
    }
    .story__slide .block-card__favorites::before {
      content: "";
      --size: 16px;
    }
    .story__slide .block-card__favorites::after {
      content: "";
      --size: 16px;
    }
}
  @layer component{
    .story__slide .block-card__head {
      margin: 0px -4px;
    }
}
  @layer component{
    .story__slide .block-card__item {
      width: 28px;
      padding: 4px 8px;
      font-size: 12px;
    }
}
  @layer component{
    .story__slide .block-card__item::before {
      --size: 12px;
    }
}
  @layer component{
    .story__slide .block-card__title {
      font-size: 16px;
    }
}
  @layer component{
    .story__slide .block-card__img {
      border-radius: 24px;
    }
}
  @layer component{
    .platform__inner {
      padding: 0px 16px 0px 44px;
      gap: 30px;
    }
}
  @layer component{
    .platform__info {
      gap: 20px;
    }
}
  @layer component{
    .platform__title {
      font-size: 40px;
      line-height: 110%; /* 110% */
      font-variation-settings: "slnt" 0, "wdth" 120;
    }
}
  @layer component{
    .platform__text {
      font-size: 32px;
      line-height: 112.5%; /* 112.5% */
    }
}
  @layer component{
    .platform__link {
      padding: 13px;
      margin-top: 36px;
      font-size: 16px;
      line-height: 150%; /* 150% */
    }
}
  @layer component{
    .platform__sliders {
      gap: 14px;
    }
}
  @layer component{
    .block-card__countdown {
      font-size: 14px;
      gap: 8px;
      line-height: 128.571%; /* 128.571% */
      padding: 6px 12px;
    }
}
  @layer component{
    .block-card__countdown span {
      font-size: 20px;
      line-height: 120%; /* 120% */
    }
}
  @layer component{
    .block-card__subtitle {
      line-height: 133.333%; /* 133.333% */
      font-size: 12px;
    }
}
  @layer component{
    .block-card__subtext.text-20 {
      line-height: 120%; /* 120% */
      font-size: 20px;
    }
}
  @layer component{
    .block-card__subtext.text-16 {
      line-height: 150%; /* 150% */
      font-size: 16px;
    }
}
  @layer component{
    .block-card__top {
      aspect-ratio: 19/25;
      border-radius: 32px;
    }
}
  @layer component{
    .block-card__info {
      padding: 12px;
    }
}
  @layer component{
    .block-card__head {
      margin: 0px -4px;
      gap: 15px;
    }
}
  @layer component{
    .block-card__item {
      padding: 4px 10px;
      width: 36px;
      font-size: 16px;
      line-height: normal;
      border-radius: 100px;
    }
}
  @layer component{
    .block-card__item span {
      transition: all 0.3s ease-in 0s;
      opacity: 0;
      white-space: nowrap;
    }
}
  @layer component{
    .block-card__item::before {
      --size: 16px;
      display: block;
    }
}
  @layer component{
    .block-card__favorites {
      --size: 48px;
    }
}
  @layer component{
    .block-card__favorites::before {
      --size: 24px;
    }
}
  @layer component{
    .block-card__favorites::after {
      --size: 24px;
    }
}
  @layer component{
    .block-card__btns {
      margin-bottom: 2px;
    }
}
  @layer component{
    .block-card__btn {
      font-size: 14px;
      line-height: 100%; /* 100% */
      padding: 6px 12px 5px 8px;
      gap: 4px;
      font-style: italic;
      text-transform: uppercase;
    }
}
  @layer component{
    .block-card__btn.block-card__btn--icon::before {
      --size: 14px;
    }
}
  @layer component{
    .block-card__review {
      font-size: 16px;
      line-height: 125%; /* 125% */
      padding: 4px 8px;
      gap: 4px;
    }
}
  @layer component{
    .block-card__review::before {
      --size: 16px;
    }
}
  @layer component{
    .block-card__img {
      border-radius: 32px;
      aspect-ratio: 19/25;
    }
}
  @layer component{
    .block-card__title {
      font-size: 20px;
      line-height: 120%; /* 120% */
    }
}
  @layer component{
    .block-card__prices {
      gap: 12px;
    }
}
  @layer component{
    .block-card__price {
      font-size: 18px;
      line-height: 111.111%; /* 111.111% */
      padding: 8px 16px;
    }
}
  @layer component{
    .block-card__old {
      font-size: 14px;
      line-height: 128.571%; /* 128.571% */
    }
}
  .block-card__basket {
    padding: 15px 5px;
  }
  @layer component{
    .category-commodity {
      max-width: 191px;
    }
}
  @layer component{
    .category-commodity__decor {
      --size: 100px;
    }
}
  @layer component{
    .form-filter__btn {
      border-radius: 14px;
      padding: 9px 15px;
    }
}
  @layer component{
    .form-filter__btn::before {
      --size: 20px;
    }
}
  @layer component{
    .form-filter__btn span {
      right: -11px;
    }
}
  @layer component{
    .form-filter__select._choice .form-filter__close {
      --size: 20px;
    }
}
  @layer component{
    .form-filter__select._choice .form-filter__title span {
      min-width: 30px;
    }
}
  @layer component{
    .form-filter__select._choice:has(input[type=radio]) .form-filter__field::after {
      --size: 20px;
    }
}
  @layer component{
    .form-filter__field {
      padding: 9px 15px;
      border-radius: 14px;
    }
}
  @layer component{
    .form-filter__field::after {
      --size: 20px;
    }
}
  @layer component{
    .form-filter__title.form-filter__title--icon::before {
      --size: 20px;
    }
}
  @layer component{
    .form-filter__content {
      left: -4px;
      width: var(--width);
    }
}
  @layer component{
    .form-filter__submit {
      padding: 11px 24px;
    }
}
  @layer component{
    .basket__empty-btn {
      padding: 13px 24px;
    }
}
  @layer component{
    .basket__title {
      font-size: 32px;
      line-height: 112.5%; /* 112.5% */
      margin-bottom: 30px;
    }
}
  @layer component{
    .basket__title {
      margin-bottom: 30px;
    }
}
  @layer component{
    .basket__title span {
      font-size: 16px;
      line-height: normal;
    }
}
  @layer component{
    .block-basket__top {
      padding: 5px 23px;
    }
}
  @layer component{
    .block-basket__info .block-basket__checkbox {
      margin-bottom: 2px;
    }
}
  @layer component{
    .block-basket__info .block-basket__checkbox .checkbox__label::after {
      top: 6px !important;
    }
}
  @layer component{
    .block-basket__title span:nth-child(1) {
      font-size: 16px;
    }
}
  @layer component{
    .block-basket__title span:nth-child(2) {
      font-variation-settings: "slnt" 0, "wdth" 80;
    }
}
  @layer component{
    .block-basket__bottom {
      padding: 13px 23px 11px;
    }
}
  @layer component{
    .block-basket__constructor {
      width: 467px;
      margin-left: auto;
    }
}
  @layer component{
    .block-basket__submit {
      padding: 8px;
      min-width: 152px;
    }
}
  @layer component{
    .card-block {
      padding: 12px 23px 17px;
    }
}
  @layer component{
    .card-block__checkbox .checkbox__label::after {
      top: 6px !important;
    }
}
  @layer component{
    .card-block__name {
      line-height: 125%; /* 125% */
      font-size: 16px;
    }
}
  @layer component{
    .card-block__constructor {
      width: 386px;
      flex: 0 0 386px;
      gap: 30px;
    }
}
  @layer component{
    .card-block__prices {
      min-width: 135px;
    }
}
  @layer component{
    .card-block__delete {
      opacity: 0;
      pointer-events: none;
    }
}
  @layer component{
    .card-block__delete {
      margin-left: 9px;
    }
}
  @layer component{
    .authorization {
      width: 535px;
      border-radius: 0px;
    }
}
  @layer component{
    .authorization__top {
      padding: 46px 44px 22px 44px;
    }
}
  @layer component{
    .authorization__title {
      line-height: 112.5%; /* 112.5% */
      font-size: 32px;
    }
}
  @layer component{
    .authorization__block {
      padding: 44px;
    }
}
  @layer component{
    .authorization__block:has(.authorization__block-checkboxs) {
      padding: 24px 20px 24px 36px;
    }
}
  @layer component{
    .authorization__block-counter {
      line-height: 128.571%; /* 128.571% */
    }
}
  @layer component{
    .authorization__block-send {
      line-height: 128.571%; /* 128.571% */
    }
}
  @layer component{
    .authorization__block-title {
      font-size: 24px;
      line-height: 116.667%; /* 116.667% */
    }
}
  @layer component{
    .authorization__block-text {
      line-height: 125%; /* 125% */
    }
}
  @layer component{
    .authorization__block-country {
      line-height: 125%; /* 125% */
    }
}
  @layer component{
    .authorization__block-country {
      font-size: 16px;
    }
}
  @layer component{
    .authorization__block-subtitle {
      font-size: 24px;
      line-height: 116.667%; /* 116.667% */
    }
}
  @layer component{
    .authorization__block-subtext {
      line-height: 125%; /* 125% */
    }
}
  @layer component{
    .authorization__block-label {
      line-height: normal;
    }
}
  @layer component{
    .authorization__block-category {
      line-height: normal;
    }
}
  @layer component{
    .authorization__block-location {
      font-size: 16px;
      line-height: 150%; /* 150% */
    }
}
  @layer component{
    .authorization__block-btn {
      padding: 9px 23px;
    }
}
  @layer component{
    .authorization__block-btn {
      font-size: 16px;
      line-height: 150%; /* 150% */
    }
}
  @layer component{
    .authorization__block-calculate {
      line-height: 133.333%; /* 133.333% */
    }
}
  @layer component{
    .authorization__block-suptitle {
      line-height: 125%;
    }
}
  @layer component{
    .authorization__bottom {
      padding: 12px 20px 24px 20px;
    }
}
  @layer component{
    .authorization__btns {
      gap: 20px;
    }
}
  @layer component{
    .authorization__btn {
      padding: 14px 23px;
    }
}
  @layer component{
    .authorization__btn {
      font-size: 16px;
      line-height: 150%; /* 150% */
    }
}
  .authorization__submit {
    padding: 13px;
  }
  .authorization__submit {
    font-size: 16px;
    line-height: 150%; /* 150% */
  }
  .authorization__block-checkboxs .checkbox__label::after {
    top: 3px;
    left: 3px;
  }
  @layer component{
    .promotion-commodity__row {
      gap: 30px;
      margin: 0px;
    }
}
  @layer component{
    .promotion-commodity__column {
      border-radius: 32px;
    }
}
  @layer component{
    .product {
      margin-bottom: 50px;
    }
}
  @layer component{
    .product__inner {
      grid-template-columns: 432px 1fr;
      gap: 30px;
    }
}
  @layer component{
    .product__sliders {
      height: max-content;
      position: sticky;
      top: calc(var(--header) + 14px);
      left: 0;
    }
}
  @layer component{
    .product__slider .block-card__pagination {
      display: none;
    }
}
  @layer component{
    .product__slider {
      border-radius: 24px;
    }
}
  @layer component{
    .product__slider .block-card__top {
      border-radius: 24px;
      aspect-ratio: 41/54;
    }
}
  @layer component{
    .product__slider .block-card__img {
      border-radius: 24px;
      aspect-ratio: 41/54;
    }
}
  @layer component{
    .product__slider .block-card__item {
      padding: 6px 12px;
    }
}
  @layer component{
    .info-product .info-product__grade {
      gap: 8px;
      padding: 10px 11px;
    }
}
  @layer component{
    .info-product .info-product__grade::before {
      --size: 20px;
    }
}
  @layer component{
    .info-product .info-product__value {
      line-height: 125%; /* 125% */
    }
}
  @layer component{
    .info-product .info-product__brand {
      padding: 3px 7px 3px 3px;
      gap: 16px;
    }
}
  @layer component{
    .info-product .info-product__content {
      gap: 8px;
    }
}
  @layer component{
    .info-product .info-product__img {
      --size: 32px;
    }
}
  @layer component{
    .info-product .info-product__name {
      line-height: 128.571%; /* 128.571% */
    }
}
  @layer component{
    .info-product .info-product__text {
      line-height: 140%; /* 140% */
    }
}
  @layer component{
    .characteristic-product .characteristic-product__link {
      padding: 8px 19px;
    }
}
  @layer component{
    .characteristic-product .characteristic-product__category {
      line-height: normal;
    }
}
  @layer component{
    .characteristic-product .characteristic-product__title {
      line-height: normal;
    }
}
  @layer component{
    .characteristic-product .characteristic-product__text {
      line-height: 128.571%; /* 128.571% */
    }
}
  @layer component{
    .constructor-product .constructor-product__title {
      line-height: 133.333%;
    }
}
  @layer component{
    .offer-product__slide {
      max-width: 104px;
    }
}
  @layer component{
    .offer-product__slide .block-card__favorites {
      --size: 20px;
    }
}
  @layer component{
    .offer-product__slide .block-card__favorites::before {
      --size: 10px;
    }
}
  @layer component{
    .offer-product__slide .block-card__favorites::after {
      --size: 10px;
    }
}
  @layer component{
    .offer-product__title {
      line-height: 125%; /* 125% */
    }
}
  @layer component{
    .link-product .link-product-name {
      line-height: 133.333%; /* 133.333% */
    }
}
  @layer component{
    .total-product__subtitle {
      font-weight: 400;
      line-height: 133.333%; /* 133.333% */
    }
}
  @layer component{
    .total-product__time {
      line-height: 114.286%; /* 114.286% */
    }
}
  @layer component{
    .total-product__item::after {
      --size: 24px;
    }
}
  @layer component{
    .total-product__body {
      line-height: 128.571%; /* 128.571% */
      gap: 12px;
    }
}
  @layer component{
    .total-product__body::before {
      --size: 20px;
    }
}
  @layer component{
    .total-product__price {
      line-height: 110%; /* 110% */
      font-variation-settings: "slnt" 0, "wdth" 120;
    }
}
  @layer component{
    .total-product__old {
      line-height: 125%; /* 125% */
    }
}
  .bet-total__text {
    line-height: 133.333%; /* 133.333% */
    padding-top: 9px;
  }
  .quantum-total__item {
    line-height: 128.571%; /* 128.571% */
  }
  @layer component{
    .benefit-product__title {
      line-height: 125%; /* 125% */
    }
}
  @layer component{
    .benefit-product__text {
      line-height: 133.333%;
    }
}
  @layer component{
    .delivery-product__title {
      line-height: 125%; /* 125% */
    }
}
  @layer component{
    .delivery-product__city {
      line-height: 128.571%; /* 128.571% */
    }
}
  @layer component{
    .delivery-product__address {
      line-height: 133.333%; /* 133.333% */
    }
}
  @layer component{
    .delivery-product__text {
      line-height: 133.333%;
    }
}
  @layer component{
    .verified-product__title {
      line-height: 125%; /* 125% */
    }
}
  @layer component{
    .verified-product__text {
      line-height: 128.571%;
    }
}
  @layer component{
    .verified-product__value {
      line-height: 120%; /* 120% */
    }
}
  @layer component{
    .verified-product__link {
      list-style: 133.333%;
    }
}
  @layer component{
    .verified-product__description {
      line-height: 133.333%;
    }
}
  @layer component{
    .back-product {
      display: none;
    }
}
  @layer component{
    .feature {
      margin-top: 92px;
      margin-bottom: 64px;
    }
}
  .feature__tabs .tabs__navigation {
    margin-bottom: 42px;
  }
  @layer component{
    .description-tabs__row {
      gap: 24px;
    }
}
  @layer component{
    .description-tabs__category {
      flex: 0 0 433px;
    }
}
  @layer component{
    .description-tabs__category {
      line-height: normal;
    }
}
  @layer component{
    .description-tabs__content {
      overflow: hidden;
    }
}
  @layer component{
    .description-tabs__title {
      line-height: 120%; /* 120% */
    }
}
  @layer component{
    .description-tabs__slide {
      max-width: 605px;
    }
}
  @layer component{
    .description-tabs__slide .block-card__top,
    .description-tabs__slide .block-card__img {
      aspect-ratio: 605/338;
      border-radius: 12px;
      display: block;
    }
}
  @layer component{
    .description-tabs__block {
      line-height: 125%; /* 125% */
    }
}
  @layer component{
    .description-tabs__subtitle {
      line-height: 125%; /* 125% */
    }
}
  @layer component{
    .description-tabs__showmore {
      line-height: 125%; /* 125% */
    }
}
  @layer component{
    .description-tabs__text {
      line-height: 125%; /* 125% */
    }
}
  @layer component{
    .description-tabs__attention {
      line-height: 120%; /* 125% */
    }
}
  .recommendation__tabs .tabs__navigation {
    margin-bottom: 29px;
  }
  @layer component{
    .marketer-tabs__title {
      line-height: 112.5%; /* 112.5% */
      margin-bottom: 32px;
    }
}
  @layer component{
    .marketer-tabs__inner {
      grid-template-columns: 220px 1fr;
      gap: 30px;
    }
}
  @layer component{
    .marketer-tabs__banner {
      background: var(--bg);
      border-radius: 24px;
      overflow: hidden;
      padding: 8px 8px 14px;
    }
}
  @layer component{
    .marketer-tabs__body {
      text-align: center;
    }
}
  @layer component{
    .marketer-tabs__img {
      width: 100%;
      height: 100%;
    }
}
  @layer component{
    .marketer-tabs__value {
      line-height: 112.5%; /* 112.5% */
    }
}
  @layer component{
    .marketer-tabs__text {
      display: none;
    }
}
  @layer component{
    .marketer-tabs__bottom {
      display: none;
    }
}
  .marketer-tabs__btn {
    padding: 8px 14px;
    max-width: max-content;
    margin: 23px auto 0px;
  }
  @layer component{
    .card-marketer__name {
      line-height: 125%; /* 125% */
    }
}
  @layer component{
    .card-marketer__time {
      line-height: 133.333%; /* 133.333% */
    }
}
  @layer component{
    .card-marketer__value {
      line-height: 119.839%; /* 119.839% */
    }
}
  @layer component{
    .card-marketer__text {
      line-height: 125%; /* 125% */
    }
}
  @layer component{
    .card-marketer__showmore {
      line-height: 125%; /* 125% */
    }
}
  @layer component{
    .card-marketer__title {
      line-height: 125%; /* 125% */
    }
}
  @layer component{
    .card-marketer__subtitle {
      line-height: 128.571%; /* 128.571% */
    }
}
  @layer component{
    .constructor-tabs__inner {
      grid-template-columns: 220px 1fr;
    }
}
  @layer component{
    .review-constructor__text {
      line-height: 133.333%; /* 133.333% */
    }
}
  @layer component{
    .review-constructor__form {
      gap: 16px;
    }
}
  .review-constructor--two .review-constructor__inner {
    padding: 24px;
  }
  @layer component{
    .absent-tabs__inner {
      padding: 47px;
    }
}
  @layer component{
    .absent-tabs__content {
      margin-left: 137px;
    }
}
  @layer component{
    .absent-tabs__title {
      line-height: 112.5%; /* 112.5% */
    }
}
  @layer component{
    .absent-tabs__text {
      line-height: 120%; /* 120% */
    }
}
  @layer component{
    .viewed {
      box-shadow: 0 4px 32px 0 rgba(25, 19, 34, 0.12);
      border-radius: 0px 0px 12px 12px;
      top: 0;
      bottom: auto;
    }
}
  @layer component{
    .viewed__inner {
      padding: 12px 32px;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      flex-wrap: wrap;
    }
}
  @layer component{
    .viewed__info-name {
      line-height: 116.667%; /* 116.667% */
    }
}
  @layer component{
    .viewed__info-grade {
      line-height: 118.974%; /* 118.974% */
    }
}
  @layer component{
    .viewed__info-shop {
      line-height: 128.571%; /* 128.571% */
    }
}
  @layer component{
    .viewed__info-compare {
      line-height: 128.571%; /* 128.571% */
    }
}
  @layer component{
    .viewed__constructor-prices {
      align-self: center;
    }
}
  @layer component{
    .viewed__constructor-price {
      line-height: 112.5%; /* 112.5% */
    }
}
  @layer component{
    .viewed__constructor-btn {
      padding: 12px 24px;
    }
}
  @layer component{
    .question {
      width: 535px;
      border-radius: 0px;
    }
}
  @layer component{
    .question__top {
      padding: 17px 16px 18px;
    }
}
  @layer component{
    .question__title {
      line-height: 112.5%; /* 112.5% */
    }
}
  @layer component{
    .question__title span {
      font-size: 20px;
      line-height: 120%; /* 120% */
    }
}
  @layer component{
    .question__product-title {
      line-height: 128.571%; /* 128.571% */
    }
}
  @layer component{
    .question__answer-title {
      line-height: 125%; /* 125% */
    }
}
  @layer component{
    .question__answer-text {
      line-height: 128.571%; /* 125% */
    }
}
  .question__product-img .block-card__img,
  .question__product-img .block-card__top {
    aspect-ratio: 29/38;
    border-radius: 12px;
  }
  @layer component{
    .salesman {
      margin-top: 77px;
    }
}
  @layer component{
    .appeal__title {
      line-height: 112.5%; /* 112.5% */
      margin-bottom: 36px;
    }
}
  @layer component{
    .appeal__row {
      gap: 30px;
    }
}
  .appeal__column .block-card__btns {
    margin-bottom: 1px;
  }
  .appeal__column .block-card__review {
    font-size: 12px;
    padding: 5px 8px;
  }
  .appeal__column .block-card__review::before {
    content: "";
    --size: 12px;
  }
  .appeal__column .block-card__btn {
    font-size: 10px;
    padding: 5px 12px;
    gap: 4px;
    min-height: 24px;
  }
  .appeal__column .block-card__favorites {
    --size: 32px;
  }
  .appeal__column .block-card__favorites::before {
    content: "";
    --size: 16px;
  }
  .appeal__column .block-card__favorites::after {
    content: "";
    --size: 16px;
  }
  .appeal__column .block-card__head {
    margin: 0px -4px;
  }
  .appeal__column .block-card__item {
    width: 28px;
    padding: 4px 8px;
    font-size: 12px;
  }
  .appeal__column .block-card__item::before {
    --size: 12px;
  }
  .appeal__column .block-card__title {
    font-size: 16px;
  }
  .appeal__column .block-card__img {
    border-radius: 24px;
  }
  }
@media only screen and (min-width: 1279px) {
  .tabs__cards {
    grid-template-columns: repeat(4, 1fr);
  }
  @layer component{
    .appeal__row {
      grid-template-columns: repeat(4, 1fr);
    }
}
}
@media only screen and (min-width: 1365.98px) {
@layer base{
    .auction-lot-front [class*=__container],
    .auction-lot-front .container {
      --pad: 40px;
    }
}
@layer component{
    .card__row {
      grid-template-columns: repeat(4, 1fr);
    }
}
@layer component{
    .platform__content::before {
      height: 140px;
    }
}
@layer component{
    .platform__content::after {
      height: 140px;
    }
}
@layer component{
    .platform__slider {
      --size: 159px;
      height: 425px;
    }
}
@layer component{
    .platform__slide {
      height: 169px;
      border-radius: 21px;
      padding: 20px 14px;
    }
}
@layer component{
    .basket__info {
      position: sticky;
      top: calc(var(--header) + 20px);
      left: 0;
      height: max-content;
    }
}
@layer component{
    .basket__inner {
      grid-template-columns: 1fr 316px;
      gap: 32px;
      display: grid;
    }
}
@layer component{
    .product__content {
      height: max-content;
      position: sticky;
      top: calc(var(--header) + 14px);
      left: 0;
    }
}
@layer component{
    .product__characteristic {
      padding: 16px 0px;
    }
}
@layer component{
    .product__top {
      gap: 4px;
    }
}
@layer component{
    .product__inner {
      grid-template-columns: 432px 1fr 432px;
    }
}
@layer component{
    .product__body {
      max-width: 501px;
    }
}
@layer component{
    .link-product .link-product__icon {
      display: none;
    }
}
@layer component{
    .link-product .link-product__inner {
      gap: 12px;
    }
}
@layer component{
    .link-product .link-product-name {
      padding: 0px;
      gap: 6px;
    }
}
@layer component{
    .link-product .link-product-name:not(:last-child) {
      padding-right: 15px;
    }
}
@layer component{
    .total-product__inner {
      padding: 4px;
      background: var(--color-vilet);
      border-radius: 24px;
      gap: 5px;
    }
}
@layer component{
    .total-product__prices {
      padding-bottom: 16px;
      border-bottom: 1px solid #d7e2ea;
    }
}
@layer component{
    .total-product__items {
      gap: 16px;
    }
}
@layer component{
    .total-product__links {
      padding: 8px;
    }
}
@layer component{
    .total-product__info {
      border-radius: 24px;
      background: var(--color-whte);
      padding: 20px;
    }
}
  .redeem-total__clue {
    background: rgba(var(--color-whte--rgb), 0.4);
  }
  @layer component{
    .benefit-product__content {
      gap: 3px;
    }
}
  .marketer-tabs__card {
    max-width: 443px;
  }
  }
@media only screen and (min-width: 1535.98px) {
  .popup__thumbs .popup__gallery {
    max-width: 115px;
  }
  .popup__product {
    grid-template-columns: 886px 1fr;
  }
  .popup__product-btns {
    margin-right: 8px;
    gap: 20px;
  }
  .tabs__cards {
    grid-template-columns: repeat(5, 1fr);
  }
  @layer component{
    .card__row {
      grid-template-columns: repeat(5, 1fr);
    }
}
  @layer component{
    .commodity {
      margin-bottom: 52px;
    }
}
  @layer component{
    .commodity__row {
      grid-template-columns: repeat(5, 1fr);
      gap: 40px 30px;
      margin-bottom: 52px;
    }
}
  @layer component{
    .platform__inner {
      padding: 0px 60px 0px 56px;
    }
}
  @layer component{
    .platform__info {
      max-width: 700px;
    }
}
  @layer component{
    .platform__slider {
      height: 440px;
    }
}
  @layer component{
    .basket__inner {
      grid-template-columns: 1fr 380px;
      gap: 30px;
    }
}
  @layer component{
    .block-basket__bottom {
      padding: 13px 23px 7px;
    }
}
  @layer component{
    .block-basket__constructor {
      width: 538px;
    }
}
  @layer component{
    .block-basket__submit {
      padding: 8px;
      min-width: 204px;
    }
}
  @layer component{
    .card-block__constructor {
      width: 463px;
      flex: 0 0 463px;
    }
}
  @layer component{
    .card-block__delete {
      margin-left: 57px;
    }
}
  @layer component{
    .product__inner {
      grid-template-columns: 558px 1fr 432px;
      gap: 24px;
    }
}
  @layer component{
    .product__gallery {
      max-width: 115px;
    }
}
  @layer component{
    .offer-product__slide .block-card__basket {
      font-size: 13px;
      padding: 6px;
    }
}
  @layer component{
    .offer-product__slide .block-card__price {
      font-size: 13px;
      padding: 6px;
    }
}
  @layer component{
    .link-product .link-product__inner {
      padding-left: 10px;
    }
}
  @layer component{
    .description-tabs__category {
      flex: 0 0 387px;
    }
}
  @layer component{
    .viewed__constructor-btns {
      gap: 20px;
    }
}
  @layer component{
    .viewed__constructor-btn {
      min-width: 259px;
    }
}
  @layer component{
    .appeal__row {
      grid-template-columns: repeat(5, 1fr);
    }
}
}
@media only screen and (min-width: 1800px) {
  .tabs__cards {
    grid-template-columns: repeat(6, 1fr);
  }
  @layer component{
    .appeal__row {
      grid-template-columns: repeat(6, 1fr);
    }
}
}
@media (max-width: 991.98px) {
  :root {
    --spacing: 80px;
  }
}
@media (max-width: 767.98px) {
  :root {
    --spacing: 60px;
  }
}
@media (any-hover: hover) {
  .popup__close:hover {
    border: 1px solid var(--color-pnk);
  }
  .popup__close:hover::before {
    background: var(--color-pnk);
  }
  .popup__form-clue div:hover {
    color: var(--color-whte);
    background: var(--color-vilet);
  }
  .popup__card-detailed:hover {
    color: var(--color-pnk);
  }
  .popup--gallery .popup__close:hover {
    border-color: transparent;
  }
  .popup__thumbs .popup__gallery:hover::after {
    content: "";
    opacity: 1;
  }
  .popup__slider .block-card__arrow:hover {
    background: rgba(3, 5, 28, 0.1);
    border-color: transparent;
    box-shadow: -1.2px 0.9px 0px -1px rgba(255, 255, 255, 0.5), 1px -1px 0px -1px rgba(255, 255, 255, 0.7);
  }
  .popup__product-btn.popup__product-btn--icon:hover::before {
    content: "";
    background: var(--color-pnk);
  }
  .input:hover {
    border-color: var(--color-vilet);
  }
  .pagination__arrow:hover {
    background: var(--color-vilet);
    border: 1px solid var(--color-vilet);
  }
  .pagination__arrow:hover::before {
    content: "";
    background: var(--color-whte);
  }
  .pagination__item:hover {
    background: var(--color-vilet);
    border: 1px solid var(--color-vilet);
    color: var(--color-whte);
  }
  .quantity:hover .quantity__button::after {
    content: "";
    background: var(--color-whte);
  }
  @layer component{
    .spollers__open:hover {
      background: var(--color-vilet);
    }
}
  .tabs__title:hover {
    color: var(--color-grn);
  }
  @layer mod{
    .btn--alt:hover {
      background: var(--color-pnk);
    }
}
  @layer mod{
    .btn--border:hover {
      border: 1px solid var(--color-pnk);
      color: var(--color-pnk);
    }
}
  @layer mod{
    .btn--opacity:hover {
      background: var(--color-whte-two);
      color: var(--color-primary);
    }
}
  @layer mod{
    .btn--whte:hover {
      background: var(--color-whte-two);
    }
}
  @layer mod{
    .btn--gry:hover {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), #f3f3f3;
    }
}
  .swiper-arrow:hover {
    background: var(--color-vilet);
    border: 1px solid var(--color-vilet);
  }
  .swiper-arrow:hover::before {
    content: "";
    background: var(--color-whte);
  }
  .form-quest__btn:hover {
    transform: scale(1.1);
  }
  .form-quest__submit:hover::before {
    content: "";
    transform: scale(1.1);
  }
  .search-form__close:hover {
    background: var(--color-vilet);
  }
  .file-loader__row:hover {
    border: 1px dashed var(--color-vilet);
    background: var(--color-whte);
  }
  .file-loader__link.file-loader__link--back:hover::before {
    content: "";
    background: var(--color-pnk);
  }
  .js-open-quest:hover {
    transform: scale(1.1);
  }
  .file-loader--text .close:hover {
    background: var(--color-error);
  }
  .file-loader__btn:hover {
    border-color: var(--color-pnk);
  }
  @layer component{
    .commodity__link:hover {
      background: var(--color-vilet);
    }
}
  @layer component{
    .everything-commodity__close:hover {
      border-color: var(--color-pnk);
    }
    .everything-commodity__close:hover::before {
      content: "";
      background: var(--color-pnk);
    }
}
  .commodity--auction .block-card__review:hover {
    background: var(--color-blck);
  }
  .commodity--auction .everything-commodity__close:hover {
    border-color: var(--color-grn);
  }
  .commodity--auction .everything-commodity__close:hover::before {
    background: var(--color-grn);
  }
  .commodity--auction .input:hover {
    border-color: var(--color-grn);
  }
  .commodity--auction .spollers__open:hover {
    background: var(--color-grn);
  }
  .commodity--auction .btn--border:hover {
    border-color: var(--color-grn);
    color: var(--color-grn);
  }
  .commodity--auction .form-filter__btn:hover {
    color: var(--color-grn);
    border: 1px solid var(--color-grn);
  }
  .commodity--auction .form-filter__btn:hover::before {
    content: "";
    background: var(--color-grn);
  }
  .commodity--auction .block-card:hover {
    background: var(--color-whte-two);
  }
  .commodity--auction .block-card__title:hover {
    color: var(--color-grn);
  }
  .commodity--auction .swiper-pagination-bullet:hover {
    background: var(--color-grn);
  }
  .commodity--auction .pagination__arrow:hover {
    background: var(--color-grn);
    border: 1px solid var(--color-grn);
  }
  .commodity--auction .pagination__item:hover {
    background: var(--color-grn);
    border: 1px solid var(--color-grn);
  }
  .commodity--auction .btn--alt:hover {
    background: var(--color-orn);
  }
  .commodity--auction .form-filter__field:hover {
    border: 1px solid var(--color-grn);
  }
  .commodity--auction .form-filter__field:hover .form-filter__title {
    color: var(--color-grn);
  }
  .commodity--auction .form-filter__field:hover .form-filter__title::before {
    content: "";
    background: var(--color-grn);
  }
  @layer component{
    .block-card:hover .block-card__pagination {
      opacity: 1;
    }
}
  @layer component{
    .block-card__item:hover {
      width: 100%;
    }
    .block-card__item:hover span {
      opacity: 1;
    }
}
  @layer component{
    .block-card__favorites:hover::after {
      content: "";
      transform: translate(-50%, -50%) scale(1);
    }
}
  @layer component{
    .block-card__review:hover {
      background: var(--color-blck);
    }
}
  @layer component{
    .block-card__icon:hover {
      box-shadow: -1.2px 0.9px 0px -1px rgba(255, 255, 255, 0.5), 1px -1px 0px -1px rgba(255, 255, 255, 0.7);
    }
    .block-card__icon:hover::before {
      content: "";
      background: var(--color-vilet);
    }
}
  @layer component{
    .block-card__title:hover {
      color: var(--color-vilet);
    }
}
  @layer component{
    .block-card__price:hover {
      background: linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), #f3f3f3;
    }
}
  @layer component{
    .category-commodity:hover .category-commodity__img {
      top: calc(50% - 6px);
    }
}
  @layer component{
    .form-filter__btn:hover {
      color: var(--color-pnk);
      border: 1px solid var(--color-pnk);
    }
    .form-filter__btn:hover::before {
      content: "";
      background: var(--color-pnk);
    }
}
  @layer component{
    .form-filter__field:hover {
      border: 1px solid var(--color-pnk);
    }
    .form-filter__field:hover .form-filter__title {
      color: var(--color-pnk);
    }
    .form-filter__field:hover .form-filter__title::before {
      content: "";
      background: var(--color-pnk);
    }
}
  @layer component{
    .block-basket__title:hover::after {
      content: "";
      background: var(--color-pnk);
    }
    .block-basket__title:hover span {
      color: var(--color-pnk);
    }
}
  @layer component{
    .block-basket__delete:hover::before {
      content: "";
      background: var(--color-pnk);
    }
}
  @layer component{
    .card-block:hover .card-block__delete {
      opacity: 1;
      pointer-events: all;
    }
}
  @layer component{
    .card-block__name:hover {
      color: var(--color-pnk);
    }
}
  @layer component{
    .card-block__icon:hover {
      border: 1px solid var(--color-pnk);
    }
    .card-block__icon:hover::before {
      content: "";
      background: var(--color-pnk);
    }
}
  @layer component{
    .card-block__icon.card-block__icon--share:hover {
      border: 1px solid var(--color-pnk);
    }
    .card-block__icon.card-block__icon--share:hover::before {
      content: "";
      background: var(--color-pnk);
    }
}
  @layer component{
    .card-block__icon.card-block__icon--favorites:hover::after {
      content: "";
      transform: translate(-50%, -50%) scale(1);
    }
}
  @layer component{
    .card-block__delete:hover {
      border: 1px solid var(--color-pnk);
    }
    .card-block__delete:hover::before {
      content: "";
      background: var(--color-pnk);
    }
}
  .card-block__quantity:hover {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 100%), #f3f3f3;
  }
  .card-block__quantity:hover .quantity__button::after {
    content: "";
    background: var(--color-primary);
  }
  @layer component{
    .attention-basket__close:hover::before {
      content: "";
      background: var(--color-primary);
    }
}
  @layer component{
    .authorization__close:hover {
      border: 1px solid var(--color-pnk);
    }
    .authorization__close:hover::before {
      content: "";
      background: var(--color-pnk);
    }
}
  @layer component{
    .authorization__block-send:hover {
      background: var(--color-vilet);
      color: var(--color-whte);
    }
}
  @layer component{
    .authorization__block-location:hover {
      border-color: var(--color-pnk);
      color: var(--color-pnk);
    }
    .authorization__block-location:hover::before {
      content: "";
      background: var(--color-pnk);
    }
    .authorization__block-location:hover::after {
      content: "";
      background: var(--color-pnk);
    }
}
  @layer component{
    .authorization__block-edit:hover {
      border-color: var(--color-pnk);
    }
    .authorization__block-edit:hover::before {
      content: "";
      background: var(--color-pnk);
    }
}
  @layer component{
    .authorization__back:hover {
      border-color: var(--color-pnk);
    }
    .authorization__back:hover::before {
      content: "";
      background: var(--color-pnk);
    }
}
  .authorization__block-checkbox .checkbox__text a:hover {
    color: var(--color-pnk);
  }
  .authorization__btn--save._active:hover {
    background: var(--color-pnk);
    border-color: var(--color-pnk);
  }
  @layer component{
    .product__slider:hover .block-card__arrows {
      opacity: 1;
    }
}
  @layer component{
    .product__gallery:hover::after {
      content: "";
      opacity: 1;
    }
}
  .product__slider .block-card__arrow:hover {
    background: rgba(3, 5, 28, 0.1);
    border-color: transparent;
    box-shadow: -1.2px 0.9px 0px -1px rgba(255, 255, 255, 0.5), 1px -1px 0px -1px rgba(255, 255, 255, 0.7);
  }
  @layer component{
    .info-product .info-product__brand:hover {
      border-color: var(--color-pnk);
    }
    .info-product .info-product__brand:hover::after {
      background: var(--color-pnk);
    }
    .info-product .info-product__brand:hover .info-product__name {
      color: var(--color-pnk);
    }
}
  @layer component{
    .characteristic-product .characteristic-product__link.characteristic-product__link--icon:hover::after {
      content: "";
      background: var(--color-pnk);
    }
}
  @layer component{
    .link-product .link-product-name:hover {
      color: var(--color-pnk);
    }
    .link-product .link-product-name:hover::before {
      content: "";
      background: var(--color-pnk);
    }
}
  @layer component{
    .total-product__item:hover .total-product__body {
      color: var(--color-pnk);
    }
    .total-product__item:hover .total-product__body::before {
      content: "";
      background: var(--color-pnk);
    }
    .total-product__item:hover::after {
      content: "";
      background: var(--color-pnk);
    }
}
  .bet-total__link.bet-total__link--orange:hover {
    background: #F5613E;
  }
  .bet-total__link.bet-total__link--orange:active {
    background: #D56201;
  }
  .bet-total__link.bet-total__link--gry:hover {
    background: var(--color-primary);
    color: var(--color-whte);
  }
  .lot-total__link.lot-total__link--orange:hover {
    background: var(--color-primary);
  }
  .lot-total__link.lot-total__link--green:hover {
    background: var(--color-orn);
  }
  .result-total__link.result-total__link--green:hover {
    background: var(--color-orn);
  }
  .result-total__link.result-total__link--orange:hover {
    background: var(--color-grn);
  }
  .blocked-total__link:hover {
    color: var(--color-primary);
  }
  .redeem-total__link:hover {
    background: rgba(var(--color-whte--rgb), 0.5);
  }
  @layer component{
    .delivery-product__top:hover::after {
      content: "";
      background: var(--color-pnk);
    }
    .delivery-product__top:hover .delivery-product__city {
      color: var(--color-pnk);
    }
}
  @layer component{
    .verified-product__top:hover::after {
      content: "";
      background: var(--color-pnk);
    }
    .verified-product__top:hover .verified-product__title {
      color: var(--color-pnk);
    }
}
  @layer component{
    .verified-product__link:hover {
      color: var(--color-pnk);
    }
}
  .feature__tabs .tabs__title:hover {
    color: var(--color-vilet);
  }
  .recommendation__tabs .tabs__title:hover {
    color: var(--color-vilet);
  }
  @layer component{
    .viewed__constructor-favorites:hover::after {
      content: "";
      transform: translate(-50%, -50%) scale(1);
    }
}
  @layer component{
    .question__close:hover {
      border: 1px solid var(--color-pnk);
    }
    .question__close:hover::before {
      content: "";
      background: var(--color-pnk);
    }
}
}
@media only screen and (max-width: 767.98px) {
  .popup__form-title {
    padding-right: 50px;
  }
  .popup__map {
    height: 300px;
  }
  @layer component{
    .platform__inner {
      flex-direction: column;
      gap: 27px;
    }
}
  @layer component{
    .platform__info {
      text-align: center;
      padding: 0px 36px;
    }
}
  @layer component{
    .platform__link {
      margin: 8px auto 0px;
    }
}
  @layer component{
    .platform__sliders {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
    }
}
  @layer component{
    .block-basket__info .block-basket__checkbox .checkbox__label::after {
      --size: 12px !important;
      top: 5px !important;
      left: 3px !important;
    }
}
  @layer component{
    .block-basket__title span:nth-child(1) {
      font-size: 16px;
      line-height: 125%; /* 125% */
      word-break: break-all;
    }
}
  @layer component{
    .block-basket__bottom {
      background: rgba(243, 243, 243, 0.4);
      box-shadow: 0 6px 5px 0 rgba(0, 0, 0, 0.02) inset;
    }
}
  @layer component{
    .card-block__description {
      flex-direction: column;
    }
}
  @layer component{
    .card-block__checkbox {
      position: absolute !important;
      top: 4px !important;
      left: 4px !important;
    }
}
  @layer component{
    .card-block__checkbox .checkbox__label::after {
      --size: 12px !important;
      top: 5px !important;
      left: 3px !important;
    }
}
  @layer component{
    .card-block__links {
      display: none;
    }
}
  @layer component{
    .card-block__constructor {
      margin-top: auto;
      margin-bottom: 6px;
    }
}
  @layer component{
    .card-block__prices {
      display: none;
    }
}
  @layer component{
    .card-block__price {
      font-size: 18px;
      line-height: 111.111%; /* 111.111% */
    }
}
  @layer component{
    .card-block__old {
      font-size: 12px;
      line-height: 133.333%; /* 133.333% */
    }
}
  @layer component{
    .card-block__values {
      flex-direction: row;
      align-items: center;
    }
}
  @layer component{
    .card-block__delete {
      display: none;
    }
}
  @layer component{
    .card-block__mobile .card-block__prices {
      display: flex;
      flex-direction: row;
      align-items: center;
      gap: 6px;
      padding: 0px;
      padding-left: 4px;
    }
}
  @layer component{
    .card-block__mobile .card-block__links {
      display: flex;
    }
}
  .card-block__quantity {
    height: 32px;
    width: 104px;
    padding: 9px 16px;
  }
}
@media only screen and (max-width: 991.98px) {
  .popup--card {
    padding-top: 60px;
  }
  .popup--card .popup__close {
    top: -50px;
    right: 0;
  }
  .popup__card-title {
    font-size: 22px;
  }
  .popup__thumbs {
    display: none;
  }
  .popup__slider {
    height: calc(100dvh - var(--bottom));
  }
  .popup__slider .block-card__top {
    height: 100%;
  }
  .popup__slider .block-card__pagination {
    opacity: 1;
    width: calc(100% - 164px);
    bottom: -6px;
  }
  .form__bottom {
    flex-direction: column-reverse;
  }
  .form__bottom-constructor {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
  .form__bottom-btns {
    width: 100%;
  }
  .form__bottom-btn {
    width: 100%;
  }
  .tabs__navigation {
    overflow: auto;
  }
  .tabs__navigation::-webkit-scrollbar {
    display: none;
  }
  .tabs__navigation {
    margin: 0px calc(var(--pad) * -1) 20px;
    padding: 10px var(--pad) 0px;
  }
  .tabs__title {
    font-size: 24px;
  }
  .tabs__card .block-card__btn {
    font-size: 10px;
    padding: 3px 12px;
  }
  .tabs__card .block-card__review {
    font-size: 14px;
    padding: 7px 12px;
    border-radius: 12px;
    gap: 4px;
  }
  .tabs__card .block-card__item {
    padding: 3px 12px !important;
  }
  .tabs__card .block-card__item span {
    font-size: 10px !important;
    letter-spacing: normal !important;
  }
  .tabs__card .block-card__info {
    padding: 8px;
  }
  .swiper-arrows {
    display: none;
  }
  @layer component{
    .breadcrumb.breadcrumb--mobile {
      display: none;
    }
}
  @layer component{
    .story__slide .block-card__img {
      aspect-ratio: 171/235;
    }
}
  @layer component{
    .story__slide .block-card__top {
      aspect-ratio: 171/235;
    }
}
  .story--two {
    border-radius: 20px;
    background: var(--color-whte-two);
    padding: 20px 24px 16px;
    gap: 19px;
  }
  .story--two .story__slide {
    background: transparent;
  }
  .story--two .story__container {
    padding: 0px;
  }
  .story--two .block-card__price {
    background: var(--color-whte);
  }
  @layer component{
    .block-card__item {
      letter-spacing: -0.3px;
    }
}
  @layer component{
    .block-card__item span span {
      opacity: 0.65;
      display: block;
      font-weight: 500;
      line-height: normal;
      letter-spacing: -0.27px;
      font-size: 9px;
    }
}
  @layer component{
    .block-card__price {
      width: 100%;
      text-align: center;
    }
}
  @layer component{
    .block-card__old {
      text-align: center;
      margin: 0 auto;
    }
}
  .block-card__calc {
    width: 100%;
  }
  @layer component{
    .form-filter__item.form-filter__item--mobile .form-filter__title {
      font-size: 0 !important;
    }
    .form-filter__item.form-filter__item--mobile .form-filter__title::before {
      content: "";
      margin-right: 0;
    }
    .form-filter__item.form-filter__item--mobile .form-filter__field::after {
      content: "";
      display: none;
    }
}
  @layer component{
    .form-filter__btn {
      font-size: 0;
      gap: 0px;
    }
}
  @layer component{
    .basket__shared {
      display: none;
    }
}
  @layer component{
    .block-basket__title span:nth-child(2) {
      font-size: 12px;
    }
}
  @layer component{
    .block-basket__category {
      font-size: 14px;
    }
}
  @layer component{
    .block-basket__value {
      font-size: 14px;
    }
}
  @layer component{
    .block-basket__submit {
      font-size: 14px;
    }
}
  @layer component{
    .product__offer {
      margin-top: 14px;
    }
}
  @layer component{
    .product__verified {
      margin-top: 4px;
    }
}
  @layer component{
    .product__title {
      font-size: 24px;
      line-height: 116.667%; /* 116.667% */
      margin-bottom: 0px;
    }
}
  @layer component{
    .product__sliders {
      margin: 0px calc(var(--pad) * -1);
    }
}
  @layer component{
    .product__slider .block-card__pagination {
      opacity: 1;
    }
}
  @layer component{
    .product__slider .block-card__favorites {
      --size: 48px;
    }
    .product__slider .block-card__favorites::after {
      content: "";
      --size: 24px;
    }
    .product__slider .block-card__favorites::before {
      content: "";
      --size: 24px;
    }
}
  @layer component{
    .product__slider {
      aspect-ratio: 19/25;
      height: 100%;
    }
}
  @layer component{
    .product__thumbs {
      display: none;
    }
}
  @layer component{
    .product__banners {
      position: absolute;
      bottom: 17px;
      left: 12px;
      z-index: 2;
      gap: 4px;
      flex-direction: column;
    }
}
  .product__banner {
    position: relative;
    width: max-content;
  }
  .product__banner .banner-product__clue {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
  }
  @layer component{
    .info-product .info-product__name {
      font-size: 14px;
    }
}
  @layer component{
    .info-product .info-product__text {
      display: none;
    }
}
  @layer component{
    .characteristic-product .characteristic-product__link {
      font-size: 14px;
    }
}
  @layer component{
    .characteristic-product .characteristic-product__value {
      font-size: 14px;
    }
}
  @layer component{
    .characteristic-product .characteristic-product__text {
      font-size: 14px;
    }
}
  @layer component{
    .offer-product__row {
      margin: 0px -24px;
    }
}
  @layer component{
    .offer-product__column {
      border-radius: 20px;
      background: var(--color-whte-two);
      padding: 20px 24px 16px;
      gap: 19px;
    }
}
  @layer component{
    .offer-product__slide {
      background: transparent;
    }
}
  @layer component{
    .offer-product__slide .block-card__price {
      background: var(--color-whte);
    }
}
  @layer component{
    .offer-product__slide .block-card__img {
      aspect-ratio: 164/222;
      border-radius: 16px;
    }
}
  @layer component{
    .offer-product__slide .block-card__top {
      aspect-ratio: 164/222;
      border-radius: 16px;
    }
}
  @layer component{
    .offer-product__slide .block-card__price {
      font-size: 16px;
      padding: 4px 8px;
    }
}
  @layer component{
    .offer-product__slider {
      overflow: visible;
    }
}
  @layer component{
    .offer-product__title {
      font-size: 20px;
    }
}
  .offer-product__slider::before {
    display: none;
  }
  .offer-product__slider::after {
    display: none;
  }
  @layer component{
    .total-product.total-product--auction .redeem-total {
      padding: 12px 0px !important;
    }
}
  @layer component{
    .total-product.total-product--auction .total-product__start {
      padding: 8px 0px;
    }
}
  @layer component{
    .total-product.total-product--auction .total-product__inner {
      border-radius: 0;
    }
}
  @layer component{
    .total-product.total-product--auction .total-product__info {
      margin: 0px -8px;
      padding: 16px !important;
      border-radius: 20px !important;
    }
}
  @layer component{
    .total-product__inner {
      margin: 0px calc(var(--pad) * -1);
      margin-top: 3px;
    }
}
  @layer component{
    .total-product__body {
      font-size: 12px;
    }
}
  @layer component{
    .total-product__old {
      font-size: 16px;
    }
}
  .total-product__link {
    font-size: 16px;
    padding: 14px;
  }
  @layer component{
    .benefit-product {
      margin-top: 3px;
    }
}
  @layer component{
    .benefit-product__title {
      font-size: 16px;
    }
}
  @layer component{
    .delivery-product__title {
      font-size: 16px;
    }
}
  @layer component{
    .delivery-product__city {
      font-size: 14px;
    }
}
  @layer component{
    .verified-product__top {
      align-items: center;
    }
}
  .feature__tabs .tabs__title {
    font-size: 18px;
  }
  @layer component{
    .description-tabs__column {
      flex-direction: column;
      gap: 4px;
    }
}
  @layer component{
    .description-tabs__category {
      font-size: 14px;
      line-height: normal;
    }
}
  @layer component{
    .description-tabs__title {
      font-size: 16px;
      font-weight: 400;
      line-height: 125%; /* 125% */
      color: var(--color-gry);
    }
}
  @layer component{
    .description-tabs__slider::before {
      display: none;
    }
}
  @layer component{
    .description-tabs__slider::after {
      display: none;
    }
}
  @layer component{
    .description-tabs__block {
      font-size: 16px;
    }
}
  @layer component{
    .recommendation {
      margin-top: 30px;
      margin-bottom: 44px;
    }
}
  .recommendation__tabs .tabs__title {
    font-size: 18px;
  }
  .recommendation__tabs .tabs__title span {
    font-size: 12px;
    transform: translate(-1px, -5px);
  }
  @layer component{
    .marketer-tabs__title::after {
      display: none;
    }
}
  @layer component{
    .marketer-tabs__arrow {
      display: none;
    }
}
  @layer component{
    .marketer-tabs__body {
      flex-direction: row;
      justify-content: flex-start;
      gap: 16px;
    }
}
  @layer component{
    .marketer-tabs__value {
      font-size: 24px;
      line-height: 116.667%; /* 116.667% */
    }
}
  @layer component{
    .marketer-tabs__text {
      font-size: 14px;
    }
}
  @layer component{
    .marketer-tabs__btn {
      display: none;
    }
}
  @layer component{
    .marketer-tabs__decor {
      display: none;
    }
}
  @layer component{
    .marketer-tabs__link {
      font-size: 16px;
      padding: 8px;
    }
}
  @layer component{
    .marketer-tabs__slider {
      overflow: visible;
    }
}
  @layer component{
    .marketer-tabs__slider::before {
      display: none;
    }
}
  @layer component{
    .marketer-tabs__slider::after {
      display: none;
    }
}
  .marketer-tabs__card {
    min-height: 277px;
  }
  @layer component{
    .card-marketer__name {
      font-size: 16px;
    }
}
  @layer component{
    .card-marketer__value {
      font-size: 14px;
    }
}
  @layer component{
    .card-marketer__text {
      font-size: 16px;
    }
}
  @layer component{
    .card-marketer__title {
      font-size: 16px;
    }
}
  @layer component{
    .constructor-tabs__img {
      display: none;
    }
}
  @layer component{
    .absent-tabs__text {
      font-size: 16px;
    }
}
  @layer component{
    .viewed {
      border-top: 1px solid #d7e2ea;
    }
}
  @layer component{
    .viewed__info {
      display: none;
    }
}
  @layer component{
    .viewed__constructor {
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      gap: 8px;
    }
}
  @layer component{
    .viewed__constructor-btns {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 8px;
      width: 100%;
    }
}
  @layer component{
    .viewed__constructor-favorites {
      display: none;
    }
}
  @layer component{
    .question__product-title {
      font-size: 14px;
    }
}
  .question__product .form__bottom-btn {
    width: 100%;
  }
  .question__product .form__bottom-constructor {
    flex-direction: column;
  }
  .question__product .form__bottom-btns {
    width: 100%;
  }
  .appeal__column .block-card__img {
    aspect-ratio: 171/235;
  }
  .appeal__column .block-card__top {
    aspect-ratio: 171/235;
  }
}
@media only screen and (max-width: 479.98px) {
  .form__bottom-btns {
    flex-direction: column;
  }
}
@media only screen and (max-width: 620px) {
  .tabs__card .block-card__inner {
    gap: 9px;
  }
  .tabs__card .block-card__favorites {
    --size: 40px;
  }
  .tabs__card .block-card__favorites::before {
    content: "";
    --size: 24px;
  }
  .tabs__card .block-card__favorites::after {
    content: "";
    --size: 24px;
  }
  @layer component{
    .commodity__info {
      flex-direction: column;
      align-items: flex-start;
      gap: 0px;
    }
}
  @layer component{
    .commodity__title {
      font-size: 24px;
    }
}
  .form-filter__title {
    font-size: 14px;
  }
  .commodity--auction .block-card__img,
  .commodity--auction .block-card__top {
    aspect-ratio: 180/240;
  }
  @layer component{
    .story__slide {
      max-width: 155px;
    }
}
  @layer component{
    .block-basket__constructor {
      flex-direction: column;
      gap: 12px;
      align-items: flex-start;
    }
}
  @layer component{
    .block-basket__items {
      flex-direction: row-reverse;
      flex-wrap: wrap;
      justify-content: flex-end;
      gap: 20px 40px;
    }
}
  @layer component{
    .block-basket__item {
      flex-direction: column;
      align-items: flex-start;
      gap: 2px;
    }
}
  @layer component{
    .block-basket__submit {
      width: 100%;
    }
}
}
@media (any-hover: none) {
  .icon-menu {
    cursor: default;
  }
}
@media only screen and (max-width: 991.98px) and (max-width: 620px) {
@layer component{
    .story__slide .block-card__img {
      aspect-ratio: 155/203;
    }
}
@layer component{
    .story__slide .block-card__top {
      aspect-ratio: 155/203;
    }
}
  .story--two {
    padding: 20px 16px 16px;
  }
  @layer component{
    .offer-product__row {
      margin: 0px -16px;
    }
}
  @layer component{
    .offer-product__column {
      padding: 20px 16px 16px;
    }
}
  .appeal__column .block-card__img {
    aspect-ratio: 155/203;
  }
  .appeal__column .block-card__top {
    aspect-ratio: 155/203;
  }
  }
@media only screen and (max-width: 991.98px) and (max-width: 767.98px) {
@layer component{
    .block-basket__category {
      font-size: 12px;
    }
}
  }
@media only screen and (max-width: 1535.98px) {
@layer component{
    .attention-basket__description br {
      display: none;
    }
}
@layer component{
    .viewed__constructor {
      width: 100%;
    }
}
@layer component{
    .viewed__constructor-btns {
      margin-left: auto;
    }
}
  }
@media only screen and (max-width: 1365.98px) {
@layer component{
    .product__delivery {
      margin-top: 15px;
    }
}
@layer component{
    .product__content {
      display: none;
    }
}
  .product__slider .block-card__item span span {
    font-size: 14px !important;
  }
  @layer component{
    .link-product .link-product__inner {
      flex-direction: column;
      pointer-events: all;
      margin-bottom: 0;
      opacity: 0;
      transition: all 0.3s ease-in 0s;
    }
}
  @layer component{
    .link-product .link-product__inner {
      position: absolute;
      top: calc(100% + 8px);
      right: 0;
      border-radius: 12px;
      background: var(--color-whte);
      box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
      padding: 4px;
      transition: all 0.3s ease-in 0s;
    }
}
  @layer component{
    .link-product .link-product-name:not(:last-child)::after {
      display: none;
    }
}
  @layer component{
    .link-product .link-product-name.link-product-name--hidden {
      display: none;
    }
}
  @layer component{
    .total-product.total-product--auction .total-product__inner {
      flex-direction: column;
    }
}
  @layer component{
    .total-product.total-product--auction .total-product__info {
      border-radius: 24px;
      background: var(--color-whte);
      padding: 20px;
    }
}
  @layer component{
    .total-product__inner {
      flex-direction: column-reverse;
      background: var(--color-whte-two);
      box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06) inset;
      padding: 20px 16px;
      border-radius: 20px;
    }
}
  @layer component{
    .total-product__decor {
      display: none;
    }
}
  .total-product__link.btn--whte {
    background: var(--color-vilet);
    color: var(--color-whte);
  }
  .total-product__link.btn--whte::before {
    content: "";
    background: var(--color-whte);
  }
  .total-product__link.btn--opacity {
    background: var(--color-whte);
    color: var(--color-primary);
    border-color: #d7e2ea;
  }
  }
@media only screen and (max-width: 1535.98px) and (max-width: 991.98px) {
@layer component{
    .viewed__constructor-btns {
      margin-left: 0;
    }
}
  }

/* Embedded Bitrix page uses the real site header, so the standalone header offset is not needed here. */
.auction-lot-front .page {
  padding-top: 24px;
}

.auction-lot-front .breadcrumb {
  display: none;
  margin-top: 0;
}

.auction-lot-front .breadcrumb__container {
  width: 100%;
}

.auction-lot-condition-badge {
  margin: 0 0 8px;
}

.auction-lot-antisniper-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  min-height: 42px;
  margin: 4px 0 24px;
  padding: 6px 12px;
  border-radius: 8px;
  background: rgba(25, 119, 121, 0.08);
  color: #197779;
  font-family: Inter, var(--font-main), sans-serif;
  font-weight: 400;
  line-height: 18px;
  letter-spacing: 0;
}

.auction-lot-antisniper-badge::before {
  content: "";
  width: 16px;
  height: 16px;
  flex: 0 0 16px;
  mask: var(--icon) center center / contain no-repeat;
  -webkit-mask: var(--icon) center center / contain no-repeat;
  background: #197779;
}

.auction-lot-badges-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 4px 0 24px;
}

.auction-lot-badges-row .auction-lot-antisniper-badge,
.auction-lot-badges-row .auction-lot-watchers-badge {
  margin: 0;
}

.auction-lot-watchers-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: max-content;
  min-height: 42px;
  padding: 6px 12px;
  border-radius: 8px;
  background: #F3F3F3;
  font-family: Inter, var(--font-main), sans-serif;
}

.auction-lot-watchers-badge[hidden] {
  display: none;
}

.auction-lot-watchers-badge__icon {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  background: var(--icon) center center / contain no-repeat;
}

.auction-lot-watchers-badge__text {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1;
}

.auction-lot-watchers-badge__count {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: #202020;
}

.auction-lot-watchers-badge__label {
  font-size: 10px;
  line-height: 14px;
  font-weight: 400;
  color: #767E8F;
}

.auction-lot-front .info-product__brand ~ .info-product__brand {
  display: none;
}

.auction-lot-front .product__info,
.auction-lot-front .product__constructor,
.auction-lot-front .product__offer {
  display: none !important;
}

.auction-lot-front .product__banners {
  display: none !important;
}

.auction-lot-front .product__slider > .block-card__info .block-card__items > :not(.product__back) {
  display: none !important;
}

.auction-lot-front .product__slider > .block-card__info .block-card__item {
  display: none !important;
}

.auction-lot-front .product__back {
  display: none !important;
}

.auction-lot-front .characteristic-product__desctiption,
.auction-lot-front .characteristic-product__link {
  display: none !important;
}

.auction-lot-front .delivery-product__return,
.auction-lot-front .benefit-product,
.auction-lot-front .verified-product__items {
  display: none !important;
}

.auction-lot-front .tabs__body:has(.tabs__specification) > .tabs__feature {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

.auction-lot-front .tabs__body:has(.tabs__specification) > .tabs__feature::before,
.auction-lot-front .tabs__body:has(.tabs__specification)::before {
  display: none !important;
  opacity: 0 !important;
}

.auction-lot-front .tabs__body:has(.tabs__specification) > .tabs__showmore {
  display: none !important;
}

.auction-lot-front .feature .tabs__showmore {
  display: none !important;
}

.auction-lot-front .auction-lot-description {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}

.auction-lot-front .auction-lot-description::before,
.auction-lot-front .auction-lot-description .description-tabs__body::before {
  display: none !important;
}

.auction-lot-front .auction-lot-description .description-tabs__column {
  flex: 1 1 100%;
  max-width: none;
}

.auction-lot-front .auction-lot-description .description-tabs__text {
  color: #303036;
  line-height: 1.35;
}

.auction-lot-front .auction-lot-description .description-tabs__text p {
  margin: 0 0 14px;
}

.auction-lot-front .auction-lot-description .description-tabs__text ul,
.auction-lot-front .auction-lot-description .description-tabs__text ol {
  margin: 0 0 14px;
  padding-left: 22px;
}

.auction-lot-front .auction-lot-description .description-tabs__text li {
  list-style: disc;
}

.auction-lot-front .auction-lot-description .description-tabs__text strong,
.auction-lot-front .auction-lot-description .description-tabs__text b {
  font-weight: 700;
}

.auction-lot-front .auction-seller-lots .story__slide,
.auction-lot-front .auction-viewed-lots .story__slide {
  width: 220px;
  max-width: 220px;
}

.auction-lot-front .auction-seller-lots .block-card__top,
.auction-lot-front .auction-seller-lots .block-card__img,
.auction-lot-front .auction-viewed-lots .block-card__top,
.auction-lot-front .auction-viewed-lots .block-card__img {
  aspect-ratio: 171 / 235;
}

.auction-lot-front .auction-seller-lots .block-card__slider,
.auction-lot-front .auction-viewed-lots .block-card__slider {
  display: block;
}

.auction-lot-front .auction-seller-lots .block-card__countdown,
.auction-lot-front .auction-viewed-lots .block-card__countdown {
  align-items: center;
}

.auction-lot-front .auction-seller-lots .block-card__auction,
.auction-lot-front .auction-viewed-lots .block-card__auction {
  display: flex;
  justify-content: space-between;
  gap: 18px;
}

.auction-lot-front .auction-seller-lots .block-card__bet,
.auction-lot-front .auction-viewed-lots .block-card__bet {
  min-width: 0;
}

.auction-lot-front .auction-seller-lots .story__body::before,
.auction-lot-front .auction-seller-lots .story__body::after,
.auction-lot-front .auction-viewed-lots .story__body::before,
.auction-lot-front .auction-viewed-lots .story__body::after {
  z-index: 5;
}

.auction-lot-front .auction-seller-lots .story__arrows,
.auction-lot-front .auction-viewed-lots .story__arrows {
  z-index: 7;
}

.auction-lot-front .auction-seller-lots .story__arrow,
.auction-lot-front .auction-viewed-lots .story__arrow {
  position: relative;
  z-index: 8;
}

.auction-lot-front [data-auction-bid-button].is-loading,
.auction-lot-front [data-auction-buyout-button].is-loading {
  pointer-events: none;
  opacity: .75;
}

.auction-lot-front .bet-total__link.bet-total__link--orange,
.auction-lot-front .bet-total__link.bet-total__link--orange:hover,
.auction-lot-front .bet-total__link.bet-total__link--orange:visited,
.auction-lot-front .auction-bids__button,
.auction-lot-front .auction-bids__button:hover,
.auction-lot-front .auction-bids__button:visited,
.auction-lot-front .redeem-total__link,
.auction-lot-front .redeem-total__link:hover,
.auction-lot-front .redeem-total__link:visited {
  color: var(--color-whte) !important;
}

.auction-lot-front .auction-lot-action-message {
  margin-top: 8px;
  color: #E12948;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.25;
  text-align: center;
}

@media only screen and (max-width: 620px) {
  .auction-lot-front .auction-seller-lots .story__slide,
  .auction-lot-front .auction-viewed-lots .story__slide {
    width: 155px;
    max-width: 155px;
  }

  .auction-lot-front .auction-seller-lots .block-card__top,
  .auction-lot-front .auction-seller-lots .block-card__img,
  .auction-lot-front .auction-viewed-lots .block-card__top,
  .auction-lot-front .auction-viewed-lots .block-card__img {
    aspect-ratio: 155 / 203;
  }
}

.auction-lot-front .info-product__grade,
.auction-lot-front .block-card__review,
.auction-lot-front .viewed__info-grade,
.auction-lot-front .card-marketer__grade,
.auction-lot-front .review-constructor:not(.question__product-constructor),
.auction-lot-front .recommendation,
.auction-lot-front section.recommendation,
.auction-lot-front .recommendation.section,
.auction-lot-front .salesman.section,
.auction-lot-front .appeal.section {
  display: none !important;
}

@media only screen and (max-width: 991.98px) {
  .auction-lot-front .page {
    padding-top: 16px;
  }

  .auction-lot-front .product__sliders {
    margin: 0 calc(var(--pad) * -1);
  }

  .auction-lot-front .product__thumbs {
    display: none !important;
  }

  .auction-lot-front .product__slider {
    aspect-ratio: 19 / 25;
    height: 100%;
    margin-bottom: 16px;
    border-radius: 0;
  }

  .auction-lot-front .product__slider .block-card__top,
  .auction-lot-front .product__slider .block-card__img {
    aspect-ratio: 19 / 25;
    height: 100%;
    border-radius: 0;
  }

  .auction-lot-front .product__slider .block-card__pagination {
    bottom: -11px;
    width: calc(100% - 24px);
    padding: 10px 12px;
    display: flex;
    opacity: 1;
  }

  .auction-lot-front .product__slider .block-card__arrows {
    display: flex;
    opacity: 1;
  }

  .auction-lot-front .product__back {
    display: flex !important;
  }

  .auction-lot-front .product__slider .block-card__favorites {
    --size: 48px;
  }

  .auction-lot-front .product__slider .block-card__favorites::before,
  .auction-lot-front .product__slider .block-card__favorites::after {
    --size: 24px;
  }
}

html,
body.auction-lot-page {
  scrollbar-gutter: auto !important;
  scrollbar-color: var(--color-vilet) transparent !important;
}

::-webkit-scrollbar,
body.auction-lot-page::-webkit-scrollbar {
  width: 6px !important;
  height: 5px !important;
}

::-webkit-scrollbar-track,
body.auction-lot-page::-webkit-scrollbar-track {
  background: transparent !important;
}

::-webkit-scrollbar-thumb,
body.auction-lot-page::-webkit-scrollbar-thumb {
  background: var(--color-vilet) !important;
  border-radius: 10px !important;
}

::-webkit-scrollbar-thumb:hover,
body.auction-lot-page::-webkit-scrollbar-thumb:hover {
  background: var(--color-vilet) !important;
}

::-webkit-scrollbar-button,
body.auction-lot-page::-webkit-scrollbar-button {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
}

.auction-lot-front .feature__tabs .tabs__title._tab-active,
.auction-lot-front .feature__tabs .tabs__title._tab-active span,
.auction-lot-front .feature__tabs .tabs__title:hover,
.auction-lot-front .feature__tabs .tabs__title:hover span,
.auction-lot-front .auction-lot-tabs__navigation .tabs__title._tab-active,
.auction-lot-front .auction-lot-tabs__navigation .tabs__title._tab-active span,
.auction-lot-front .auction-lot-tabs__navigation .tabs__title:hover,
.auction-lot-front .auction-lot-tabs__navigation .tabs__title:hover span {
  color: var(--color-grn);
}

.auction-lot-front .feature__tabs .tabs__title._tab-active::before,
.auction-lot-front .feature__tabs .tabs__title:hover::before,
.auction-lot-front .auction-lot-tabs__navigation .tabs__title._tab-active::before,
.auction-lot-front .auction-lot-tabs__navigation .tabs__title:hover::before {
  background: var(--color-grn);
}

.auction-lot-front .auction-lot-tabs__navigation .tabs__title span {
  align-self: flex-end;
  color: var(--color-grn);
  font-family: var(--font-primary);
  font-size: 14px;
  font-style: italic;
  font-weight: 500;
  font-variation-settings: normal;
  letter-spacing: 0;
  line-height: 14px;
  text-align: center;
  transform: translate(-2px, -12px);
}

.auction-bids-tab {
  width: 100%;
}

.auction-bids {
  width: 100%;
  padding-top: 24px;
}

.auction-bids__table-wrap {
  overflow-x: auto;
  border: 1px solid #dce6ef;
  border-radius: 12px;
}

.auction-bids__table {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
  color: #202020;
}

.auction-bids__table th,
.auction-bids__table td {
  padding: 14px 18px;
  text-align: left;
  vertical-align: middle;
  border-bottom: 1px solid #e7eef5;
  font-size: 16px;
  line-height: 1.25;
}

.auction-bids__table th {
  color: #a1a9b7;
  font-weight: 400;
}

.auction-bids__table tr:last-child td {
  border-bottom: 0;
}

.auction-bids__row--mine {
  box-shadow: inset 4px 0 0 #f1720b;
}

.auction-bids__mine {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  margin-left: 10px;
  padding: 4px 9px;
  border-radius: 12px;
  background: #fff0e7;
  color: #f1720b;
  font-size: 14px;
  line-height: 1;
}

.auction-bids__price {
  display: inline-block;
  min-width: 76px;
}

.auction-bids__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  margin-left: 20px;
  padding: 8px 20px;
  border-radius: 999px;
  background: #f1720b;
  color: #fff;
  font-weight: 600;
  white-space: nowrap;
}

.auction-bids__button:hover {
  color: #fff;
}

.auction-bids__empty {
  color: #767e8f;
  text-align: center !important;
}

@media only screen and (max-width: 767.98px) {
  .auction-bids {
    padding-top: 16px;
  }

  .auction-bids__table-wrap {
    overflow: hidden;
    border: 1px solid #dce6ef;
    border-radius: 24px;
  }

  .auction-bids__table {
    min-width: 0;
  }

  .auction-bids__table thead {
    display: none;
  }

  .auction-bids__table,
  .auction-bids__table tbody,
  .auction-bids__table tr {
    display: block;
    width: 100%;
  }

  .auction-bids__table tr {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: auto auto auto;
    column-gap: 12px;
    min-height: 64px;
    margin: 0;
    padding: 12px 12px 10px;
    border-bottom: 1px solid #e7eef5;
    background: #fff;
  }

  .auction-bids__table tr:last-child {
    border-bottom: 0;
  }

  .auction-bids__table td {
    display: block;
    min-width: 0;
    padding: 0;
    border: 0;
    font-size: 14px;
    line-height: 1.25;
    text-align: left;
  }

  .auction-bids__table td:nth-child(1) {
    display: none;
  }

  .auction-bids__table td:nth-child(2) {
    grid-column: 1;
    grid-row: 1;
    align-self: end;
    color: #202020;
    font-weight: 600;
  }

  .auction-bids__table td:nth-child(3) {
    display: contents;
  }

  .auction-bids__table td:nth-child(4) {
    grid-column: 1;
    grid-row: 2;
    margin-top: 4px;
    color: #8a93a3;
    font-size: 13px;
  }

  .auction-bids__row--mine {
    box-shadow: inset 4px 0 0 #f1720b;
  }

  .auction-bids__mine {
    min-height: 22px;
    margin-left: 6px;
    padding: 4px 8px;
    border-radius: 999px;
    font-size: 12px;
  }

  .auction-bids__price {
    grid-column: 2;
    grid-row: 1;
    align-self: end;
    min-width: 0;
    color: #202020;
    font-weight: 600;
    text-align: right;
    white-space: nowrap;
  }

  .auction-bids__button {
    grid-column: 1 / -1;
    grid-row: 3;
    width: 100%;
    min-height: 36px;
    margin: 12px 0 2px;
    padding: 9px 16px;
    font-size: 14px;
  }

  .auction-bids__empty {
    display: block !important;
    grid-column: 1 / -1;
    padding: 18px 14px !important;
    text-align: center !important;
  }
}

@media only screen and (max-width: 991.98px) {
  .auction-lot-front .total-product.total-product--auction {
    width: calc(100% + var(--pad) * 2);
    margin-right: calc(var(--pad) * -1);
    margin-left: calc(var(--pad) * -1);
  }

  .auction-lot-front .total-product.total-product--auction .total-product__inner {
    margin-right: 0;
    margin-left: 0;
  }

  .auction-lot-front .total-product.total-product--auction,
  .auction-lot-front .total-product.total-product--auction .total-product__inner {
    border-radius: 24px;
    overflow: hidden;
  }

  .auction-lot-front .product__slider {
    position: relative;
    aspect-ratio: 19 / 25;
    height: 100%;
    margin-bottom: 16px;
    border-radius: 0;
    overflow: hidden;
  }

  .auction-lot-front .product__slider .block-card__top,
  .auction-lot-front .product__slider .block-card__img {
    position: relative;
    aspect-ratio: 19 / 25;
    height: 100%;
    border-radius: 0;
    overflow: hidden;
  }

  .auction-lot-front .product__slider .block-card__info {
    position: absolute;
    z-index: 2;
    inset: 0;
    display: flex;
    flex-direction: column;
    padding: 12px 16px 18px;
    pointer-events: none;
  }

  .auction-lot-front .product__slider .block-card__head {
    display: flex;
    justify-content: space-between;
    flex: 1 1 auto;
    margin: 0;
  }

  .auction-lot-front .product__slider .block-card__favorites {
    --size: 48px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    margin-left: auto;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: rgba(3, 5, 28, 0.1);
    -webkit-backdrop-filter: blur(5px);
            backdrop-filter: blur(5px);
    box-shadow: -1.2px -0.9px 0 -1px rgba(255, 255, 255, 0.5), 1px 1px 0 -1px rgba(255, 255, 255, 0.7);
    overflow: hidden;
    pointer-events: auto;
  }

  .auction-lot-front .product__slider .block-card__favorites::before,
  .auction-lot-front .product__slider .block-card__favorites::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    --size: 24px;
    width: var(--size);
    height: var(--size);
    flex: 0 0 var(--size);
    background: var(--color-whte);
  }

  .auction-lot-front .product__slider .block-card__favorites::before {
    transform: translate(-50%, -50%);
    mask: var(--icon) center center/contain no-repeat;
    -webkit-mask: var(--icon) center center/contain no-repeat;
  }

  .auction-lot-front .product__slider .block-card__favorites::after {
    transform: translate(-50%, -50%) scale(0);
    mask: var(--icon-favorites) center center/contain no-repeat;
    -webkit-mask: var(--icon-favorites) center center/contain no-repeat;
    background: #197779;
    transition: all 0.3s ease-in 0s;
  }

  .auction-lot-front .product__slider .block-card__favorites._active::after {
    transform: translate(-50%, -50%) scale(1);
  }

  .auction-lot-front .product__slider .block-card__pagination {
    position: absolute;
    z-index: 3;
    bottom: -11px;
    left: 50%;
    display: flex;
    gap: 4px;
    width: calc(100% - 24px);
    padding: 10px 12px;
    border-radius: 100px;
    background: var(--color-whte);
    transform: translateX(-50%);
    opacity: 1;
  }

  .auction-lot-front .product__slider .block-card__pagination .swiper-pagination-bullet {
    width: 100%;
    height: 4px;
    border-radius: 12px;
    background: rgba(var(--color-vilet--rgb), 0.16);
  }

  .auction-lot-front .product__slider .block-card__pagination .swiper-pagination-bullet-active {
    background: var(--color-vilet);
  }
}

@media only screen and (max-width: 767.98px) {
  .auction-lot-front .auction-bids__table-wrap {
    border-radius: 24px;
    overflow: hidden;
  }

  .auction-lot-front .auction-bids__table tr:first-child {
    border-radius: 24px 24px 0 0;
  }

  .auction-lot-front .auction-bids__table tr:last-child {
    border-radius: 0 0 24px 24px;
  }
}