/* A personal card, seen from the merchant side of the payment. */
.payment-scene{--scene-text:#f4eefb;--scene-muted:#c0b2cd;--scene-line:#5c496e;position:relative;min-width:0;min-height:632px;display:flex;flex-direction:column;isolation:isolate;overflow:hidden;border-radius:9px;background:#272130;color:var(--scene-text);text-align:left}
.payment-scene:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 16% 31%,#72568145,transparent 58%),radial-gradient(ellipse at 97% 71%,#63558138,transparent 55%)}
.payment-scene-top{padding:25px 26px 0;display:flex;align-items:center;justify-content:space-between;gap:16px;position:relative;z-index:6}.payment-scene-top>.micro{color:#d4c5e2;font-size:0.875rem;font-weight:400;letter-spacing:.12em}.payment-motion{display:none;align-items:center;gap:7px;padding:5px 0 5px 8px;color:#c8bad5;border:0;background:transparent;line-height:1;font-size:0.875rem;min-height:30px}.js .payment-motion[data-enhancement]{display:flex}.motion-icon{display:inline-grid;place-items:center;width:12px;height:13px;font-size:0.875rem}.payment-motion:hover{color:white}.payment-scene button:focus-visible{outline-color:#d7c1ff}.payment-stage{position:relative;height:427px;flex:1 0 427px;min-width:0;perspective:1100px}.payment-orbit{position:absolute;border:1px solid #a888c126;border-radius:50%;pointer-events:none;width:115%;height:71%;left:-10%;top:9%;transform:rotate(-28deg)}.orbit-two{width:88%;height:62%;left:14%;top:23%;transform:rotate(-28deg);border-style:dashed;border-color:#a888c11f}.card-position{position:absolute;left:10%;top:42px;width:76%;z-index:3;perspective:1200px}.card-tilt{position:relative;transform:translateY(var(--card-lift,0px)) rotateX(var(--card-rx,5deg)) rotateY(var(--card-ry,-13deg)) rotateZ(-9deg);transform-style:preserve-3d;transition:transform .45s cubic-bezier(.2,.65,.3,1);will-change:transform}.personal-card{width:100%;aspect-ratio:1.586;border:0;padding:0;display:block;position:relative;background:transparent;color:#f6f0ff;font:inherit;text-align:left;border-radius:15px;cursor:pointer;transform-style:preserve-3d;outline-offset:8px}.card-rotator{position:absolute;inset:0;display:block;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.22,.65,.25,1)}.personal-card[aria-pressed=true] .card-rotator{transform:rotateY(180deg)}.card-face{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;border-radius:15px;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid #d5b4f45e;box-shadow:0 1px 0 #f1d7ff40 inset,0 -1px 0 #0000004a inset,0 25px 55px #0906116e;transform:translateZ(.1px)}
.card-face-front{padding:6.5% 7%;background:radial-gradient(ellipse at 4% 0%,#766080 0,transparent 58%),linear-gradient(125deg,#3c3146 4%,#24202d 58%,#59456b 100%)}.card-face-front:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(115deg,transparent 5%,#ffe6ff16 25%,transparent 45%,#ffe6ff09 65%,transparent 85%);background-size:200% 200%;background-position:var(--card-shine,35%) 50%;transition:background-position .5s}.card-guilloche{position:absolute;inset:0;pointer-events:none;background:repeating-radial-gradient(ellipse at 118% 0%,transparent 0px,transparent 14px,#d7b7f20e 15px,transparent 16px,transparent 29px);opacity:.9}.personal-card-top,.card-chip-row,.personal-card-number,.personal-card-foot{position:relative;z-index:1}.personal-card-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.personal-card-brand{font-size:clamp(0.9375rem,1.5vw,1.3125rem);font-weight:600;letter-spacing:-.025em;line-height:1}.personal-card-brand>span{font-size:0.875rem;vertical-align:top;margin-left:2px}.card-edition{font-size:clamp(0.75rem,.58vw,0.75rem);letter-spacing:.15em;color:#d0bedb;line-height:1.5}.card-chip-row{display:flex;align-items:center;gap:14px;margin-top:auto;margin-bottom:6%}.payment-chip{width:12%;height:auto;min-width:31px}.card-contactless{width:7%;height:auto;min-width:20px;color:#dcc4eb;opacity:.75}.personal-card-number{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.1em;font-size:clamp(0.875rem,1.25vw,1.0625rem);white-space:nowrap;color:#f0e8f6;text-shadow:0 1px 1px #0009;line-height:1.3;margin-bottom:6%}.personal-card-foot{display:flex;justify-content:space-between;align-items:end;gap:15px}.personal-card-holder{display:flex;flex-direction:column;gap:5px}.personal-card-holder>span{font-size:0.75rem;letter-spacing:.17em;text-transform:uppercase;color:#bdaacb;line-height:1}.personal-card-holder strong{font-size:clamp(0.875rem,.88vw,0.875rem);letter-spacing:.085em;text-transform:uppercase;line-height:1.25;font-weight:400}.personal-card-monogram{font-size:2.25rem;line-height:.8;letter-spacing:-.095em;font-weight:600;color:#d3b1ef;padding-right:3px}.card-face-back{transform:rotateY(180deg) translateZ(.1px);padding:6% 7%;background:radial-gradient(ellipse at 90% 20%,#66517455,transparent 70%),linear-gradient(135deg,#292330,#47354f);gap:6%}.card-back-top{display:flex;justify-content:space-between;align-items:center;font-size:clamp(0.75rem,.55vw,0.75rem);letter-spacing:.1em;text-transform:uppercase;color:#ccb6db}.card-back-star{font-size:1.25rem;line-height:1;color:#dbc3ef}.card-principle{font-size:clamp(1.125rem,1.8vw,1.6875rem);line-height:1.03;letter-spacing:-.035em;font-weight:600}.card-principle em{color:#d2acec;letter-spacing:-.03em}.card-principle.second{margin-left:25%;font-size:clamp(1.0625rem,1.6vw,1.5rem)}.card-back-foot{font-size:clamp(0.75rem,.6vw,0.75rem);letter-spacing:.035em;color:#c0aacc;margin-top:auto}.card-instruction{display:flex;align-items:center;gap:7px;margin-left:5%;margin-top:20px;transform:rotate(-9deg);font-size:0.875rem;line-height:1.4;letter-spacing:.02em;color:#bca9ce;pointer-events:none}.card-instruction>span{font-size:0.875rem}.merchant-panel{position:absolute;right:6%;bottom:17px;z-index:4;width:51%;max-width:300px;border:1px solid #eee5f7cc;border-radius:10px;padding:16px 17px 14px;background:#fcfafef5;color:#302939;box-shadow:0 18px 40px #11091f3b,0 1px 0 #fff inset;transform:rotate(3deg);transition:border-color .4s,box-shadow .4s,transform .6s}.merchant-panel-head{display:flex;align-items:center;gap:9px;padding-bottom:13px;border-bottom:1px solid #e6e0eb}.merchant-bag{display:grid;place-items:center;width:29px;height:31px;border-radius:7px;background:#eae1f4;color:#72588c;flex-shrink:0}.merchant-bag svg{width:17px;height:17px;stroke:currentColor;stroke-width:1.4}.merchant-panel-head>span:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0}.merchant-panel-head strong{font-size:0.875rem;line-height:1.25;font-weight:600;letter-spacing:-.01em}.merchant-panel-head>span:nth-child(2)>span{font-size:0.875rem;line-height:1.4;color:#817287;white-space:nowrap}.checkout-lock{width:10px;margin-left:auto;color:#998b9f;flex-shrink:0}.checkout-lock svg{width:10px;stroke:currentColor;stroke-width:1.3}.merchant-amount{position:relative;display:flex;flex-direction:column;gap:4px;padding:13px 0 12px}.merchant-amount>span:first-child{font-size:0.875rem;color:#87798f;letter-spacing:.03em}.merchant-amount>strong{font-size:2rem;font-weight:400;line-height:1;letter-spacing:-.06em}.merchant-amount>strong>span{font-size:.78em;color:#6e6078}.merchant-currency{position:absolute;bottom:15px;right:0;font-size:0.875rem;letter-spacing:.1em;color:#897990}.merchant-payment-status{display:flex;align-items:center;gap:7px;border-radius:5px;background:#e9e1f2;min-height:29px;padding:7px 9px;color:#745a8d;transition:background .4s,color .4s}.payment-status-icon{width:12px;height:12px;display:grid;place-items:center;flex-shrink:0}.payment-check{display:none;stroke:currentColor;stroke-width:2;width:14px;height:14px}.payment-spinner{display:block;width:10px;height:10px;border-radius:50%;border:1.5px solid currentColor;border-right-color:transparent;animation:payment-spin 1s linear infinite}.payment-status-copy{font-size:0.875rem;font-weight:600;letter-spacing:.01em}.status-response{margin-left:auto;font-size:0.875rem;opacity:0}.checkout-spark{position:absolute;font-size:1.5rem;font-weight:400;color:#b395c8;pointer-events:none;transition:opacity .5s,transform .5s}.spark-one{right:8%;top:53%;font-size:1.5rem;opacity:.5}.spark-two{left:12%;bottom:30px;font-size:1.1875rem;opacity:.6}.payment-flow{margin:8px 26px 0;padding-top:12px;position:relative}.payment-flow-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;position:relative}.payment-flow-steps:before{content:"";position:absolute;height:1px;top:5px;left:12.5%;right:12.5%;background:var(--scene-line)}.payment-node{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;font-size:0.875rem;line-height:1.3;color:#b7a5c6;transition:color .4s}.payment-node>i{display:block;width:10px;height:10px;border:1px solid #9b81ad;border-radius:50%;background:#302737;box-shadow:0 0 0 5px #272130;transition:background .4s,box-shadow .4s,border-color .4s}.payment-node.is-complete>i{background:#bda0d1;border-color:#bda0d1}.payment-node.is-active{color:white}.payment-node.is-active>i{background:#e9d4fa;border-color:#e9d4fa;box-shadow:0 0 0 5px #3f304b,0 0 15px #d9b3ff52}.payment-flow-label{margin-top:16px;text-align:center;font-size:0.875rem;letter-spacing:.015em;color:#b9a7c6;min-height:13px;line-height:1.5}.flow-direction{color:#d9c2e9;margin-right:6px;font-size:0.875rem}.payment-scene-bottom{margin:20px 26px 24px;border-top:1px solid #84629545;padding-top:17px;display:flex;align-items:end;justify-content:space-between;gap:15px;font-size:0.875rem;line-height:1.5;color:#bca7cb}.payment-scene-bottom strong{color:#eadcf4;font-weight:400}.payment-illustration-label{font-size:0.875rem;letter-spacing:.025em;text-align:right;color:#b6a1c5;max-width:90px}
.payment-scene[data-payment-step=merchant] .card-tilt{--card-lift:5px}.payment-scene[data-payment-step=issuer] .merchant-panel{box-shadow:0 18px 40px #11091f3b,0 0 0 3px #b998db17}.payment-scene[data-payment-step=approved] .merchant-payment-status{background:#e4efe4;color:#397147}.payment-scene[data-payment-step=approved] .payment-spinner{display:none}.payment-scene[data-payment-step=approved] .payment-check{display:block}.payment-scene[data-payment-step=approved] .status-response{opacity:.65}.payment-scene[data-payment-step=approved] .merchant-panel{border-color:#cbe2ce;transform:rotate(1deg)}.payment-scene[data-payment-step=approved] .spark-one{opacity:1;transform:rotate(25deg) scale(1.1)}.payment-scene[data-payment-step=approved] .payment-node>i{background:#bda0d1}.payment-scene[data-motion=paused] *, .payment-scene[data-motion=paused] *:before,.payment-scene[data-motion=paused] *:after{animation-play-state:paused!important}
@keyframes payment-spin{to{transform:rotate(360deg)}}
/* Official company marks. Asset geometry is retained; colours are not filtered. */
.experience-strip .wordmarks{gap:28px}.company-logo{display:flex;align-items:center;justify-content:center;min-width:0;min-height:42px}.company-logo img{display:block;max-width:100%;object-fit:contain;object-position:center;transition:opacity .2s}.company-logo:hover img{opacity:.75}.company-logo .logo-enfuce{width:116px;height:auto}.company-logo .logo-apexx{width:150px;height:34px}.company-logo .logo-worldpay{width:124px;height:32px}.company-logo .logo-fis{width:42px;height:22px}.company-logo .logo-booking{width:143px;height:29px}.company-logo-worldpay{display:flex;gap:12px}.logo-divider{width:1px;height:21px;background:var(--line);flex-shrink:0}.logo-for-dark{display:none!important}:root[data-theme=dark] .logo-for-light{display:none!important}:root[data-theme=dark] .logo-for-dark{display:block!important}.stripe-logo{width:90px;height:auto;display:block}.stripe-logo-light{display:block}:root[data-theme=dark] .stripe-logo-light{display:none}:root[data-theme=dark] .stripe-logo-dark{display:block}.stripe-logo-dark{display:none}
@media(min-width:1500px){.payment-scene{min-height:660px}.payment-stage{height:450px;flex-basis:450px}}
@media(max-width:1100px){.payment-scene{min-height:590px}.payment-stage{height:386px;flex-basis:386px}.card-position{left:9%;width:79%;top:40px}.card-instruction{margin-top:17px;font-size:0.875rem}.merchant-panel{width:56%;padding:14px;bottom:16px;right:6%}.merchant-panel-head{gap:7px}.merchant-panel-head>span:nth-child(2)>span{font-size:0.875rem}.personal-card-monogram{font-size:1.875rem}.payment-scene-top{padding-inline:22px}.payment-scene-bottom,.payment-flow{margin-inline:22px}.experience-strip .wordmarks{gap:24px}.company-logo .logo-enfuce{width:103px}.company-logo .logo-apexx{width:130px;height:30px}.company-logo .logo-worldpay{width:108px;height:27px}.company-logo .logo-fis{width:35px;height:19px}.company-logo .logo-booking{width:129px;height:27px}.company-logo-worldpay{gap:9px}}
@media(max-width:800px){.payment-scene{min-height:570px}.payment-scene-top{padding:20px 17px 0}.payment-scene-top>.micro{font-size:0.875rem;max-width:145px}.payment-motion{font-size:0.875rem}.payment-stage{height:365px;flex-basis:365px}.card-position{top:42px;left:7%;width:86%}.card-face{border-radius:11px}.personal-card{border-radius:11px}.card-edition{font-size:0.75rem}.personal-card-brand{font-size:0.9375rem}.card-chip-row{gap:10px}.personal-card-number{font-size:0.875rem;letter-spacing:.06em}.personal-card-holder strong{font-size:0.875rem}.personal-card-holder>span{font-size:0.75rem}.personal-card-monogram{font-size:1.6875rem}.card-face-back{gap:5%}.card-principle{font-size:1.1875rem}.card-principle.second{font-size:1.125rem}.card-back-top{font-size:0.75rem}.card-back-foot{font-size:0.75rem}.card-instruction{font-size:0.875rem}.merchant-panel{width:66%;right:7%;padding:12px;bottom:9px}.merchant-panel-head strong{font-size:0.875rem}.merchant-panel-head>span:nth-child(2)>span{font-size:0.875rem}.merchant-bag{width:23px;height:27px}.merchant-panel-head{gap:7px;padding-bottom:10px}.merchant-amount{padding-block:11px}.merchant-amount>strong{font-size:1.8125rem}.merchant-payment-status{padding:6px 8px;min-height:27px}.payment-status-copy{font-size:0.875rem}.payment-flow,.payment-scene-bottom{margin-inline:18px}.payment-scene-bottom{margin-bottom:21px;padding-top:14px;font-size:0.875rem}.payment-node{font-size:0.875rem}.payment-flow-label{font-size:0.875rem}.payment-illustration-label{font-size:0.875rem}.checkout-spark.spark-one{right:7%;top:48%;font-size:1.25rem}.company-logo .logo-enfuce{width:110px}.company-logo .logo-apexx{width:140px}.company-logo .logo-worldpay{width:108px}.company-logo .logo-booking{width:130px}}
@media(max-width:620px){.payment-scene{min-height:0;display:flex}.payment-scene-top{padding:21px 22px 0}.payment-scene-top>.micro{font-size:0.875rem;max-width:none}.payment-motion{font-size:0.875rem;min-height:35px}.payment-stage{height:368px;flex:0 0 368px}.card-position{top:31px;left:8%;width:80%}.personal-card-brand{font-size:1.0625rem}.personal-card-number{font-size:0.875rem;letter-spacing:.08em}.card-edition{font-size:0.75rem}.personal-card-holder strong{font-size:0.875rem}.personal-card-holder>span{font-size:0.75rem}.personal-card-monogram{font-size:1.9375rem}.card-instruction{font-size:0.875rem;margin-top:21px;margin-left:3%}.merchant-panel{width:56%;max-width:260px;right:7%;bottom:1px;padding:14px}.merchant-panel-head strong{font-size:0.875rem}.merchant-panel-head>span:nth-child(2)>span{font-size:0.875rem}.merchant-bag{width:26px;height:29px}.merchant-amount>strong{font-size:1.9375rem}.merchant-amount{padding-block:12px}.merchant-panel-head{padding-bottom:11px}.payment-status-copy{font-size:0.875rem}.payment-flow{margin:24px 23px 0;padding-top:12px}.payment-node{font-size:0.875rem}.payment-flow-label{font-size:0.875rem;margin-top:16px}.payment-scene-bottom{margin:19px 23px 22px;padding-top:16px;font-size:0.875rem}.payment-illustration-label{font-size:0.875rem}.checkout-spark.spark-one{right:8%;top:52%}.checkout-spark.spark-two{left:12%;bottom:12px}.card-principle{font-size:1.375rem}.card-principle.second{font-size:1.25rem}.card-back-top{font-size:0.75rem}.card-back-foot{font-size:0.75rem}.experience-strip .wordmarks{grid-template-columns:1fr 1fr;gap:27px 25px}.company-logo{justify-content:flex-start;min-height:38px}.company-logo .logo-enfuce{width:110px}.company-logo .logo-apexx{width:140px}.company-logo .logo-worldpay{width:96px;height:25px}.company-logo .logo-fis{width:31px;height:17px}.company-logo .logo-booking{width:132px;height:28px}.company-logo-worldpay{gap:8px}.logo-divider{height:18px}.stripe-logo{width:82px}}
@media(min-width:450px) and (max-width:620px){.payment-stage{height:420px;flex-basis:420px}.merchant-panel{bottom:0}.card-position{width:76%;left:11%;top:35px}.personal-card-number{font-size:1rem}.personal-card-holder strong{font-size:0.875rem}.personal-card-brand{font-size:1.3125rem}.card-principle{font-size:1.6875rem}.card-principle.second{font-size:1.5rem}}
@media(max-width:360px){.payment-stage{height:327px;flex-basis:327px}.payment-scene-top{padding-inline:18px}.payment-scene-top>.micro{font-size:0.875rem}.card-position{left:8%;width:81%;top:28px}.personal-card-brand{font-size:0.875rem}.card-edition{font-size:0.75rem}.personal-card-number{font-size:0.875rem}.personal-card-holder strong{font-size:0.875rem}.personal-card-holder>span{font-size:0.75rem}.card-chip-row{margin-top:7%;gap:10px}.personal-card-monogram{font-size:1.6875rem}.card-instruction{font-size:0.875rem}.merchant-panel{width:64%;right:6%;padding:12px}.card-principle{font-size:1.125rem}.card-principle.second{font-size:1.0625rem}.card-back-top,.card-back-foot{font-size:0.75rem}.payment-scene-bottom{font-size:0.875rem;margin-inline:18px}.payment-illustration-label{font-size:0.875rem}.payment-flow{margin-inline:18px}.payment-node{font-size:0.875rem}.payment-flow-label{font-size:0.875rem}.company-logo .logo-worldpay{width:82px}.company-logo .logo-fis{width:26px}.company-logo .logo-booking{width:113px}.company-logo .logo-enfuce{width:100px}.company-logo .logo-apexx{width:115px}.experience-strip .wordmarks{column-gap:18px}}
@media(prefers-reduced-motion:reduce){.payment-scene *, .payment-scene *:before, .payment-scene *:after{animation:none!important;transition:none!important}.card-tilt{transform:rotateZ(-5deg)!important;will-change:auto}}
@media print{.payment-scene{break-inside:avoid}.payment-motion{display:none!important}}
/* Keep the static card readable if the enhancement script is unavailable. */
.personal-card:disabled{cursor:default;opacity:1}
.js .payment-scene .payment-motion{display:none}
.js .payment-scene.payment-ready .payment-motion{display:flex}
.card-instruction{visibility:hidden}
.payment-ready .card-instruction{visibility:visible}
.payment-scene[data-card-side=back] .card-position{z-index:5}

/* Preserve the card illustration while making its labels and controls readable. */
@media screen {
 .payment-scene{min-height:730px}.payment-scene-top{gap:12px;flex-wrap:wrap}.payment-scene-top>.micro{font-size:.875rem;letter-spacing:.04em}
 .payment-motion{font-size:1rem;min-height:44px}.motion-icon{font-size:1rem;width:16px;height:18px}
 .payment-stage{height:490px;flex-basis:490px}.card-position{width:80%;left:8%;top:35px}
 .personal-card-top{gap:8px}.card-edition{font-size:.75rem;letter-spacing:.04em}.personal-card-brand{font-size:1.125rem}
 .personal-card-number{font-size:1rem;letter-spacing:.04em}.personal-card-foot{gap:8px}.personal-card-holder{min-width:0;gap:4px}
 .personal-card-holder>span{font-size:.75rem;letter-spacing:.05em}.personal-card-holder strong{font-size:.875rem;letter-spacing:.02em;line-height:1.3}
 .personal-card-monogram{font-size:1.75rem}.card-back-top,.card-back-foot{font-size:.75rem;letter-spacing:.02em;line-height:1.4}
 .card-face-back{gap:4%;padding:5% 6%}.card-principle{font-size:clamp(1.125rem,1.8vw,1.6875rem);line-height:1.12}.card-principle.second{font-size:clamp(1.125rem,1.6vw,1.5rem);margin-left:12%}
 .card-instruction{font-size:.875rem;margin-top:14px;line-height:1.5}
 .merchant-panel{width:60%;max-width:340px;min-width:225px;padding:18px;bottom:12px;right:5%}
 .merchant-panel-head{gap:9px}.merchant-panel-head strong{font-size:1rem;line-height:1.35}
 .merchant-panel-head>span:nth-child(2)>span{font-size:.875rem;white-space:normal;line-height:1.4;color:#6a596f}
 .merchant-amount>span:first-child,.merchant-currency{font-size:.875rem;color:#6a596f}
 .merchant-payment-status{min-height:40px}.payment-status-copy{font-size:.9375rem;line-height:1.4}.status-response{font-size:1rem}
 .payment-node{font-size:.9375rem;gap:13px}.payment-flow-label{font-size:.875rem;min-height:24px;line-height:1.6;letter-spacing:0}
 .payment-scene-bottom{font-size:1rem;align-items:start;gap:18px;flex-wrap:wrap}.payment-illustration-label{font-size:.875rem;max-width:none;text-align:left}
}
@media screen and (max-width:1100px) and (min-width:801px){.payment-scene{min-height:790px}.payment-stage{height:540px;flex-basis:540px}.card-position{width:90%;left:5%}.merchant-panel{width:72%;min-width:225px}.personal-card-holder strong{font-size:.875rem}}
@media screen and (max-width:800px){.payment-scene{min-height:750px}.payment-stage{height:495px;flex-basis:495px}.card-position{width:min(80%,450px);left:8%}.merchant-panel{width:52%;min-width:255px}.personal-card-brand{font-size:1.375rem}.card-principle,.card-principle.second{font-size:1.5rem}}
@media screen and (max-width:620px){.payment-scene{min-height:800px}.payment-stage{height:535px;flex-basis:535px}.payment-scene-top{padding:20px 20px 0}.card-position{width:88%;left:6%;top:35px}.merchant-panel{width:76%;min-width:225px;right:5%;bottom:16px}.personal-card-brand{font-size:1.125rem}.personal-card-number{font-size:1rem}.card-principle,.card-principle.second{font-size:1.25rem}.card-edition{font-size:.75rem}.payment-flow{margin-inline:16px}.payment-node{font-size:.875rem}.payment-scene-bottom{margin:18px 20px 23px;padding-top:16px}.payment-illustration-label{font-size:.875rem}}
@media screen and (max-width:360px){.card-position{width:91%;left:4%}.card-face-front{padding:5%}.personal-card-brand{font-size:1rem}.card-principle,.card-principle.second{font-size:1.125rem}.merchant-panel{right:4%;min-width:220px;padding:15px}.payment-flow{margin-inline:12px}.card-instruction{font-size:.875rem}.payment-stage{flex-basis:530px;height:530px}}
