/* style.css */
body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background-color: #e9ecef;
    margin: 0;
    font-family: sans-serif;
}

.mobile-mockup {
    position: relative;
    width: 240px;  /* 모바일 기본 해상도 너비 */
    height: 560px; /* 모바일 기본 해상도 높이 */
    background-color: #fff;
    border-radius: 40px;
    border: 12px solid #333; /* 스마트폰 베젤 느낌 */
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
}

.screen-bg {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
}

/* 투명한 클릭 영역 (버튼 역할) */
.click-zone {
    position: absolute;
    cursor: pointer;
    display: block;
    /* 클릭 위치를 눈으로 확인하고 싶다면 아래 주석을 푸세요 */
    background-color: rgba(255, 0, 0, 0.3);
}