.str0 {
  stroke-width: 0.6;
}
.shadoww {
  box-shadow: inset 0 0 6px;
}
.shadowcard {
  box-shadow: 0 0 5px !important;
}
/* Скрытие скроллбара в горизонтальной ленте */
.top-card::-webkit-scrollbar,
.snap-x::-webkit-scrollbar {
  display: none;
}

/* Обрезка названия в 2 строки */
.line-clamp-2 {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Отскок карточек ТОП предложения */
@keyframes initial-bounce {
  0% {
    transform: translateX(0);
  }
  30% {
    /* Мягко сдвигаем контейнер влево, имитируя свайп */
    transform: translateX(-30px);
  }
  60% {
    /* Слегка проскакиваем назад для эффекта пружины */
    transform: translateX(4px);
  }
  100% {
    transform: translateX(0);
  }
}

@font-face {
  font-family: "Pacifico"; /* Название шрифта */
  src:
    url("/static/fonts/Pacifico/Pacifico-Regular.woff2") format("woff2"),
    url("/static/fonts/Pacifico/Pacifico-Regular.woff") format("woff"),
    url("/static/fonts/Pacifico/Pacifico-Regular.ttf") format("truetype");
  font-weight: normal; /* Насыщенность шрифта */
  font-style: normal; /* Стиль шрифта */
}

.pacifico {
  font-family: "Pacifico", cursive;
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Lobster"; /* Название шрифта */
  src:
    url("/static/fonts/Lobster/Lobster-Regular.woff2") format("woff2"),
    url("/static/fonts/Lobster/Lobster-Regular.woff") format("woff"),
    url("/static/fonts/Lobster/Lobster-Regular.ttf") format("truetype");
  font-weight: normal; /* Насыщенность шрифта */
  font-style: normal; /* Стиль шрифта */
}

.lobster {
  font-family: "Lobster", cursive;
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Poiret_One"; /* Название шрифта */
  src:
    url("/static/fonts/Poiret_One/PoiretOne-Regular.woff2") format("woff2"),
    url("/static/fonts/Poiret_One/PoiretOne-Regular.woff") format("woff"),
    url("/static/fonts/Poiret_One/PoiretOne-Regular.ttf") format("truetype");
  font-weight: normal; /* Насыщенность шрифта */
  font-style: normal; /* Стиль шрифта */
}

.pointer {
  font-family: "Poiret_One", cursive;
  font-weight: 400;
  font-style: normal;
}

.scroll-bounce {
  /* Анимация длится 1 секунду, запускается через 0.5 секунды после загрузки */
  animation: initial-bounce 1s cubic-bezier(0.25, 1, 0.5, 1) 0.5s;
  will-change: transform;
}