#app .maker-shop-page .course-grid-folded > .course-card:nth-child(n+5) {
  display: none;
}

.course-fold-button {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 12px auto 4px;
  padding: 7px 16px;
  min-height: 36px;
  border: 1px solid #f0c7b5;
  border-radius: 20px;
  background: #fff7f2;
  color: #9e3d20;
  font: inherit;
  font-size: 14px;
  font-weight: 650;
  cursor: pointer;
}

.course-fold-button:hover {
  background: #ffede3;
}

.course-fold-arrow {
  width: 6px;
  height: 6px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: translateY(-2px) rotate(45deg);
}

.course-fold-narrow-only,
.course-fold-narrow,
.course-fold-close,
.course-fold-button[aria-expanded="true"] :is(.course-fold-wide, .course-fold-narrow) {
  display: none;
}

.course-fold-button[aria-expanded="true"] .course-fold-close {
  display: inline;
}

.course-fold-button[aria-expanded="true"] .course-fold-arrow {
  transform: translateY(2px) rotate(225deg);
}

@media (max-width: 900px) {
  #app .maker-shop-page .course-grid-folded > .course-card:nth-child(n+3),
  .course-fold-wide {
    display: none;
  }

  .course-fold-button[aria-expanded="false"] .course-fold-narrow {
    display: inline;
  }

  .course-fold-narrow-only {
    display: flex;
  }
}