.index-quick {
  justify-content: flex-start;
  gap: var(--spacing-lg);
  padding: 0 var(--spacing-2xl) var(--spacing-3xl);
}

.index-quick__search-area {
  padding-block: var(--spacing-base);
}

@media (min-width: 768px) and (max-width: 1024px) {
  .index-quick {
    padding-right: 28px;
    padding-left: 28px;
  }

  .index-quick__search-area {
    padding-block: 14px;
  }
}

@media (max-width: 767px) {
  .index-quick {
    padding: var(--spacing-sm) var(--spacing-lg) var(--spacing-3xl);
  }

  .index-quick__search-area {
    padding-block: 0;
  }
}

/* 2026-10-27 Figma 02.index 모바일(390) — 검색창 y92 · 아이콘 첫 줄 y172 · 줄 간격 10 · 히어로 y386 */
@media (max-width: 767px) {
  .index-quick {
    gap: 22px;
    padding-top: 24px;
    padding-bottom: 28px;
  }

  /* 앱은 반응형 토큰(모바일 --spacing-base 12)을 써서 히어로가 8px 올라갔다 — 숫자로 고정 */
  .index-quick__menu {
    padding-block: 16px;
    row-gap: 10px;
  }
}