/* Coupons family (modules/coupons) — shared skin for the panel variations (.cpn.v1–v4).
   Not to be confused with coupon-tools.css, which skins the system coupon item (.cpn-itm).
   Contract §C escape-hatch values only: element opacities and the dashed tear-line tuner.
   Per-variation overrides (e.g. V2's visible logo watermark) live in each co-located file. */

.cpn {
	--bdr-clr-o: 0.3;
	--btn-v2-bdr-w: 3px;
	--bdr-rds: 10px;
	--bdr-rds-crd: 10px;
	--cpn-kck-o: 0.7;
	--cpn-dsc-o: 0.85;
	--cpn-nte-o: 0.6;
	--cpn-wtr-o: 0;
}

.cpn hr {
	--bdr-stl: dashed;
	margin: 0;
}

.cpn .abs {
	opacity: var(--cpn-wtr-o);
}

.cpn [data-colors] > :not(.abs) {
	position: relative;
}

.cpn .btn.v2 {
	border-color: var(--btn-sec);
}

.cpn [data-colors] > strong {
	--title-color: var(--fnt-t-big);
	overflow-wrap: anywhere;
}

.cpn [data-colors] > em:not(.tag) {
	opacity: var(--cpn-kck-o);
}

.cpn [data-colors] > p {
	opacity: var(--cpn-dsc-o);
}

.cpn [data-colors] > small {
	opacity: var(--cpn-nte-o);
}