/* Minimal styling - you can skin this to match your brand */
.ffrqd-wrap { max-width: 720px; margin: 24px auto; padding: 0 12px; }
.ffrqd-card { border: 1px solid #e6e6e6; border-radius: 14px; padding: 18px; background: #fff; box-shadow: 0 6px 20px rgba(0,0,0,.05); }
.ffrqd-step h3 { margin: 0 0 10px; font-size: 20px; }
.ffrqd-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ffrqd-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ffrqd-span-2 { grid-column: span 2; }
.ffrqd-choice { padding: 12px 10px; border-radius: 12px; border: 1px solid #ddd; background: #fafafa; cursor: pointer; text-align: left; font-weight: 600; }
.ffrqd-choice.is-active { border-color: #111; background: #fff; }
.ffrqd-nav { display:flex; justify-content: space-between; margin-top: 14px; }
.ffrqd-next, .ffrqd-back { padding: 10px 12px; border-radius: 12px; border: 1px solid #111; background: #111; color: #fff; cursor: pointer; }
.ffrqd-back { background: #fff; color: #111; }
.ffrqd-next[disabled] { opacity: .45; cursor: not-allowed; }
.ffrqd-step label { display:block; font-size: 13px; margin: 8px 0 6px; opacity: .8; }
.ffrqd-step input, .ffrqd-step select, .ffrqd-step textarea { width: 100%; padding: 10px 10px; border-radius: 12px; border: 1px solid #ddd; }
.ffrqd-check { display:flex; gap:10px; align-items:flex-start; padding: 10px 0; }
.ffrqd-check input { width: auto; margin-top: 3px; }
.ffrqd-consent { display:flex; gap:10px; align-items:flex-start; margin-top: 10px; }
.ffrqd-muted { margin-top: 10px; font-size: 13px; opacity: .75; }
.ffrqd-summary { border:1px solid #eee; border-radius: 12px; padding: 12px; margin-top: 8px; }
.ffrqd-line { display:flex; justify-content: space-between; align-items: baseline; padding: 6px 0; }
.ffrqd-sub { opacity:.8; font-size: 13px; }
.ffrqd-actions { display:flex; gap:10px; margin-top: 14px; flex-wrap: wrap; }
.ffrqd-pay { padding: 12px 14px; border-radius: 12px; border: 1px solid #111; background: #111; color: #fff; cursor: pointer; }
.ffrqd-enquiry { padding: 12px 14px; border-radius: 12px; border: 1px solid #111; background: #fff; color: #111; cursor: pointer; }
@media (max-width: 620px){ .ffrqd-grid, .ffrqd-grid-2 { grid-template-columns: 1fr; } .ffrqd-span-2 { grid-column: span 1; } }
