.wc-block-components-totals-wrapper .swptp-block-box,
.swptp-block-box {
	padding: 20px !important;
	margin: 0 0 16px;
	border: 1px solid rgba(0, 0, 0, 0.14);
	border-radius: 8px;
	background: #fff;
	box-sizing: border-box;
}
.swptp-block-header { display: flex; gap: 12px; align-items: center; justify-content: space-between; margin-bottom: 14px; }
.swptp-block-header strong { font-size: 1.05em; }
.swptp-block-header span { padding: 4px 9px; border-radius: 999px; background: #f2f2f2; font-size: 0.85em; font-weight: 600; white-space: nowrap; }
.swptp-earned { display: flex; gap: 8px; align-items: baseline; margin-bottom: 4px; }
.swptp-earned strong { white-space: nowrap; }
.swptp-earned span { color: #555; font-size: 0.9em; }
.swptp-block-box .swptp-balance { margin: 0 0 16px; color: #555; font-size: 0.9em; }
.swptp-redemption { padding-top: 14px; border-top: 1px solid rgba(0, 0, 0, 0.1); }
.swptp-redemption > label { display: flex; justify-content: space-between; gap: 10px; margin-bottom: 7px; font-weight: 600; }
.swptp-redemption label small { color: #666; font-weight: 400; }
.swptp-block-actions { display: grid; grid-template-columns: minmax(90px, 120px) minmax(120px, 1fr); gap: 8px; }
.swptp-block-actions input { width: 100%; min-width: 0; min-height: 44px; box-sizing: border-box; padding: 8px 10px; font-size: 16px; }
.swptp-block-actions button { width: 100%; min-height: 44px; justify-content: center; white-space: nowrap; }
.swptp-redemption .swptp-remove { margin: 11px 0 1px; padding: 0; border: 0; background: transparent; color: inherit; font: inherit; font-size: 0.85em; text-decoration: underline; cursor: pointer; }
@media (max-width: 480px) {
	.wc-block-components-totals-wrapper .swptp-block-box,
	.swptp-block-box { padding: 16px !important; }
	.swptp-earned { display: block; }
	.swptp-earned span { display: block; margin-top: 2px; }
	.swptp-redemption > label { display: block; }
	.swptp-redemption label small { display: block; margin-top: 2px; }
	.swptp-block-actions { grid-template-columns: 1fr; }
}
