/* Sell gift cards online (gc-*), /p/sell-gift-cards-online: the voucher ticket of the gift e-mail with a "1 scan" stamp,
   a stored-value card against the voucher, the business page's E-shop tab with the buyer's gifts, the money split (the
   pos-* sequence, dir="ltr"), the voucher menu by industry, the gift e-mail beside the scanner's answers and the gift's
   road to a returning customer. Logical properties throughout; the after-gift arrows are mirrored for RTL explicitly. */

/* hero: the voucher as the friend gets it */
.bqr-feature .gc-hero-visual { margin: 0; }
.bqr-feature .gc-hero-visual figcaption { margin-top: 14px; text-align: center; }
.bqr-feature .gc-stage { position: relative; display: grid; place-items: center; overflow: hidden; padding: 56px 32px 48px; border-radius: 32px; background: radial-gradient(75% 70% at 50% 35%, #fff 0%, #ebe5fd 100%); box-shadow: inset 0 0 0 1px rgba(140,125,238,.14); }
.bqr-feature .gc-stage::before { content: ""; position: absolute; inset: 6% 8% auto; aspect-ratio: 1; border-radius: 50%; background: repeating-radial-gradient(circle, rgba(140,125,238,.13) 0 1.5px, rgba(140,125,238,0) 1.5px 44px); pointer-events: none; }
.bqr-feature .gc-ticket { position: relative; display: flex; flex-direction: column; align-items: center; gap: 6px; width: min(100%, 340px); padding: 34px 28px 24px; border: 2px dashed #c9c0f2; border-radius: 22px; background: #fff; text-align: center; box-shadow: 0 40px 70px -36px rgba(49,32,85,.55); }
.bqr-feature .gc-chip { position: absolute; top: -16px; inset-inline-start: 22px; display: inline-flex; align-items: center; gap: 6px; padding-block: 5px; padding-inline: 10px 13px; border-radius: 999px; background: var(--feature-accent); color: #fff; font-size: 13px; font-weight: 700; line-height: 1.35; box-shadow: 0 10px 20px -10px rgba(49,32,85,.6); }
.bqr-feature .gc-chip svg { flex: none; width: 16px; height: 16px; }
.bqr-feature .gc-ticket-icon { display: grid; place-items: center; width: 58px; height: 58px; margin-bottom: 6px; border-radius: 16px; background: #ece8fd; color: var(--feature-accent); }
.bqr-feature .gc-ticket-icon svg { width: 32px; height: 32px; stroke-width: 1.7; }
.bqr-feature .gc-ticket-name { font-size: 25px; line-height: 1.25; }
.bqr-feature .gc-ticket-venue { color: var(--feature-muted); font-size: 14.5px; line-height: 1.5; }
.bqr-feature .gc-ticket-qr { display: block; width: 164px; margin: 12px 0 2px; }
.bqr-feature .gc-ticket-qr img { display: block; width: 100%; height: auto; }
.bqr-feature .gc-code { color: var(--feature-muted); font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 13px; letter-spacing: .02em; }
.bqr-feature .gc-stamp { position: absolute; inset-inline-end: -22px; bottom: 92px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 104px; height: 104px; border: 3px solid var(--feature-accent); border-radius: 50%; background: rgba(255,255,255,.9); color: var(--feature-accent); text-align: center; transform: rotate(-14deg); box-shadow: inset 0 0 0 4px #fff, inset 0 0 0 6px rgba(89,68,173,.55), 0 14px 26px -16px rgba(49,32,85,.6); }
.bqr-feature .gc-stamp b { font-size: 22px; line-height: 1.05; }
.bqr-feature .gc-stamp small { max-width: 78px; margin-top: 4px; font-size: 10.5px; font-weight: 700; line-height: 1.2; letter-spacing: .04em; text-transform: uppercase; }

/* compare: a stored-value card against the voucher */
.bqr-feature .gc-vs-art { display: flex; align-items: center; min-height: 206px; margin-block-end: 22px; }
.bqr-feature .gc-card-art { position: relative; display: flex; flex-direction: column; justify-content: space-between; gap: 10px; width: min(100%, 300px); aspect-ratio: 1.586; padding: 18px 20px; border-radius: 16px; color: #fff; background: linear-gradient(135deg, #a3a1ae 0%, #6f6c7d 100%); box-shadow: 0 24px 40px -24px rgba(37,35,55,.55); }
.bqr-feature .gc-card-art::after { content: ""; position: absolute; inset: 0; border-radius: inherit; background: radial-gradient(80% 60% at 100% 0%, rgba(255,255,255,.3), rgba(255,255,255,0) 60%); pointer-events: none; }
.bqr-feature .gc-card-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.bqr-feature .gc-card-chip { flex: none; width: 38px; height: 28px; border-radius: 6px; background: linear-gradient(135deg, #ece3bf, #b8a86f); }
.bqr-feature .gc-card-name { font-size: 12.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.bqr-feature .gc-card-balance { display: flex; flex-direction: column; gap: 2px; font-size: 12px; line-height: 1.3; }
.bqr-feature .gc-card-balance b { font-size: 22px; line-height: 1.2; }
.bqr-feature .gc-card-bar { display: block; height: 8px; overflow: hidden; border-radius: 99px; background: rgba(255,255,255,.3); }
.bqr-feature .gc-card-bar i { display: block; width: 65%; height: 100%; border-radius: inherit; background: #fff; }
.bqr-feature .gc-card-topup { position: absolute; z-index: 1; top: -14px; inset-inline-end: -12px; display: inline-flex; align-items: center; gap: 6px; padding-block: 6px; padding-inline: 8px 12px; border-radius: 999px; background: #fff; color: #625f71; font-size: 13px; font-weight: 700; line-height: 1.3; box-shadow: 0 10px 22px -10px rgba(37,35,55,.45); }
.bqr-feature .gc-card-topup svg { flex: none; width: 16px; height: 16px; }
.bqr-feature .gc-vs-card h3, .bqr-feature .gc-vs-card dd { color: #4a4757; }
.bqr-feature .gc-mini { display: grid; grid-template-columns: 50px minmax(0, 1fr); gap: 6px 14px; align-items: center; width: min(100%, 320px); padding: 18px; border: 2px dashed rgba(255,255,255,.6); border-radius: 18px; background: rgba(255,255,255,.12); }
.bqr-feature .gc-mini-icon { display: grid; grid-row: 1 / 3; place-items: center; width: 50px; height: 50px; border-radius: 14px; background: #fff; color: var(--feature-accent); }
.bqr-feature .gc-mini-icon svg { width: 28px; height: 28px; stroke-width: 1.8; }
.bqr-feature .gc-mini-text { display: flex; flex-direction: column; min-width: 0; line-height: 1.3; }
.bqr-feature .gc-mini-text b { font-size: 18px; }
.bqr-feature .gc-mini-text small { color: rgba(255,255,255,.82); font-size: 13px; }
.bqr-feature .gc-mini-scan { grid-column: 2; justify-self: start; display: inline-flex; align-items: center; gap: 6px; padding-block: 4px; padding-inline: 7px 11px; border-radius: 999px; background: #fff; color: var(--feature-accent); font-size: 12.5px; font-weight: 700; line-height: 1.4; }
.bqr-feature .gc-mini-scan svg { flex: none; width: 15px; height: 15px; stroke-width: 2.6; }
.bqr-feature .gc-note { display: flex; align-items: center; justify-content: center; gap: 12px; max-width: 820px; margin: 48px auto 0; font-size: 16.5px; font-weight: 500; line-height: 1.55; text-align: start; }
.bqr-feature .gc-note svg { flex: none; width: 36px; height: 36px; padding: 8px; border-radius: 50%; background: #fff; color: var(--feature-accent); box-shadow: 0 10px 22px -14px rgba(49,32,85,.5); }
.bqr-feature .gc-note a { font-weight: 600; }

/* storefront: the business page's E-shop tab, flat (no phone) */
.bqr-feature.gc-shop-band { padding: 104px 0; }
.bqr-feature .gc-more { margin: 18px 0 0; font-weight: 600; }
.bqr-feature .gc-shop { width: 100%; max-width: 440px; margin-inline: auto; overflow: hidden; border-radius: 26px; background: #fff; box-shadow: 0 50px 90px -40px rgba(49,32,85,.55), 0 0 0 1px rgba(140,125,238,.14); }
.bqr-feature .gc-shop-url { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 16px; background: #f3f1f9; color: #625f71; font-size: 13px; font-weight: 600; line-height: 1.3; }
.bqr-feature .gc-shop-url svg { flex: none; width: 14px; height: 14px; }
.bqr-feature .gc-shop-cover { display: flex; align-items: flex-end; min-height: 96px; padding: 16px 20px; color: #fff; background: radial-gradient(90% 140% at 0% 0%, rgba(169,156,243,.95), rgba(169,156,243,0) 70%), #3b2d7a; }
.bqr-feature .gc-shop-cover b { font-size: 21px; line-height: 1.2; }
.bqr-feature .gc-shop-tabs { display: flex; gap: 4px; overflow: hidden; padding: 6px 12px 0; border-bottom: 1px solid #efebfa; }
.bqr-feature .gc-shop-tabs span { flex: none; padding: 9px 9px 10px; border-bottom: 2px solid transparent; color: #625f71; font-size: 14px; font-weight: 600; line-height: 1.3; }
.bqr-feature .gc-shop-tabs .gc-on { border-bottom-color: var(--feature-accent); color: var(--feature-accent); }
.bqr-feature .gc-shop-items { display: grid; gap: 12px; list-style: none; margin: 0; padding: 16px 14px 4px; }
.bqr-feature .gc-item { display: grid; grid-template-columns: 84px minmax(0, 1fr); gap: 14px; align-items: start; padding: 12px; border-radius: 18px; background: #fff; box-shadow: 0 0 0 1px #efebfa, 0 12px 24px -20px rgba(49,32,85,.45); }
.bqr-feature .gc-item--plain { grid-template-columns: minmax(0, 1fr); }
.bqr-feature .gc-item-img { display: block; aspect-ratio: 1; overflow: hidden; border-radius: 14px; }
.bqr-feature .gc-item-img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.bqr-feature .gc-item-body { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; min-width: 0; line-height: 1.35; }
.bqr-feature .gc-item-chip { display: inline-flex; align-items: center; gap: 5px; padding-block: 2px; padding-inline: 7px 9px; border-radius: 999px; background: #ece8fd; color: var(--feature-accent); font-size: 12px; font-weight: 700; }
.bqr-feature .gc-item-chip svg, .bqr-feature .gc-item-buy svg, .bqr-feature .gc-gift-btn svg { flex: none; width: 14px; height: 14px; }
.bqr-feature .gc-item-body b { font-size: 16px; }
.bqr-feature .gc-item-desc { color: var(--feature-muted); font-size: 13px; line-height: 1.45; }
.bqr-feature .gc-item-price { font-size: 14px; font-weight: 700; }
.bqr-feature .gc-item-buy { display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; padding: 6px 12px; border-radius: 10px; background: var(--feature-accent); color: #fff; font-size: 13px; font-weight: 600; }
.bqr-feature .gc-gifts { padding: 12px 14px 18px; }
.bqr-feature .gc-gifts-title { display: block; margin: 4px 4px 10px; font-size: 15px; font-weight: 700; }
.bqr-feature .gc-gifts ul { display: grid; gap: 8px; list-style: none; margin: 0; padding: 0; }
.bqr-feature .gc-gifts li { display: grid; grid-template-columns: 20px minmax(0, 1fr) auto; gap: 10px; align-items: center; padding: 10px 12px; border-radius: 14px; background: #f7f5fd; line-height: 1.4; }
.bqr-feature .gc-gifts li > svg { width: 20px; height: 20px; color: var(--feature-accent); }
.bqr-feature .gc-gift-text { min-width: 0; }
.bqr-feature .gc-gift-text b { display: block; font-size: 14px; }
.bqr-feature .gc-gift-text small { display: block; color: var(--feature-muted); font-size: 12.5px; overflow-wrap: anywhere; }
.bqr-feature .gc-gift-btn { display: inline-flex; align-items: center; gap: 5px; padding: 5px 10px; border-radius: 9px; background: #fff; font-size: 12px; font-weight: 600; white-space: nowrap; box-shadow: inset 0 0 0 1px #ddd5fa; }
.bqr-feature .gc-gift-btn--send { background: var(--feature-accent); color: #fff; box-shadow: none; }

/* money: the pos-* sequence with a second note under the business's lane */
@media (min-width: 768px) {
    .bqr-feature .gc-msg--c { grid-column: 3 / 4; }
}
.bqr-feature.gc-money .pos-msg-text code { font-size: 13px; }
.bqr-feature.gc-money .geo-setup-done { margin-top: 28px; font-size: 16px; font-weight: 500; }

/* voucher menu by industry */
.bqr-feature.gc-menu { padding: 104px 0; }
@media (min-width: 992px) {
    .bqr-feature .gc-menu-head { grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); }
}
.bqr-feature .gc-boards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; list-style: none; margin: 64px 0 0; padding: 0; }
.bqr-feature .gc-board { padding: 22px 22px 14px; border-radius: 22px; background: #fff; box-shadow: 0 0 0 1px #ece8fb, 0 18px 36px -28px rgba(49,32,85,.5); }
.bqr-feature .gc-board-head { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
.bqr-feature .gc-board-icon { display: grid; flex: none; place-items: center; width: 44px; height: 44px; border-radius: 13px; background: var(--feature-soft); color: var(--feature-accent); }
.bqr-feature .gc-board-icon svg { width: 24px; height: 24px; stroke-width: 1.8; }
.bqr-feature .gc-board h3 { margin: 0; font-size: 18px; line-height: 1.3; }
.bqr-feature .gc-board h3 a:not(.btn) { color: var(--feature-ink); text-decoration-color: #c9c0f2; }
.bqr-feature .gc-board h3 a:not(.btn):hover { color: var(--feature-accent); }
.bqr-feature .gc-board-list { list-style: none; margin: 0; padding: 0; }
.bqr-feature .gc-board-list li { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0; border-top: 1px dashed #e2dcf8; font-size: 15px; font-weight: 500; line-height: 1.45; }
.bqr-feature .gc-level { display: inline-flex; flex: none; gap: 3px; }
.bqr-feature .gc-level i { width: 7px; height: 7px; border-radius: 50%; background: #ddd6f7; }
.bqr-feature .gc-level--1 i:nth-child(-n+1), .bqr-feature .gc-level--2 i:nth-child(-n+2), .bqr-feature .gc-level--3 i { background: var(--feature-accent); }
.bqr-feature .gc-misfit { display: grid; grid-template-columns: minmax(0, .75fr) minmax(0, 2.25fr); gap: 20px 40px; align-items: start; margin-top: 40px; padding: 28px 32px; border-radius: 24px; background: var(--feature-soft); }
.bqr-feature .gc-misfit h3 { display: flex; align-items: center; gap: 10px; margin: 0; font-size: 19px; }
.bqr-feature .gc-misfit h3 svg { flex: none; width: 32px; height: 32px; padding: 7px; border-radius: 50%; background: #fff; color: #b4234b; stroke-width: 2.4; }
.bqr-feature .gc-misfit ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px 28px; list-style: none; margin: 0; padding: 0; }
.bqr-feature .gc-misfit li { display: flex; flex-direction: column; gap: 4px; font-size: 14.5px; line-height: 1.5; }
.bqr-feature .gc-misfit s { color: #7b778a; font-weight: 600; text-decoration-color: #c2415f; text-decoration-thickness: 2px; }

/* redeem: the gift e-mail beside the scanner's answers */
.bqr-feature.gc-redeem { padding: 104px 0; }
.bqr-feature .gc-redeem-grid { display: grid; grid-template-columns: minmax(0, 460px) minmax(0, 1fr); gap: 64px; align-items: start; max-width: 1080px; margin: 0 auto; }
.bqr-feature .gc-mail-fig { margin: 0; }
.bqr-feature .gc-mail-fig figcaption { text-align: center; }
.bqr-feature.gc-redeem .vc-mail { transform: none; }
.bqr-feature .gc-mail-code { grid-column: 1 / -1; margin-top: 6px; font-size: 12px; text-align: end; }
.bqr-feature .gc-scans h3 { margin-bottom: 20px; font-size: 22px; }
.bqr-feature .gc-scan { display: grid; gap: 6px; margin-block-end: 16px; }
.bqr-feature .gc-scan-when { color: var(--feature-muted); font-size: 12.5px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; }
.bqr-feature .gc-toast { border-inline-start: 4px solid #d98a00; }
.bqr-feature .gc-toast .geo-toast-icon svg { stroke-width: 2.4; }
.bqr-feature .gc-toast--ok .geo-toast-icon { background: #d98a00; }
.bqr-feature .gc-toast--no { border-inline-start-color: #c8323f; }
.bqr-feature .gc-toast--no .geo-toast-icon { background: #c8323f; }
.bqr-feature .gc-scans .geo-checks { margin-top: 30px; }

/* after the gift: three cards joined by arrows */
.bqr-feature.gc-after { padding: 104px 0; }
.bqr-feature .gc-after-flow { display: grid; grid-template-columns: minmax(0, 1fr) 36px minmax(0, 1fr) 36px minmax(0, 1fr); gap: 16px; align-items: start; max-width: 1080px; margin: 0 auto; }
.bqr-feature .gc-after-card { text-align: center; }
.bqr-feature .gc-after-card h3 { font-size: 20px; }
.bqr-feature .gc-after-card p { max-width: 34ch; margin: 0 auto; color: var(--feature-muted); font-size: 15.5px; }
.bqr-feature .gc-after-art { display: grid; place-items: center; height: 150px; margin-block-end: 22px; padding: 16px; border-radius: 24px; background: linear-gradient(160deg, #f7f4fe 0%, #e9e2fc 100%); }
.bqr-feature .gc-after-arrow { display: grid; place-items: center; height: 150px; color: #a99cf3; }
.bqr-feature .gc-after-arrow svg { width: 30px; height: 30px; stroke-width: 2.2; }
[dir="rtl"] .bqr-feature .gc-after-arrow svg { transform: scaleX(-1); }
.bqr-feature .gc-coupon { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 2px 12px; align-items: center; width: 100%; max-width: 250px; padding: 14px 16px; border-radius: 16px; background: #fff; text-align: start; box-shadow: 0 16px 30px -20px rgba(49,32,85,.5); }
.bqr-feature .gc-coupon-icon { display: grid; grid-row: 1 / 3; place-items: center; width: 44px; height: 44px; border-radius: 12px; background: var(--feature-accent); color: #fff; }
.bqr-feature .gc-coupon-icon svg { width: 24px; height: 24px; }
.bqr-feature .gc-coupon b { font-size: 15.5px; line-height: 1.3; }
.bqr-feature .gc-coupon small { color: var(--feature-muted); font-size: 12.5px; line-height: 1.3; }
.bqr-feature .gc-newcust { display: flex; align-items: center; gap: 12px; max-width: 250px; padding-block: 14px; padding-inline: 14px 18px; border-radius: 16px; background: #fff; text-align: start; box-shadow: 0 16px 30px -20px rgba(49,32,85,.5); }
.bqr-feature .gc-newcust-icon { display: grid; flex: none; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: #e3f5ec; color: #1d8a57; }
.bqr-feature .gc-newcust-icon svg { width: 24px; height: 24px; }
.bqr-feature .gc-newcust b { display: block; font-size: 15.5px; line-height: 1.3; }
.bqr-feature .gc-newcust small { display: block; color: var(--feature-muted); font-size: 12.5px; line-height: 1.3; }
.bqr-feature .gc-stamps { display: grid; gap: 8px; padding: 14px 16px 16px; border-radius: 16px; background: #fff; box-shadow: 0 16px 30px -20px rgba(49,32,85,.5); }
.bqr-feature .gc-stamps small { color: var(--feature-muted); font-size: 12.5px; font-weight: 600; text-align: start; }
.bqr-feature .gc-stamps-row { display: grid; grid-template-columns: repeat(5, 28px); gap: 8px; }
.bqr-feature .gc-stamps-row i { width: 28px; height: 28px; border: 2px solid #ddd6f7; border-radius: 50%; }
.bqr-feature .gc-stamps-row:first-of-type i:first-child { border-style: dashed; border-color: var(--feature-accent); background: #f1edfd; }
.bqr-feature.gc-after .geo-setup-done { margin-top: 48px; font-size: 16px; font-weight: 500; }
.bqr-feature .gc-links { justify-content: center; margin: 28px 0 0; }
.bqr-feature .gc-links p { margin: 0; font-weight: 600; }

/* before you start, and the closing related links */
.bqr-feature.gc-start { padding: 104px 0; }
.bqr-feature.gc-close { padding: 8px 0 72px; }
.bqr-feature.gc-close .geo-related { margin-block-end: 0; }

@media (max-width: 1199.98px) {
    .bqr-feature .gc-boards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 991.98px) {
    .bqr-feature.gc-shop-band, .bqr-feature.gc-menu, .bqr-feature.gc-redeem, .bqr-feature.gc-after, .bqr-feature.gc-start { padding: 72px 0; }
    .bqr-feature .gc-hero-visual { max-width: 560px; }
    .bqr-feature .gc-redeem-grid { grid-template-columns: minmax(0, 1fr); gap: 48px; max-width: 560px; }
    .bqr-feature .gc-misfit { grid-template-columns: minmax(0, 1fr); }
    .bqr-feature .gc-after-flow { grid-template-columns: minmax(0, 1fr); gap: 8px; max-width: 420px; }
    .bqr-feature .gc-after-arrow { height: 40px; transform: rotate(90deg); }
}
@media (max-width: 767.98px) {
    .bqr-feature .gc-misfit ul { grid-template-columns: minmax(0, 1fr); }
    .bqr-feature .gc-vs-art { min-height: 0; }
}
@media (max-width: 575.98px) {
    .bqr-feature .gc-stage { padding: 44px 16px 32px; border-radius: 26px; }
    .bqr-feature .gc-ticket { padding: 30px 18px 20px; }
    .bqr-feature .gc-ticket-name { font-size: 22px; }
    .bqr-feature .gc-stamp { inset-inline-end: -8px; bottom: 84px; width: 86px; height: 86px; }
    .bqr-feature .gc-stamp b { font-size: 19px; }
    .bqr-feature .gc-stamp small { font-size: 9.5px; }
    .bqr-feature .gc-card-topup { inset-inline-end: -6px; }
    .bqr-feature .gc-boards { grid-template-columns: minmax(0, 1fr); }
    .bqr-feature .gc-misfit { padding: 22px 20px; }
    .bqr-feature .gc-item { grid-template-columns: 68px minmax(0, 1fr); gap: 12px; }
    .bqr-feature .gc-item--plain { grid-template-columns: minmax(0, 1fr); }
    .bqr-feature .gc-note { font-size: 15.5px; }
}