@charset "UTF-8";

@media (max-width: 768px) {
    .container { margin: 1.25rem auto; padding: 0 1rem; }
    .main-search-wrap { margin-bottom: 1.25rem; }
    .main-search-form { padding: 0.3rem 0.4rem 0.3rem 0.75rem; }
    .main-search-form input { font-size: 0.88rem; }
    .main-search-form button { padding: 0.5rem 0.85rem; font-size: 0.82rem; }
    .section-title { font-size: 1.15rem; }
    .horizontal-card { width: 190px; }
    .h-card-thumb-wrap { height: 105px; }
    .search-filter-bar { gap: 0.5rem; }
    .filter-tab { padding: 0.35rem 0.65rem; font-size: 0.78rem; }
    .hero-banner-item { padding: 1.75rem 1.25rem; flex-direction: column; align-items: flex-start; gap: 1.25rem; }
    .hero-banner-content { max-width: 100%; }
    .hero-banner-title { font-size: 1.3rem; }
    .hero-banner-visual { display: none; }
    .test-intro h2 { font-size: 1.45rem; }
    .q-card { padding: 1.25rem 1rem; border-radius: 16px; }
    .vs-wrap { grid-template-columns: 1fr; gap: 0.5rem; }
    .vs-box { min-height: auto; padding: 0.85rem; font-size: 0.9rem; }
    .scale-track { padding: 0.75rem 1rem; }
    .scale-track::before { left: 1.25rem; right: 1.25rem; }
    .c-1, .c-5 { width: 34px; height: 34px; }
    .c-2, .c-4 { width: 26px; height: 26px; }
    .c-3 { width: 18px; height: 18px; }
    .result-header-img-wrap { max-width: 100%; border-radius: 14px; margin: 1rem auto 1.5rem; }
    .product-inner { flex-direction: column; }
    .product-img-wrap { width: 60%; height: auto; margin: 0 auto; }
    .product-img-wrap .product-img { width: 100%; height: 100%; object-fit: contain; display: block; }
    .product-info { min-height: auto; }
    .product-title { font-size: 0.98rem; }
    .btn-coupang { width: 100%; padding: 0.75rem; font-size: 0.9rem; }
    .terms-wrap { padding: 1.5rem 1.25rem; margin: 1rem auto 2rem auto; }
    .terms-header h1 { font-size: 1.3rem; }
}