/* Start:/bitrix/templates/vesna_hotel/components/bitrix/news.list/events/style.css?17861055483534*/
  .carousel-wrapper {
      width: 100%;
      max-width: 1200px;
      background: #ffffff;
      border-radius: 32px;
      box-shadow: 0 20px 40px -12px rgba(0,0,0,0.2);
      padding: 24px 20px;
      transition: all 0.2s;
    }

    .carousel-title {
      text-align: center;
      margin-bottom: 24px;
      font-weight: 500;
      letter-spacing: -0.02em;
      color: #1e293b;
      font-size: 1.5rem;
    }
    .carousel-title span {
      background: #eef2ff;
      padding: 6px 16px;
      border-radius: 40px;
      font-size: 0.9rem;
      font-weight: 400;
      color: #4338ca;
      margin-left: 10px;
    }

    /* Карусель занимает всю ширину wrapper */
    .swiper {
      width: 100%;
      height: auto;
      border-radius: 24px;
      overflow: hidden;
    }

    .swiper-slide {
      display: flex;
      justify-content: center;
      align-items: center;
      background: #f8fafc;
      border-radius: 24px;
      overflow: hidden;
      transition: background 0.2s;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: auto;
      /*aspect-ratio: 16 / 9;*/
      object-fit: cover;
      border-radius: 24px;
      background: #e2e8f0;
      box-shadow: 0 4px 8px rgba(0,0,0,0.02);
    }

    /* Стили навигации и пагинации — адаптивные, аккуратные */
    .swiper-button-next,
    .swiper-button-prev {
      color: #1e293b !important;
      background: rgba(255, 255, 255, 0.7) !important;
      backdrop-filter: blur(6px) !important;
      width: 44px !important;
      height: 44px !important;
      border-radius: 50% !important;
      box-shadow: 0 8px 20px rgba(0,0,0,0.08) !important;
      transition: all 0.2s ease !important;
    }
    .swiper-button-next:hover,
    .swiper-button-prev:hover {
      background: #ffffff !important;
      box-shadow: 0 12px 28px rgba(0,0,0,0.12) !important;
      transform: scale(1.02) !important;
    }
    .swiper-button-next::after,
    .swiper-button-prev::after {
      font-size: 20px;
      font-weight: 700;
    }

    .swiper-pagination-bullet {
      background: #94a3b8;
      opacity: 0.6;
      width: 10px;
      height: 10px;
      transition: all 0.2s;
    }
    .swiper-pagination-bullet-active {
      background: #4338ca;
      opacity: 1;
      width: 24px;
      border-radius: 20px;
    }

    /* Дополнительный отступ для пагинации */
    .swiper-pagination {
      bottom: 12px;
    }

    /* Адаптив: на маленьких экранах показываем 1 слайд,
       но стили уже заданы через slidesPerView: 1 (по умолчанию)
       и на большом экране slidesPerView: 3 — всё в JS */
    @media (max-width: 640px) {
      .carousel-wrapper {
        padding: 16px 12px;
        border-radius: 24px;
      }
      .swiper-button-next,
      .swiper-button-prev {
        width: 36px;
        height: 36px;
      }
      .swiper-button-next::after,
      .swiper-button-prev::after {
        font-size: 16px;
      }
      .carousel-title {
        font-size: 1.2rem;
      }
    }

    /* Для очень маленьких экранов кнопки чуть меньше */
    @media (max-width: 400px) {
      .swiper-button-next,
      .swiper-button-prev {
        width: 30px;
        height: 30px;
      }
      .swiper-button-next::after,
      .swiper-button-prev::after {
        font-size: 12px;
      }
    }
/* End */
/* /bitrix/templates/vesna_hotel/components/bitrix/news.list/events/style.css?17861055483534 */