:root {
    --primary-orange: #f26419;
    --primary-green: #b3de53;
    --soft-green: #eef7dc;
    --warm-dark: #2b2622;
    --soft-bg: #fdfbf7;
    --text-color: #3d352e;
}
* { box-shadow: none; box-sizing: border-box; margin: 0; padding: 0; }
html, body { min-height: 100%; background-color: var(--soft-bg); font-family: 'Fredoka', 'Noto Sans KR', sans-serif; color: var(--text-color); overflow-x: hidden; }
body { display: flex; flex-direction: column; justify-content: space-between; }

header { width: 100%; max-width: 1100px; margin: 0 auto; padding: 1.5rem 2rem; display: flex; justify-content: space-between; align-items: center; }
.logo { color: var(--warm-dark); font-size: 1.6rem; font-weight: 700; text-decoration: none; letter-spacing: 0.5px; }
.logo span { color: var(--primary-orange); }

.lang-select-box { background-color: #f0ebe1; color: #7a7065; border: 2px solid transparent; padding: 8px 16px; font-size: 0.9rem; font-weight: 700; border-radius: 20px; outline: none; cursor: pointer; text-transform: uppercase; transition: all 0.2s ease; font-family: 'Fredoka', sans-serif; }
.lang-select-box:focus { border-color: var(--warm-dark); background-color: #fff; color: var(--warm-dark); }

.content-container { flex: 1; max-width: 1100px; width: 100%; margin: 0 auto; padding: 1rem 2rem 3rem 2rem; }
.hero { background: linear-gradient(135deg, #f7f3eb 0%, #eaddcd 100%); color: var(--warm-dark); text-align: center; padding: 3rem 1.5rem; border-radius: 32px; margin-bottom: 2.5rem; }
.hero h1 { font-size: 2.3rem; margin-bottom: 0.8rem; font-weight: 700; }
.hero p { font-size: 1rem; color: #6e6153; max-width: 600px; margin: 0 auto; font-weight: 500; }

/* 푸터 전체 영역 (100% 꽉 참) */
footer {
    background-color: #f7f3eb; /* 연한 배경색 */
    width: 100%;
    margin-top: 5rem;
    padding: 3.5rem 0 2.5rem 0;
    display: flex;
    justify-content: center;
}

/* 콘텐츠 영역 (1100px 제한) */
.footer-inner {
    width: 100%;
    max-width: 1100px;
    padding: 0 2rem;
    text-align: center;
}

/* 스토어 버튼 스타일 */
.store-btn {
    display: inline-block;
    padding: 0.6rem 1.6rem;
    margin: 0.4rem;
    color: var(--warm-dark); /* 글자색을 어둡게 하여 가독성 확보 */
    text-decoration: none;
    border: 2px solid rgba(43, 38, 34, 0.2); /* 테두리를 조금 더 진하게 */
    border-radius: 30px;
    font-size: 0.9rem;
    font-weight: 700;
}
.store-btn:hover {
    background-color: var(--warm-dark);
    color: #fff;
}

/* 하단 정보 텍스트 */
.footer-info {
    font-size: 0.9rem;
    color: #5c544d; /* 글자색을 충분히 어둡게 설정 */
    margin-top: 1.5rem;
}

/* 링크 스타일 (중요) */
.footer-info a {
    color: var(--primary-orange);
    text-decoration: none;
    font-weight: 700;
}
.footer-info a:hover {
    text-decoration: underline;
}

.copyright {
    margin-top: 1rem;
    font-size: 0.8rem;
    color: #70665c;
}

@media (max-width: 600px) {
    .content-container { padding: 1rem 1.2rem; }
    footer { border-radius: 0; }
}