.rufsp{--rufsp-gap:30px;margin:0 0 40px}

.rufsp-cat{margin:0 0 10px}

.rufsp-titlu{
	text-align:center;
	text-transform:uppercase;
	letter-spacing:.04em;
	font-weight:700;
	margin:0 0 28px;
	line-height:1.3;
}
.rufsp-linie{
	display:block;
	width:34px;
	height:3px;
	background:#1d2327;
	margin:0 auto 14px;
	border-radius:2px;
}

.rufsp-sep{
	height:1px;
	background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,.35) 50%,rgba(0,0,0,0) 100%);
	margin:46px auto;
	max-width:620px;
}

/* fiecare rand e separat, centrat, cu casete de aceeasi latime */
.rufsp-grila{display:flex;flex-direction:column;gap:34px}

.rufsp-rand{
	display:flex;
	flex-wrap:nowrap;
	justify-content:center;
	align-items:center;
	gap:var(--rufsp-gap);
}

.rufsp-item{
	flex:0 0 calc((100% - (var(--rufsp-cols) - 1) * var(--rufsp-gap)) / var(--rufsp-cols));
	max-width:calc((100% - (var(--rufsp-cols) - 1) * var(--rufsp-gap)) / var(--rufsp-cols));
	display:flex;
	align-items:center;
	justify-content:center;
	height:90px;
	padding:6px 10px;
	box-sizing:border-box;
	text-decoration:none;
	border:none;
	background:none;
	transition:transform .18s ease,opacity .18s ease;
}
.rufsp-item img{
	max-width:100%;
	max-height:100%;
	width:auto;
	height:auto;
	object-fit:contain;
	display:block;
}
a.rufsp-item:hover,a.rufsp-item:focus{transform:scale(1.05);opacity:.85}

@media (max-width:900px){
	.rufsp{--rufsp-gap:22px}
	.rufsp-item{height:78px}
}

/* pe telefon randurile se rup singure, cate doua pe rand */
@media (max-width:680px){
	.rufsp{--rufsp-gap:18px}
	.rufsp-grila{gap:22px}
	.rufsp-rand{flex-wrap:wrap;row-gap:22px}
	.rufsp-item{
		flex:0 0 calc((100% - var(--rufsp-gap)) / 2);
		max-width:calc((100% - var(--rufsp-gap)) / 2);
		height:70px;
	}
	.rufsp-sep{margin:34px auto}
}