/* 모바일 전용 여백 제거 CSS */
@media (max-width: 480px) {
  /* body 기본 여백만 제거 */
  body {
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: hidden !important;
  }
  
  /* 메인 섹션 좌우 여백만 제거 */
  section.relative.w-full {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  
  /* 절감왕 배지 완전히 새롭게 디자인 (길게 퍼지지 않게) */
  #savings-badge {
    top: 0.5rem !important;
    right: 0.5rem !important;
    left: auto !important;
    width: auto !important;
    max-width: 200px !important;
  }
  
  /* 절감왕 배지 내부를 컴팩트하게 */
  #savings-badge .flex {
    padding: 0.5rem 0.75rem !important;
    gap: 0.375rem !important;
    flex-wrap: nowrap !important;
  }
  
  /* 절감왕 배지 텍스트 크기 대폭 축소 */
  #savings-badge .font-bold {
    font-size: 0.625rem !important;
    white-space: nowrap !important;
  }
  
  #savings-badge .text-xs {
    font-size: 0.5rem !important;
    white-space: nowrap !important;
  }
  
  #savings-badge .text-2xl {
    font-size: 0.875rem !important;
  }
  
  #savings-badge .text-lg {
    font-size: 0.75rem !important;
  }
  
  /* 절감왕 배지 텍스트 영역 최소화 */
  #savings-badge .text-left {
    min-width: 0 !important;
    flex-shrink: 1 !important;
  }
  
  /* Hero 콘텐츠 화면 안에 맞게 수정 */
  .relative.z-10.max-w-7xl {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  
  /* Hero 섹션 전체 중앙 정렬 */
  section.relative.w-full.min-h-\\[70vh\\] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }
  
  /* 버튼 컨테이너 여백 조정 */
  .flex.flex-col.items-center.w-full.gap-4 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  
  /* 버튼들 정상 여백 유지 */
  button, a {
    margin: 0.25rem !important;
  }
  
  /* 텍스트 정렬 유지 */
  .text-center {
    text-align: center !important;
  }
  
  /* 모달/팝업 여백 조정 */
  .fixed, .absolute {
    margin: 0 !important;
  }
  
  /* 아이콘/일러스트 여백 조정 */
  .mb-10 {
    margin-bottom: 1rem !important;
  }
  
  .mt-16, .sm\\:mt-20, .md\\:mt-24 {
    margin-top: 1rem !important;
  }
  
  /* 히어로 섹션 버튼들 화면 안에 맞게 수정 */
  #request-v2-btn {
    width: calc(100% - 1rem) !important;
    max-width: 300px !important;
    margin: 0.5rem auto !important;
    padding: 0.75rem 1rem !important;
    font-size: 0.9rem !important;
    line-height: 1.3 !important;
    text-align: center !important;
    display: block !important;
    box-sizing: border-box !important;
  }
  
  /* 구매 전 필독사항 버튼 */
  a[href="support.html"] {
    width: calc(100% - 1rem) !important;
    max-width: 300px !important;
    margin: 0.25rem auto !important;
    padding: 0.5rem 0.75rem !important;
    font-size: 0.8rem !important;
    line-height: 1.3 !important;
    text-align: center !important;
    display: block !important;
    box-sizing: border-box !important;
  }
  
  /* 가격 안내 버튼 */
  a[href="notice.html"] {
    width: calc(100% - 1rem) !important;
    max-width: 300px !important;
    margin: 0.25rem auto !important;
    padding: 0.5rem 0.75rem !important;
    font-size: 0.8rem !important;
    line-height: 1.3 !important;
    text-align: center !important;
    display: block !important;
    box-sizing: border-box !important;
  }
  
  /* 버튼 컨테이너 화면 안에 맞게 수정 */
  .flex.flex-col.items-center.w-full.gap-4 {
    gap: 0.25rem !important;
    padding: 0.5rem !important;
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    box-sizing: border-box !important;
  }
  
  /* 안내 텍스트 */
  .text-pink-200 {
    width: calc(100% - 1rem) !important;
    max-width: 300px !important;
    margin: 0.5rem auto !important;
    padding: 0 !important;
    font-size: 0.75rem !important;
    text-align: center !important;
    line-height: 1.3 !important;
    box-sizing: border-box !important;
  }
  
  /* 텍스트 크기 조정 */
  .text-xs { font-size: 0.75rem !important; }
  .text-sm { font-size: 0.875rem !important; }
  .text-base { font-size: 1rem !important; }
  .text-lg { font-size: 1.125rem !important; }
  .text-xl { font-size: 1.25rem !important; }
  .text-2xl { font-size: 1.5rem !important; }
  .text-3xl { font-size: 1.875rem !important; }
  
  /* 아이콘 크기 조정 */
  .w-24, .h-24 { width: 3rem !important; height: 3rem !important; }
  .w-40, .h-40 { width: 4rem !important; height: 4rem !important; }
  
  /* PriceHunter 로고 크기 조정 */
  .text-3xl {
    font-size: 1.25rem !important;
  }
  
  .text-5xl {
    font-size: 1.5rem !important;
  }
  
  /* 아이콘/일러스트 컨테이너 최적화 - 중앙 정렬 강화 */
  .mb-10.animate-bounce-slow {
    margin-bottom: 1.5rem !important;
    gap: 0.75rem !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
  }
  
  /* PriceHunter 로고 중앙 정렬 */
  .text-3xl.md\\:text-5xl {
    text-align: center !important;
    margin: 0 auto !important;
  }
  
  /* 돋보기 아이콘 중앙 정렬 */
  .w-24.h-24.md\\:w-40.md\\:h-40 {
    margin: 0 auto !important;
    display: block !important;
  }
  
  /* 간격 조정 */
  .gap-4 { gap: 0.5rem !important; }
  .gap-3 { gap: 0.375rem !important; }
  
  /* 모달/팝업 최적화 */
  .fixed.inset-0 {
    padding: 1rem !important;
  }
  
  /* 스크롤 안내 영역 조정 */
  .mt-8, .md\\:mt-12 {
    margin-top: 1rem !important;
  }
  
  .text-base, .md\\:text-2xl {
    font-size: 0.875rem !important;
  }
  
  .w-6, .h-6, .md\\:w-8, .md\\:h-8 {
    width: 1rem !important;
    height: 1rem !important;
  }
  
  /* 구매 프로세스 통일성 맞추기 */
  .process-step {
    margin: 0.5rem 0 !important;
    padding: 0.75rem !important;
  }
  
  .process-step .flex {
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    gap: 0.5rem !important;
  }
  
  .process-step .flex-shrink-0 {
    margin: 0 auto !important;
  }
  
  .process-step .w-12, .process-step .h-12,
  .process-step .w-14, .process-step .h-14,
  .process-step .w-16, .process-step .h-16 {
    width: 2.5rem !important;
    height: 2.5rem !important;
  }
  
  .process-step .text-lg, .process-step .text-xl {
    font-size: 1rem !important;
  }
  
  .process-step h3 {
    font-size: 1rem !important;
    margin-bottom: 0.5rem !important;
  }
  
  .process-step p {
    font-size: 0.875rem !important;
    line-height: 1.4 !important;
  }
  
  /* 전체 UI 통일성 개선 */
  .space-y-6, .space-y-8 {
    gap: 0.75rem !important;
  }
  
  .rounded-2xl {
    border-radius: 0.75rem !important;
  }
  
  .shadow-xl {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
  }
  
  /* 텍스트 가독성 개선 */
  .text-center {
    text-align: center !important;
    line-height: 1.4 !important;
  }
  
  /* 아이콘 크기 통일 */
  .text-3xl {
    font-size: 1.5rem !important;
  }
  
  .text-5xl {
    font-size: 2rem !important;
  }
  
  /* 고민 섹션 최적화 */
  .grid.grid-cols-1 {
    gap: 1rem !important;
  }
  
  /* 고민 카드 통일성 */
  .bg-white.rounded-2xl.shadow-xl {
    padding: 1rem !important;
    margin: 0.5rem 0 !important;
  }
  
  /* 고민 카드 아이콘 통일 */
  .bg-white.rounded-2xl.shadow-xl svg {
    width: 2.5rem !important;
    height: 2.5rem !important;
  }
  
  /* 고민 카드 텍스트 통일 */
  .bg-white.rounded-2xl.shadow-xl .font-bold {
    font-size: 0.875rem !important;
    line-height: 1.4 !important;
    margin-bottom: 0.75rem !important;
  }
  
  .bg-white.rounded-2xl.shadow-xl .text-gray-500 {
    font-size: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  
  .bg-white.rounded-2xl.shadow-xl .text-gray-700 {
    font-size: 0.8rem !important;
    line-height: 1.4 !important;
  }
  
  /* 고민 섹션 제목 최적화 */
  .text-xl, .sm\\:text-2xl, .md\\:text-3xl, .lg\\:text-4xl {
    font-size: 1.25rem !important;
    line-height: 1.3 !important;
    margin-bottom: 1.5rem !important;
  }
  
  /* 하단 안내 배지 최적화 */
  .bg-yellow-100 {
    padding: 0.75rem 1rem !important;
    margin: 1rem 0 !important;
  }
  
  .bg-yellow-100 .text-sm, .sm\\:text-base, .md\\:text-lg, .lg\\:text-xl {
    font-size: 0.8rem !important;
    line-height: 1.3 !important;
  }
}