.fc27-delivery {
    position: relative;
    z-index: 0;
    isolation: isolate;
    margin-top: 22px;
    padding: 0 0 16px;
    color: #fff;
}
.fc27-delivery::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: -28px;
    bottom: -1px;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    background: radial-gradient(circle at 44% 38%, rgba(8, 62, 137, .24), transparent 60%), #001b4a;
}
.fc27-delivery__heading { display: flex; align-items: center; gap: 8px; margin: 0 0 12px; }
.fc27-delivery__heading h2 { margin: 0; color: #fff; font: 700 16px/1.2 'Open Sans', sans-serif; text-transform: none; }
.fc27-delivery__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-delivery__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.fc27-delivery__card { display: flex; min-width: 0; height: 110px; flex-direction: column; justify-content: space-between; padding: 10px; border: 1px solid #376cb7; border-radius: 13px; background: #041d48; box-shadow: none; }
.fc27-delivery__card.is-selected { border-color: var(--platform-border, #4ba7ff); background: var(--platform-gradient, linear-gradient(105deg, #3489f4, #085bbe)); box-shadow: 0 0 13px var(--platform-glow, rgba(52, 137, 244, .24)); }
#products[data-platform-theme="ps4"] .fc27-delivery__card.is-selected { background: linear-gradient(105deg, #1d8fff, #0a4dbb); }
.fc27-delivery__select { display: flex; width: 100%; min-width: 0; min-height: 50px; align-items: center; gap: 14px; padding: 0 0 0 6px; border: 0; background: transparent; color: #fff; text-align: left; cursor: pointer; }
.fc27-delivery__select:disabled { opacity: .48; cursor: not-allowed; }
.fc27-delivery__method-icon { width: 32px; height: 32px; flex: 0 0 32px; color: #fff; }
.fc27-delivery__copy { display: flex; min-width: 0; flex-direction: column; gap: 3px; }
.fc27-delivery__copy strong { color: #fff; font: 700 18px/1 'D-DIN Condensed', 'Open Sans', sans-serif; letter-spacing: -.1px; white-space: nowrap; }
.fc27-delivery__copy > span { color: #9fc8fb; font: 400 11px/1.2 'Open Sans', sans-serif; white-space: nowrap; }
.fc27-delivery__card.is-selected .fc27-delivery__copy > span { color: #c9e0ff; }
.fc27-delivery__guide { display: flex; width: 100%; height: 34px; flex: 0 0 34px; align-items: center; gap: 8px; padding: 0 10px; border: 1px solid #3877cb; border-radius: 999px; background: #051e49; color: #fff; font: 600 12px/1 'Open Sans', sans-serif; white-space: nowrap; cursor: pointer; }
.fc27-delivery__guide:disabled { opacity: .48; cursor: not-allowed; }
.fc27-delivery__card.is-selected .fc27-delivery__guide { border-color: var(--platform-border, #4ba7ff); background: #061e4d; }
.fc27-delivery__play { display: inline-flex; width: 22px; height: 22px; flex: 0 0 22px; align-items: center; justify-content: center; border-radius: 50%; background: #fff; color: #082653; }
.fc27-delivery__play svg { width: 14px; height: 14px; }
.fc27-delivery__arrow { width: 14px; height: 14px; flex: 0 0 14px; margin-left: auto; color: #61aaff; }
.fc27-delivery__select:focus-visible, .fc27-delivery__guide:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
@media (hover: hover) {
    .fc27-delivery__card:not(.is-selected):has(.fc27-delivery__select:not(:disabled)):hover,
    .fc27-delivery__card:not(.is-selected):has(.fc27-delivery__select:not(:disabled)):hover .fc27-delivery__guide { border-color: var(--platform-border, #4ba7ff); }
}

.fc27-method-modal { width: min(540px, calc(100vw - 48px), calc((100dvh - 166px) * 720 / 1422)); max-width: none; max-height: none; margin: auto; padding: 0; overflow: visible; border: 0; background: transparent; color: #fff; }
.fc27-method-modal[data-method="auction"] { width: min(540px, calc(100vw - 48px), calc((100dvh - 166px) * 720 / 1280)); }
.fc27-method-modal::backdrop { background: rgba(0, 15, 43, .9); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
.fc27-method-modal [hidden] { display: none !important; }
.fc27-method-modal__body { overflow: visible; }
.fc27-method-modal__media { position: relative; width: 100%; aspect-ratio: 720 / 1422; overflow: hidden; border: 2px solid #62b8ff; border-radius: 13px; background: #06172e; box-shadow: 0 10px 45px rgba(0, 0, 0, .27); }
.fc27-method-modal[data-method="auction"] .fc27-method-modal__media { aspect-ratio: 720 / 1280; }
.fc27-method-modal__video { display: block; width: 100%; height: 100%; object-fit: contain; background: #06172e; }
.fc27-method-modal__placeholder { display: flex; width: 100%; height: 100%; flex-direction: column; align-items: center; justify-content: center; gap: 14px; padding: 32px; color: #19345f; text-align: center; font: 600 15px/1.4 'Open Sans', sans-serif; }
.fc27-method-modal__placeholder svg { width: 54px; height: 54px; color: #00c977; }
.fc27-method-modal__close { position: absolute; z-index: 2; top: -12px; right: -12px; display: inline-flex; width: 48px; height: 48px; align-items: center; justify-content: center; padding: 0; border: 1px solid #5378a8; border-radius: 50%; background: #071c3c; box-shadow: 0 5px 16px rgba(0, 0, 0, .28); color: #fff; cursor: pointer; }
.fc27-method-modal__close svg { width: 29px; height: 29px; }
.fc27-method-modal__features { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 16px; }
.fc27-method-modal__feature { display: flex; min-width: 0; min-height: 42px; align-items: center; gap: 8px; padding: 6px 10px; border: 1px solid #1563ab; border-radius: 8px; background: rgba(2, 28, 67, .95); color: #fff; font: 600 11px/1.2 'Open Sans', sans-serif; }
.fc27-method-modal__feature svg { width: 20px; height: 20px; flex: 0 0 20px; color: #00f29a; }
.fc27-method-modal__close:focus-visible, .fc27-method-modal__video:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }
@media (max-width: 379px) {
    .fc27-delivery__card { padding: 8px; }
    .fc27-delivery__select { gap: 10px; padding-left: 4px; }
    .fc27-delivery__method-icon { width: 29px; height: 29px; flex-basis: 29px; }
    .fc27-delivery__copy strong { font-size: 17px; }
    .fc27-delivery__copy > span { font-size: 10px; }
    .fc27-delivery__guide { gap: 6px; padding: 0 8px; font-size: 11px; }
    .fc27-method-modal__feature { gap: 6px; padding: 6px 8px; font-size: 10px; }
    .fc27-method-modal__feature svg { width: 18px; height: 18px; flex-basis: 18px; }
    .fc27-method-modal { width: min(540px, calc(100vw - 48px), calc((100dvh - 176px) * 720 / 1422)); }
    .fc27-method-modal[data-method="auction"] { width: min(540px, calc(100vw - 48px), calc((100dvh - 176px) * 720 / 1280)); }
}
@media (min-width: 680px) {
    .fc27-method-modal { width: min(720px, calc(100vw - 64px)); }
    .fc27-method-modal__body { display: grid; grid-template-columns: minmax(0, min(400px, (100dvh - 64px) * 720 / 1422)) minmax(0, 1fr); align-items: center; gap: 18px; max-height: calc(100dvh - 48px); overflow-y: auto; }
    .fc27-method-modal__features { grid-template-columns: 1fr; gap: 10px; margin-top: 0; }
    .fc27-method-modal__feature { min-height: 58px; gap: 12px; padding: 10px 14px; font-size: 14px; }
    .fc27-method-modal__feature svg { width: 27px; height: 27px; flex-basis: 27px; }
    .fc27-method-modal[data-method="auction"] { width: min(728px, calc(100vw - 64px)); }
    .fc27-method-modal[data-method="auction"] .fc27-method-modal__body { display: block; }
    .fc27-method-modal[data-method="auction"] .fc27-method-modal__media { aspect-ratio: 1280 / 732; }
    .fc27-method-modal[data-method="auction"] .fc27-method-modal__features { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 14px; }
}