/* עיגולי קטגוריות — בר ניווט מתחת לכותרת בעמוד קטגוריה */
.cat-circles{
	--cc-size:96px;
	--cc-accent:#e30000;
	--cc-ink:#0c0c0c;
	--cc-border:#e6e6e6;
	margin:8px 0 40px;
}
.cat-circles__track{
	list-style:none;
	margin:0;
	padding:4px 0;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap:28px 32px;
}
.cat-circles__item{margin:0;padding:0;}
.cat-circles__link{
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:12px;
	width:calc(var(--cc-size) + 26px);
	text-decoration:none;
	color:var(--cc-ink);
}
.cat-circles__ring{
	position:relative;
	display:block;
	width:var(--cc-size);
	height:var(--cc-size);
	border-radius:50%;
	overflow:hidden;
	background:#f5f5f5;
	border:2px solid var(--cc-border);
	box-shadow:0 0 0 0 rgba(227,0,0,0);
	transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.cat-circles__ring img{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}
.cat-circles__label{
	font-size:.95rem;
	line-height:1.25;
	font-weight:400;
	text-align:center;
	transition:color .2s ease, font-weight .2s ease;
}
.cat-circles__link:hover .cat-circles__ring{
	border-color:var(--cc-accent);
	transform:translateY(-2px);
}
.cat-circles__link:hover .cat-circles__label{color:var(--cc-accent);}

/* מצב פעיל — הקטגוריה הנוכחית "מסומנת" */
.cat-circles__item.is-active .cat-circles__ring{
	border-color:var(--cc-accent);
	box-shadow:0 0 0 3px rgba(227,0,0,.18);
}
.cat-circles__item.is-active .cat-circles__label{
	color:var(--cc-accent);
	font-weight:600;
}

/* טאבלט */
@media (max-width:1024px){
	.cat-circles{--cc-size:84px;}
	.cat-circles__track{gap:22px 22px;}
}

/* מובייל — גלילה אופקית, RTL */
@media (max-width:768px){
	.cat-circles{--cc-size:72px;margin:6px 0 28px;}
	.cat-circles__track{
		flex-wrap:nowrap;
		justify-content:flex-start;
		gap:18px;
		overflow-x:auto;
		-webkit-overflow-scrolling:touch;
		scrollbar-width:none;
		padding:4px 2px 10px;
	}
	.cat-circles__track::-webkit-scrollbar{display:none;}
	.cat-circles__item{flex:0 0 auto;}
	.cat-circles__link{width:calc(var(--cc-size) + 14px);gap:9px;}
	.cat-circles__label{font-size:.82rem;}
}