.fc27-checkout { position: relative; z-index: 0; isolation: isolate; padding-bottom: 30px; color: #fff; }
.fc27-checkout::before { content: ""; position: absolute; z-index: -1; inset: -1px auto 0 50%; width: 100vw; transform: translateX(-50%); background: radial-gradient(ellipse at 50% 38%, rgba(0, 73, 162, .2), transparent 65%), #001b4a; }
.fc27-checkout [hidden] { display: none !important; }
.fc27-checkout__amount-row { display: grid; grid-template-columns: 50px minmax(0, 1fr) 50px; gap: 6px; }
.fc27-checkout__amount, .fc27-checkout__step { min-height: 80px; border: 1px solid #3868b0; border-radius: 10px; background: rgba(3, 24, 55, .65); color: #fff; }
.fc27-checkout__step { display: flex; justify-content: center; align-items: center; padding: 0; cursor: pointer; }
.fc27-checkout__step svg { width: 25px; height: 25px; }
.fc27-checkout__step:disabled { opacity: .4; cursor: not-allowed; }
.fc27-checkout__amount { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; min-width: 0; padding: 8px 4px; }
.fc27-checkout__input-row { display: flex; justify-content: center; align-items: center; gap: 6px; width: 100%; }
.fc27-checkout__coin { flex: 0 0 28px; width: 28px; height: 28px; }
.fc27-checkout #amountInput { display: block; min-width: 0; max-width: calc(100% - 36px); margin: 0; padding: 0; border: 0; border-radius: 0; outline: 0; background: transparent; color: #fff; font: 700 24px/1.2 'Open Sans', sans-serif; letter-spacing: -.8px; text-align: center; }
.fc27-checkout #amountInput:focus-visible { outline: 1px solid #5aa7ff; outline-offset: 3px; border-radius: 3px; }
.fc27-checkout__caption { display: flex; justify-content: center; align-items: center; gap: 8px; flex-wrap: wrap; font: 700 13px/1.2 'Open Sans', sans-serif; }
#products .fc27-checkout .stats-pill { display: inline; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; color: #00efce; font: inherit; }
.fc27-checkout__error { margin: 0; font: 600 11px/1.4 'Open Sans', sans-serif; color: #ffb5bc; }
.fc27-checkout__error:not(.show) { display: none; }
.fc27-checkout__error.show { display: block; margin-top: 6px; }
.fc27-checkout__buy { display: flex; width: 100%; min-height: 60px; align-items: center; justify-content: center; gap: 14px; position: relative; margin-top: 34px; padding: 12px 30px; border: 1px solid var(--platform-border); border-radius: 17px; background: var(--platform-gradient); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 8px 24px rgba(0,66,159,.18); color: #fff; font: 700 21px/1.2 'Open Sans', sans-serif; cursor: pointer; }
#products[data-platform-theme="ps4"] .fc27-checkout__buy { background: linear-gradient(110deg, #1d8fff, #0053c9); }
.fc27-checkout__price { display: inline-flex; padding-left: 14px; border-left: 1px solid rgba(255,255,255,.85); white-space: nowrap; }
.fc27-checkout__buy > svg { position: absolute; right: 16px; width: 15px; height: 22px; }
.fc27-checkout__buy:disabled { opacity: .7; cursor: wait; }
.fc27-checkout__benefits { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 7px; margin-top: 33px; }
.fc27-checkout__benefit { display: flex; position: relative; align-items: center; justify-content: center; gap: 7px; min-height: 44px; padding: 7px 5px; background: #00daa4; color: #fff; clip-path: polygon(6px 0,calc(100% - 6px) 0,100% 6px,100% calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,0 calc(100% - 6px),0 6px); }
.fc27-checkout__benefit::before { content: ""; position: absolute; inset: 1px; z-index: -1; background: #031a37; clip-path: inherit; }
.fc27-checkout__benefit > svg { width: 24px; height: 24px; flex: 0 0 24px; color: #00e7b1; }
.fc27-checkout__benefit > span { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.fc27-checkout__benefit strong { font: 700 11px/1.1 'Open Sans', sans-serif; color: #fff; }
.fc27-checkout__benefit span span { font: 400 10px/1.1 'Open Sans', sans-serif; color: #97bce4; }
.fc27-checkout__payments { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 6px; margin: 16px 0 0; padding: 0; list-style: none; color: #aec1dc; }
.fc27-checkout__payments > [role="listitem"] { display: flex; flex: 0 0 40px; align-items: center; justify-content: center; width: 40px; height: 24px; border: 1px solid #436487; border-radius: 4px; padding: 4px; }
.fc27-checkout__payments svg { display: block; width: 100%; height: 100%; fill: currentColor; }
.fc27-checkout__payments .fc27-checkout__payment--ideal { padding: 1px; }
.fc27-checkout__payments .fc27-checkout__payment--paypal { flex-basis: 62px; width: 62px; }
.fc27-checkout__payments :is(.fc27-checkout__payment--applepay, .fc27-checkout__payment--googlepay) { flex-basis: 52px; width: 52px; direction: ltr; }
#fc27-pay-mastercard .st1 { opacity: .65; }
#fc27-pay-mastercard .st2 { opacity: .85; }
.fc27-checkout__payments img { width: 100%; height: 100%; object-fit: contain; filter: grayscale(1); }
.fc27-checkout__payments :is(.fc27-checkout__apple, .fc27-checkout__google) { width: 100%; height: 100%; }
.fc27-checkout__payments .fc27-checkout__payments-more { flex: 0 0 auto; width: auto; border: 0; padding: 0; color: #8ca8ce; font: 400 10px/1 'Open Sans', sans-serif; }
.fc27-checkout button:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
@media (max-width: 379px) {
    .fc27-checkout__amount-row { grid-template-columns: 42px minmax(0,1fr) 42px; }
    .fc27-checkout #amountInput { font-size: 22px; }
    .fc27-checkout__caption { gap: 5px; }
    .fc27-checkout__benefit { gap: 4px; }
    .fc27-checkout__benefit > svg { width: 20px; height: 20px; flex-basis: 20px; }
    .fc27-checkout__benefit span span { font-size: 9px; }
}
@media (min-width: 500px) {
    .fc27-checkout__amount-row { grid-template-columns: 60px minmax(0,1fr) 60px; gap: 8px; }
    .fc27-checkout__amount, .fc27-checkout__step { min-height: 86px; }
    .fc27-checkout #amountInput { font-size: 30px; }
    .fc27-checkout__caption { font-size: 15px; }
    .fc27-checkout__buy { min-height: 64px; font-size: 24px; }
    .fc27-checkout__benefit strong { font-size: 13px; }
    .fc27-checkout__benefit span span { font-size: 12px; }
    .fc27-checkout__benefit > svg { width: 28px; height: 28px; flex-basis: 28px; }
    .fc27-checkout__payments > [role="listitem"] { width: 52px; height: 28px; }
}