.gift-help-page {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  background: var(--semantic-white);
}

.gift-help-header {
  display: flex;
  width: 100%;
  min-height: 80px;
  align-items: center;
  justify-content: center;
  background: var(--semantic-white);
}

.gift-help-header__inner {
  display: flex;
  width: 100%;
  max-width: 1320px;
  min-height: 50px;
  align-items: center;
  padding: 20px;
}

.gift-help-header__title {
  display: inline-flex;
  min-width: 0;
  align-items: center;
  gap: 10px;
  color: var(--neutral-tx1-hero);
  font-size: 20px;
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-28);
  text-decoration: none;
  white-space: nowrap;
}

.gift-help-header__back {
  display: inline-flex;
  width: 10px;
  height: 10px;
  flex: 0 0 10px;
  align-items: center;
  justify-content: center;
}

.gift-help-header__back img {
  display: block;
  width: 10px;
}

.gift-help-header__title:focus-visible {
  outline: var(--stroke-2) solid var(--brand-primary-dark);
  outline-offset: var(--spacing-3xs);
}

.gift-help-main {
  flex: 1 0 auto;
}

.gift-help-guide {
  padding: var(--spacing-3xl) var(--spacing-lg);
  background: var(--semantic-white);
}

.gift-help-guide__inner {
  display: flex;
  width: 100%;
  max-width: 1280px;
  flex-direction: column;
  gap: var(--spacing-3xl);
  margin: 0 auto;
}

.gift-help-guide__search {
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.gift-help-guide__title {
  margin: 0;
  color: var(--neutral-tx1-hero);
  font-size: 30px;
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-44);
}

.gift-help-guide .customer-hero__search-area {
  max-width: 1280px;
}

.gift-help-guide .customer-search__input::placeholder {
  color: var(--neutral-tx4-dissolved);
}

.gift-help-guide .customer-category__content {
  gap: var(--spacing-3xl);
}

.gift-help-guide .customer-category-menu__toggle {
  display: none;
}

.gift-help-guide .customer-category-menu__toggle.is-active {
  background: transparent;
}

.gift-help-guide .customer-category-menu__list button.is-active {
  background: transparent;
}

.gift-help-guide .customer-category-row.is-highlighted {
  background: var(--semantic-bg);
}

@media (min-width: 1440px) {
  .gift-help-guide__title {
    display: none;
  }
}

@media (min-width: 1024px) and (max-width: 1439px) {
  .gift-help-header__inner {
    max-width: 100%;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .gift-help-header__inner {
    max-width: 1280px;
  }
}

@media (max-width: 767px) {
  .gift-help-header {
    min-height: 64px;
    border-bottom: var(--stroke-1) solid var(--semantic-input-border);
  }

  .gift-help-header__inner {
    min-height: 64px;
    padding: 12px 20px;
  }

  .gift-help-header__title {
    font-size: var(--font-size-xl);
    line-height: var(--line-height-22);
  }

  .gift-help-guide .customer-category-menu__toggle {
    display: flex;
  }

  .gift-help-guide .customer-category-menu__list button.is-active {
    background: var(--semantic-bg);
  }
}