/* ===========================
   SELECT 촬영 선택 화면
   =========================== */

.select-screen {
  background: #ffffff;
}

/* 전체 컨테이너 */
.select-container {
  padding-top: 28.11cqw;
  gap: 13.73cqw;
}

/* 헤더 */
.select-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.86cqw;
}

.select-title {
  font-weight: 700;
  font-size: 6.87cqw;
  line-height: 8.58cqw;
  text-align: center;
  color: #222222;
  margin: 0;
}

.select-subtitle {
  font-weight: 400;
  font-size: 3.43cqw;
  line-height: 4.29cqw;
  text-align: center;
  color: #333333;
  margin: 0;
}

/* 옵션 + 버튼 묶음 */
.select-body {
  gap: 29.18cqw;
}

/* 옵션 카드 행 */
.select-options {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 5.15cqw;
  gap: 5.15cqw;
}

/* 카드 외곽 (검정 프레임) */
.select-card {
  width: 42.27cqw;
  height: 57.73cqw;
  background: #222222;
  border-radius: 4.29cqw;
  border: none;
  padding: 1.72cqw;
  cursor: pointer;
  box-sizing: border-box;
  transition: transform 0.2s;
}
.select-card:active {
  transform: scale(0.97);
}

/* 카드 내부 (흰색) */
.select-card-inner {
  width: 100%;
  height: 100%;
  background: #ffffff;
  border-radius: 2.58cqw;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s;
}
.select-card:hover .select-card-inner,
.select-card:active .select-card-inner {
  background:
    linear-gradient(0deg, rgba(102, 102, 102, 0.2), rgba(102, 102, 102, 0.2)),
    #ffffff;
}

/* 카드 콘텐츠 */
.select-card-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.72cqw;
}

/* 이미지 마스크 */
.select-card-img-wrap {
  width: 17.17cqw;
  height: 17.17cqw;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}

.select-card-img--ai {
  width: 22.53cqw;
  height: 22.53cqw;
  object-fit: contain;
}

.select-card-img--normal {
  width: 24.68cqw;
  height: 24.68cqw;
  object-fit: contain;
}

/* 텍스트 */
.select-card-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.72cqw;
}

.select-card-name {
  font-weight: 700;
  font-size: 5.15cqw;
  line-height: 6.22cqw;
  color: #222222;
  text-align: center;
}

.select-card-desc {
  font-weight: 500;
  font-size: 3cqw;
  line-height: 3.65cqw;
  color: #222222;
  text-align: center;
}

/* 처음으로 버튼 */
.select-home-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3.43cqw 10.3cqw;
  background: #000000;
  border-radius: 21.46cqw;
  border: none;
  cursor: pointer;
  font-family: "Pretendard", sans-serif;
  font-weight: 600;
  font-size: 3.43cqw;
  line-height: 4.08cqw;
  text-align: center;
  color: #ffffff;
  transition: transform 0.2s;
}
.select-home-btn:active {
  transform: scale(0.95);
}