.index-place-event {
  padding-right: var(--spacing-2xl);
  padding-left: var(--spacing-2xl);
}

.index-place-event__inner {
  min-width: 0;
  gap: var(--spacing-xl);
  padding: var(--spacing-xl) 0;
}

.index-place-event__carousel {
  min-width: 0;
  max-width: 100%;
  padding-bottom: var(--spacing-3xl);
}

.index-place-event__carousel .swiper-wrapper {
  gap: var(--spacing-sm);
}

.index-place-event__card {
  gap: 0;
  margin-right: 0 !important;
}

.index-place-event__thumb > a > video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.index-place-event__heart,
.index-place-event__heart img {
  width: 20px;
  height: 20px;
}

.index-place-event__heart {
  top: 10px;
  right: 10px;
}

.index-place-event__badges {
  display: none;
}

.index-place-event__info {
  gap: var(--spacing-xs);
  padding: 10px 4px 10px 0;
}

.index-place-event__name {
  font-size: var(--font-size-xl);
  line-height: var(--line-height-22);
}

.index-place-event__region {
  display: flex;
  gap: var(--spacing-3xs);
  align-items: center;
  padding-right: 10px;
  color: var(--neutral-tx2-title);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-20);
  white-space: nowrap;
}

.index-place-event__region img {
  width: 12px;
}

.index-place-event__next,
.index-place-event__scrollbar {
  display: none;
}

@media (min-width: 768px) {
  .index-place-event__carousel .swiper-wrapper {
    transform: none !important;
  }

  .index-place-event__card {
    width: calc((100% - 30px) / 4) !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .index-place-event {
    padding-right: 28px;
    padding-left: 28px;
  }
}

@media (max-width: 767px) {
  .index-place-event {
    padding: 0 20px;
  }

  .index-place-event__inner {
    gap: var(--spacing-base);
    padding: var(--spacing-base) 0;
  }

  .index-place-event__heading-text {
    gap: var(--spacing-micro);
  }

  .index-place-event__heading-text h2 {
    font-size: var(--font-size-xl);
    line-height: var(--line-height-22);
  }

  .index-place-event__heading-text > span {
    font-size: var(--font-size-sm);
    line-height: var(--line-height-16);
  }

  .index-place-event__carousel {
    overflow: visible;
    padding-bottom: var(--spacing-xl);
  }

  .index-place-event__carousel .swiper-wrapper {
    display: grid;
    width: 100% !important;
    max-width: 100%;
    gap: var(--spacing-3xs);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    transform: none !important;
  }

  .index-place-event__card {
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100%;
  }

  .index-place-event__info {
    gap: var(--spacing-3xs);
    padding: 10px 4px 10px 0;
  }

  .index-place-event__name {
    font-size: var(--font-size-base);
    line-height: var(--line-height-20);
    white-space: nowrap;
  }

  .index-place-event__region {
    font-size: var(--font-size-base);
    line-height: var(--line-height-20);
  }

  .index-place-event__badges {
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 10px;
    display: flex;
    gap: var(--spacing-3xs);
  }

  .index-place-event__badges > span {
    padding: 2px 6px;
    border-radius: var(--radius-xs);
    background: var(--badge-alpha-b-20);
    color: var(--neutral-white);
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-medium);
    line-height: var(--line-height-16);
  }
}