/* =========================================================
   GURI RWD overrides (phones only) - 2025-08-12
   - 데스크탑/태블릿 영향 없음 (모든 규칙은 @media 내부)
   ========================================================= */
@media (max-width: 575.98px) {

  /* 0) 공통 안전장치 */
  html, body { overflow-x: hidden; }
  img, video { max-width: 100%; height: auto; display: block; }

/* phones only (≤575.98px): 모바일 네비는 기본 드롭다운 방식으로 */
@media (max-width: 575.98px) {
  /* 로고가 겹치지 않게 */
  .header-area .main-nav .logo {
    position: static !important;
    margin: 0 !important;
  }

  /* 햄버거 버튼 보이게 */
  .header-area .main-nav .menu-trigger {
    display: block !important;
    z-index: 1001;
  }

  /* 드롭다운 영역: 기본은 닫힘 */
  .header-area .main-nav .nav {
    display: none !important;           /* 기본 닫힘 */
    width: 100%;
    background: #fff !important;
    box-shadow: 0 8px 16px rgba(0,0,0,.08);
    border-radius: 0 0 20px 20px;
    margin-top: 0 !important;
  }

  /* 토글 시 보이게 */
  .header-area .main-nav .nav.show {
    display: block !important;
  }

  /* 항목 스타일(가독성) */
  .header-area .main-nav .nav li {
    border-top: 1px solid #eee;
    height: 48px !important;
    padding: 0 !important;
    background: #fff !important;
  }
  .header-area .main-nav .nav li a {
    display: block !important;
    height: 48px !important;
    line-height: 48px !important;
    padding: 0 14px !important;
    font-size: 15px !important;
    color: #1e1e1e !important;
    background: transparent !important;
  }

  /* 요청하신 대로 모바일에서만 월렛 버튼 숨김 (원하면 주석처리) */
  #walletArea { display: none !important; }
}


  /* 지갑 버튼이 메뉴와 겹치지 않게 위쪽 바에만 남기기 */
  #walletArea { position: relative; z-index: 2; }
}
/* ===== features 아이콘 잘림/치우침 교정 (phones only) ===== */
@media (max-width: 575.98px) {
  .features .item .image {
    width: 72px; height: 72px; line-height: 72px;   /* 살짝 더 작게 */
    display: flex; align-items: center; justify-content: center;
    margin: 0 auto;                                  /* 가운데 정렬 */
  }
  .features .item .image img {
    width: 40px !important; height: 40px !important; /* 글로벌 img{width:100%} 무력화 */
    max-width: none !important;
    object-fit: contain; display: block;
  }
}