.template-collection .main-content {
  margin-top: 0;
}

.collection-header {
  position: relative;
  z-index: 11;
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
  background-color: #fff;
  padding-bottom: 20px;
}

@media screen and (min-width: 750px) {
  .collection-header {
    display: flex;
  }
}

.collection-header h1 {
  margin-bottom: 0;
  padding: 16px 16px 0px 16px;
  font-size: 20px;
  line-height: 38px;
}

@media screen and (min-width: 750px) {
  .collection-header h1 {
    width: 45%;
  }
}

@media screen and (min-width: 1360px) {
  .collection-header h1 {
    margin-left: calc((100vw - 1360px) / 2);
    padding: 24px 0 0px 20px;
    font-size: 28px;
  }
}

.collection-header .collection-header__toggles {
  display: flex;
  flex: 1;
  border-top: 1px solid #e5e5e5;
}

@media screen and (min-width: 750px) {
  .collection-header .collection-header__toggles {
    border-top: none;
  }
}

.collection-header .collection-header__toggle {
  flex: 1 0 50%;
  border-left: 1px solid #e5e5e5;
}

.collection-header .collection-header__toggle-text-desktop {
  margin-right: 4px;
}

@media screen and (max-width: 750px) {
  .collection-header .collection-header__toggle-text-desktop {
    display: none;
  }
}

@media screen and (min-width: 750px) {
  .collection-header .collection-header__toggle-text-mobile {
    display: none;
  }
}

.collection-header .collection-header__toggle--filter .icon-filter {
  margin-right: 4px;
  font-size: 14px;
}

@media screen and (min-width: 750px) {
  .collection-header .collection-header__toggle--filter .icon-filter {
    margin-right: 6px;
    font-size: 16px;
  }
}

.collection-header .collection-header__toggle--filter .icon-arrow-right {
  display: inline-block;
  position: relative;
  top: -2px;
  width: 12px;
  height: 12px;
  transform: rotate(90deg);
  font-size: 10px;
  line-height: 12px;
  text-align: center;
}

.collection-header .collection-header__toggle button,
.collection-header .boost-pfs-filter-custom-sorting button {
  display: block;
  width: 100%;
  height: 100%;
  padding: 16px;
  font-family: aktiv-grotesk-extended, helvetica, arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

@media screen and (min-width: 750px) {
  .collection-header .collection-header__toggle button,
  .collection-header .boost-pfs-filter-custom-sorting button {
    padding: 24px;
    font-size: 16px;
  }
}

.collection-header .boost-pfs-filter-custom-sorting button > span {
  line-height: 1;
}

.collection-header .collection-header__toggle button.active,
.collection-header
  .collection-header__toggle.boost-pfs-filter-sort-active
  button {
  background: #e5e5e5;
}

.collection-header .collection-header__toggle button.active .icon-arrow-right {
  left: 2px;
  transform: rotate(-90deg);
}

.boost-pfs-filter-tree-mobile-style3 .boost-pfs-filter-tree-content {
  padding-bottom: 0 !important;
}

.boost-collection-filter-wrap {
  z-index: 11;
  padding: 24px 0;
  border-bottom: 1px solid #e5e5e5;
  background-color: #fff;
}

@media screen and (max-width: 750px) {
  .boost-collection-filter-wrap .wrapper {
    display: flex;
    flex-direction: column-reverse;
  }
}

.boost-collection-filter-wrap .boost-pfs-filter-option-item-list-box {
  padding: 2px !important;
}

.boost-collection-filter-wrap .boost-pfs-filter-option-title {
  padding-bottom: 16px !important;
  border-bottom: 1px solid #e5e5e5;
}

.boost-collection-filter-wrap .boost-pfs-filter-option-title h4 {
  margin: 0;
  font-size: 14px;
  line-height: 16px;
}

.boost-collection-filter-wrap .boost-pfs-filter-tree-v {
  display: block !important;
  right: auto;
}

.boost-collection-filter-wrap
  .boost-pfs-filter-tree-v
  .boost-pfs-filter-option {
  padding: 20px 0 !important;
  border-top: none;
}

.boost-collection-filter-wrap
  .boost-pfs-filter-tree-v
  .boost-pfs-filter-option:first-child {
  padding-top: 0 !important;
}

@media screen and (min-width: 750px) {
  .boost-collection-filter-wrap
    .boost-pfs-filter-tree-v
    .boost-pfs-filter-option {
    flex: 1;
    max-width: 100%;
    padding: 0 15px !important;
    border-top: none;
  }
}

.boost-collection-filter-wrap
  .boost-pfs-filter-tree-v
  .boost-pfs-filter-option-content
  .boost-pfs-filter-option-item-list-box {
  display: flex;
  flex-wrap: wrap;
  margin: 0 !important;
}

.boost-collection-filter-wrap
  .boost-pfs-filter-tree-v
  .boost-pfs-filter-option-content
  .boost-pfs-filter-option-item-list-box
  li {
  display: block;
  flex: 1 1 20%;
  width: auto !important;
  min-width: 75px !important;
  max-width: 25% !important;
  margin: -1px -1px 0 0;
  padding: 0;
}

@media screen and (min-width: 750px) {
  .boost-collection-filter-wrap
    .boost-pfs-filter-tree-v
    .boost-pfs-filter-option-content
    .boost-pfs-filter-option-item-list-box
    li {
    max-width: 20% !important;
  }
}

.boost-collection-filter-wrap
  .boost-pfs-filter-tree-v
  .boost-pfs-filter-button {
  padding-right: 2px;
  padding-left: 2px;
  font-family: aktiv-grotesk-extended, helvetica, arial, sans-serif;
  font-size: 12px;
  line-height: 16px;
}

.boost-collection-filter-wrap
  .boost-pfs-filter-refine-by-wrapper-h
  .boost-pfs-filter-pc {
  margin-top: auto;
}

@media screen and (max-width: 750px) {
  .boost-collection-filter-wrap
    .boost-pfs-filter-tree-mobile-style3.boost-pfs-filter-tree-v {
    width: auto !important;
  }
}

@media screen and (max-width: 750px) {
  .boost-collection-filter-wrap .boost-pfs-filter-mobile-footer {
    display: none !important;
  }
}

.boost-pfs-filter-mobile-toolbar {
  display: none !important;
}

@media screen and (min-width: 750px) {
  .boost-pfs-filter-options-wrapper {
    display: flex;
    margin: 0 -15px;
  }
}

.collection-grid {
  display: flex;
  flex-wrap: wrap;
  margin-right: -7px;
  margin-left: -7px;
}

@media screen and (min-width: 1025px) {
  .collection-grid {
    margin-right: -15px;
    margin-left: -15px;
  }
}

.collection-grid .collection-grid-item {
  margin-bottom: 32px;
}

@media screen and (min-width: 750px) {
  .collection-grid .collection-grid-item {
    margin-bottom: 40px;
  }
}

.collection__wrapper {
  transition: all 0.2s cubic-bezier(0.44, 0.13, 0.48, 0.87);
  padding: 16px 10px 0;
}

@media screen and (min-width: 1025px) {
  .collection__wrapper {
    padding: 9px 20px 0;
  }
}

.rte ul li {
  list-style: disc;
  margin-bottom: 0px;
}
.rte ul li p {
  margin-bottom: 0px;
}