.-YC-Cat-G,.-YC-Cat-ro-v2,.-cat-bo,.content-box,.sics-two__sin{position:relative}
.-YC-Cat-ro-v2{flex:1;display:flex;align-items:center;overflow:hidden}
.-YC-Cat-G{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}

/* Card */
.-cat-bo{
	cursor:pointer;
	padding:19px;
	max-width:341px;
	transition:.3s ease-in-out;
	border-radius:9px;
	background:#fff;
	flex:1;
	min-width:320px;
	overflow:hidden;
	border:1px solid #00000014;
}
.-ycw-section.-ycwt-cat{background:var(--background);}
.-page--container-sidebars.categories .-cat-bo{background:var(--background2)}

/* Overlay hover (زي features2) */
.-cat-bo::after{
	content:'';
	position:absolute;
	right:0;
	bottom:0;
	left:0;
	background: var(--uicolor);
	border-radius:999px 999px 0 0;
	width:100%;
	height:0;
	transition:all .3s ease-in-out;
	z-index:0;
}
.-cat-bo:hover::after{
	height:100%;
	border-radius:9px;
}

/* Content layout */
.sics-two__sin{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	flex-direction:column-reverse;
	align-content:flex-start;
	z-index:1;
}
.content-box{flex:1;margin-inline-end:10px;margin-top:13px}

/* Title */
.sics-two__sin a{position:relative;z-index:1}
.sics-two__sin a h3{
	font-size:22px;
	display:block;
	font-weight:500;
	line-height:1.6;
	margin-top:14px;
	position:relative;
	z-index:1;
	transition:all .3s ease-in-out;
	color:var(--primary-text);
}
.-cat-bo:hover .sics-two__sin a h3{color:#fff}

/* Icon */
.icon_cat{
	width:55px;
	height:55px;
	font-size:25px;
	background:var(--background);
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:10px;
	position:relative;
	z-index:1;
	transition:all .3s ease-in-out;
	color:var(--uicolor);
}
.icon_cat svg,
.icon_cat i,
.icon_cat img{
	transition:all .3s ease-in-out;
	filter:brightness(1);
}
.-cat-bo:hover .icon_cat{
	background:rgba(255,255,255,.12);
	color:#fff;
}
.-cat-bo:hover .icon_cat svg,
.-cat-bo:hover .icon_cat i,
.-cat-bo:hover .icon_cat img{
	filter:brightness(0) invert(1);
}

/* Description */
.-cat-right{
	font-size:20px;
	margin-top:5px;
	position:relative;
	z-index:1;
}
.-cat-bo .-p-cat-desc{
	font-size:17px;
	font-weight:400;
	line-height:1.6;
	position:relative;
	transition:all .3s ease-in-out;
	text-align:start;
	color:var(--secondarytext);
	display:block;
	z-index:1;
}
.-cat-bo:hover .-p-cat-desc{color:#f5f5f5}

/* Optional: subtle lift */
.-cat-bo:hover{
	transform:translateY(-2px);
}

/* ===== Header area styles (unchanged) ===== */
.-dlt-title {
	display:flex;
	place-content:center;
	text-align:center;
	position:relative;
	margin-bottom:40px;
	align-items:center;
	gap:20px;
	justify-content:space-between
}

.-wi-aft-int-h4 {
	font-weight:500;
	font-size:20px;
	margin-bottom:10px;
	line-height:1.4;
	max-width:max-content;
	position:relative;
	color:var(--uicolor);
	border-radius:var(--largeradius);
}

.-w-h1-ti {
	font-size:35px;
	font-weight:600;
	color:var(--primary-text);
	text-align:right;
}
.but--area-co {max-width:800px;}

.-dlt-title .P-content {
	color:var(--secondarytext);
	font-weight:400;
	font-size:17px;
	text-align:start;
	line-height:1.6;
}

.-defult-w--URL.--inline-center {
	display:flex;
	align-items:center;
	margin-top:22px;
	justify-content:center;
	gap:10px;
}
.-defult-w--URL.--inline-center a.fsurl-btn {background:var(--primary-text);}

.-Cat-lists {display:flex;flex-wrap:wrap;gap:20px;justify-content: center;}
.cat--back .btn2-row {justify-content:center;}

/* ===== Responsive (keep hover intact) ===== */
@media (max-width:1290px){
	.but--area-co{max-width:579px;}
	.-Cat-lists{justify-content:center;}
	.-cat-bo{
		min-width:300px;
		max-width:341px;
	}
}

@media (max-width:950px){
	.-dlt-title{
		flex-direction:column;
		text-align:center;
		align-items:center;
		justify-content:center;
		gap:8px;
		margin-bottom:13px;
	}

	.log-title{
		text-align:center;
		display:flex;
		flex-direction:column;
		align-items:center;
		justify-content:center;
	}

	.-w-h1-ti{font-size:23px;text-align:center;}
	.-wi-aft-int-h4{font-size:15px;}
	.but--area-co{font-size:12px;text-align:center;max-width:100%;}
	.but--area-co .P-content{text-align:center;font-size:14px;}

	/* 2 columns on tablet (stable) */
	.-cat-bo{
		padding:18px 16px;
		flex:1 1 calc(50% - 10px);
		min-width:260px;
		max-width:100%;
	}

	.icon_cat{
		width:44px;
		height:44px;
		font-size:18px;
	}

	.-cat-right{
		padding-inline-end:0;
		margin-top:8px;
	}

	.sics-two__sin a h3{
		font-size:19px;
		margin-top:10px;
		line-height:1.5;
	}

	.-cat-bo .-p-cat-desc{
		font-size:14px;
		line-height:1.55;
	}
}

@media (max-width:720px){
	/* 1 column on mobile */
	.-Cat-lists{gap:12px;}

	.-cat-bo{
		flex:1 1 100%;
		min-width:100%;
		max-width:100%;
		padding:16px 14px;
	}

	.icon_cat{
		width:42px;
		height:42px;
		font-size:17px;
	}

	.sics-two__sin a h3{font-size:18px;}
}

@media (max-width:580px){
	.-w-h1-ti{font-size:21px;}
	.but--area-co .P-content{font-size:14px;}

	.-cat-right{font-size:18px;}

	.-cat-bo .-p-cat-desc{
		font-size:13px;
	}
}

.-ycwt-cat .-dw-h4{background:#fff;}