/* Bizgrow Blog Showcase frontend */
.bbs-grid,.bbs-grid *{box-sizing:border-box}
.bbs-grid{--bbs-accent:#f45112;--bbs-title-color:#171717;--bbs-excerpt-color:#858585;--bbs-card-background:#fff;--bbs-border-color:#f45112;--bbs-title-size:20px;--bbs-image-height:230px;--bbs-gap:30px;display:grid;grid-template-columns:repeat(var(--bbs-columns,4),minmax(0,1fr));gap:var(--bbs-gap);width:100%;align-items:stretch}
.bbs-grid.bbs-columns-2{--bbs-columns:2}.bbs-grid.bbs-columns-3{--bbs-columns:3}.bbs-grid.bbs-columns-4{--bbs-columns:4}
.bbs-card{display:flex;flex-direction:column;min-width:0;margin:0;padding:0;overflow:hidden;background:var(--bbs-card-background);border:0;border-radius:3px;box-shadow:none;color:var(--bbs-title-color)}
.bbs-card-media{position:relative;width:100%;height:var(--bbs-image-height);overflow:hidden;background:#f5f5f5}
.bbs-image-link{display:block;width:100%;height:100%;text-decoration:none}
.bbs-featured-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .35s ease}
.bbs-card:hover .bbs-featured-image{transform:scale(1.035)}
.bbs-image-placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,#f0f0f0,#fafafa)}
.bbs-category-badge{position:absolute;top:22px;right:22px;z-index:2;display:inline-flex;align-items:center;justify-content:center;max-width:calc(100% - 32px);padding:8px 16px;border-radius:999px;background:var(--bbs-accent);color:#fff!important;font-size:12px;font-weight:700;line-height:1.2;text-transform:uppercase;text-decoration:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bbs-card-content{display:flex;flex:1 1 auto;flex-direction:column;align-items:flex-start;padding:20px 12px 18px}
.bbs-card-title{margin:0 0 9px!important;padding:0;color:var(--bbs-title-color);font-size:var(--bbs-title-size);font-weight:750;line-height:1.3;text-transform:uppercase;letter-spacing:0}
.bbs-card-title a{color:inherit!important;text-decoration:none!important}.bbs-card-title a:hover{color:var(--bbs-accent)!important}
.bbs-card-excerpt{margin:0 0 17px;color:var(--bbs-excerpt-color);font-size:14px;font-weight:400;line-height:1.62}
.bbs-read-more{display:inline-block;margin-top:auto;color:#111!important;font-size:14px;font-weight:750;line-height:1.4;text-decoration:none!important;text-transform:uppercase}
.bbs-read-more:hover{color:var(--bbs-accent)!important}
.bbs-card-footer{display:flex;flex-wrap:wrap;align-items:center;gap:9px;min-height:43px;margin-top:auto;padding:10px 12px;border-top:1px solid var(--bbs-border-color);color:#222;font-size:12px;line-height:1.4}
.bbs-footer-separator{color:#222}.bbs-empty{padding:18px;background:#fff;color:#666;border:1px solid #eee}

/* Tablet stays a grid. Mobile becomes an auto-advancing, swipeable carousel. */
@media(max-width:1100px) and (min-width:601px){
	.bbs-grid.bbs-columns-4,.bbs-grid.bbs-columns-3{grid-template-columns:repeat(2,minmax(0,1fr))}
	.bbs-card-media{height:min(var(--bbs-image-height),220px)}
}
@media(max-width:600px){
	.bbs-grid,.bbs-grid.bbs-columns-2,.bbs-grid.bbs-columns-3,.bbs-grid.bbs-columns-4{
		display:flex;
		flex-wrap:nowrap;
		gap:16px;
		overflow-x:auto;
		overflow-y:hidden;
		scroll-snap-type:x mandatory;
		scroll-behavior:smooth;
		-webkit-overflow-scrolling:touch;
		overscroll-behavior-x:contain;
		padding:0 0 8px;
		scrollbar-width:none;
	}
	.bbs-grid::-webkit-scrollbar{display:none}
	.bbs-grid .bbs-card{
		flex:0 0 86%;
		width:86%;
		min-width:0;
		scroll-snap-align:center;
		scroll-snap-stop:always;
	}
	.bbs-card-media{height:clamp(210px,64vw,var(--bbs-image-height))}
	.bbs-category-badge{top:16px;right:16px}
	.bbs-card-content{padding:17px 12px 16px}
	.bbs-card-title{font-size:calc(var(--bbs-title-size) - 1px)}
}
@media(prefers-reduced-motion:reduce){
	.bbs-grid{scroll-behavior:auto}
	.bbs-featured-image{transition:none}
}