/* ========================================================================
   PC Geeks 2.0 — Games Explorer / Phase 05
   ======================================================================== */
body.pcg-v2-explorerpage { background:var(--pcg-bg) !important; color:var(--pcg-text); }
body.pcg-v2-explorerpage .cloux-wrapper { background:var(--pcg-bg) !important; }
.pcg-explorer-v2,.pcg-explorer-v2 * { box-sizing:border-box; }
.pcg-explorer-v2 {
    direction:rtl;
    min-height:78vh;
    padding-bottom:72px;
    background:radial-gradient(circle at 82% 0%,rgba(88,166,255,.07),transparent 30rem),var(--pcg-bg);
}
.pcg-explorer-hero {
    border-bottom:1px solid var(--pcg-border);
    background:linear-gradient(180deg,rgba(31,39,51,.54),rgba(23,27,35,.08));
}
.pcg-explorer-hero__inner {
    min-height:300px;
    display:grid;
    grid-template-columns:minmax(0,1fr) 390px;
    gap:56px;
    align-items:center;
    padding-block:50px;
}
.pcg-explorer-eyebrow,
.pcg-explorer-results__head > div > span {
    display:block;
    margin-bottom:7px;
    color:var(--pcg-accent-soft);
    font-size:10px;
    font-weight:720;
}
.pcg-explorer-hero h1,.pcg-explorer-results h2,.pcg-explorer-empty h2 {
    margin:0 !important;
    color:#fff;
    font-family:inherit !important;
    font-weight:780;
    letter-spacing:-.025em;
}
.pcg-explorer-hero h1 { font-size:clamp(20px,4.4vw,20px); }
.pcg-explorer-hero__copy > p {
    max-width:760px;
    margin:14px 0 0;
    color:#929dad;
    font-size:12.5px;
    line-height:1.9;
}
.pcg-explorer-hero__stats { display:flex; gap:10px; flex-wrap:wrap; margin-top:19px; }
.pcg-explorer-hero__stats span {
    min-height:30px;
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:0 10px;
    color:#98a5b5;
    background:#181e27;
    border:1px solid rgba(255,255,255,.06);
    border-radius:9px;
    font-size:9px;
}
.pcg-explorer-hero__stats b { color:#dfe7f0; }
.pcg-explorer-hero__stats i { width:6px;height:6px;background:#70dda0;border-radius:50%; }
.pcg-explorer-device {
    padding:22px;
    background:linear-gradient(145deg,#222b38,#1b222d);
    border:1px solid var(--pcg-border);
    border-radius:18px;
}
.pcg-explorer-device > span { display:block;color:var(--pcg-accent-soft);font-size:9px;font-weight:720; }
.pcg-explorer-device strong { display:block;margin-top:7px;color:#fff;font-size:17px; }
.pcg-explorer-device p { margin:8px 0 16px;color:#8490a0;font-size:9.5px;line-height:1.7; }
.pcg-explorer-device a,
.pcg-explorer-device-shortcut,
.pcg-explorer-empty a {
    min-height:38px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 14px;
    color:#07131f !important;
    background:var(--pcg-accent);
    border-radius:9px;
    font-size:9.5px;
    font-weight:760;
    text-decoration:none !important;
}

.pcg-explorer-filters-section { padding:28px 0 8px; }
.pcg-explorer-filters {
    display: grid;
    grid-template-columns: minmax(260px, 1fr) repeat(5, minmax(135px, .72fr)) minmax(125px, .7fr) auto;
    gap: 6px;
    align-items: end;
    padding: 16px;
    background: #1d242e;
    border: 1px solid var(--pcg-border);
    border-radius: 17px;
}
.pcg-explorer-filters label { display:block;margin:0 3px 7px;color:#718096;font-size:8.5px;font-weight:700; }
.pcg-explorer-search-field > div { position:relative; }
.pcg-explorer-search-field svg { position:absolute;right:12px;top:50%;width:15px;height:15px;fill:#68778b;transform:translateY(-50%); }
.pcg-explorer-search-field input,
.pcg-explorer-field select {
    width:100%;height:42px;margin:0 !important;padding:0 12px;
    color:#dbe3ec !important;background:#151b23 !important;
    border:1px solid rgba(255,255,255,.075) !important;border-radius:10px !important;
    box-shadow:none !important;outline:none;font-family:inherit;font-size:9.5px;
}
.pcg-explorer-search-field input { padding-right:36px; }
.pcg-explorer-search-field input:focus,.pcg-explorer-field select:focus { border-color:rgba(88,166,255,.42) !important; }
.pcg-explorer-field select { cursor:pointer; }
.pcg-explorer-filter-actions { min-height:42px;display:flex;gap:7px;align-items:center; }
.pcg-explorer-filter-actions button {
    height:42px;margin:0;padding:0 15px;color:#07131f;background:var(--pcg-accent);
    border:0;border-radius:10px;box-shadow:none;font-family:inherit;font-size:9px;font-weight:780;cursor:pointer;white-space:nowrap;
}
.pcg-explorer-filter-actions a { color:#8795a5 !important;font-size:8.5px;text-decoration:none !important;white-space:nowrap; }

.pcg-explorer-results { padding-top:38px; }
.pcg-explorer-results__head {
    display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:19px;
}
.pcg-explorer-results h2 { font-size:20px; }
.pcg-explorer-results__head p { margin:6px 0 0;color:#778495;font-size:9.5px; }
.pcg-explorer-results__head p b { color:#cad4df; }
.pcg-explorer-device-shortcut { min-height:36px;color:#a9ddbe !important;background:#17271f;border:1px solid rgba(90,207,132,.18); }
.pcg-explorer-device-shortcut i { width:7px;height:7px;margin-left:7px;background:#70dda0;border-radius:50%; }
.pcg-explorer-grid { display:grid !important;grid-template-columns:repeat(5,minmax(0,1fr)) !important;gap:15px;align-items:start; }
.pcg-explorer-grid > .pcg-v2-card { min-width:0;width:100%;margin:0 !important; }

.pcg-explorer-pagination {
    min-height:60px;display:grid;grid-template-columns:1fr auto 1fr;gap:15px;align-items:center;
    margin-top:28px;padding-top:18px;border-top:1px solid rgba(255,255,255,.055);
}
.pcg-explorer-pagination > div:last-child { text-align:left; }
.pcg-explorer-pagination > span { color:#6f7b8b;font-size:9px; }
.pcg-explorer-pagination > span b { color:#c8d2de; }
.pcg-explorer-pagination a {
    min-height:36px;display:inline-flex;align-items:center;padding:0 13px;color:#acd2ff !important;
    background:#1b222c;border:1px solid var(--pcg-border);border-radius:9px;font-size:9px;text-decoration:none !important;
}
.pcg-explorer-empty {
    min-height:330px;display:grid;place-items:center;align-content:center;padding:45px 22px;text-align:center;
    background:linear-gradient(145deg,#202631,#1b2028);border:1px dashed rgba(255,255,255,.1);border-radius:20px;
}
.pcg-explorer-empty > span { width:58px;height:58px;display:grid;place-items:center;margin-bottom:15px;color:var(--pcg-accent-soft);background:#17202a;border-radius:17px;font-size:20px; }
.pcg-explorer-empty h2 { font-size:20px; }
.pcg-explorer-empty p { margin:9px auto 16px;color:#8793a2;font-size:10px; }

@media (max-width:1250px) {
    .pcg-explorer-filters { grid-template-columns:repeat(3,minmax(0,1fr)); }
    .pcg-explorer-search-field { grid-column:span 2; }
    .pcg-explorer-filter-actions { justify-content:flex-start; }
}
@media (max-width:1100px) {
    .pcg-explorer-hero__inner { grid-template-columns:minmax(0,1fr) 320px;gap:36px; }
    .pcg-explorer-grid { grid-template-columns:repeat(4,minmax(0,1fr)) !important; }
}
@media (max-width:820px) {
    .pcg-explorer-hero__inner { min-height:0;grid-template-columns:1fr;gap:22px;padding-block:34px; }
    .pcg-explorer-filters { grid-template-columns:1fr 1fr; }
    .pcg-explorer-search-field { grid-column:1/-1; }
    .pcg-explorer-results__head { align-items:stretch;flex-direction:column;gap:13px; }
    .pcg-explorer-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:11px; }
}
@media (max-width:560px) {
    .pcg-explorer-hero h1 { font-size:20px; }
    .pcg-explorer-filters { grid-template-columns:1fr;gap:9px;padding:13px; }
    .pcg-explorer-search-field { grid-column:auto; }
    .pcg-explorer-filter-actions { justify-content:stretch; }
    .pcg-explorer-filter-actions button { flex:1; }
    .pcg-explorer-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px; }
    .pcg-explorer-pagination { grid-template-columns:1fr 1fr; }
    .pcg-explorer-pagination > span { grid-column:1/-1;grid-row:1;text-align:center; }
    .pcg-explorer-pagination > div { grid-row:2; }
}

/* ========================================================================
   Phase 05.1 — numbered pagination
   ======================================================================== */
.pcg-explorer-pagination--numbers {
    display:flex !important;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:66px;
    margin-top:28px;
    padding-top:18px;
    border-top:1px solid rgba(255,255,255,.055);
}
.pcg-explorer-pagination--numbers .pcg-page-numbers {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
}
.pcg-explorer-pagination--numbers .pcg-page-number,
.pcg-explorer-pagination--numbers .pcg-page-arrow,
.pcg-explorer-pagination--numbers .pcg-page-dots {
    min-width:36px;
    height:36px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 10px;
    border-radius:9px;
    font-size:9.5px;
    font-weight:700;
    text-decoration:none !important;
}
.pcg-explorer-pagination--numbers .pcg-page-number,
.pcg-explorer-pagination--numbers .pcg-page-arrow {
    color:#a9b6c5 !important;
    background:#1b222c;
    border:1px solid var(--pcg-border);
}
.pcg-explorer-pagination--numbers .pcg-page-number:hover,
.pcg-explorer-pagination--numbers .pcg-page-arrow:hover {
    color:#fff !important;
    border-color:rgba(88,166,255,.28);
}
.pcg-explorer-pagination--numbers .pcg-page-number.is-current {
    color:#07131f !important;
    background:var(--pcg-accent-soft);
    border-color:var(--pcg-accent-soft);
}
.pcg-explorer-pagination--numbers .pcg-page-arrow { min-width:62px; }
.pcg-explorer-pagination--numbers .pcg-page-arrow.is-disabled { opacity:.32; pointer-events:none; }
.pcg-explorer-pagination--numbers .pcg-page-dots { min-width:22px; padding:0; color:#596676; }
@media (max-width:560px) {
    .pcg-explorer-pagination--numbers { gap:5px; }
    .pcg-explorer-pagination--numbers .pcg-page-number { min-width:31px;height:33px;padding:0 7px; }
    .pcg-explorer-pagination--numbers .pcg-page-arrow { min-width:48px;height:33px;padding:0 7px;font-size:8.5px; }
}

/* Phase 15 — homepage explore shortcuts land on the intended filter. */
.pcg-explorer-focus-hint {
    grid-column: 1 / -1;
    padding: 9px 12px;
    color: #b9d8ff;
    background: rgba(88,166,255,.08);
    border: 1px solid rgba(88,166,255,.18);
    border-radius: 10px;
    font-size: 9.5px;
}
.pcg-explorer-field.is-focus-target {
    position: relative;
    padding: 7px;
    margin: -7px;
    background: rgba(88,166,255,.055);
    border: 1px solid rgba(88,166,255,.3);
    border-radius: 11px;
}
.pcg-explorer-field.is-focus-target label { color: #79c0ff; }