/* Scan & Redeem: colours and fonts are --sar-* variables with neutral fallbacks; a theme can set them to match its design. */
.sar{max-width:760px;margin:0 auto;color:var(--sar-text,#111827);font-family:var(--sar-font-body,system-ui,sans-serif)}
.sar-list{display:flex;flex-direction:column;gap:12px}
.sar-type{display:flex;gap:16px;justify-content:space-between;align-items:center;background:var(--sar-card,#F9FAFB);border:1px solid var(--sar-border,#D1D5DB);border-radius:8px;padding:18px}
.sar-main{flex:1 1 auto;min-width:0;display:flex;gap:16px;align-items:flex-start}
.sar-img{flex:0 0 96px}
.sar-img img{display:block;width:96px;height:96px;object-fit:cover;border-radius:6px;background:#FFFFFF}
.sar-info{flex:1 1 auto;min-width:0}
.sar-name{margin:0 0 6px;font-family:var(--sar-font-heading,system-ui,sans-serif);font-size:1.35em;line-height:1.2;text-transform:uppercase;letter-spacing:.02em;color:var(--sar-text,#111827)}
.sar-name label{cursor:pointer}
.sar-desc{color:var(--sar-muted,#6B7280);font-size:.95em}
.sar-desc p{margin:0 0 .4em}
.sar-desc strong{color:var(--sar-text,#111827)}
.sar-buy-col{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.sar-price{font-family:var(--sar-font-heading,system-ui,sans-serif);font-size:1.5em;font-weight:700;white-space:nowrap;color:var(--sar-text,#111827)}
.sar-qty{display:flex;align-items:center;gap:6px}
.sar-qty input{width:3.2em;height:2.4em;text-align:center;font-size:1.1em;padding:4px;background:var(--sar-bg-deep,#FFFFFF);color:var(--sar-text,#111827);border:1px solid var(--sar-border,#D1D5DB);border-radius:6px;-moz-appearance:textfield}
.sar-qty input::-webkit-outer-spin-button,.sar-qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.sar-step,.sar-submit{background:var(--sar-accent,#2563EB);color:#FFFFFF;border:0;border-radius:6px;cursor:pointer;transition:background-color .15s ease}
.sar-step{width:2.4em;height:2.4em;font-size:1.2em;line-height:1;padding:0;font-weight:700}
.sar-step:hover,.sar-submit:hover:not([disabled]){background:var(--sar-accent-dark,#1D4ED8)}
.sar-step:focus-visible,.sar-submit:focus-visible,.sar-qty input:focus-visible{outline:2px solid var(--sar-text,#111827);outline-offset:2px}
.sar-footer{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;margin-top:18px;padding-top:18px;border-top:1px solid var(--sar-border,#D1D5DB)}
.sar-total{font-family:var(--sar-font-heading,system-ui,sans-serif);font-size:1.35em;text-transform:uppercase;color:var(--sar-text,#111827)}
.sar-submit{padding:14px 30px;font-family:var(--sar-font-heading,system-ui,sans-serif);font-size:1.1em;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.sar-submit[disabled]{opacity:.45;cursor:not-allowed}
.sar-note{font-size:.9em;color:var(--sar-muted,#6B7280);margin-top:10px}
.sar-empty{color:var(--sar-muted,#6B7280)}
.sar-thanks{margin:24px 0;padding:18px;background:var(--sar-card,#F9FAFB);border:1px solid var(--sar-border,#D1D5DB);border-radius:8px;color:var(--sar-text,#111827)}
.sar-thanks h2{font-family:var(--sar-font-heading,system-ui,sans-serif);text-transform:uppercase;margin-top:0}
.sar-thanks ul{margin:8px 0 0 1.2em}
.sar-thanks a{color:var(--sar-accent,#2563EB)}
.sar-ref{font-family:monospace;color:var(--sar-muted,#6B7280);margin-left:6px}
@media (max-width:560px){
	.sar-type{flex-direction:column;align-items:stretch}
	.sar-buy-col{flex-direction:row;justify-content:space-between;align-items:center}
	.sar-submit{width:100%}
	.sar-img{flex-basis:72px}
	.sar-img img{width:72px;height:72px}
}