.hb-fallback-note {

	margin: 0;

	padding: 6px 10px;

	font-size: 12px;

	line-height: 1.4;

	color: #64748b;

	background: transparent;

	border: none;

	border-left: 3px solid #cbd5e1;

	border-radius: 0;

}

.hb-fallback-slot:not(:empty) {

	padding: 0 4px 8px;

}

.hb-panel.active {

	display: block !important;

}

.hb-panel-track {

	display: flex;

	flex-wrap: nowrap;

	gap: 16px;

	overflow-x: auto;

	overflow-y: hidden;

	-webkit-overflow-scrolling: touch;

	scrollbar-width: none;

	width: 100%;

	max-width: 100%;

	min-width: 0;

	box-sizing: border-box;

}

.hb-panel-track::-webkit-scrollbar {

	display: none;

}

.hb-panel-track .card-inline {

	flex: 0 0 auto;

	max-width: 300px;

}

.hb-panel.is-loading {

	min-height: 120px;

	display: flex;

	align-items: center;

	justify-content: center;

	opacity: 0.85;

}



.hb-loader {

	padding: 24px;

	text-align: center;

	color: inherit;

	font-size: 14px;

}



.hb-panel.is-loading .hb-loader {

	width: 100%;

}



/* Minimal preset */

.hb-minimal-wrap {

	margin: 16px 0;

}



.hb-minimal__head {

	display: flex;

	align-items: center;

	justify-content: space-between;

	gap: 12px;

	margin-bottom: 12px;

}



.hb-minimal__title {

	margin: 0;

	font-size: 16px;

	font-weight: 600;

}



.hb-minimal__btn {

	background: rgba(0,0,0,.06);

	padding: 6px 14px;

	border-radius: 8px;

	cursor: pointer;

}



.hb-minimal__body .hb-panel {

	display: flex !important;

	flex-wrap: wrap;

	gap: 12px;

	overflow: visible;

	padding: 0;

}



.hb-minimal__body .hb-panel .card-inline,

.hb-minimal__body .hb-panel > * {

	flex: 0 0 calc(25% - 9px);

	min-width: 180px;

}



@media (max-width: 900px) {

	.hb-minimal__body .hb-panel .card-inline,

	.hb-minimal__body .hb-panel > * {

		flex: 0 0 calc(50% - 6px);

	}

}