:root{--cmcp-blue:#0a6cff;--cmcp-brands-border:#e5eaf1}
.cmcp-brands-active #colophon,.cmcp-brands-active .site-footer{display:none!important}.cmcp-brands-active .site-content>.ast-container{display:block!important;width:100%!important;max-width:none!important;padding:0!important}.cmcp-brands-active #primary{width:100%;margin:0}.cmcp-brands,.cmcp-brands *{box-sizing:border-box}.cmcp-brands{width:min(1440px,calc(100% - 32px));margin:auto;padding:24px 0 40px;color:#172033}
.cmcp-brands__hero{display:block;width:100%;min-height:0;margin-bottom:24px;padding:0;overflow:hidden;border:1px solid #e7edf5;border-radius:16px;background:#f3f7fc}.cmcp-brands__hero-image{width:100%;max-width:none;aspect-ratio:3.57/1;overflow:hidden}.cmcp-brands__hero-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.cmcp-brands__layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:30px}.cmcp-brands__sidebar{align-self:start;padding:24px;border:1px solid var(--cmcp-brands-border);border-radius:14px;background:#fff;box-shadow:0 5px 18px rgba(15,23,42,.035)}.cmcp-brands__sidebar header{display:none}.cmcp-brands__search span{display:block;margin-bottom:9px;font-size:14px;font-weight:700}.cmcp-brands__search input{width:100%;height:44px;padding:0 14px;border:1px solid #d6dde8;border-radius:10px;background:#fff;color:#172033;font-size:14px}.cmcp-brands__search input:focus,.cmcp-brands__toolbar select:focus{border-color:var(--cmcp-blue);outline:3px solid rgba(10,108,255,.13)}.cmcp-brands__sidebar fieldset{display:grid;gap:3px;margin:24px 0 0;padding:0;border:0}.cmcp-brands__sidebar legend{margin-bottom:12px;font-size:16px;font-weight:750}.cmcp-brands__sidebar label:not(.cmcp-brands__search){display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;min-height:38px;padding:7px 5px;color:#475467;font-size:14px;line-height:1.35;cursor:pointer}.cmcp-brands__sidebar label:not(.cmcp-brands__search):has(input:checked){color:#0b5ed7;font-weight:650}.cmcp-brands__sidebar input[type=radio]{width:16px;height:16px;margin:0;accent-color:var(--cmcp-blue)}.cmcp-brands__sidebar b{justify-self:end;color:#8b96a8;font-size:12px;font-weight:650}.cmcp-brands__filter-actions{display:flex;gap:8px;margin-top:20px}.cmcp-brands__filter-actions button,.cmcp-brands__empty button{flex:1;min-height:40px;padding:9px 12px;border:1px solid #d9e1ec;border-radius:9px;background:#fff;color:#344054;font-weight:650}.cmcp-brands__filter-actions button:last-child{display:none;background:var(--cmcp-blue);color:#fff}
.cmcp-brands__toolbar{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;margin-bottom:22px}.cmcp-brands__toolbar h2{margin:0 0 16px;font-size:26px;line-height:1.2}.cmcp-brands__toolbar h2 span{color:#8b96a8;font-size:15px}.cmcp-brands__toolbar>label{display:flex;flex-shrink:0;align-items:center;gap:10px;color:#667085;font-size:14px}.cmcp-brands__toolbar select{height:44px;padding:0 36px 0 13px;border:1px solid #d6dde8;border-radius:10px;background-color:#fff;color:#344054}.cmcp-brands__alphabet{display:flex;flex-wrap:wrap;gap:4px}.cmcp-brands__alphabet button{min-width:31px;min-height:32px;padding:5px 7px;border:0;border-bottom:2px solid transparent;background:none;color:#667085;cursor:pointer}.cmcp-brands__alphabet button:hover{color:var(--cmcp-blue)}.cmcp-brands__alphabet button.is-active{border-color:var(--cmcp-blue);color:var(--cmcp-blue);font-weight:750}
.cmcp-brands__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.cmcp-brand-card{display:flex;min-width:0;min-height:200px;padding:18px 16px 17px;flex-direction:column;align-items:center;border:1px solid var(--cmcp-brands-border);border-radius:14px;background:#fff;color:#18212f;text-align:center;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.cmcp-brand-card:hover{border-color:#bdd4f7;box-shadow:0 9px 24px rgba(15,23,42,.075);transform:translateY(-2px)}.cmcp-brand-card:focus-visible{outline:3px solid rgba(10,108,255,.25);outline-offset:2px}.cmcp-brand-card__visual{display:flex;width:100%;height:116px;align-items:center;justify-content:center;margin-bottom:9px}.cmcp-brand-card__logo{display:flex;width:85%;height:82px;align-items:center;justify-content:center}.cmcp-brand-card__logo img{width:100%;height:100%;object-fit:contain;object-position:center}.cmcp-brand-card__wordmark{max-width:100%;color:#172033;font-size:clamp(21px,1.7vw,27px);font-weight:800;line-height:1.1;overflow-wrap:anywhere;text-align:center}.cmcp-brand-card strong{display:-webkit-box;min-height:21px;overflow:hidden;color:#1d2939;font-size:16px;font-weight:700;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.cmcp-brand-card small{margin-top:5px;color:#7b8799;font-size:13px;line-height:1.35}.cmcp-brands__more{display:block;width:168px;min-height:42px;margin:32px auto 0;padding:9px 18px;border:1px solid var(--cmcp-blue);border-radius:10px;background:#fff;color:var(--cmcp-blue);font-weight:700;transition:background-color .18s ease,color .18s ease}.cmcp-brands__more:hover{background:var(--cmcp-blue);color:#fff}.cmcp-brands__empty{padding:44px 20px;border:1px solid var(--cmcp-brands-border);border-radius:14px;text-align:center}.cmcp-brands__empty h3{margin:0 0 8px}.cmcp-brands__empty p{color:#667085}.cmcp-brands__mobile-actions,.cmcp-brands__backdrop{display:none}
@media(max-width:1279px){.cmcp-brands__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1023px){.cmcp-brands__layout{grid-template-columns:240px minmax(0,1fr);gap:20px}.cmcp-brands__sidebar{padding:20px}.cmcp-brands__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:768px){.cmcp-brands{width:calc(100% - 24px);padding:18px 0 32px}.cmcp-brands__mobile-actions{display:block;margin-bottom:16px}.cmcp-brands__mobile-actions button{padding:10px 14px;border:0;border-radius:8px;background:var(--cmcp-blue);color:#fff;font-weight:700}.cmcp-brands__layout{display:block}.cmcp-brands__sidebar{position:fixed;z-index:10020;top:0;bottom:0;left:0;width:min(360px,88vw);overflow:auto;border-radius:0;transform:translateX(-105%);transition:transform .2s ease}.cmcp-brand-drawer-open .cmcp-brands__sidebar{transform:none}.cmcp-brands__sidebar header{display:flex;justify-content:space-between;margin-bottom:18px}.cmcp-brands__sidebar header button{border:0;background:none;font-size:24px}.cmcp-brands__filter-actions button:last-child{display:block}.cmcp-brands__backdrop{position:fixed;z-index:10010;inset:0;background:rgba(15,23,42,.4)}.cmcp-brand-drawer-open .cmcp-brands__backdrop{display:block}.cmcp-brands__toolbar{display:block}.cmcp-brands__toolbar>label{margin-top:15px}.cmcp-brands__toolbar select{flex:1;width:100%}.cmcp-brands__alphabet{flex-wrap:nowrap;max-width:100%;overflow-x:auto;padding-bottom:5px;overscroll-behavior-inline:contain}.cmcp-brands__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}
@media(max-width:600px){.cmcp-brands__hero{margin-bottom:20px}.cmcp-brands__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cmcp-brand-card{min-height:180px;padding:14px 10px}.cmcp-brand-card__visual{height:105px;margin-bottom:7px}.cmcp-brand-card__logo{width:88%;height:74px}}


/* Match Brands page width to main catalog */
.cmcp-brands-active .cmcp-brands{
	width:calc(100% - 144px) !important;
	max-width:none !important;
}

@media(min-width:1400px){
	.cmcp-brands-active .cmcp-brands{
		width:calc(100% - 180px) !important;
	}
}

@media(min-width:769px) and (max-width:1199px){
	.cmcp-brands-active .cmcp-brands{
		width:calc(100% - 80px) !important;
	}
}

@media(max-width:768px){
	.cmcp-brands-active .cmcp-brands{
		width:calc(100% - 20px) !important;
	}
}


/* Final brands width parity with catalog */
/* This stylesheet is loaded only on the Brands page, so do not depend on a body class. */
.cmcp-brands{
	width:calc(100% - 144px) !important;
	max-width:none !important;
	margin-left:auto !important;
	margin-right:auto !important;
}

@media(min-width:1400px){
	.cmcp-brands{
		width:calc(100% - 180px) !important;
	}
}

@media(min-width:769px) and (max-width:1199px){
	.cmcp-brands{
		width:calc(100% - 80px) !important;
	}
}

@media(max-width:768px){
	.cmcp-brands{
		width:calc(100% - 20px) !important;
	}
}


/* Match Brands typography to Catalog */
.cmcp-brands,
.cmcp-brands button,
.cmcp-brands input,
.cmcp-brands select,
.cmcp-brands textarea{
	font-family:Arial,"Segoe UI",Roboto,Helvetica,sans-serif !important;
}

.cmcp-brands{
	color:#221f1f !important;
	font-size:15px !important;
	font-weight:400 !important;
	line-height:1.4 !important;
}

.cmcp-brands__toolbar h2{
	color:#221f1f !important;
	font-family:inherit !important;
	font-size:24px !important;
	font-weight:500 !important;
	line-height:1.25 !important;
	letter-spacing:normal !important;
	text-transform:none !important;
}

.cmcp-brands__toolbar h2 span{
	color:#797878 !important;
	font-size:13px !important;
	font-weight:400 !important;
}

.cmcp-brands__search span,
.cmcp-brands__sidebar legend,
.cmcp-brands__sidebar label:not(.cmcp-brands__search),
.cmcp-brands__toolbar>label,
.cmcp-brands__alphabet button,
.cmcp-brand-card strong,
.cmcp-brand-card small,
.cmcp-brands__filter-actions button,
.cmcp-brands__more{
	font-family:inherit !important;
	letter-spacing:normal !important;
	text-transform:none !important;
}

.cmcp-brands__search span,
.cmcp-brands__sidebar legend{
	color:#221f1f !important;
	font-size:15px !important;
	font-weight:400 !important;
	line-height:1.4 !important;
}

.cmcp-brands__sidebar label:not(.cmcp-brands__search){
	color:#221f1f !important;
	font-size:15px !important;
	font-weight:400 !important;
	line-height:1.4 !important;
}

.cmcp-brands__sidebar label:not(.cmcp-brands__search):has(input:checked){
	color:#0a6cff !important;
	font-weight:500 !important;
}

.cmcp-brands__sidebar b{
	color:#797878 !important;
	font-size:12px !important;
	font-weight:400 !important;
}

.cmcp-brands__search input,
.cmcp-brands__toolbar select{
	color:#221f1f !important;
	font-family:inherit !important;
	font-size:13px !important;
	font-weight:400 !important;
}

.cmcp-brands__toolbar>label{
	color:#667085 !important;
	font-size:13px !important;
	font-weight:600 !important;
}

.cmcp-brands__alphabet button{
	color:#667085 !important;
	font-size:13px !important;
	font-weight:400 !important;
}

.cmcp-brands__alphabet button.is-active{
	color:#0a6cff !important;
	font-weight:600 !important;
}

.cmcp-brand-card strong{
	color:#221f1f !important;
	font-size:16px !important;
	font-weight:500 !important;
	line-height:1.35 !important;
}

.cmcp-brand-card small{
	color:#797878 !important;
	font-size:12px !important;
	font-weight:400 !important;
	line-height:1.4 !important;
}

.cmcp-brands__filter-actions button,
.cmcp-brands__more{
	font-size:13px !important;
	font-weight:600 !important;
}


/* Brands sidebar spacing and reset hover polish */
.cmcp-brands__sidebar fieldset{
	gap:0 !important;
}

.cmcp-brands__sidebar label:not(.cmcp-brands__search){
	min-height:32px !important;
	padding:4px 5px !important;
	line-height:1.3 !important;
}

.cmcp-brands__filter-actions{
	margin-top:16px !important;
}

.cmcp-brands__filter-actions button[data-cmcp-brand-reset]{
	transition:
		background-color .18s ease,
		border-color .18s ease,
		color .18s ease,
		box-shadow .18s ease !important;
}

.cmcp-brands__filter-actions button[data-cmcp-brand-reset]:hover,
.cmcp-brands__filter-actions button[data-cmcp-brand-reset]:focus-visible{
	border-color:#0a6cff !important;
	background:#eef5ff !important;
	color:#0a6cff !important;
	box-shadow:0 0 0 3px rgba(10,108,255,.10) !important;
}

.cmcp-brands__filter-actions button[data-cmcp-brand-reset]:focus-visible{
	outline:none !important;
}


/* Premium brand navigator sidebar */
.cmcp-brands__sidebar{
	padding:18px !important;
	border:1px solid #e4e9f0 !important;
	border-radius:13px !important;
	box-shadow:0 4px 16px rgba(15,23,42,.035) !important;
}

.cmcp-brands__search span,
.cmcp-brands__categories legend,
.cmcp-brands__popular h3{
	margin:0 0 9px !important;
	color:#221f1f !important;
	font-size:15px !important;
	font-weight:600 !important;
	line-height:1.35 !important;
}

.cmcp-brands__search input{
	height:40px !important;
	padding:0 12px !important;
	border:1px solid #d6dde8 !important;
	border-radius:8px !important;
	font-size:13px !important;
}

.cmcp-brands__categories{
	dis:grid !important;
	gap:2px !important;
	margin:18px 0 0 !important;
}

.cmcp-brands__category-row{
	position:relative !important;
	display:grid !important;
	grid-template-columns:minmax(0,1fr) auto !important;
	gap:8px !important;
	align-items:center !important;
	min-height:32px !important;
	margin:0 !important;
	padding:5px 8px !important;
	border-radius:7px !important;
	cursor:pointer !important;
	transition:background-color .16s ease,color .16s ease !important;
}

.cmcp-brands__category-row input{
	position:absolute !important;
	opacity:0 !important;
	pointer-events:none !important;
}

.cmcp-brands__category-row:hover{
	background:#f7f9fc !important;
}

.cmcp-brands__category-row:has(input:checked){
	background:#edf5ff !important;
	color:#0a6cff !important;
	font-weight:500 !important;
}

.cmcp-brands__category-row b{
	color:#8a94a6 !important;
	font-size:12px !important;
	font-weight:400 !important;
}

.cmcp-brands__category-row:has(input:checked) b{
	color:#0a6cff !important;
}

.cmcp-brands__category-more{
	dis:flex !important;
	align-items:center !important;
	gap:5px !important;
	width:100% !important;
	min-height:30px !important;
	margin:2px 0 0 !important;
	padding:4px 8px !important;
	border:0 !important;
	background:transparent !important;
	color:#0a6cff !important;
	font-size:13px !important;
	font-weight:500 !important;
	text-align:left !important;
	cursor:pointer !important;
}

.cmcp-brands__category-more:hover{
	text-decoration:underline !important;
}

.cmcp-brands__popular{
	margin-top:18px !important;
	padding-top:16px !important;
	border-top:1px solid #edf0f4 !important;
}

.cmcp-brands__popular-list{
	dis:grid !important;
	gap:2px !important;
}

.cmcp-brands__popular-list a{
	dis:grid !important;
	grid-template-columns:minmax(0,1fr) auto !important;
	gap:8px !important;
	align-items:center !important;
	min-height:31px !important;
	padding:5px 8px !important;
	border-radius:7px !important;
	color:#344054 !important;
	font-size:13.5px !important;
	font-weight:400 !important;
	text-decoration:none !important;
	transition:background-color .16s ease,color .16s ease !important;
}

.cmcp-brands__popular-list a:hover{
	background:#f7f9fc !important;
	color:#0a6cff !important;
}

.cmcp-brands__popular-list small{
	color:#8a94a6 !important;
	font-size:11px !important;
}

.cmcp-brands__filter-actions{
	margin:18px 0 0 !important;
	padding-top:16px !important;
	border-top:1px solid #edf0f4 !important;
}

.cmcp-brands__filter-actions button[data-cmcp-brand-reset]{
	width:100% !important;
	min-height:38px !important;
	border:1px solid #d6dde8 !important;
	border-radius:8px !important;
	background:#fff !important;
	color:#344054 !important;
}

.cmcp-brands__filter-actions button[data-cmcp-brand-reset]:hover,
.cmcp-brands__filter-actions button[data-cmcp-brand-reset]:focus-visible{
	border-color:#0a6cff !important;
	background:#eef5ff !important;
	color:#0a6cff !important;
	box-shadow:0 0 0 3px rgba(10,108,255,.10) !important;
}

@media(max-width:768px){
	.cmcp-brands__sidebar{
		padding:18px !important;
	}
}


/* Unified lavender-blue brand page buttons — Sep 2026 */
.cmcp-brands__mobile-actions button,
.cmcp-brands__filter-actions button:last-child{
    background:#786fbd!important;
    color:#fff!important;
}
.cmcp-brands__more:hover,
.cmcp-brands__mobile-actions button:hover,
.cmcp-brands__filter-actions button:last-child:hover{
    border-color:#675ca8!important;
    background:#675ca8!important;
    color:#fff!important;
}


/* Keep Brands page text accents neutral black — Sep 2026 */
.cmcp-brands__category-row:has(input:checked),
.cmcp-brands__category-row:has(input:checked) b,
.cmcp-brands__sidebar label:not(.cmcp-brands__search):has(input:checked),
.cmcp-brands__alphabet button.is-active,
.cmcp-brands__alphabet button:hover,
.cmcp-brands__category-more,
.cmcp-brands__category-more:hover,
.cmcp-brands__category-more:focus-visible{
    color:#221f1f!important;
}
.cmcp-brands__category-row:has(input:checked){
    background:#f3f4f6!important;
}
.cmcp-brands__alphabet button.is-active{
    border-color:#221f1f!important;
}
.cmcp-brands__category-row input,
.cmcp-brands__sidebar input[type=radio]{
    accent-color:#221f1f!important;
}


/* Match Brands accents to lavender filter button — Sep 2026 */
.cmcp-brands__category-row:has(input:checked),
.cmcp-brands__category-row:has(input:checked) b,
.cmcp-brands__sidebar label:not(.cmcp-brands__search):has(input:checked),
.cmcp-brands__alphabet button.is-active,
.cmcp-brands__alphabet button:hover,
.cmcp-brands__category-more,
.cmcp-brands__category-more:hover,
.cmcp-brands__category-more:focus-visible{
    color:#786fbd!important;
}
.cmcp-brands__category-row:has(input:checked){
    background:#f1f0fa!important;
}
.cmcp-brands__alphabet button.is-active{
    border-color:#786fbd!important;
}
.cmcp-brands__category-row input,
.cmcp-brands__sidebar input[type=radio]{
    accent-color:#786fbd!important;
}
.cmcp-brands__filter-actions button[data-cmcp-brand-reset]{
    border-color:#786fbd!important;
    background:#fff!important;
    color:#786fbd!important;
}
.cmcp-brands__filter-actions button[data-cmcp-brand-reset]:hover,
.cmcp-brands__filter-actions button[data-cmcp-brand-reset]:focus-visible{
    border-color:#675ca8!important;
    background:#f1f0fa!important;
    color:#675ca8!important;
}


/* Match selected brand category background to lavender button — Sep 2026 */
.cmcp-brands__category-row:has(input:checked),
.cmcp-brands__sidebar label:not(.cmcp-brands__search):has(input:checked){
    background:transparent!important;
    color:#786fbd!important;
}
.cmcp-brands__category-row:has(input:checked) b,
.cmcp-brands__sidebar label:not(.cmcp-brands__search):has(input:checked) b{
    color:#786fbd!important;
}
.cmcp-brands__category-row:has(input:checked):hover,
.cmcp-brands__sidebar label:not(.cmcp-brands__search):has(input:checked):hover{
    background:#f7f9fc!important;
    color:#786fbd!important;
}