.index-secret {
  padding: 0 var(--spacing-2xl);
  overflow: hidden;
}

.index-secret__inner {
  display: flex;
  width: 100%;
  max-width: 1280px;
  flex-direction: column;
  gap: var(--spacing-xl);
  margin: 0 auto;
  padding: var(--spacing-xl) 0;
}

.index-secret__heading {
  display: flex;
  align-items: center;
  gap: var(--spacing-lg);
  color: inherit;
  text-decoration: none;
}

.index-secret__heading-text {
  display: flex;
  min-width: 0;
  flex: 1 1 auto;
  flex-direction: column;
  gap: var(--spacing-3xs);
}

.index-secret__heading-text h2 {
  margin: 0;
  color: var(--neutral-tx1-hero);
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-28);
}

.index-secret__heading-text > span {
  color: var(--neutral-tx2-title);
  font-size: var(--font-size-base);
  line-height: var(--line-height-20);
}

.index-secret__heading-arrow {
  display: flex;
  width: 10px;
  height: 20px;
  flex: 0 0 10px;
  align-items: center;
  justify-content: center;
}

.index-secret__heading-arrow img {
  width: 10px;
}

.index-secret__carousel {
  width: 100%;
  overflow: hidden;
  padding-bottom: 64px;
}

.index-secret__card {
  display: flex;
  width: 260px;
  min-height: 131px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-lg);
  border: var(--stroke-1) solid var(--semantic-border);
  border-radius: var(--radius-sm);
  background: var(--semantic-white);
  color: var(--neutral-tx2-title);
  text-decoration: none;
  transition: background-color 0.2s ease;
}

.index-secret__card:hover,
.index-secret__card:focus-visible {
  background: var(--semantic-bg);
}

.index-secret__card:focus-visible {
  outline: var(--stroke-2) solid var(--brand-primary-dark);
  outline-offset: var(--stroke-2);
}

.index-secret__icon {
  width: 17px;
}

.index-secret__text {
  display: -webkit-box;
  overflow: hidden;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-16);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.index-secret__scrollbar {
  position: absolute;
  bottom: 18px;
  left: 0;
  width: 100%;
  height: var(--stroke-1);
  background: var(--badge-alpha-b-10);
}

.index-secret__scrollbar .swiper-scrollbar-drag {
  height: var(--stroke-1);
  border-radius: 0;
  background: var(--badge-alpha-b-60);
}

@media (max-width: 1279px) {
  .index-secret__carousel {
    padding-top: var(--spacing-2xl);
    padding-bottom: var(--spacing-2xl);
  }

  .index-secret__card {
    min-height: 127px;
  }

  .index-secret__scrollbar {
    bottom: 6px;
  }
}

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

  .index-secret__inner {
    gap: var(--spacing-base);
    padding: var(--spacing-base) 0 var(--spacing-xl);
  }
}