/*
|--------------------------------------------------------------------------
| FTRGAMES GAME HUB — FC27
|--------------------------------------------------------------------------
*/

.ftr-game-hub{
    --bg:#08020d;
    --panel:#15071e;
    --panel2:#1c0928;
    --border:rgba(185,76,255,.18);
    --border-strong:rgba(190,78,255,.38);
    --text:#fff;
    --muted:#a99dae;
    --muted2:#776d7e;
    --purple:#aa3cff;
    --yellow:#ffd400;
    --green:#2aee91;

    width:100%;
    overflow:hidden;

    background:
        radial-gradient(circle at 50% 0,rgba(131,31,199,.08),transparent 28%),
        var(--bg);

    color:var(--text);
}

.ftr-game-hub *{
    box-sizing:border-box;
}

.ftr-game-shell{
    width:min(1240px,calc(100% - 36px));
    margin:0 auto;
    padding:24px 0 90px;
}

.ftr-game-kicker{
    display:block;

    margin-bottom:12px;

    color:var(--yellow);

    font-size:9px;
    line-height:1;
    font-weight:950;
    letter-spacing:.15em;
    text-transform:uppercase;
}


/* HERO */

.ftr-game-hero{
    position:relative;

    min-height:560px;

    overflow:hidden;

    border:1px solid var(--border);
    border-radius:24px;

    background:#0b0310;

    box-shadow:0 30px 90px rgba(0,0,0,.30);
}

.ftr-game-hero__track{
    display:flex;

    width:100%;

    transition:transform .7s cubic-bezier(.22,.61,.36,1);
}

.ftr-game-hero__slide{
    position:relative;

    flex:0 0 100%;

    min-height:560px;

    overflow:hidden;
}

.ftr-game-hero__slide > img{
    position:absolute;
    inset:0;

    width:100%;
    height:100%;

    object-fit:cover;
    object-position:center;
}

.ftr-game-hero__shade{
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            90deg,
            rgba(5,1,8,.94) 0%,
            rgba(5,1,8,.75) 37%,
            rgba(5,1,8,.20) 72%,
            rgba(5,1,8,.25) 100%
        );
}

.ftr-game-hero__copy{
    position:relative;
    z-index:2;

    display:flex;

    min-height:560px;
    max-width:680px;

    flex-direction:column;
    justify-content:center;

    padding:64px;
}

.ftr-game-hero h1,
.ftr-game-hero h2{
    margin:0;

    color:#fff;

    font-size:clamp(58px,7vw,94px);
    line-height:.88;
    font-weight:950;
    letter-spacing:-.065em;
}

.ftr-game-hero h2{
    font-size:clamp(52px,6.4vw,84px);
}

.ftr-game-hero h1 em,
.ftr-game-hero h2 em{
    display:block;

    color:var(--yellow);

    font-style:normal;
}

.ftr-game-hero__copy p{
    max-width:570px;

    margin:23px 0 0;

    color:#c8becd;

    font-size:14px;
    line-height:1.7;
}

.ftr-game-hero__actions{
    display:flex;
    flex-wrap:wrap;
    gap:9px;

    margin-top:27px;
}

.ftr-game-hero__actions a{
    display:inline-flex;

    min-height:46px;

    align-items:center;
    justify-content:center;
    gap:18px;

    padding:0 18px;

    border:1px solid rgba(255,255,255,.12);
    border-radius:9px;

    background:rgba(255,255,255,.035);

    color:#fff !important;

    font-size:10px;
    font-weight:950;

    text-decoration:none !important;
}

.ftr-game-hero__actions a.is-primary{
    border-color:transparent;

    background:var(--yellow);

    color:#15051c !important;
}

.ftr-game-hero__nav{
    position:absolute;

    right:20px;
    bottom:18px;

    z-index:5;

    display:flex;

    align-items:center;
    gap:7px;
}

.ftr-game-hero__nav button,
.ftr-game-gallery-nav button{
    appearance:none;

    display:grid;

    width:40px;
    height:40px;

    place-items:center;

    border:1px solid rgba(255,255,255,.12);
    border-radius:9px;

    background:rgba(10,3,14,.76);

    color:#fff;

    font-size:20px;

    cursor:pointer;

    backdrop-filter:blur(8px);
}

.ftr-game-dots{
    display:flex;

    align-items:center;
    gap:5px;

    margin-right:4px;
}

.ftr-game-dot{
    width:7px;
    height:7px;

    padding:0;

    border:0;
    border-radius:99px;

    background:rgba(255,255,255,.28);

    cursor:pointer;

    transition:
        width .18s ease,
        background .18s ease;
}

.ftr-game-dot.is-active{
    width:25px;

    background:var(--yellow);
}



/* FC27 RELEASE COUNTDOWN */

.ftr-game-countdown{
    position:relative;

    display:grid;
    grid-template-columns:minmax(250px,.78fr) minmax(0,1.22fr);
    gap:34px;

    align-items:center;

    margin-top:22px;
    padding:28px 30px 22px;

    overflow:hidden;

    border:1px solid rgba(185,76,255,.24);
    border-radius:20px;

    background:
        radial-gradient(circle at 85% 10%,rgba(170,60,255,.13),transparent 34%),
        linear-gradient(135deg,rgba(255,212,0,.025),transparent 34%),
        var(--panel);

    box-shadow:
        0 24px 70px rgba(0,0,0,.18);
}

.ftr-game-countdown::before{
    content:"";

    position:absolute;

    top:0;
    left:0;
    right:0;

    height:2px;

    background:
        linear-gradient(
            90deg,
            transparent,
            var(--yellow) 24%,
            #a936ff 68%,
            transparent
        );

    opacity:.9;
}

.ftr-game-countdown__intro{
    position:relative;
    z-index:1;
}

.ftr-game-countdown__intro .ftr-game-kicker{
    margin-bottom:9px;
}

.ftr-game-countdown__intro h2{
    margin:0;

    color:#fff;

    font-size:clamp(27px,3.4vw,42px);
    line-height:.96;
    font-weight:950;
    letter-spacing:-.045em;
}

.ftr-game-countdown__intro p{
    margin:10px 0 0;

    color:var(--muted);

    font-size:10px;
    line-height:1.55;
}

.ftr-game-countdown__intro p strong{
    color:#fff;
}

.ftr-game-countdown__timer{
    position:relative;
    z-index:1;

    display:grid;
    grid-template-columns:
        minmax(82px,1fr)
        auto
        minmax(82px,1fr)
        auto
        minmax(82px,1fr)
        auto
        minmax(82px,1fr);

    align-items:center;
    gap:8px;
}

.ftr-game-countdown__unit{
    display:flex;

    min-width:0;
    min-height:112px;

    align-items:center;
    justify-content:center;
    flex-direction:column;

    padding:14px 10px;

    border:1px solid rgba(255,255,255,.075);
    border-radius:14px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.045),
            rgba(255,255,255,.012)
        );

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035);
}

.ftr-game-countdown__unit strong{
    display:block;

    color:#fff;

    font-size:clamp(30px,4vw,49px);
    line-height:.9;
    font-weight:950;
    letter-spacing:-.055em;

    font-variant-numeric:tabular-nums;
}

.ftr-game-countdown__unit:first-child strong{
    color:var(--yellow);
}

.ftr-game-countdown__unit span{
    display:block;

    margin-top:10px;

    color:#8b7e91;

    font-size:7px;
    line-height:1;
    font-weight:900;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.ftr-game-countdown__separator{
    color:rgba(255,255,255,.30);

    font-size:25px;
    line-height:1;
    font-weight:900;

    transform:translateY(-7px);
}

.ftr-game-countdown__meta{
    position:relative;
    z-index:1;

    grid-column:1 / -1;

    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:8px 16px;

    margin-top:-5px;
    padding-top:15px;

    border-top:1px solid rgba(255,255,255,.055);

    color:#766b7b;

    font-size:7px;
    line-height:1.3;
}

.ftr-game-countdown__meta span{
    display:inline-flex;
    align-items:center;
    gap:6px;
}

.ftr-game-countdown__meta b{
    color:#cfc4d3;
    font-weight:900;
}

.ftr-game-countdown.is-released
.ftr-game-countdown__unit strong{
    color:var(--green);
}


/* SECTIONS */

.ftr-game-section{
    padding:76px 0 0;
}

.ftr-game-section__head{
    display:flex;

    align-items:flex-end;
    justify-content:space-between;
    gap:26px;

    margin-bottom:24px;
}

.ftr-game-section__head h2{
    margin:0;

    color:#fff;

    font-size:clamp(38px,5vw,58px);
    line-height:.94;
    font-weight:950;
    letter-spacing:-.055em;
}

.ftr-game-section__head p{
    margin:12px 0 0;

    color:var(--muted);

    font-size:12px;
    line-height:1.6;
}

.ftr-game-section__head p strong{
    color:#fff;
}

.ftr-game-section__head > a{
    flex:0 0 auto;

    color:#c46cff !important;

    font-size:10px;
    font-weight:900;

    text-decoration:none !important;
}



/* REGION / PLATFORM CONTEXT */

.ftr-game-context-pills{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;

    margin-top:14px;
}

.ftr-game-context-pill{
    display:inline-flex;
    min-height:32px;

    align-items:center;
    gap:8px;

    padding:0 11px;

    border:1px solid rgba(255,255,255,.08);
    border-radius:999px;

    background:rgba(255,255,255,.025);

    color:var(--muted);

    font-size:9px;
    line-height:1;
    font-weight:750;
}

.ftr-game-context-pill strong{
    color:#fff;
    font-weight:900;
}

.ftr-game-context-pill__flag{
    display:inline-grid;
    width:20px;
    height:20px;
    place-items:center;

    font-size:16px;
    line-height:1;
}

.ftr-game-context-pill--platform{
    color:#d6c9dc;
}

.ftr-game-context-pill__ps{
    display:block;

    width:22px;
    height:18px;

    color:#fff;
}


/* PRODUCTS */


.ftr-game-products{
    display:grid;

    grid-template-columns:repeat(3,minmax(0,1fr));

    gap:14px;
}

.ftr-game-product-card{
    display:grid;
    grid-template-rows:270px minmax(0,auto);

    min-width:0;
    overflow:hidden;

    border:1px solid var(--border);
    border-radius:18px;

    background:
        linear-gradient(180deg,rgba(255,255,255,.022),transparent),
        var(--panel);

    isolation:isolate;

    transition:
        transform .18s ease,
        border-color .18s ease;
}

.ftr-game-product-card:hover{
    transform:translateY(-3px);

    border-color:var(--border-strong);
}

.ftr-game-product-card__visual{
    position:relative !important;

    display:block !important;

    width:100% !important;
    height:270px !important;
    min-height:270px !important;
    max-height:270px !important;

    overflow:hidden !important;

    padding:0 !important;

    background:
        radial-gradient(circle at 50% 45%,rgba(156,47,239,.14),transparent 52%);

    contain:layout paint;
}

.ftr-game-product-card__visual img{
    position:absolute !important;

    inset:18px !important;

    display:block !important;

    width:calc(100% - 36px) !important;
    height:calc(100% - 36px) !important;

    min-width:0 !important;
    min-height:0 !important;
    max-width:none !important;
    max-height:none !important;

    margin:0 !important;
    padding:0 !important;

    object-fit:contain !important;
    object-position:center !important;

    transform:none !important;
}

.ftr-game-discount{
    position:absolute;

    top:14px;
    right:14px;

    padding:6px 8px;

    border:1px solid rgba(42,238,145,.23);
    border-radius:99px;

    background:rgba(42,238,145,.08);

    color:var(--green);

    font-size:8px;
    font-weight:950;
}

.ftr-game-product-card__body{
    position:relative;
    z-index:2;

    min-width:0;

    padding:20px;

    background:
        linear-gradient(
            180deg,
            rgba(21,7,30,.99),
            var(--panel)
        );
}

.ftr-game-card-label{
    display:inline-flex;

    padding:5px 8px;

    border:1px solid rgba(174,64,255,.24);
    border-radius:99px;

    color:#c76eff;

    font-size:7px;
    font-weight:950;
    letter-spacing:.08em;
}

.ftr-game-product-card h3{
    margin:11px 0 5px;

    color:#fff;

    font-size:18px;
    line-height:1.15;
    font-weight:900;
    letter-spacing:-.025em;
}

.ftr-game-product-card__body > p{
    margin:0;

    color:var(--muted2);

    font-size:9px;
}


/* PRICES */

.ftr-game-price-row{
    display:flex;

    align-items:flex-end;
    justify-content:space-between;
    gap:14px;

    margin-top:20px;
}

.ftr-game-price-row small{
    display:block;

    margin-bottom:4px;

    color:#7f7485;

    font-size:9px;
    font-weight:900;
    letter-spacing:.08em;
}

.ftr-game-price-row strong{
    display:block;

    color:var(--yellow);

    font-size:24px;
    line-height:1;
    font-weight:950;
}

.ftr-game-price-row > div > span{
    display:block;

    margin-top:6px;

    color:var(--green);

    font-size:8px;
    font-weight:900;
}

.ftr-game-store-price{
    text-align:right;
}

.ftr-game-store-price s{
    color:#918596;

    font-size:14px;
}

.ftr-game-card-cta{
    display:flex;

    min-height:42px;

    align-items:center;
    justify-content:space-between;

    margin-top:18px;
    padding:0 13px;

    border-radius:8px;

    background:
        linear-gradient(
            90deg,
            #8624df,
            #a536ef
        );

    color:#fff !important;

    font-size:9px;
    font-weight:900;

    text-decoration:none !important;
}


/* BUNDLES */

.ftr-game-bundles{
    display:grid;

    grid-template-columns:repeat(2,minmax(0,1fr));

    gap:14px;
}

.ftr-game-bundle-card{
    padding:22px;

    border:1px solid rgba(182,70,255,.25);
    border-radius:19px;

    background:
        radial-gradient(circle at 90% 0,rgba(154,45,233,.08),transparent 32%),
        var(--panel);
}

.ftr-game-bundle-card__top{
    display:flex;

    align-items:center;
    justify-content:space-between;
}

.ftr-game-bundle-card__top span{
    padding:5px 8px;

    border:1px solid rgba(189,80,255,.34);
    border-radius:99px;

    color:#ca72ff;

    font-size:7px;
    font-weight:950;
}

.ftr-game-bundle-card__top strong{
    color:var(--green);

    font-size:10px;
}

.ftr-game-bundle-card h3{
    margin:15px 0 17px;

    color:#fff;

    font-size:18px;
    line-height:1.25;
    font-weight:900;
}

.ftr-game-bundle-products{
    display:grid;

    grid-template-columns:repeat(4,minmax(0,1fr));

    gap:7px;
}

.ftr-game-bundle-product{
    min-width:0;

    text-align:center;
}

.ftr-game-bundle-product > div{
    display:grid;

    height:112px;

    place-items:center;

    padding:8px;

    border:1px solid rgba(255,255,255,.06);
    border-radius:9px;

    background:rgba(255,255,255,.018);
}

.ftr-game-bundle-product img{
    width:100%;
    height:100%;

    object-fit:contain;
}

.ftr-game-bundle-product strong{
    display:block;

    margin-top:6px;

    overflow:hidden;

    color:#ded5e2;

    font-size:7px;
    line-height:1.2;

    text-overflow:ellipsis;
    white-space:nowrap;
}

.ftr-game-bundle-product small{
    color:#706676;

    font-size:6px;
}


/* EMPTY */

.ftr-game-empty{
    padding:34px;

    border:1px dashed rgba(185,76,255,.24);
    border-radius:16px;

    background:rgba(255,255,255,.015);
}

.ftr-game-empty strong{
    display:block;

    color:#fff;

    font-size:17px;
}

.ftr-game-empty p{
    margin:8px 0 15px;

    color:var(--muted);

    font-size:11px;
}

.ftr-game-empty a{
    color:#c36cff !important;

    font-size:10px;
    font-weight:900;

    text-decoration:none !important;
}


/* GALLERY */

.ftr-game-gallery-wrap{
    position:relative;
}

.ftr-game-gallery{
    display:flex;

    gap:14px;

    overflow-x:auto;

    padding-bottom:8px;

    scroll-snap-type:x mandatory;

    scrollbar-width:none;
}

.ftr-game-gallery::-webkit-scrollbar{
    display:none;
}

.ftr-game-gallery figure{
    flex:0 0 67%;

    height:410px;

    overflow:hidden;

    margin:0;

    border:1px solid var(--border);
    border-radius:18px;

    scroll-snap-align:start;

    background:#100516;
}

.ftr-game-gallery img{
    display:block;

    width:100%;
    height:100%;

    object-fit:cover;

    transition:transform .35s ease;
}

.ftr-game-gallery figure:hover img{
    transform:scale(1.025);
}

.ftr-game-gallery-nav{
    display:flex;

    justify-content:flex-end;
    gap:7px;

    margin-top:12px;
}


/* STATS */

.ftr-game-stats{
    display:grid;

    grid-template-columns:.8fr 1.2fr;
    gap:40px;

    margin-top:76px;
    padding:42px;

    border:1px solid var(--border);
    border-radius:22px;

    background:
        radial-gradient(circle at 90% 15%,rgba(157,49,238,.16),transparent 30%),
        var(--panel);
}

.ftr-game-stats h2{
    margin:0;

    color:#fff;

    font-size:43px;
    line-height:.95;
    letter-spacing:-.05em;
}

.ftr-game-stats > div:first-child p{
    max-width:380px;

    margin:13px 0 0;

    color:var(--muted);

    font-size:11px;
    line-height:1.6;
}

.ftr-game-stats__grid{
    display:grid;

    grid-template-columns:repeat(4,1fr);

    align-items:center;
}

.ftr-game-stats__grid article{
    min-width:0;

    padding:8px 18px;

    border-left:1px solid rgba(255,255,255,.07);
}

.ftr-game-stats__grid strong{
    display:block;

    color:#fff;

    font-size:37px;
    line-height:1;
    font-weight:950;
    letter-spacing:-.05em;
}

.ftr-game-stats__grid .is-date strong{
    color:var(--yellow);

    font-size:26px;
}

.ftr-game-stats__grid span{
    display:block;

    margin-top:7px;

    color:#827788;

    font-size:8px;
    line-height:1.35;
}


/* TOOLS */

.ftr-game-tools{
    display:grid;

    grid-template-columns:repeat(3,minmax(0,1fr));

    gap:14px;
}

.ftr-game-tool-card{
    position:relative;

    min-height:390px;

    overflow:hidden;

    border:1px solid var(--border);
    border-radius:18px;

    background:#100516;
}

.ftr-game-tool-card > img{
    position:absolute;
    inset:0;

    width:100%;
    height:100%;

    object-fit:cover;

    transition:transform .4s ease;
}

.ftr-game-tool-card:hover > img{
    transform:scale(1.025);
}

.ftr-game-tool-card__shade{
    position:absolute;
    inset:0;

    background:
        linear-gradient(
            180deg,
            rgba(6,2,9,.02),
            rgba(6,2,9,.32) 43%,
            rgba(7,2,10,.97) 88%
        );
}

.ftr-game-tool-card__body{
    position:absolute;

    left:0;
    right:0;
    bottom:0;

    z-index:2;

    padding:21px;
}

.ftr-game-tool-card__body small{
    color:var(--yellow);

    font-size:7px;
    font-weight:950;
    letter-spacing:.1em;
}

.ftr-game-tool-card__body h3{
    margin:7px 0;

    color:#fff;

    font-size:20px;
    line-height:1.05;
    font-weight:900;
}

.ftr-game-tool-card__body p{
    margin:0;

    color:#aaa0af;

    font-size:9px;
    line-height:1.55;
}

.ftr-game-tool-card__body a{
    display:flex;

    align-items:center;
    justify-content:space-between;

    margin-top:14px;
    padding-top:12px;

    border-top:1px solid rgba(255,255,255,.08);

    color:#fff !important;

    font-size:9px;
    font-weight:900;

    text-decoration:none !important;
}


/* NEWS REDIRECT */

.ftr-game-news-redirect{
    display:flex;

    min-height:190px;

    align-items:center;
    justify-content:space-between;
    gap:30px;

    padding:35px;

    border:1px solid var(--border);
    border-radius:18px;

    background:
        radial-gradient(circle at 85% 50%,rgba(255,212,0,.05),transparent 22%),
        var(--panel);

    color:#fff !important;

    text-decoration:none !important;

    transition:
        transform .18s ease,
        border-color .18s ease;
}

.ftr-game-news-redirect:hover{
    transform:translateY(-2px);

    border-color:var(--border-strong);
}

.ftr-game-news-redirect small{
    display:block;

    margin-bottom:8px;

    color:var(--yellow);

    font-size:7px;
    font-weight:950;
    letter-spacing:.1em;
}

.ftr-game-news-redirect strong{
    display:block;

    max-width:650px;

    color:#fff;

    font-size:24px;
    line-height:1.1;
}

.ftr-game-news-redirect span{
    display:block;

    margin-top:9px;

    color:var(--muted);

    font-size:10px;
}

.ftr-game-news-redirect b{
    flex:0 0 auto;

    color:#c875ff;

    font-size:11px;
}


/* VIDEO */

.ftr-game-video{
    display:grid;

    grid-template-columns:.62fr 1.38fr;

    overflow:hidden;

    border:1px solid var(--border);
    border-radius:22px;

    background:var(--panel);
}

.ftr-game-video__copy{
    display:flex;

    min-height:410px;

    flex-direction:column;
    justify-content:center;

    padding:38px;
}

.ftr-game-video__copy h2{
    margin:0;

    color:#fff;

    font-size:40px;
    line-height:.95;
    letter-spacing:-.045em;
}

.ftr-game-video__copy p{
    margin:14px 0 0;

    color:var(--muted);

    font-size:10px;
    line-height:1.65;
}

.ftr-game-video__copy code{
    color:#ddd;
}

.ftr-game-video__player{
    position:relative;

    min-height:410px;

    background:
        linear-gradient(rgba(4,1,7,.42),rgba(4,1,7,.74)),
        url('https://ftrgames.com/wp-content/uploads/2026/08/fc27_carousel.png')
        center / cover no-repeat;
}

.ftr-game-video__player iframe{
    position:absolute;
    inset:0;

    width:100%;
    height:100%;

    border:0;
}

.ftr-game-video__placeholder{
    position:absolute;
    inset:0;

    display:flex;

    align-items:center;
    justify-content:center;
    flex-direction:column;

    text-align:center;
}

.ftr-game-video__placeholder > span{
    display:grid;

    width:66px;
    height:66px;

    place-items:center;

    margin-bottom:14px;

    border:1px solid rgba(255,255,255,.17);
    border-radius:50%;

    background:rgba(8,2,12,.58);

    color:var(--yellow);

    font-size:22px;

    backdrop-filter:blur(8px);
}

.ftr-game-video__placeholder strong{
    color:#fff;

    font-size:14px;
}

.ftr-game-video__placeholder small{
    margin-top:6px;

    color:#9a8fa0;

    font-size:8px;
}


/* MOBILE */

@media(max-width:900px){

    .ftr-game-countdown{
        grid-template-columns:1fr;
        gap:22px;
    }

    .ftr-game-products,
    .ftr-game-tools{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .ftr-game-stats{
        grid-template-columns:1fr;
    }

}


@media(max-width:700px){

    .ftr-game-countdown{
        margin-top:14px;
        padding:22px 15px 17px;

        border-radius:16px;
    }

    .ftr-game-countdown__timer{
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap:7px;
    }

    .ftr-game-countdown__separator{
        display:none;
    }

    .ftr-game-countdown__unit{
        min-height:84px;
        padding:12px 5px;

        border-radius:11px;
    }

    .ftr-game-countdown__unit strong{
        font-size:clamp(25px,8vw,36px);
    }

    .ftr-game-countdown__unit span{
        margin-top:7px;
        font-size:6px;
        letter-spacing:.08em;
    }

    .ftr-game-countdown__meta{
        align-items:flex-start;
        flex-direction:column;
    }

    .ftr-game-shell{
        width:min(100% - 24px,1240px);
        padding-top:12px;
    }

    /*
    |--------------------------------------------------------------------------
    | MOBILE HERO
    |--------------------------------------------------------------------------
    |
    | Desktop banners are very wide (recommended 1920x800).
    | On a portrait phone, object-fit:cover would zoom/crop them heavily.
    |
    | Mobile therefore shows the FULL banner at its natural aspect ratio at
    | the top of the slide, then places the copy in a dark content area below.
    | This keeps the artwork sharp and prevents faces/logos from being cut.
    |
    */

    .ftr-game-hero{
        min-height:590px;

        border-radius:18px;

        background:#09020d;
    }

    .ftr-game-hero__slide{
        min-height:590px;

        background:#09020d;
    }

    .ftr-game-hero__slide > img{
        position:absolute !important;

        top:0 !important;
        left:0 !important;
        right:auto !important;
        bottom:auto !important;

        display:block !important;

        width:100% !important;
        height:auto !important;

        min-width:0 !important;
        min-height:0 !important;
        max-width:100% !important;
        max-height:none !important;

        margin:0 !important;
        padding:0 !important;

        object-fit:contain !important;
        object-position:center top !important;

        transform:none !important;

        image-rendering:auto;
    }

    .ftr-game-hero__shade{
        z-index:1;

        background:
            linear-gradient(
                180deg,
                rgba(5,1,8,0) 0%,
                rgba(5,1,8,.05) 16%,
                rgba(5,1,8,.60) 31%,
                rgba(5,1,8,.96) 45%,
                rgba(5,1,8,.995) 100%
            );
    }

    .ftr-game-hero__copy{
        min-height:590px;

        justify-content:flex-end;

        max-width:none;

        padding:210px 22px 88px;
    }

    .ftr-game-hero h1,
    .ftr-game-hero h2{
        font-size:clamp(43px,12.5vw,51px);
        line-height:.91;
        letter-spacing:-.055em;
    }

    .ftr-game-hero__copy p{
        max-width:100%;

        margin-top:18px;

        font-size:12px;
        line-height:1.62;
    }

    .ftr-game-hero__actions{
        margin-top:20px;
    }

    .ftr-game-hero__actions a{
        min-height:44px;

        padding:0 16px;

        font-size:10px;
    }

    .ftr-game-hero__nav{
        right:16px;
        bottom:16px;

        gap:6px;
    }

    .ftr-game-hero__nav button{
        width:38px;
        height:38px;
    }

    .ftr-game-dots{
        gap:4px;
    }

    .ftr-game-dot{
        width:6px;
        height:6px;
    }

    .ftr-game-dot.is-active{
        width:22px;
    }

    .ftr-game-section{
        padding-top:54px;
    }

    .ftr-game-section__head{
        align-items:flex-start;
        flex-direction:column;
        gap:10px;
    }

    .ftr-game-section__head h2{
        font-size:39px;
    }

    .ftr-game-products,
    .ftr-game-bundles,
    .ftr-game-tools,
    .ftr-game-video{
        grid-template-columns:1fr;
    }

    .ftr-game-product-card{
        grid-template-rows:235px minmax(0,auto);
    }

    .ftr-game-product-card__visual{
        height:235px !important;
        min-height:235px !important;
        max-height:235px !important;
    }

    .ftr-game-product-card__visual img{
        inset:14px !important;

        width:calc(100% - 28px) !important;
        height:calc(100% - 28px) !important;
    }

    .ftr-game-context-pills{
        gap:7px;
        margin-top:13px;
    }

    .ftr-game-context-pill{
        min-height:34px;
        padding:0 10px;

        font-size:9px;
    }

    .ftr-game-bundle-products{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .ftr-game-gallery figure{
        flex-basis:88%;
        height:280px;
    }

    .ftr-game-stats{
        gap:28px;

        margin-top:54px;
        padding:28px 21px;
    }

    .ftr-game-stats h2{
        font-size:37px;
    }

    .ftr-game-stats__grid{
        grid-template-columns:repeat(2,1fr);
    }

    .ftr-game-stats__grid article{
        padding:17px 12px;

        border-bottom:1px solid rgba(255,255,255,.07);
    }

    .ftr-game-stats__grid strong{
        font-size:32px;
    }

    .ftr-game-tool-card{
        min-height:410px;
    }

    .ftr-game-news-redirect{
        align-items:flex-start;
        flex-direction:column;

        padding:27px 23px;
    }

    .ftr-game-news-redirect strong{
        font-size:20px;
    }

    .ftr-game-video__copy{
        min-height:0;

        padding:30px 23px;
    }

    .ftr-game-video__player{
        min-height:260px;
    }

}


/*
|--------------------------------------------------------------------------
| EXTRA SMALL PHONES
|--------------------------------------------------------------------------
*/

@media(max-width:390px){

    .ftr-game-hero,
    .ftr-game-hero__slide,
    .ftr-game-hero__copy{
        min-height:570px;
    }

    .ftr-game-hero__copy{
        padding:
            190px
            18px
            82px;
    }

    .ftr-game-hero h1,
    .ftr-game-hero h2{
        font-size:42px;
    }

}


/*
|--------------------------------------------------------------------------
| FC27 GALLERY — FULL IMAGE + CLICKABLE
|--------------------------------------------------------------------------
*/

.ftr-game-section--gallery
.ftr-game-kicker{
    font-size:12px;
    letter-spacing:.18em;
}

.ftr-game-gallery figure{
    position:relative;
    height:auto;
    aspect-ratio:12 / 5;

    background:#0c0311;
}

.ftr-game-gallery__open{
    appearance:none;
    -webkit-appearance:none;

    position:relative;

    display:block;

    width:100%;
    height:100%;

    padding:0;

    overflow:hidden;

    border:0;

    background:#0c0311;

    cursor:zoom-in;
}

.ftr-game-gallery__open img,
.ftr-game-gallery img{
    display:block !important;

    width:100% !important;
    height:100% !important;

    min-width:0 !important;
    min-height:0 !important;
    max-width:100% !important;
    max-height:100% !important;

    object-fit:contain !important;
    object-position:center !important;

    transform:none !important;

    image-rendering:auto;
}

.ftr-game-gallery__zoom{
    position:absolute;

    right:14px;
    bottom:14px;

    display:grid;

    width:38px;
    height:38px;

    place-items:center;

    border:1px solid rgba(255,255,255,.14);
    border-radius:10px;

    background:rgba(7,2,10,.68);

    color:#fff;

    font-size:16px;
    line-height:1;

    backdrop-filter:blur(8px);

    opacity:.88;

    transition:
        transform .15s ease,
        background .15s ease,
        opacity .15s ease;
}

.ftr-game-gallery__open:hover
.ftr-game-gallery__zoom{
    transform:translateY(-2px);
    background:rgba(149,43,226,.78);
    opacity:1;
}

.ftr-game-gallery-nav button{
    transition:
        border-color .15s ease,
        background .15s ease,
        transform .15s ease;
}

.ftr-game-gallery-nav button:hover{
    transform:translateY(-1px);

    border-color:rgba(178,77,255,.45);
    background:rgba(133,37,207,.28);
}


/*
|--------------------------------------------------------------------------
| GALLERY LIGHTBOX
|--------------------------------------------------------------------------
*/

html.ftr-lightbox-open,
body.ftr-lightbox-open{
    overflow:hidden !important;
}

.ftr-game-lightbox{
    position:fixed;
    inset:0;

    z-index:999999;

    display:none;

    align-items:center;
    justify-content:center;

    padding:24px;
}

.ftr-game-lightbox.is-open{
    display:flex;
}

.ftr-game-lightbox__backdrop{
    appearance:none;
    -webkit-appearance:none;

    position:absolute;
    inset:0;

    width:100%;
    height:100%;

    padding:0;
    border:0;

    background:rgba(3,1,5,.91);

    cursor:zoom-out;

    backdrop-filter:blur(12px);
}

.ftr-game-lightbox__dialog{
    position:relative;
    z-index:2;

    display:flex;

    width:min(1500px,94vw);
    height:min(82vh,900px);

    align-items:center;
    justify-content:center;

    pointer-events:none;
}

.ftr-game-lightbox__image-wrap{
    position:relative;

    display:grid;

    width:100%;
    height:100%;

    place-items:center;

    overflow:hidden;

    border:1px solid rgba(188,82,255,.26);
    border-radius:18px;

    background:#08020d;

    box-shadow:
        0 35px 100px rgba(0,0,0,.55);

    pointer-events:auto;
}

.ftr-game-lightbox__image-wrap img{
    display:block;

    width:100%;
    height:100%;

    object-fit:contain;
    object-position:center;

    user-select:none;
    -webkit-user-drag:none;
}

.ftr-game-lightbox__close,
.ftr-game-lightbox__nav{
    appearance:none;
    -webkit-appearance:none;

    position:absolute;
    z-index:5;

    display:grid;

    place-items:center;

    border:1px solid rgba(255,255,255,.15);
    border-radius:11px;

    background:rgba(12,5,17,.82);

    color:#fff;

    cursor:pointer;

    backdrop-filter:blur(10px);

    pointer-events:auto;

    transition:
        transform .15s ease,
        background .15s ease,
        border-color .15s ease;
}

.ftr-game-lightbox__close:hover,
.ftr-game-lightbox__nav:hover{
    transform:scale(1.04);

    border-color:rgba(181,76,255,.50);
    background:rgba(126,37,195,.68);
}

.ftr-game-lightbox__close{
    top:14px;
    right:14px;

    width:44px;
    height:44px;

    font-size:25px;
}

.ftr-game-lightbox__nav{
    top:50%;

    width:48px;
    height:58px;

    margin-top:-29px;

    font-size:27px;
}

.ftr-game-lightbox__nav.is-prev{
    left:14px;
}

.ftr-game-lightbox__nav.is-next{
    right:14px;
}

.ftr-game-lightbox__count{
    position:absolute;

    left:50%;
    bottom:14px;

    transform:translateX(-50%);

    padding:7px 10px;

    border:1px solid rgba(255,255,255,.10);
    border-radius:999px;

    background:rgba(7,2,10,.72);

    color:#d6ccd9;

    font-size:9px;
    font-weight:850;

    backdrop-filter:blur(8px);
}

@media(max-width:700px){

    .ftr-game-section--gallery
    .ftr-game-kicker{
        font-size:13px;
    }

    .ftr-game-gallery figure{
        flex-basis:94%;
        height:auto;
        aspect-ratio:12 / 5;
    }

    .ftr-game-gallery__zoom{
        right:10px;
        bottom:10px;

        width:34px;
        height:34px;

        font-size:14px;
    }

    .ftr-game-gallery-nav{
        margin-top:16px;
    }

    .ftr-game-gallery-nav button{
        width:46px;
        height:46px;

        font-size:23px;
    }

    .ftr-game-lightbox{
        padding:10px;
    }

    .ftr-game-lightbox__dialog{
        width:100%;
        height:78vh;
    }

    .ftr-game-lightbox__image-wrap{
        border-radius:14px;
    }

    .ftr-game-lightbox__nav{
        top:auto;
        bottom:14px;

        width:46px;
        height:46px;

        margin:0;

        border-radius:10px;
    }

    .ftr-game-lightbox__nav.is-prev{
        left:14px;
    }

    .ftr-game-lightbox__nav.is-next{
        right:14px;
    }

    .ftr-game-lightbox__close{
        top:12px;
        right:12px;

        width:42px;
        height:42px;
    }

    .ftr-game-lightbox__count{
        bottom:19px;
    }

}


/*
|--------------------------------------------------------------------------
| FC27 PRODUCT + BUNDLE UI V2
|--------------------------------------------------------------------------
*/

/* Compact country/platform pills inside cards */
.ftr-game-card-context,
.ftr-game-bundle-context{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;

    margin-top:10px;
}

.ftr-game-bundle-context{
    margin-top:-5px;
    margin-bottom:18px;
}

.ftr-game-card-context__item{
    display:inline-flex;
    min-height:28px;

    align-items:center;
    gap:7px;

    padding:0 9px;

    border:1px solid rgba(255,255,255,.075);
    border-radius:999px;

    background:rgba(255,255,255,.025);

    color:#b7abbc;

    font-size:8px;
    line-height:1;
    font-weight:850;
}

.ftr-game-card-context__flag{
    display:inline-grid;

    width:18px;
    height:18px;

    place-items:center;

    font-size:14px;
    line-height:1;
}

.ftr-game-card-context__ps{
    display:block;

    width:18px;
    height:14px;

    color:#fff;
}


/* Bigger and clearer SAVE value on product cards */
.ftr-game-product-card
.ftr-game-price-row > div > span{
    margin-top:8px;

    color:var(--green);

    font-size:11px;
    line-height:1.2;
    font-weight:950;
}


/*
|--------------------------------------------------------------------------
| HOT BUNDLE PRODUCT GRID
|--------------------------------------------------------------------------
*/

.ftr-game-bundle-card{
    overflow:hidden;
}

.ftr-game-bundle-products{
    display:grid;

    grid-template-columns:repeat(4,minmax(0,1fr));

    gap:10px;

    margin-top:2px;
}

.ftr-game-bundle-product{
    display:flex;

    min-width:0;

    flex-direction:column;

    padding:9px;

    overflow:hidden;

    border:1px solid rgba(255,255,255,.07);
    border-radius:12px;

    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,.028),
            rgba(255,255,255,.012)
        );

    text-align:left;
}

.ftr-game-bundle-product > div{
    position:relative;

    display:block;

    width:100%;
    height:auto;
    aspect-ratio:1 / 1;

    overflow:hidden;

    padding:8px;

    border:0;
    border-radius:9px;

    background:
        radial-gradient(
            circle at 50% 45%,
            rgba(155,53,236,.09),
            transparent 58%
        ),
        rgba(255,255,255,.018);
}

.ftr-game-bundle-product img{
    position:absolute;

    inset:8px;

    display:block;

    width:calc(100% - 16px);
    height:calc(100% - 16px);

    max-width:none;
    max-height:none;

    margin:0;
    padding:0;

    object-fit:contain;
    object-position:center;
}

.ftr-game-bundle-product strong{
    display:-webkit-box;

    min-height:30px;

    margin-top:9px;

    overflow:hidden;

    color:#f4edf6;

    font-size:9px;
    line-height:1.35;
    font-weight:850;

    white-space:normal;

    text-overflow:clip;

    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}

.ftr-game-bundle-product small{
    display:block;

    margin-top:4px;

    color:#7d7184;

    font-size:7px;
    line-height:1.2;
    font-weight:800;
}


/*
|--------------------------------------------------------------------------
| HOT BUNDLE PRICE AREA
|--------------------------------------------------------------------------
*/

.ftr-game-bundle-card > .ftr-game-price-row{
    position:relative;
    z-index:2;

    align-items:flex-end;

    margin-top:22px;
    padding-top:18px;

    border-top:1px solid rgba(255,255,255,.075);

    background:var(--panel);
}

.ftr-game-bundle-card > .ftr-game-price-row > div:first-child{
    min-width:0;
}

.ftr-game-bundle-card > .ftr-game-price-row small{
    margin-bottom:6px;

    color:#978b9d;

    font-size:8px;
    line-height:1;
}

.ftr-game-bundle-card > .ftr-game-price-row strong{
    color:var(--yellow);

    font-size:30px;
    line-height:1;
    font-weight:950;
}

.ftr-game-bundle-card > .ftr-game-price-row > div > span{
    margin-top:8px;

    color:var(--green);

    font-size:11px;
    line-height:1.2;
    font-weight:950;
}

.ftr-game-bundle-card
.ftr-game-store-price{
    flex:0 0 auto;

    padding-bottom:2px;
}


/*
|--------------------------------------------------------------------------
| MOBILE PRODUCT + HOT BUNDLE FIX
|--------------------------------------------------------------------------
*/

@media(max-width:700px){

    .ftr-game-card-context,
    .ftr-game-bundle-context{
        gap:7px;
    }

    .ftr-game-card-context__item{
        min-height:31px;

        padding:0 10px;

        font-size:9px;
    }

    .ftr-game-card-context__flag{
        width:20px;
        height:20px;

        font-size:16px;
    }

    .ftr-game-card-context__ps{
        width:20px;
        height:16px;
    }

    .ftr-game-product-card
    .ftr-game-price-row > div > span{
        margin-top:9px;

        font-size:13px;
    }

    .ftr-game-bundle-card{
        padding:20px 18px;
    }

    .ftr-game-bundle-card h3{
        margin-bottom:14px;

        font-size:18px;
        line-height:1.25;
    }

    .ftr-game-bundle-context{
        margin-top:0;
        margin-bottom:17px;
    }

    .ftr-game-bundle-products{
        grid-template-columns:repeat(2,minmax(0,1fr));

        gap:10px;
    }

    .ftr-game-bundle-product{
        padding:8px;
    }

    .ftr-game-bundle-product strong{
        min-height:34px;

        margin-top:8px;

        font-size:9px;
        line-height:1.3;

        -webkit-line-clamp:2;
    }

    .ftr-game-bundle-product small{
        margin-top:3px;

        font-size:7px;
    }

    .ftr-game-bundle-card > .ftr-game-price-row{
        display:grid;

        grid-template-columns:minmax(0,1fr) auto;

        align-items:end;
        gap:12px;

        margin-top:20px;
        padding-top:18px;
    }

    .ftr-game-bundle-card > .ftr-game-price-row strong{
        font-size:29px;
    }

    .ftr-game-bundle-card > .ftr-game-price-row > div > span{
        font-size:12px;
    }

    .ftr-game-bundle-card
    .ftr-game-store-price s{
        font-size:10px;
    }

    .ftr-game-bundle-card
    .ftr-game-card-cta{
        margin-top:18px;
    }

}

@media(max-width:420px){

    .ftr-game-bundle-card > .ftr-game-price-row{
        grid-template-columns:1fr;
    }

    .ftr-game-bundle-card
    .ftr-game-store-price{
        text-align:left;
    }

}

/*
|--------------------------------------------------------------------------
| FC27 PRODUCTS — CANONICAL DESKTOP / MOBILE
|--------------------------------------------------------------------------
*/

#fc27-products .ftr-game-section__head{
    align-items:flex-end;
}

.ftr-game-products-head-actions{
    display:flex;
    flex:0 0 auto;
    align-items:flex-end;
    gap:14px;
}

.ftr-game-products-head-actions > a{
    color:#c46cff !important;
    font-size:10px;
    font-weight:900;
    text-decoration:none !important;
}

.ftr-game-products-per-page{
    display:flex;
    flex-direction:column;
    gap:6px;
}

.ftr-game-products-per-page > span{
    color:#85798b;
    font-size:7px;
    line-height:1;
    font-weight:900;
    letter-spacing:.08em;
    text-transform:uppercase;
}

.ftr-game-products-per-page select{
    min-width:92px;
    height:36px;
    padding:0 30px 0 11px;
    border:1px solid rgba(255,255,255,.10);
    border-radius:9px;
    background:#170820;
    color:#fff;
    font-size:10px;
    font-weight:850;
    outline:none;
}

.ftr-game-context-pill__platform-marker,
.ftr-game-card-context__platform-marker{
    display:inline-grid;
    place-items:center;
    line-height:1;
}

.ftr-game-context-pill__platform-marker{
    width:14px;
    height:14px;
    font-size:10px;
}

.ftr-game-card-context__platform-marker{
    width:13px;
    height:13px;
    font-size:8px;
}

#fc27-products .ftr-game-product-card[hidden]{
    display:none !important;
}

#fc27-products .ftr-game-discount,
#fc27-products .ftr-game-card-label{
    display:none !important;
}

/* DESKTOP ONLY */
@media (min-width:741px){

    #fc27-products .ftr-game-products{
        display:grid !important;
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        gap:12px !important;
        width:min(1120px,100%);
        margin-inline:auto;
    }

    #fc27-products .ftr-game-product-card{
        display:grid;
        grid-template-columns:1fr;
        grid-template-rows:220px minmax(0,auto);
        min-height:0;
        border-radius:15px;
    }

    #fc27-products .ftr-game-product-card__visual{
        width:100% !important;
        height:220px !important;
        min-height:220px !important;
        max-height:220px !important;
        padding:0 !important;
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.055);
        background:#100516;
    }

    #fc27-products .ftr-game-product-card__visual img{
        position:absolute !important;
        inset:0 !important;
        width:100% !important;
        height:100% !important;
        min-width:0 !important;
        min-height:0 !important;
        max-width:none !important;
        max-height:none !important;
        margin:0 !important;
        padding:0 !important;
        object-fit:contain !important;
        object-position:center !important;
        transform:none !important;
    }

    #fc27-products .ftr-game-product-card__body{
        display:flex;
        min-width:0;
        flex-direction:column;
        padding:13px;
    }

    #fc27-products .ftr-game-product-card h3{
        margin:0 0 4px;
        font-size:15px;
        line-height:1.16;
    }

    #fc27-products .ftr-game-card-context{
        margin-top:6px;
    }

    #fc27-products .ftr-game-price-row{
        display:grid;
        grid-template-columns:minmax(0,1fr) auto;
        align-items:end;
        gap:9px;
        margin-top:11px;
    }

    #fc27-products .ftr-game-price-row strong{
        font-size:20px;
    }
}

/* Products-style - / Add to cart / + control. */
#fc27-products .ftr-game-qty-control{
    width:100%;
    min-height:42px;
    display:grid;
    grid-template-columns:42px minmax(0,1fr) 42px;
    align-items:stretch;
    overflow:hidden;
    margin-top:10px;
    border:1px solid rgba(191,125,255,.42);
    border-radius:10px;
    background:linear-gradient(135deg,#7c3aed 0%,#5b21b6 58%,#6d28d9 100%);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        0 8px 20px rgba(92,30,170,.20);
}

#fc27-products .ftr-game-qty-control__button,
#fc27-products .ftr-game-qty-control__main{
    min-width:0;
    min-height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0;
    padding:0;
    border:0;
    border-radius:0;
    color:#fff;
    background:transparent;
    cursor:pointer;
    font:inherit;
    font-weight:900;
    line-height:1;
    transition:background .15s ease,opacity .15s ease;
}

#fc27-products .ftr-game-qty-control__button{
    font-size:19px;
}

#fc27-products .ftr-game-qty-control__button--minus{
    border-right:1px solid rgba(255,255,255,.12);
}

#fc27-products .ftr-game-qty-control__button--plus{
    border-left:1px solid rgba(255,255,255,.12);
}

#fc27-products .ftr-game-qty-control__button:hover:not(:disabled),
#fc27-products .ftr-game-qty-control__main:hover{
    background:rgba(255,255,255,.08);
}

#fc27-products .ftr-game-qty-control__button:disabled{
    opacity:.28;
    cursor:not-allowed;
}

#fc27-products .ftr-game-qty-control__main{
    gap:5px;
    padding:0 8px;
    font-size:9px;
}

#fc27-products .ftr-game-qty-control__count{
    color:#ffd400;
    font-weight:950;
}

.ftr-game-products-pagination{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    margin-top:18px;
}

.ftr-game-products-pagination[hidden]{
    display:none !important;
}

.ftr-game-products-pagination__button{
    min-height:38px;
    padding:0 13px;
    border:1px solid rgba(179,73,255,.26);
    border-radius:9px;
    background:#1b0a25;
    color:#fff;
    font-size:9px;
    font-weight:900;
    cursor:pointer;
}

.ftr-game-products-pagination__button:disabled{
    opacity:.35;
    cursor:default;
}

.ftr-game-products-pagination__status{
    color:#918496;
    font-size:9px;
    font-weight:800;
}

.ftr-game-empty__platforms{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:14px;
}

.ftr-game-empty__platforms a{
    display:inline-flex;
    min-height:36px;
    align-items:center;
    justify-content:center;
    gap:6px;
    padding:0 12px;
    border:1px solid rgba(185,76,255,.25);
    border-radius:9px;
    background:rgba(255,255,255,.025);
    color:#fff !important;
}

.ftr-game-empty__platforms a:hover{
    border-color:rgba(185,76,255,.52);
    background:rgba(185,76,255,.08);
}

/* MOBILE ONLY */
@media (max-width:740px){

    #fc27-products .ftr-game-section__head{
        align-items:flex-start;
        gap:14px;
    }

    #fc27-products .ftr-game-section__head h2{
        width:100%;
        font-size:clamp(19px,5.2vw,27px);
        line-height:1;
        white-space:nowrap;
    }

    .ftr-game-products-head-actions{
        width:100%;
        align-items:flex-end;
        justify-content:space-between;
        gap:10px;
    }

    .ftr-game-products-head-actions > a{
        padding-bottom:9px;
        font-size:9px;
    }

    .ftr-game-products-per-page select{
        min-width:82px;
        height:34px;
        font-size:9px;
    }

    #fc27-products .ftr-game-products{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:9px !important;
        width:100%;
    }

    #fc27-products .ftr-game-product-card{
        display:grid;
        grid-template-columns:1fr;
        grid-template-rows:145px minmax(0,auto);
        min-height:0;
        border-radius:13px;
    }

    #fc27-products .ftr-game-product-card__visual{
        width:100% !important;
        height:145px !important;
        min-height:145px !important;
        max-height:145px !important;
        padding:0 !important;
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.055);
        background:#100516;
    }

    #fc27-products .ftr-game-product-card__visual img{
        position:absolute !important;
        inset:0 !important;
        width:100% !important;
        height:100% !important;
        min-width:0 !important;
        min-height:0 !important;
        max-width:none !important;
        max-height:none !important;
        margin:0 !important;
        padding:0 !important;
        object-fit:contain !important;
        object-position:center !important;
        transform:none !important;
    }

    #fc27-products .ftr-game-product-card__body{
        min-height:0 !important;
        padding:9px !important;
    }

    #fc27-products .ftr-game-product-card h3{
        min-height:30px;
        margin:0 0 4px !important;
        font-size:12px;
        line-height:1.18;
    }

    #fc27-products .ftr-game-card-context{
        gap:4px;
        margin-top:3px;
    }

    #fc27-products .ftr-game-card-context__item{
        min-height:22px;
        gap:3px;
        padding:0 5px;
        font-size:6.5px;
    }

    #fc27-products .ftr-game-card-context__flag,
    #fc27-products .ftr-game-card-context__platform-marker{
        width:13px;
        height:13px;
        font-size:9px;
    }

    #fc27-products .ftr-game-price-row{
        grid-template-columns:minmax(0,1fr) auto;
        gap:4px;
        margin-top:8px !important;
        margin-bottom:0 !important;
    }

    #fc27-products .ftr-game-price-row small{
        margin-bottom:2px;
        font-size:4.8px;
        letter-spacing:.045em;
    }

    #fc27-products .ftr-game-price-row strong{
        font-size:15px;
    }

    #fc27-products .ftr-game-product-card .ftr-game-price-row > div > span{
        margin-top:4px;
        font-size:6.5px;
        line-height:1.1;
    }

    #fc27-products .ftr-game-store-price{
        min-width:44px;
        text-align:right;
    }

    #fc27-products .ftr-game-store-price small,
    #fc27-products .ftr-game-store-price s{
        white-space:nowrap;
    }

    #fc27-products .ftr-game-store-price s{
        font-size:9px;
    }

    #fc27-products .ftr-game-qty-control{
        min-height:34px;
        grid-template-columns:34px minmax(0,1fr) 34px;
        margin-top:6px;
        border-radius:8px;
    }

    #fc27-products .ftr-game-qty-control__button,
    #fc27-products .ftr-game-qty-control__main{
        min-height:34px;
    }

    #fc27-products .ftr-game-qty-control__button{
        font-size:16px;
    }

    #fc27-products .ftr-game-qty-control__main{
        gap:4px;
        padding:0 4px;
        font-size:6.5px;
    }

    .ftr-game-products-pagination{
        gap:8px;
        margin-top:14px;
    }

    .ftr-game-products-pagination__button{
        min-height:35px;
        padding:0 9px;
        font-size:8px;
    }

    .ftr-game-products-pagination__status{
        font-size:8px;
    }
}

@media (max-width:390px){

    #fc27-products .ftr-game-section__head h2{
        font-size:18px;
    }

    #fc27-products .ftr-game-product-card{
        grid-template-rows:134px minmax(0,auto);
    }

    #fc27-products .ftr-game-product-card__visual{
        height:134px !important;
        min-height:134px !important;
        max-height:134px !important;
    }

    #fc27-products .ftr-game-price-row strong{
        font-size:14px;
    }
}

/* =========================================================
   FC27 — EMBEDDED HOT BUNDLES DESKTOP FIX
   - use the full available bundle section width
   - remove the extra inner side inset from the embedded widget
   - keep FTR / Store prices in separate columns with no overlap
   - no mobile changes
   ========================================================= */
@media (min-width:651px) {

    /* Break the Hot Bundles section out of the narrow 1240px FC27 shell,
       while keeping it centered inside the viewport. */
    .ftr-game-hub .ftr-game-section--bundles {
        width:min(1540px,calc(100vw - 36px)) !important;
        max-width:none !important;
        margin-left:50% !important;
        margin-right:0 !important;
        transform:translateX(-50%) !important;
    }

    /* The dedicated Hot Bundles widget already has its own card spacing.
       On FC27 remove the additional left/right inset so cards reach the
       useful edges of the section. */
    .ftr-game-hub .ftr-game-section--bundles > .ftr-hot-public {
        width:100% !important;
        max-width:none !important;
        padding-left:0 !important;
        padding-right:0 !important;
        background:transparent !important;
    }

    .ftr-game-hub .ftr-game-section--bundles .ftr-hot-public__grid {
        width:100% !important;
        max-width:none !important;
        margin-left:0 !important;
        margin-right:0 !important;
    }

    /* Give the price area enough real width and prevent text collision. */
    .ftr-game-hub .ftr-game-section--bundles .ftr-hot-public__bottom {
        grid-template-columns:minmax(0,1fr) 190px !important;
        gap:12px !important;
    }

    .ftr-game-hub .ftr-game-section--bundles .ftr-hot-public__price-panel {
        grid-template-columns:minmax(0,1.35fr) minmax(118px,.65fr) !important;
        min-width:0 !important;
        overflow:hidden !important;
    }

    .ftr-game-hub .ftr-game-section--bundles .ftr-hot-public__price,
    .ftr-game-hub .ftr-game-section--bundles .ftr-hot-public__store {
        min-width:0 !important;
    }

    .ftr-game-hub .ftr-game-section--bundles .ftr-hot-public__price {
        padding-right:14px !important;
    }

    .ftr-game-hub .ftr-game-section--bundles .ftr-hot-public__store {
        padding-left:14px !important;
    }

    .ftr-game-hub .ftr-game-section--bundles .ftr-hot-public__price strong {
        max-width:100% !important;
        font-size:clamp(25px,2vw,36px) !important;
        line-height:1 !important;
        letter-spacing:-.035em !important;
        white-space:nowrap !important;
        overflow:hidden !important;
        text-overflow:clip !important;
    }

    .ftr-game-hub .ftr-game-section--bundles .ftr-hot-public__store small,
    .ftr-game-hub .ftr-game-section--bundles .ftr-hot-public__store s {
        display:block !important;
        max-width:100% !important;
        white-space:nowrap !important;
    }

    .ftr-game-hub .ftr-game-section--bundles .ftr-hot-public__store s {
        font-size:16px !important;
        overflow:hidden !important;
        text-overflow:clip !important;
    }

    .ftr-game-hub .ftr-game-section--bundles .ftr-hot-public__save {
        max-width:100% !important;
        white-space:nowrap !important;
    }

    .ftr-game-hub .ftr-game-section--bundles .ftr-hot-button--add {
        min-width:0 !important;
        width:100% !important;
        padding-left:16px !important;
        padding-right:16px !important;
        font-size:16px !important;
    }
}

/* =========================================================
   FC27 PRODUCTS — MORE ROUNDED PRODUCT CARDS
   Only border radius is changed.
   ========================================================= */
@media (min-width:741px) {
    #fc27-products .ftr-game-product-card {
        border-radius:22px !important;
    }

    #fc27-products .ftr-game-product-card__visual {
        border-radius:22px 22px 0 0 !important;
        overflow:hidden !important;
    }
}

@media (max-width:740px) {
    #fc27-products .ftr-game-product-card {
        border-radius:18px !important;
    }

    #fc27-products .ftr-game-product-card__visual {
        border-radius:18px 18px 0 0 !important;
        overflow:hidden !important;
    }
}

/* =========================================================
   FC27 PRODUCTS — 4 PER ROW / REFERENCE CARD LOOK
   Desktop only. Keeps current mobile UI unchanged.
   ========================================================= */
@media (min-width:741px){
    #fc27-products .ftr-game-products{
        display:grid !important;
        grid-template-columns:repeat(4,minmax(0,1fr)) !important;
        gap:12px !important;
        width:100% !important;
        max-width:none !important;
        margin-inline:0 !important;
    }

    #fc27-products .ftr-game-product-card{
        display:grid !important;
        grid-template-columns:1fr !important;
        grid-template-rows:auto minmax(0,1fr) !important;
        min-width:0 !important;
        min-height:0 !important;
        overflow:hidden !important;
        border-radius:22px !important;
    }

    #fc27-products .ftr-game-product-card__visual{
        position:relative !important;
        display:block !important;
        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;
        aspect-ratio:6 / 5 !important;
        overflow:hidden !important;
        padding:0 !important;
        border-right:0 !important;
        border-bottom:1px solid rgba(255,255,255,.055) !important;
        border-radius:22px 22px 0 0 !important;
        background:#0b0711 !important;
    }

    #fc27-products .ftr-game-product-card__visual img{
        position:absolute !important;
        inset:0 !important;
        display:block !important;
        width:100% !important;
        height:100% !important;
        min-width:100% !important;
        min-height:100% !important;
        max-width:none !important;
        max-height:none !important;
        margin:0 !important;
        padding:0 !important;
        object-fit:cover !important;
        object-position:center top !important;
        transform:none !important;
    }

    #fc27-products .ftr-game-product-card__body{
        display:flex !important;
        min-width:0 !important;
        flex-direction:column !important;
        padding:13px 14px 14px !important;
        background:linear-gradient(180deg,rgba(58,20,75,.98),rgba(31,9,43,.99)) !important;
    }

    #fc27-products .ftr-game-product-card h3{
        min-height:0 !important;
        margin:0 0 5px !important;
        font-size:15px !important;
        line-height:1.15 !important;
        font-weight:900 !important;
    }

    #fc27-products .ftr-game-card-context{
        margin-top:5px !important;
    }

    #fc27-products .ftr-game-price-row{
        margin-top:11px !important;
    }

    #fc27-products .ftr-game-price-row strong{
        font-size:20px !important;
    }

    #fc27-products .ftr-game-qty-control{
        margin-top:auto !important;
        transform:translateY(0) !important;
    }
}



/* ==========================================================
   FC27 LIVE PRICING SELECTORS — TRANSPARENT / FLAG DROPDOWN
   ========================================================== */

#fc27-products .ftr-game-context-pills--selectable{
    position:relative;
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
    margin-top:14px;
}

#fc27-products .ftr-game-context-select{
    position:relative;
    display:inline-flex;
    min-height:34px;
    align-items:center;
    gap:7px;
    padding:0 10px;
    border:1px solid rgba(255,255,255,.09);
    border-radius:999px;
    background:rgba(255,255,255,.025) !important;
    color:#fff;
    box-shadow:none !important;
}

#fc27-products .ftr-game-context-select__label{
    display:inline-flex;
    align-items:center;
    color:#b6aabc;
    font-size:8px;
    font-weight:800;
    white-space:nowrap;
}

/* PLATFORM: native select, but visually transparent/dark */
#fc27-products .ftr-game-context-select--platform select{
    appearance:none !important;
    -webkit-appearance:none !important;
    min-width:105px;
    height:30px !important;
    padding:0 24px 0 2px !important;
    border:0 !important;
    outline:0 !important;
    border-radius:999px !important;
    background:
        linear-gradient(45deg,transparent 50%,#9d8ca5 50%) calc(100% - 10px) 12px / 4px 4px no-repeat,
        linear-gradient(135deg,#9d8ca5 50%,transparent 50%) calc(100% - 6px) 12px / 4px 4px no-repeat,
        transparent !important;
    color:#fff !important;
    box-shadow:none !important;
    font-size:9px !important;
    font-weight:900 !important;
    cursor:pointer;
}

#fc27-products .ftr-game-context-select--platform select:focus{
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
}

#fc27-products .ftr-game-context-select--platform select option{
    background:#14081d !important;
    color:#fff !important;
}

/* COUNTRY: custom dropdown so flags render as real images */
#fc27-products .ftr-game-country-dropdown{
    padding-right:5px;
    z-index:30;
}

#fc27-products .ftr-game-country-dropdown__native{
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    opacity:0 !important;
    pointer-events:none !important;
    overflow:hidden !important;
}

#fc27-products .ftr-game-country-dropdown__trigger{
    appearance:none;
    -webkit-appearance:none;
    display:inline-flex;
    min-height:30px;
    align-items:center;
    gap:7px;
    padding:0 8px;
    border:0;
    border-radius:999px;
    background:transparent !important;
    color:#fff;
    box-shadow:none;
    font-size:9px;
    font-weight:900;
    cursor:pointer;
}

#fc27-products .ftr-game-country-dropdown__trigger img,
#fc27-products .ftr-game-country-dropdown__option img{
    display:block;
    width:20px;
    height:15px;
    flex:0 0 20px;
    object-fit:cover;
    border-radius:2px;
    box-shadow:0 0 0 1px rgba(255,255,255,.08);
}

#fc27-products .ftr-game-country-dropdown__chevron{
    margin-left:2px;
    color:#9d8ca5;
    font-size:12px;
    line-height:1;
    transition:transform .15s ease;
}

#fc27-products .ftr-game-country-dropdown.is-open
.ftr-game-country-dropdown__chevron{
    transform:rotate(180deg);
}

#fc27-products .ftr-game-country-dropdown__menu{
    position:absolute;
    z-index:999;
    top:calc(100% + 7px);
    left:0;
    width:max(210px,100%);
    max-height:280px;
    overflow:auto;
    padding:6px;
    border:1px solid rgba(185,76,255,.24);
    border-radius:13px;
    background:#14081d;
    box-shadow:0 18px 50px rgba(0,0,0,.48);
}

#fc27-products .ftr-game-country-dropdown__menu[hidden]{
    display:none !important;
}

#fc27-products .ftr-game-country-dropdown__option{
    appearance:none;
    -webkit-appearance:none;
    display:flex;
    width:100%;
    min-height:36px;
    align-items:center;
    gap:9px;
    padding:0 9px;
    border:0;
    border-radius:9px;
    background:transparent;
    color:#dcd3e1;
    text-align:left;
    font-size:9px;
    font-weight:850;
    cursor:pointer;
}

#fc27-products .ftr-game-country-dropdown__option:hover,
#fc27-products .ftr-game-country-dropdown__option.is-selected{
    background:rgba(170,60,255,.13);
    color:#fff;
}

@media(max-width:740px){
    #fc27-products .ftr-game-context-pills--selectable{
        display:grid;
        grid-template-columns:minmax(0,1.35fr) minmax(0,.85fr);
        width:100%;
        gap:8px;
    }

    #fc27-products .ftr-game-context-select{
        width:100%;
        min-width:0;
    }

    #fc27-products .ftr-game-country-dropdown__trigger{
        min-width:0;
        max-width:100%;
    }

   #fc27-products .ftr-game-country-dropdown__trigger span:nth-child(2){
    overflow:visible;
    text-overflow:clip;
    white-space:nowrap;
}

    #fc27-products .ftr-game-country-dropdown__menu{
        width:min(280px,calc(100vw - 36px));
    }

    #fc27-products .ftr-game-context-select--platform select{
        width:100%;
        min-width:0;
    }
}


/* ==========================================================
   FC27 MOBILE — MATCH PRODUCTS PAGE IMAGE AREA EXACTLY
   Same 6:5 ratio + full-bleed cover used on /products/.
   Desktop is untouched.
   ========================================================== */
@media (max-width:740px){

    #fc27-products .ftr-game-product-card{
        grid-template-rows:auto minmax(0,auto) !important;
    }

    #fc27-products .ftr-game-product-card__visual{
        position:relative !important;
        display:block !important;

        width:100% !important;
        height:auto !important;
        min-height:0 !important;
        max-height:none !important;

        aspect-ratio:6 / 5 !important;

        overflow:hidden !important;
        padding:0 !important;

        border-bottom:1px solid rgba(255,255,255,.07) !important;
        background:#190923 !important;
    }

    #fc27-products .ftr-game-product-card__visual img{
        position:absolute !important;
        inset:0 !important;

        display:block !important;

        width:100% !important;
        height:100% !important;

        min-width:100% !important;
        min-height:100% !important;
        max-width:none !important;
        max-height:none !important;

        margin:0 !important;
        padding:0 !important;

        object-fit:cover !important;
        object-position:center !important;

        transform:none !important;
    }
}

/* FC27 direct Eneba product button */
#fc27-products .ftr-game-direct-purchase{
    display:flex;
    width:100%;
    min-height:42px;

    align-items:center;
    justify-content:center;
    gap:10px;

    margin-top:18px;
    padding:0 14px;

    border:1px solid rgba(255,228,92,.78);
    border-radius:8px;

    background:#ffd400;

    color:#09020d !important;
    text-decoration:none !important;

    font-size:10px;
    line-height:1;
    font-weight:950;

    box-shadow:0 8px 24px rgba(255,212,0,.16);
}

#fc27-products .ftr-game-direct-purchase:hover{
    background:#ffe45c;
    color:#09020d !important;
    text-decoration:none !important;
}