
.brs-product-category-cards{
	--brs-orange:#e76513;
	--brs-orange-dark:#c94f05;
	--brs-ink:#1f1f1f;
	--brs-muted:#696969;
	--brs-line:#e5e5e5;
	--brs-soft:#f7f7f7;
	clear:both;
	width:100%;
	margin:0 0 34px;
	font-family:inherit;
}

.brs-pcc-section-heading{
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	gap:20px;
	margin:0 0 18px;
}

.brs-pcc-section-heading h2,
.brs-pcc-section-heading h3{
	margin:0;
	color:var(--brs-ink);
	font-weight:850;
	line-height:1.12;
}

.brs-pcc-section-heading h2{font-size:clamp(27px,2.4vw,36px)}
.brs-pcc-section-heading h3{font-size:clamp(23px,2vw,30px)}

.brs-pcc-section-heading p{
	margin:7px 0 0;
	color:var(--brs-muted);
	font-size:15px;
}

.brs-pcc-kicker{
	display:block;
	margin-bottom:5px;
	color:var(--brs-orange);
	font-size:12px;
	font-weight:850;
	letter-spacing:.08em;
	text-transform:uppercase;
}

.brs-pcc-child-total{
	flex:0 0 auto;
	padding:7px 11px;
	border-radius:999px;
	background:#fff4ed;
	color:var(--brs-orange-dark);
	font-size:12px;
	font-weight:800;
}

/* SELECTED CATEGORY — this stays at the top */
.brs-pcc-focus{
	display:grid;
	grid-template-columns:minmax(260px,36%) 1fr;
	min-height:255px;
	overflow:hidden;
	border:1px solid #ddd;
	border-radius:16px;
	background:#fff;
	box-shadow:0 8px 28px rgba(0,0,0,.07);
}

.brs-pcc-focus-media{
	min-height:255px;
	overflow:hidden;
	background:#f2f2f2;
}

.brs-pcc-focus-media .brs-pcc-image{
	width:100%;
	height:100%;
	object-fit:cover;
}

.brs-pcc-focus-content{
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding:30px 34px;
	min-width:0;
}

.brs-pcc-breadcrumbs{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:7px;
	margin:0 0 22px;
	color:#868686;
	font-size:12px;
	font-weight:650;
	line-height:1.4;
}

.brs-pcc-breadcrumbs a{
	color:#686868!important;
	text-decoration:none!important;
}

.brs-pcc-breadcrumbs a:hover{color:var(--brs-orange)!important}
.brs-pcc-breadcrumbs strong{color:var(--brs-ink)}

.brs-pcc-focus h2{
	margin:0;
	color:var(--brs-ink);
	font-size:clamp(30px,3vw,46px);
	font-weight:900;
	line-height:1.02;
	letter-spacing:-.025em;
}

.brs-pcc-focus-count{
	margin:10px 0 0;
	color:var(--brs-muted);
	font-size:15px;
	font-weight:650;
}

.brs-pcc-focus-actions{margin-top:22px}

.brs-pcc-back{
	display:inline-flex;
	align-items:center;
	min-height:40px;
	padding:9px 15px;
	border:1px solid var(--brs-line);
	border-radius:9px;
	background:#fff;
	color:var(--brs-ink)!important;
	font-size:13px;
	font-weight:800;
	text-decoration:none!important;
	transition:border-color .15s ease,color .15s ease,background .15s ease;
}

.brs-pcc-back:hover{
	border-color:var(--brs-orange);
	background:#fff8f4;
	color:var(--brs-orange-dark)!important;
}

.brs-pcc-child-section{
	margin-top:30px;
	padding-top:26px;
	border-top:1px solid var(--brs-line);
}

/* LARGE CATEGORY CARDS */
.brs-pcc-grid{
	display:grid;
	grid-template-columns:repeat(4,minmax(0,1fr));
	gap:15px;
}

.brs-pcc-card{
	position:relative;
	display:flex;
	flex-direction:column;
	min-width:0;
	overflow:hidden;
	border:1px solid var(--brs-line);
	border-radius:14px;
	background:#fff;
	color:var(--brs-ink)!important;
	text-decoration:none!important;
	box-shadow:0 4px 16px rgba(0,0,0,.05);
	transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}

.brs-pcc-card:hover,
.brs-pcc-card:focus-visible{
	border-color:var(--brs-orange);
	box-shadow:0 10px 28px rgba(0,0,0,.09);
	transform:translateY(-3px);
}

.brs-pcc-media{
	display:block;
	width:100%;
	aspect-ratio:16/9;
	overflow:hidden;
	background:#f1f1f1;
}

.brs-pcc-image{
	display:block;
	width:100%;
	height:100%;
	margin:0;
	object-fit:cover;
	transition:transform .25s ease;
}


.brs-pcc-main-sprite{
	background-image:url('brs-main-category-sprite.webp');
	background-repeat:no-repeat;
	background-size:400% 200%;
	background-position:var(--brs-main-x,0%) var(--brs-main-y,0%);
}

.brs-pcc-card:hover .brs-pcc-image{transform:scale(1.035)}

.brs-pcc-placeholder{
	background:linear-gradient(135deg,rgba(231,101,19,.17),rgba(30,30,30,.07));
}

.brs-pcc-card-content{
	display:flex;
	flex:1;
	flex-direction:column;
	align-items:flex-start;
	padding:15px 16px 16px;
	min-height:122px;
}

.brs-pcc-card-name{
	display:block;
	color:var(--brs-ink);
	font-size:16px;
	font-weight:900;
	line-height:1.18;
	overflow-wrap:anywhere;
}

.brs-pcc-card-count{
	display:block;
	margin-top:7px;
	color:var(--brs-muted);
	font-size:12px;
	font-weight:650;
}

.brs-pcc-card-action{
	display:inline-flex;
	align-items:center;
	gap:7px;
	margin-top:auto;
	padding-top:15px;
	color:var(--brs-orange-dark);
	font-size:13px;
	font-weight:850;
}

.brs-pcc-card-action span{
	font-size:22px;
	line-height:13px;
	transition:transform .16s ease;
}

.brs-pcc-card:hover .brs-pcc-card-action span{
	transform:translateX(4px);
}

/* Mobimax/WooCommerce float cleanup around sorting */
.brs-product-category-cards::after{
	content:"";
	display:block;
	clear:both;
}

@media(max-width:1200px){
	.brs-pcc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
	.brs-pcc-focus{grid-template-columns:minmax(230px,40%) 1fr}
}

@media(max-width:900px){
	.brs-pcc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:767px){
	.brs-product-category-cards{margin-bottom:26px}

	.brs-pcc-section-heading{
		align-items:flex-start;
		margin-bottom:14px;
	}

	.brs-pcc-section-heading h2{font-size:28px}
	.brs-pcc-section-heading h3{font-size:24px}

	.brs-pcc-grid{
		grid-template-columns:1fr;
		gap:13px;
	}

	.brs-pcc-card{
		display:grid;
		grid-template-columns:125px 1fr;
		min-height:125px;
	}

	.brs-pcc-media{
		height:100%;
		aspect-ratio:auto;
	}

	.brs-pcc-card-content{
		min-height:125px;
		padding:14px 14px 13px;
	}

	.brs-pcc-card-name{
		font-size:16px;
	}

	.brs-pcc-card-action{
		padding-top:10px;
		font-size:12px;
	}

	.brs-pcc-focus{
		display:block;
		min-height:0;
	}

	.brs-pcc-focus-media{
		min-height:0;
		aspect-ratio:16/8;
	}

	.brs-pcc-focus-content{
		padding:20px 18px 22px;
	}

	.brs-pcc-breadcrumbs{
		margin-bottom:16px;
		font-size:11px;
	}

	.brs-pcc-focus h2{
		font-size:32px;
	}

	.brs-pcc-child-section{
		margin-top:22px;
		padding-top:20px;
	}
}

@media(max-width:420px){
	.brs-pcc-card{
		grid-template-columns:105px 1fr;
		min-height:112px;
	}
	.brs-pcc-card-content{min-height:112px}
	.brs-pcc-card-name{font-size:15px}
	.brs-pcc-card-count{font-size:11px}
}
