$category-name-font-size = 1.6rem

.category-container {

  keep-container(false, 0, 0, 2rem, 2rem)

  .category-name {
    margin-bottom $component-spacing-value
    padding-bottom 20px
    color var(--text-color-2)

    font-weight 600
    font-size $category-name-font-size
    border-bottom 1px solid var(--border-color)

    i {
      color var(--text-color-2)
    }

    +keep-tablet() {
      font-size $category-name-font-size * 0.9
    }

    +keep-mobile() {
      font-size $category-name-font-size * 0.8
    }
  }
}