/* MHC category page v1 - header, sub-category pills, toolbar, filter headings */
.mhc-head { background: #fbefe8; padding: 40px 0 34px; }
.mhc-head__title { margin: 0; font-size: 40px; line-height: 1.1; font-weight: 400; letter-spacing: .3px; text-transform: none; color: #202020; }
.mhc-head .mhc-head__descr { margin-top: 14px; max-width: 780px; max-height: calc(1.65em * 3); overflow: hidden; color: #3a3a3a; }
.mhc-head .mhc-head__descr,
.mhc-head .mhc-head__descr * { font-size: 15px; line-height: 1.65; letter-spacing: 0; }
.mhc-head .mhc-head__descr p { margin: 0 0 .5em; }
.mhc-head .mhc-head__descr.is-open { max-height: none; }
.mhc-head__more { margin-top: 6px; padding: 0; border: 0; background: none; font: inherit; font-size: 14px; color: #202020; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.mhc-head__more[hidden] { display: none; }

.mhc-subcats { margin-top: 22px; margin-bottom: 6px; }
.mhc-subcats__row { display: flex; flex-wrap: wrap; gap: 8px; max-height: 84px; overflow: hidden; }
.mhc-subcats__row.is-open { max-height: none; }
.mhc-subcats__pill { display: inline-flex; align-items: center; min-height: 38px; padding: 0 16px; border: 1px solid #e6d9d2; border-radius: 999px; background: #fff; font-size: 13px; line-height: 1; letter-spacing: .2px; color: #202020; white-space: nowrap; text-decoration: none; transition: background-color .15s, border-color .15s; }
.mhc-subcats__pill:hover { background: #fbefe8; border-color: #fac2a5; color: #202020; text-decoration: none; }
.mhc-subcats__all { margin-top: 10px; padding: 0; border: 0; background: none; font: inherit; font-size: 13px; color: #202020; text-decoration: underline; text-underline-offset: 3px; cursor: pointer; }
.mhc-subcats__all[hidden] { display: none; }

.sort-panel.mhc-toolbar { display: flex; align-items: center; gap: 16px; padding-top: 18px; padding-bottom: 18px; }
.mhc-toolbar__count { font-size: 14px; color: #202020; letter-spacing: .2px; }
.mhc-toolbar__sort { display: flex; align-items: center; gap: 8px; margin: 0 0 0 auto; font-weight: 400; cursor: pointer; }
.mhc-toolbar__lbl { font-size: 14px; color: #666; }
.mhc-toolbar__select { height: 40px; padding: 0 34px 0 12px; border: 1px solid #d9d9d9; border-radius: 6px; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23202020' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 12px center; -webkit-appearance: none; appearance: none; font: inherit; font-size: 14px; color: #202020; cursor: pointer; }

.filters-panel__heading { font-size: 13px; letter-spacing: 1px; }
.filter-item__head { min-height: 48px; border-top-color: #e2e2e2; cursor: pointer; }
.filter-item__head--txt { font-size: 14px; letter-spacing: .2px; text-transform: none; font-weight: 500; }
.filter-item__head--icn span:nth-child(1) { height: 12px; }
.filter-item__head--icn span:nth-child(2) { width: 12px; }
.filter-item.is_open .filter-item__head--icn span:nth-child(1) { height: 2px; }

@media screen and (max-width: 741px) {
	.mhc-head { padding: 24px 0 22px; }
	.mhc-head__title { font-size: 28px; }
	.mhc-head .mhc-head__descr,
	.mhc-head .mhc-head__descr * { font-size: 14px; }
	.mhc-subcats { margin-top: 16px; padding-right: 0; }
	.mhc-subcats__row { flex-wrap: nowrap; max-height: none; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -webkit-overflow-scrolling: touch; padding-bottom: 2px; }
	.mhc-subcats__row::-webkit-scrollbar { display: none; }
	.sort-panel.mhc-toolbar { flex-wrap: wrap; gap: 10px; }
	.mhc-toolbar__count { order: -1; width: 100%; font-size: 13px; color: #666; }
	.sort-panel.mhc-toolbar .sort-panel__btn-aside { flex: 1 1 0; display: flex; justify-content: center; align-items: center; gap: 8px; height: 40px; border: 1px solid #d9d9d9; border-radius: 6px; }
	.mhc-toolbar__sort { flex: 1 1 0; margin: 0; }
	.mhc-toolbar__lbl { display: none; }
	.mhc-toolbar__select { width: 100%; }
}

/* mhc-v2: centre sub-category pills on desktop */
@media screen and (min-width: 742px) {
	.mhc-subcats { text-align: center; }
	.mhc-subcats__row { justify-content: center; }
}