@charset "UTF-8";
/* ========== PRELOADER (должен быть в начале CSS) ========== */
/* line 4, promo-css.scss */
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, #FFE6EC 0%, #FFF5F7 100%);
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.5s ease, visibility 0.5s ease; }

/* line 18, promo-css.scss */
#preloader.hidden {
  opacity: 0;
  visibility: hidden; }

/* line 23, promo-css.scss */
.preloader-content {
  text-align: center; }

/* line 27, promo-css.scss */
.preloader-spinner {
  width: 60px;
  height: 60px;
  border: 4px solid rgba(255, 143, 163, 0.2);
  border-top-color: #FF8FA3;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin: 0 auto 20px; }

@keyframes spin {
  to {
    transform: rotate(360deg); } }
/* line 41, promo-css.scss */
.preloader-content p {
  color: #FF8FA3;
  font-size: 18px;
  font-weight: 600;
  margin: 0; }

/* line 48, promo-css.scss */
body {
  --fw-base: #F4B3B9;
  --fw-header: #fce3ea;
  --fw-header-link: #f98ea354;
  --fw-accent: #FF8FA3;
  --fw-bg-light: #FFE6EC;
  --fw-bg-gradient: linear-gradient(135deg, #FFE6EC 0%, #FAD2D7 100%);
  --fw-shadow: #D9A7C7;
  --fw-dark: #2F2F2F;
  --fw-white: #ffffff;
  --fw-radius: 16px;
  --fw-radius-sm: 12px;
  --fw-shadow-sm: 0 2px 8px rgba(217, 167, 199, 0.15);
  --fw-shadow-md: 0 4px 16px rgba(217, 167, 199, 0.25);
  --fw-shadow-lg: 0 8px 32px rgba(217, 167, 199, 0.35);
  --fw-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  font-family: 'Montserrat';
  background: var(--fw-bg-gradient);
  color: var(--fw-dark);
  overflow-x: hidden;
  line-height: 1.6;
  padding-top: 80px; }

/* line 73, promo-css.scss */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

/* line 79, promo-css.scss */
body {
  background: var(--fw-bg-gradient);
  color: var(--fw-dark);
  overflow-x: hidden;
  line-height: 1.6; }

/* Конфетти Canvas */
/* line 87, promo-css.scss */
#confetti-canvas {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 9999; }

/* Container */
/* line 98, promo-css.scss */
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px; }

/* line 104, promo-css.scss */
.container-1 {
  max-width: 1200px;
  margin: 0;
  padding: 0; }

/* line 110, promo-css.scss */
.container-koleso {
  max-width: 1400px;
  margin: 0;
  padding: 0; }

/* Hero Section */
/* line 117, promo-css.scss */
.hero {
  text-align: center;
  padding: 40px 20px 0 20px;
  position: relative;
  overflow: hidden; }
  @media (max-width: 768px) {
    /* line 117, promo-css.scss */
    .hero {
      padding: 50px 20px 10px; } }
  @media (max-width: 400px) {
    /* line 117, promo-css.scss */
    .hero {
      padding: 10px 20px 10px; } }

/* line 130, promo-css.scss */
.hero::before {
  content: '🎂';
  position: absolute;
  font-size: 200px;
  opacity: 0.1;
  top: -50px;
  right: -50px;
  animation: float 6s ease-in-out infinite; }

/* line 140, promo-css.scss */
.hero::after {
  content: '🎉';
  position: absolute;
  font-size: 150px;
  opacity: 0.1;
  bottom: -30px;
  left: -30px;
  animation: float 5s ease-in-out infinite; }

@keyframes float {
  0%, 100% {
    transform: translateY(0px) rotate(0deg); }
  50% {
    transform: translateY(-20px) rotate(5deg); } }
@keyframes float-1 {
  0%, 100% {
    transform: translateY(10px) rotate(0deg); }
  50% {
    transform: translateY(-10px) rotate(5deg); } }
/* line 160, promo-css.scss */
.hero h1 {
  font-size: 48px;
  font-weight: 800;
  color: var(--fw-accent);
  margin-bottom: 20px;
  animation: fadeInUp 0.8s ease-out;
  line-height: 1.2; }

/* line 169, promo-css.scss */
.hero-subtitle {
  font-size: 24px;
  color: var(--fw-dark);
  margin-bottom: 15px;
  animation: fadeInUp 1s ease-out; }

/* line 176, promo-css.scss */
.hero-tagline {
  font-size: 18px;
  color: #666;
  margin-bottom: 30px;
  animation: fadeInUp 1.2s ease-out; }

/* line 183, promo-css.scss */
.participants-counter {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--fw-white);
  padding: 12px 24px;
  border-radius: var(--fw-radius-sm);
  box-shadow: var(--fw-shadow-md);
  margin-bottom: 30px;
  animation: fadeInUp 1.4s ease-out; }
  @media (min-width: 768px) {
    /* line 183, promo-css.scss */
    .participants-counter {
      margin-right: 20px; } }

/* line 198, promo-css.scss */
.counter-number {
  font-size: 32px;
  font-weight: 700;
  color: var(--fw-accent); }

/* line 204, promo-css.scss */
.cta-button {
  background: var(--fw-accent);
  color: var(--fw-white);
  border: none;
  padding: 18px 108px;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  border-radius: var(--fw-radius);
  cursor: pointer;
  transition: var(--fw-transition);
  box-shadow: var(--fw-shadow-lg);
  animation: fadeInUp 1.6s ease-out, pulse 2s ease-in-out infinite; }

/* line 219, promo-css.scss */
.cta-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 40px rgba(255, 143, 163, 0.4); }

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(30px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
@keyframes pulse {
  0%, 100% {
    transform: scale(1); }
  50% {
    transform: scale(1.05); } }
@keyframes pulse-1 {
  0%, 100% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); } }
/* Progress Section */
/* line 246, promo-css.scss */
.progress-section {
  background: var(--fw-white);
  border-radius: var(--fw-radius);
  padding: 40px;
  margin: 60px auto;
  max-width: 1200px;
  box-shadow: var(--fw-shadow-lg); }

/* line 257, promo-css.scss */
.progress-section.visible {
  animation: fadeInScale 0.6s ease-out forwards; }

@keyframes fadeInScale {
  from {
    opacity: 0;
    transform: scale(0.95); }
  to {
    opacity: 1;
    transform: scale(1); } }
/* line 272, promo-css.scss */
.progress-title {
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  color: var(--fw-accent);
  margin-bottom: 30px; }
  @media (max-width: 768px) {
    /* line 272, promo-css.scss */
    .progress-title {
      font-size: 25px; } }

/* line 283, promo-css.scss */
.progress-bar-container {
  position: relative;
  height: 40px;
  background: var(--fw-bg-light);
  border-radius: 20px;
  overflow: visible;
  /* Изменили с hidden на visible */
  margin-bottom: 50px; }

/* line 292, promo-css.scss */
.progress-bar-fill {
  height: 100%;
  background: linear-gradient(90deg, var(--fw-accent), var(--fw-base));
  border-radius: 20px;
  transition: width 1.5s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  box-shadow: 0 0 20px rgba(255, 143, 163, 0.5);
  overflow: hidden; }

/* line 302, promo-css.scss */
.progress-bar-fill::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  animation: shimmer 2s infinite;
  border-radius: 20px; }

@keyframes shimmer {
  0% {
    transform: translateX(-100%); }
  100% {
    transform: translateX(100%); } }
/* line 319, promo-css.scss */
.progress-label {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 700;
  color: var(--fw-dark);
  font-size: 16px;
  z-index: 2;
  /* Поверх прогресс-бара */
  white-space: nowrap;
  /* Текст в одну строку */
  pointer-events: none;
  /* Не мешает кликам */ }

/* Prizes Grid */
/* line 333, promo-css.scss */
.prizes-grid {
  display: flex;
  gap: 20px;
  margin-top: 40px;
  align-items: center;
  justify-content: center; }

/* line 341, promo-css.scss */
.prize-card {
  display: flex;
  flex-direction: column;
  height: 320px;
  width: 300px;
  background: var(--fw-white);
  border-radius: var(--fw-radius-sm);
  padding: 20px;
  text-align: center;
  box-shadow: var(--fw-shadow-sm);
  transition: var(--fw-transition);
  position: relative;
  overflow: hidden; }

/* line 356, promo-css.scss */
.prize-card:nth-child(1) {
  transform: scale(0.9); }

/* line 357, promo-css.scss */
.prize-card:nth-child(2) {
  transform: scale(0.95); }

/* line 358, promo-css.scss */
.prize-card:nth-child(3) {
  transform: scale(1); }

/* line 359, promo-css.scss */
.prize-card:nth-child(4) {
  transform: scale(1.05); }

/* line 360, promo-css.scss */
.prize-card:nth-child(5) {
  transform: scale(1.1); }

/* line 362, promo-css.scss */
.prize-card:hover {
  transform: scale(1.15) !important;
  box-shadow: var(--fw-shadow-lg);
  z-index: 10; }

/* line 368, promo-css.scss */
.prize-card.locked {
  cursor: not-allowed; }

/* line 372, promo-css.scss */
.prize-card.locked > * {
  filter: blur(10px); }

/* line 376, promo-css.scss */
.prize-card.locked::before {
  content: '🔒';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 48px;
  z-index: 2;
  filter: blur(0); }

/* Анимация разблокировки для каждой карточки отдельно */
/* line 388, promo-css.scss */
.prize-card:nth-child(1).unlocked {
  animation: unlock-1 0.6s ease-out; }

/* line 392, promo-css.scss */
.prize-card:nth-child(2).unlocked {
  animation: unlock-2 0.6s ease-out; }

/* line 396, promo-css.scss */
.prize-card:nth-child(3).unlocked {
  animation: unlock-3 0.6s ease-out; }

/* line 400, promo-css.scss */
.prize-card:nth-child(4).unlocked {
  animation: unlock-4 0.6s ease-out; }

/* line 404, promo-css.scss */
.prize-card:nth-child(5).unlocked {
  animation: unlock-5 0.6s ease-out; }

/* Анимации для каждой карточки с правильным финальным scale */
@keyframes unlock-1 {
  0% {
    transform: scale(0.9) rotate(0deg);
    filter: blur(10px); }
  50% {
    transform: scale(1.1) rotate(5deg);
    filter: blur(5px); }
  100% {
    transform: scale(0.9) rotate(0deg);
    filter: blur(0); } }
@keyframes unlock-2 {
  0% {
    transform: scale(0.95) rotate(0deg);
    filter: blur(10px); }
  50% {
    transform: scale(1.15) rotate(5deg);
    filter: blur(5px); }
  100% {
    transform: scale(0.95) rotate(0deg);
    filter: blur(0); } }
@keyframes unlock-3 {
  0% {
    transform: scale(1) rotate(0deg);
    filter: blur(10px); }
  50% {
    transform: scale(1.2) rotate(5deg);
    filter: blur(5px); }
  100% {
    transform: scale(1) rotate(0deg);
    filter: blur(0); } }
@keyframes unlock-4 {
  0% {
    transform: scale(1.05) rotate(0deg);
    filter: blur(10px); }
  50% {
    transform: scale(1.25) rotate(5deg);
    filter: blur(5px); }
  100% {
    transform: scale(1.05) rotate(0deg);
    filter: blur(0); } }
@keyframes unlock-5 {
  0% {
    transform: scale(1.1) rotate(0deg);
    filter: blur(10px); }
  50% {
    transform: scale(1.3) rotate(5deg);
    filter: blur(5px); }
  100% {
    transform: scale(1.1) rotate(0deg);
    filter: blur(0); } }
/* line 439, promo-css.scss */
.prize-icon {
  margin-bottom: 15px;
  animation: float-1 8s ease-in-out infinite; }

/* line 444, promo-css.scss */
.logo-prize {
  width: 100px; }

/* line 448, promo-css.scss */
.prize-name {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 8px;
  min-height: 3em; }

/* line 455, promo-css.scss */
.prize-value {
  color: var(--fw-accent);
  font-weight: 700;
  font-size: 16px;
  margin-top: auto; }

/* line 462, promo-css.scss */
.prize-threshold {
  font-size: 12px;
  color: #666;
  margin-top: 5px; }

/* line 468, promo-css.scss */
.unlock-btn {
  margin-top: 10px;
  padding: 8px 16px;
  background: var(--fw-accent);
  color: white;
  border: none;
  border-radius: var(--fw-radius-sm);
  cursor: pointer;
  font-weight: 600;
  transition: var(--fw-transition); }

/* line 480, promo-css.scss */
.unlock-btn:hover {
  transform: scale(1.05); }

/* Benefits Section */
/* line 485, promo-css.scss */
.benefits-section {
  margin: 60px auto;
  max-width: 1200px; }
  @media (max-width: 768px) {
    /* line 485, promo-css.scss */
    .benefits-section {
      padding: 0 20px; } }

/* line 493, promo-css.scss */
.section-title {
  text-align: center;
  font-size: 36px;
  font-weight: 700;
  color: var(--fw-dark);
  margin-bottom: 40px; }
  @media (max-width: 768px) {
    /* line 493, promo-css.scss */
    .section-title {
      font-size: 25px; } }

/* line 504, promo-css.scss */
.benefits-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 24px; }

/* line 510, promo-css.scss */
.benefit-card {
  background: var(--fw-white);
  border-radius: var(--fw-radius);
  padding: 30px;
  text-align: center;
  box-shadow: var(--fw-shadow-md);
  transition: var(--fw-transition);
  opacity: 0;
  animation: fadeInUp 0.6s ease-out forwards; }

/* line 521, promo-css.scss */
.benefit-card:nth-child(1) {
  animation-delay: 0.1s; }

/* line 522, promo-css.scss */
.benefit-card:nth-child(2) {
  animation-delay: 0.2s; }

/* line 523, promo-css.scss */
.benefit-card:nth-child(3) {
  animation-delay: 0.3s; }

/* line 524, promo-css.scss */
.benefit-card:nth-child(4) {
  animation-delay: 0.4s; }

/* line 526, promo-css.scss */
.benefit-card:hover {
  transform: translateY(-10px);
  box-shadow: var(--fw-shadow-lg); }

/* line 531, promo-css.scss */
.benefit-title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 12px;
  color: var(--fw-accent); }

/* line 538, promo-css.scss */
.benefit-description {
  color: #666;
  font-size: 15px; }

@media (max-width: 768px) {
  /* line 544, promo-css.scss */
  .benefits-grid {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 15px;
    padding: 20px 0;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
    scrollbar-width: thin;
    scrollbar-color: var(--fw-accent) var(--fw-bg-light); }

  /* line 558, promo-css.scss */
  .benefits-grid::-webkit-scrollbar {
    height: 6px; }

  /* line 562, promo-css.scss */
  .benefits-grid::-webkit-scrollbar-track {
    background: var(--fw-bg-light);
    border-radius: 10px; }

  /* line 567, promo-css.scss */
  .benefits-grid::-webkit-scrollbar-thumb {
    background: var(--fw-accent);
    border-radius: 10px; }

  /* line 572, promo-css.scss */
  .benefit-card {
    min-width: 280px;
    max-width: 280px;
    flex-shrink: 0;
    scroll-snap-align: start; }

  /* Добавляем отступ после последней карточки */
  /* line 580, promo-css.scss */
  .benefit-card:last-child {
    margin-right: 20px; } }
@media (max-width: 480px) {
  /* line 586, promo-css.scss */
  .benefit-card {
    min-width: 260px;
    max-width: 260px;
    padding: 20px; }

  /* line 592, promo-css.scss */
  .benefit-title {
    font-size: 18px; }

  /* line 596, promo-css.scss */
  .benefit-description {
    font-size: 14px; } }
/* Daily Deal */
/* line 602, promo-css.scss */
.daily-deal {
  background: var(--fw-white);
  border-radius: var(--fw-radius);
  padding: 40px;
  margin: 60px auto;
  max-width: 1200px;
  box-shadow: var(--fw-shadow-lg);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 40px;
  align-items: center; }

/* line 615, promo-css.scss */
.deal-image {
  background: var(--fw-bg-light);
  border-radius: var(--fw-radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 120px; }

/* line 624, promo-css.scss */
.deal-image img {
  border-radius: var(--fw-radius-sm);
  width: 100%; }

/* line 629, promo-css.scss */
.deal-content h2 {
  font-size: 32px;
  color: var(--fw-accent);
  margin-bottom: 20px; }
  @media (max-width: 768px) {
    /* line 629, promo-css.scss */
    .deal-content h2 {
      font-size: 25px; } }

/* line 638, promo-css.scss */
.deal-price {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 20px; }

/* line 645, promo-css.scss */
.old-price {
  font-size: 24px;
  text-decoration: line-through;
  color: #999; }

/* line 651, promo-css.scss */
.new-price {
  font-size: 36px;
  font-weight: 700;
  color: var(--fw-accent); }

/* line 657, promo-css.scss */
.discount-badge {
  background: #FF3B3B;
  color: white;
  padding: 8px 16px;
  border-radius: var(--fw-radius-sm);
  font-weight: 700; }

/* line 665, promo-css.scss */
.savings-calc {
  background: var(--fw-bg-light);
  padding: 20px;
  border-radius: var(--fw-radius-sm);
  margin: 20px 0; }

/* line 672, promo-css.scss */
.savings-item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px; }

/* line 678, promo-css.scss */
.total-savings {
  font-size: 20px;
  font-weight: 700;
  color: var(--fw-accent);
  margin-top: 15px;
  padding-top: 15px;
  border-top: 2px solid var(--fw-accent); }

/* ========== SOCIAL SUBSCRIBE SECTION ========== */
/* line 689, promo-css.scss */
.social-subscribe-section {
  background: var(--fw-white);
  border-radius: var(--fw-radius);
  padding: 60px 40px;
  margin: 60px auto;
  max-width: 1200px;
  box-shadow: var(--fw-shadow-lg);
  border: 3px solid var(--fw-accent); }

/* line 699, promo-css.scss */
.social-subscribe-content {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 50px;
  align-items: center; }

/* line 706, promo-css.scss */
.social-subscribe-image {
  text-align: center; }

/* line 710, promo-css.scss */
.subscribe-logo {
  width: 300px;
  height: auto;
  animation: float-1 8s ease-in-out infinite; }

/* line 716, promo-css.scss */
.social-subscribe-text h2 {
  font-size: 36px;
  color: var(--fw-accent);
  margin-bottom: 20px;
  line-height: 1.2; }

/* line 723, promo-css.scss */
.subscribe-important {
  font-size: 18px;
  color: var(--fw-dark);
  line-height: 1.6;
  margin-bottom: 30px; }

/* line 730, promo-css.scss */
.subscribe-important strong {
  color: var(--fw-accent); }

/* line 734, promo-css.scss */
.logo-subscribe-important {
  width: 50px; }

/* line 738, promo-css.scss */
.social-links-required {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-bottom: 40px; }

/* line 745, promo-css.scss */
.social-link-btn {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 20px 25px;
  background: var(--fw-bg-light);
  border-radius: var(--fw-radius-sm);
  text-decoration: none;
  transition: var(--fw-transition);
  border: 2px solid transparent; }

/* line 757, promo-css.scss */
.social-link-btn:hover {
  transform: translateY(-5px);
  box-shadow: var(--fw-shadow-md); }

/* line 762, promo-css.scss */
.telegram-btn {
  border-color: #0088cc; }

/* line 766, promo-css.scss */
.telegram-btn:hover {
  background: linear-gradient(135deg, #0088cc, #00aaff);
  border-color: #0088cc; }

/* line 771, promo-css.scss */
.telegram-btn:hover .social-link-info,
.telegram-btn:hover .social-link-info .social-name,
.telegram-btn:hover .social-link-info .social-desc {
  color: white; }

/* line 777, promo-css.scss */
.social-icon {
  font-size: 42px;
  line-height: 1; }

/* line 782, promo-css.scss */
.social-link-info {
  display: flex;
  flex-direction: column;
  gap: 5px;
  transition: var(--fw-transition); }

/* line 789, promo-css.scss */
.social-name {
  font-size: 18px;
  font-weight: 700;
  color: var(--fw-dark); }

/* line 795, promo-css.scss */
.social-desc {
  font-size: 13px;
  color: #666; }

/* line 800, promo-css.scss */
.subscribe-warning {
  background: linear-gradient(135deg, #fff3cd, #fff8e1);
  border-left: 4px solid #ff9800;
  padding: 20px;
  border-radius: var(--fw-radius-sm);
  display: flex;
  gap: 15px;
  align-items: flex-start;
  margin-bottom: 30px; }

/* line 811, promo-css.scss */
.warning-icon {
  font-size: 28px;
  line-height: 1;
  flex-shrink: 0; }

/* line 817, promo-css.scss */
.subscribe-warning p {
  margin: 0;
  color: var(--fw-dark);
  line-height: 1.6; }

/* line 823, promo-css.scss */
.subscribe-warning strong {
  color: #ff9800; }

/* line 827, promo-css.scss */
.subscribe-benefits {
  background: var(--fw-bg-light);
  padding: 25px;
  border-radius: var(--fw-radius-sm); }

/* line 833, promo-css.scss */
.subscribe-benefits h3 {
  font-size: 20px;
  color: var(--fw-accent);
  margin-bottom: 15px; }

/* line 839, promo-css.scss */
.subscribe-benefits ul {
  list-style: none;
  padding: 0;
  margin: 0; }

/* line 845, promo-css.scss */
.subscribe-benefits li {
  padding: 10px 0;
  font-size: 16px;
  color: var(--fw-dark);
  border-bottom: 1px solid rgba(255, 143, 163, 0.2); }

/* line 852, promo-css.scss */
.subscribe-benefits li:last-child {
  border-bottom: none; }

/* ========== АДАПТИВ ========== */
@media (max-width: 1024px) {
  /* line 859, promo-css.scss */
  .social-subscribe-content {
    grid-template-columns: 1fr;
    gap: 30px;
    text-align: center; }

  /* line 865, promo-css.scss */
  .social-subscribe-text h2 {
    font-size: 32px; } }
@media (max-width: 768px) {
  /* line 871, promo-css.scss */
  .social-subscribe-section {
    padding: 40px 20px; }

  /* line 875, promo-css.scss */
  .social-subscribe-text h2 {
    font-size: 28px; }

  /* line 879, promo-css.scss */
  .subscribe-important {
    font-size: 16px; }

  /* line 883, promo-css.scss */
  .social-links-required {
    grid-template-columns: 1fr;
    gap: 15px; }

  /* line 888, promo-css.scss */
  .social-link-btn {
    padding: 18px 20px; }

  /* line 892, promo-css.scss */
  .subscribe-warning {
    flex-direction: column;
    text-align: center; }

  /* line 897, promo-css.scss */
  .warning-icon {
    font-size: 36px; } }
@media (max-width: 480px) {
  /* line 903, promo-css.scss */
  .social-subscribe-section {
    padding: 30px 15px; }

  /* line 907, promo-css.scss */
  .social-subscribe-text h2 {
    font-size: 24px; }

  /* line 911, promo-css.scss */
  .subscribe-important {
    font-size: 15px; }

  /* line 915, promo-css.scss */
  .social-link-btn {
    padding: 15px;
    gap: 12px; }

  /* line 920, promo-css.scss */
  .social-icon {
    font-size: 36px; }

  /* line 924, promo-css.scss */
  .social-name {
    font-size: 16px; }

  /* line 928, promo-css.scss */
  .social-desc {
    font-size: 12px; }

  /* line 932, promo-css.scss */
  .subscribe-benefits h3 {
    font-size: 18px; }

  /* line 936, promo-css.scss */
  .subscribe-benefits li {
    font-size: 14px; } }
/* Tabs Section */
/* line 942, promo-css.scss */
.tabs-section {
  margin: 40px auto;
  max-width: 1400px; }

/* line 947, promo-css.scss */
#tab-1 {
  position: relative; }

/* line 951, promo-css.scss */
.tabs-header {
  display: flex;
  gap: 0;
  background: var(--fw-white);
  border-radius: var(--fw-radius);
  padding: 8px;
  box-shadow: var(--fw-shadow-md);
  margin-bottom: 30px; }

/* line 961, promo-css.scss */
.tab-button {
  flex: 1;
  padding: 20px;
  background: transparent;
  border: none;
  font-size: 18px;
  font-weight: 600;
  color: #666;
  cursor: pointer;
  transition: var(--fw-transition);
  border-radius: var(--fw-radius-sm);
  position: relative; }

/* line 975, promo-css.scss */
.tab-button.active {
  background: var(--fw-accent);
  color: var(--fw-white);
  box-shadow: var(--fw-shadow-md); }

/* line 981, promo-css.scss */
.tab-button:hover:not(.active) {
  background: var(--fw-bg-light); }

/* line 985, promo-css.scss */
.tab-content {
  display: none;
  background: var(--fw-white);
  border-radius: var(--fw-radius);
  padding: 40px;
  box-shadow: var(--fw-shadow-lg);
  animation: fadeIn 0.5s ease-out; }
  @media (max-width: 768px) {
    /* line 985, promo-css.scss */
    .tab-content {
      padding: 20px; } }

/* line 997, promo-css.scss */
.tab-content .h3 {
  font-size: 32px;
  color: var(--fw-accent);
  margin-bottom: 30px;
  text-align: center; }
  @media (max-width: 768px) {
    /* line 997, promo-css.scss */
    .tab-content .h3 {
      font-size: 25px; } }

/* line 1007, promo-css.scss */
.tab-content.active {
  display: block; }

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
/* Tab 1: Order Registration */
/* line 1017, promo-css.scss */
.steps-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  margin-bottom: 40px; }

/* line 1024, promo-css.scss */
.step-card {
  text-align: center;
  padding: 30px;
  background: var(--fw-bg-light);
  border-radius: var(--fw-radius-sm);
  transition: var(--fw-transition); }

/* line 1032, promo-css.scss */
.step-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--fw-shadow-md); }

/* line 1037, promo-css.scss */
.step-number {
  width: 60px;
  height: 60px;
  background: var(--fw-accent);
  color: white;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  font-weight: 700;
  margin: 0 auto 20px;
  animation: float-1 8s ease-in-out infinite; }

/* line 1052, promo-css.scss */
.step-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px; }

/* line 1058, promo-css.scss */
.step-description {
  color: #666;
  font-size: 14px; }

/* line 1063, promo-css.scss */
.kot-zakaz {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px; }
  @media (max-width: 768px) {
    /* line 1063, promo-css.scss */
    .kot-zakaz {
      gap: 0; } }

/* Prizes Slider */
/* line 1075, promo-css.scss */
.prizes-slider {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  padding: 20px 0;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
  scrollbar-color: var(--fw-accent) var(--fw-bg-light); }

/* line 1085, promo-css.scss */
.prizes-slider::-webkit-scrollbar {
  height: 8px; }

/* line 1089, promo-css.scss */
.prizes-slider::-webkit-scrollbar-track {
  background: var(--fw-bg-light);
  border-radius: 10px; }

/* line 1094, promo-css.scss */
.prizes-slider::-webkit-scrollbar-thumb {
  background: var(--fw-accent);
  border-radius: 10px; }

/* line 1099, promo-css.scss */
.small-prize-card {
  min-width: 220px;
  background: var(--fw-bg-light);
  border-radius: var(--fw-radius-sm);
  padding: 20px;
  text-align: center;
  scroll-snap-align: start;
  transition: var(--fw-transition);
  display: flex;
  flex-direction: column;
  align-items: center; }

/* line 1112, promo-css.scss */
.small-prize-card:hover {
  transform: scale(1.05);
  box-shadow: var(--fw-shadow-md); }

/* line 1117, promo-css.scss */
.small-prize-icon {
  margin-bottom: 15px;
  animation: float-1 8s ease-in-out infinite; }

/* line 1122, promo-css.scss */
.small-prize-name {
  font-weight: 600;
  font-size: 15px;
  color: var(--fw-dark);
  margin-bottom: 8px;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center; }

/* line 1133, promo-css.scss */
.small-prize-value {
  color: var(--fw-accent);
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 5px; }

/* line 1140, promo-css.scss */
.small-prize-quantity {
  font-size: 13px;
  color: #666;
  margin-bottom: 12px; }

/* line 1146, promo-css.scss */
.small-unlock-btn {
  width: 100%;
  padding: 10px 16px;
  background: var(--fw-accent);
  color: white;
  border: none;
  border-radius: var(--fw-radius-sm);
  cursor: pointer;
  font-weight: 600;
  font-size: 13px;
  transition: var(--fw-transition);
  margin-top: auto; }

/* line 1160, promo-css.scss */
.small-unlock-btn:hover {
  transform: scale(1.05);
  box-shadow: var(--fw-shadow-sm); }

/* Адаптив для мобильных */
@media (max-width: 768px) {
  /* line 1167, promo-css.scss */
  .small-prize-card {
    min-width: 180px; }

  /* line 1171, promo-css.scss */
  .small-prize-name {
    font-size: 14px;
    min-height: 36px; } }
/* Tab 2: Fortune Wheel */
/* колесо фортуны */
/* line 1180, promo-css.scss */
#fortune-wheel-app {
  --fw-base: #F4B3B9;
  --fw-accent: #FF8FA3;
  --fw-bg-light: #FFE6EC;
  --fw-bg-gradient: linear-gradient(135deg, #FFE6EC 0%, #FAD2D7 100%);
  --fw-shadow: #D9A7C7;
  --fw-dark: #2F2F2F;
  --fw-white: #ffffff;
  --fw-radius: 16px;
  --fw-radius-sm: 12px;
  --fw-shadow-sm: 0 2px 8px rgba(217, 167, 199, 0.15);
  --fw-shadow-md: 0 4px 16px rgba(217, 167, 199, 0.25);
  --fw-shadow-lg: 0 8px 32px rgba(217, 167, 199, 0.35);
  --fw-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }

/* line 1196, promo-css.scss */
#fortune-wheel-app {
  background: var(--fw-bg-gradient);
  color: var(--fw-dark);
  overflow-x: hidden;
  border-radius: 12px; }

/* line 1203, promo-css.scss */
#name-modal {
  position: absolute;
  border-radius: var(--fw-radius); }

/* line 1208, promo-css.scss */
.fw-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(47, 47, 47, 0.8);
  backdrop-filter: blur(10px);
  z-index: 10000;
  align-items: center;
  justify-content: center;
  animation: fadeIn 0.3s ease;
  overflow-y: auto; }

/* line 1224, promo-css.scss */
.fw-modal.active {
  display: flex; }

/* line 1228, promo-css.scss */
.fw-modal-content {
  background: var(--fw-white);
  border-radius: var(--fw-radius);
  padding: 40px;
  max-width: 500px;
  width: 90%;
  box-shadow: var(--fw-shadow-lg);
  position: relative;
  animation: slideUp 0.4s cubic-bezier(0.4, 0, 0.2, 1); }

/* line 1239, promo-css.scss */
.fw-modal-close {
  position: absolute;
  top: 15px;
  right: 15px;
  background: none;
  border: none;
  font-size: 28px;
  color: var(--fw-shadow);
  cursor: pointer;
  transition: var(--fw-transition);
  line-height: 1;
  padding: 5px; }

/* line 1253, promo-css.scss */
.fw-modal-close:hover {
  color: var(--fw-accent);
  transform: rotate(90deg); }

/* line 1258, promo-css.scss */
#auth-modal {
  height: 600px;
  position: relative; }

/* line 1263, promo-css.scss */
.auth-modal-content {
  text-align: center; }

/* line 1267, promo-css.scss */
.auth-modal-icon {
  font-size: 64px;
  margin-bottom: 20px;
  animation: bounce 1s infinite; }

/* line 1273, promo-css.scss */
.auth-modal-content h2 {
  font-size: 28px;
  color: var(--fw-dark);
  margin-bottom: 15px; }

/* line 1279, promo-css.scss */
.auth-modal-content p {
  font-size: 16px;
  color: #666;
  line-height: 1.6;
  margin-bottom: 30px; }

/* line 1286, promo-css.scss */
.auth-modal-hint {
  margin-top: 20px;
  font-size: 14px; }

/* line 1291, promo-css.scss */
.auth-modal-hint a {
  color: var(--fw-accent);
  text-decoration: none;
  font-weight: 600; }

/* line 1297, promo-css.scss */
.result-modal-content {
  text-align: center;
  padding: 50px 40px; }

/* line 1302, promo-css.scss */
.result-animation {
  animation: resultPop 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55); }

/* line 1306, promo-css.scss */
.result-icon {
  font-size: 80px;
  margin-bottom: 20px;
  animation: iconBounce 0.8s ease-in-out; }

/* line 1312, promo-css.scss */
.result-title {
  font-size: 32px;
  color: var(--fw-dark);
  margin-bottom: 15px; }

/* line 1318, promo-css.scss */
.result-points {
  font-size: 48px;
  font-weight: 700;
  color: var(--fw-accent);
  margin-bottom: 20px;
  text-shadow: 0 2px 10px rgba(255, 143, 163, 0.3); }

/* line 1326, promo-css.scss */
.result-bonuses {
  margin-bottom: 25px; }

/* line 1330, promo-css.scss */
.result-bonus-item {
  display: inline-block;
  background: linear-gradient(135deg, var(--fw-base), var(--fw-accent));
  color: white;
  padding: 8px 16px;
  border-radius: 20px;
  margin: 5px;
  font-size: 14px;
  font-weight: 600;
  box-shadow: var(--fw-shadow-sm); }

/* line 1342, promo-css.scss */
.result-total {
  background: var(--fw-bg-light);
  padding: 15px 25px;
  border-radius: var(--fw-radius-sm);
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
  font-size: 18px; }

/* line 1353, promo-css.scss */
.result-total-value {
  font-size: 28px;
  font-weight: 700;
  color: var(--fw-accent); }

/* line 1359, promo-css.scss */
.fw-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 32px;
  font-size: 16px;
  font-weight: 600;
  border: none;
  border-radius: var(--fw-radius-sm);
  cursor: pointer;
  transition: var(--fw-transition);
  text-decoration: none;
  gap: 8px; }

/* line 1374, promo-css.scss */
.fw-btn-primary {
  background: linear-gradient(135deg, var(--fw-accent), var(--fw-base));
  color: white;
  box-shadow: var(--fw-shadow-md); }

/* line 1380, promo-css.scss */
.fw-btn-primary:hover {
  transform: translateY(-2px);
  box-shadow: var(--fw-shadow-lg); }

/* line 1385, promo-css.scss */
.fw-btn-primary:active {
  transform: translateY(0); }

/* line 1389, promo-css.scss */
#confetti-canvas-koleso {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  z-index: 10003; }

/* line 1400, promo-css.scss */
.fortune-wheel-container {
  padding: 20px;
  position: relative; }

/* line 1405, promo-css.scss */
.fw-header {
  margin-bottom: 30px; }

/* line 1409, promo-css.scss */
.fw-header-content {
  background: var(--fw-white);
  border-radius: var(--fw-radius);
  padding: 25px 30px;
  box-shadow: var(--fw-shadow-md);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px; }

/* line 1421, promo-css.scss */
.fw-title {
  font-size: 32px;
  font-weight: 700;
  color: var(--fw-dark);
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 0; }

/* line 1431, promo-css.scss */
.fw-title-icon {
  font-size: 40px;
  animation: rotate 3s linear infinite; }

/* line 1436, promo-css.scss */
.fw-timer-container {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px; }

/* line 1443, promo-css.scss */
.fw-timer-label {
  font-size: 14px;
  color: #666;
  font-weight: 500; }

/* line 1449, promo-css.scss */
.fw-timer {
  display: flex;
  gap: 10px; }

/* line 1454, promo-css.scss */
.fw-timer-unit {
  background: linear-gradient(135deg, var(--fw-accent), var(--fw-base));
  color: white;
  padding: 10px 15px;
  border-radius: var(--fw-radius-sm);
  font-weight: 700;
  font-size: 18px;
  min-width: 65px;
  text-align: center;
  box-shadow: var(--fw-shadow-sm); }

/* line 1466, promo-css.scss */
.fw-timer-unit span {
  font-size: 24px; }

/* line 1470, promo-css.scss */
.fw-mobile-buttons {
  display: none;
  gap: 10px;
  margin-bottom: 20px;
  justify-content: center; }

/* line 1477, promo-css.scss */
.fw-mobile-btn {
  background: var(--fw-white);
  border: 2px solid var(--fw-base);
  border-radius: var(--fw-radius-sm);
  padding: 12px 24px;
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  transition: var(--fw-transition);
  box-shadow: var(--fw-shadow-sm);
  flex: 1;
  max-width: 180px; }

/* line 1492, promo-css.scss */
.fw-mobile-btn:active {
  transform: scale(0.95); }

/* line 1496, promo-css.scss */
.fw-mobile-btn-icon {
  font-size: 24px; }

/* line 1500, promo-css.scss */
.fw-mobile-btn-text {
  font-size: 14px;
  font-weight: 600;
  color: var(--fw-dark); }

/* line 1506, promo-css.scss */
.fw-mobile-btn:hover {
  background: linear-gradient(135deg, var(--fw-accent), var(--fw-base));
  border-color: var(--fw-accent);
  transform: translateY(-2px);
  box-shadow: var(--fw-shadow-md); }

/* line 1513, promo-css.scss */
.fw-mobile-btn:hover .fw-mobile-btn-text {
  color: white; }

/* line 1517, promo-css.scss */
.fw-mobile-modal-content {
  max-width: 90%;
  max-height: 85vh;
  padding: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column; }

/* line 1526, promo-css.scss */
.fw-mobile-modal-close {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 10;
  background: var(--fw-white);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: var(--fw-shadow-md); }

/* line 1541, promo-css.scss */
.fw-mobile-modal-body {
  padding: 10px 10px;
  overflow-y: auto;
  flex: 1; }

/* line 1547, promo-css.scss */
.fw-mobile-modal-body::-webkit-scrollbar {
  width: 6px; }

/* line 1551, promo-css.scss */
.fw-mobile-modal-body::-webkit-scrollbar-track {
  background: var(--fw-bg-light); }

/* line 1555, promo-css.scss */
.fw-mobile-modal-body::-webkit-scrollbar-thumb {
  background: var(--fw-shadow);
  border-radius: 10px; }

/* line 1560, promo-css.scss */
.fw-main {
  display: grid;
  grid-template-columns: 320px 1fr 320px;
  gap: 20px;
  align-items: start; }

/* line 1567, promo-css.scss */
.fw-card {
  background: var(--fw-white);
  border-radius: var(--fw-radius);
  padding: 25px;
  box-shadow: var(--fw-shadow-md);
  margin-bottom: 20px;
  overflow: hidden; }

/* line 1576, promo-css.scss */
.fw-card-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--fw-dark);
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px; }

/* line 1587, promo-css.scss */
.fw-card-header {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  gap: 20px; }

/* line 1595, promo-css.scss */
.fw-stat-item {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 15px;
  background: var(--fw-bg-light);
  border-radius: var(--fw-radius-sm);
  margin-bottom: 12px;
  transition: var(--fw-transition); }

/* line 1606, promo-css.scss */
.fw-stat-item:hover {
  transform: translateX(5px);
  box-shadow: var(--fw-shadow-sm); }

/* line 1611, promo-css.scss */
.fw-stat-points {
  background: linear-gradient(135deg, var(--fw-bg-light), #fff);
  border: 2px solid var(--fw-accent); }

/* line 1616, promo-css.scss */
.fw-stat-icon {
  font-size: 32px;
  line-height: 1; }

/* line 1621, promo-css.scss */
.fw-stat-content {
  flex: 1; }

/* line 1625, promo-css.scss */
.fw-stat-label {
  font-size: 13px;
  color: #666;
  margin-bottom: 4px; }

/* line 1631, promo-css.scss */
.fw-stat-value {
  font-size: 24px;
  font-weight: 700;
  color: var(--fw-dark); }

/* line 1637, promo-css.scss */
.fw-progress-container {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 2px solid var(--fw-bg-light); }

/* line 1643, promo-css.scss */
.fw-progress-label {
  font-size: 13px;
  color: #666;
  margin-bottom: 8px; }

/* line 1649, promo-css.scss */
.fw-progress-bar {
  background: var(--fw-bg-light);
  border-radius: 10px;
  height: 20px;
  overflow: hidden;
  position: relative; }

/* line 1657, promo-css.scss */
.fw-progress-fill {
  background: linear-gradient(90deg, var(--fw-accent), var(--fw-base));
  height: 100%;
  border-radius: 10px;
  transition: width 0.5s ease;
  position: relative;
  overflow: hidden; }

/* line 1666, promo-css.scss */
.fw-progress-fill::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  animation: shimmer 2s infinite; }

/* line 1677, promo-css.scss */
.fw-progress-text {
  font-size: 12px;
  color: #666;
  margin-top: 6px;
  text-align: center; }

/* line 1684, promo-css.scss */
.fw-achievement {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background: var(--fw-bg-light);
  border-radius: var(--fw-radius-sm);
  margin-bottom: 10px;
  transition: var(--fw-transition);
  position: relative; }

/* line 1696, promo-css.scss */
.fw-achievement-locked {
  opacity: 0.5;
  filter: grayscale(100%); }

/* line 1701, promo-css.scss */
.fw-achievement-unlocked {
  background: linear-gradient(135deg, #fff, var(--fw-bg-light));
  border: 2px solid var(--fw-accent);
  animation: achievementPulse 2s ease-in-out infinite; }

/* line 1707, promo-css.scss */
.fw-achievement-icon {
  font-size: 28px;
  line-height: 1; }

/* line 1712, promo-css.scss */
.fw-achievement-content {
  flex: 1; }

/* line 1716, promo-css.scss */
.fw-achievement-name {
  font-weight: 600;
  font-size: 14px;
  color: var(--fw-dark); }

/* line 1722, promo-css.scss */
.fw-achievement-desc {
  font-size: 12px;
  color: #666; }

/* line 1727, promo-css.scss */
.fw-achievement-help {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--fw-accent);
  color: white;
  border: none;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--fw-transition);
  box-shadow: var(--fw-shadow-sm);
  opacity: 0.8;
  z-index: 2; }

/* line 1749, promo-css.scss */
.fw-achievement-help:hover {
  opacity: 1;
  transform: scale(1.1);
  box-shadow: var(--fw-shadow-md); }

/* line 1755, promo-css.scss */
.fw-tooltip-modal {
  max-width: 400px;
  text-align: center; }

/* line 1760, promo-css.scss */
.fw-tooltip-content {
  padding: 20px 0; }

/* line 1764, promo-css.scss */
.fw-tooltip-icon {
  font-size: 64px;
  margin-bottom: 20px;
  animation: bounce 1s infinite; }

/* line 1770, promo-css.scss */
.fw-tooltip-content h3 {
  font-size: 24px;
  color: var(--fw-dark);
  margin-bottom: 15px; }

/* line 1776, promo-css.scss */
.fw-tooltip-content p {
  font-size: 16px;
  color: #666;
  line-height: 1.6; }

/* line 1782, promo-css.scss */
.fw-wheel-section {
  display: flex;
  flex-direction: column;
  align-items: center; }

/* line 1788, promo-css.scss */
.fw-status {
  background: var(--fw-white);
  border-radius: var(--fw-radius);
  padding: 15px 25px;
  box-shadow: var(--fw-shadow-md);
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 30px;
  animation: statusFade 0.5s ease; }

/* line 1800, promo-css.scss */
.fw-status-icon {
  font-size: 24px; }

/* line 1804, promo-css.scss */
.fw-status-text {
  font-size: 16px;
  font-weight: 600;
  color: var(--fw-dark); }

/* line 1810, promo-css.scss */
.fw-wheel-container {
  position: relative;
  margin-bottom: 30px; }

/* line 1815, promo-css.scss */
.fw-wheel-pointer {
  position: absolute;
  top: -45px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 62px;
  /*color: var(--fw-accent);*/
  color: #ff768e;
  z-index: 100;
  filter: drop-shadow(0 4px 8px rgba(255, 143, 163, 0.4));
  animation: pointerBounce 2s ease-in-out infinite; }

/* line 1828, promo-css.scss */
#wheel-canvas {
  display: block;
  filter: drop-shadow(0 8px 24px rgba(217, 167, 199, 0.4)); }

/* line 1833, promo-css.scss */
.fw-spin-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 140px;
  height: 140px;
  border-radius: 50%;
  background: linear-gradient(135deg, var(--fw-accent), var(--fw-base));
  border: 6px solid white;
  box-shadow: var(--fw-shadow-lg), inset 0 2px 8px rgba(255, 255, 255, 0.3);
  cursor: pointer;
  transition: var(--fw-transition);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: white;
  font-weight: 700; }

/* line 1855, promo-css.scss */
.fw-spin-button:hover:not(:disabled) {
  transform: translate(-50%, -50%) scale(1.1);
  box-shadow: var(--fw-shadow-lg), 0 0 30px rgba(255, 143, 163, 0.6); }

/* line 1860, promo-css.scss */
.fw-spin-button:active:not(:disabled) {
  transform: translate(-50%, -50%) scale(1.05); }

/* line 1864, promo-css.scss */
.fw-spin-button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  background: linear-gradient(135deg, #ccc, #999); }

/* line 1870, promo-css.scss */
.fw-spin-button-text {
  font-size: 20px;
  text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); }

/* line 1875, promo-css.scss */
.fw-spin-button-subtext {
  font-size: 12px;
  font-weight: 500;
  opacity: 0.9; }

/* line 1881, promo-css.scss */
.fw-spin-button.spinning {
  pointer-events: none;
  animation: buttonPulse 0.5s ease-in-out infinite; }

/* line 1886, promo-css.scss */
.fw-next-spin {
  background: var(--fw-white);
  border-radius: var(--fw-radius);
  padding: 20px 30px;
  box-shadow: var(--fw-shadow-md);
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 30px;
  animation: slideUp 0.4s ease; }

/* line 1898, promo-css.scss */
.fw-next-spin-icon {
  font-size: 32px; }

/* line 1902, promo-css.scss */
.fw-next-spin-text {
  display: flex;
  flex-direction: column;
  gap: 5px; }

/* line 1908, promo-css.scss */
.fw-next-spin-text > div:first-child {
  font-size: 14px;
  color: #666; }

/* line 1913, promo-css.scss */
.fw-next-spin-time {
  font-size: 24px;
  font-weight: 700;
  color: var(--fw-accent); }

/* line 1919, promo-css.scss */
.fw-history-card {
  max-width: 600px;
  width: 100%; }

/* line 1924, promo-css.scss */
.fw-history-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 300px;
  overflow-y: auto;
  padding-right: 5px; }

/* line 1933, promo-css.scss */
.fw-history-list::-webkit-scrollbar {
  width: 6px; }

/* line 1937, promo-css.scss */
.fw-history-list::-webkit-scrollbar-track {
  background: var(--fw-bg-light);
  border-radius: 10px; }

/* line 1942, promo-css.scss */
.fw-history-list::-webkit-scrollbar-thumb {
  background: var(--fw-shadow);
  border-radius: 10px; }

/* line 1947, promo-css.scss */
.fw-history-list::-webkit-scrollbar-thumb:hover {
  background: var(--fw-accent); }

/* line 1951, promo-css.scss */
.fw-history-empty {
  text-align: center;
  color: #999;
  padding: 40px 20px;
  font-size: 15px; }

/* line 1958, promo-css.scss */
.fw-history-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--fw-bg-light);
  padding: 12px 16px;
  border-radius: var(--fw-radius-sm);
  transition: var(--fw-transition);
  animation: slideInLeft 0.3s ease; }

/* line 1969, promo-css.scss */
.fw-history-item:hover {
  background: #ffe6eca1;
  box-shadow: var(--fw-shadow-sm);
  transform: translateX(5px); }

/* line 1975, promo-css.scss */
.fw-history-item-left {
  display: flex;
  align-items: center;
  gap: 12px; }

/* line 1981, promo-css.scss */
.fw-history-item-icon {
  font-size: 24px; }

/* line 1985, promo-css.scss */
.fw-history-item-info {
  display: flex;
  flex-direction: column;
  gap: 3px; }

/* line 1991, promo-css.scss */
.fw-history-item-points {
  font-size: 16px;
  font-weight: 700;
  color: var(--fw-accent); }

/* line 1997, promo-css.scss */
.fw-history-item-time {
  font-size: 12px;
  color: #999; }

/* line 2002, promo-css.scss */
.fw-history-item-bonus {
  display: inline-block;
  background: linear-gradient(135deg, var(--fw-accent), var(--fw-base));
  color: white;
  padding: 4px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  margin-left: 8px; }

/* line 2013, promo-css.scss */
.fw-leaderboard-card {
  max-height: calc(100vh - 40px);
  overflow: hidden;
  display: flex;
  flex-direction: column; }

/* line 2020, promo-css.scss */
.fw-refresh-btn {
  background: var(--fw-bg-light);
  border: none;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  cursor: pointer;
  transition: var(--fw-transition);
  display: flex;
  align-items: center;
  justify-content: center; }

/* line 2033, promo-css.scss */
.fw-refresh-btn:hover {
  background: var(--fw-accent);
  transform: rotate(180deg); }

/* line 2038, promo-css.scss */
.fw-refresh-icon {
  font-size: 18px; }

/* line 2042, promo-css.scss */
.fw-leaderboard {
  overflow-y: auto;
  max-height: 450px;
  padding-right: 15px; }

/* line 2048, promo-css.scss */
.fw-leaderboard::-webkit-scrollbar {
  width: 6px; }

/* line 2052, promo-css.scss */
.fw-leaderboard::-webkit-scrollbar-track {
  background: var(--fw-bg-light);
  border-radius: 10px; }

/* line 2057, promo-css.scss */
.fw-leaderboard::-webkit-scrollbar-thumb {
  background: var(--fw-shadow);
  border-radius: 10px; }

/* line 2062, promo-css.scss */
.fw-leaderboard::-webkit-scrollbar-thumb:hover {
  background: var(--fw-accent); }

/* line 2066, promo-css.scss */
.fw-leaderboard-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  padding: 40px 20px;
  color: #999; }

/* line 2075, promo-css.scss */
.fw-spinner {
  width: 40px;
  height: 40px;
  border: 4px solid var(--fw-bg-light);
  border-top-color: var(--fw-accent);
  border-radius: 50%;
  animation: spin 0.8s linear infinite; }

/* line 2084, promo-css.scss */
.fw-leaderboard-item {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 12px;
  background: var(--fw-bg-light);
  border-radius: var(--fw-radius-sm);
  margin: 8px 18px;
  transition: var(--fw-transition);
  animation: fadeInUp 0.3s ease; }

/* line 2096, promo-css.scss */
.fw-leaderboard-item:hover {
  background: linear-gradient(135deg, #f95975, var(--fw-base));
  box-shadow: var(--fw-shadow-sm);
  transform: translateX(-5px); }

/* line 2102, promo-css.scss */
.fw-leaderboard-item-top1 {
  background: linear-gradient(135deg, #FFD700, #FFA500);
  color: white;
  box-shadow: var(--fw-shadow-md); }

/* line 2108, promo-css.scss */
.fw-leaderboard-item-top2 {
  background: linear-gradient(135deg, #C0C0C0, #A8A8A8);
  color: white;
  box-shadow: var(--fw-shadow-md); }

/* line 2114, promo-css.scss */
.fw-leaderboard-item-top3 {
  background: linear-gradient(135deg, #CD7F32, #B8860B);
  color: white;
  box-shadow: var(--fw-shadow-md); }

/* line 2120, promo-css.scss */
.fw-leaderboard-item-current {
  background: linear-gradient(135deg, var(--fw-accent), var(--fw-base));
  color: white;
  border: 3px solid white;
  box-shadow: var(--fw-shadow-lg);
  animation: currentUserPulse 2s ease-in-out infinite; }

/* line 2128, promo-css.scss */
.fw-leaderboard-rank {
  font-size: 18px;
  font-weight: 700;
  min-width: 35px;
  text-align: center; }

/* line 2135, promo-css.scss */
.fw-leaderboard-info {
  flex: 1;
  min-width: 0; }

/* line 2140, promo-css.scss */
.fw-leaderboard-name {
  font-weight: 600;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

/* line 2148, promo-css.scss */
.fw-leaderboard-streak {
  font-size: 11px;
  opacity: 0.8;
  margin-top: 2px; }

/* line 2154, promo-css.scss */
.fw-leaderboard-points {
  font-size: 16px;
  font-weight: 700;
  white-space: nowrap; }

/* line 2160, promo-css.scss */
.fw-prizes-card {
  max-height: calc(100vh - 40px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  margin-top: 20px; }

/* line 2168, promo-css.scss */
.fw-prize-item {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 15px;
  margin: 0 20px;
  border-radius: var(--fw-radius-sm);
  transition: var(--fw-transition);
  position: relative;
  cursor: pointer; }

/* line 2180, promo-css.scss */
.fw-prize-item:hover {
  transform: scale(1.05);
  box-shadow: var(--fw-shadow-md); }

/* line 2185, promo-css.scss */
.fw-prize-gold {
  background: linear-gradient(135deg, #FFD700, #FFA500);
  color: white; }

/* line 2190, promo-css.scss */
.fw-prize-silver {
  background: linear-gradient(135deg, #C0C0C0, #A8A8A8);
  color: white; }

/* line 2195, promo-css.scss */
.fw-prize-bronze {
  background: linear-gradient(135deg, #CD7F32, #B8860B);
  color: white; }

/* line 2200, promo-css.scss */
.fw-prize-medal {
  font-size: 36px;
  line-height: 1; }

/* line 2205, promo-css.scss */
.fw-prize-content {
  flex: 1; }

/* line 2209, promo-css.scss */
.fw-prize-place {
  font-size: 14px;
  font-weight: 600;
  opacity: 0.9;
  margin-bottom: 3px; }

/* line 2216, promo-css.scss */
.fw-prize-name {
  font-size: 11px;
  font-weight: 700; }

/* line 2221, promo-css.scss */
.fw-prize-view-btn {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.3);
  color: white;
  border: 2px solid rgba(255, 255, 255, 0.5);
  font-size: 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--fw-transition); }

/* line 2240, promo-css.scss */
.fw-prize-view-btn:hover {
  background: rgba(255, 255, 255, 0.5);
  transform: translateY(-50%) scale(1.1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); }

/* line 2246, promo-css.scss */
.fw-prize-info-modal {
  max-width: 600px;
  text-align: center; }

/* line 2251, promo-css.scss */
.fw-prize-info-content {
  padding: 20px 0; }

/* line 2255, promo-css.scss */
.fw-prize-info-medal {
  font-size: 16px;
  color: #666;
  margin-bottom: 15px;
  white-space: pre-line; }

/* line 2262, promo-css.scss */
.fw-prize-info-content h2 {
  color: var(--fw-accent);
  font-size: 30px;
  margin-bottom: 20px; }

/* line 2268, promo-css.scss */
.fw-prize-info-image {
  border-radius: var(--fw-radius);
  margin-bottom: 20px;
  min-height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: unlockGift 1.5s ease-out, float-2 6s ease-in-out infinite;
  animation-delay: 0s, 1.5s; }

/* line 2279, promo-css.scss */
.fw-prize-info-image img {
  max-width: 100%;
  max-height: 400px;
  border-radius: var(--fw-radius-sm); }

/* line 2285, promo-css.scss */
.fw-prize-info-placeholder {
  font-size: 18px;
  color: #999;
  text-align: center;
  padding: 40px 20px; }

/* line 2292, promo-css.scss */
.fw-prizes-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 450px;
  overflow-y: auto;
  padding-right: 5px; }

/* line 2301, promo-css.scss */
.fw-prizes-list::-webkit-scrollbar {
  width: 6px; }

/* line 2305, promo-css.scss */
.fw-prizes-list::-webkit-scrollbar-track {
  background: var(--fw-bg-light);
  border-radius: 10px; }

/* line 2310, promo-css.scss */
.fw-prizes-list::-webkit-scrollbar-thumb {
  background: var(--fw-shadow);
  border-radius: 10px; }

/* line 2315, promo-css.scss */
.fw-prizes-list::-webkit-scrollbar-thumb:hover {
  background: var(--fw-accent); }

/* Стили для 4-го места */
/* line 2320, promo-css.scss */
.fw-prize-fourth {
  background: linear-gradient(135deg, #87CEEB, #4682B4);
  color: white; }

/* Стили для 5-го места */
/* line 2326, promo-css.scss */
.fw-prize-fifth {
  background: linear-gradient(135deg, #98D8C8, #6AB89F);
  color: white; }

@keyframes fadeIn {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(30px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-20px); }
  to {
    opacity: 1;
    transform: translateX(0); } }
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(10px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
@keyframes bounce {
  0%, 100% {
    transform: translateY(0); }
  50% {
    transform: translateY(-10px); } }
@keyframes rotate {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
@keyframes spin {
  to {
    transform: rotate(360deg); } }
@keyframes pointerBounce {
  0%, 100% {
    transform: translateX(-50%) translateY(0); }
  50% {
    transform: translateX(-50%) translateY(10px); } }
@keyframes buttonPulse {
  0%, 100% {
    transform: translate(-50%, -50%) scale(1); }
  50% {
    transform: translate(-50%, -50%) scale(1.05); } }
@keyframes shimmer {
  0% {
    transform: translateX(-100%); }
  100% {
    transform: translateX(100%); } }
@keyframes resultPop {
  0% {
    transform: scale(0.8);
    opacity: 0; }
  50% {
    transform: scale(1.05); }
  100% {
    transform: scale(1);
    opacity: 1; } }
@keyframes iconBounce {
  0%, 100% {
    transform: scale(1) rotate(0deg); }
  25% {
    transform: scale(1.2) rotate(-10deg); }
  50% {
    transform: scale(0.9) rotate(10deg); }
  75% {
    transform: scale(1.1) rotate(-5deg); } }
@keyframes achievementPulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(255, 143, 163, 0.7); }
  50% {
    box-shadow: 0 0 0 10px rgba(255, 143, 163, 0); } }
@keyframes currentUserPulse {
  0%, 100% {
    box-shadow: var(--fw-shadow-lg), 0 0 0 0 rgba(255, 143, 163, 0.7); }
  50% {
    box-shadow: var(--fw-shadow-lg), 0 0 0 10px rgba(255, 143, 163, 0); } }
@keyframes statusFade {
  from {
    opacity: 0;
    transform: scale(0.95); }
  to {
    opacity: 1;
    transform: scale(1); } }
@media (max-width: 1400px) {
  /* line 2439, promo-css.scss */
  .fw-main {
    grid-template-columns: 280px 1fr 280px; } }
@media (max-width: 1200px) {
  /* line 2445, promo-css.scss */
  .fw-main {
    grid-template-columns: 1fr; }

  /* line 2449, promo-css.scss */
  .fw-sidebar-left,
  .fw-sidebar-right {
    display: none; }

  /* line 2454, promo-css.scss */
  .fw-mobile-buttons {
    display: flex; }

  /* line 2458, promo-css.scss */
  .fw-wheel-section {
    max-width: 100%; }

  /* line 2462, promo-css.scss */
  .fw-leaderboard::-webkit-scrollbar {
    display: none; }

  /* line 2466, promo-css.scss */
  .fw-leaderboard {
    -ms-overflow-style: none;
    scrollbar-width: none; }

  /* line 2471, promo-css.scss */
  .fw-prizes-list::-webkit-scrollbar {
    display: none; }

  /* line 2475, promo-css.scss */
  .fw-prizes-list {
    -ms-overflow-style: none;
    scrollbar-width: none; } }
@media (max-width: 768px) {
  /* line 2482, promo-css.scss */
  .fortune-wheel-container {
    padding: 10px; }

  /* line 2486, promo-css.scss */
  .fw-header-content {
    flex-direction: column;
    text-align: center;
    padding: 20px; }

  /* line 2492, promo-css.scss */
  .fw-title {
    font-size: 24px;
    justify-content: center; }

  /* line 2497, promo-css.scss */
  .fw-timer-container {
    align-items: center; }

  /* line 2501, promo-css.scss */
  .fw-timer-unit {
    padding: 8px 10px;
    min-width: 55px;
    font-size: 14px; }

  /* line 2507, promo-css.scss */
  .fw-timer-unit span {
    font-size: 18px; }

  /* line 2511, promo-css.scss */
  .fw-modal-content {
    padding: 20px 20px;
    width: 95%; }

  /* line 2516, promo-css.scss */
  .result-modal-content {
    padding: 40px 25px; }

  /* line 2520, promo-css.scss */
  .result-icon {
    font-size: 60px; }

  /* line 2524, promo-css.scss */
  .result-title {
    font-size: 24px; }

  /* line 2528, promo-css.scss */
  .result-points {
    font-size: 36px; }

  /* line 2532, promo-css.scss */
  #wheel-canvas {
    width: 100% !important;
    height: auto !important;
    max-width: 400px; }

  /* line 2538, promo-css.scss */
  .fw-spin-button {
    width: 110px;
    height: 110px; }

  /* line 2543, promo-css.scss */
  .fw-spin-button-text {
    font-size: 16px; }

  /* line 2547, promo-css.scss */
  .fw-spin-button-subtext {
    font-size: 11px; }

  /* line 2551, promo-css.scss */
  .fw-wheel-pointer {
    font-size: 50px;
    top: -40px; }

  /* line 2556, promo-css.scss */
  .fw-card {
    padding: 20px; }

  /* line 2560, promo-css.scss */
  .fw-card-title {
    font-size: 16px; }

  /* line 2564, promo-css.scss */
  .fw-mobile-buttons {
    flex-direction: row; }

  /* line 2568, promo-css.scss */
  .fw-mobile-btn {
    flex-direction: column;
    padding: 16px 12px;
    gap: 6px; }

  /* line 2574, promo-css.scss */
  .fw-mobile-btn-icon {
    font-size: 28px; }

  /* line 2578, promo-css.scss */
  .fw-tooltip-modal,
  .fw-prize-info-modal {
    max-width: 95%; }

  /* line 2583, promo-css.scss */
  .fw-prize-info-medal {
    font-size: 15px; }

  /* line 2587, promo-css.scss */
  .fw-prize-info-content h2 {
    font-size: 30px; }

  /* line 2591, promo-css.scss */
  .fw-prize-info-image {
    min-height: 200px; }

  /* line 2595, promo-css.scss */
  .fw-prizes-list {
    max-height: 350px; } }
@media (max-width: 480px) {
  /* line 2601, promo-css.scss */
  .fw-title {
    font-size: 20px; }

  /* line 2605, promo-css.scss */
  .fw-title-icon {
    font-size: 28px; }

  /* line 2609, promo-css.scss */
  .fw-timer {
    gap: 5px; }

  /* line 2613, promo-css.scss */
  .fw-timer-unit {
    padding: 6px 8px;
    min-width: 45px;
    font-size: 12px; }

  /* line 2619, promo-css.scss */
  .fw-timer-unit span {
    font-size: 16px; }

  /* line 2623, promo-css.scss */
  .auth-modal-icon {
    font-size: 48px; }

  /* line 2627, promo-css.scss */
  .auth-modal-content h2 {
    font-size: 22px; }

  /* line 2631, promo-css.scss */
  .fw-achievement-name {
    font-size: 13px; }

  /* line 2635, promo-css.scss */
  .fw-stat-icon {
    font-size: 28px; }

  /* line 2639, promo-css.scss */
  .fw-stat-value {
    font-size: 18px; }

  /* line 2643, promo-css.scss */
  .fw-stat-label {
    font-size: 12px; }

  /* line 2647, promo-css.scss */
  .fw-stat-item {
    padding: 10px; }

  /* line 2651, promo-css.scss */
  #wheel-canvas {
    max-width: 320px; }

  /* line 2655, promo-css.scss */
  .fw-spin-button {
    width: 90px;
    height: 90px; }

  /* line 2660, promo-css.scss */
  .fw-spin-button-text {
    font-size: 14px; }

  /* line 2664, promo-css.scss */
  .fw-prizes-list {
    max-height: 350px; }

  /* line 2668, promo-css.scss */
  .fw-prize-item {
    padding: 8px;
    margin: 0; }

  /* line 2673, promo-css.scss */
  .fw-leaderboard {
    padding: 0; }

  /* line 2677, promo-css.scss */
  .fw-prizes-list {
    padding: 0; }

  /* line 2681, promo-css.scss */
  .fw-leaderboard {
    max-height: 240px; }

  /* line 2685, promo-css.scss */
  .fw-leaderboard-item {
    padding: 6px;
    margin: 0 18px 8px 18px; }

  /* line 2690, promo-css.scss */
  .fw-prize-medal {
    font-size: 28px; }

  /* line 2694, promo-css.scss */
  .fw-prize-place {
    font-size: 13px; }

  /* line 2698, promo-css.scss */
  .fw-prize-name {
    font-size: 11px; } }
/* line 2703, promo-css.scss */
.fw-hidden {
  display: none !important; }

/* line 2707, promo-css.scss */
.fw-disabled {
  opacity: 0.5;
  pointer-events: none; }

/* line 2712, promo-css.scss */
.fw-text-center {
  text-align: center; }

/* line 2716, promo-css.scss */
.fw-mt-20 {
  margin-top: 20px; }

/* line 2720, promo-css.scss */
.fw-mb-20 {
  margin-bottom: 20px; }

/* Tab 3: Video Greeting */
/* line 2725, promo-css.scss */
.video-instructions {
  background: var(--fw-bg-light);
  padding: 30px;
  border-radius: var(--fw-radius-sm);
  margin-bottom: 30px; }

/* line 2732, promo-css.scss */
.video-kot {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 50px; }

/* line 2740, promo-css.scss */
.video-instructions h3 {
  color: var(--fw-accent);
  margin-bottom: 20px; }

/* line 2745, promo-css.scss */
.video-instructions ul {
  list-style: none;
  padding-left: 0; }

/* line 2750, promo-css.scss */
.video-instructions li {
  padding: 10px 0 10px 35px;
  position: relative; }

/* line 2755, promo-css.scss */
.video-instructions li::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: var(--fw-accent);
  font-weight: 700;
  font-size: 20px; }

/* line 2764, promo-css.scss */
.video-prizes-grid {
  display: flex;
  gap: 20px;
  overflow-x: auto;
  padding: 20px 0;
  scroll-snap-type: x mandatory;
  scrollbar-width: thin;
  scrollbar-color: var(--fw-accent) var(--fw-bg-light); }

/* line 2774, promo-css.scss */
.video-prizes-grid::-webkit-scrollbar {
  height: 8px; }

/* line 2778, promo-css.scss */
.video-prizes-grid::-webkit-scrollbar-track {
  background: var(--fw-bg-light);
  border-radius: 10px; }

/* line 2783, promo-css.scss */
.video-prizes-grid::-webkit-scrollbar-thumb {
  background: var(--fw-accent);
  border-radius: 10px; }

/* line 2788, promo-css.scss */
.video-prize-card {
  min-width: 220px;
  width: 220px;
  background: var(--fw-bg-light);
  border-radius: var(--fw-radius-sm);
  padding: 20px;
  text-align: center;
  scroll-snap-align: start;
  transition: var(--fw-transition);
  display: flex;
  flex-direction: column;
  align-items: center; }

/* line 2802, promo-css.scss */
.video-prize-card:hover {
  transform: translateY(-5px);
  box-shadow: var(--fw-shadow-md); }

/* line 2807, promo-css.scss */
.video-prize-card .prize-icon {
  font-size: 60px;
  margin-bottom: 15px; }

/* line 2812, promo-css.scss */
.video-prize-card .prize-name {
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 8px;
  color: var(--fw-dark);
  min-height: 3em; }

/* line 2820, promo-css.scss */
.video-prize-card .prize-value {
  color: var(--fw-accent);
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 15px;
  margin-top: auto; }

@media (min-width: 1280px) {
  /* line 2829, promo-css.scss */
  .video-prizes-grid {
    justify-content: center; } }
@media (max-width: 768px) {
  /* line 2835, promo-css.scss */
  .video-prize-card {
    min-width: 180px; }

  /* line 2839, promo-css.scss */
  .video-prize-card .prize-icon {
    font-size: 40px; }

  /* line 2843, promo-css.scss */
  .video-prize-card .prize-name {
    font-size: 14px;
    min-height: 36px; } }
/* line 2849, promo-css.scss */
.video-prize-card .unlock-btn {
  display: block;
  width: 100%;
  margin-top: 10px;
  padding: 10px 16px;
  background: var(--fw-accent);
  color: white;
  border: none;
  border-radius: var(--fw-radius-sm);
  cursor: pointer;
  font-weight: 600;
  transition: var(--fw-transition); }

/* line 2863, promo-css.scss */
.video-prize-card .unlock-btn:hover {
  transform: scale(1.05);
  box-shadow: var(--fw-shadow-sm); }

/* Important Info Section */
/* line 2869, promo-css.scss */
.important-info {
  background: linear-gradient(135deg, #FF8FA3 0%, #FFB3C1 100%);
  color: white;
  border-radius: var(--fw-radius);
  padding: 40px;
  margin: 60px auto;
  max-width: 1200px;
  text-align: center;
  box-shadow: var(--fw-shadow-lg); }

/* line 2880, promo-css.scss */
.important-info h2 {
  font-size: 32px;
  margin-bottom: 20px; }
  @media (max-width: 768px) {
    /* line 2880, promo-css.scss */
    .important-info h2 {
      font-size: 25px; } }

/* line 2888, promo-css.scss */
.info-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 20px;
  margin-top: 30px; }

/* line 2895, promo-css.scss */
.info-card {
  background: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  padding: 25px;
  border-radius: var(--fw-radius-sm);
  border: 2px solid rgba(255, 255, 255, 0.3); }

/* line 2903, promo-css.scss */
.info-card-icon {
  font-size: 48px;
  margin-bottom: 15px;
  animation: float-1 8s ease-in-out infinite; }

/* line 2909, promo-css.scss */
.info-card-title {
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px; }

@media (max-width: 768px) {
  /* line 2916, promo-css.scss */
  .info-cards {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 15px;
    padding: 20px 0;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.5) rgba(255, 255, 255, 0.1); }

  /* line 2930, promo-css.scss */
  .info-cards::-webkit-scrollbar {
    height: 6px; }

  /* line 2934, promo-css.scss */
  .info-cards::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px; }

  /* line 2939, promo-css.scss */
  .info-cards::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.5);
    border-radius: 10px; }

  /* line 2944, promo-css.scss */
  .info-card {
    min-width: 280px;
    max-width: 280px;
    flex-shrink: 0;
    scroll-snap-align: start; }

  /* Добавляем отступ после последней карточки */
  /* line 2952, promo-css.scss */
  .info-card:last-child {
    margin-right: 20px; } }
@media (max-width: 480px) {
  /* line 2958, promo-css.scss */
  .info-card {
    min-width: 260px;
    max-width: 260px;
    padding: 20px; }

  /* line 2964, promo-css.scss */
  .info-card-icon {
    font-size: 40px; }

  /* line 2968, promo-css.scss */
  .info-card-title {
    font-size: 18px; }

  /* line 2972, promo-css.scss */
  .info-card p {
    font-size: 14px; } }
/* FAQ Section */
/* line 2978, promo-css.scss */
.faq-section {
  margin: 60px auto;
  max-width: 900px; }

/* line 2983, promo-css.scss */
.faq-item {
  background: var(--fw-white);
  border-radius: var(--fw-radius-sm);
  margin-bottom: 15px;
  box-shadow: var(--fw-shadow-sm);
  overflow: hidden;
  opacity: 0;
  animation: fadeInUp 0.6s ease-out forwards; }

/* line 2993, promo-css.scss */
.faq-item:nth-child(1) {
  animation-delay: 0.1s; }

/* line 2994, promo-css.scss */
.faq-item:nth-child(2) {
  animation-delay: 0.2s; }

/* line 2995, promo-css.scss */
.faq-item:nth-child(3) {
  animation-delay: 0.3s; }

/* line 2996, promo-css.scss */
.faq-item:nth-child(4) {
  animation-delay: 0.4s; }

/* line 2997, promo-css.scss */
.faq-item:nth-child(5) {
  animation-delay: 0.5s; }

/* line 2998, promo-css.scss */
.faq-item:nth-child(6) {
  animation-delay: 0.6s; }

/* line 2999, promo-css.scss */
.faq-item:nth-child(7) {
  animation-delay: 0.7s; }

/* line 3000, promo-css.scss */
.faq-item:nth-child(8) {
  animation-delay: 0.8s; }

/* line 3002, promo-css.scss */
.faq-question {
  width: 100%;
  background: var(--fw-white);
  border: none;
  padding: 20px 25px;
  text-align: left;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: var(--fw-transition);
  color: var(--fw-dark); }

/* line 3018, promo-css.scss */
.faq-question:hover {
  background: var(--fw-bg-light); }

/* line 3022, promo-css.scss */
.faq-question::after {
  content: '+';
  font-size: 28px;
  color: var(--fw-accent);
  transition: var(--fw-transition); }

/* line 3029, promo-css.scss */
.faq-question.active::after {
  content: '−';
  transform: rotate(180deg); }

/* line 3034, promo-css.scss */
.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  padding: 0 25px;
  background: var(--fw-bg-light); }

/* line 3042, promo-css.scss */
.faq-answer.active {
  max-height: 1000px; }

/* line 3046, promo-css.scss */
.faq-answer p {
  color: #666;
  line-height: 1.8;
  padding: 20px 25px; }

/* Rules Section */
/* line 3053, promo-css.scss */
.rules-section {
  background: var(--fw-white);
  border-radius: var(--fw-radius);
  padding: 40px;
  margin: 60px auto;
  max-width: 900px;
  box-shadow: var(--fw-shadow-md); }

/* line 3062, promo-css.scss */
.rules-section h2 {
  color: var(--fw-accent);
  margin-bottom: 25px;
  font-size: 32px; }
  @media (max-width: 768px) {
    /* line 3062, promo-css.scss */
    .rules-section h2 {
      font-size: 25px; } }

/* line 3071, promo-css.scss */
.rules-list {
  list-style: none;
  padding: 0; }

/* line 3076, promo-css.scss */
.rules-list li {
  padding: 15px 0 15px 40px;
  position: relative;
  border-bottom: 1px solid var(--fw-bg-light); }

/* line 3082, promo-css.scss */
.rules-list li:last-child {
  border-bottom: none; }

/* line 3086, promo-css.scss */
.rules-list li::before {
  content: '→';
  position: absolute;
  left: 0;
  color: var(--fw-accent);
  font-weight: 700;
  font-size: 20px; }

/* Footer */
/* line 3096, promo-css.scss */
footer {
  background: var(--fw-dark);
  color: var(--fw-white);
  padding: 40px 20px;
  margin-top: 80px;
  border-radius: 15px 15px 0 0; }

/* line 3104, promo-css.scss */
.footer-content {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 40px; }

/* line 3112, promo-css.scss */
.footer-section h3 {
  color: var(--fw-accent);
  margin-bottom: 20px; }

/* line 3117, promo-css.scss */
.footer-section ul {
  list-style: none; }

/* line 3121, promo-css.scss */
.footer-section ul li {
  margin-bottom: 10px; }

/* line 3125, promo-css.scss */
.footer-section a {
  color: var(--fw-white);
  text-decoration: none;
  transition: var(--fw-transition); }

/* line 3131, promo-css.scss */
.footer-section a:hover {
  color: var(--fw-accent); }

/* line 3135, promo-css.scss */
.social-links {
  display: flex;
  gap: 15px;
  font-size: 24px;
  flex-wrap: wrap; }

/* line 3142, promo-css.scss */
.social-links a img {
  max-width: 42px;
  max-height: 42px; }

/* line 3147, promo-css.scss */
.footer-bottom {
  text-align: center;
  margin-top: 40px;
  padding-top: 30px;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  color: #999; }

/* Toast Notifications */
/* line 3156, promo-css.scss */
.toast-container {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 10000;
  display: flex;
  flex-direction: column;
  gap: 10px; }

/* line 3166, promo-css.scss */
.toast {
  background: var(--fw-white);
  padding: 16px 20px;
  border-radius: var(--fw-radius-sm);
  box-shadow: var(--fw-shadow-lg);
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 300px;
  animation: slideInRight 0.4s ease-out;
  border-left: 4px solid var(--fw-accent); }

/* line 3179, promo-css.scss */
.toast.hiding {
  animation: slideOutRight 0.4s ease-out forwards; }

@keyframes slideInRight {
  from {
    transform: translateX(400px);
    opacity: 0; }
  to {
    transform: translateX(0);
    opacity: 1; } }
@keyframes slideOutRight {
  from {
    transform: translateX(0);
    opacity: 1; }
  to {
    transform: translateX(400px);
    opacity: 0; } }
/* line 3205, promo-css.scss */
.toast-icon {
  font-size: 24px; }

/* line 3209, promo-css.scss */
.toast-content {
  flex: 1; }

/* line 3213, promo-css.scss */
.toast-name {
  font-weight: 600;
  color: var(--fw-dark); }

/* line 3218, promo-css.scss */
.toast-text {
  font-size: 14px;
  color: #666; }

/* Sticky CTA Button */
/* line 3224, promo-css.scss */
.sticky-cta {
  position: fixed;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--fw-accent);
  color: white;
  padding: 16px 40px;
  border-radius: 50px;
  font-weight: 700;
  font-size: 16px;
  box-shadow: var(--fw-shadow-lg);
  cursor: pointer;
  transition: var(--fw-transition);
  z-index: 1000;
  opacity: 0;
  pointer-events: none;
  border: none; }
  @media (max-width: 768px) {
    /* line 3224, promo-css.scss */
    .sticky-cta {
      padding: 10px 20px;
      font-size: 12px;
      text-align: center; } }

/* line 3249, promo-css.scss */
.sticky-cta.visible {
  opacity: 1;
  pointer-events: all; }

/* line 3254, promo-css.scss */
.sticky-cta:hover {
  transform: translateX(-50%) scale(1.05);
  box-shadow: 0 12px 40px rgba(255, 143, 163, 0.5); }

/* Modal */
/* line 3260, promo-css.scss */
.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(5px);
  z-index: 10000;
  justify-content: center;
  align-items: center;
  animation: fadeIn 0.3s ease-out; }

/* line 3275, promo-css.scss */
.modal.active {
  display: flex; }

/* line 3279, promo-css.scss */
.modal-content {
  background: var(--fw-white);
  border-radius: var(--fw-radius);
  padding: 20px 40px;
  max-width: 600px;
  width: 90%;
  position: relative;
  animation: scaleIn 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  max-height: 90vh;
  overflow-y: auto; }
  @media (max-width: 768px) {
    /* line 3279, promo-css.scss */
    .modal-content {
      padding: 20px 10px; } }

@keyframes scaleIn {
  from {
    transform: scale(0.8);
    opacity: 0; }
  to {
    transform: scale(1);
    opacity: 1; } }
/* line 3305, promo-css.scss */
.modal-close {
  position: absolute;
  top: 15px;
  right: 15px;
  background: none;
  border: none;
  font-size: 32px;
  color: #999;
  cursor: pointer;
  transition: var(--fw-transition);
  z-index: 1; }

/* line 3318, promo-css.scss */
.modal-close:hover {
  color: var(--fw-accent);
  transform: rotate(90deg); }

/* line 3323, promo-css.scss */
.unlock-animation {
  text-align: center;
  padding: 40px; }
  @media (max-width: 768px) {
    /* line 3323, promo-css.scss */
    .unlock-animation {
      padding: 0; } }

/* line 3331, promo-css.scss */
.unlock-gift {
  animation: unlockGift 1.5s ease-out, float-2 6s ease-in-out infinite;
  animation-delay: 0s, 1.5s; }

@keyframes unlockGift {
  0% {
    transform: scale(0) rotate(-180deg);
    opacity: 0; }
  50% {
    transform: scale(1.2) rotate(10deg); }
  100% {
    transform: scale(1) rotate(0deg);
    opacity: 1; } }
@keyframes float-2 {
  0%, 100% {
    transform: translateY(0px) rotate(0deg); }
  50% {
    transform: translateY(-20px) rotate(5deg); } }
/* line 3347, promo-css.scss */
.unlock-details {
  margin-top: 0; }

/* line 3351, promo-css.scss */
.unlock-details h2 {
  color: var(--fw-accent);
  font-size: 30px;
  margin-bottom: 20px; }

/* line 3357, promo-css.scss */
.unlock-details p {
  font-size: 16px;
  color: #666;
  margin-bottom: 15px; }

/* line 3363, promo-css.scss */
.unlock-value {
  font-size: 34px;
  font-weight: 700;
  color: var(--fw-accent);
  margin: 20px 0; }

/* Share Buttons */
/* line 3371, promo-css.scss */
.share-section {
  text-align: center;
  margin: 40px 0; }

/* line 3376, promo-css.scss */
.share-section .container h3 {
  font-size: 32px;
  margin-bottom: 15px; }
  @media (max-width: 768px) {
    /* line 3376, promo-css.scss */
    .share-section .container h3 {
      font-size: 25px; } }

/* line 3384, promo-css.scss */
.share-buttons {
  display: flex;
  gap: 15px;
  justify-content: center;
  margin-top: 20px; }

/* line 3391, promo-css.scss */
.share-btn {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: none;
  font-size: 24px;
  cursor: pointer;
  transition: var(--fw-transition);
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (max-width: 1024px) {
    /* line 3391, promo-css.scss */
    .share-btn {
      width: 50px;
      height: 50px; } }

/* line 3408, promo-css.scss */
.share-btn img {
  max-width: 62px;
  max-height: 62px; }
  @media (max-width: 1024px) {
    /* line 3408, promo-css.scss */
    .share-btn img {
      width: 42px;
      height: 42px; } }

/* line 3417, promo-css.scss */
.share-btn:hover {
  transform: translateY(-5px); }

/* Responsive */
@media (max-width: 1024px) {
  /* line 3423, promo-css.scss */
  .prizes-grid {
    flex-wrap: wrap; }

  /* line 3427, promo-css.scss */
  .daily-deal {
    grid-template-columns: 1fr; } }
@media (max-width: 768px) {
  /* line 3433, promo-css.scss */
  .hero h1 {
    font-size: 32px; }

  /* line 3437, promo-css.scss */
  .hero-subtitle {
    font-size: 18px; }

  /* line 3441, promo-css.scss */
  .prizes-grid {
    flex-wrap: wrap; }

  /* line 3445, promo-css.scss */
  prize-planshet {
    margin-top: 15px; }

  /* line 3449, promo-css.scss */
  .steps-container {
    grid-template-columns: 1fr; }

  /* line 3453, promo-css.scss */
  .tabs-header {
    flex-direction: column; }

  /* line 3457, promo-css.scss */
  .toast-container {
    right: 15px;
    left: 15px; }

  /* line 3462, promo-css.scss */
  .toast {
    min-width: auto; } }
@media (max-width: 480px) {
  /* line 3468, promo-css.scss */
  .hero h1 {
    font-size: 24px; }

  /* line 3472, promo-css.scss */
  .prizes-grid {
    flex-direction: column; }

  /*.progress-section,
  .daily-deal,
  .tabs-section {
      padding: 20px;
  }*/
  /* line 3482, promo-css.scss */
  .cta-button {
    padding: 14px 32px;
    font-size: 16px; } }
/* Loading State */
/* line 3489, promo-css.scss */
.loading {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: 3px solid rgba(255, 255, 255, 0.3);
  border-top-color: white;
  border-radius: 50%;
  animation: spin 0.8s linear infinite; }

@keyframes spin {
  to {
    transform: rotate(360deg); } }
/* Countdown Timer */
/* line 3504, promo-css.scss */
.countdown {
  display: flex;
  gap: 20px;
  justify-content: center;
  margin: 20px 0; }

/* line 3511, promo-css.scss */
.countdown-item {
  text-align: center; }

/* line 3515, promo-css.scss */
.countdown-value {
  font-size: 36px;
  font-weight: 700;
  color: var(--fw-accent);
  display: block; }

/* line 3522, promo-css.scss */
.countdown-label {
  font-size: 14px;
  color: #666; }

/* line 3527, promo-css.scss */
.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: var(--fw-header);
  box-shadow: var(--fw-shadow-md);
  z-index: 1000;
  transition: var(--fw-transition);
  animation: fadeInUp 1.4s ease-out; }

/* line 3539, promo-css.scss */
.header.scrolled {
  box-shadow: var(--fw-shadow-lg); }

/* line 3543, promo-css.scss */
.header-container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 15px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center; }

/* line 3552, promo-css.scss */
.header-logo a {
  display: flex;
  align-items: center;
  text-decoration: none;
  transition: var(--fw-transition); }

/* line 3559, promo-css.scss */
.header-logo a:hover {
  transform: scale(1.05); }

/* line 3563, promo-css.scss */
.logo-image {
  height: 50px;
  width: auto; }

/* line 3568, promo-css.scss */
.logo-text {
  font-size: 28px;
  font-weight: 800;
  color: var(--fw-accent);
  letter-spacing: -0.5px; }

/* line 3575, promo-css.scss */
.header-nav {
  display: flex;
  align-items: center;
  gap: 25px; }

/* line 3581, promo-css.scss */
.nav-link {
  text-decoration: none;
  color: var(--fw-dark);
  font-weight: 600;
  font-size: 15px;
  transition: var(--fw-transition);
  position: relative;
  padding: 8px 0; }

/* line 3591, promo-css.scss */
.nav-link::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: var(--fw-accent);
  transition: var(--fw-transition); }

/* line 3602, promo-css.scss */
.nav-link:hover::after {
  width: 100%; }

/* line 3606, promo-css.scss */
.nav-link:hover {
  color: var(--fw-accent); }

/* line 3610, promo-css.scss */
.nav-link-primary {
  background: var(--fw-accent);
  color: var(--fw-white) !important;
  padding: 10px 24px;
  border-radius: var(--fw-radius-sm);
  box-shadow: var(--fw-shadow-sm); }

/* line 3618, promo-css.scss */
.nav-link-primary::after {
  display: none; }

/* line 3622, promo-css.scss */
.nav-link-primary:hover {
  transform: translateY(-2px);
  box-shadow: var(--fw-shadow-md); }

/* line 3627, promo-css.scss */
.mobile-menu-toggle {
  display: none;
  flex-direction: column;
  gap: 5px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px; }

/* line 3637, promo-css.scss */
.mobile-menu-toggle span {
  width: 28px;
  height: 3px;
  background: var(--fw-accent);
  border-radius: 2px;
  transition: var(--fw-transition); }

/* line 3645, promo-css.scss */
.mobile-menu-toggle.active span:nth-child(1) {
  transform: rotate(45deg) translate(8px, 8px); }

/* line 3649, promo-css.scss */
.mobile-menu-toggle.active span:nth-child(2) {
  opacity: 0; }

/* line 3653, promo-css.scss */
.mobile-menu-toggle.active span:nth-child(3) {
  transform: rotate(-45deg) translate(7px, -7px); }

/* ========== WHERE TO BUY SECTION ========== */
/* line 3659, promo-css.scss */
.where-to-buy-section {
  background: linear-gradient(135deg, var(--fw-accent) 0%, #FFB3C1 100%);
  border-radius: var(--fw-radius);
  padding: 80px 20px;
  margin: 80px auto 60px;
  position: relative;
  overflow: hidden; }

/* line 3668, promo-css.scss */
.where-to-buy-section::before {
  content: '🛒';
  position: absolute;
  font-size: 300px;
  opacity: 0.05;
  top: -50px;
  right: -50px;
  transform: rotate(-15deg);
  animation: float 5s ease-in-out infinite; }

/* line 3679, promo-css.scss */
.where-to-buy-content {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 40px;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto; }

/* line 3688, promo-css.scss */
.where-to-buy-logo {
  text-align: center; }

/* line 3692, promo-css.scss */
.large-logo {
  animation: float-1 8s ease-in-out infinite;
  width: 300px; }

/* line 3697, promo-css.scss */
.where-to-buy-text h2 {
  font-size: 42px;
  color: var(--fw-white);
  margin-bottom: 20px;
  line-height: 1.2; }

/* line 3704, promo-css.scss */
.where-to-buy-text p {
  font-size: 20px;
  color: rgba(255, 255, 255, 0.95);
  margin-bottom: 30px;
  line-height: 1.6; }

/* line 3711, promo-css.scss */
.where-to-buy-buttons {
  display: flex;
  gap: 15px;
  flex-wrap: wrap; }

/*.where-to-buy-buttons .cta-button {
    //flex: 1;
    min-width: 400px;
}*/
@media (min-width: 768px) {
  /* line 3723, promo-css.scss */
  .where-to-buy-buttons a {
    margin-right: 5px; } }
/* ========== WINNERS SECTION ========== */
/* line 3730, promo-css.scss */
.winners-section {
  background: var(--fw-white);
  padding: 40px 20px;
  margin: 60px auto;
  border-radius: var(--fw-radius);
  max-width: 1200px;
  box-shadow: var(--fw-shadow-md); }

/* line 3739, promo-css.scss */
.winners-grid {
  display: grid;
  gap: 40px;
  max-width: 1200px;
  margin: 0 auto; }

/* line 3746, promo-css.scss */
.winners-category {
  background: var(--fw-bg-light);
  border-radius: var(--fw-radius);
  padding: 30px;
  box-shadow: var(--fw-shadow-md); }

/* line 3753, promo-css.scss */
.category-title {
  font-size: 28px;
  color: var(--fw-accent);
  margin-bottom: 25px;
  display: flex;
  align-items: center;
  gap: 12px; }

/* line 3762, promo-css.scss */
.category-icon {
  font-size: 36px; }

/* line 3766, promo-css.scss */
.winners-table {
  background: var(--fw-white);
  border-radius: var(--fw-radius-sm);
  overflow: hidden;
  box-shadow: var(--fw-shadow-sm); }

/* line 3773, promo-css.scss */
.winners-table-header {
  display: grid;
  grid-template-columns: 1fr 2fr;
  background: var(--fw-accent);
  color: var(--fw-white);
  font-weight: 700;
  font-size: 16px;
  padding: 15px 20px; }

/* line 3783, promo-css.scss */
.winners-table-body {
  display: grid; }

/* line 3787, promo-css.scss */
.winner-row {
  display: grid;
  grid-template-columns: 1fr 2fr;
  padding: 18px 20px;
  border-bottom: 1px solid var(--fw-bg-light);
  transition: var(--fw-transition); }

/* line 3795, promo-css.scss */
.winner-row:last-child {
  border-bottom: none; }

/* line 3799, promo-css.scss */
.winner-row:hover {
  background: var(--fw-bg-light);
  transform: translateX(5px); }

/* line 3804, promo-css.scss */
.winner-name {
  font-weight: 600;
  color: var(--fw-dark);
  display: flex;
  align-items: center; }

/* line 3811, promo-css.scss */
.winner-name::before {
  content: '👤';
  margin-right: 10px;
  font-size: 18px; }

/* line 3817, promo-css.scss */
.winner-prize {
  color: #666;
  display: flex;
  align-items: center; }

/* line 3823, promo-css.scss */
.winner-prize::before {
  content: '🎁';
  margin-right: 10px;
  font-size: 18px; }

/* Анимация появления строк таблицы */
/* line 3830, promo-css.scss */
.winner-row {
  opacity: 0;
  animation: fadeInRow 0.5s ease-out forwards; }

/* line 3835, promo-css.scss */
.winner-row:nth-child(1) {
  animation-delay: 0.1s; }

/* line 3836, promo-css.scss */
.winner-row:nth-child(2) {
  animation-delay: 0.2s; }

/* line 3837, promo-css.scss */
.winner-row:nth-child(3) {
  animation-delay: 0.3s; }

/* line 3838, promo-css.scss */
.winner-row:nth-child(4) {
  animation-delay: 0.4s; }

/* line 3839, promo-css.scss */
.winner-row:nth-child(5) {
  animation-delay: 0.5s; }

/* line 3840, promo-css.scss */
.winner-row:nth-child(6) {
  animation-delay: 0.6s; }

/* line 3841, promo-css.scss */
.winner-row:nth-child(7) {
  animation-delay: 0.7s; }

@keyframes fadeInRow {
  from {
    opacity: 0;
    transform: translateY(10px); }
  to {
    opacity: 1;
    transform: translateY(0); } }
/* ========== RESPONSIVE STYLES ========== */
@media (max-width: 1024px) {
  /* line 3857, promo-css.scss */
  .header-nav {
    gap: 15px; }

  /* line 3861, promo-css.scss */
  .nav-link {
    font-size: 14px; }

  /* line 3865, promo-css.scss */
  .where-to-buy-content {
    grid-template-columns: 1fr;
    gap: 0;
    text-align: center; }

  /* line 3871, promo-css.scss */
  .where-to-buy-text h2 {
    font-size: 36px; }

  /* line 3875, promo-css.scss */
  .where-to-buy-buttons {
    justify-content: center; } }
@media (max-width: 768px) {
  /* line 3881, promo-css.scss */
  body {
    padding-top: 20px; }

  /* line 3885, promo-css.scss */
  .header-container {
    padding: 12px 20px; }

  /* line 3889, promo-css.scss */
  .logo-image {
    height: 40px; }

  /* line 3893, promo-css.scss */
  .logo-text {
    font-size: 24px; }

  /* line 3897, promo-css.scss */
  .mobile-menu-toggle {
    display: flex; }

  /* line 3901, promo-css.scss */
  .header-nav {
    position: fixed;
    top: 70px;
    left: 0;
    right: 0;
    background: var(--fw-bg-light);
    flex-direction: column;
    padding: 20px;
    gap: 0;
    box-shadow: var(--fw-shadow-lg);
    transform: translateY(-100%);
    opacity: 0;
    pointer-events: none;
    transition: var(--fw-transition); }

  /* line 3917, promo-css.scss */
  .header-nav.active {
    transform: translateY(0);
    opacity: 1;
    pointer-events: all; }

  /* line 3923, promo-css.scss */
  .nav-link {
    width: 100%;
    padding: 15px;
    text-align: center;
    border-bottom: 1px solid var(--fw-header-link); }

  /* line 3930, promo-css.scss */
  .nav-link:last-child {
    border-bottom: none; }

  /* line 3934, promo-css.scss */
  .nav-link-primary {
    margin-top: 10px;
    padding: 15px 24px; }

  /* line 3939, promo-css.scss */
  .where-to-buy-text h2 {
    font-size: 28px; }

  /* line 3943, promo-css.scss */
  .where-to-buy-text p {
    font-size: 16px; }

  /* line 3947, promo-css.scss */
  .where-to-buy-buttons {
    flex-direction: column; }

  /* line 3951, promo-css.scss */
  .where-to-buy-buttons .cta-button {
    width: 100%; }

  /* line 3955, promo-css.scss */
  .winners-table-header,
  .winner-row {
    grid-template-columns: 1fr;
    gap: 10px; }

  /* line 3961, promo-css.scss */
  .winner-name-col {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding-bottom: 5px; }

  /* line 3966, promo-css.scss */
  .winner-name::before,
  .winner-prize::before {
    display: none; }

  /* line 3971, promo-css.scss */
  .winner-name,
  .winner-prize {
    padding: 5px 0; }

  /* line 3976, promo-css.scss */
  .category-title {
    font-size: 22px; } }
@media (max-width: 480px) {
  /* line 3982, promo-css.scss */
  .header-container {
    padding: 10px 15px; }

  /* line 3986, promo-css.scss */
  .logo-text {
    font-size: 20px; }

  /* line 3990, promo-css.scss */
  .where-to-buy-section {
    padding: 50px 15px; }

  /* line 3994, promo-css.scss */
  .where-to-buy-text h2 {
    font-size: 24px; }

  /* line 3998, promo-css.scss */
  .winners-category {
    padding: 20px 15px; }

  /* line 4002, promo-css.scss */
  .winners-table-header,
  .winner-row {
    padding: 12px 15px; } }
/* Анимации появления секций при скролле */
/* line 4009, promo-css.scss */
.section-animate {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out; }

/* line 4015, promo-css.scss */
.section-animate.visible {
  opacity: 1;
  transform: translateY(0); }

/* Разные варианты появления */
/* line 4021, promo-css.scss */
.fade-in-up {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out; }

/* line 4027, promo-css.scss */
.fade-in-up.visible {
  opacity: 1;
  transform: translateY(0); }

/* line 4032, promo-css.scss */
.fade-in-left {
  opacity: 0;
  transform: translateX(-50px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out; }

/* line 4038, promo-css.scss */
.fade-in-left.visible {
  opacity: 1;
  transform: translateX(0); }

/* line 4043, promo-css.scss */
.fade-in-right {
  opacity: 0;
  transform: translateX(50px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out; }

/* line 4049, promo-css.scss */
.fade-in-right.visible {
  opacity: 1;
  transform: translateX(0); }

/* line 4054, promo-css.scss */
.fade-in-scale {
  opacity: 0;
  transform: scale(0.9);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out; }

/* line 4060, promo-css.scss */
.fade-in-scale.visible {
  opacity: 1;
  transform: scale(1); }

/* Задержки для последовательного появления элементов внутри секции */
/* line 4066, promo-css.scss */
.animate-delay-1 {
  transition-delay: 0.1s; }

/* line 4067, promo-css.scss */
.animate-delay-2 {
  transition-delay: 0.2s; }

/* line 4068, promo-css.scss */
.animate-delay-3 {
  transition-delay: 0.3s; }

/* line 4069, promo-css.scss */
.animate-delay-4 {
  transition-delay: 0.4s; }

/* line 4070, promo-css.scss */
.animate-delay-5 {
  transition-delay: 0.5s; }

/* line 4071, promo-css.scss */
.animate-delay-6 {
  transition-delay: 0.6s; }

/* ========== COOKIE NOTICE ========== */
/* line 4075, promo-css.scss */
.cookie-notice {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--fw-white);
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.15);
  z-index: 10000;
  transform: translateY(100%);
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  border-top: 3px solid var(--fw-accent); }

/* line 4088, promo-css.scss */
.cookie-notice.visible {
  transform: translateY(0); }

/* line 4092, promo-css.scss */
.cookie-content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  display: flex;
  align-items: center;
  gap: 20px; }

/* line 4101, promo-css.scss */
.cookie-icon {
  font-size: 48px;
  flex-shrink: 0;
  animation: cookieBounce 2s ease-in-out infinite; }

@keyframes cookieBounce {
  0%, 100% {
    transform: translateY(0); }
  50% {
    transform: translateY(-10px); } }
/* line 4112, promo-css.scss */
.cookie-text {
  flex: 1; }

/* line 4116, promo-css.scss */
.cookie-text p {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  color: var(--fw-dark); }

/* line 4123, promo-css.scss */
.cookie-text a {
  color: var(--fw-accent);
  text-decoration: none;
  font-weight: 600;
  border-bottom: 1px solid transparent;
  transition: var(--fw-transition); }

/* line 4131, promo-css.scss */
.cookie-text a:hover {
  border-bottom-color: var(--fw-accent); }

/* line 4135, promo-css.scss */
.cookie-accept-btn {
  background: var(--fw-accent);
  color: white;
  border: none;
  padding: 12px 32px;
  border-radius: var(--fw-radius-sm);
  font-weight: 700;
  font-size: 15px;
  cursor: pointer;
  transition: var(--fw-transition);
  white-space: nowrap;
  flex-shrink: 0; }

/* line 4149, promo-css.scss */
.cookie-accept-btn:hover {
  transform: scale(1.05);
  box-shadow: var(--fw-shadow-md); }

/* Адаптив для планшетов */
@media (max-width: 1024px) {
  /* line 4156, promo-css.scss */
  .cookie-content {
    gap: 15px;
    padding: 18px; }

  /* line 4161, promo-css.scss */
  .cookie-icon {
    font-size: 40px; }

  /* line 4165, promo-css.scss */
  .cookie-text p {
    font-size: 13px; }

  /* line 4169, promo-css.scss */
  .cookie-accept-btn {
    padding: 10px 24px;
    font-size: 14px; } }
/* Адаптив для мобильных */
@media (max-width: 768px) {
  /* line 4177, promo-css.scss */
  .cookie-content {
    flex-direction: column;
    text-align: center;
    padding: 20px 15px;
    gap: 15px; }

  /* line 4184, promo-css.scss */
  .cookie-icon {
    font-size: 36px; }

  /* line 4188, promo-css.scss */
  .cookie-text p {
    font-size: 13px; }

  /* line 4192, promo-css.scss */
  .cookie-accept-btn {
    width: 100%;
    padding: 14px 24px; } }
@media (max-width: 480px) {
  /* line 4199, promo-css.scss */
  .cookie-text p {
    font-size: 12px; }

  /* line 4203, promo-css.scss */
  .cookie-icon {
    font-size: 32px; } }
/* line 4208, promo-css.scss */
.banner-promo {
  margin: 60px auto;
  max-width: 1200px;
  opacity: 0;
  animation: fadeIn 1.4s ease-out forwards; }

/* line 4215, promo-css.scss */
.promo-section {
  padding: 0; }

/* line 4219, promo-css.scss */
.artboard {
  position: relative;
  width: 100%;
  height: 580px; }

/* line 4225, promo-css.scss */
.background-shape {
  position: absolute;
  z-index: 2;
  max-width: 1200px;
  width: 100%;
  height: 580px;
  border-radius: 25px;
  background-color: #ff8fa3; }

/* line 4235, promo-css.scss */
.iphone-image {
  position: relative;
  z-index: 3;
  top: 400px;
  left: -10px;
  width: 80px;
  transform: rotate(15deg);
  filter: blur(2px);
  margin: 0 auto; }

/* line 4246, promo-css.scss */
.girl-image {
  position: relative;
  z-index: 6;
  top: 0;
  left: 250px;
  width: 580px;
  margin: 0 auto;
  filter: blur(0.5px); }

/* line 4256, promo-css.scss */
.mask-image-1 {
  position: relative;
  z-index: 7;
  top: -740px;
  left: 520px;
  width: 80px;
  transform: rotate(15deg);
  filter: blur(2px);
  margin: 0 auto; }

/* line 4267, promo-css.scss */
.small-image {
  position: relative;
  z-index: 4;
  top: -640px;
  left: 500px;
  width: 70px;
  transform: rotate(-15deg);
  filter: blur(3px);
  margin: 0 auto; }

/* line 4278, promo-css.scss */
.mask-image-2 {
  position: relative;
  z-index: 8;
  top: -1140px;
  left: -10px;
  width: 110px;
  transform: rotate(-25deg);
  filter: blur(2px);
  margin: 0 auto; }

/* line 4289, promo-css.scss */
.iphone-image img {
  animation: float-3 17s ease-in-out infinite; }

/* line 4293, promo-css.scss */
.mask-image-2 img {
  animation: float-3 12s ease-in-out infinite; }

/* line 4297, promo-css.scss */
.small-image img {
  animation: float-3 8s ease-in-out infinite; }

/* line 4301, promo-css.scss */
.mask-image-1 img {
  animation: float-3 10s ease-in-out infinite; }

/* line 4305, promo-css.scss */
.girl-image img {
  animation: float-3 15s ease-in-out infinite; }

@keyframes float-3 {
  0%, 100% {
    transform: translateY(5px) rotate(0deg); }
  50% {
    transform: translateY(-5px) rotate(5deg); } }
/* line 4314, promo-css.scss */
.text-container {
  position: relative;
  z-index: 9;
  top: -1290px;
  left: 230px;
  width: 560px;
  text-align: center;
  margin: 0 auto; }

/* line 4324, promo-css.scss */
.promo-title {
  color: #ffffff;
  font-size: 24px;
  line-height: 37px;
  font-weight: 900; }

/* line 4331, promo-css.scss */
.promo-dates {
  color: #ffffff;
  font-size: 46px;
  line-height: 71px;
  font-weight: 900;
  margin-top: 25px; }

/* line 4339, promo-css.scss */
.button-container {
  position: relative;
  z-index: 11;
  top: -1100px;
  left: -310px;
  width: 298px;
  height: 58px;
  margin: 0 auto; }

/* line 4350, promo-css.scss */
.participate-button {
  display: block;
  width: 100%;
  height: 100%;
  color: #ff8fa3;
  font-size: 27px;
  line-height: 58px;
  font-weight: 800;
  text-align: center;
  text-decoration: none;
  border-radius: var(--fw-radius);
  background-color: #ffe6ec;
  box-shadow: var(--fw-shadow-lg);
  cursor: pointer;
  transition: var(--fw-transition);
  animation: pulse-1 4s ease-in-out infinite;
  position: relative; }

/* line 4369, promo-css.scss */
.participate-button::before,
.participate-button::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: var(--fw-radius);
  animation: halo 4s ease-in-out infinite; }

/* line 4381, promo-css.scss */
.participate-button::before {
  animation-delay: 1s; }

/* line 4385, promo-css.scss */
.participate-button::after {
  animation-delay: 2s; }

@keyframes halo {
  0% {
    transform: scale(1);
    opacity: 0.7;
    box-shadow: 0 0 0 0 rgba(240, 231, 233, 0.3); }
  100% {
    transform: scale(1.3);
    opacity: 0;
    box-shadow: 0 0 0 20px rgba(255, 143, 163, 0); } }
/* line 4403, promo-css.scss */
.participate-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 40px rgba(255, 143, 163, 0.4); }

/* line 4408, promo-css.scss */
.mask-image-3 {
  position: relative;
  z-index: 12;
  top: -1490px;
  left: -310px;
  width: 468px;
  margin: 0 auto; }

/* line 4417, promo-css.scss */
.group-image {
  position: relative;
  z-index: 13;
  top: -1870px;
  left: -310px;
  width: 250px;
  margin: 0 auto; }

/* line 4426, promo-css.scss */
.image-container img {
  width: 100%;
  display: block; }

/* Адаптивность для мобильных устройств */
@media screen and (max-width: 1175px) {
  /* line 4433, promo-css.scss */
  .girl-image {
    top: 50px;
    left: 150px;
    width: 476px; }

  /* line 4439, promo-css.scss */
  .mask-image-1 {
    top: -640px;
    left: 380px;
    width: 80px;
    transform: rotate(-15deg); }

  /* line 4446, promo-css.scss */
  .iphone-image {
    top: 400px;
    left: -50px;
    width: 80px; }

  /* line 4452, promo-css.scss */
  .small-image {
    top: -480px;
    left: 350px;
    width: 70px; }

  /* line 4458, promo-css.scss */
  .mask-image-2 {
    top: -1040px;
    left: -50px;
    width: 100px; }

  /* line 4464, promo-css.scss */
  .text-container {
    top: -1200px;
    left: 160px;
    width: 531px; }

  /* line 4470, promo-css.scss */
  .button-container {
    top: -970px;
    left: -280px;
    width: 219px;
    height: 52px; }

  /* line 4477, promo-css.scss */
  .participate-button {
    line-height: 52px;
    font-size: 24px; }

  /* line 4482, promo-css.scss */
  .mask-image-3 {
    top: -1320px;
    left: -280px;
    width: 386px; }

  /* line 4488, promo-css.scss */
  .group-image {
    top: -1650px;
    left: -280px;
    width: 200px; } }
@media screen and (max-width: 960px) {
  /* line 4496, promo-css.scss */
  .background-shape {
    height: 450px; }

  /* line 4500, promo-css.scss */
  .artboard {
    height: 450px; }

  /* line 4504, promo-css.scss */
  .girl-image {
    top: 30px;
    left: 150px;
    width: 400px; }

  /* line 4510, promo-css.scss */
  .mask-image-1 {
    top: -480px;
    left: 320px;
    width: 60px;
    transform: rotate(-15deg); }

  /* line 4517, promo-css.scss */
  .iphone-image {
    top: 300px;
    left: -50px;
    width: 60px; }

  /* line 4523, promo-css.scss */
  .small-image {
    top: -380px;
    left: 310px;
    width: 50px; }

  /* line 4529, promo-css.scss */
  .mask-image-2 {
    top: -790px;
    left: -50px;
    width: 80px; }

  /* line 4535, promo-css.scss */
  .text-container {
    top: -960px;
    left: 140px;
    width: 330px; }

  /* line 4541, promo-css.scss */
  .button-container {
    top: -850px;
    left: -220px;
    width: 150px;
    height: 52px; }

  /* line 4548, promo-css.scss */
  .participate-button {
    line-height: 52px;
    font-size: 24px; }

  /* line 4553, promo-css.scss */
  .mask-image-3 {
    top: -1120px;
    left: -220px;
    width: 280px; }

  /* line 4559, promo-css.scss */
  .group-image {
    top: -1370px;
    left: -220px;
    width: 150px; } }
@media screen and (max-width: 765px) {
  /* line 4567, promo-css.scss */
  .artboard {
    height: 840px; }

  /* line 4571, promo-css.scss */
  .background-shape {
    width: 100%;
    height: 873px; }

  /* line 4576, promo-css.scss */
  .girl-image {
    top: 440px;
    left: 0;
    width: 350px; }

  /* line 4582, promo-css.scss */
  .mask-image-1 {
    top: 30px;
    left: 120px;
    width: 50px;
    transform: rotate(15deg); }

  /* line 4589, promo-css.scss */
  .iphone-image {
    top: 780px;
    left: -140px;
    width: 50px; }

  /* line 4595, promo-css.scss */
  .small-image {
    top: 160px;
    left: 140px;
    width: 40px; }

  /* line 4601, promo-css.scss */
  .mask-image-2 {
    top: -180px;
    left: -140px;
    width: 70px;
    transform: rotate(-20deg); }

  /* line 4608, promo-css.scss */
  .text-container {
    top: -450px;
    left: 0px;
    width: 330px; }

  /* line 4614, promo-css.scss */
  .promo-title {
    font-size: 16px; }

  /* line 4618, promo-css.scss */
  .promo-dates {
    font-size: 34px; }

  /* line 4622, promo-css.scss */
  .button-container {
    top: -670px;
    left: 0;
    height: 48px;
    width: 269px; }

  /* line 4629, promo-css.scss */
  .participate-button {
    line-height: 48px;
    font-size: 24px; }

  /* line 4634, promo-css.scss */
  .mask-image-3 {
    top: -950px;
    left: 0;
    width: 340px; }

  /* line 4640, promo-css.scss */
  .group-image {
    top: -1230px;
    left: 0;
    width: 200px; } }
@media screen and (max-width: 400px) {
  /* line 4648, promo-css.scss */
  .artboard {
    height: 800px;
    top: -120px; }

  /* line 4653, promo-css.scss */
  .background-shape {
    width: 100%;
    height: 800px; }

  /* line 4658, promo-css.scss */
  .girl-image {
    top: 540px;
    left: 0;
    width: 350px; }

  /* line 4664, promo-css.scss */
  .mask-image-1 {
    top: 210px;
    left: 90px;
    width: 30px;
    transform: rotate(15deg); }

  /* line 4671, promo-css.scss */
  .iphone-image {
    top: 780px;
    left: -100px;
    width: 30px; }

  /* line 4677, promo-css.scss */
  .small-image {
    top: 320px;
    left: 100px;
    width: 20px; }

  /* line 4683, promo-css.scss */
  .mask-image-2 {
    top: 80px;
    left: -100px;
    width: 50px;
    transform: rotate(-20deg); }

  /* line 4690, promo-css.scss */
  .text-container {
    top: -180px;
    left: 0px;
    width: 330px; }

  /* line 4696, promo-css.scss */
  .promo-title {
    font-size: 16px; }

  /* line 4700, promo-css.scss */
  .promo-dates {
    font-size: 34px; }

  /* line 4704, promo-css.scss */
  .button-container {
    top: -390px;
    left: 0;
    height: 48px;
    width: 219px; }

  /* line 4711, promo-css.scss */
  .participate-button {
    line-height: 48px;
    font-size: 24px; }

  /* line 4716, promo-css.scss */
  .mask-image-3 {
    top: -640px;
    left: 0;
    width: 280px; }

  /* line 4722, promo-css.scss */
  .group-image {
    top: -880px;
    left: 0;
    width: 170px; } }
/* ========== ПРОМОКОД УШКО ========== */
/* line 4731, promo-css.scss */
.promo-tab {
  position: fixed;
  right: -80px;
  top: 50%;
  transform: translateY(-50%) rotate(-90deg);
  background: linear-gradient(135deg, #FF8FA3 0%, #FFB3C1 100%);
  color: white;
  padding: 12px 20px;
  border-radius: 12px 12px 0 0;
  cursor: pointer;
  z-index: 9998;
  display: flex;
  align-items: center;
  gap: 8px;
  font-weight: 700;
  font-size: 16px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }

/* line 4750, promo-css.scss */
.promo-tab.hidden {
  display: none !important; }

/* line 4754, promo-css.scss */
.promo-tab:hover {
  right: -75px;
  box-shadow: 0 6px 25px rgba(255, 143, 163, 0.6); }

/* line 4759, promo-css.scss */
.promo-tab-icon {
  font-size: 24px;
  animation: iconBounce 2s ease-in-out infinite; }

/* line 4764, promo-css.scss */
.promo-tab-text {
  white-space: nowrap; }

@keyframes iconBounce {
  0%, 100% {
    transform: scale(1); }
  50% {
    transform: scale(1.2); } }
/* Модальное окно промокода */
/* line 4774, promo-css.scss */
.promo-modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(5px);
  z-index: 10001;
  justify-content: center;
  align-items: center;
  animation: fadeIn 0.3s ease; }

/* line 4789, promo-css.scss */
.promo-modal.active {
  display: flex; }

/* line 4793, promo-css.scss */
.promo-modal-content {
  background: white;
  border-radius: 20px;
  max-width: 500px;
  width: 90%;
  max-height: 90vh;
  overflow-y: auto;
  position: relative;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  scrollbar-color: var(--fw-accent) var(--fw-bg-light); }

/* line 4806, promo-css.scss */
.promo-modal-content::-webkit-scrollbar {
  height: 8px; }

/* line 4810, promo-css.scss */
.promo-modal-content::-webkit-scrollbar-track {
  background: var(--fw-bg-light);
  border-radius: 10px; }

/* line 4815, promo-css.scss */
.promo-modal-content::-webkit-scrollbar-thumb {
  background: var(--fw-accent);
  border-radius: 10px; }

/* line 4820, promo-css.scss */
.promo-modal-close {
  position: absolute;
  top: 15px;
  right: 15px;
  background: #f5f5f5;
  border: none;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  font-size: 24px;
  color: #666;
  cursor: pointer;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10; }

/* line 4839, promo-css.scss */
.promo-modal-close:hover {
  background: #FF8FA3;
  color: white;
  transform: rotate(90deg); }

/* line 4845, promo-css.scss */
.promo-modal-header {
  background: linear-gradient(135deg, #FF8FA3 0%, #FFB3C1 100%);
  color: white;
  padding: 40px 30px 30px;
  text-align: center;
  border-radius: 20px 20px 0 0; }

/* line 4853, promo-css.scss */
.promo-modal-icon {
  font-size: 64px;
  margin-bottom: 15px;
  animation: bounce 2s infinite; }

/* line 4859, promo-css.scss */
.promo-modal-header h3 {
  font-size: 28px;
  margin: 0 0 10px 0;
  font-weight: 800; }

/* line 4865, promo-css.scss */
.promo-modal-header p {
  margin: 0;
  font-size: 16px;
  opacity: 0.95; }

/* line 4871, promo-css.scss */
.promo-modal-body {
  padding: 30px; }

/* line 4875, promo-css.scss */
.promo-code-container {
  background: linear-gradient(135deg, #FFE6EC 0%, #FFF5F7 100%);
  border-radius: 15px;
  padding: 20px;
  margin-bottom: 25px;
  text-align: center;
  border: 3px dashed #FF8FA3; }

/* line 4884, promo-css.scss */
.promo-code {
  font-size: 36px;
  font-weight: 900;
  color: #FF8FA3;
  letter-spacing: 3px;
  margin-bottom: 15px;
  text-shadow: 2px 2px 4px rgba(255, 143, 163, 0.2);
  user-select: all; }

/* line 4894, promo-css.scss */
.promo-copy-btn {
  background: #FF8FA3;
  color: white;
  border: none;
  padding: 12px 24px;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(255, 143, 163, 0.3); }

/* line 4910, promo-css.scss */
.promo-copy-btn:hover {
  background: #FF6B9D;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 143, 163, 0.4); }

/* line 4916, promo-css.scss */
.promo-copy-btn:active {
  transform: translateY(0); }

/* line 4920, promo-css.scss */
.promo-copy-btn.copied {
  background: #4CAF50; }

/* line 4924, promo-css.scss */
.copy-icon {
  font-size: 18px; }

/* line 4928, promo-css.scss */
.promo-benefits {
  margin-bottom: 25px; }

/* line 4932, promo-css.scss */
.promo-benefit {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px;
  background: #f9f9f9;
  border-radius: 10px;
  margin-bottom: 10px;
  font-size: 15px; }

/* line 4943, promo-css.scss */
.benefit-icon {
  font-size: 20px;
  flex-shrink: 0;
  animation: float-1 8s ease-in-out infinite; }

/* line 4949, promo-css.scss */
.promo-info {
  background: #FFF9E6;
  border-left: 4px solid #FFB800;
  padding: 20px;
  border-radius: 10px; }

/* line 4956, promo-css.scss */
.promo-info strong {
  color: #FF8FA3; }

/* line 4960, promo-css.scss */
.promo-info ol {
  margin: 10px 0 0 0;
  padding-left: 20px; }

/* line 4965, promo-css.scss */
.promo-info li {
  margin-bottom: 8px;
  line-height: 1.5; }

/* line 4970, promo-css.scss */
.promo-modal-footer {
  padding: 0 30px 30px; }

/* line 4974, promo-css.scss */
.promo-shop-btn {
  display: block;
  width: 100%;
  background: linear-gradient(135deg, #FF8FA3, #FFB3C1);
  color: white;
  text-decoration: none;
  padding: 16px;
  border-radius: 12px;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  transition: all 0.3s ease;
  box-shadow: 0 4px 15px rgba(255, 143, 163, 0.3); }

/* line 4989, promo-css.scss */
.promo-shop-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 25px rgba(255, 143, 163, 0.5); }

/* Адаптив */
@media (max-width: 768px) {
  /* line 4996, promo-css.scss */
  .promo-tab {
    right: -65px;
    padding: 10px 16px;
    font-size: 14px; }

  /* line 5002, promo-css.scss */
  .promo-tab-icon {
    font-size: 20px; }

  /* line 5006, promo-css.scss */
  .promo-modal-content {
    width: 95%;
    margin: 20px; }

  /* line 5011, promo-css.scss */
  .promo-modal-header {
    padding: 30px 20px 20px; }

  /* line 5015, promo-css.scss */
  .promo-modal-header h3 {
    font-size: 22px; }

  /* line 5019, promo-css.scss */
  .promo-code {
    font-size: 28px; }

  /* line 5023, promo-css.scss */
  .promo-modal-body {
    padding: 20px; } }
@media (max-width: 480px) {
  /* line 5029, promo-css.scss */
  .promo-code {
    font-size: 24px;
    letter-spacing: 2px; } }
@keyframes float-slow-button {
  0%, 100% {
    transform: translateY(0); }
  50% {
    transform: translateY(-4px); } }
/* ========== МОДАЛЬНОЕ ОКНО НАПОМИНАНИЯ О ПОДПИСКЕ ========== */
/* line 5046, promo-css.scss */
.subscription-reminder-content {
  max-width: 600px;
  text-align: center;
  padding: 40px 30px; }

/* line 5052, promo-css.scss */
.subscription-reminder-header {
  margin-bottom: 10px; }

/* line 5056, promo-css.scss */
.subscription-reminder-icon {
  font-size: 72px;
  animation: pulse-reminder 2s ease-in-out infinite;
  margin-bottom: 15px; }

@keyframes pulse-reminder {
  0%, 100% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); } }
/* line 5071, promo-css.scss */
.subscription-reminder-header h2 {
  font-size: 28px;
  color: var(--fw-dark);
  margin: 0;
  font-weight: 800; }

/* line 5078, promo-css.scss */
.subscription-reminder-body {
  text-align: left; }

/* line 5082, promo-css.scss */
.reminder-main-text {
  font-size: 18px;
  color: var(--fw-dark);
  text-align: center;
  margin-bottom: 20px;
  font-weight: 600; }

/* line 5090, promo-css.scss */
.reminder-warning {
  background: linear-gradient(135deg, #fff3cd, #fff8e1);
  border-left: 4px solid #ff9800;
  padding: 20px;
  border-radius: var(--fw-radius-sm);
  margin-bottom: 20px; }

/* line 5098, promo-css.scss */
.reminder-warning p {
  margin: 0 0 10px 0;
  font-size: 15px;
  line-height: 1.6;
  color: var(--fw-dark); }

/* line 5105, promo-css.scss */
.reminder-warning p:last-child {
  margin-bottom: 0; }

/* line 5109, promo-css.scss */
.reminder-highlight {
  font-size: 16px; }

/* line 5113, promo-css.scss */
.reminder-highlight strong {
  color: #ff9800;
  font-size: 17px; }

/* line 5118, promo-css.scss */
.reminder-info {
  background: #f9f9f9;
  padding: 20px;
  border-radius: var(--fw-radius-sm);
  margin-bottom: 25px; }

/* line 5125, promo-css.scss */
.reminder-info p {
  margin: 0;
  font-size: 15px;
  line-height: 1.7;
  color: #666; }

/* line 5132, promo-css.scss */
.reminder-cta {
  margin-bottom: 20px; }

/* line 5136, promo-css.scss */
.reminder-telegram-btn {
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 20px 25px;
  background: linear-gradient(135deg, #0088cc, #00aaff);
  border-radius: var(--fw-radius-sm);
  text-decoration: none;
  transition: var(--fw-transition);
  border: 2px solid #0088cc;
  box-shadow: var(--fw-shadow-md); }

/* line 5149, promo-css.scss */
.reminder-telegram-btn:hover {
  transform: translateY(-3px);
  box-shadow: var(--fw-shadow-lg); }

/* line 5154, promo-css.scss */
.reminder-tg-icon {
  width: 50px;
  height: 50px;
  flex-shrink: 0; }

/* line 5160, promo-css.scss */
.reminder-telegram-btn > div {
  text-align: left;
  flex: 1; }

/* line 5165, promo-css.scss */
.reminder-btn-title {
  font-size: 18px;
  font-weight: 700;
  color: white;
  margin-bottom: 4px; }

/* line 5172, promo-css.scss */
.reminder-btn-subtitle {
  font-size: 13px;
  color: rgba(255, 255, 255, 0.9); }

/* line 5177, promo-css.scss */
.reminder-footer {
  background: var(--fw-bg-light);
  padding: 15px;
  border-radius: var(--fw-radius-sm);
  margin-bottom: 10px; }

/* line 5184, promo-css.scss */
.reminder-footer p {
  margin: 0;
  font-size: 15px;
  color: var(--fw-dark);
  font-weight: 600; }

/* Адаптив */
@media (max-width: 768px) {
  /* line 5193, promo-css.scss */
  .subscription-reminder-content {
    padding: 30px 20px;
    max-width: 95%; }

  /* line 5198, promo-css.scss */
  .subscription-reminder-icon {
    font-size: 60px; }

  /* line 5202, promo-css.scss */
  .subscription-reminder-header h2 {
    font-size: 24px; }

  /* line 5206, promo-css.scss */
  .reminder-main-text {
    font-size: 16px; }

  /* line 5210, promo-css.scss */
  .reminder-telegram-btn {
    padding: 10px 10px; }

  /* line 5214, promo-css.scss */
  .reminder-tg-icon {
    width: 40px;
    height: 40px; }

  /* line 5219, promo-css.scss */
  .reminder-btn-title {
    font-size: 16px; }

  /* line 5223, promo-css.scss */
  .reminder-btn-subtitle {
    font-size: 12px; } }
@media (max-width: 480px) {
  /* line 5229, promo-css.scss */
  .subscription-reminder-content {
    padding: 25px 15px; }

  /* line 5233, promo-css.scss */
  .subscription-reminder-icon {
    font-size: 40px; }

  /* line 5237, promo-css.scss */
  .subscription-reminder-header h2 {
    font-size: 20px; }

  /* line 5241, promo-css.scss */
  .reminder-warning,
  .reminder-info {
    padding: 15px; }

  /* line 5246, promo-css.scss */
  .reminder-telegram-btn {
    text-align: center; }

  /* line 5250, promo-css.scss */
  .reminder-telegram-btn > div {
    text-align: center; }

  /* line 5254, promo-css.scss */
  .reminder-info p {
    font-size: 13px; }

  /* line 5258, promo-css.scss */
  .reminder-footer p {
    font-size: 14px;
    text-align: center; }

  /* line 5263, promo-css.scss */
  .reminder-warning p {
    font-size: 14px; }

  /* line 5267, promo-css.scss */
  .reminder-highlight {
    font-size: 14px; } }