/* Axo Uygulamalar — QukaSoft tarzı uygulama mağazası */
.eu-page{
	--eu-navy:#1a2433;
	--eu-ink:#0f172a;
	--eu-muted:#64748b;
	--eu-line:#e2e8f0;
	--eu-grad:linear-gradient(135deg,#2f8cff 0%,#7c3aed 35%,#e11d8f 65%,#f97316 100%);
	background:#f8fafc;
	color:var(--eu-ink);
	padding:36px 0 70px;
}
.eu-layout{
	display:grid;
	grid-template-columns:260px 1fr;
	gap:28px;
	align-items:start;
}
.eu-sidebar{
	background:#fff;
	border:1px solid var(--eu-line);
	border-radius:16px;
	padding:20px 16px;
	box-shadow:0 10px 28px rgba(15,23,42,.05);
	position:sticky;
	top:90px;
}
.eu-side-title{
	margin:0 0 14px;
	font-size:12px;
	font-weight:800;
	letter-spacing:.1em;
	text-transform:uppercase;
	color:var(--eu-muted);
}
.eu-cats{
	list-style:none;
	margin:0;
	padding:0;
}
.eu-cats li{margin:0 0 4px;}
.eu-cats a{
	display:block;
	padding:10px 12px;
	border-radius:10px;
	color:var(--eu-navy)!important;
	text-decoration:none!important;
	font-size:14px;
	font-weight:600;
	transition:background .2s ease,color .2s ease;
}
.eu-cats a:hover,
.eu-cats a.is-active{
	background:rgba(47,140,255,.08);
	color:#2563eb!important;
}
.eu-main-head{
	display:flex;
	flex-wrap:wrap;
	align-items:flex-end;
	justify-content:space-between;
	gap:14px;
	margin-bottom:22px;
}
.eu-main-head h1{
	margin:0 0 6px;
	font-size:clamp(26px,3vw,34px);
	font-weight:800;
	color:var(--eu-navy);
}
.eu-main-head p{
	margin:0;
	max-width:560px;
	font-size:15px;
	line-height:1.55;
	color:var(--eu-muted);
}
.eu-sort select{
	min-width:180px;
	height:42px;
	border:1px solid var(--eu-line);
	border-radius:10px;
	padding:0 12px;
	background:#fff;
	font-size:14px;
	font-weight:600;
	color:var(--eu-navy);
}
.eu-grid{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:16px;
}
.eu-card{
	display:flex;
	gap:16px;
	align-items:flex-start;
	background:#fff;
	border:1px solid var(--eu-line);
	border-radius:16px;
	padding:18px;
	box-shadow:0 10px 28px rgba(15,23,42,.04);
	transition:transform .2s ease, box-shadow .2s ease;
}
.eu-card:hover{
	transform:translateY(-3px);
	box-shadow:0 16px 36px rgba(15,23,42,.1);
}
.eu-card-icon{
	flex:0 0 64px;
	width:64px;
	height:64px;
	border-radius:14px;
	background:#f1f5f9;
	border:1px solid var(--eu-line);
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
}
.eu-card-icon img{
	width:100%;
	height:100%;
	object-fit:contain;
	padding:8px;
}
.eu-card-icon span{
	font-size:22px;
	font-weight:800;
	background:var(--eu-grad);
	-webkit-background-clip:text;
	background-clip:text;
	color:transparent;
}
.eu-card-body{min-width:0;flex:1;}
.eu-card-body h2{
	margin:0 0 6px;
	font-size:17px;
	font-weight:800;
	color:var(--eu-navy);
}
.eu-card-body p{
	margin:0 0 12px;
	font-size:13px;
	line-height:1.55;
	color:var(--eu-muted);
}
.eu-card-link{
	display:inline-flex;
	align-items:center;
	gap:6px;
	font-size:13px;
	font-weight:700;
	color:#2563eb!important;
	text-decoration:none!important;
}
.eu-card-link:hover{text-decoration:underline!important;}
.eu-empty{
	padding:40px;
	text-align:center;
	background:#fff;
	border:1px dashed var(--eu-line);
	border-radius:16px;
	color:var(--eu-muted);
}

@media (max-width:992px){
	.eu-layout{grid-template-columns:1fr;}
	.eu-sidebar{position:static;}
	.eu-cats{
		display:flex;
		flex-wrap:wrap;
		gap:6px;
	}
	.eu-cats li{margin:0;}
}
@media (max-width:700px){
	.eu-grid{grid-template-columns:1fr;}
	.eu-page{padding:24px 0 50px;}
}