/* 류한의원 체질테스트 메인 섹션 v1.0.2 : 보라색 통일 / 모바일 / 자동스크롤 제거 */
.ryu-season,.ryu-season *,.ryu-season *:before,.ryu-season *:after{box-sizing:border-box}
.ryu-season{width:100%;padding:76px 20px 70px;text-align:center;background:linear-gradient(135deg,#fffafb 0%,#fff2f5 55%,#fff7f9 100%);border-top:1px solid #f2dfe4;border-bottom:1px solid #f0dce2}
.ryu-season-inner{max-width:1160px;margin:0 auto}
.ryu-season-kicker{display:inline-block;background:#fbe7ec;color:#ab526a;font-size:12px;font-weight:700;letter-spacing:1.7px;padding:8px 17px;border-radius:30px;margin-bottom:19px}
.ryu-season h2{margin:0 auto 17px;padding:0;max-width:950px;color:#35292e;font-size:34px;font-weight:800;line-height:1.5;letter-spacing:-1.2px;word-break:keep-all}
.ryu-season h2:after{content:"";display:block;width:52px;height:3px;margin:21px auto 0;background:#f1a1af;border-radius:5px}
.ryu-season-note{margin:0 0 31px;color:#796c71;font-size:14px;line-height:1.8;word-break:keep-all}
.ryu-season-button{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-width:230px;min-height:55px;padding:14px 26px;background:linear-gradient(110deg,#ab526a,#cd7188);border:1px solid #a74b63;border-radius:11px;box-shadow:0 9px 22px rgba(159,69,95,.19);color:#fff;font-size:17px;font-weight:700;line-height:1.35;cursor:pointer;transition:background .2s,box-shadow .2s,transform .2s}
.ryu-season-button:hover{background:#963a54;color:#fff;box-shadow:0 12px 26px rgba(159,69,95,.25);transform:translateY(-1px)}
.ryu-season-button:focus{outline:3px solid #f6b9c6;outline-offset:3px;color:#fff}
.ryu-season-arrow{font-size:21px;font-weight:400;line-height:1}
.ryu-season-content{display:none;max-width:1050px;margin:35px auto 0;overflow:hidden;text-align:left;border:1px solid #f0dce2;background:#fffafb;border-radius:18px;box-shadow:0 12px 32px rgba(121,56,75,.07)}
.ryu-season-content[hidden]{display:none!important}
.ryu-season-content iframe{display:block;width:100%;height:760px;border:0;background:#fffafb;overflow:hidden}
@media(max-width:767px){
 .ryu-season{padding:49px 14px 44px}
 .ryu-season-kicker{font-size:10px;margin-bottom:15px}
 .ryu-season h2{font-size:24px;line-height:1.5;letter-spacing:-.7px;margin-bottom:13px}
 .ryu-season h2:after{margin-top:16px}
 .ryu-season-note{font-size:12px;line-height:1.8;margin-bottom:22px}
 .ryu-season-button{width:100%;max-width:320px;font-size:16px;min-height:53px}
 .ryu-season-content{margin-top:24px;border-radius:12px}
}
@media(max-width:360px){.ryu-season h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.ryu-season-button{transition:none}.ryu-season-button:hover{transform:none}}

/* 류한의원 기존 메인 스타일과의 충돌 방지: 모든 선택자는 테스트 영역으로 한정합니다. */
.ryu-season-button:focus-visible{outline:3px solid #f1a1af;outline-offset:3px}



/* ========================================
   체질 테스트 시작 버튼 반짝임 효과
   PHP 5.3 환경에서도 사용 가능
======================================== */

/* 버튼 내부에 빛이 지나갈 공간 설정 */
.ryu-season-button {
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

/* 왼쪽에서 오른쪽으로 이동하는 흰색 빛 */
.ryu-season-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 65%;
    height: 100%;
    background: linear-gradient(
        110deg,
        transparent 0%,
        rgba(255,255,255,0.12) 30%,
        rgba(255,255,255,0.65) 50%,
        rgba(255,255,255,0.12) 70%,
        transparent 100%
    );
    transform: skewX(-20deg);
    animation: damiinButtonShine 3.5s ease-in-out infinite;
    pointer-events: none;
}

/* 3.5초 주기로 빛이 지나감 */
@keyframes damiinButtonShine {
    0%   { left: -100%; }
    45%  { left: 160%; }
    100% { left: 160%; }
}

/* 움직임 감소를 설정한 사용자 배려 */
@media (prefers-reduced-motion: reduce) {
    .ryu-season-button::before {
        animation: none;
    }
}


/* 테스트 시작 버튼 빨간색 변경 */
.ryu-season-button {
    background: linear-gradient(
        135deg,
        #FF5252 0%,
        #E53935 55%,
        #C62828 100%
    ) !important;

    color: #FFFFFF !important;
    border: 1px solid #D32F2F !important;

    box-shadow: 0 5px 18px rgba(229,57,53,0.35);
}

/* 마우스를 올렸을 때 */
.ryu-season-button:hover {
    background: linear-gradient(
        135deg,
        #FF6B6B,
        #D32F2F
    ) !important;

    box-shadow: 0 8px 24px rgba(229,57,53,0.45);
}