/* ───────────────────────────────────────────────
   styles.css L6837-6925 — block_shorts_carousel__track 가로 캐러셀
   ─────────────────────────────────────────────── */
/* ai-video.php — Shorts horizontal carousel */
.block_shorts_carousel__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 28px;
}
.block_shorts_carousel__head-title {
  font-family: var(--font-kr);
  font-size: clamp(15px, 1.4vw, 17px);
  color: var(--ink-900);
  margin: 0;
  max-width: 56ch;
  line-height: 1.55;
}
.block_shorts_carousel__head-title strong { font-weight: 800; }
.block_shorts_carousel__nav { display: flex; gap: 8px; flex-shrink: 0; }
.block_shorts_carousel__nav-btn {
  appearance: none;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(26, 23, 20,0.20);
  background: var(--white);
  border-radius: 8px;
  font-size: 20px;
  color: var(--ink-900);
  cursor: pointer;
  transition: all 0.18s ease;
  display: grid;
  place-items: center;
}
/* Swiper 캐러셀 — 우측을 container 밖 viewport 끝까지 확장(다음 카드 peek), 좌측 정렬은 유지.
   margin-right: calc(50% - 50vw) = -(50vw - container절반) → 오른쪽 거터만큼 음수 마진. */
.block_shorts_carousel__track {
  margin-right: calc(50% - 50vw);
  overflow: hidden;
}
.block_shorts_carousel__card {
  width: 220px;
  height: auto;
  display: flex;
  flex-direction: column;
}
/* project 연결 카드 — 클릭 시 영상 모달 (hover 시각효과 없음, 커서만) */
.block_shorts_carousel__card.is-clickable { cursor: pointer; }
.block_shorts_carousel__card-media {
  width: 100%;
  aspect-ratio: 9 / 16;
  background: var(--sc-bg, #d8c89a);
  border-radius: 10px;
  margin-bottom: 12px;
}
.block_shorts_carousel__card-client {
  font-family: var(--font-kr);
  font-size: 12.5px;
  color: rgba(26, 23, 20,0.55);
  margin: 0 0 4px;
}
.block_shorts_carousel__card-title {
  font-family: var(--font-kr);
  font-size: 15px;
  font-weight: 700;
  line-height: 1.45;
  color: var(--ink-900);
  margin: 0 0 8px;
  letter-spacing: -0.005em;
}
.block_shorts_carousel__card-tags { display: flex; gap: 6px; }
.block_shorts_carousel__card-tags span {
  font-family: var(--font-kr);
  font-size: 11.5px;
  color: rgba(26, 23, 20,0.55);
  background: var(--white);
  border: 1px solid rgba(26, 23, 20,0.14);
  padding: 3px 10px;
  border-radius: 999px;
}
@media (max-width: 720px) {
  .block_shorts_carousel__card { width: 170px; }
}


/* ───────────────────────────────────────────────
   styles.css L7349-7356 — block_shorts_carousel__card-media cover
   ─────────────────────────────────────────────── */
/* Short card media — cover image */
.block_shorts_carousel__card-media {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}