/* Perdele Kuponlar - Hesabım > Kuponlarım
   Renkler temanın ana rengini (Woodmart: --wd-primary-color) izler. */
.prd-kuponlar {
	--prd-ana: var(--wd-primary-color, #2b2b2b);
	--prd-cizgi: rgba(0, 0, 0, 0.12);
	--prd-soluk: rgba(0, 0, 0, 0.55);
}
.prd-kupon-izgara {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 16px;
	margin-bottom: 28px;
}
.prd-kupon {
	border: 2px dashed var(--prd-ana);
	border-radius: 10px;
	padding: 18px;
	display: flex;
	flex-direction: column;
	gap: 8px;
	background: #fff;
}
.prd-kupon-ust {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 12px;
	gap: 8px;
}
.prd-kupon-tur {
	text-transform: uppercase;
	letter-spacing: 0.06em;
	color: var(--prd-soluk);
}
.prd-kupon-kalan {
	padding: 2px 8px;
	border-radius: 20px;
	background: rgba(0, 0, 0, 0.06);
}
.prd-kupon-kalan.prd-acil {
	background: #fbe9e7;
	color: #b3261e;
}
.prd-kupon-miktar {
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2;
}
.prd-kupon-kod {
	font-family: ui-monospace, Menlo, Consolas, monospace;
	font-size: 20px;
	letter-spacing: 0.12em;
	color: var(--prd-ana);
	background: rgba(0, 0, 0, 0.04);
	border-radius: 6px;
	padding: 8px 10px;
	text-align: center;
	user-select: all;
}
.prd-kupon-kosul {
	margin: 0;
	padding-left: 18px;
	font-size: 13px;
	color: var(--prd-soluk);
}
.prd-kupon-kosul li { margin: 2px 0; }
.prd-kupon-butonlar {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin-top: auto;
	padding-top: 6px;
}
.prd-kupon-butonlar .button { flex: 1 1 auto; text-align: center; }
.prd-bos { color: var(--prd-soluk); }
.prd-davet {
	border: 1px solid var(--prd-cizgi);
	border-radius: 10px;
	padding: 18px;
	margin-bottom: 24px;
}
.prd-davet h3 { margin-top: 0; }
.prd-davet-satir { display: flex; gap: 8px; flex-wrap: wrap; }
.prd-davet-link { flex: 1 1 240px; min-width: 0; }
.prd-gecmis summary { cursor: pointer; font-weight: 600; margin-bottom: 10px; }
.prd-kopyala.prd-tamam { opacity: 0.75; }
.prd-dogum select { width: auto; display: inline-block; margin-right: 6px; }