/* 모달 레이어 */
.lang-modal { position: fixed; inset: 0; display: none; z-index: 1000; }
.lang-modal.open { display: block; }
.lang-backdrop { position: absolute; inset:0; background: rgba(0,0,0,.35); }

/* 카드 */
.lang-card {
  position: relative; margin: 10vh auto 0; max-width: 420px;
  background: #fff; border-radius: 12px; padding: 20px 16px 18px;
  box-shadow: 0 10px 30px rgba(0,0,0,.15);
}

/* 타이틀/닫기 */
.lang-title { margin: 0 0 14px; font-size: 18px; text-align: center; }
.lang-close {
  position:absolute; top:10px; right:10px; width:32px; height:32px;
  border:none; background:#f3f4f6; border-radius:8px; cursor:pointer;
}

/* 옵션 버튼 */
.lang-options { display:grid; grid-template-columns: 1fr 1fr; gap:10px; }
.lang-option {
  padding: 12px; border: 1px solid #e5e7eb; border-radius: 10px; cursor: pointer;
  background: #fff; font-weight: 600;
}
.lang-option:hover { background:#f8fafc; }
@media (max-width:480px){ .lang-card{ margin: 12vh 12px 0; } }