/* ==================== 홈페이지 스크린세이버 ==================== */

/* 스크린세이버 컨테이너 */
.homepage-screensaver {
    min-height: 100vh;
    padding: 0;
    margin: 0;
    position: relative;
    overflow: hidden;
}

.screensaver-container {
    position: relative;
    width: 100%;
    min-height: calc(100vh - 200px);
    background-color: #000000;
    overflow: hidden;
    z-index: 1;
}

/* 바운싱 QR 코드 */
.qr-code {
    position: absolute;
    width: 200px;
    height: 200px;
    top: 0;
    left: 0;
    transition: none;
    z-index: 2;
}

.qr-code svg {
    width: 100%;
    height: 100%;
    display: block;
}

/* 홈페이지 body 스타일 */
body.home {
    background-color: #000000;
}

body.home .site-header {
    position: relative;
    z-index: 10;
}

body.home .site-footer {
    position: relative;
    z-index: 10;
}

.mobile-br {display:none;}

/* 반응형 - 모바일에서 QR 코드 크기 조정 */
@media (max-width: 768px) {
    .qr-code {
        width: 150px;
        height: 150px;
    }
}

@media (max-width: 480px) {
    .qr-code {
        width: 120px;
        height: 120px;
    }
}