/* theme-carousel — media (max-width: 767px) */

.theme-carousel {
  padding: var(--sp16) 0;
  --nav-arrow-size: 32px;
}

.theme-carousel__panel {
  gap: var(--sp8);
}

.theme-carousel__intro {
  flex-direction: column;
  align-items: flex-start;
  padding-left: 0;
  gap: var(--sp5);
}

.theme-carousel__graphic {
  width: 120px;
}

.theme-carousel__divider {
  display: none;
}

.theme-carousel__text {
  max-width: none;
}

.theme-carousel__title {
  font-size: var(--fs-24);
}

/* Cards stay 2-col through this range; 1-col switch happens narrower, in theme-carousel--mobile-520.css. */

/* No room for outward hover motion on a phone — hit-area sits at rest offset 0 here. */
.theme-carousel__nav .theme-carousel__arrow--prev {
  left: 0;
  height: auto;
}

.theme-carousel__nav .theme-carousel__arrow--next {
  right: var(--nav-arrow-rest-offset);
  height: auto;
  border-radius: 0;
  line-height: unset;
}

.theme-carousel__arrow-preview {
  display: none;
}

.theme-carousel__arrow-caption {
  font-size: var(--fs-12);
}