/**
 * Viewport Fix CSS - Minimal Version
 * 화면 비율 100%에서 가로 스크롤만 제거 (레이아웃 변경 없음)
 * Version: 2.0 (완전 새로 작성 - 최소 수정)
 * Date: 2026-04-01
 */

/* 1. 가로 스크롤 제거 - 기본 설정만 */
html {
    overflow-x: hidden;
    max-width: 100vw;
}

body {
    overflow-x: hidden;
    max-width: 100vw;
}

/* 2. 이미지가 화면을 벗어나지 않도록 */
img,
video,
iframe {
    max-width: 100%;
    height: auto;
}

/* 3. 브랜드 타이틀만 반응형으로 (다른 건 건드리지 않음) */
.brand-title-main-horizontal {
    font-size: clamp(3rem, 7vw, 7rem);
}

.brand-title-sub-horizontal {
    font-size: clamp(1.5rem, 2.5vw, 2.5rem);
}

.brand-title-main-vertical {
    font-size: 4.2rem;
}

.brand-title-sub-vertical {
    font-size: 1.44rem;
}

/* 4. 절대 위치 요소가 화면을 벗어나지 않도록 */
.brand-title-wrapper-horizontal,
.brand-title-wrapper-vertical {
    max-width: 100%;
    overflow: hidden;
}

/* 5. 스크롤바 스타일 (선택사항) */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/* 끝 - 다른 레이아웃은 전혀 건드리지 않음 */