/* Axo Tema Mağazası — QukaSoft tarzı galeri */
.etm-page{
	--etm-navy:#1a2433;
	--etm-ink:#0f172a;
	--etm-muted:#64748b;
	--etm-line:#e2e8f0;
	--etm-grad:linear-gradient(135deg,#2f8cff 0%,#7c3aed 35%,#e11d8f 65%,#f97316 100%);
	background:#f8fafc;
	color:var(--etm-ink);
	padding-bottom:70px;
}
.etm-hero{
	background:linear-gradient(145deg,#1a2433 0%,#111827 55%,#1f2937 100%);
	color:#fff;
	padding:56px 0 48px;
	text-align:center;
	margin-bottom:0;
}
.etm-hero h1{
	margin:0 0 12px;
	font-size:clamp(28px,4vw,42px);
	font-weight:800;
	color:#fff;
	line-height:1.15;
}
.etm-hero-lead{
	margin:0 auto 10px;
	max-width:640px;
	font-size:18px;
	line-height:1.5;
	color:rgba(255,255,255,.9);
}
.etm-hero-sub{
	margin:0 auto 26px;
	max-width:560px;
	font-size:15px;
	line-height:1.55;
	color:rgba(255,255,255,.7);
}
.etm-hero-cta{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-height:48px;
	padding:0 28px;
	border-radius:12px;
	background:var(--etm-grad);
	color:#fff!important;
	font-weight:700;
	font-size:15px;
	text-decoration:none!important;
	box-shadow:0 12px 28px rgba(124,58,237,.28);
	transition:transform .2s ease, filter .2s ease;
}
.etm-hero-cta:hover{
	transform:translateY(-2px);
	filter:brightness(1.06);
	color:#fff!important;
}

.etm-store{
	padding:40px 0 20px;
}
.etm-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:22px;
}
.etm-card{
	position:relative;
	display:block;
	background:#fff;
	border-radius:18px;
	overflow:hidden;
	border:1px solid var(--etm-line);
	box-shadow:0 12px 32px rgba(15,23,42,.06);
	text-decoration:none!important;
	color:inherit;
	transition:transform .25s ease, box-shadow .25s ease;
}
.etm-card:hover{
	transform:translateY(-5px);
	box-shadow:0 20px 44px rgba(15,23,42,.14);
}
.etm-card-media{
	position:relative;
	aspect-ratio:16/11;
	background:#e2e8f0;
	overflow:hidden;
}
.etm-card-media img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform .35s ease;
}
.etm-card:hover .etm-card-media img{transform:scale(1.04);}
.etm-card-placeholder{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:100%;
	min-height:180px;
	background:linear-gradient(145deg,#1e293b,#334155);
	color:rgba(255,255,255,.55);
	font-weight:700;
	font-size:18px;
}
.etm-card-overlay{
	position:absolute;
	inset:0;
	display:flex;
	align-items:center;
	justify-content:center;
	background:rgba(15,23,42,.45);
	opacity:0;
	transition:opacity .25s ease;
}
.etm-card:hover .etm-card-overlay{opacity:1;}
.etm-card-btn{
	display:inline-flex;
	align-items:center;
	gap:8px;
	padding:10px 18px;
	border-radius:999px;
	background:#fff;
	color:var(--etm-navy);
	font-weight:700;
	font-size:14px;
}
.etm-card-body{
	padding:16px 18px 18px;
}
.etm-card-body h2{
	margin:0;
	font-size:18px;
	font-weight:800;
	color:var(--etm-navy);
}
.etm-card-body span{
	display:inline-block;
	margin-top:4px;
	font-size:13px;
	color:var(--etm-muted);
	font-weight:600;
}

.etm-features{
	padding:48px 0 10px;
}
.etm-features-grid{
	display:grid;
	grid-template-columns:repeat(2,1fr);
	gap:22px;
}
.etm-feature{
	background:#fff;
	border:1px solid var(--etm-line);
	border-radius:18px;
	padding:24px 22px;
	box-shadow:0 10px 28px rgba(15,23,42,.05);
}
.etm-feature-num{
	display:inline-block;
	margin-bottom:10px;
	font-size:13px;
	font-weight:800;
	letter-spacing:.08em;
	background:var(--etm-grad);
	-webkit-background-clip:text;
	background-clip:text;
	color:transparent;
}
.etm-feature h3{
	margin:0 0 10px;
	font-size:20px;
	font-weight:800;
	color:var(--etm-navy);
}
.etm-feature p{
	margin:0;
	font-size:14px;
	line-height:1.65;
	color:var(--etm-muted);
}
.etm-empty{
	padding:48px 20px;
	text-align:center;
	color:var(--etm-muted);
	background:#fff;
	border:1px dashed var(--etm-line);
	border-radius:16px;
}

@media (max-width:992px){
	.etm-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:700px){
	.etm-grid,.etm-features-grid{grid-template-columns:1fr;}
	.etm-hero{padding:40px 0 36px;}
	.etm-store{padding:28px 0 12px;}
}