/* 텍스트 채우기 효과 스타일 */
.text-reveal-container {
    position: relative;
}

.text-reveal-container .text-original {
    visibility: hidden; /* 원래 텍스트는 숨김 처리 */
}

.text-reveal-container .text-gray,
.text-reveal-container .text-color {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    white-space: nowrap;
}

.text-reveal-container .text-gray {
    color: #bbbbbb !important;
    z-index: 1;
}

.text-reveal-container .text-color {
    color: #000; /* 기본 색상 - JS에서 오버라이드 될 수 있음 */
    clip-path: inset(0 100% 0 0); /* 오른쪽에서 0%만 표시 (처음에는 안 보임) */
    transition: clip-path 0.15s linear;
    z-index: 2;
}

.products-subtitle .text-color {
    color: #0066cc !important;
}

.products-title .text-color {
    color: #000 !important;
}

/* 멀티라인 컨테이너 */
.multiline-container {
    position: relative;
    display: flex;
    flex-direction: column;
}

.multiline-container .line {
    position: relative;
    height: 1.3em;
}

/* 확장된 공간에 대응하기 위한 조정 */
.multiline-container .line:last-child {
    margin-bottom: 0.3em;
}