/* English package grid. Pricing and selection share the existing calculator. */
.fc27-packages { position: relative; z-index: 0; isolation: isolate; margin-top: 24px; padding: 0 0 24px; color: #fff; }
.fc27-packages::before { content: ""; position: absolute; z-index: -1; top: -25px; bottom: 0; left: 50%; width: 100vw; transform: translateX(-50%); background: radial-gradient(ellipse at 65% 20%, rgba(10, 57, 126, .2), transparent 65%), #001b4a; }
.fc27-packages [hidden] { display: none !important; }
.fc27-packages__symbols { position: absolute; }
.fc27-packages__heading { display: flex; align-items: center; gap: 8px; margin-bottom: 24px; }
.fc27-packages__heading h2 { margin: 0; color: #fff; font: 700 16px/1.2 'Open Sans', sans-serif; text-transform: none; }
.fc27-packages__step { display: inline-flex; width: 24px; height: 24px; flex: 0 0 24px; align-items: center; justify-content: center; border-radius: 6px; background: #0759cb; color: #fff; font: 700 15px/1 'Open Sans', sans-serif; }
.fc27-packages__loyalty { display: inline-flex; align-items: center; gap: 4px; margin-left: auto; padding: 3px 8px; border: 0; border-radius: 50px; font: 700 10px/1.2 'Open Sans', sans-serif; white-space: nowrap; }
.fc27-packages__bonus-hint { gap: 4px; }
.fc27-packages__loyalty img { width: 16px; height: 20px; object-fit: contain; }
.fc27-packages__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px 6px; }
#products .fc27-packages .fc27-package { position: relative; display: flex; align-items: center; gap: 9px; width: 100%; min-width: 0; min-height: 58px; margin: 0; padding: 10px 7px; border: 1.3px solid #31599e; border-radius: 10px; background: rgba(2, 21, 52, .66); box-shadow: none; text-align: left; color: #fff; opacity: 1; transform: none; animation: none; cursor: pointer; }
#products .fc27-packages .fc27-package[data-badge]:not([data-badge=""]) { min-height: 71px; padding-top: 13px; }
#products .fc27-packages .fc27-package--topseller { border-color: #ffdf00; }
#products .fc27-packages .fc27-package--bestvalue { border-color: #00e6ee; }
#products .fc27-packages .fc27-package--maxbonus { border-color: #9295ff; }
#products .fc27-packages .fc27-package.active-pkg { background: var(--platform-gradient); border-color: var(--platform-border); box-shadow: inset 0 1px 0 rgba(255,255,255,.18); }
#products[data-platform-theme="ps4"] .fc27-packages .fc27-package.active-pkg { background: linear-gradient(105deg, #1d8fff, #0053c9); }
.fc27-package__coin { width: 30px; height: 30px; flex: 0 0 30px; }
.fc27-package__copy { display: flex; min-width: 0; flex-direction: column; gap: 2px; }
.fc27-package__amount { color: #fff; font: 700 16px/1.1 'Open Sans', sans-serif; letter-spacing: -.5px; }
.fc27-package__bonus { color: #00f4c3; font: 700 10.5px/1.1 'Open Sans', sans-serif; white-space: nowrap; letter-spacing: -.3px; }
#products .fc27-packages .pkg-price { color: #eef2ff; font: 400 11.5px/1.3 'Open Sans', sans-serif; white-space: nowrap; }
.fc27-package__badge { position: absolute; top: -10px; left: 50%; transform: translateX(-50%); display: inline-flex; align-items: center; justify-content: center; gap: 5px; min-height: 20px; padding: 2px 10px; border-radius: 999px; background: #ffe100; color: #03121b; font: 700 8.5px/1 'Open Sans', sans-serif; white-space: nowrap; }
.fc27-package__badge-icon { display: inline-flex; width: 16px; height: 16px; flex: 0 0 16px; align-items: center; justify-content: center; }
.fc27-package__badge-icon svg { display: block; width: 16px; height: 12px; flex: 0 0 16px; fill: currentColor; }
.fc27-package__badge-text { display: block; line-height: 1; }
.fc27-package--bestvalue .fc27-package__badge { background: #00e5ef; }
.fc27-package--maxbonus .fc27-package__badge { color: #fff; background: linear-gradient(105deg,#858bfa,#5058dc); }
.fc27-packages__more { display: flex; width: 100%; min-height: 35px; align-items: center; justify-content: center; gap: 10px; margin-top: 13px; padding: 6px 12px; border: 1px solid #439cfb; border-radius: 9px; background: rgba(2,21,52,.5); color: #58a7ff; font: 700 13px/1.2 'Open Sans', sans-serif; cursor: pointer; }
.fc27-packages__more svg { width: 15px; height: 15px; }
.fc27-packages__more[aria-expanded="true"] svg { transform: rotate(180deg); }
#products .fc27-packages .fc27-package:disabled { opacity: .4; cursor: not-allowed; }
.fc27-packages button:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
@media (hover: hover) { #products .fc27-packages .fc27-package:not(:disabled):hover { border-color: var(--platform-border); } }
@media (max-width: 379px) {
    #products .fc27-packages .fc27-package { gap: 6px; padding-left: 5px; padding-right: 5px; }
    .fc27-package__coin { width: 26px; height: 26px; flex-basis: 26px; }
    .fc27-packages__heading h2 { font-size: 15px; }
}
@media (min-width: 680px) {
    #products .fc27-packages .fc27-package { min-height: 72px; padding: 13px; gap: 12px; }
    #products .fc27-packages .fc27-package[data-badge]:not([data-badge=""]) { min-height: 86px; padding-top: 16px; }
    .fc27-packages__grid { gap: 10px; }
    .fc27-package__coin { width: 36px; height: 36px; flex-basis: 36px; }
    .fc27-package__amount { font-size: 22px; }
    .fc27-package__bonus { font-size: 15px; }
    #products .fc27-packages .pkg-price { font-size: 13px; }
    .fc27-package__badge { font-size: 12px; min-height: 21px; }
    .fc27-packages__loyalty { font-size: 14px; }
    .fc27-packages__more { min-height: 40px; font-size: 17px; }
}

/* All badge/tier text lives in its editable HTML block; backend state selects the visible variant. */
.fc27-package[data-badge=""] .fc27-package__badge,
.fc27-package--no-bonus .fc27-package__bonus,
.fc27-package .fc27-package__badge-text,
.fc27-packages__loyalty .fc27-loyalty-tier { display: none; }
.fc27-package--topseller .fc27-package__badge-text--topseller { display: block; }
.fc27-package--bestvalue .fc27-package__badge-text--bestvalue { display: block; }
.fc27-package--maxbonus .fc27-package__badge-text--maxbonus { display: block; }
.loyalty-pill--none .fc27-loyalty-tier--none { display: inline; }
.loyalty-pill--bronze .fc27-loyalty-tier--bronze { display: inline; }
.loyalty-pill--silver .fc27-loyalty-tier--silver { display: inline; }
.loyalty-pill--gold .fc27-loyalty-tier--gold { display: inline; }
.loyalty-pill--platin .fc27-loyalty-tier--platin { display: inline; }
.loyalty-pill--diamond .fc27-loyalty-tier--diamond { display: inline; }