.pluginn-grid {
	--pluginn-sutun: 4;
	--pluginn-bosluk: 24px;
	--pluginn-radius: 12px;
	--pluginn-cerceve: #e5e7eb;
	--pluginn-metin: #111827;
	--pluginn-soluk: #6b7280;
	--pluginn-vurgu: #111827;
	--pluginn-vurgu-metin: #ffffff;
	display: grid;
	grid-template-columns: repeat(var(--pluginn-sutun), minmax(0, 1fr));
	gap: var(--pluginn-bosluk);
	margin: 0;
	padding: 0;
}
@media (max-width: 1024px) {
	.pluginn-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 768px) {
	.pluginn-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); --pluginn-bosluk: 16px; }
}
@media (max-width: 420px) {
	.pluginn-grid { grid-template-columns: repeat(1, minmax(0, 1fr)); }
}

.pluginn-kart {
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 12px;
	border: 1px solid var(--pluginn-cerceve);
	border-radius: var(--pluginn-radius);
	background: #fff;
	color: var(--pluginn-metin);
	text-decoration: none;
	transition: box-shadow .2s ease, transform .2s ease;
}
.pluginn-kart:hover {
	box-shadow: 0 8px 24px rgba(0, 0, 0, .08);
	transform: translateY(-2px);
	color: var(--pluginn-metin);
	text-decoration: none;
}

.pluginn-gorsel {
	position: relative;
	display: block;
	aspect-ratio: 1 / 1;
	overflow: hidden;
	border-radius: calc(var(--pluginn-radius) - 4px);
	background: #f3f4f6;
}
.pluginn-gorsel img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.pluginn-rozet {
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 4px 10px;
	border-radius: 999px;
	background: #dc2626;
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.4;
}
.pluginn-kart--tukendi .pluginn-gorsel img { opacity: .6; }

.pluginn-ad {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.4;
	min-height: calc(15px * 1.4 * 2);
}

.pluginn-fiyat {
	font-size: 17px;
	font-weight: 700;
}
.pluginn-fiyat del {
	margin-right: 6px;
	color: var(--pluginn-soluk);
	font-size: 14px;
	font-weight: 400;
}

.pluginn-buton {
	display: inline-block;
	margin-top: auto;
	padding: 10px 14px;
	border-radius: 8px;
	background: var(--pluginn-vurgu);
	color: var(--pluginn-vurgu-metin);
	font-size: 14px;
	font-weight: 600;
	text-align: center;
}

.pluginn-mesaj {
	padding: 16px;
	border-radius: 8px;
	background: #f3f4f6;
	color: var(--pluginn-soluk, #6b7280);
}
.pluginn-mesaj--hata { background: #fef2f2; color: #991b1b; }