.bc-authors-hub__filters {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 24px;
	width: 100%;
}

.bc-hub-filter {
	position: relative;
	width: auto;
	flex: 0 0 auto;
}

.bc-hub-filter__backdrop {
	display: none;
}

.bc-hub-filter__grab,
.bc-hub-filter__handle {
	display: none;
}

.bc-hub-filter__panel {
	position: absolute;
	z-index: 6;
	top: calc(100% + 8px);
	left: 0;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap: 16px;
	width: 380px;
	max-width: calc(100vw - 32px);
	max-height: 576px;
	overflow: hidden;
	padding: 20px 28px 20px 16px;
	background: #fff;
	border-radius: 16px;
	box-shadow: 0 6px 7.5px rgba(59, 42, 36, 0.1);
}

.bc-hub-filter__panel[hidden] {
	display: none;
}

.bc-hub-filter__head {
	display: none;
	align-items: center;
	justify-content: space-between;
	flex-shrink: 0;
	gap: 12px;
	width: 100%;
}

.bc-hub-filter__title {
	margin: 0;
	color: #3f2b22;
	font-family: "Noto Serif", "Times New Roman", serif;
	font-weight: 600;
	font-size: 20px;
	line-height: 1.35;
	font-variation-settings: "CTGR" 0, "wdth" 100;
}

.bc-hub-filter__wipe {
	padding: 0;
	border: 0;
	background: none;
	cursor: pointer;
	color: #cc7c61;
	font-family: "Manrope", system-ui, sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.35;
}

.bc-hub-filter__wipe:disabled,
.bc-hub-filter__reset:disabled {
	cursor: default;
	color: #868686;
}

.bc-hub-filter__chips {
	display: flex;
	flex-wrap: wrap;
	flex: 0 0 auto;
	gap: 8px;
	width: 100%;
	overflow: visible;
}

.bc-hub-filter__chips[hidden] {
	display: none;
}

.bc-hub-filter__chip {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 16px;
	border: 0;
	border-radius: 5555px;
	background: #f9eeea;
	cursor: pointer;
	color: #3f2b22;
	font-family: "Manrope", system-ui, sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.35;
}

.bc-hub-filter__chip img {
	display: block;
	width: 12px;
	height: 12px;
}

.bc-hub-filter__chip--more {
	cursor: default;
	pointer-events: none;
}

.bc-hub-filter__search {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	gap: 12px;
	width: 100%;
	padding: 10px 8px;
	border-radius: 10px;
	background: #f8f7f5;
	box-sizing: border-box;
}

.bc-hub-filter__search img {
	flex: 0 0 18px;
	display: block;
	width: 18px;
	height: 18px;
}

.bc-hub-filter__search-input {
	flex: 1 1 auto;
	width: 100%;
	min-width: 0;
	padding: 0;
	border: 0;
	background: none;
	color: #3f2b22;
	font-family: "Manrope", system-ui, sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.35;
}

.bc-hub-filter__search-input::placeholder {
	color: #3f2b22;
	opacity: 0.7;
}

.bc-hub-filter__search-input:focus {
	outline: none;
}

.bc-hub-filter__body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	width: 100%;
	min-height: 0;
	overflow: hidden;
}

.bc-hub-filter__item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 8px;
	border-radius: 10px;
	cursor: pointer;
	color: #454545;
	font-family: "Manrope", system-ui, sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.35;
}

.bc-hub-filter__item.is-on,
.bc-hub-filter__item:has(.bc-hub-filter__check-input:checked) {
	background: #f9eeea;
}

.bc-hub-filter__item--all {
	flex: 0 0 auto;
}

.bc-hub-filter__check-input {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.bc-hub-filter__check-ui {
	flex: 0 0 18px;
	box-sizing: border-box;
	width: 18px;
	height: 18px;
	margin-top: 1px;
	border: 1px solid #3f2b22;
	border-radius: 4px;
	background: #fff;
}

.bc-hub-filter__check-input:checked + .bc-hub-filter__check-ui {
	border-color: #cc7c61;
	background-color: #cc7c61;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M2.2 6.2L4.7 8.7L9.8 3.4' stroke='%23fff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
}

.bc-hub-filter__check-input:focus-visible + .bc-hub-filter__check-ui {
	outline: 2px solid #cc7c61;
	outline-offset: 2px;
}

.bc-hub-filter__item-name {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	min-width: 0;
}

.bc-hub-filter__rule {
	flex: 0 0 auto;
	height: 0;
	margin: 4px 0;
	border-top: 1px solid #ebebeb;
}

.bc-hub-filter__scroll {
	flex: 1 1 332px;
	height: 332px;
	max-height: 332px;
	min-height: 0;
	margin: 0;
	padding: 0;
	overflow: auto;
	list-style: none;
}

.bc-hub-filter__scroll::-webkit-scrollbar {
	width: 4px;
}

.bc-hub-filter__scroll::-webkit-scrollbar-track {
	background: #f9f7f5;
	border-radius: 555px;
}

.bc-hub-filter__scroll::-webkit-scrollbar-thumb {
	background: #b0afaf;
	border-radius: 555px;
}

.bc-hub-filter__row[hidden] {
	display: none;
}

.bc-hub-filter__foot {
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	align-items: flex-start;
	gap: 20px;
	width: 100%;
	padding-top: 12px;
	border-top: 1px solid #ebebeb;
}

.bc-hub-filter__reset {
	align-self: flex-start;
	padding: 0;
	border: 0;
	background: none;
	cursor: pointer;
	font-family: "Manrope", system-ui, sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.35;
	color: #cc7c61;
}

.bc-hub-filter__apply {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 16px 28px;
	border: 0;
	border-radius: 18px;
	background: #cc7c61;
	cursor: pointer;
	color: #fff;
	font-family: "Manrope", system-ui, sans-serif;
	font-weight: 600;
	font-size: 16px;
	line-height: 1.35;
}

.bc-hub-filter__apply:hover {
	background: #be6f55;
}

.bc-authors-hub__filter-clear {
	border: 0;
	background: none;
	cursor: pointer;
}

.bc-authors-hub__filter-reset {
	padding: 0;
	border: 0;
	background: none;
	cursor: pointer;
}

/* 1024: та же выпадашка, ширина 340 */
@media (max-width: 1279px) {
	.bc-hub-filter__panel {
		width: 340px;
	}
}

/* 768 / 560 / 360: bottom sheet */
@media (max-width: 1023px) {
	body.bc-hub-filter-sheet-open {
		overflow: hidden;
	}

	.bc-hub-filter__backdrop {
		position: fixed;
		z-index: 10000000;
		inset: 0;
		display: block;
		padding: 0;
		border: 0;
		background: rgba(63, 43, 34, 0.35);
		cursor: pointer;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		transition: opacity 0.32s ease, visibility 0.32s ease;
	}

	.bc-hub-filter.is-open .bc-hub-filter__backdrop,
	.bc-hub-filter.is-open .bc-hub-filter__backdrop[hidden] {
		display: block;
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}

	.bc-hub-filter__grab {
		display: flex;
		flex: 0 0 auto;
		align-items: center;
		justify-content: center;
		width: calc(100% + 64px);
		margin: -14px -32px 0;
		padding: 14px 32px 8px;
		touch-action: none;
		cursor: grab;
	}

	.bc-hub-filter.is-dragging .bc-hub-filter__grab {
		cursor: grabbing;
	}

	.bc-hub-filter__handle {
		display: block;
		flex: 0 0 auto;
		width: 40px;
		height: 3px;
		margin: 0 auto;
		border-radius: 555px;
		background: #d9d9d9;
		pointer-events: none;
	}

	.bc-hub-filter__head {
		display: flex;
	}

	.bc-hub-filter__reset {
		display: none;
	}

	.bc-hub-filter__search {
		padding: 12px 8px;
	}

	.bc-hub-filter__scroll {
		flex-basis: 320px;
		height: 320px;
		max-height: 320px;
	}

	.bc-hub-filter__panel {
		--bc-sheet-y: 100%;
		position: fixed;
		z-index: 10000002;
		top: auto;
		right: auto;
		bottom: 0;
		left: 50%;
		width: 688px;
		max-width: calc(100vw - 80px);
		max-height: min(614px, 100dvh);
		padding: 14px 32px 24px;
		border-radius: 24px 24px 0 0;
		transform: translateX(-50%) translateY(var(--bc-sheet-y));
		transition: transform 0.32s cubic-bezier(0.32, 0.72, 0, 1);
	}

	.bc-hub-filter.is-open .bc-hub-filter__panel {
		--bc-sheet-y: 0px;
	}

	.bc-hub-filter.is-dragging .bc-hub-filter__panel {
		transition: none;
	}

	.bc-hub-filter__panel[hidden] {
		display: flex;
		pointer-events: none;
	}

	.bc-hub-filter.is-open .bc-hub-filter__panel[hidden] {
		pointer-events: auto;
	}
}

@media (max-width: 1023px) and (prefers-reduced-motion: reduce) {
	.bc-hub-filter__panel,
	.bc-hub-filter__backdrop {
		transition: none;
	}
}

/* 560: sheet 480 */
@media (max-width: 767px) {
	.bc-hub-filter__panel {
		width: 480px;
		max-width: calc(100vw - 40px);
		padding: 14px 28px 24px 20px;
	}

	.bc-hub-filter__grab {
		width: calc(100% + 48px);
		margin: -14px -28px 0 -20px;
		padding: 14px 28px 8px 20px;
	}
}

/* 360: sheet на всю ширину */
@media (max-width: 559px) {
	.bc-hub-filter__panel {
		width: 100%;
		max-width: 100%;
		left: 0;
		padding: 14px 28px 24px 20px;
		border-radius: 24px 24px 0 0;
		transform: translateY(var(--bc-sheet-y));
	}

	.bc-hub-filter__grab {
		width: calc(100% + 48px);
		margin: -14px -28px 0 -20px;
		padding: 14px 28px 8px 20px;
	}
}