/* TPC Brand Showcase */
.tpc-brand-showcase{margin:0}
.tpc-brand-showcase a{color:inherit;text-decoration:none}
.tpc-brand-showcase img{max-width:100%;height:auto;display:block}

/* Grid mode */
.tpc-brand-grid{
	display:grid;
	grid-template-columns:repeat(var(--tpc-cols, 4), minmax(0, 1fr));
	gap: var(--tpc-gap, 18px);
	align-items:center;
}
@media (max-width: 900px){
	.tpc-brand-grid{grid-template-columns:repeat(3, minmax(0, 1fr))}
}
@media (max-width: 600px){
	.tpc-brand-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}
}

/* Tile */
.tpc-brand-tile,
.tpc-brand-slide{
	display:flex;
	align-items:center;
	justify-content:center;
	padding:10px;
	border-radius:10px;
}
.tpc-brand-tile img,
.tpc-brand-slide img{
	max-height:var(--tpc-logo-h, 64px);
	width:auto;
}

/* Carousel wrap */
.tpc-brand-carousel-wrap{position:relative}

/* Default: 1 row track */
.tpc-brand-track{
	display:flex;
	gap:var(--tpc-gap, 18px);
	overflow:auto;
	scroll-snap-type:x mandatory;
	scroll-padding:10px;
	padding:6px 10px 12px;
	-webkit-overflow-scrolling:touch;
}
.tpc-brand-track::-webkit-scrollbar{height:10px}

.tpc-brand-slide{
	flex:0 0 auto;
	width:var(--tpc-slide-w, 180px);
	scroll-snap-align:start;
}

/* Arrows */
.tpc-brand-carousel-wrap{
	--tpc-arrow-size:40px;
	--tpc-arrow-font:22px;
}

@media (max-width: 1024px){
	.tpc-brand-carousel-wrap{
		--tpc-slide-w:140px;
		--tpc-logo-h:140px;
		--tpc-gap:10px;
		--tpc-arrow-size:35px;
		--tpc-arrow-font:18px;
	}
	.tpc-brand-slide{padding:8px;}
}

@media (max-width: 768px){
	.tpc-brand-carousel-wrap{
		--tpc-slide-w:100px;
		--tpc-logo-h:100px;
		--tpc-gap:5px;
		--tpc-arrow-size:30px;
		--tpc-arrow-font:12px;
	}
	.tpc-brand-slide{padding:6px;}
}

/* Two rows */
.tpc-brand-carousel-wrap.tpc-rows-2 .tpc-brand-track{
	display:grid;
	grid-auto-flow:column;
	grid-template-rows:repeat(2, auto);
	gap:var(--tpc-gap, 18px);
	align-items:center;
	scroll-snap-type:x mandatory;
}
.tpc-brand-carousel-wrap.tpc-rows-2 .tpc-brand-slide{
	width:var(--tpc-slide-w, 180px);
}

.tpc-brand-arrow{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	z-index:2;
	border:0;
	border-radius:999px;
	width:var(--tpc-arrow-size);
	height:var(--tpc-arrow-size);
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0;
	line-height:1;
	font-size:var(--tpc-arrow-font);
	font-weight:700;
	font-family:system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	cursor:pointer;
	background:rgba(0,0,0,0.65);
	color:#fff;
}

button.tpc-brand-arrow,
button.tpc-brand-arrow:focus,
button.tpc-brand-arrow:focus-visible{
	background:rgba(0,0,0,0.65) !important;
	color:#fff !important;
}
button.tpc-brand-arrow:hover{
	background:rgba(0,0,0,0.75) !important;
}
button.tpc-brand-arrow:active{
	background:rgba(0,0,0,0.85) !important;
}

.tpc-brand-prev{left:-10px}
.tpc-brand-next{right:-10px}

@media (max-width: 700px){
	.tpc-brand-prev{left:6px}
	.tpc-brand-next{right:6px}
}