/* ClickData Affiliate — product cards (quiz result) + WYR CTA */

/* ---------- Quiz result: in-result AdSense slot (fixed 100px) ---------- */
.cd-result-ad {
	height: 100px;
	min-height: 100px;
	max-height: 100px;
	margin: 16px 0;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	background: #f6f4ef;
	border-radius: 10px;
}
.cd-result-ad ins { margin: 0 auto; }


/* ---------- Quiz result: matched products ---------- */
.cd-aff {
	margin: 22px 0 6px;
	padding: 18px;
	border: 1px solid #f0e0cf;
	border-radius: 16px;
	background: linear-gradient(180deg, #fffaf4, #fff);
}
.cd-aff__match {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 13px;
	color: #6b5b48;
	margin-bottom: 12px;
	position: relative;
	flex-wrap: wrap;
}
.cd-aff__match span { font-weight: 500; }
.cd-aff__match b {
	color: #d9600b;
	font-size: 15px;
	font-variant-numeric: tabular-nums;
}
.cd-aff__match i {
	display: block;
	height: 6px;
	border-radius: 999px;
	background: linear-gradient(90deg, #f59e0b, #ea580c);
	flex-basis: 100%;
	max-width: 100%;
	min-width: 6px;
}
.cd-aff__label {
	font-size: 12px;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: #9a8b78;
	margin-bottom: 10px;
	font-weight: 600;
}
.cd-aff__list { display: flex; flex-direction: column; gap: 8px; }
.cd-aff__item {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 10px 12px;
	border: 1px solid #eee2d3;
	border-radius: 12px;
	background: #fff;
	text-decoration: none;
	color: inherit;
	transition: border-color .15s, transform .15s, box-shadow .15s;
}
.cd-aff__item:hover {
	border-color: #f0a15a;
	transform: translateY(-1px);
	box-shadow: 0 6px 18px rgba(217, 96, 11, .12);
}
.cd-aff__img {
	width: 46px; height: 46px; flex: none;
	border-radius: 10px;
	background: #f4efe7 center/cover no-repeat;
	display: flex; align-items: center; justify-content: center;
	font-size: 20px;
}
.cd-aff__img--ph { background: #fbe9d8; }
.cd-aff__info { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }
.cd-aff__name { font-weight: 600; font-size: 15px; color: #241f1a; }
.cd-aff__note { font-size: 12.5px; color: #8a7c6b; }
.cd-aff__price { font-size: 13px; font-weight: 600; color: #d9600b; }
.cd-aff__go { color: #d9600b; font-weight: 700; font-size: 18px; flex: none; }
.cd-aff__cta {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin-top: 14px;
	padding: 14px 18px;
	border-radius: 13px;
	background: linear-gradient(180deg, #ee5a2a, #d9430f);
	color: #fff !important;
	font-weight: 700;
	font-size: 15.5px;
	text-decoration: none;
	box-shadow: 0 8px 20px rgba(217, 67, 15, .28);
	transition: transform .15s, box-shadow .15s;
}
.cd-aff__cta:hover { transform: translateY(-1px); box-shadow: 0 10px 26px rgba(217, 67, 15, .34); }
.cd-aff__disc {
	margin: 10px 0 0;
	font-size: 11.5px;
	color: #a99a86;
	font-style: italic;
	text-align: center;
}

/* ---------- Would You Rather: CTA after a pick (dark game UI) ---------- */
.tod-aff {
	margin: 12px 0 4px;
	padding: 12px 14px;
	border-radius: 14px;
	background: rgba(255, 255, 255, .06);
	border: 1px solid rgba(255, 150, 80, .3);
	animation: tod-aff-in .35s ease both;
}
@keyframes tod-aff-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
.tod-aff__cmt {
	margin: 0 0 10px;
	font-size: 14px;
	line-height: 1.45;
	color: #f4ede2;
}
.tod-aff__cta {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 12px 18px;
	border-radius: 12px;
	background: linear-gradient(180deg, #ff6a35, #e24a12);
	color: #fff !important;
	font-weight: 800;
	font-size: 15px;
	text-decoration: none;
	box-shadow: 0 8px 22px rgba(226, 74, 18, .4);
}
.tod-aff__cta:active { transform: scale(.98); }
.tod-aff__disc {
	display: block;
	margin-top: 8px;
	font-size: 11px;
	color: rgba(255, 255, 255, .5);
	font-style: italic;
}

@media (prefers-reduced-motion: reduce) {
	.tod-aff { animation: none; }
	.cd-aff__item, .cd-aff__cta, .tod-aff__cta { transition: none; }
}