.cbd-directory {
	--cbd-blue: #1268f3;
	--cbd-navy: #0b1f44;
	--cbd-muted: #71809a;
	--cbd-line: #dfe7f2;
	--cbd-soft: #f5f8fd;
	color: var(--cbd-navy);
	font: 20px/1.5 Manrope, system-ui, -apple-system, "Segoe UI", sans-serif;
	margin: 0 auto;
	max-width: 1440px;
	width: 100%;
}
.cbd-directory, .cbd-directory * { box-sizing: border-box; }
.cbd-directory button, .cbd-directory input { font: inherit; }
.cbd-directory a { text-decoration: none !important; }
.cbd-filter-panel, .cbd-popular, .cbd-all {
	background: #fff !important;
	border: 1px solid var(--cbd-line) !important;
	border-radius: 10px !important;
	box-shadow: 0 4px 18px rgba(24, 57, 112, .045);
	margin: 0 0 16px !important;
	padding: 14px !important;
}
.cbd-search {
	align-items: center;
	background: var(--cbd-soft) !important;
	border: 1px solid #e5ebf4 !important;
	border-radius: 7px !important;
	display: flex !important;
	gap: 10px;
	margin: 0 !important;
	padding: 0 13px !important;
}
.cbd-search .dashicons { color: #65758f; flex: 0 0 auto; }
.cbd-search input[type="search"] {
	appearance: none;
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: var(--cbd-navy) !important;
	display: block !important;
	height: 48px !important;
	margin: 0 !important;
	min-width: 0;
	outline: 0;
	padding: 0 !important;
	width: 100% !important;
}
.cbd-search button {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: #7b879b !important;
	cursor: pointer;
	font-size: 26px;
	line-height: 1;
	min-height: 0 !important;
	padding: 5px !important;
	width: auto !important;
}
.cbd-alphabet {
	align-items: center;
	background: transparent !important;
	display: flex !important;
	gap: 6px;
	list-style: none !important;
	margin: 16px 0 0 !important;
	overflow-x: auto;
	padding: 2px 0 3px !important;
	scrollbar-width: thin;
}
.cbd-alphabet button, .cbd-view-toggle button {
	align-items: center;
	background: var(--cbd-soft) !important;
	border: 1px solid transparent !important;
	border-radius: 6px !important;
	box-shadow: none !important;
	color: #42516b !important;
	cursor: pointer;
	display: inline-flex !important;
	font-weight: 700 !important;
	font-size: 19px !important;
	height: 40px !important;
	justify-content: center;
	line-height: 1 !important;
	margin: 0 !important;
	min-height: 40px !important;
	min-width: 40px !important;
	padding: 7px 11px !important;
	width: auto !important;
}
.cbd-alphabet button:disabled { cursor: not-allowed; opacity: .34; }
.cbd-alphabet button.is-active, .cbd-view-toggle button.is-active { background: var(--cbd-blue) !important; color: #fff !important; }
.cbd-alphabet > span { margin-left: auto; min-width: max-content; padding-left: 10px; }
.cbd-popular header, .cbd-all > header {
	align-items: center;
	background: transparent !important;
	border: 0 !important;
	display: flex !important;
	gap: 16px;
	justify-content: space-between;
	margin: 0 0 12px !important;
	padding: 0 !important;
}
.cbd-popular h2, .cbd-all h2 {
	color: var(--cbd-navy) !important;
	font: 800 25px/1.3 Manrope, system-ui, sans-serif !important;
	letter-spacing: 0 !important;
	margin: 0 !important;
	text-transform: none !important;
}
.cbd-popular h2 span { color: var(--cbd-blue); font-size: 29px; margin-right: 7px; }
.cbd-popular header button {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	color: var(--cbd-blue) !important;
	cursor: pointer;
	font-weight: 700 !important;
	min-height: 0 !important;
	padding: 5px !important;
	width: auto !important;
}
.cbd-popular-track { display: grid !important; gap: 12px; grid-template-columns: repeat(10, minmax(98px, 1fr)); overflow-x: auto; padding: 2px 1px !important; }
.cbd-brand-card {
	align-items: center;
	background: #fff !important;
	border: 1px solid var(--cbd-line) !important;
	border-radius: 6px !important;
	box-shadow: none !important;
	color: var(--cbd-navy) !important;
	display: flex !important;
	gap: 8px;
	min-height: 82px;
	padding: 9px 11px !important;
	transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease;
}
.cbd-brand-card:hover, .cbd-brand-card:focus-visible { border-color: #8eb3ff !important; box-shadow: 0 5px 14px rgba(37, 99, 235, .12) !important; transform: translateY(-1px); }
.cbd-brand-logo { align-items: center; display: flex !important; flex: 0 0 72px; height: 60px; justify-content: center; }
.cbd-brand-logo img {
	border: 0 !important;
	box-shadow: none !important;
	display: block !important;
	height: 100% !important;
	margin: 0 !important;
	max-height: 100% !important;
	max-width: 100% !important;
	object-fit: contain;
	padding: 0 !important;
	transform: scale(1.2);
	transform-origin: center;
	width: 100% !important;
}
.cbd-brand-fallback { align-items: center; background: #eaf1ff; border-radius: 50%; color: var(--cbd-blue); display: flex; font-size: 17px; font-weight: 800; height: 56px; justify-content: center; width: 56px; }
.cbd-brand-copy { display: flex; flex-direction: column; min-width: 0; }
.cbd-brand-copy strong { color: var(--cbd-navy) !important; font-size: 18px !important; font-weight: 800 !important; line-height: 1.25 !important; overflow-wrap: anywhere; }
.cbd-brand-copy small { color: var(--cbd-muted) !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.3 !important; margin-top: 3px; }
.cbd-brand-card--popular { flex-direction: column !important; gap: 6px; height: 158px; min-height: 158px; min-width: 108px; padding: 12px 7px !important; text-align: center; }
.cbd-brand-card--popular .cbd-brand-logo { height: 72px; width: 88px; }
.cbd-brand-card--popular .cbd-brand-copy { align-items: center; }
.cbd-brand-card--popular .cbd-brand-copy strong { font-size: 18px !important; font-weight: 800 !important; }
.cbd-view-toggle { display: flex; gap: 4px; }
.cbd-view-toggle button { gap: 5px; min-width: auto !important; }
.cbd-view-toggle .dashicons { font-size: 20px; height: 20px; width: 20px; }
.cbd-brand-groups { display: grid; gap: 18px; grid-template-columns: 1fr; }
.cbd-brand-group, .cbd-brand-group.is-wide { align-items: start; display: grid; gap: 12px; grid-column: 1 / -1; grid-template-columns: 38px minmax(0, 1fr); margin: 0 !important; }
.cbd-brand-group h3 {
	align-items: center;
	background: #eef4ff !important;
	border: 0 !important;
	border-radius: 6px;
	color: var(--cbd-blue) !important;
	display: flex;
	font: 900 23px/1 Manrope, system-ui, sans-serif !important;
	height: 44px;
	justify-content: center;
	margin: 0 !important;
	padding: 0 !important;
}
.cbd-brand-group > div, .cbd-brand-group.is-wide > div { display: grid; column-gap: 8px; grid-template-columns: repeat(5, minmax(0, 1fr)); row-gap: 14px; }
.cbd-brand-group h3, .cbd-brand-group .cbd-brand-card { height: 86px; min-height: 86px; }
.cbd-empty { background: var(--cbd-soft); border-radius: 8px; margin: 8px 0 0; padding: 28px; text-align: center; }
.cbd-directory.is-list-view .cbd-brand-groups { display: block; }
.cbd-directory.is-list-view .cbd-brand-group { margin-bottom: 10px !important; }
.cbd-directory.is-list-view .cbd-brand-group > div { grid-template-columns: 1fr; }
.cbd-directory.is-list-view .cbd-brand-card { min-height: 58px; }
.cbd-directory.is-list-view .cbd-brand-copy { flex: 1; }
.cbd-directory [hidden] { display: none !important; }
@media (max-width: 1100px) {
	.cbd-popular-track { grid-template-columns: repeat(5, minmax(128px, 1fr)); }
	.cbd-brand-group > div, .cbd-brand-group.is-wide > div { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 720px) {
	.cbd-filter-panel, .cbd-popular, .cbd-all { border-radius: 8px !important; padding: 11px !important; }
	.cbd-alphabet { margin-left: -2px !important; margin-right: -2px !important; }
	.cbd-popular-track { display: flex !important; }
	.cbd-brand-card--popular { flex: 0 0 122px; }
	.cbd-brand-groups { display: block; }
	.cbd-brand-group { grid-template-columns: 34px minmax(0, 1fr); margin-bottom: 14px !important; }
	.cbd-brand-group h3 { height: 48px; min-height: 48px; }
	.cbd-brand-group > div, .cbd-brand-group.is-wide > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.cbd-brand-card { align-items: center; flex-direction: column; gap: 5px; min-height: 120px; text-align: center; }
	.cbd-brand-group .cbd-brand-card { height: 120px; }
	.cbd-brand-logo { height: 58px; }
	.cbd-brand-copy { align-items: center; }
	.cbd-all > header { align-items: flex-start; }
	.cbd-view-toggle button { font-size: 0 !important; min-width: 36px !important; }
	.cbd-view-toggle .dashicons { font-size: 21px; }
	.cbd-directory.is-list-view .cbd-brand-card { align-items: center; flex-direction: row; text-align: left; }
	.cbd-directory.is-list-view .cbd-brand-copy { align-items: flex-start; }
}