.qfd-option-item { display:grid; grid-template-columns:minmax(0,1fr) auto auto 28px; align-items:center; gap:9px; overflow:hidden; padding:6px 9px 6px 5px; border:2px solid var(--qfd-border); border-radius:14px; background:#fff; cursor:pointer; transition:.2s; }
.qfd-option-item:hover,.qfd-option-item.is-active { border-color:var(--qfd-accent); background:#f5fcff; box-shadow:0 6px 16px rgba(75,187,217,.14); }
.qfd-option-item .qfd-amount { min-width:0; grid-template-columns:44px minmax(0,1fr); padding:8px 5px; border:0!important; background:transparent!important; box-shadow:none!important; }
.qfd-option-quantity { display:grid!important; grid-template-columns:28px 32px 28px!important; width:88px!important; min-width:88px!important; max-width:88px!important; align-items:center; align-self:center; height:36px; overflow:hidden; border:1px solid var(--qfd-border); border-radius:10px; background:#fff; box-shadow:0 4px 12px rgba(39,45,96,.08); }
.qfd-option-quantity button { width:28px!important; min-width:28px!important; height:36px; padding:0; border:0; background:#eaf8fc; color:var(--qfd-primary); font:900 18px/1 Arial,sans-serif; cursor:pointer; touch-action:manipulation; }
.qfd-option-quantity b { text-align:center; color:var(--qfd-primary); font-size:15px; }
.qfd-option-item.is-active .qfd-option-quantity { border-color:var(--qfd-accent); box-shadow:0 0 0 2px rgba(75,187,217,.13); }
.qfd-option-total { display:flex; flex-direction:column; align-items:center; min-width:68px; color:var(--qfd-primary); line-height:1.2; }
.qfd-option-total small { color:var(--qfd-muted); font-size:10px; font-weight:700; }
.qfd-option-total strong { margin-top:3px; font-size:15px; white-space:nowrap; }
.qfd-option-item.is-active > .qfd-tick { visibility:visible; }
.qfd-quantity-picker {
	display: grid;
	grid-template-columns: 1fr auto auto;
	align-items: center;
	gap: 12px;
	margin: 0 0 16px;
	padding: 12px 14px;
	border: 1px solid var(--qfd-border);
	border-radius: 14px;
	background: var(--qfd-soft);
	color: var(--qfd-primary);
	font-weight: 800;
}
.qfd-quantity-picker.is-hidden { display: none; }
.qfd-quantity-picker > div {
	display: grid;
	grid-template-columns: 38px 45px 38px;
	align-items: center;
	overflow: hidden;
	border: 1px solid var(--qfd-border);
	border-radius: 11px;
	background: #fff;
}
.qfd-quantity-picker button {
	height: 38px;
	border: 0;
	background: #eaf8fc;
	color: var(--qfd-primary);
	font: 900 22px/1 Arial, sans-serif;
	cursor: pointer;
}
.qfd-quantity-picker b { text-align: center; }
.qfd-quantity-picker > strong { text-align: end; }
.qfd-quantity-picker > strong small {
	display: block;
	color: var(--qfd-muted);
	font-size: 11px;
	font-weight: 700;
}
@media (max-width: 520px) {
	.qfd-option-item { position:relative;grid-template-columns:minmax(0,1fr) 84px 66px 18px;gap:4px;padding:6px 5px; }
	.qfd-option-quantity { grid-template-columns:27px 30px 27px!important; width:84px!important; min-width:84px!important; max-width:84px!important; height:35px; }
	.qfd-option-quantity button { width:27px!important;min-width:27px!important;height:35px; }
	.qfd-option-item .qfd-amount{grid-column:auto;width:100%;grid-template-columns:28px minmax(0,1fr);gap:5px;padding:6px 1px}
	.qfd-option-copy strong{font-size:14px!important}.qfd-option-copy small{font-size:11px!important;line-height:1.45}
	.qfd-option-copy small{display:none!important}.qfd-option-total{min-width:64px}.qfd-option-total strong{font-size:13px}.qfd-option-total small{max-width:64px;font-size:8px;line-height:1.2;text-align:center}
	.qfd-quantity-picker { grid-template-columns: 1fr auto; padding: 10px; }
	.qfd-quantity-picker > strong { grid-column: 1/-1; display: flex; justify-content: space-between; text-align: start; }
	.qfd-quantity-picker > strong small { display: inline; }
}

/* 3.16.3 — the complete donation option card is an obvious click/tap target. */
.qfd-option-item[data-qfd-option-card]{cursor:pointer;touch-action:manipulation}
.qfd-option-item[data-qfd-option-card]:focus-visible{outline:3px solid rgba(75,187,217,.32);outline-offset:3px}
.qfd-option-item[data-qfd-option-card] .qfd-option-copy,
.qfd-option-item[data-qfd-option-card] .qfd-option-total,
.qfd-option-item[data-qfd-option-card] .qfd-tick{pointer-events:none}