@charset "utf-8";

/* ============================================================
   asymmetry 페이지 — Tailwind 보조 스타일
   ============================================================ */

.ctt_admin {
    display: none;
}

/* 섹션 1 — 배경 이미지 + 흰색 70% 오버레이 */
.sh-asymmetry-diagnosis__bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: #ffffff;
    opacity: 0.7;
}

/* 섹션 1 — 영상 */
.sh-asymmetry-diagnosis__video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* 섹션 2 — 3,000+ 텍스트 그림자 */
.sh-asymmetry-counter__text {
    text-shadow:
        0 6px 16px rgba(161, 111, 155, 0.85),
        0 12px 32px rgba(161, 111, 155, 0.7),
        0 20px 48px rgba(100, 55, 90, 0.55);
}

/* 섹션 4 — 배경 이미지 + 흰색 80% 오버레이 */
.sh-asymmetry-quote__bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: #ffffff;
    opacity: 0.8;
}

/* 섹션 5 — PC 표 레이아웃 */
@media (min-width: 1024px) {
    .sh-asymmetry-treatment__table {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        align-items: stretch;
        min-height: 680px;
    }

    .sh-asymmetry-treatment__head,
    .sh-asymmetry-treatment__cell {
        border-right: 1px solid #a16f9b;
        border-bottom: 1px solid #a16f9b;
    }

    .sh-asymmetry-treatment__col--last .sh-asymmetry-treatment__head,
    .sh-asymmetry-treatment__col--last .sh-asymmetry-treatment__cell {
        border-right: none;
    }

    .sh-asymmetry-treatment__cell--last {
        border-bottom: none;
    }
}

/* 섹션 6 — 후기 마퀴 (메인 sh-review 동일) */
.sh-asymmetry-review-track {
    display: flex;
    width: max-content;
    animation: sh-asymmetry-review-marquee 55s linear infinite;
}

.sh-asymmetry-review-marquee:hover .sh-asymmetry-review-track {
    animation-play-state: paused;
}

@keyframes sh-asymmetry-review-marquee {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

/* 섹션 7 — FAQ: Q. 항상 s_purple, 질문 본문은 열림 시에만 s_purple */
.sh-asymmetry-faq .sh-faq-item__question > span.text-primary {
    color: #a16f9b;
}

.sh-asymmetry-faq .sh-faq-item:not(.is-open) .sh-faq-item__question-body {
    color: #212121;
}

.sh-asymmetry-faq .sh-faq-item.is-open .sh-faq-item__question-body {
    color: #a16f9b;
}