/* 전역 반응형 스타일 */

/* 태블릿 스타일 */
@media (max-width: 1024px) {
  .container {
    padding: 0 15px;
  }
}

/* 모바일 스타일 */
@media (max-width: 768px) {
  /* 컨테이너 조정 */
  .container {
    padding: 0 10px;
  }
  
  /* 텍스트 크기 조정 */
  body {
    font-size: 14px;
  }
  
  /* 스크롤 최적화 */
  html {
    scroll-behavior: smooth;
  }
  
  /* 모바일 터치 최적화 */
  * {
    -webkit-tap-highlight-color: transparent;
  }
}

/* 소형 모바일 스타일 */
@media (max-width: 480px) {
  .container {
    padding: 0 5px;
  }
  
  body {
    font-size: 13px;
  }
}

/* 초소형 화면 대응 */
@media (max-width: 320px) {
  .container {
    padding: 0 10px;
  }
  
  .main {
    padding: 15px 10px;
  }
  
  .recommendation-card-container {
    width: 100%;
    margin: 10px auto;
  }
}

/* 고해상도 디스플레이 최적화 */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  /* 고해상도 이미지 및 선명한 텍스트 렌더링 */
  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

/* 가로 모드 대응 */
@media (orientation: landscape) and (max-height: 600px) {
  .main {
    padding: 20px;
    min-height: auto;
  }
  
  .main-title-container {
    min-height: 40px;
    margin-bottom: 20px;
  }
}