/* Exact styles from red-torch.ru slider */
.intro { position: relative; overflow: hidden; padding: 2rem 0; background: #fff; }
@media (min-width: 768px) {
  .intro { padding: 3rem 0; }
}
.intro__player { position: relative; max-width: 1920px; margin: 0 auto; padding: 0 12px; }
@media (min-width: 768px) {
  .intro__player { padding: 0 4rem; }
}
@media (min-width: 1400px) {
  .intro__player { padding: 0 6rem; }
}
.intro__player-slider { position: relative; border-radius: 1rem; overflow: hidden; }
.intro__player-slider .swiper { width: 100%; height: 100%; border-radius: 1rem; }
.intro__player-slider-item { position: relative; min-height: 60vh; display: flex; align-items: flex-end; justify-content: flex-start; padding: 3rem 2rem; background: #000; }
@media (min-width: 768px) {
  .intro__player-slider-item { min-height: 70vh; padding: 4rem 3rem; }
}
.intro__player-slider-item._dark { color: #fff; }
.intro__player-slider-item-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
.intro__player-slider-item-image:after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.7) 0%, rgba(0,0,0,.3) 50%, transparent 100%); }
.intro__player-slider-item-image img { width: 100%; height: 100%; object-fit: cover; object-position: center; }
.intro__player-slider-item-date { position: absolute; top: 2rem; left: 2rem; z-index: 2; background: #CE9826; color: #fff; padding: 0.625rem 1rem; border-radius: 0.5rem; font-size: 0.875rem; font-weight: 400; line-height: 1.4; text-transform: lowercase; }
.intro__player-slider-item-date-item { display: block; font-weight: 700; margin-top: 0.25rem; font-size: 1rem; }
.intro__player-slider-item-age {
  position: absolute;
  top: 2rem;
  right: 2rem;
  z-index: 2;
  background: #C2871E;
  color: #fff;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 0.02em;
}
.intro__player-slider-item-pushkin { position: absolute; top: 5.5rem; right: 2rem; z-index: 2; width: 2.5rem; height: 2.5rem; }
.intro__player-slider-item-pushkin img { width: 100%; height: 100%; object-fit: contain; }
.intro__player-body-item { position: relative; z-index: 1; max-width: 46rem; }
.intro__player-body-item-header { display: flex; align-items: center; gap: 1rem; margin-bottom: 1rem; flex-wrap: wrap; }
.intro__player-body-item-heading { font-size: 2rem; font-weight: 700; line-height: 1.2; margin: 0; }
.intro__player-body-item-heading a { color: inherit; text-decoration: none; transition: opacity .2s; }
.intro__player-body-item-heading a:hover { opacity: 0.85; }
@media (min-width: 768px) {
  .intro__player-body-item-heading { font-size: 3rem; }
}
.label-premiere { display: inline-flex; align-items: center; background: #CE9826; color: #fff; padding: 0.375rem 0.875rem; border-radius: 0.375rem; font-size: 0.75rem; font-weight: 700; letter-spacing: 0.05em; white-space: nowrap; }
.intro__player-body-item-copy { font-size: 1rem; line-height: 1.6; margin-bottom: 1.5rem; opacity: 0.95; max-width: 38rem; }
@media (min-width: 768px) {
  .intro__player-body-item-copy { font-size: 1.125rem; }
}
.intro__player-body-item-actions { display: flex; gap: 1rem; flex-wrap: wrap; }
/* Button styles moved to unified-styles.css */
/* Swiper overrides for reference style */
.intro__player-slider .swiper-button-next,
.intro__player-slider .swiper-button-prev { color: #fff; width: 3rem; height: 3rem; }
.intro__player-slider .swiper-button-next:after,
.intro__player-slider .swiper-button-prev:after { font-size: 1.5rem; }
.intro__player-slider .swiper-pagination { bottom: 2rem; }
.intro__player-slider .swiper-pagination-bullet { width: 0.75rem; height: 0.75rem; background: #fff; opacity: 0.5; transition: opacity .2s; }
.intro__player-slider .swiper-pagination-bullet-active { opacity: 1; }
/* Arrow down indicator */
.intro__arrow { position: absolute; bottom: 2.5rem; left: 50%; transform: translateX(-50%); width: 2.5rem; height: 2.5rem; z-index: 10; cursor: pointer; opacity: 0.7; transition: opacity 0.3s; }
.intro__arrow:hover { opacity: 1; }
.intro__arrow::before,
.intro__arrow::after { content: ''; position: absolute; top: 50%; width: 1.25rem; height: 2px; background: white; }
.intro__arrow::before { left: 0; transform: rotate(45deg); transform-origin: right center; }
.intro__arrow::after { right: 0; transform: rotate(-45deg); transform-origin: left center; }
@media (max-width: 760px) {
  .intro__arrow { bottom: 1.25rem; width: 2rem; height: 2rem; }
  .intro__arrow::before, .intro__arrow::after { width: 1rem; }
}

/* Mobile adjustments for hero slider */
@media (max-width: 767px) {
  .intro__player-slider .swiper,
  .intro__player-slider-item {
    min-height: 660px;
  }
  .intro__player-slider .swiper-pagination {
    bottom: 0.75rem; /* опущено ниже, чтобы не наезжало на кнопку */
  }
}