/* PC Geeks V2 — FINAL PRODUCTION CSS BUNDLE
 * Generated from the live uploaded theme. Do not reorder sections casually.
 */

/* ===== BASE: assets/css/pcg-v2.css ===== */
/* ========================================================================
   PC Geeks 2.0 — Phase 01.2
   Scope: homepage only via .pcg-v2-active
   ======================================================================== */

@font-face {
    font-family: "PCG Readex";
    src: url("../fonts/IBM/ReadexPro-VariableFont_wght.woff2") format("woff2");
    font-weight: 200 800;
    font-style: normal;
    font-display: swap;
}

.pcg-v2-active {
    --pcg-bg: #171b23;
    --pcg-bg-soft: #1b2029;
    --pcg-panel: #202631;
    --pcg-panel-2: #252c38;
    --pcg-panel-3: #12161d;
    --pcg-border: rgba(255,255,255,.065);
    --pcg-border-strong: rgba(255,255,255,.11);
    --pcg-text: #f5f7fa;
    --pcg-muted: #98a3b3;
    --pcg-muted-2: #758092;
    --pcg-accent: #58a6ff;
    --pcg-accent-soft: #79c0ff;
    --pcg-green: #76d79a;
    --pcg-radius-lg: 22px;
    --pcg-radius: 16px;
    --pcg-shell: 1320px;
    background: var(--pcg-bg) !important;
    color: var(--pcg-text);
    font-family: "PCG Readex", Tahoma, Arial, sans-serif;
}

.pcg-v2-active .cloux-wrapper {
    background: var(--pcg-bg) !important;
    overflow: visible;
}

.pcg-v2-active .pcg-v2-home,
.pcg-v2-active .pcg-v2-home *,
.pcg-v2-active .pcg-v2-site-header *,
.pcg-v2-active .pcg-v2-footer * { box-sizing: border-box; }

.pcg-v2-shell {
    width: min(calc(100% - 48px), var(--pcg-shell));
    margin-inline: auto;
}

/* ------------------------------------------------------------------------
   Header — V2 replaces the legacy Cloux header on homepage only.
   ------------------------------------------------------------------------ */
/* The legacy child stylesheet forces the desktop Cloux header back to
   display:block!important with higher specificity. Keep these selectors
   deliberately stronger so V2 owns the homepage header on every viewport. */
body.pcg-v2-homepage .cloux-header,
body.pcg-v2-homepage .cloux-mobile-header,
body.pcg-v2-homepage .cloux-header.style-1.position-2 {
    display: none !important;
    visibility: hidden !important;
}

.pcg-v2-site-header {
    position: sticky;
    top: 0;
    z-index: 2000;
    height: 64px;
    background: rgba(23,27,35,.91);
    border-bottom: 1px solid var(--pcg-border);
    backdrop-filter: blur(18px) saturate(120%);
    -webkit-backdrop-filter: blur(18px) saturate(120%);
    transition: background-color .2s ease, border-color .2s ease;
}

.admin-bar .pcg-v2-site-header { top: 32px; }

.pcg-v2-site-header.pcg-v2-is-scrolled {
    background: rgba(18,22,29,.97);
    border-bottom-color: var(--pcg-border-strong);
}

.pcg-v2-site-header__inner {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 30px;
}

.pcg-v2-brand {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: #fff !important;
    text-decoration: none !important;
}

.pcg-v2-brand__mark {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border-radius: 10px;
}

.pcg-v2-brand__image {
    width: 38px !important;
    height: 38px !important;
    object-fit: contain;
}

.pcg-v2-brand__fallback {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    color: #eaf4ff;
    background: #202936;
    border: 1px solid var(--pcg-border);
    border-radius: 10px;
    font-size: 11px;
    font-weight: 800;
}

.pcg-v2-brand__text {
    direction: ltr;
    white-space: nowrap;
    color: #eaf0f7;
    font-size: 17px;
    font-weight: 760;
    letter-spacing: -.02em;
}
.pcg-v2-brand__text b { color: var(--pcg-accent-soft); }

.pcg-v2-nav {
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 26px;
}

.pcg-v2-nav a {
    position: relative;
    padding: 23px 0 17px;
    color: #aab4c2 !important;
    font-size: 12.5px;
    font-weight: 560;
    text-decoration: none !important;
    transition: color .18s ease;
}

.pcg-v2-nav a::after {
    content: "";
    position: absolute;
    right: 50%;
    bottom: -1px;
    width: 0;
    height: 2px;
    background: var(--pcg-accent);
    border-radius: 2px;
    transform: translateX(50%);
    transition: width .18s ease;
}

.pcg-v2-nav a:hover,
.pcg-v2-nav a.is-active { color: #fff !important; }
.pcg-v2-nav a:hover::after,
.pcg-v2-nav a.is-active::after { width: 22px; }

.pcg-v2-header-actions {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 7px;
}

.pcg-v2-header-icon,
.pcg-v2-menu-toggle {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    margin: 0;
    padding: 0;
    color: #b8c3d0 !important;
    background: #1d232d;
    border: 1px solid var(--pcg-border);
    border-radius: 10px;
    outline: 0;
    box-shadow: none;
    text-decoration: none !important;
    transition: background .18s ease, border-color .18s ease, color .18s ease;
}
.pcg-v2-header-icon svg { width: 17px; height: 17px; fill: currentColor; }
.pcg-v2-header-icon:not(.is-disabled):hover { color: #fff !important; background: #242c38; border-color: rgba(88,166,255,.24); }
.pcg-v2-header-icon.is-disabled { opacity: .42; cursor: not-allowed; }


/* Global search panel — opens without scrolling the page. */
.pcg-v2-search-panel {
    position: fixed;
    top: 70px;
    right: 0;
    left: 0;
    z-index: 1990;
    direction: rtl;
    padding: 12px 0;
    background: rgba(18,22,29,.985);
    border-bottom: 1px solid var(--pcg-border-strong);
    box-shadow: 0 18px 44px rgba(0,0,0,.22);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-8px);
    transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
}
.admin-bar .pcg-v2-search-panel { top: 102px; }
.pcg-v2-search-panel.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}
.pcg-v2-search-panel__inner {
    display: grid;
    grid-template-columns: minmax(0,760px) 38px;
    align-items: center;
    justify-content: center;
    gap: 9px;
}
.pcg-v2-global-search {
    min-height: 48px;
    display: grid;
    grid-template-columns: 19px minmax(0,1fr) auto;
    gap: 10px;
    align-items: center;
    padding: 5px 7px 5px 5px;
    background: #11161d;
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 13px;
}
.pcg-v2-global-search svg { width:18px; height:18px; fill:#758196; }
.pcg-v2-global-search input {
    width:100%;
    min-width:0;
    height:38px;
    margin:0 !important;
    padding:0 4px !important;
    color:#eef2f7 !important;
    background:transparent !important;
    border:0 !important;
    outline:0 !important;
    box-shadow:none !important;
    font:inherit !important;
    font-size:12.5px !important;
}
.pcg-v2-global-search input::placeholder { color:#707c8c; opacity:1; }
.pcg-v2-global-search button {
    min-height:38px;
    padding:0 18px;
    color:#07131f;
    background:var(--pcg-accent);
    border:0;
    border-radius:9px;
    font:inherit;
    font-size:11px;
    font-weight:750;
    cursor:pointer;
}
.pcg-v2-search-panel__close {
    width:38px;
    height:38px;
    margin:0;
    padding:0;
    display:grid;
    place-items:center;
    color:#9aa6b6;
    background:#1d232d;
    border:1px solid var(--pcg-border);
    border-radius:10px;
    box-shadow:none;
    font:400 24px/1 Arial,sans-serif;
    cursor:pointer;
}
.pcg-v2-search-panel__close:hover { color:#fff; background:#242c38; }

.pcg-v2-menu-toggle { display: none; }
.pcg-v2-menu-toggle span { width: 17px; height: 1.5px; display: block; background: currentColor; border-radius: 2px; }
.pcg-v2-menu-toggle span + span { margin-top: 4px; }

/* ------------------------------------------------------------------------
   Hero
   ------------------------------------------------------------------------ */
.pcg-v2-home {
    direction: rtl;
    min-height: 80vh;
    padding-bottom: 58px;
    background:
        radial-gradient(circle at 76% -10%, rgba(88,166,255,.065), transparent 27rem),
        var(--pcg-bg);
}

.pcg-v2-hero {
    position: relative;
    min-height: 440px;
    display: flex;
    align-items: stretch;
    isolation: isolate;
    overflow: hidden;
    background: linear-gradient(135deg,#202836,#171b23);
    border-bottom: 1px solid var(--pcg-border);
}

.pcg-v2-hero::after {
    content: "";
    position: absolute;
    inset: -18px;
    z-index: -2;
    background: var(--pcg-backdrop-image, none) center 38% / cover no-repeat;
    filter: blur(8px) saturate(.8);
    transform: scale(1.035);
    opacity: .72;
}

.pcg-v2-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
        linear-gradient(90deg, rgba(23,27,35,.98) 0%, rgba(23,27,35,.92) 31%, rgba(23,27,35,.61) 66%, rgba(23,27,35,.9) 100%),
        radial-gradient(circle at 73% 25%, rgba(88,166,255,.18), transparent 30%),
        linear-gradient(180deg, transparent 55%, var(--pcg-bg) 100%);
}

.pcg-v2-hero__grid {
    min-height: 440px;
    display: grid;
    grid-template-columns: minmax(0,1.42fr) minmax(250px,.58fr);
    gap: 58px;
    align-items: center;
    padding-block: 40px;
}

.pcg-v2-hero__content { max-width: 750px; }

.pcg-v2-eyebrow,
.pcg-v2-section__kicker {
    display: inline-flex;
    align-items: center;
    color: var(--pcg-accent-soft);
    font-size: 11px;
    font-weight: 500;
    letter-spacing: .01em;
}

.pcg-v2-hero h1 {
    margin: 10px 0 10px;
    color: #fff;
    font-family: inherit;
    font-size: clamp(20px,3.9vw,20px);
    line-height: 1.14;
    letter-spacing: -.035em;
    font-weight: 760;
}

.pcg-v2-hero__content > p {
    max-width: 650px;
    margin: 0;
    color: #b5bfcc;
    font-size: 15px;
    line-height: 1.85;
}

.pcg-v2-search {
    display: grid;
    grid-template-columns: 20px minmax(0,1fr) auto;
    gap: 10px;
    align-items: center;
    max-width: 700px;
    min-height: 58px;
    margin-top: 24px;
    padding: 7px 8px 7px 7px;
    background: rgba(14,18,24,.88);
    border: 1px solid rgba(255,255,255,.1);
    border-radius: 15px;
    box-shadow: 0 14px 42px rgba(0,0,0,.16);
}

.pcg-v2-search > svg { width: 19px; height: 19px; fill: #778396; margin-right: 4px; }
.pcg-v2-search input {
    width: 100%; min-width: 0; height: 42px; margin: 0 !important; padding: 0 3px !important;
    background: transparent !important; border: 0 !important; outline: 0 !important; box-shadow: none !important;
    color: #eef2f7 !important; font: inherit !important; font-size: 13px !important;
}
.pcg-v2-search input::placeholder { color: #727e8e; opacity: 1; }
.pcg-v2-search button,
.pcg-v2-button {
    min-height: 42px;
    padding: 0 20px;
    border: 0;
    border-radius: 10px;
    background: var(--pcg-accent);
    color: #08131f;
    font-family: inherit;
    font-size: 12px;
    font-weight: 750;
    cursor: pointer;
    transition: transform .18s ease, background-color .18s ease;
}
.pcg-v2-search button:hover { background: #79c0ff; transform: translateY(-1px); }

.pcg-v2-quicklinks { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 13px; }
.pcg-v2-quicklinks a {
    padding: 7px 11px;
    color: #aab5c4 !important;
    background: rgba(32,38,49,.66);
    border: 1px solid var(--pcg-border);
    border-radius: 999px;
    font-size: 10px;
    font-weight: 500 !important;
    line-height: 1;
    text-decoration: none !important;
    transition: color .18s ease, border-color .18s ease, background .18s ease;
}
.pcg-v2-quicklinks a:hover { color: #fff !important; border-color: rgba(88,166,255,.34); background: rgba(88,166,255,.08); }

.pcg-v2-featured {
    width: min(100%,280px);
    min-height: 350px;
    justify-self: end;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    color: #fff !important;
    background:
        linear-gradient(180deg,rgba(15,18,24,.02),rgba(15,18,24,.13) 42%,rgba(15,18,24,.96) 100%),
        var(--pcg-poster-image, none) center / cover no-repeat,
        #252d39;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 19px;
    box-shadow: 0 24px 68px rgba(0,0,0,.24);
    text-decoration: none !important;
    transition: transform .2s ease, border-color .2s ease;
}
.pcg-v2-featured:hover { transform: translateY(-4px); border-color: rgba(121,192,255,.34); color:#fff !important; }
.pcg-v2-featured__label {
    align-self: flex-start; display: inline-flex; align-items: center; gap: 7px; margin: 14px;
    padding: 7px 9px; color:#e8edf4; background:rgba(13,17,23,.82); border:1px solid rgba(255,255,255,.09);
    border-radius:9px; backdrop-filter:blur(8px); font-size:9px; font-weight:500;
}
.pcg-v2-featured__label > span { width:6px; height:6px; background:#ff8958; border-radius:50%; }
.pcg-v2-featured__spacer { flex:1; }
.pcg-v2-featured__content { display:block; padding:20px 19px; }
.pcg-v2-featured__genre { display:block; margin-bottom:5px; color:#a8b3c1; font-size:9px; }
.pcg-v2-featured__content strong { display:block; overflow:hidden; color:#fff; font-size:15px; line-height:1.35; font-weight:760; text-overflow:ellipsis; white-space:nowrap; }
.pcg-v2-featured__meta { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:12px; color:#b8c2cf; font-size:9px; }

/* ------------------------------------------------------------------------
   Sections + game cards
   ------------------------------------------------------------------------ */
.pcg-v2-section { padding-top: 58px; }
.pcg-v2-section--trending { padding-top: 52px; }
.pcg-v2-section__head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 22px;
    margin-bottom: 17px;
}
.pcg-v2-section__head--compact { justify-content: flex-start; align-items: center; gap: 28px; }
.pcg-v2-section__head h2,
.pcg-v2-feature-panel h2 {
    margin: 4px 0 0 !important;
    color: var(--pcg-text);
    font-family: inherit;
    font-size: clamp(20px,2.2vw,20px);
    line-height: 1.35;
    font-weight: 720;
    letter-spacing: -.02em;
}
.pcg-v2-periods {
    display: flex;
    gap: 4px;
    padding: 4px;
    background: #151a22;
    border: 1px solid var(--pcg-border);
    border-radius: 10px;
}
.pcg-v2-periods span { padding: 7px 10px; color: #727d8c; border-radius: 7px; font-size: 9px; }
.pcg-v2-periods span.is-active { background: var(--pcg-panel-2); color: #fff; }
.pcg-v2-more { color: #9bcaff !important; font-size: 11px; font-weight: 650; text-decoration:none !important; }
.pcg-v2-more:hover { color:#fff !important; }

.pcg-v2-grid--games { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:15px; }
.pcg-v2-card {
    min-width:0; overflow:hidden; background:var(--pcg-panel); border:1px solid var(--pcg-border); border-radius:var(--pcg-radius);
    transition:transform .18s ease,border-color .18s ease,background-color .18s ease;
}
.pcg-v2-card:hover { transform:translateY(-3px); border-color:rgba(255,255,255,.115); background:#232a36; }
.pcg-v2-card__media { position:relative; display:block; aspect-ratio:3/4; overflow:hidden; background:#141922; color:#fff !important; }
.pcg-v2-card__image,.pcg-v2-card__media > img { display:block; width:100% !important; height:100% !important; object-fit:cover; transition:transform .28s ease,filter .28s ease; }
.pcg-v2-card:hover .pcg-v2-card__image { transform:scale(1.025); filter:brightness(.84); }
.pcg-v2-card__placeholder { display:block; width:100%; height:100%; background:linear-gradient(145deg,#263343,#161c25); }
.pcg-v2-card__rank {
    position:absolute; inset-inline-start:11px; bottom:8px; z-index:2; color:rgba(255,255,255,.94); font-size:20px; line-height:1;
    font-weight:800; text-shadow:0 2px 16px rgba(0,0,0,.58);
}
.pcg-v2-card__badge {
    position:absolute; top:10px; inset-inline-end:10px; z-index:2; padding:6px 6px; color:#fff; background:rgba(13,17,23,.82);
    border:1px solid rgba(255,255,255,.09); border-radius:8px; backdrop-filter:blur(8px); font-size:8.5px; font-weight:750;
}
.pcg-v2-card__badge.is-new { color:#a9d4ff; }
.pcg-v2-card__badge.is-updated { color:#a5edbd; }
.pcg-v2-card__arabic {
    position: absolute;
    top: 10px;
    inset-inline-start: 10px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    min-height: 23px;
    padding: 4px 8px;
    color: #d8ffe8;
    background: rgba(16, 80, 52, .86);
    border: 1px solid rgba(88, 215, 145, .28);
    border-radius: 8px;
    backdrop-filter: blur(8px);
    font-size: 9.5px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .01em;
}
.pcg-v2-card__hover {
    position:absolute; left:50%; top:50%; z-index:2; transform:translate(-50%,-42%); padding:8px 11px; opacity:0;
    color:#fff; background:rgba(13,17,23,.76); border:1px solid rgba(255,255,255,.11); border-radius:9px; backdrop-filter:blur(8px);
    font-size:9px; transition:opacity .18s ease,transform .18s ease;
}
.pcg-v2-card:hover .pcg-v2-card__hover { opacity:1; transform:translate(-50%,-50%); }
.pcg-v2-card__body { padding:12px 13px 11px; }
.pcg-v2-card__title { margin:0 !important; font-family:inherit !important; font-size:13.5px !important; line-height:1.45 !important; font-weight:680 !important; }
.pcg-v2-card__title a { display:block; overflow:hidden; color:#f2f5f8 !important; text-overflow:ellipsis; white-space:nowrap; text-decoration:none !important; }
.pcg-v2-card__title a:hover { color:var(--pcg-accent-soft) !important; }
.pcg-v2-card__genres { min-height:16px; margin-top:3px; overflow:hidden; color:#8c98a8; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.pcg-v2-card__meta { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:8px; color:#a5afbc; font-size:9.5px; }
.pcg-v2-card__meta span { display:inline-flex; align-items:center; gap:5px; min-width:0; }
.pcg-v2-card__meta svg { width:12px; height:12px; flex:0 0 auto; fill:#697689; }

/* ------------------------------------------------------------------------
   Feature panels — hardware is deliberately dominant.
   ------------------------------------------------------------------------ */
.pcg-v2-feature-grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr); gap:18px; }
.pcg-v2-feature-panel {
    position:relative; min-height:270px; overflow:hidden; padding:28px;
    background:radial-gradient(circle at 8% 5%,rgba(88,166,255,.08),transparent 13rem),var(--pcg-panel);
    border:1px solid var(--pcg-border); border-radius:20px;
}
.pcg-v2-hardware-card { min-height:280px; }
.pcg-v2-mods-card { background:radial-gradient(circle at 12% 8%,rgba(121,192,255,.055),transparent 12rem),#1f2530; }
.pcg-v2-feature-panel__icon { width:40px; height:40px; display:grid; place-items:center; margin-bottom:16px; background:#171d26; border:1px solid var(--pcg-border); border-radius:11px; }
.pcg-v2-feature-panel__icon svg { width:19px; height:19px; fill:var(--pcg-accent-soft); }
.pcg-v2-feature-panel p { max-width:620px; margin:9px 0 16px; color:var(--pcg-muted); font-size:12px; line-height:1.8; }
.pcg-v2-spec-pills { display:flex; flex-wrap:wrap; gap:7px; margin-bottom:16px; }
.pcg-v2-spec-pills span { padding:7px 10px; background:#171d26; border:1px solid var(--pcg-border); border-radius:8px; color:#aeb7c3; font-size:9px; }
.pcg-v2-button--muted { min-height:39px; background:#29313e; color:#9ca8b8; cursor:not-allowed; }
.pcg-v2-feature-panel__watermark { position:absolute; bottom:-44px; inset-inline-start:24px; color:rgba(88,166,255,.05); font-size:20px; line-height:1; font-weight:800; pointer-events:none; }
.pcg-v2-mod-preview { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin:16px 0; }
.pcg-v2-mod-preview span { min-height:66px; display:flex; align-items:flex-end; padding:10px; background:linear-gradient(145deg,#29394d,#1b212b); border:1px solid var(--pcg-border); border-radius:11px; color:#dce3ec; font-size:9px; font-weight:650; }

/* ------------------------------------------------------------------------
   Today + Explore
   ------------------------------------------------------------------------ */
.pcg-v2-stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.pcg-v2-stats article { min-height:108px; padding:18px; background:var(--pcg-panel); border:1px solid var(--pcg-border); border-radius:14px; }
.pcg-v2-stats__number { display:block; margin-bottom:8px; color:#fff; font-size:20px; line-height:1; font-weight:780; }
.pcg-v2-stats strong { display:block; color:#e9edf3; font-size:13px; font-weight:500 !important; }
.pcg-v2-stats small { display:block; margin-top:4px; color:#717d8d; font-size:8.5px; }
.pcg-v2-stats__top { display:flex; flex-direction:column; justify-content:center; }
.pcg-v2-stats__pulse { width:7px; height:7px; margin-bottom:12px; background:#ff8958; border-radius:50%; box-shadow:0 0 0 5px rgba(255,137,88,.08); }

.pcg-v2-explore-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.pcg-v2-explore-grid a {
    min-height:145px; position:relative; display:flex; flex-direction:column; justify-content:flex-end; padding:19px; overflow:hidden;
    color:#fff !important; background:linear-gradient(145deg,#263242,#1d232d); border:1px solid var(--pcg-border); border-radius:17px;
    text-decoration:none !important; transition:transform .18s ease,border-color .18s ease,background .18s ease;
}
.pcg-v2-explore-grid a::after {
    content:""; position:absolute; inset:-45% -30% auto auto; width:180px; height:180px; border-radius:50%;
    background:radial-gradient(circle,rgba(88,166,255,.075),transparent 66%); pointer-events:none;
}
.pcg-v2-explore-grid a:hover { transform:translateY(-3px); border-color:rgba(88,166,255,.24); background:linear-gradient(145deg,#293747,#1e252f); }
.pcg-v2-explore__number { position:absolute; top:14px; inset-inline-start:15px; color:rgba(255,255,255,.09); font-size:20px; line-height:1; font-weight:800; }
.pcg-v2-explore__icon { position:absolute; top:17px; inset-inline-end:17px; width:38px; height:38px; display:grid; place-items:center; color:rgba(121,192,255,.38); }
.pcg-v2-explore__icon svg { width:34px; height:34px; fill:currentColor; }
.pcg-v2-explore-grid strong { position:relative; z-index:1; font-size:13px; font-weight: 500 !important; }
.pcg-v2-explore-grid small { position:relative; z-index:1; margin-top:6px; color:#8f9baa; font-size:9px; line-height:1.6; }

/* ------------------------------------------------------------------------
   Footer — lightweight V2 footer, old Cloux footer remains hidden only here.
   ------------------------------------------------------------------------ */
.pcg-v2-active .cloux-footer { display:none !important; }
.pcg-v2-footer {
    direction:rtl;
    background:#151920;
    border-top:1px solid var(--pcg-border);
}
.pcg-v2-footer__main {
    display:grid;
    grid-template-columns:minmax(0,1.5fr) .55fr .55fr;
    gap:52px;
    padding-block:42px 34px;
}
.pcg-v2-footer__logo { direction:ltr; display:inline-block; color:#f1f5f9; font-size:20px; font-weight:780; }
.pcg-v2-footer__logo b { color:var(--pcg-accent-soft); }
.pcg-v2-footer__brand p { max-width:520px; margin:11px 0 0; color:#7f8a99; font-size:11px; line-height:1.85; }
.pcg-v2-footer__links { display:flex; flex-direction:column; align-items:flex-start; gap:9px; }
.pcg-v2-footer__links strong { margin-bottom:3px; color:#e8edf4; font-size:12px; }
.pcg-v2-footer__links a { color:#8995a5 !important; font-size:10.5px; text-decoration:none !important; }
.pcg-v2-footer__links a:hover { color:#bcdcff !important; }
.pcg-v2-footer__bottom { min-height:54px; display:flex; align-items:center; justify-content:space-between; gap:20px; border-top:1px solid rgba(255,255,255,.045); color:#657181; font-size:9px; }

/* ------------------------------------------------------------------------
   Responsive
   ------------------------------------------------------------------------ */
@media (max-width:1199px) {
    .pcg-v2-shell { width:min(calc(100% - 36px),var(--pcg-shell)); }
    .pcg-v2-nav { gap:18px; }
    .pcg-v2-nav a { font-size:11.5px; }
    .pcg-v2-hero__grid { grid-template-columns:1.3fr .7fr; gap:34px; }
    .pcg-v2-grid--games { gap:12px; }
    .pcg-v2-feature-grid { grid-template-columns:1.25fr .75fr; }
}

@media (max-width:991px) {
    .admin-bar .pcg-v2-site-header { top:32px; }
    .pcg-v2-site-header__inner { position:relative; gap:14px; }
    .pcg-v2-brand { margin-inline-end:auto; }
    .pcg-v2-nav {
        position:absolute; top:62px; right:0; left:0; z-index:5; display:none; flex-direction:column; align-items:stretch; gap:0;
        padding:8px; background:rgba(20,25,33,.99); border:1px solid var(--pcg-border); border-radius:14px; box-shadow:0 22px 55px rgba(0,0,0,.3);
    }
    .pcg-v2-nav.is-open { display:flex; }
    .pcg-v2-nav a { padding:12px 13px; border-radius:9px; font-size:12px; }
    .pcg-v2-nav a::after { display:none; }
    .pcg-v2-nav a:hover,.pcg-v2-nav a.is-active { background:#202733; }
    .pcg-v2-menu-toggle { display:block; padding:9px; }
    .pcg-v2-hero { min-height:auto; }
    .pcg-v2-hero__grid { min-height:420px; grid-template-columns:1fr; padding-block:48px; }
    .pcg-v2-featured { display:none; }
    .pcg-v2-hero__content { max-width:780px; }
    .pcg-v2-grid--games { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .pcg-v2-grid--games > .pcg-v2-card:nth-child(n+6) { display:none; }
    .pcg-v2-feature-grid { grid-template-columns:1fr; }
    .pcg-v2-stats { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .pcg-v2-explore-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .pcg-v2-footer__main { grid-template-columns:1fr 1fr; gap:30px; }
    .pcg-v2-footer__brand { grid-column:1/-1; }
}

@media (max-width:782px) {
    .admin-bar .pcg-v2-site-header { top:46px; }
}

@media (max-width:767px) {
    .pcg-v2-shell { width:calc(100% - 28px); }
    .pcg-v2-site-header { height:64px; }
    .pcg-v2-brand__mark,.pcg-v2-brand__fallback,.pcg-v2-brand__image { width:34px !important; height:34px !important; }
    .pcg-v2-brand__text { font-size:15px; }
    .pcg-v2-header-icon { width:35px; height:35px; }
    .pcg-v2-header-icon.is-disabled { display:none; }
    .pcg-v2-home { padding-bottom:44px; }
    .pcg-v2-hero::after { filter:blur(10px) saturate(.75); opacity:.56; }
    .pcg-v2-hero::before { background:linear-gradient(90deg,rgba(23,27,35,.97),rgba(23,27,35,.76)),linear-gradient(180deg,transparent 52%,var(--pcg-bg) 100%); }
    .pcg-v2-hero__grid { min-height:405px; padding-block:40px; }
    .pcg-v2-hero h1 { font-size:20px; }
    .pcg-v2-hero__content > p { font-size:12px; line-height:1.75; }
    .pcg-v2-search { grid-template-columns:18px minmax(0,1fr); min-height:54px; padding:8px 12px; }
    .pcg-v2-search button { grid-column:1/-1; width:100%; margin-top:1px; }
    .pcg-v2-quicklinks { gap:6px; }
    .pcg-v2-quicklinks a { padding:7px 9px; font-size:8.5px; }
    .pcg-v2-section { padding-top:44px; }
    .pcg-v2-section__head { align-items:flex-start; }
    .pcg-v2-section__head--compact { align-items:flex-start; justify-content:space-between; gap:12px; }
    .pcg-v2-periods { margin-top:3px; }
    .pcg-v2-periods span:not(.is-active) { display:none; }
    .pcg-v2-section__head h2,.pcg-v2-feature-panel h2 { font-size:20px; }
    .pcg-v2-grid--games { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
    .pcg-v2-grid--games > .pcg-v2-card:nth-child(n+6) { display:none; }
    .pcg-v2-card { border-radius:14px; }
    .pcg-v2-card__body { padding:10px; }
    .pcg-v2-card__title { font-size:11.5px !important; }
    .pcg-v2-card__genres { font-size:8px; }
    .pcg-v2-card__rank { font-size:20px; }
    .pcg-v2-card__hover { display:none; }
    .pcg-v2-feature-panel { min-height:0; padding:22px; }
    .pcg-v2-mod-preview { grid-template-columns:repeat(3,1fr); }
    .pcg-v2-stats { grid-template-columns:1fr 1fr; gap:9px; }
    .pcg-v2-stats article { min-height:100px; padding:15px; }
    .pcg-v2-explore-grid { grid-template-columns:1fr 1fr; gap:9px; }
    .pcg-v2-explore-grid a { min-height:124px; padding:14px; border-radius:14px; }
    .pcg-v2-explore-grid strong { font-size:11.5px; }
    .pcg-v2-explore-grid small { font-size:8px; }
    .pcg-v2-explore__icon { width:31px; height:31px; }
    .pcg-v2-explore__icon svg { width:28px; height:28px; }
    .pcg-v2-footer__main { grid-template-columns:1fr 1fr; gap:24px; padding-block:34px 28px; }
    .pcg-v2-footer__brand { grid-column:1/-1; }
    .pcg-v2-footer__bottom { min-height:58px; flex-direction:column; justify-content:center; gap:3px; text-align:center; }
}

@media (max-width:480px) {
    .pcg-v2-shell { width:calc(100% - 22px); }
    .pcg-v2-brand__text { font-size:14px; }
    .pcg-v2-header-actions { gap:5px; }
    .pcg-v2-hero__grid { min-height:390px; }
    .pcg-v2-hero h1 { font-size:20px; }
    .pcg-v2-stats { grid-template-columns:1fr; }
    .pcg-v2-explore-grid { grid-template-columns:1fr; }
    .pcg-v2-footer__main { grid-template-columns:1fr; }
    .pcg-v2-footer__brand { grid-column:auto; }
}

@media (prefers-reduced-motion:reduce) {
    .pcg-v2-active *, .pcg-v2-active *::before, .pcg-v2-active *::after {
        scroll-behavior:auto !important; transition:none !important; animation:none !important;
    }
}


@media (max-width:782px) {
    .admin-bar .pcg-v2-search-panel { top:110px; }
}
@media (max-width:767px) {
    .pcg-v2-search-panel { top:64px; padding:10px 0; }
    .admin-bar .pcg-v2-search-panel { top:110px; }
    .pcg-v2-search-panel__inner { grid-template-columns:minmax(0,1fr) 35px; gap:7px; }
    .pcg-v2-global-search { grid-template-columns:17px minmax(0,1fr); padding:7px 10px; }
    .pcg-v2-global-search button { grid-column:1/-1; width:100%; }
    .pcg-v2-search-panel__close { width:35px; height:35px; }
}

/* Phase 03 — My Library header integration. */
body.pcg-v2-librarypage .cloux-header,
body.pcg-v2-librarypage .cloux-mobile-header,
body.pcg-v2-librarypage .cloux-header.style-1.position-2 {
    display: none !important;
    visibility: hidden !important;
}

.pcg-v2-header-library {
    position: relative;
}

.pcg-v2-header-library.is-active {
    color: #fff !important;
    background: #242c38;
    border-color: rgba(88,166,255,.28);
}

.pcg-v2-header-library-count {
    position: absolute;
    top: -5px;
    left: -5px;
    min-width: 17px;
    height: 17px;
    display: inline-grid;
    place-items: center;
    padding: 0 4px;
    color: #07131f;
    background: var(--pcg-accent-soft);
    border: 2px solid var(--pcg-bg);
    border-radius: 999px;
    font-size: 8px;
    line-height: 1;
    font-weight: 800;
}

.pcg-v2-header-library-count.is-empty { display: none; }

/* Phase 04 — active hardware CTA on the homepage. */
.pcg-v2-button--hardware {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:40px;
    color:#07131f !important;
    background:var(--pcg-accent);
    text-decoration:none !important;
}
.pcg-v2-button--hardware:hover { color:#07131f !important; background:var(--pcg-accent-soft); transform:translateY(-1px); }

/* ========================================================================
   Phase 04.2 — compatibility on shared game cards + connected device panel.
   ======================================================================== */
.pcg-v2-card__compat {
    min-height: 21px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    max-width: 100%;
    margin-top: 7px;
    padding: 4px 7px;
    border: 1px solid transparent;
    border-radius: 7px;
    font-size: 8.5px;
    font-weight: 680;
    white-space: nowrap;
}
.pcg-v2-card__compat-dot {
    width: 6px;
    height: 6px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: currentColor;
    box-shadow: 0 0 0 3px currentColor;
    opacity: .86;
}
.pcg-v2-card__compat.is-recommended {
    color: #81e6a6;
    background: rgba(54, 211, 121, .075);
    border-color: rgba(81, 218, 137, .15);
}
.pcg-v2-card__compat.is-minimum {
    color: #8ec5ff;
    background: rgba(88, 166, 255, .075);
    border-color: rgba(88, 166, 255, .15);
}
.pcg-v2-card__compat.is-below {
    color: #ff9e91;
    background: rgba(255, 103, 86, .07);
    border-color: rgba(255, 120, 105, .14);
}
.pcg-v2-card__compat-dot { box-shadow: none; }

.pcg-v2-device-snapshot {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1.15fr) 92px;
    gap: 7px;
    max-width: 650px;
    margin: 16px 0;
}
.pcg-v2-device-snapshot > span {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 9px 10px;
    overflow: hidden;
    color: #b7c1ce;
    background: #171d26;
    border: 1px solid var(--pcg-border);
    border-radius: 9px;
    font-size: 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pcg-v2-device-snapshot b {
    flex: 0 0 auto;
    color: var(--pcg-accent-soft);
    font-size: 8px;
    letter-spacing: .04em;
}
.pcg-v2-hardware-actions {
    display: flex;
    align-items: center;
    gap: 13px;
    flex-wrap: wrap;
}
.pcg-v2-hardware-edit {
    color: #8f9baa !important;
    font-size: 9.5px;
    text-decoration: none !important;
}
.pcg-v2-hardware-edit:hover { color: var(--pcg-accent-soft) !important; }

@media (max-width: 767px) {
    .pcg-v2-card__compat { min-height: 19px; padding: 3px 6px; font-size: 7.5px; }
    .pcg-v2-card__compat-dot { width: 5px; height: 5px; }
    .pcg-v2-device-snapshot { grid-template-columns: 1fr; max-width: none; }
    .pcg-v2-device-snapshot > span { min-height: 34px; }
}

.pcg-device-summary__compatible {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    padding: 0 12px;
    color: #07131f !important;
    background: var(--pcg-accent);
    border-radius: 9px;
    font-size: 9px;
    font-weight: 750;
    text-decoration: none !important;
}
.pcg-device-summary__compatible:hover { background: var(--pcg-accent-soft); color: #07131f !important; }

/* ------------------------------------------------------------------------
   Phase 06 — Mods Lite homepage preview
   ------------------------------------------------------------------------ */
.pcg-v2-button--mods{min-height:39px;background:#29384b;color:#cce4ff!important;border:1px solid rgba(88,166,255,.16);padding: 6px;}
.pcg-v2-button--mods:hover{background:#30445b;color:#fff!important}
.pcg-v2-mod-preview.has-mods{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.pcg-v2-mod-preview.has-mods>a{min-width:0;overflow:hidden;display:flex;flex-direction:column;background:#19202a;border:1px solid var(--pcg-border);border-radius:11px;color:#e6edf5!important;text-decoration:none!important;transition:transform .18s ease,border-color .18s ease}
.pcg-v2-mod-preview.has-mods>a:hover{transform:translateY(-2px);border-color:rgba(88,166,255,.22)}
.pcg-v2-mod-preview__media{display:block!important;min-height:0!important;padding:0!important;aspect-ratio:16/10;overflow:hidden;background:#202b39!important;border:0!important;border-radius:0!important}
.pcg-v2-mod-preview__image,.pcg-v2-mod-preview__media>img{display:block;width:100%!important;height:100%!important;object-fit:cover}
.pcg-v2-mod-preview__media .pcg-mod-v2-card__placeholder{display:block;width:100%;height:100%;background:linear-gradient(145deg,#29394d,#1b212b)}
.pcg-v2-mod-preview__copy{min-height:58px!important;display:flex!important;flex-direction:column;justify-content:center;align-items:flex-start!important;padding:8px 9px!important;background:transparent!important;border:0!important;border-radius:0!important}
.pcg-v2-mod-preview__copy small{max-width:100%;overflow:hidden;color:#79c0ff;font-size:7.5px;text-overflow:ellipsis;white-space:nowrap}
.pcg-v2-mod-preview__copy strong{display:block;max-width:100%;margin-top:2px;overflow:hidden;color:#edf3f9;font-size:9px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:560px){.pcg-v2-mod-preview.has-mods{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.pcg-v2-mod-preview__copy{padding:7px!important}.pcg-v2-mod-preview__copy strong{font-size:8px}}


/* Phase 07 — notification bell. */
.pcg-v2-header-notifications{position:relative}
.pcg-v2-header-notifications.is-active{color:#fff !important;background:#242c38;border-color:rgba(88,166,255,.28)}
.pcg-v2-header-notification-count{position:absolute;top:-5px;left:-5px;min-width:17px;height:17px;display:inline-grid;place-items:center;padding:0 4px;color:#07131f;background:#86efac;border:2px solid var(--pcg-bg);border-radius:999px;font-size:8px;line-height:1;font-weight:900}
.pcg-v2-header-notification-count.is-empty{display:none}


/* ========================================================================
   Phase 08 — live daily pulse on homepage.
   ======================================================================== */
.pcg-v2-stats--live article{position:relative;padding-bottom:42px;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.pcg-v2-stats--live article:hover{transform:translateY(-2px);border-color:rgba(88,166,255,.18);background:#222a36}
.pcg-v2-stats--live article>a{position:absolute;right:18px;bottom:15px;color:#79c0ff!important;font-size:8.5px;font-weight:750;text-decoration:none!important}
.pcg-v2-stats--live article>a:hover{color:#fff!important}
.pcg-v2-stats--live .pcg-v2-stats__personal{background:linear-gradient(145deg,rgba(88,166,255,.045),var(--pcg-panel))}
.pcg-v2-stats__pulse.is-blue{background:#58a6ff;box-shadow:0 0 0 5px rgba(88,166,255,.09)}
@media(max-width:767px){.pcg-v2-stats--live article{padding-bottom:39px}.pcg-v2-stats--live article>a{right:15px;bottom:13px}}

/* ========================================================================
   Phase 09 — Smart Discovery entry points.
   ======================================================================== */
.pcg-v2-quicklinks a.is-arabic{color:#d8ffe8!important;border-color:rgba(88,215,145,.25);background:rgba(35,120,78,.10)}
.pcg-v2-quicklinks a.is-arabic:hover{border-color:rgba(88,215,145,.42);background:rgba(35,120,78,.16)}
.pcg-v2-quicklinks a.is-recommend{color:#c9e6ff!important;border-color:rgba(88,166,255,.28);background:rgba(88,166,255,.08)}
.pcg-v2-quicklinks a.is-recommend:hover{background:rgba(88,166,255,.14);border-color:rgba(121,192,255,.42)}
@media(min-width:992px){.pcg-v2-explore-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
.pcg-v2-explore-grid a.pcg-v2-explore-recommend{background:linear-gradient(145deg,rgba(88,166,255,.12),#202a37);border-color:rgba(88,166,255,.2)}
.pcg-v2-explore-grid a.pcg-v2-explore-recommend::after{background:radial-gradient(circle,rgba(88,166,255,.2),transparent 67%)}
.pcg-v2-explore-grid a.pcg-v2-explore-recommend .pcg-v2-explore__number{color:#79c0ff}


/* ===== COMMUNITY: assets/css/pcg-community-v2.css ===== */
/* PC Geeks V2 — Phase 15 Help / Support / Telegram */
.pcg-help-v2,
.pcg-support-v2 { min-height:70vh; color:#e2e8f0; background:#171b23; }

.pcg-help-hero,
.pcg-support-hero {
    padding:72px 0 52px;
    background:linear-gradient(180deg,rgba(88,166,255,.055),transparent 70%);
    border-bottom:1px solid rgba(148,163,184,.08);
}
.pcg-help-hero .pcg-v2-shell > span,
.pcg-support-hero .pcg-v2-shell span,
.pcg-support-hero__inner > div > span {
    display:block;margin:0 0 8px;color:#79c0ff;font-size:10px;font-weight:700;
}
.pcg-help-hero h1,
.pcg-support-hero h1 { margin:0;color:#fff;font-size:clamp(20px,4vw,20px);line-height:1.15; }
.pcg-help-hero p,
.pcg-support-hero p { max-width:760px;margin:14px 0 0;color:#94a3b8;font-size:12px;line-height:1.9; }

.pcg-help-search { position:relative;max-width:720px;margin-top:24px; }
.pcg-help-search input {
    width:100%;height:52px;padding:0 48px 0 16px;color:#e2e8f0;background:#1c212a;
    border:1px solid rgba(148,163,184,.14);border-radius:12px;outline:none;font:inherit;
}
.pcg-help-search input:focus { border-color:rgba(88,166,255,.55);box-shadow:0 0 0 3px rgba(88,166,255,.08); }
.pcg-help-search b { position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#58a6ff;font-size:18px; }

.pcg-help-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px; }
.pcg-help-card {
    padding:20px;background:#202631;border:1px solid rgba(148,163,184,.12);border-radius:15px;
}
.pcg-help-card[hidden] { display:none !important; }
.pcg-help-card > span { display:inline-block;margin-bottom:10px;color:#79c0ff;font-size:8px;font-weight:800;letter-spacing:.06em; }
.pcg-help-card h2 { margin:0 0 7px;color:#fff;font-size:16px; }
.pcg-help-card p { margin:0 0 14px;color:#94a3b8;font-size:10px;line-height:1.7; }
.pcg-help-card ol { margin:0;padding:0 18px 0 0;color:#c7d0dc;font-size:9.5px;line-height:1.85; }
.pcg-help-card li + li { margin-top:5px; }
.pcg-help-bottom { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px; }
.pcg-help-bottom article { padding:22px;background:#1d242e;border:1px solid rgba(148,163,184,.1);border-radius:15px; }
.pcg-help-bottom span { color:#79c0ff;font-size:9px;font-weight:700; }
.pcg-help-bottom h2 { margin:5px 0 7px;color:#fff;font-size:18px; }
.pcg-help-bottom p { margin:0 0 14px;color:#94a3b8;font-size:10px;line-height:1.7; }
.pcg-help-bottom a,
.pcg-support-goal a,
.pcg-support-home-card__actions a { display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:9px;text-decoration:none;font-size:10px;font-weight:700; }
.pcg-help-bottom a { color:#dcecff;background:rgba(88,166,255,.09);border:1px solid rgba(88,166,255,.22); }

.pcg-support-hero__inner { display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:36px;align-items:center; }
.pcg-support-goal { padding:22px;background:#202631;border:1px solid rgba(148,163,184,.12);border-radius:16px; }
.pcg-support-goal small { display:block;color:#94a3b8;font-size:9px; }
.pcg-support-goal strong { display:block;margin:4px 0 12px;color:#fff;font-size:20px; }
.pcg-support-goal p { margin:9px 0 14px;font-size:9.5px; }
.pcg-support-goal a { color:#09111c;background:#58a6ff; }
.pcg-support-disabled { display:block !important;padding:10px 12px !important;color:#94a3b8 !important;background:#1c212a;border-radius:9px;font-size:9px !important; }
.pcg-support-progress { height:8px;overflow:hidden;background:#151a22;border-radius:999px; }
.pcg-support-progress i { display:block;width:var(--pcg-progress,0%);height:100%;background:linear-gradient(90deg,#58a6ff,#79c0ff);border-radius:inherit;transition:width .25s ease; }
.pcg-support-points { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px; }
.pcg-support-points article { padding:22px;background:#202631;border:1px solid rgba(148,163,184,.1);border-radius:15px; }
.pcg-support-points b { color:#58a6ff;font-size:18px; }
.pcg-support-points h2 { margin:8px 0 6px;color:#fff;font-size:16px; }
.pcg-support-points p { margin:0;color:#94a3b8;font-size:10px;line-height:1.8; }

/* Homepage support strip */
.pcg-v2-section--support { padding-top:6px; }
.pcg-support-home-card { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:22px 24px;background:#202631;border:1px solid rgba(148,163,184,.12);border-radius:16px; }
.pcg-support-home-card__copy > span { color:#79c0ff;font-size:9px;font-weight:700; }
.pcg-support-home-card__copy h2 { margin:4px 0 6px;color:#fff;font-size:20px; }
.pcg-support-home-card__copy p { max-width:720px;margin:0 0 12px;color:#94a3b8;font-size:9.5px;line-height:1.7; }
.pcg-support-home-card__copy .pcg-support-progress { max-width:520px; }
.pcg-support-home-card__copy small { display:block;margin-top:7px;color:#7f8a99;font-size:8.5px; }
.pcg-support-home-card__actions { display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end; }
.pcg-support-home-card__actions a { color:#cbd5e1;background:#1c212a;border:1px solid rgba(148,163,184,.12); }
.pcg-support-home-card__actions .pcg-support-home-card__primary { color:#07111d;background:#58a6ff;border-color:transparent; }

/* Smart Telegram card — bottom corner, max once/24h. */
.pcg-telegram-smart {
    position:fixed;left:22px;bottom:22px;z-index:9997;width:min(390px,calc(100vw - 28px));
    display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:11px;align-items:center;
    padding:14px 14px 14px 16px;color:#dce7f2;background:rgba(26,33,43,.97);
    border:1px solid rgba(88,166,255,.24);border-radius:14px;box-shadow:0 18px 45px rgba(0,0,0,.35);
    opacity:0;transform:translateY(14px);pointer-events:none;transition:opacity .2s ease,transform .2s ease;
}
.pcg-telegram-smart.is-visible { opacity:1;transform:none;pointer-events:auto; }
.pcg-telegram-smart[hidden] { display:none !important; }
.pcg-telegram-smart__icon { width:42px;height:42px;display:grid;place-items:center;color:#fff;background:#2aabee;border-radius:12px;font-size:20px;font-weight:900; }
.pcg-telegram-smart strong { display:block;color:#fff;font-size:11px; }
.pcg-telegram-smart p { margin:3px 0 0;color:#9aa7b7;font-size:8.8px;line-height:1.55; }
.pcg-telegram-smart > a { min-height:34px;display:inline-flex;align-items:center;padding:0 11px;color:#07111d;background:#58a6ff;border-radius:8px;text-decoration:none;font-size:9px;font-weight:800;white-space:nowrap; }
.pcg-telegram-smart__close { position:absolute;top:-8px;right:-8px;width:25px;height:25px;margin:0;padding:0;color:#b8c2cf;background:#171c24;border:1px solid rgba(255,255,255,.12);border-radius:50%;cursor:pointer; }

@media (max-width:980px) {
    .pcg-help-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .pcg-support-hero__inner { grid-template-columns:1fr; }
    .pcg-support-goal { max-width:520px; }
}
@media (max-width:640px) {
    .pcg-help-hero,.pcg-support-hero { padding:48px 0 34px; }
    .pcg-help-grid,.pcg-help-bottom,.pcg-support-points { grid-template-columns:1fr; }
    .pcg-support-home-card { grid-template-columns:1fr;padding:18px; }
    .pcg-support-home-card__actions { justify-content:stretch; }
    .pcg-support-home-card__actions a { flex:1; }
    .pcg-telegram-smart { left:14px;bottom:14px;grid-template-columns:38px minmax(0,1fr); }
    .pcg-telegram-smart > a { grid-column:1/-1;justify-content:center; }
}

/* Phase 15.1 — Telegram mark must render correctly even on legacy pages where
   the V2-wide final fix stylesheet is intentionally not loaded. */
.pcg-telegram-smart__icon svg{width:22px;height:22px;display:block;fill:#fff}


/* ===== READABILITY_152: assets/css/pcg-phase152-v2.css ===== */
/* PC Geeks V2 — Phase 15.2: readable typography + Help Center + Requests */

/* ------------------------------------------------------------------
   1) Readability baseline.  The V2 UI had many 7–10px labels inherited
      from early compact mockups.  Keep cards compact, but not microscopic.
   ------------------------------------------------------------------ */
body.pcg-v2-active { font-size:15px; }
body.pcg-v2-active :where(p,li,td,th,label,input,select,textarea,button) { font-size:max(12px,.78rem); }
body.pcg-v2-active small { font-size:max(11.5px,.74rem) !important; line-height:1.6; }

body.pcg-v2-active :where(
  .pcg-v2-card__meta,.pcg-v2-card__compat,.pcg-v2-card__kicker,
  .pcg-game-breadcrumbs,.pcg-game-tags span,.pcg-game-meta,.pcg-game-meta span,
  .pcg-game-device-preview__specs span,.pcg-game-device-preview__specs b,
  .pcg-game-device-preview__link,.pcg-game-device-match strong,.pcg-game-device-match small,
  .pcg-game-device-components span,.pcg-game-device-components b,.pcg-game-spec-card__match,
  .pcg-explorer-kicker,.pcg-explorer-filters label,.pcg-explorer-results__head p,
  .pcg-explorer-pagination a,.pcg-explorer-pagination span,
  .pcg-library-kicker,.pcg-library-card__meta,.pcg-library-empty p,
  .pcg-device-kicker,.pcg-device-form label,.pcg-device-note,
  .pcg-recommend-kicker,.pcg-recommend-filter label,.pcg-recommend-reason,
  .pcg-today-kicker,.pcg-notifications-kicker,
  .pcg-auth-kicker,.pcg-account-stat span,.pcg-account-card p,
  .pcg-onboarding-kicker,.pcg-mod-card__meta,.pcg-mod-meta,
  .pcg-help-card__top span,.pcg-help-card__top b,.pcg-help-results-line,
  .pcg-support-goal small,.pcg-support-home-card__copy small,
  .pcg-telegram-smart strong,.pcg-telegram-smart p,.pcg-telegram-smart > a
) { font-size:12px !important; line-height:1.55; }

body.pcg-v2-active :where(
  .pcg-v2-card__title,.pcg-game-card__title,.pcg-library-card__title,
  .pcg-mod-card h2,.pcg-account-card h2,.pcg-help-card h2
) { font-size:15px !important; line-height:1.35; }

/* Balanced page and game headings: strong, not billboard-sized. */
body.pcg-v2-active .pcg-game-hero h1 { font-size:clamp(20px,4.1vw,20px) !important; line-height:1.08; }
body.pcg-v2-active :where(.pcg-game-section-head h2,.pcg-v2-section-title h2,.pcg-explorer-hero h1,.pcg-help-hero h1,.pcg-support-hero h1,.pcg-request-hero h1) { font-size:clamp(20px,3vw,20px) !important; }
body.pcg-v2-active :where(.pcg-game-section-head p,.pcg-help-hero p,.pcg-support-hero p,.pcg-request-hero p) { font-size:14px !important; line-height:1.8; }

/* Buttons should remain legible even in compact cards. */
body.pcg-v2-active :where(.pcg-v2-button,.pcg-game-button,.pcg-help-bottom a,.pcg-support-home-card__actions a) { font-size:12px !important; font-weight: 500 !important; }

/* ------------------------------------------------------------------
   2) Help Center 2.0 — categories + collapsible solutions.
   ------------------------------------------------------------------ */
.pcg-help-categories { display:flex;flex-wrap:wrap;gap:8px;margin-top:18px; }
.pcg-help-categories button { min-height:36px;padding:0 13px;color:#aeb9c7;background:#1c222c;border:1px solid rgba(148,163,184,.12);border-radius:10px;cursor:pointer;font-weight:750; }
.pcg-help-categories button:hover,.pcg-help-categories button.is-active { color:#eaf4ff;background:rgba(88,166,255,.12);border-color:rgba(88,166,255,.32); }
.pcg-help-categories small { display:inline-flex;min-width:21px;height:21px;margin-inline-start:5px;align-items:center;justify-content:center;color:#8ec7ff;background:#111822;border-radius:999px; }
.pcg-help-results-line { margin-top:14px;color:#8290a1; }
.pcg-help-results-line strong { color:#79c0ff;font-size:14px; }
.pcg-help-library-section { padding-top:38px; }
.pcg-help-grid { grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start; }
.pcg-help-card { padding:20px 20px 18px; }
.pcg-help-card__top { display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px; }
.pcg-help-card__top span { color:#79c0ff;font-weight:800; }
.pcg-help-card__top b { color:#657588;font-weight:750;letter-spacing:.04em;direction:ltr; }
.pcg-help-card h2 { margin-bottom:8px; }
.pcg-help-card p { margin:0;color:#9aa8b9;font-size:13px !important;line-height:1.7; }
.pcg-help-card details { margin-top:15px;border-top:1px solid rgba(148,163,184,.1);padding-top:12px; }
.pcg-help-card summary { list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#cce4ff;cursor:pointer;font-size:12px;font-weight:800; }
.pcg-help-card summary::-webkit-details-marker { display:none; }
.pcg-help-card summary::after { content:'+';width:24px;height:24px;display:grid;place-items:center;color:#79c0ff;background:#161d26;border-radius:7px;font-size:16px; }
.pcg-help-card details[open] summary::after { content:'−'; }
.pcg-help-card ol { margin:12px 0 0;padding:0 19px 0 0;color:#c1ccd9;font-size:12.5px !important;line-height:1.85; }
.pcg-help-empty { margin:26px 0;padding:28px;text-align:center;background:#1d242e;border:1px dashed rgba(148,163,184,.18);border-radius:14px; }
.pcg-help-empty strong { color:#fff;font-size:17px; }.pcg-help-empty p{margin:6px 0 0;color:#8c9aab}

/* ------------------------------------------------------------------
   3) Request Game — same URL and comments, completely new V2 shell.
   ------------------------------------------------------------------ */
.pcg-request-v2 { min-height:70vh;color:#e2e8f0;background:#171b23; }
.pcg-request-hero { padding:64px 0 38px;background:linear-gradient(180deg,rgba(88,166,255,.055),transparent);border-bottom:1px solid rgba(148,163,184,.08); }
.pcg-request-hero__inner { display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:46px;align-items:center; }
.pcg-request-hero span,.pcg-request-section-head > span,.pcg-request-comments-head > span,.pcg-request-rules > span { color:#79c0ff;font-size:12px;font-weight:800; }
.pcg-request-hero h1 { margin:8px 0 10px;color:#fff; }.pcg-request-hero p{max-width:700px;margin:0;color:#94a3b8}
.pcg-request-steps { display:grid;grid-template-columns:repeat(3,1fr);gap:9px; }
.pcg-request-steps article { min-width:0;padding:16px;background:#202631;border:1px solid rgba(148,163,184,.11);border-radius:13px; }
.pcg-request-steps b { display:block;color:#58a6ff;font-size:19px; }.pcg-request-steps strong{display:block;margin:7px 0 3px;color:#fff;font-size:13px}.pcg-request-steps small{color:#8593a4}
.pcg-request-search-section { padding-top:30px;padding-bottom:8px; }
.pcg-request-search { display:grid;grid-template-columns:minmax(220px,.7fr) minmax(300px,1.4fr) auto;gap:12px;align-items:center;padding:18px 20px;background:#202631;border:1px solid rgba(148,163,184,.12);border-radius:15px; }
.pcg-request-search strong{display:block;color:#fff;font-size:15px}.pcg-request-search small{display:block;margin-top:3px;color:#8997a8}.pcg-request-search input{width:100%;height:44px;padding:0 14px;color:#e4edf6;background:#171d25;border:1px solid rgba(148,163,184,.14);border-radius:10px;outline:none}.pcg-request-search input:focus{border-color:rgba(88,166,255,.5)}.pcg-request-search button{height:44px;padding:0 18px;color:#07111d;background:#58a6ff;border:0;border-radius:10px;font-weight:800;cursor:pointer}
.pcg-request-board-section { padding-top:28px; }
.pcg-request-layout { display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:start; }
.pcg-request-board,.pcg-request-rules,.pcg-request-comments-wrap { background:#202631;border:1px solid rgba(148,163,184,.12);border-radius:16px; }
.pcg-request-board { padding:24px;overflow:hidden; }.pcg-request-section-head{margin-bottom:18px}.pcg-request-section-head h2,.pcg-request-comments-head h2,.pcg-request-rules h2{margin:5px 0 6px;color:#fff;font-size:20px}.pcg-request-section-head p,.pcg-request-comments-head p{margin:0;color:#8e9cac}
.pcg-request-rules { position:sticky;top:92px;padding:20px; }.pcg-request-rules ol{margin:13px 0 18px;padding:0 20px 0 0;color:#c4ced9;line-height:1.85}.pcg-request-rules li+li{margin-top:6px}.pcg-request-rules a{display:flex;min-height:40px;align-items:center;justify-content:center;margin-top:8px;color:#07111d;background:#58a6ff;border-radius:9px;text-decoration:none;font-weight:800}.pcg-request-rules a.is-secondary{color:#cbd9e7;background:#171d25;border:1px solid rgba(148,163,184,.13)}

/* Turn the old content/status board into modern cards without deleting data. */
.pcg-request-legacy-content { color:#b8c3d0;font-size:13px;line-height:1.75; }
.pcg-request-legacy-content > :first-child { margin-top:0; }.pcg-request-legacy-content h1{display:none}.pcg-request-legacy-content h2{margin:28px 0 12px;padding-top:18px;color:#fff;font-size:20px;border-top:1px solid rgba(148,163,184,.1)}.pcg-request-legacy-content h2:first-of-type{margin-top:10px;padding-top:0;border-top:0}.pcg-request-legacy-content h3{margin:0 0 5px;color:#f2f6fb;font-size:14px}.pcg-request-legacy-content ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 20px;padding:0;list-style:none}.pcg-request-legacy-content li{min-width:0;padding:14px 15px;background:#181f28;border:1px solid rgba(148,163,184,.095);border-radius:11px}.pcg-request-legacy-content li p{margin:5px 0;color:#8d9aaa}.pcg-request-legacy-content a{color:#79c0ff;text-decoration:none}.pcg-request-legacy-content a:hover{text-decoration:underline}.pcg-request-legacy-content .wpb_wrapper>p{color:#9ba8b7}
.pcg-request-comments-section { padding-top:36px; }.pcg-request-comments-head{margin-bottom:14px}.pcg-request-comments-wrap{padding:20px;overflow:hidden}.pcg-request-comments-wrap :where(.wpd-thread-head,.wpd-form-wrap,.wpd-comment-wrap,#wpdcom){max-width:100%!important;width:100%!important}.pcg-request-comments-wrap #wpdcom{margin:0!important}

@media (max-width:1050px){.pcg-help-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pcg-request-hero__inner,.pcg-request-layout{grid-template-columns:1fr}.pcg-request-rules{position:static}.pcg-request-search{grid-template-columns:1fr auto}.pcg-request-search>div{grid-column:1/-1}}
@media (max-width:680px){body.pcg-v2-active{font-size:14px}.pcg-help-grid{grid-template-columns:1fr}.pcg-request-hero{padding:44px 0 28px}.pcg-request-steps{grid-template-columns:1fr}.pcg-request-search{grid-template-columns:1fr;padding:16px}.pcg-request-search button{width:100%}.pcg-request-board{padding:18px}.pcg-request-legacy-content ul{grid-template-columns:1fr}.pcg-request-comments-wrap{padding:12px}}


/* ===== LAUNCH_153: assets/css/pcg-phase153-v2.css ===== */
/* PC Geeks V2 — Phase 15.3 launch polish */

/* Compact header without hurting tap targets. */
body.pcg-v2-active .pcg-v2-site-header__inner{min-height:58px!important}
body.pcg-v2-active .pcg-v2-site-header{min-height:58px!important}
body.pcg-v2-active .pcg-v2-brand__mark{width:30px!important;height:30px!important}
body.pcg-v2-active .pcg-v2-brand__text{font-size:14px!important}
body.pcg-v2-active .pcg-v2-nav>a{min-height:58px!important;font-size:12.5px!important}
body.pcg-v2-active .pcg-v2-header-icon,
body.pcg-v2-active .pcg-v2-menu-toggle{width:36px!important;height:36px!important}
body.pcg-v2-active .pcg-v2-header-actions{gap:6px!important}

/* Final readable typography scale. */
body.pcg-v2-active{font-size:15px!important}
body.pcg-v2-active .pcg-game-hero h1{font-size:clamp(20px,3.2vw,20px)!important;line-height:1.12!important}
body.pcg-v2-active .pcg-game-section-head h2{font-size:clamp(18px,2.2vw,18px)!important}
body.pcg-v2-active :where(.pcg-game-about-v3 p,.pcg-game-extra-card,.pcg-game-download-card-v2__text,.pcg-help-card p,.pcg-help-card li,.pcg-request-v2 p){font-size:13.5px!important;line-height:1.8!important}
body.pcg-v2-active :where(.pcg-game-details-v2 dt,.pcg-game-details-v2 dd,.pcg-language-row,.pcg-game-spec-list dt,.pcg-game-spec-list dd){font-size:13px!important;line-height:1.65!important}
body.pcg-v2-active :where(.pcg-game-device-match strong,.pcg-game-device-match small,.pcg-game-device-components span,.pcg-game-device-components b,.pcg-game-spec-card__match,.pcg-v2-card__meta,.pcg-v2-card__genres,.pcg-v2-card__compat){font-size:11.5px!important;line-height:1.5!important}
body.pcg-v2-active :where(.pcg-game-hero__meta,.pcg-game-breadcrumbs,.pcg-game-tags span,.pcg-game-action,.pcg-v2-section__kicker,.pcg-game-section-head>span,.pcg-game-card-head>span){font-size:12px!important}

/* About + device: same vertical frame and a less extreme width ratio. */
@media(min-width:1100px){
  body.pcg-v2-gamepage .pcg-game-overview-grid--clean{grid-template-columns:minmax(0,1.45fr) minmax(340px,.75fr)!important;align-items:stretch!important;gap:20px!important}
  body.pcg-v2-gamepage .pcg-game-description,
  body.pcg-v2-gamepage .pcg-game-side-stack--single,
  body.pcg-v2-gamepage .pcg-game-side-stack--single .pcg-game-device-preview{height:100%!important;min-height:100%!important}
}

/* Media now uses the same shell width as the surrounding sections. */
body.pcg-v2-gamepage .pcg-game-section--media .pcg-game-media-shell,
body.pcg-v2-gamepage .pcg-game-section--media .pcg-game-section-head--media,
body.pcg-v2-gamepage .pcg-game-section--media .pcg-game-media{max-width:none!important;width:100%!important}
body.pcg-v2-gamepage .pcg-game-gallery-grid{height:clamp(420px,32vw,500px)!important;min-height:420px!important;grid-template-columns:minmax(0,1.62fr) minmax(270px,.78fr)!important}
body.pcg-v2-gamepage .pcg-game-media{padding:16px!important}

/* Fast-download support CTA: explicit and non-deceptive. */
.pcg-fast-download-wrap{margin-top:22px}
.pcg-fast-download-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 18px;background:linear-gradient(110deg,rgba(15,118,110,.16),rgba(88,166,255,.055)),#1e2631;border:1px solid rgba(45,212,191,.18);border-radius:15px}
.pcg-fast-download-bar__copy{min-width:0}
.pcg-fast-download-bar__copy>span{display:block;margin-bottom:3px;color:#5eead4;font-size:11.5px;font-weight:850}
.pcg-fast-download-bar__copy>strong{display:block;color:#f5f8fb;font-size:15px}
.pcg-fast-download-bar__copy>small{display:block;margin-top:4px;color:#94a3b8;font-size:11.5px!important;line-height:1.6}
.pcg-fast-download-btn{flex:0 0 auto;min-height:46px;display:inline-flex;align-items:center;gap:9px;padding:0 19px;color:#fff!important;background:#0f766e;border:1px solid rgba(94,234,212,.24);border-radius:11px;text-decoration:none!important;font-weight:850;box-shadow:inset 0 -5px 9px rgba(0,0,0,.22);transition:transform .15s ease,filter .15s ease}
.pcg-fast-download-btn:hover{transform:translateY(-2px);filter:brightness(1.1)}
.pcg-fast-download-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pcg-fast-download-btn b{padding:3px 6px;color:#ccfbf1;background:rgba(255,255,255,.09);border-radius:6px;font-size:10px}

/* Help center: community/request shortcuts belong above the 52 fixes. */
.pcg-help-top-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.pcg-help-top-actions article{padding:17px 18px;text-align:right;background:#1d2530;border:1px solid rgba(148,163,184,.12);border-radius:13px}
.pcg-help-top-actions article.is-facebook{background:linear-gradient(120deg,rgba(24,119,242,.10),transparent 62%),#1d2530;border-color:rgba(96,165,250,.2)}
.pcg-help-top-actions span{color:#79c0ff;font-size:11.5px;font-weight:850}
.pcg-help-top-actions h2{margin:5px 0 5px;color:#fff;font-size:17px}
.pcg-help-top-actions p{margin:0 0 11px;color:#9aa8b8;font-size:12.5px!important}
.pcg-help-top-actions a{display:inline-flex;min-height:36px;align-items:center;padding:0 12px;color:#dbeeff;background:#18222e;border:1px solid rgba(88,166,255,.2);border-radius:8px;text-decoration:none;font-size:12px;font-weight:800}
.pcg-help-bottom.is-single{grid-template-columns:1fr!important}

/* Request page: only a clean upcoming list, no legacy board dump. */
.pcg-request-layout--simple{grid-template-columns:minmax(0,1fr) 300px!important}
.pcg-request-upcoming-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 0;padding:0;list-style:none;counter-reset:none}
.pcg-request-upcoming-list li{display:flex;align-items:center;gap:11px;min-height:50px;padding:10px 13px;background:#171e27;border:1px solid rgba(148,163,184,.10);border-radius:10px}
.pcg-request-upcoming-list li b{width:28px;height:28px;display:grid;place-items:center;flex:0 0 auto;color:#79c0ff;background:#202b38;border-radius:7px;font-size:11px}
.pcg-request-upcoming-list li span{color:#edf3f8;font-size:13.5px;font-weight:750}
.pcg-request-upcoming-empty{padding:26px;text-align:center;background:#171e27;border:1px dashed rgba(148,163,184,.14);border-radius:11px}
.pcg-request-upcoming-empty strong{color:#fff;font-size:16px}.pcg-request-upcoming-empty p{margin:6px 0 0;color:#91a0b0}

@media(max-width:991px){
  .pcg-fast-download-bar{align-items:flex-start;flex-direction:column}.pcg-fast-download-btn{width:100%;justify-content:center}
  .pcg-help-top-actions{grid-template-columns:1fr}
  .pcg-request-layout--simple{grid-template-columns:1fr!important}
  body.pcg-v2-gamepage .pcg-game-gallery-grid{height:auto!important;min-height:0!important}
}
@media(max-width:680px){
  .pcg-request-upcoming-list{grid-template-columns:1fr}
  .pcg-fast-download-wrap{margin-top:14px}.pcg-fast-download-bar{padding:14px}
}


/* ===== UX: assets/css/pcg-ux-v2.css ===== */
/* PC Geeks V2 — Phase 12 shared UX polish */
.pcg-v2-active :where(a,button,input,select,textarea):focus-visible{outline:2px solid rgba(121,192,255,.78)!important;outline-offset:2px}
.pcg-v2-header-icon.is-active,.pcg-v2-header-account.is-active{color:#fff!important;background:#242c38;border-color:rgba(88,166,255,.28)}
.pcg-v2-header-account__label{display:none}
.pcg-v2-nav-utilities{display:none}

/* Normalize empty states across modules without changing their PHP templates. */
.pcg-v2-active :is(.pcg-library-empty,.pcg-notifications-empty,.pcg-explorer-empty,.pcg-compatible-empty){max-width:760px;margin-inline:auto;padding:42px 28px!important;text-align:center;background:linear-gradient(145deg,rgba(88,166,255,.035),transparent 55%),#1d242e!important;border:1px solid rgba(255,255,255,.065)!important;border-radius:16px!important}
.pcg-v2-active :is(.pcg-library-empty,.pcg-notifications-empty,.pcg-explorer-empty,.pcg-compatible-empty)>span{width:46px;height:46px;display:grid!important;place-items:center;margin:0 auto 12px!important;color:#79c0ff!important;background:#18212c!important;border:1px solid rgba(88,166,255,.16)!important;border-radius:12px!important;font-size:15px!important;font-weight:700}
.pcg-v2-active :is(.pcg-library-empty,.pcg-notifications-empty,.pcg-explorer-empty,.pcg-compatible-empty) h2,
.pcg-v2-active :is(.pcg-library-empty,.pcg-notifications-empty,.pcg-explorer-empty,.pcg-compatible-empty) h3{margin:0 0 6px!important;color:#f2f6fb!important;font-size:18px!important}
.pcg-v2-active :is(.pcg-library-empty,.pcg-notifications-empty,.pcg-explorer-empty,.pcg-compatible-empty) p{max-width:520px;margin:0 auto 15px!important;color:#8492a3!important;font-size:9px!important;line-height:1.8!important}
.pcg-v2-active :is(.pcg-library-empty,.pcg-notifications-empty,.pcg-explorer-empty,.pcg-compatible-empty) a{min-height:37px;display:inline-flex!important;align-items:center;justify-content:center;padding:0 14px!important;color:#d9eaff!important;background:#1a2633!important;border:1px solid rgba(88,166,255,.2)!important;border-radius:9px!important;text-decoration:none!important;font-size:8.5px!important;font-weight:700!important}
.pcg-v2-active :is(.pcg-library-empty,.pcg-notifications-empty,.pcg-explorer-empty,.pcg-compatible-empty) a:hover{color:#fff!important;border-color:rgba(88,166,255,.42)!important}

/* Button/form feedback. */
.pcg-v2-active button.is-pcg-submitting,
.pcg-v2-active input[type=submit].is-pcg-submitting{opacity:.68!important;cursor:wait!important;pointer-events:none!important}
.pcg-v2-active .pcg-auth-notice,.pcg-v2-active .pcg-onboarding-notice{overflow-wrap:anywhere}

/* Desktop account affordance stays compact, but no longer looks like an anonymous icon. */
@media(min-width:1200px){
  .pcg-v2-header-account{width:auto!important;min-width:70px!important;grid-template-columns:11px auto!important;gap:7px!important;padding:0 10px!important}
  .pcg-v2-header-account__label{display:block;color:inherit;font-size:9px;font-weight:750;white-space:nowrap}
}

/* Mobile navigation gets a small account utility grid while keeping the main nav clean. */
@media(max-width:991px){
  .pcg-v2-nav{max-height:calc(100vh - 88px);overflow:auto;overscroll-behavior:contain}
  .pcg-v2-nav-utilities{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px;padding-top:8px;border-top:1px solid rgba(255,255,255,.055)}
  .pcg-v2-nav-utilities a{min-width:0;display:grid!important;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:7px;padding:9px!important;background:#181f28;border:1px solid rgba(255,255,255,.05);border-radius:9px!important}
  .pcg-v2-nav-utilities a>span{width:27px;height:27px;display:grid;place-items:center;color:#79c0ff;background:#202a36;border-radius:7px;font-size:8px;font-weight:850}
  .pcg-v2-nav-utilities a>b{overflow:hidden;color:#cbd5df;font-size:9px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
  .pcg-v2-nav-utilities a>small{min-width:17px;height:17px;display:grid;place-items:center;padding:0 4px;color:#07131f;background:#79c0ff;border-radius:999px;font-size:7px;font-weight:700}
}
@media(max-width:480px){
  .pcg-v2-nav-utilities{grid-template-columns:1fr}
}
@media(max-width:405px){
  .pcg-v2-brand__text{display:none}
}

/* ------------------------------------------------------------------------
   Phase 13 — production fixes
   ------------------------------------------------------------------------ */
/* Parent header.php still prints Cloux chrome before the V2 shell. Hide the
   exact legacy nodes centrally on every V2 surface instead of per-page hacks. */
body.pcg-v2-active > .cloux-mobile-header,
body.pcg-v2-active > .cloux-header,
body.pcg-v2-active > .loader-wrapper{display:none!important;visibility:hidden!important;pointer-events:none!important}

/* A V2 footer is already rendered by the V2 templates. Prevent an enabled
   legacy Cloux footer from appearing underneath it. */
body.pcg-v2-active .cloux-footer{display:none!important}

/* Remove baseline/rounding seams below poster images. */
.pcg-v2-active .pcg-v2-card__media{line-height:0.5!important;font-size:0!important;background:#141922!important}
.pcg-v2-active .pcg-v2-card__media>img,
.pcg-v2-active img.pcg-v2-card__image{display:block!important;vertical-align:top!important;margin:0!important;border:0!important;outline:0!important}
.pcg-v2-active .pcg-v2-card{isolation:isolate;background-clip:padding-box}

/* Hero/featured poster can show a one-pixel anti-alias seam on rounded edges
   at some zoom factors. Keep the poster clipped inside the radius. */
.pcg-v2-active .pcg-v2-featured{overflow:hidden!important;background-clip:padding-box!important;isolation:isolate!important}
.pcg-v2-active .pcg-v2-featured:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.015)}
.pcg-v2-active .pcg-v2-featured>*{position:relative;z-index:1}


/* ===== BRAND: assets/css/pcg-brand-v2.css ===== */
/* PC Geeks V2 — Phase 15.6 brand integration */
.pcg-v2-brand{gap:8px}
.pcg-v2-brand__mark{width:44px;height:44px;flex:0 0 44px;display:flex;align-items:center;justify-content:center;background:transparent!important;border:0!important;box-shadow:none!important;overflow:visible!important}
.pcg-v2-brand__image{display:block;object-fit:contain;object-position:center;background:transparent!important}
.pcg-v2-brand__image--header{width:44px!important;height:44px!important;max-width:none!important}
.pcg-v2-brand__text{white-space:nowrap}

.pcg-v2-footer__logo-link{display:inline-flex;align-items:center;justify-content:flex-start;width:max-content;text-decoration:none!important;margin-bottom:8px}
.pcg-v2-footer__logo-link .pcg-v2-brand__image--footer{width:92px!important;height:92px!important;max-width:none!important;object-fit:contain}

.pcg-auth-brand-logo{display:inline-flex;width:max-content;margin:0 0 12px;text-decoration:none!important}
.pcg-auth-brand-logo .pcg-v2-brand__image--auth{width:108px!important;height:108px!important;max-width:none!important;object-fit:contain}

@media(max-width:760px){
  .pcg-v2-brand{gap:6px}
  .pcg-v2-brand__mark{width:38px;height:38px;flex-basis:38px}
  .pcg-v2-brand__image--header{width:38px!important;height:38px!important}
  .pcg-v2-footer__logo-link .pcg-v2-brand__image--footer{width:82px!important;height:82px!important}
  .pcg-auth-brand-logo .pcg-v2-brand__image--auth{width:92px!important;height:92px!important}
}

@media(max-width:460px){
  .pcg-v2-brand__mark{width:36px;height:36px;flex-basis:36px}
  .pcg-v2-brand__image--header{width:36px!important;height:36px!important}
}


/* ===== FINAL_FIX_151: assets/css/pcg-phase151-v2.css ===== */
/* ========================================================================
   PC Geeks V2 — Phase 15.1 visual + interaction normalization
   Loaded last. No legacy theme files are modified.
   ======================================================================== */

/* ------------------------------------------------------------------------
   1) Legacy Cloux chrome: beat the old display:block!important rule safely.
   ------------------------------------------------------------------------ */
html body.pcg-v2-active .cloux-header,
html body.pcg-v2-active .cloux-header.style-1,
html body.pcg-v2-active .cloux-header.style-1.position-2,
html body.pcg-v2-active .cloux-mobile-header,
html body.pcg-v2-active .loader-wrapper {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

/* ------------------------------------------------------------------------
   2) Type scale: keep Arabic UI readable without oversized display text.
   ------------------------------------------------------------------------ */
body.pcg-v2-active { font-size: 14px; }

.pcg-v2-active .pcg-v2-nav a,
.pcg-v2-active .pcg-v2-header-account__label { font-size: 11px !important; }

.pcg-v2-active .pcg-v2-section__kicker,
.pcg-v2-active .pcg-game-section-head > span,
.pcg-v2-active .pcg-game-card-head > span,
.pcg-v2-active .pcg-game-device-preview__kicker,
.pcg-v2-active .pcg-support-home-card__copy > span,
.pcg-v2-active .pcg-help-card > span { font-size: 10.5px !important; }

.pcg-v2-active .pcg-v2-hero h1 { font-size: clamp(20px, 3.5vw, 20px) !important; line-height: 1.18 !important; }
.pcg-v2-active .pcg-game-hero h1 { font-size: clamp(20px, 3.4vw, 20px) !important; line-height: 1.16 !important; }
.pcg-v2-active .pcg-help-hero h1,
.pcg-v2-active .pcg-support-hero h1 { font-size: clamp(20px, 3.2vw, 20px) !important; }

.pcg-v2-active .pcg-v2-section__head h2,
.pcg-v2-active .pcg-game-section-head h2 { font-size: clamp(18px, 2vw, 18px) !important; line-height: 1.4 !important; }
.pcg-v2-active .pcg-game-card-head h2 { font-size: 18px !important; line-height: 1.4 !important; }

.pcg-v2-active .pcg-v2-card__title { font-size: 14px !important; }
.pcg-v2-active .pcg-v2-card__genres,
.pcg-v2-active .pcg-v2-card__meta { font-size: 10px !important; }
.pcg-v2-active .pcg-v2-card__compat { font-size: 9px !important; }

.pcg-v2-active .pcg-game-hero__meta,
.pcg-v2-active .pcg-game-breadcrumbs { font-size: 11px !important; }
.pcg-v2-active .pcg-game-tags span { font-size: 10px !important; }
.pcg-v2-active .pcg-game-action { font-size: 11.5px !important; font-weight: 500 !important; }
.pcg-v2-active .pcg-game-about-v3,
.pcg-v2-active .pcg-game-about-v3 p,
.pcg-v2-active .pcg-game-extra-card,
.pcg-v2-active .pcg-game-download-card-v2__text { font-size: 12.5px !important; line-height: 1.85 !important; }
.pcg-v2-active .pcg-game-details-v2 dt,
.pcg-v2-active .pcg-game-details-v2 dd,
.pcg-v2-active .pcg-language-row,
.pcg-v2-active .pcg-game-spec-list dt,
.pcg-v2-active .pcg-game-spec-list dd { font-size: 11px !important; }
.pcg-v2-active .pcg-game-device-match strong { font-size: 11px !important; }
.pcg-v2-active .pcg-game-device-match small,
.pcg-v2-active .pcg-game-device-components span,
.pcg-v2-active .pcg-game-device-components b,
.pcg-v2-active .pcg-game-spec-card__match { font-size: 9px !important; }

.pcg-v2-active .pcg-help-card p,
.pcg-v2-active .pcg-help-card ol,
.pcg-v2-active .pcg-help-bottom p,
.pcg-v2-active .pcg-support-points p,
.pcg-v2-active .pcg-support-home-card__copy p,
.pcg-v2-active .pcg-support-goal p { font-size: 11px !important; }

/* ------------------------------------------------------------------------
   3) Vertical rhythm: cards/sections must never look glued together.
   ------------------------------------------------------------------------ */
.pcg-v2-home > .pcg-v2-section { padding-top: 62px !important; }
.pcg-v2-home > .pcg-v2-section--trending { padding-top: 56px !important; }
.pcg-v2-home > .pcg-v2-section--support { padding-top: 54px !important; padding-bottom: 48px !important; }
.pcg-v2-home .pcg-support-home-card { margin-top: 0 !important; }

.pcg-game-v2 .pcg-game-section { padding-top: 64px !important; }
.pcg-game-v2 .pcg-game-section--comments { padding-bottom: 68px !important; }
.pcg-game-v2 .pcg-game-section--facts + .pcg-game-section,
.pcg-game-v2 .pcg-game-section--media + .pcg-game-section { padding-top: 66px !important; }

.pcg-help-v2 .pcg-v2-section,
.pcg-support-v2 .pcg-v2-section { padding-top: 54px !important; padding-bottom: 64px !important; }

/* ------------------------------------------------------------------------
   4) Homepage trending period controls are real links now.
   ------------------------------------------------------------------------ */
.pcg-v2-periods a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 31px;
    padding: 7px 11px;
    color: #7f8b9a !important;
    border-radius: 7px;
    font-size: 10px;
    font-weight: 700;
    text-decoration: none !important;
    transition: color .15s ease, background-color .15s ease;
}
.pcg-v2-periods a:hover { color: #dce9f7 !important; background: rgba(255,255,255,.035); }
.pcg-v2-periods a.is-active { color: #fff !important; background: var(--pcg-panel-2); }

/* ------------------------------------------------------------------------
   5) Game media: cinematic Bento — one useful large shot + three previews.
   Four images only; large enough to inspect, compact enough to keep the page moving.
   ------------------------------------------------------------------------ */
body.pcg-v2-gamepage .pcg-game-section--media .pcg-game-media-shell,
body.pcg-v2-gamepage .pcg-game-section--media .pcg-game-section-head--media,
body.pcg-v2-gamepage .pcg-game-section--media .pcg-game-media {
    width: 100%;
    max-width: 1180px;
    margin-inline: auto;
}
body.pcg-v2-gamepage .pcg-game-section--media .pcg-game-media {
    padding: 14px !important;
    border-radius: 18px !important;
}
body.pcg-v2-gamepage .pcg-game-gallery-grid {
    width: 100%;
    min-height: 440px;
    height: clamp(440px, 35vw, 520px);
    display: grid !important;
    grid-template-columns: minmax(0, 1.85fr) minmax(250px, .75fr) !important;
    grid-template-rows: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
}
body.pcg-v2-gamepage .pcg-game-gallery-grid__item {
    min-width: 0;
    min-height: 0;
    aspect-ratio: auto !important;
    border-radius: 12px !important;
}
body.pcg-v2-gamepage .pcg-game-gallery-grid__item:first-child {
    grid-column: 1 !important;
    grid-row: 1 / 4 !important;
}
body.pcg-v2-gamepage .pcg-game-gallery-grid__item:nth-child(2) { grid-column: 2 !important; grid-row: 1 !important; }
body.pcg-v2-gamepage .pcg-game-gallery-grid__item:nth-child(3) { grid-column: 2 !important; grid-row: 2 !important; }
body.pcg-v2-gamepage .pcg-game-gallery-grid__item:nth-child(4) { grid-column: 2 !important; grid-row: 3 !important; }
body.pcg-v2-gamepage .pcg-game-gallery-grid__item img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
body.pcg-v2-gamepage .pcg-game-gallery-grid__item:first-child img { object-position: center !important; }
body.pcg-v2-gamepage .pcg-game-gallery-grid__item::after {
    content: "عرض";
    position: absolute;
    right: 10px;
    bottom: 10px;
    padding: 5px 8px;
    color: #eaf4ff;
    background: rgba(10,14,20,.76);
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 7px;
    font-size: 9px;
    font-weight: 750;
    opacity: 0;
    transform: translateY(3px);
    transition: opacity .16s ease, transform .16s ease;
}
body.pcg-v2-gamepage .pcg-game-gallery-grid__item:hover::after { opacity: 1; transform: none; }
body.pcg-v2-gamepage .pcg-game-gallery-grid__item > span { font-size: 9px !important; }

body.pcg-v2-gamepage .pcg-game-media .pcg-game-video__frame {
    width: min(100%, 950px) !important;
    aspect-ratio: 16 / 9;
    max-height: 470px;
    margin: 4px auto 0 !important;
    overflow: hidden;
    border-radius: 13px;
    background: #0f141b;
}
body.pcg-v2-gamepage .pcg-game-media .pcg-game-video__frame > *,
body.pcg-v2-gamepage .pcg-game-media .pcg-game-video__frame iframe {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: 16 / 9;
}

/* Media lightbox. */
.pcg-media-lightbox {
    position: fixed;
    inset: 0;
    z-index: 10050;
    display: grid;
    place-items: center;
    padding: 28px;
    background: rgba(7,10,14,.9);
    backdrop-filter: blur(10px);
}
.pcg-media-lightbox[hidden] { display: none !important; }
.pcg-media-lightbox__inner { position: relative; width: min(1180px, 94vw); max-height: 90vh; display: grid; place-items: center; }
.pcg-media-lightbox__image { display: block; max-width: 100%; max-height: 84vh; object-fit: contain; border-radius: 13px; box-shadow: 0 28px 80px rgba(0,0,0,.48); }
.pcg-media-lightbox__close,
.pcg-media-lightbox__prev,
.pcg-media-lightbox__next {
    position: absolute;
    z-index: 2;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    margin: 0;
    padding: 0;
    color: #fff;
    background: rgba(20,27,36,.88);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 11px;
    cursor: pointer;
    font-size: 20px;
}
.pcg-media-lightbox__close { top: 10px; right: 10px; }
.pcg-media-lightbox__prev { left: 12px; top: 50%; transform: translateY(-50%); }
.pcg-media-lightbox__next { right: 12px; top: 50%; transform: translateY(-50%); }
.pcg-media-lightbox__count { position: absolute; left: 50%; bottom: 12px; transform: translateX(-50%); padding: 6px 10px; color: #dbe7f4; background: rgba(12,17,24,.8); border-radius: 999px; font-size: 10px; }
body.pcg-media-lightbox-open { overflow: hidden !important; }

/* ------------------------------------------------------------------------
   6) Telegram: use a real paper-plane mark, not a generic arrow.
   ------------------------------------------------------------------------ */
.pcg-telegram-smart__icon svg { width: 22px; height: 22px; display: block; fill: #fff; }

/* ------------------------------------------------------------------------
   7) Header search on homepage gets a stable scroll target.
   ------------------------------------------------------------------------ */
body.pcg-v2-homepage .pcg-v2-search { scroll-margin-top: 116px; }
body.pcg-v2-homepage .pcg-v2-search.is-pcg-search-target {
    border-color: rgba(88,166,255,.58) !important;
    box-shadow: 0 0 0 4px rgba(88,166,255,.08) !important;
}

@media (max-width: 991px) {
    .pcg-v2-periods a { font-size: 9.5px; padding-inline: 9px; }
    body.pcg-v2-gamepage .pcg-game-gallery-grid {
        min-height: 0;
        height: auto;
        grid-template-columns: repeat(2, minmax(0,1fr)) !important;
        grid-template-rows: repeat(2, minmax(150px, 24vw)) !important;
    }
    body.pcg-v2-gamepage .pcg-game-gallery-grid__item:first-child,
    body.pcg-v2-gamepage .pcg-game-gallery-grid__item:nth-child(2),
    body.pcg-v2-gamepage .pcg-game-gallery-grid__item:nth-child(3),
    body.pcg-v2-gamepage .pcg-game-gallery-grid__item:nth-child(4) {
        grid-column: auto !important;
        grid-row: auto !important;
    }
}

@media (max-width: 767px) {
    .pcg-v2-active .pcg-v2-hero h1,
    .pcg-v2-active .pcg-game-hero h1 { font-size: clamp(20px, 8.4vw, 20px) !important; }
    .pcg-v2-active .pcg-v2-section__head h2,
    .pcg-v2-active .pcg-game-section-head h2 { font-size: 20px !important; }
    .pcg-v2-home > .pcg-v2-section { padding-top: 48px !important; }
    .pcg-game-v2 .pcg-game-section { padding-top: 50px !important; }
    body.pcg-v2-gamepage .pcg-game-gallery-grid { grid-template-rows: repeat(2, minmax(125px, 29vw)) !important; gap: 8px !important; }
    .pcg-media-lightbox { padding: 12px; }
    .pcg-media-lightbox__prev,.pcg-media-lightbox__next { width: 36px; height: 36px; }
}


/* ===== FINAL_INTERACTIONS_154: assets/css/pcg-phase154-v2.css ===== */
/* PC Geeks V2 — Phase 15.4 pre-launch final fixes */

/* Shorter game hero; retain readable hit targets. */
@media(min-width:993px){
 body.pcg-v2-gamepage .pcg-game-hero{min-height:0!important;padding:28px 0 26px!important}
 body.pcg-v2-gamepage .pcg-game-hero__inner{min-height:0!important;align-items:center!important;gap:34px!important}
 body.pcg-v2-gamepage .pcg-game-hero__content{padding-block:4px!important}
 body.pcg-v2-gamepage .pcg-game-hero h1{font-size:clamp(20px,2.7vw,20px)!important;margin-top:10px!important;margin-bottom:12px!important}
 body.pcg-v2-gamepage .pcg-game-hero__poster{width:210px!important;max-width:210px!important;flex:0 0 210px!important;display:flex!important;flex-direction:column!important;gap:10px!important}
 body.pcg-v2-gamepage .pcg-game-hero__poster>img{width:100%!important;max-height:292px!important;object-fit:cover!important}
 body.pcg-v2-gamepage .pcg-game-update-state{margin-top:10px!important}
 body.pcg-v2-gamepage .pcg-game-actions{margin-top:13px!important}
}

/* Fast download belongs under the cover, without ad/support disclosure copy. */
body.pcg-v2-gamepage .pcg-fast-download-btn--poster{width:100%;min-height:42px;justify-content:center;padding:0 14px;border-radius:9px;font-size:13px}
body.pcg-v2-gamepage .pcg-fast-download-btn--poster svg{width:17px;height:17px}

/* About text is always expanded. */
body.pcg-v2-gamepage .pcg-game-about-v3__more--static{margin-top:13px;padding-top:13px;border-top:1px solid rgba(148,163,184,.10)}
body.pcg-v2-gamepage .pcg-game-about-v3__more--static>div{color:#b9c5d2;font-size:13.5px;line-height:1.85}

/* Media must use the same content width/rhythm as neighboring game sections. */
body.pcg-v2-gamepage .pcg-game-section--media{padding-top:36px!important}
body.pcg-v2-gamepage .pcg-game-section--media .pcg-game-media-shell{width:calc(100% - 40px)!important;max-width:1320px!important;margin-inline:auto!important}
body.pcg-v2-gamepage .pcg-game-section--media .pcg-game-section-head--media,
body.pcg-v2-gamepage .pcg-game-section--media .pcg-game-media{width:100%!important;max-width:100%!important;margin-inline:auto!important}
body.pcg-v2-gamepage .pcg-game-section--media .pcg-game-media{padding:14px!important}
body.pcg-v2-gamepage .pcg-game-gallery-grid{height:clamp(390px,30vw,470px)!important;min-height:390px!important}
body.pcg-v2-gamepage .pcg-game-section--media + .pcg-game-section{padding-top:46px!important}
body.pcg-v2-gamepage #pcg-v2-overview{padding-top:42px!important}

/* Trending switches without a page refresh. */
body.pcg-v2-homepage [data-pcg-trending-grid]{transition:opacity .16s ease,transform .16s ease}
body.pcg-v2-homepage [data-pcg-trending-grid].is-loading{opacity:.48;transform:translateY(2px);pointer-events:none}
body.pcg-v2-homepage .pcg-v2-periods a[aria-busy="true"]{cursor:wait}

@media(max-width:992px){
 body.pcg-v2-gamepage .pcg-game-section--media{padding-top:28px!important}
 body.pcg-v2-gamepage .pcg-game-section--media .pcg-game-media-shell{width:calc(100% - 28px)!important}
 body.pcg-v2-gamepage .pcg-game-gallery-grid{height:auto!important;min-height:0!important}
 body.pcg-v2-gamepage .pcg-game-hero__poster{display:flex!important;flex-direction:column!important;gap:9px!important}
}

/* ========================================================================
   Phase 15.5 final polish: poster CTA must remain visible below the cover.
   The original Phase 02 poster wrapper had aspect-ratio + overflow:hidden;
   once a second child (the CTA) was added, that combination clipped it.
   ======================================================================== */
@media (min-width:993px){
  body.pcg-v2-gamepage .pcg-game-hero__poster{
    width:210px!important;
    max-width:210px!important;
    flex:0 0 210px!important;
    aspect-ratio:auto!important;
    overflow:visible!important;
    align-self:center!important;
    justify-self:end!important;
    display:flex!important;
    flex-direction:column!important;
    gap:10px!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  body.pcg-v2-gamepage .pcg-game-hero__poster>img{
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    aspect-ratio:3/4!important;
    display:block!important;
    object-fit:cover!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:17px!important;
    box-shadow:0 20px 46px rgba(0,0,0,.28)!important;
  }
  body.pcg-v2-gamepage .pcg-fast-download-btn--poster{
    position:relative!important;
    z-index:3!important;
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    min-height:42px!important;
    margin:0!important;
    flex:0 0 auto!important;
  }
}

/* Same clipping fix on tablet/mobile when the poster is enabled there. */
@media (max-width:992px){
  body.pcg-v2-gamepage .pcg-game-hero__poster{
    aspect-ratio:auto!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  body.pcg-v2-gamepage .pcg-game-hero__poster>img{
    height:auto!important;
    aspect-ratio:3/4!important;
    object-fit:cover!important;
    border:1px solid rgba(255,255,255,.12)!important;
    border-radius:15px!important;
  }
  body.pcg-v2-gamepage .pcg-fast-download-btn--poster{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    flex:0 0 auto!important;
  }
}

/* Phase 15.7.10 — Quick-download vendor button compatibility.
   Keep PC Geeks visuals while exposing the exact `.file-download-btnn` hook
   expected by the third-party click script. */
body.pcg-v2-gamepage button.file-download-btnn.pcg-fast-download-btn--poster{
  -webkit-appearance:none;
  appearance:none;
  cursor:pointer;
  font:inherit;
  color:#fff!important;
  text-align:center;
}
body.pcg-v2-gamepage button.file-download-btnn.pcg-fast-download-btn--poster:focus-visible{
  outline:2px solid #58a6ff;
  outline-offset:3px;
}


/* ===== SHELL_CLEANUP: assets/css/pcg-launch-cleanup.css ===== */
/* PC Geeks V2 — Phase 15.7 final launch cleanup. */

/* style.css intentionally keeps the legacy Cloux desktop header hidden while
 * V2 was being built. Restore it ONLY on non-V2 routes, and make V2 ownership
 * explicit everywhere else. This stylesheet loads last. */
@media (min-width: 993px) {
  html body.pcg-v2-active .cloux-header,
  html body.pcg-v2-active .cloux-header.style-1.position-2,
  html body.pcg-v2-active .cloux-mobile-header,
  html body.pcg-v2-active > .cloux-header,
  html body.pcg-v2-active > .cloux-mobile-header {
    display: none !important;
    visibility: hidden !important;
  }

  html body:not(.pcg-v2-active) .cloux-header.style-1.position-2 {
    display: block !important;
    visibility: visible !important;
  }
}

/* Keep the V2 footer as the single footer on V2 surfaces. */
html body.pcg-v2-active .cloux-footer {
  display: none !important;
  visibility: hidden !important;
}

/* Standalone quick-link button under the game cover. */
body.pcg-v2-gamepage .pcg-fast-download-btn--poster {
  position: relative;
  z-index: 2;
  margin-top: 10px;
}