/* Free loyalty program page /p/loyalty-program-free (fr-), reworked 2026-10-31: the Free plan as a till receipt whose
   every line costs 0, beside where Free stops and what Basic and Premium add; the shelf of the seven free programs on
   the customer app's real screens; the customer's Google Wallet card with numbered pins (the app's own wallet strings
   in every language); the fast setup's three starter programs as coupons; the printed materials with paper or QR; two
   quotes from the references table. Logical properties only, so the RTL build mirrors the receipt, the pass, the pins
   and the coupons with the text. Mobile first checks at 375 px: the shelf scrolls sideways inside its own box. */

/* 1. the receipt and the plans */
.bqr-feature.fr-ledger { padding: 96px 0; }
.bqr-feature .fr-ledger-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; align-items: start; max-width: 1140px; margin: 0 auto; }
.bqr-feature .fr-ledger-stage { padding: 36px 34px; border-radius: 30px; background: linear-gradient(160deg, #f6f3fe 0%, #e2dafb 100%); }
.bqr-feature .fr-receipt-wrap { max-width: 470px; margin: 0 auto; filter: drop-shadow(0 22px 26px rgba(49,32,85,.18)); }
.bqr-feature .fr-receipt {
    --fr-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
    padding: 34px 28px 36px;
    background: #fff;
    color: var(--feature-ink);
    -webkit-mask: radial-gradient(circle 7px at 50% 0, #0000 96%, #000 100%) top / 18px 51% repeat-x, radial-gradient(circle 7px at 50% 100%, #0000 96%, #000 100%) bottom / 18px 51% repeat-x;
    mask: radial-gradient(circle 7px at 50% 0, #0000 96%, #000 100%) top / 18px 51% repeat-x, radial-gradient(circle 7px at 50% 100%, #0000 96%, #000 100%) bottom / 18px 51% repeat-x;
}
.bqr-feature .fr-receipt-head { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding-block-end: 14px; border-block-end: 2px dashed #d8d0f5; font-family: var(--fr-mono); }
.bqr-feature .fr-receipt-brand { font-size: 19px; font-weight: 700; letter-spacing: -.01em; }
.bqr-feature .fr-receipt-plan { color: var(--feature-accent); font-size: 13px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.bqr-feature .fr-receipt-cols { display: flex; justify-content: space-between; gap: 12px; margin-block: 12px 2px; color: var(--feature-muted); font-family: var(--fr-mono); font-size: 11.5px; letter-spacing: .08em; text-transform: uppercase; }
.bqr-feature .fr-receipt-lines { list-style: none; padding: 0; margin: 0; }
.bqr-feature .fr-receipt-lines li { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; gap: 12px; align-items: start; padding-block: 11px; border-block-end: 1px dotted #ddd6f5; line-height: 1.4; }
.bqr-feature .fr-receipt-lines li:last-child { border-block-end: 0; }
.bqr-feature .fr-receipt-icon { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: #f1edfd; }
.bqr-feature .fr-receipt-icon svg { width: 17px; height: 17px; stroke: var(--feature-accent); fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.bqr-feature .fr-receipt-item { min-width: 0; }
.bqr-feature .fr-receipt-item strong { display: block; font-size: 15.5px; line-height: 1.35; }
.bqr-feature .fr-receipt-item span { display: block; margin-block-start: 2px; color: var(--feature-muted); font-size: 13.5px; line-height: 1.45; }
.bqr-feature .fr-receipt-zero { padding-block-start: 1px; color: var(--feature-accent); font-family: var(--fr-mono); font-size: 16px; font-weight: 700; }
.bqr-feature .fr-receipt-total { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-block-start: 6px; padding-block-start: 14px; border-block-start: 2px dashed #d8d0f5; font-family: var(--fr-mono); }
.bqr-feature .fr-receipt-total span { font-size: 14px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.bqr-feature .fr-receipt-total strong { color: var(--feature-accent); font-size: 36px; line-height: 1; }
.bqr-feature .fr-receipt-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 16px; margin-block-start: 12px; }
.bqr-feature .fr-receipt-foot p { margin: 0; color: var(--feature-muted); font-family: var(--fr-mono); font-size: 13px; line-height: 1.5; }
.bqr-feature .fr-receipt-stamp { display: inline-block; padding: 5px 11px; border: 2.5px solid currentColor; border-radius: 8px; color: #1d8a57; font-family: var(--fr-mono); font-size: 12px; font-weight: 800; letter-spacing: .08em; line-height: 1.3; text-transform: uppercase; transform: rotate(-6deg); }

.bqr-feature .fr-ledger-side { display: grid; gap: 22px; }
.bqr-feature .fr-ledger-side h3 { margin: 0 0 14px; font-size: 20px; }
.bqr-feature .fr-stops { padding: 26px 28px; border-radius: 24px; background: #f7f6fb; box-shadow: inset 0 0 0 1px #ebe7f6; }
.bqr-feature .fr-stops ul, .bqr-feature .fr-plan ul { display: grid; gap: 10px; list-style: none; padding: 0; margin: 0; }
.bqr-feature .fr-stops li, .bqr-feature .fr-plan li { display: flex; gap: 10px; align-items: flex-start; font-size: 15px; line-height: 1.5; }
.bqr-feature .fr-stops li svg { flex: none; width: 22px; height: 22px; margin-block-start: 1px; padding: 4px; border-radius: 50%; background: #e7e3f3; stroke: var(--feature-muted); fill: none; stroke-width: 2.6; stroke-linecap: round; }
.bqr-feature .fr-stops strong { color: var(--feature-ink); }
.bqr-feature .fr-addons { display: grid; gap: 14px; }
.bqr-feature .fr-addons h3 { margin: 0; }
.bqr-feature .fr-plan { padding: 20px 22px; border-radius: 20px; background: #fff; box-shadow: 0 1px 0 rgba(37,35,55,.05), 0 16px 34px -26px rgba(49,32,85,.5), inset 0 0 0 1px #efebfa; }
.bqr-feature .fr-plan-head { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin-block-end: 12px; color: var(--feature-muted); font-size: 13.5px; font-weight: 600; }
.bqr-feature .fr-plan li { font-size: 14.5px; }
.bqr-feature .fr-plan li svg { flex: none; width: 20px; height: 20px; margin-block-start: 1px; padding: 4px; border-radius: 50%; background: #ece8fd; stroke: var(--feature-accent); fill: none; stroke-width: 2.8; stroke-linecap: round; stroke-linejoin: round; }
.bqr-feature .fr-addons-link { max-width: none; margin: 2px 0 0; font-weight: 600; }
.bqr-feature.fr-ledger .feature-actions { justify-content: center; margin-block-start: 48px; }

/* 2. the seven free programs */
.bqr-feature.fr-programs { padding: 96px 0; }
.bqr-feature .fr-prog-shelf { display: flex; flex-wrap: wrap; justify-content: center; gap: 18px; list-style: none; padding: 0; margin: 0; }
.bqr-feature .fr-prog-shelf > li { display: flex; flex: 0 1 calc((100% - 54px) / 4); min-width: 0; }
.bqr-feature .fr-prog-shelf .hub-prog-card { width: 100%; }
.bqr-feature .fr-prog-shelf .hub-prog-shot { height: 226px; }
.bqr-feature .fr-prog-shelf .hub-prog-shot img { width: 226px; }
.bqr-feature .fr-prog-role { display: block; margin-block-end: 4px; color: var(--feature-accent); font-size: 12px; font-weight: 700; letter-spacing: .06em; line-height: 1.4; text-transform: uppercase; }
.bqr-feature .fr-prog-card .fr-till { display: flex; align-items: center; gap: 8px; max-width: none; padding: 8px 11px; border-radius: 10px; background: var(--feature-soft); color: var(--feature-ink); font-size: 13.5px; font-weight: 600; line-height: 1.35; }
.bqr-feature .fr-till svg { flex: none; width: 18px; height: 18px; stroke: var(--feature-accent); fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.bqr-feature .fr-locked { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 12px 18px; max-width: 1040px; margin: 40px auto 0; padding: 18px 22px; border: 1.5px dashed #cfc6f3; border-radius: 20px; }
.bqr-feature .fr-locked-head { display: inline-flex; align-items: center; gap: 8px; max-width: none; margin: 0; font-weight: 700; line-height: 1.4; }
.bqr-feature .fr-locked-head svg { flex: none; width: 18px; height: 18px; stroke: var(--feature-muted); fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.bqr-feature .fr-locked-list { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; list-style: none; padding: 0; margin: 0; }
.bqr-feature .fr-locked-list li { display: inline-flex; align-items: center; gap: 8px; padding-block: 5px; padding-inline: 12px 6px; border-radius: 999px; background: #fff; color: var(--feature-muted); font-size: 14px; font-weight: 600; line-height: 1.4; box-shadow: inset 0 0 0 1px #e6e1f6; }
.bqr-feature .fr-locked > a { font-weight: 600; }

/* 3. the customer's card: a Google Wallet pass with numbered pins */
.bqr-feature.fr-card { padding: 96px 0; }
.bqr-feature.fr-card .geo-split { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); }
.bqr-feature .fr-pass-stage { width: 100%; max-width: 360px; margin: 0 auto; padding-inline-start: 22px; }
.bqr-feature .fr-pass { position: relative; z-index: 1; border-radius: 24px; background: #5944ad; color: #fff; box-shadow: 0 40px 70px -32px rgba(49,32,85,.65); }
.bqr-feature .fr-pass > * { position: relative; }
.bqr-feature .fr-pass-top { display: flex; align-items: center; gap: 12px; padding: 16px 18px; border-block-end: 1px solid rgba(255,255,255,.18); font-size: 15px; font-weight: 600; }
.bqr-feature .fr-pass-logo { display: grid; place-items: center; flex: none; width: 34px; height: 34px; border-radius: 50%; background: #fff; }
.bqr-feature .fr-pass-logo svg { width: 19px; height: 19px; stroke: #5944ad; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.bqr-feature .fr-pass-name { padding: 14px 18px 2px; }
.bqr-feature .fr-pass-name small { display: block; color: rgba(255,255,255,.82); font-size: 12.5px; }
.bqr-feature .fr-pass-name strong { display: block; font-size: 22px; line-height: 1.3; }
.bqr-feature .fr-pass-lines { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 10px 16px; margin: 0; padding: 12px 18px 4px; }
.bqr-feature .fr-pass-lines dt { color: rgba(255,255,255,.82); font-size: 12px; font-weight: 600; line-height: 1.4; }
.bqr-feature .fr-pass-lines dd { margin: 0; font-size: 15px; font-weight: 600; line-height: 1.4; }
.bqr-feature .fr-pass-lines div:last-child { text-align: end; }
.bqr-feature .fr-pass-qr { display: grid; justify-items: center; gap: 8px; padding: 16px 18px 18px; }
.bqr-feature .fr-pass-code { display: block; width: 132px; padding: 10px; border-radius: 14px; background: #fff; }
.bqr-feature .fr-pass-code svg { display: block; width: 100%; height: auto; }
.bqr-feature .fr-pass-qr small { color: rgba(255,255,255,.9); font-size: 13px; }
.bqr-feature .fr-pass-banner { display: grid; place-items: center; height: 104px; overflow: hidden; border-radius: 0 0 24px 24px; background: radial-gradient(circle at 20% 30%, rgba(255,255,255,.28) 0 2px, transparent 3px) 0 0 / 22px 22px, linear-gradient(135deg, #b48a64 0%, #7a5236 55%, #4b3221 100%); color: rgba(255,255,255,.92); font-size: 12.5px; font-weight: 600; letter-spacing: .04em; }
.bqr-feature .fr-pass-banner span { padding: 4px 10px; border-radius: 999px; background: rgba(0,0,0,.3); }
.bqr-feature .fr-pin { position: absolute; z-index: 2; inset-block-start: 50%; inset-inline-start: -22px; margin-block-start: -20px; }
.bqr-feature .fr-pass-back { display: flex; align-items: center; gap: 12px; margin: -22px 16px 0; padding: 36px 16px 14px; border-radius: 0 0 20px 20px; background: #ece8fd; color: var(--feature-accent); font-size: 14px; font-weight: 600; line-height: 1.4; box-shadow: 0 20px 34px -24px rgba(49,32,85,.5); }
.bqr-feature .fr-pass-back .pos-mark { flex: none; width: 32px; height: 32px; font-size: 14px; }
.bqr-feature .fr-pass-back > span:nth-child(2) { flex: 1; min-width: 0; }
.bqr-feature .fr-pass-back svg { flex: none; width: 18px; height: 18px; stroke: currentColor; fill: none; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
[dir="rtl"] .bqr-feature .fr-pass-back svg path { transform: scaleX(-1); transform-box: fill-box; transform-origin: center; }
.bqr-feature .fr-pass-stage figcaption { margin-block-start: 16px; text-align: center; }
.bqr-feature .fr-ways { display: flex; flex-wrap: wrap; gap: 10px; list-style: none; padding: 0; margin: 26px 0 0; }
.bqr-feature .fr-ways li { display: inline-flex; align-items: center; gap: 8px; padding-block: 8px; padding-inline: 10px 14px; border-radius: 999px; background: var(--feature-soft); font-size: 14.5px; font-weight: 600; line-height: 1.3; }
.bqr-feature .fr-ways svg { flex: none; width: 18px; height: 18px; stroke: var(--feature-accent); fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.bqr-feature .fr-pins { display: grid; gap: 18px; list-style: none; padding: 0; margin: 30px 0 0; }
.bqr-feature .fr-pins li { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 14px; align-items: start; }
.bqr-feature .fr-pins .pos-mark { background: var(--feature-accent); color: #fff; box-shadow: none; }
.bqr-feature .fr-pins h3 { margin: 7px 0 2px; font-size: 18px; }
.bqr-feature .fr-pins p { margin: 0; color: var(--feature-muted); font-size: 15.5px; line-height: 1.6; }
.bqr-feature .fr-card-links { display: flex; flex-wrap: wrap; gap: 8px 22px; max-width: none; margin: 26px 0 0; font-weight: 600; }

/* 4. the starter programs of the fast setup, as coupons */
.bqr-feature.fr-starter { padding: 96px 0; }
.bqr-feature .fr-path { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 44px; list-style: none; padding: 0; margin: -12px auto 44px; }
.bqr-feature .fr-path li { position: relative; display: inline-flex; align-items: center; gap: 10px; padding-block: 7px; padding-inline: 7px 16px; border-radius: 999px; background: #fff; font-size: 15px; font-weight: 600; line-height: 1.3; box-shadow: 0 12px 26px -20px rgba(49,32,85,.55); }
.bqr-feature .fr-path li + li::before { content: ""; position: absolute; inset-block-start: 50%; inset-inline-end: calc(100% + 8px); width: 28px; border-block-start: 2px dashed #b6a9f2; }
.bqr-feature .fr-path-icon { display: grid; place-items: center; flex: none; width: 32px; height: 32px; border-radius: 50%; background: var(--feature-accent); }
.bqr-feature .fr-path-icon svg { width: 17px; height: 17px; stroke: #fff; fill: none; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.bqr-feature .fr-kits { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; align-items: start; max-width: 1140px; margin: 0 auto; }
.bqr-feature .fr-kit { padding: 24px 22px 22px; border-radius: 24px; background: #fff; box-shadow: 0 1px 0 rgba(37,35,55,.05), 0 18px 38px -28px rgba(49,32,85,.5); }
.bqr-feature .fr-kit h3 { display: flex; align-items: center; gap: 12px; margin: 0 0 16px; font-size: 19px; }
.bqr-feature .fr-kit-icon { display: grid; place-items: center; flex: none; width: 42px; height: 42px; border-radius: 13px; background: var(--feature-soft); }
.bqr-feature .fr-kit-icon svg { width: 22px; height: 22px; stroke: var(--feature-accent); fill: none; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; }
.bqr-feature .fr-kit-mods { display: grid; gap: 10px; list-style: none; padding: 0; margin: 0; }
.bqr-feature .fr-mod { position: relative; display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 12px 16px; border-radius: 14px; background: #f7f5fe; box-shadow: inset 0 0 0 1px #e9e4fb; line-height: 1.35; }
.bqr-feature .fr-mod::before, .bqr-feature .fr-mod::after { content: ""; position: absolute; inset-block-start: 50%; width: 14px; height: 14px; margin-block-start: -7px; border-radius: 50%; background: #fff; }
.bqr-feature .fr-mod::before { inset-inline-start: -7px; }
.bqr-feature .fr-mod::after { inset-inline-end: -7px; }
.bqr-feature .fr-mod-icon { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: var(--feature-accent); }
.bqr-feature .fr-mod-icon svg { width: 21px; height: 21px; stroke: #fff; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.bqr-feature .fr-mod-text { min-width: 0; }
.bqr-feature .fr-mod-text small { display: block; color: var(--feature-muted); font-size: 12px; font-weight: 600; }
.bqr-feature .fr-mod-text strong { display: block; font-size: 16px; }
.bqr-feature .fr-mod-text span { display: block; color: var(--feature-muted); font-size: 13px; }
.bqr-feature.fr-starter .geo-setup-done { margin-block-start: 44px; font-size: 16px; font-weight: 500; }
.bqr-feature.fr-starter .feature-actions { justify-content: center; margin-block-start: 28px; }

/* 5. printed materials, then paper or QR */
.bqr-feature.fr-print { padding: 96px 0; }
.bqr-feature.fr-print .pm-grid { gap: 18px; }
.bqr-feature.fr-print .pm-tile { box-shadow: 0 1px 0 rgba(37,35,55,.05), 0 24px 46px -30px rgba(49,32,85,.55), inset 0 0 0 1px #efebfa; }
.bqr-feature.fr-print .pm-art { aspect-ratio: 4 / 3; }
.bqr-feature.fr-print .pm-copy { padding: 18px 20px 22px; }
.bqr-feature.fr-print .pm-copy h3 { font-size: 18px; }
.bqr-feature .fr-print-note { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 6px 12px; align-items: start; max-width: 760px; margin: 30px auto 56px; color: var(--feature-muted); font-size: 15.5px; line-height: 1.55; text-align: start; }
.bqr-feature .fr-print-note > a { grid-column: 2; justify-self: start; }
.bqr-feature .fr-print-note svg { flex: none; width: 30px; height: 30px; padding: 6px; border-radius: 50%; background: var(--feature-soft); stroke: var(--feature-accent); fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.bqr-feature .fr-print-note a { font-weight: 600; }
.bqr-feature.fr-print .geo-vs { max-width: 980px; }

/* 6. references: two complete quotes side by side */
.bqr-feature.fr-refs { padding: 96px 0; }
.bqr-feature .fr-refs-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 20px; align-items: stretch; max-width: 1080px; margin: 0 auto; }
.bqr-feature .fr-ref { display: flex; flex-direction: column; justify-content: space-between; gap: 18px; margin: 0; padding: 30px 32px; border-radius: 24px; background: #fff; box-shadow: 0 1px 0 rgba(37,35,55,.05), 0 18px 38px -28px rgba(49,32,85,.5); }
.bqr-feature .fr-ref--lead { padding: 36px 40px; color: #fff; background: radial-gradient(90% 70% at 0% 0%, rgba(140,125,238,.85), rgba(140,125,238,0) 70%), #5944ad; }
.bqr-feature .fr-ref-mark { display: block; width: 32px; height: 24px; fill: #c9c0f2; }
.bqr-feature .fr-ref--lead .fr-ref-mark { fill: rgba(255,255,255,.55); }
.bqr-feature .fr-ref blockquote { flex: 1; margin: 0; }
.bqr-feature .fr-ref blockquote p { max-width: none; margin: 0; font-size: 16.5px; line-height: 1.7; }
.bqr-feature .fr-ref--lead blockquote p { font-size: 18px; line-height: 1.65; }
.bqr-feature .fr-ref figcaption { display: flex; align-items: center; gap: 12px; margin: 0; color: var(--feature-ink); font-size: 15px; line-height: 1.4; }
.bqr-feature .fr-ref--lead figcaption { color: #fff; }
.bqr-feature .fr-ref-avatar { display: grid; place-items: center; flex: none; width: 44px; height: 44px; border-radius: 50%; background: var(--feature-accent); color: #fff; font-size: 17px; font-weight: 700; }
.bqr-feature .fr-ref--lead .fr-ref-avatar { background: #fff; color: var(--feature-accent); }
.bqr-feature .fr-ref figcaption strong { display: block; font-size: 16px; }
.bqr-feature .fr-ref figcaption small { display: block; color: var(--feature-muted); font-size: 13.5px; }
.bqr-feature .fr-ref--lead figcaption small { color: rgba(255,255,255,.86); }

/* 8. closing links (the /p/ view adds its own CTA band below) */
.bqr-feature.fr-close { padding: 8px 0 72px; }
.bqr-feature.fr-close .geo-related { justify-content: center; margin: 0; }
.bqr-feature.fr-close .geo-related ul { justify-content: center; }

@media (max-width: 1199.98px) {
    .bqr-feature .fr-prog-shelf > li { flex-basis: calc((100% - 36px) / 3); }
}
@media (max-width: 991.98px) {
    .bqr-feature.fr-ledger, .bqr-feature.fr-programs, .bqr-feature.fr-card, .bqr-feature.fr-starter, .bqr-feature.fr-print, .bqr-feature.fr-refs { padding: 72px 0; }
    .bqr-feature .fr-ledger-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; max-width: 620px; }
    .bqr-feature .fr-prog-shelf > li { flex-basis: calc((100% - 18px) / 2); }
    .bqr-feature.fr-card .geo-split { grid-template-columns: minmax(0, 1fr); gap: 48px; }
    .bqr-feature .fr-kits { grid-template-columns: minmax(0, 1fr); max-width: 560px; }
    .bqr-feature .fr-refs-grid { grid-template-columns: minmax(0, 1fr); max-width: 680px; }
}
@media (max-width: 767.98px) {
    .bqr-feature .fr-path { flex-direction: column; align-items: center; gap: 10px; }
    .bqr-feature .fr-path li + li::before { display: none; }
}
@media (max-width: 575.98px) {
    .bqr-feature .fr-ledger-stage { padding: 22px 10px; border-radius: 24px; }
    .bqr-feature .fr-receipt { padding: 28px 16px 30px; }
    .bqr-feature .fr-receipt-lines li { grid-template-columns: 26px minmax(0, 1fr) auto; gap: 10px; }
    .bqr-feature .fr-receipt-icon { width: 26px; height: 26px; border-radius: 8px; }
    .bqr-feature .fr-receipt-icon svg { width: 15px; height: 15px; }
    .bqr-feature .fr-stops { padding: 22px 18px; }
    .bqr-feature .fr-plan { padding: 18px 16px; }
    .bqr-feature .fr-prog-shelf { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: 12px; margin-inline: -12px; padding: 4px 12px 18px; }
    .bqr-feature .fr-prog-shelf > li { flex: 0 0 82%; scroll-snap-align: start; }
    .bqr-feature .fr-locked { padding: 16px 14px; }
    .bqr-feature .fr-pass-stage { max-width: 330px; }
    .bqr-feature .fr-mod { grid-template-columns: 36px minmax(0, 1fr) auto; gap: 10px; padding: 12px 14px; }
    .bqr-feature .fr-mod-icon { width: 36px; height: 36px; }
    .bqr-feature.fr-print .pm-tile { flex-direction: row; align-items: stretch; }
    .bqr-feature.fr-print .pm-art { flex: 0 0 38%; aspect-ratio: auto; min-height: 132px; }
    .bqr-feature.fr-print .pm-copy { padding: 14px 16px; gap: 4px; }
    .bqr-feature.fr-print .pm-copy h3 { margin-block-start: 4px; font-size: 17px; }
    .bqr-feature.fr-print .pm-copy p { font-size: 14px; line-height: 1.5; }
    .bqr-feature .fr-ref, .bqr-feature .fr-ref--lead { padding: 24px 22px; }
    .bqr-feature .fr-ref--lead blockquote p { font-size: 17px; }
}