@charset "utf-8";

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

.ctt_admin {
    display: none;
}

/* 섹션 1 — 배경 이미지 + 흰색 90% 오버레이 (Figma fills) */
.sh-healing-intro__bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: #ffffff;
    opacity: 0.9;
}

.sh-healing-intro__bg-img {
    position: relative;
    z-index: 0;
}

/* 섹션 4 — 최소 높이 (Figma 1000px 기준, lg 이상) */
@media (min-width: 1024px) {
    .sh-healing-program {
        min-height: 1000px;
    }

    .sh-healing-program > .relative.z-10 {
        min-height: inherit;
        display: flex;
        align-items: center;
    }

    .sh-healing-fixer {
        min-height: 1000px;
    }

    .sh-healing-fixer > .relative.z-10 {
        min-height: inherit;
        display: flex;
        align-items: center;
    }
}

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

/* 섹션 8 — Level 원형 색상 */
.sh-healing-level__circle--01 {
    background-color: #ffe69e;
    border: 1px solid #ffc012;
}

.sh-healing-level__circle--02 {
    background-color: #ffdc73;
}

.sh-healing-level__circle--03 {
    background-color: #ffca36;
}

.sh-healing-level__circle--04 {
    background-color: #ffbf35;
}

.sh-healing-level__circle--05 {
    background-color: #faab00;
}

.sh-healing-level__circle--06 {
    background-color: #ff9500;
}

/* 섹션 8 — Level 그라데이션 바 (Figma 302:1616) */
.sh-healing-level__gradient {
    background: linear-gradient(
        90deg,
        #fff9e8 0%,
        #fff4d3 18%,
        #ffebb3 36%,
        #ffdb78 54%,
        #f6cb55 72%,
        #f4b300 100%
    );
}

/* 섹션 9 — 아카이브 배경 흰색 오버레이 */
.sh-healing-archive::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: #ffffff;
    opacity: 0.85;
    pointer-events: none;
    z-index: 0;
}

.sh-healing-archive > .relative.z-10 {
    position: relative;
    z-index: 1;
}

.sh-healing-archive__rate-fill {
    transition: width 0.1s linear;
}

.sh-healing-archive__rate-knob {
    transition: left 0.1s linear;
}

/* 섹션 9 — 비포/애프터 pill */
.sh-healing-bef-aft__pill {
    border-radius: 198px;
}

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

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

.sh-healing-faq .sh-faq-item.is-open .sh-faq-item__question-body {
    color: #ffc012;
}

.sh-healing-faq-cta {
    margin-top: -0.5rem;
}

/* 섹션 10 — 시너지 미디어 (영상/이미지 전체 노출) */
.sh-healing-synergy__media video {
    display: block;
    max-width: 100%;
    max-height: 100%;
}