/* ========================================
   Terms Section 스타일
   Terms Section Styles for Sulwhasoo Holiday Festa
   ======================================== */

/* Terms Section 기본 스타일 */
.terms {
    max-width: 480px; /* 프로젝트 규칙: 480px 고정 너비 */
    margin: 0 auto; /* 중앙 정렬 */
    background: transparent;
    position: relative;
    padding: 0;
}

/* Terms 컨테이너 */
.terms-container {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 2;
}

/* Terms 콘텐츠 */
.terms-content {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
}

/* Terms 이미지 컨테이너 */
.terms-image-container {
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
}

/* Terms 이미지 */
.terms-image {
    width: 100%;
    height: auto;
    display: block;
    margin: 0;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    transition: none; /* GIF 애니메이션과 충돌 방지 */
}

/* 반응형 디자인 */
@media (max-width: 480px) {
    .terms-container {
        padding: 0;
    }
}

@media (max-width: 360px) {
    /* Terms 이미지는 이미 border-radius: 0으로 설정됨 */
}

/* 접근성 개선 */
@media (prefers-reduced-motion: reduce) {
    .terms-image {
        transition: none;
    }
    
    .terms-image:hover {
        transform: none;
    }
}

/* 고대비 모드 지원 */
@media (prefers-contrast: high) {
    .terms-image {
        border: 2px solid var(--sulwhasoo-dark-brown);
    }
}

/* 다크 모드 지원 */
@media (prefers-color-scheme: dark) {
    .terms {
        background: var(--sulwhasoo-dark-brown);
    }
}

/* 터치 디바이스 최적화 */
@media (hover: none) and (pointer: coarse) {
    .terms-image:hover {
        transform: none;
    }
    
    .terms-image:active {
        transform: scale(0.98);
    }
}