.fgg-wrap{--fgg-bg:#0f1117;--fgg-panel:#151925;--fgg-panel-2:#1b2030;--fgg-line:rgba(255,255,255,.10);--fgg-text:#f4f6fb;--fgg-muted:#aeb7ca;--fgg-soft:rgba(255,255,255,.07);--fgg-accent:#8fb7ff;--fgg-green:#72e0a2;--fgg-gold:#ffd66b;--fgg-purple:#b99cff;--fgg-radius:18px;box-sizing:border-box;color:var(--fgg-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.fgg-wrap *{box-sizing:border-box}.fgg-header{display:flex;align-items:center;justify-content:space-between;margin:0 0 16px}.fgg-header h2{margin:0;font-size:clamp(1.35rem,2.2vw,2rem);line-height:1.15;color:var(--fgg-text)}.fgg-filter-shell{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border:1px solid var(--fgg-line);border-radius:22px;padding:14px;margin:0 0 18px;box-shadow:0 18px 55px rgba(0,0,0,.22)}.fgg-filter-top{display:flex;gap:10px;align-items:center}.fgg-search-wrap{width:100%;min-width:0}.fgg-search-wrap input{width:100%;border:1px solid var(--fgg-line);border-radius:999px;background:rgba(0,0,0,.25);color:var(--fgg-text);padding:12px 16px;outline:none}.fgg-search-wrap input:focus{border-color:rgba(143,183,255,.55);box-shadow:0 0 0 3px rgba(143,183,255,.14)}.fgg-filter-toggle,.fgg-view-toggle button{border:1px solid var(--fgg-line);background:var(--fgg-soft);color:var(--fgg-text);border-radius:999px;padding:10px 14px;cursor:pointer;white-space:nowrap;transition:transform .16s ease,background .16s ease,border-color .16s ease}.fgg-filter-toggle:hover,.fgg-view-toggle button:hover{transform:translateY(-1px);background:rgba(255,255,255,.11)}.fgg-filter-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;overflow:hidden;transition:max-height .24s ease,opacity .2s ease,margin .2s ease}.fgg-filters-collapsed .fgg-filter-panel{max-height:0;opacity:0;margin-top:0}.fgg-filter-title{font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--fgg-muted);font-weight:800;margin:0 0 8px}.fgg-filter-group-wide{grid-column:1/-1}.fgg-chip-list{display:flex;flex-wrap:wrap;gap:8px}.fgg-chip{display:inline-flex}.fgg-chip input{position:absolute;opacity:0;pointer-events:none}.fgg-chip span{display:inline-flex;align-items:center;border:1px solid var(--fgg-line);border-radius:999px;padding:8px 11px;background:rgba(255,255,255,.055);color:var(--fgg-text);font-size:.88rem;line-height:1;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.fgg-chip input:checked+span{background:rgba(143,183,255,.18);border-color:rgba(143,183,255,.55);color:#fff}.fgg-chip span:hover{transform:translateY(-1px)}.fgg-view-toggle{display:flex;gap:8px;flex-wrap:wrap}.fgg-view-toggle button.is-active{background:rgba(143,183,255,.20);border-color:rgba(143,183,255,.55)}.fgg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.fgg-card{min-width:0}.fgg-card-link{display:flex;flex-direction:column;height:100%;overflow:hidden;text-decoration:none;color:inherit;border:1px solid var(--fgg-line);border-radius:var(--fgg-radius);background:linear-gradient(180deg,var(--fgg-panel),var(--fgg-bg));box-shadow:0 14px 38px rgba(0,0,0,.22);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.fgg-card-link:hover{transform:translateY(-3px);border-color:rgba(143,183,255,.38);box-shadow:0 18px 48px rgba(0,0,0,.30)}.fgg-cover{position:relative;aspect-ratio:16/9;background:#0b0d12;overflow:hidden}.fgg-cover img{width:100%;height:100%;object-fit:cover;display:block}.fgg-card-body{display:flex;flex-direction:column;gap:9px;padding:14px;min-width:0;flex:1}.fgg-title{font-size:1rem;font-weight:850;line-height:1.2;color:var(--fgg-text)}.fgg-description{color:var(--fgg-muted);font-size:.86rem;line-height:1.45}.fgg-type-row{display:flex}.fgg-type-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 8px;font-size:.72rem;font-weight:850;letter-spacing:.035em;text-transform:uppercase;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.08);color:var(--fgg-text)}.fgg-type-badge--game{background:rgba(114,224,162,.14);border-color:rgba(114,224,162,.38)}.fgg-type-badge--dlc{background:rgba(143,183,255,.15);border-color:rgba(143,183,255,.32)}.fgg-type-badge--loot{background:rgba(185,156,255,.16);border-color:rgba(185,156,255,.34)}.fgg-type-badge--beta{background:rgba(255,214,107,.16);border-color:rgba(255,214,107,.36)}.fgg-type-badge--keys{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.20)}.fgg-platforms{display:flex;flex-wrap:wrap;gap:5px}.fgg-platform-badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 7px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);font-size:.72rem;color:var(--fgg-muted);line-height:1}.fgg-meta{border:1px solid var(--fgg-line);border-radius:12px;padding:8px;background:rgba(0,0,0,.14);min-width:0}.fgg-meta span{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;color:var(--fgg-muted);font-weight:800}.fgg-meta strong{display:block;margin-top:2px;font-size:.86rem;color:var(--fgg-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fgg-layout-grid .fgg-meta-worth,.fgg-layout-grid .fgg-meta-end{display:block}.fgg-layout-grid .fgg-meta-users{display:none}.fgg-layout-grid .fgg-card-body{display:grid;grid-template-columns:1fr 1fr}.fgg-layout-grid .fgg-title-cell,.fgg-layout-grid .fgg-platforms,.fgg-layout-grid .fgg-description,.fgg-layout-grid .fgg-type-row,.fgg-layout-grid .fgg-cta{grid-column:1/-1}.fgg-cta{display:inline-flex;justify-content:center;border-radius:999px;padding:9px 12px;background:rgba(143,183,255,.19);border:1px solid rgba(143,183,255,.36);color:#fff;font-weight:800;font-size:.86rem;margin-top:2px}.fgg-layout-list .fgg-grid{display:flex;flex-direction:column;gap:8px}.fgg-layout-list .fgg-card-link{display:grid;grid-template-columns:104px minmax(190px,1.2fr) minmax(180px,1fr) minmax(120px,.55fr) minmax(92px,.42fr) minmax(120px,.45fr) minmax(85px,.35fr) minmax(122px,.48fr);align-items:stretch;gap:12px;min-height:90px;border-radius:16px;transform:none!important}.fgg-layout-list .fgg-cover{aspect-ratio:auto;height:100%;min-height:90px;border-radius:14px;margin:0;grid-column:1;align-self:stretch}.fgg-layout-list .fgg-card-body{display:grid;grid-template-columns:subgrid;grid-column:2/9;align-items:center;gap:12px;padding:9px 12px 9px 0}.fgg-layout-list .fgg-title-cell{grid-column:1;min-width:0}.fgg-layout-list .fgg-title{font-size:.95rem;line-height:1.18}.fgg-layout-list .fgg-description{display:none}.fgg-layout-list .fgg-platforms{grid-column:2}.fgg-layout-list .fgg-type-row{grid-column:3}.fgg-layout-list .fgg-meta{padding:0;border:0;background:transparent}.fgg-layout-list .fgg-meta-worth{grid-column:4}.fgg-layout-list .fgg-meta-end{grid-column:5}.fgg-layout-list .fgg-meta-users{grid-column:6}.fgg-layout-list .fgg-cta{grid-column:7;margin-top:0;white-space:nowrap}.fgg-empty,.fgg-error{border:1px solid var(--fgg-line);background:rgba(255,255,255,.055);border-radius:18px;padding:18px;text-align:center;color:var(--fgg-muted)}.fgg-source{margin-top:14px;text-align:right;font-size:.78rem;color:var(--fgg-muted)}.fgg-source a{color:var(--fgg-muted);text-decoration:none}.fgg-source a:hover{color:var(--fgg-text);text-decoration:underline}@media (max-width:980px){.fgg-filter-panel{grid-template-columns:1fr}.fgg-layout-list .fgg-card-link{grid-template-columns:92px 1fr;gap:10px}.fgg-layout-list .fgg-cover{min-height:104px}.fgg-layout-list .fgg-card-body{display:flex;grid-column:auto;padding:10px 12px 10px 0;gap:7px;align-items:flex-start}.fgg-layout-list .fgg-description{display:none}.fgg-layout-list .fgg-meta{border:1px solid var(--fgg-line);background:rgba(0,0,0,.14);padding:7px}.fgg-layout-list .fgg-cta{width:fit-content}}@media (max-width:560px){.fgg-filter-top{flex-direction:column;align-items:stretch}.fgg-filter-toggle{width:100%}.fgg-grid{grid-template-columns:1fr}.fgg-layout-list .fgg-card-link{grid-template-columns:78px 1fr}.fgg-layout-list .fgg-cover{min-height:96px}.fgg-card-body{padding:12px}.fgg-layout-grid .fgg-card-body{grid-template-columns:1fr}.fgg-layout-grid .fgg-meta-worth,.fgg-layout-grid .fgg-meta-end{grid-column:auto}}

/* v3 visual alignment with IGDB Release Calendar */
.fgg-wrap{
  --fgg-bg:rgba(7,26,51,0.55);
  --fgg-panel:rgba(7,26,51,0.55);
  --fgg-panel-2:rgba(7,26,51,0.78);
  --fgg-line:rgba(255,255,255,0.14);
  --fgg-shadow:0 10px 26px rgba(0,0,0,.28);
  --fgg-radius:10px;
}
.fgg-card{
  border:1px solid var(--fgg-line);
  border-radius:var(--fgg-radius);
  background:var(--fgg-bg);
  box-shadow:var(--fgg-shadow);
  overflow:hidden;
}
.fgg-card-link{
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  overflow:hidden;
}
.fgg-card-body{
  background-color:var(--fgg-panel-2);
  color:#fff;
}
.fgg-layout-grid .fgg-card-link{
  display:flex;
  flex-direction:column;
  height:100%;
}
.fgg-layout-grid .fgg-cover{
  aspect-ratio:auto;
  flex:1 1 auto;
  height:auto;
  min-height:160px;
}
.fgg-layout-grid .fgg-cover img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.fgg-layout-grid .fgg-card-body{
  flex:0 0 auto;
  height:auto;
  max-height:none;
}
.fgg-layout-grid .fgg-title-cell,
.fgg-layout-grid .fgg-platforms,
.fgg-layout-grid .fgg-description,
.fgg-layout-grid .fgg-type-row,
.fgg-layout-grid .fgg-cta{
  grid-column:1/-1;
}
.fgg-layout-list .fgg-card-link{
  grid-template-columns:104px minmax(190px,1.15fr) minmax(160px,.95fr) minmax(130px,.55fr) minmax(120px,.48fr) minmax(92px,.38fr) minmax(112px,.42fr) minmax(82px,.32fr) minmax(122px,.42fr);
}
.fgg-layout-list .fgg-card-body{
  grid-column:2/10;
}
.fgg-layout-list .fgg-meta-source{grid-column:3;}
.fgg-layout-list .fgg-type-row{grid-column:4;}
.fgg-layout-list .fgg-meta-worth{grid-column:5;}
.fgg-layout-list .fgg-meta-end{grid-column:6;}
.fgg-layout-list .fgg-meta-users{grid-column:7;}
.fgg-layout-list .fgg-cta{grid-column:8;}
@media (max-width:980px){
  .fgg-layout-list .fgg-card-body{grid-column:auto;}
  .fgg-layout-list .fgg-meta-source{grid-column:auto;}
}

/* v5 fixes: source detection display + full-height list images */
.fgg-layout-list .fgg-card-link{
  align-items:stretch;
}
.fgg-layout-list .fgg-cover{
  align-self:stretch;
  height:auto;
  min-height:100%;
  display:block;
}
.fgg-layout-list .fgg-cover img{
  width:100%;
  height:100%;
  min-height:100%;
  object-fit:cover;
  display:block;
}
.fgg-layout-list .fgg-card-body{
  align-items:center;
}
@media (max-width:980px){
  .fgg-layout-list .fgg-cover{
    min-height:104px;
  }
}
@media (max-width:560px){
  .fgg-layout-list .fgg-cover{
    min-height:96px;
  }
}

/* v6 fixes: source platform parenthesis handling, wider source field, full-height list covers */
.fgg-layout-grid .fgg-meta-source{grid-column:1/-1;}
.fgg-layout-list .fgg-card-link{align-items:stretch;}
.fgg-layout-list .fgg-cover{height:100%;align-self:stretch;}
.fgg-layout-list .fgg-cover img{height:100%;object-fit:cover;}

/* v14 visual/list fixes: compact responsive list, no users column, popularity-first default */
.fgg-cta{
  min-width:0;
  max-width:100%;
  width:100%;
  text-align:center;
  align-items:center;
  line-height:1.15;
  white-space:normal;
  overflow-wrap:normal;
  word-break:normal;
  padding:9px 10px;
  font-size:.82rem;
}
.fgg-layout-list .fgg-meta-users{display:none!important;}
.fgg-layout-list .fgg-card-link{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow:hidden;
  grid-template-columns:92px minmax(180px,1.45fr) minmax(150px,.85fr) minmax(132px,.62fr) minmax(108px,.42fr) minmax(104px,.42fr) minmax(126px,.48fr)!important;
  gap:10px!important;
  min-height:86px!important;
  align-items:stretch!important;
}
.fgg-layout-list .fgg-cover{
  grid-column:1!important;
  height:100%!important;
  min-height:86px!important;
  align-self:stretch!important;
  border-radius:14px 0 0 14px!important;
}
.fgg-layout-list .fgg-cover img{height:100%!important;min-height:100%!important;object-fit:cover!important;}
.fgg-layout-list .fgg-card-body{
  display:grid!important;
  grid-template-columns:subgrid;
  grid-column:2/8!important;
  gap:10px!important;
  align-items:center!important;
  min-width:0!important;
  padding:9px 10px 9px 0!important;
  background:transparent!important;
}
.fgg-layout-list .fgg-title-cell{grid-column:1!important;min-width:0!important;}
.fgg-layout-list .fgg-title{font-size:.92rem!important;line-height:1.15!important;}
.fgg-layout-list .fgg-description{display:none!important;}
.fgg-layout-list .fgg-platforms{grid-column:2!important;min-width:0!important;}
.fgg-layout-list .fgg-meta-source{grid-column:3!important;min-width:0!important;}
.fgg-layout-list .fgg-type-row{grid-column:4!important;min-width:0!important;}
.fgg-layout-list .fgg-meta-worth{grid-column:5!important;min-width:0!important;}
.fgg-layout-list .fgg-meta-end{grid-column:6!important;min-width:0!important;}
.fgg-layout-list .fgg-cta{grid-column:7!important;width:100%!important;margin:0!important;white-space:normal!important;}
.fgg-layout-list .fgg-meta{
  border:1px solid var(--fgg-line)!important;
  border-radius:12px!important;
  background:rgba(0,0,0,.14)!important;
  padding:7px 8px!important;
  overflow:hidden!important;
}
.fgg-layout-list .fgg-meta span{font-size:.66rem!important;}
.fgg-layout-list .fgg-meta strong{font-size:.78rem!important;}

@media (max-width:1260px) and (min-width:981px){
  .fgg-layout-list .fgg-card-link{
    grid-template-columns:86px minmax(150px,1.2fr) minmax(120px,.75fr) minmax(112px,.55fr) minmax(96px,.38fr) minmax(98px,.38fr) minmax(112px,.42fr)!important;
    gap:8px!important;
  }
  .fgg-layout-list .fgg-card-body{gap:8px!important;padding-right:8px!important;}
  .fgg-layout-list .fgg-title{font-size:.86rem!important;}
  .fgg-layout-list .fgg-platform-badge{font-size:.68rem!important;padding:3px 6px!important;}
  .fgg-layout-list .fgg-type-badge{font-size:.66rem!important;padding:4px 7px!important;}
  .fgg-layout-list .fgg-cta{font-size:.72rem!important;padding:7px 8px!important;}
}

@media (max-width:980px){
  .fgg-layout-list .fgg-grid{gap:8px!important;}
  .fgg-layout-list .fgg-card-link{
    display:grid!important;
    grid-template-columns:82px minmax(0,1fr)!important;
    gap:0!important;
    min-height:118px!important;
    align-items:stretch!important;
    border-radius:14px!important;
  }
  .fgg-layout-list .fgg-cover{
    grid-column:1!important;
    height:100%!important;
    min-height:118px!important;
    border-radius:14px 0 0 14px!important;
  }
  .fgg-layout-list .fgg-card-body{
    grid-column:2!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:6px 8px!important;
    align-content:center!important;
    align-items:center!important;
    padding:8px 9px!important;
    min-width:0!important;
  }
  .fgg-layout-list .fgg-title-cell{grid-column:1/-1!important;}
  .fgg-layout-list .fgg-title{font-size:.9rem!important;line-height:1.12!important;}
  .fgg-layout-list .fgg-platforms{grid-column:1/-1!important;gap:4px!important;}
  .fgg-layout-list .fgg-meta-source{grid-column:1/-1!important;}
  .fgg-layout-list .fgg-type-row{grid-column:1!important;}
  .fgg-layout-list .fgg-meta-worth{grid-column:1!important;}
  .fgg-layout-list .fgg-meta-end{grid-column:2!important;}
  .fgg-layout-list .fgg-cta{grid-column:1/-1!important;width:100%!important;max-width:210px!important;justify-self:start!important;font-size:.78rem!important;padding:8px 10px!important;}
  .fgg-layout-list .fgg-meta{padding:6px 7px!important;}
  .fgg-layout-list .fgg-meta span{font-size:.62rem!important;}
  .fgg-layout-list .fgg-meta strong{font-size:.76rem!important;}
}

@media (max-width:560px){
  .fgg-layout-list .fgg-card-link{grid-template-columns:74px minmax(0,1fr)!important;min-height:112px!important;}
  .fgg-layout-list .fgg-cover{min-height:112px!important;}
  .fgg-layout-list .fgg-title{font-size:.86rem!important;}
  .fgg-layout-list .fgg-platform-badge{font-size:.66rem!important;padding:3px 6px!important;}
  .fgg-layout-list .fgg-type-badge{font-size:.64rem!important;padding:4px 7px!important;}
}

/* v15: homepage shortcode + list one-row CTA + list hover polish */
.fgg-home-mode .fgg-filter-panel--home{
  grid-template-columns:1fr;
}
.fgg-home-mode .fgg-view-toggle{display:none!important;}
.fgg-filter-shell--home .fgg-filter-group-wide{grid-column:1/-1;}

.fgg-layout-list .fgg-card-link{
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background-color .16s ease!important;
}
.fgg-layout-list .fgg-card:hover .fgg-card-link,
.fgg-layout-list .fgg-card-link:hover{
  transform:translateY(-2px)!important;
  border-color:rgba(143,183,255,.42)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.30)!important;
}
.fgg-layout-list .fgg-card:hover .fgg-card-body{
  background-color:rgba(13,39,75,.84)!important;
}

@media (max-width:980px){
  .fgg-layout-list .fgg-card-link{
    grid-template-columns:82px minmax(0,1fr) 96px!important;
    gap:0!important;
    min-height:118px!important;
  }
  .fgg-layout-list .fgg-cover{
    grid-column:1!important;
    min-height:118px!important;
    height:100%!important;
  }
  .fgg-layout-list .fgg-card-body{
    grid-column:2/4!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 96px!important;
    gap:6px 8px!important;
    align-content:center!important;
    align-items:center!important;
    padding:8px 9px!important;
    min-width:0!important;
  }
  .fgg-layout-list .fgg-title-cell,
  .fgg-layout-list .fgg-platforms,
  .fgg-layout-list .fgg-meta-source{
    grid-column:1!important;
  }
  .fgg-layout-list .fgg-type-row{
    grid-column:1!important;
  }
  .fgg-layout-list .fgg-meta-worth{grid-column:1!important;}
  .fgg-layout-list .fgg-meta-end{grid-column:1!important;}
  .fgg-layout-list .fgg-cta{
    grid-column:2!important;
    grid-row:1 / span 6!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    justify-self:stretch!important;
    align-self:center!important;
    margin:0!important;
    padding:9px 8px!important;
    font-size:.72rem!important;
    line-height:1.12!important;
  }
  .fgg-layout-list .fgg-meta{
    width:100%!important;
    padding:6px 7px!important;
  }
  .fgg-layout-list .fgg-meta strong{white-space:normal!important;}
  .fgg-layout-list .fgg-platforms{gap:4px!important;}
}

@media (max-width:560px){
  .fgg-layout-list .fgg-card-link{
    grid-template-columns:72px minmax(0,1fr) 80px!important;
    min-height:112px!important;
  }
  .fgg-layout-list .fgg-cover{min-height:112px!important;}
  .fgg-layout-list .fgg-card-body{
    grid-column:2/4!important;
    grid-template-columns:minmax(0,1fr) 80px!important;
    padding:7px 7px!important;
    gap:5px 7px!important;
  }
  .fgg-layout-list .fgg-title{font-size:.84rem!important;line-height:1.1!important;}
  .fgg-layout-list .fgg-platform-badge{font-size:.62rem!important;padding:3px 5px!important;}
  .fgg-layout-list .fgg-type-badge{font-size:.6rem!important;padding:4px 6px!important;}
  .fgg-layout-list .fgg-meta span{font-size:.58rem!important;}
  .fgg-layout-list .fgg-meta strong{font-size:.7rem!important;}
  .fgg-layout-list .fgg-cta{
    grid-column:2!important;
    grid-row:1 / span 6!important;
    font-size:.66rem!important;
    padding:8px 5px!important;
    word-break:normal!important;
    overflow-wrap:normal!important;
  }
  .fgg-layout-list .fgg-meta-worth,
  .fgg-layout-list .fgg-meta-end{
    display:none!important;
  }
}

/* v16: homepage horizontal rail + list CTA alignment */
.fgg-home-mode .fgg-grid{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:12px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scroll-snap-type:x proximity!important;
  -webkit-overflow-scrolling:touch!important;
  padding:2px 2px 12px!important;
}
.fgg-home-mode .fgg-card{
  flex:0 0 250px!important;
  width:250px!important;
  scroll-snap-align:start!important;
}
.fgg-home-mode .fgg-card-link{height:100%!important;}
.fgg-home-mode .fgg-grid::-webkit-scrollbar{height:8px;}
.fgg-home-mode .fgg-grid::-webkit-scrollbar-track{background:rgba(255,255,255,.06);border-radius:999px;}
.fgg-home-mode .fgg-grid::-webkit-scrollbar-thumb{background:rgba(143,183,255,.35);border-radius:999px;}
@media (max-width:560px){
  .fgg-home-mode .fgg-card{flex-basis:230px!important;width:230px!important;}
}

@media (min-width:981px){
  .fgg-layout-list .fgg-card-link{
    grid-template-columns:92px minmax(190px,1.55fr) minmax(150px,.9fr) minmax(150px,.7fr) minmax(104px,.42fr) minmax(108px,.42fr) minmax(148px,.54fr)!important;
    min-height:82px!important;
  }
  .fgg-layout-list .fgg-card-body{
    grid-template-columns:subgrid!important;
    grid-auto-flow:column!important;
    align-items:center!important;
  }
  .fgg-layout-list .fgg-title-cell,
  .fgg-layout-list .fgg-platforms,
  .fgg-layout-list .fgg-meta-source,
  .fgg-layout-list .fgg-type-row,
  .fgg-layout-list .fgg-meta-worth,
  .fgg-layout-list .fgg-meta-end,
  .fgg-layout-list .fgg-cta{
    grid-row:1!important;
    align-self:center!important;
  }
  .fgg-layout-list .fgg-cta{
    min-height:46px!important;
    display:flex!important;
    justify-content:center!important;
    align-items:center!important;
    line-height:1.05!important;
    padding:8px 10px!important;
    font-size:.76rem!important;
  }
}

/* v23: fix list CTA overlap by removing desktop subgrid dependency */
@media (min-width:981px){
  .fgg-layout-list .fgg-card-link{
    display:grid!important;
    grid-template-columns:92px minmax(0,1fr)!important;
    gap:0!important;
    min-height:86px!important;
    overflow:hidden!important;
  }
  .fgg-layout-list .fgg-cover{
    grid-column:1!important;
    height:100%!important;
    min-height:86px!important;
    align-self:stretch!important;
  }
  .fgg-layout-list .fgg-card-body{
    grid-column:2!important;
    display:grid!important;
    grid-template-columns:
      minmax(0,1.45fr)
      minmax(108px,.72fr)
      minmax(138px,.82fr)
      minmax(86px,.36fr)
      minmax(82px,.34fr)
      minmax(92px,.36fr)
      minmax(142px,.44fr)!important;
    grid-template-rows:1fr!important;
    gap:10px!important;
    align-items:center!important;
    min-width:0!important;
    padding:9px 12px 9px 10px!important;
  }
  .fgg-layout-list .fgg-title-cell{grid-column:1!important;grid-row:1!important;min-width:0!important;}
  .fgg-layout-list .fgg-platforms{grid-column:2!important;grid-row:1!important;min-width:0!important;}
  .fgg-layout-list .fgg-meta-source{grid-column:3!important;grid-row:1!important;min-width:0!important;}
  .fgg-layout-list .fgg-type-row{grid-column:4!important;grid-row:1!important;min-width:0!important;justify-self:start!important;}
  .fgg-layout-list .fgg-meta-worth{grid-column:5!important;grid-row:1!important;min-width:0!important;}
  .fgg-layout-list .fgg-meta-end{grid-column:6!important;grid-row:1!important;min-width:0!important;}
  .fgg-layout-list .fgg-cta{
    grid-column:7!important;
    grid-row:1!important;
    align-self:center!important;
    justify-self:stretch!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    margin:0!important;
    padding:8px 9px!important;
    font-size:.74rem!important;
    line-height:1.08!important;
    white-space:normal!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    z-index:1!important;
  }
  .fgg-layout-list .fgg-meta{
    width:100%!important;
    max-width:100%!important;
  }
  .fgg-layout-list .fgg-meta strong{
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
}

@media (min-width:981px) and (max-width:1260px){
  .fgg-layout-list .fgg-card-link{grid-template-columns:86px minmax(0,1fr)!important;}
  .fgg-layout-list .fgg-card-body{
    grid-template-columns:
      minmax(0,1.35fr)
      minmax(96px,.62fr)
      minmax(120px,.72fr)
      minmax(74px,.30fr)
      minmax(72px,.28fr)
      minmax(80px,.30fr)
      minmax(124px,.38fr)!important;
    gap:8px!important;
    padding:8px 10px 8px 8px!important;
  }
  .fgg-layout-list .fgg-title{font-size:.84rem!important;line-height:1.1!important;}
  .fgg-layout-list .fgg-platform-badge{font-size:.64rem!important;padding:3px 5px!important;}
  .fgg-layout-list .fgg-type-badge{font-size:.62rem!important;padding:4px 6px!important;}
  .fgg-layout-list .fgg-meta{padding:6px 7px!important;}
  .fgg-layout-list .fgg-meta span{font-size:.58rem!important;}
  .fgg-layout-list .fgg-meta strong{font-size:.70rem!important;}
  .fgg-layout-list .fgg-cta{font-size:.68rem!important;padding:7px 7px!important;}
}


/* v24: mobile list CTA below content and left-aligned */
@media (max-width:980px){
  .fgg-layout-list .fgg-card-link{
    grid-template-columns:82px minmax(0,1fr)!important;
    gap:0!important;
    min-height:118px!important;
  }
  .fgg-layout-list .fgg-cover{
    grid-column:1!important;
    min-height:118px!important;
    height:100%!important;
  }
  .fgg-layout-list .fgg-card-body{
    grid-column:2!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:6px 8px!important;
    align-content:start!important;
    align-items:start!important;
    padding:8px 9px!important;
  }
  .fgg-layout-list .fgg-title-cell,
  .fgg-layout-list .fgg-platforms,
  .fgg-layout-list .fgg-meta-source{
    grid-column:1/-1!important;
  }
  .fgg-layout-list .fgg-type-row{grid-column:1!important;}
  .fgg-layout-list .fgg-meta-worth{grid-column:1!important;}
  .fgg-layout-list .fgg-meta-end{grid-column:2!important;}
  .fgg-layout-list .fgg-cta{
    grid-column:1/-1!important;
    grid-row:auto!important;
    width:auto!important;
    min-width:0!important;
    max-width:210px!important;
    justify-self:start!important;
    align-self:start!important;
    margin-top:2px!important;
    padding:8px 10px!important;
    font-size:.78rem!important;
    line-height:1.12!important;
    white-space:normal!important;
  }
}
@media (max-width:560px){
  .fgg-layout-list .fgg-card-link{
    grid-template-columns:72px minmax(0,1fr)!important;
    min-height:112px!important;
  }
  .fgg-layout-list .fgg-cover{min-height:112px!important;}
  .fgg-layout-list .fgg-card-body{
    grid-column:2!important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    padding:7px 7px!important;
    gap:5px 7px!important;
  }
  .fgg-layout-list .fgg-cta{
    grid-column:1/-1!important;
    grid-row:auto!important;
    max-width:190px!important;
    justify-self:start!important;
    font-size:.74rem!important;
    padding:8px 9px!important;
  }
  .fgg-layout-list .fgg-meta-worth,
  .fgg-layout-list .fgg-meta-end{
    display:block!important;
  }
}


/* v25: centered filter shell consistent with release calendar */
.fgg-filter-shell{
  max-width:1000px!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
}


/* v26: match premiere calendar filter styling */
.fgg-filter-shell{
  max-width:1000px!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  background:rgba(19, 36, 58, .82)!important;
  border:1px solid rgba(160,180,210,.22)!important;
  border-radius:14px!important;
  padding:13px!important;
  box-shadow:none!important;
}

.fgg-filter-top{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
}

.fgg-search-wrap{
  flex:1 1 auto!important;
  width:auto!important;
  min-width:220px!important;
}

.fgg-search-wrap input{
  height:40px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  background:rgba(8,18,32,.62)!important;
  border:1px solid rgba(160,180,210,.25)!important;
  color:var(--fgg-text)!important;
  font-size:.92rem!important;
}

.fgg-filter-toggle{
  height:40px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(160,180,210,.34)!important;
  color:#fff!important;
  font-size:.88rem!important;
  font-weight:800!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
}

.fgg-view-toggle{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  margin-left:auto!important;
  flex:0 0 auto!important;
}

.fgg-view-toggle button{
  height:40px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(160,180,210,.28)!important;
  color:#e9eef8!important;
  font-size:.88rem!important;
  font-weight:800!important;
}

.fgg-view-toggle button.is-active{
  background:rgba(143,183,255,.18)!important;
  border-color:rgba(143,183,255,.52)!important;
  color:#fff!important;
}

.fgg-filter-panel{
  margin-top:14px!important;
  gap:12px!important;
}

.fgg-filter-title{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  color:rgba(220,230,245,.76)!important;
  font-size:.74rem!important;
  line-height:1!important;
  letter-spacing:.045em!important;
  text-transform:uppercase!important;
  font-weight:800!important;
  margin:0 0 8px!important;
}

.fgg-filter-title::after{
  content:""!important;
  height:1px!important;
  flex:1 1 auto!important;
  background:rgba(160,180,210,.16)!important;
}

.fgg-chip-list{
  gap:7px!important;
}

.fgg-chip span{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  min-height:30px!important;
  padding:6px 11px 6px 28px!important;
  border-radius:999px!important;
  background:rgba(7,17,31,.48)!important;
  border:1px solid rgba(160,180,210,.25)!important;
  color:#eef3fb!important;
  font-size:.82rem!important;
  line-height:1!important;
  font-weight:800!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important;
}

.fgg-chip span::before{
  content:""!important;
  position:absolute!important;
  left:10px!important;
  top:50%!important;
  width:9px!important;
  height:9px!important;
  transform:translateY(-50%)!important;
  border-radius:50%!important;
  background:rgba(150,165,185,.58)!important;
  box-shadow:0 0 0 3px rgba(150,165,185,.11)!important;
}

.fgg-chip input:checked+span{
  background:rgba(255,255,255,.075)!important;
  border-color:rgba(143,183,255,.52)!important;
  color:#fff!important;
}

.fgg-chip input:checked+span::before{
  background:#8fb7ff!important;
  box-shadow:0 0 0 3px rgba(143,183,255,.18)!important;
}

.fgg-chip span:hover{
  transform:translateY(-1px)!important;
  background:rgba(255,255,255,.095)!important;
  border-color:rgba(143,183,255,.42)!important;
}

.fgg-chip input[value="game"]:checked+span::before,
.fgg-chip input[value="full-games"]:checked+span::before{
  background:#7ce4a8!important;
  box-shadow:0 0 0 3px rgba(124,228,168,.18)!important;
}

.fgg-chip input[value="beta"]:checked+span::before{
  background:#ffd66b!important;
  box-shadow:0 0 0 3px rgba(255,214,107,.18)!important;
}

.fgg-chip input[value="keys"]:checked+span::before{
  background:#d4dcff!important;
  box-shadow:0 0 0 3px rgba(212,220,255,.16)!important;
}

.fgg-chip input[value="dlc"]:checked+span::before{
  background:#8fb7ff!important;
  box-shadow:0 0 0 3px rgba(143,183,255,.18)!important;
}

.fgg-chip input[value="loot"]:checked+span::before{
  background:#b99cff!important;
  box-shadow:0 0 0 3px rgba(185,156,255,.18)!important;
}

@media (max-width:760px){
  .fgg-filter-top{
    flex-wrap:wrap!important;
    gap:10px!important;
  }
  .fgg-search-wrap{
    flex:1 1 100%!important;
    min-width:0!important;
    width:100%!important;
  }
  .fgg-filter-toggle{
    flex:1 1 auto!important;
  }
  .fgg-view-toggle{
    margin-left:0!important;
    flex:1 1 auto!important;
    justify-content:flex-start!important;
  }
  .fgg-view-toggle button{
    flex:0 0 auto!important;
  }
}


/* v27: calendar-like view switch position and lighter chip typography */
.fgg-filter-top{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
}

.fgg-search-wrap{
  order:1!important;
  flex:1 1 auto!important;
  min-width:260px!important;
}

.fgg-view-toggle{
  order:2!important;
  margin-left:0!important;
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:0!important;
  padding:3px!important;
  border:1px solid rgba(160,180,210,.30)!important;
  border-radius:999px!important;
  background:rgba(7,17,31,.50)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}

.fgg-view-toggle button{
  height:34px!important;
  min-width:74px!important;
  padding:0 13px!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:rgba(235,241,250,.78)!important;
  font-size:.84rem!important;
  font-weight:600!important;
  line-height:1!important;
  box-shadow:none!important;
  transform:none!important;
}

.fgg-view-toggle button:hover{
  background:rgba(255,255,255,.055)!important;
  color:#fff!important;
  transform:none!important;
}

.fgg-view-toggle button.is-active{
  background:rgba(143,183,255,.22)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset!important;
}

.fgg-filter-toggle{
  order:3!important;
  flex:0 0 auto!important;
  font-weight:700!important;
}

.fgg-chip span{
  font-weight:600!important;
}

.fgg-chip input:checked+span{
  font-weight:600!important;
}

@media (max-width:760px){
  .fgg-filter-top{
    flex-wrap:wrap!important;
  }
  .fgg-search-wrap{
    order:1!important;
    flex:1 1 100%!important;
    min-width:0!important;
    width:100%!important;
  }
  .fgg-view-toggle{
    order:2!important;
    flex:0 0 auto!important;
    margin-left:0!important;
  }
  .fgg-filter-toggle{
    order:3!important;
    flex:1 1 auto!important;
  }
}


/* v28: make top filter row match premiere calendar */
.fgg-filter-top{
  display:grid!important;
  grid-template-columns:minmax(260px,520px) auto!important;
  align-items:end!important;
  justify-content:start!important;
  gap:12px!important;
  width:100%!important;
}

.fgg-search-wrap{
  order:initial!important;
  grid-column:1!important;
  width:100%!important;
  min-width:0!important;
  flex:none!important;
}

.fgg-search-wrap::before{
  content:"SZUKAJ";
  display:block;
  margin:0 0 6px;
  color:rgba(220,230,245,.74);
  font-size:.72rem;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:500;
}

.fgg-search-wrap input{
  width:100%!important;
  height:40px!important;
  border-radius:999px!important;
  padding:0 14px!important;
}

.fgg-filter-toggle{
  order:initial!important;
  grid-column:2!important;
  align-self:end!important;
  height:40px!important;
  min-width:0!important;
  padding:0 14px!important;
  flex:none!important;
}

/* Put view switch back in the filter panel, not in the search row */
.fgg-filter-top > .fgg-view-toggle{
  display:none!important;
}

.fgg-filter-panel .fgg-view-toggle{
  display:flex!important;
  margin-left:0!important;
  padding:0!important;
  gap:8px!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.fgg-filter-panel .fgg-view-toggle button{
  height:31px!important;
  min-width:0!important;
  padding:0 12px!important;
  border:1px solid rgba(160,180,210,.25)!important;
  border-radius:999px!important;
  background:rgba(7,17,31,.48)!important;
  color:#eef3fb!important;
  font-size:.82rem!important;
  font-weight:600!important;
}

.fgg-filter-panel .fgg-view-toggle button.is-active{
  background:rgba(143,183,255,.18)!important;
  border-color:rgba(143,183,255,.52)!important;
}

@media (max-width:760px){
  .fgg-filter-top{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .fgg-search-wrap{
    grid-column:1!important;
    width:100%!important;
  }
  .fgg-filter-toggle{
    grid-column:1!important;
    justify-self:start!important;
    width:auto!important;
  }
}


/* v29: exact calendar-like top row: search, view switch, hide filters */
.fgg-filter-top{
  display:grid!important;
  grid-template-columns:minmax(260px,520px) auto auto!important;
  align-items:end!important;
  justify-content:start!important;
  gap:12px!important;
  width:100%!important;
}

.fgg-search-wrap{
  grid-column:1!important;
  width:100%!important;
  min-width:0!important;
  flex:none!important;
}

.fgg-search-wrap::before{
  content:"SZUKAJ";
  display:block;
  margin:0 0 6px;
  color:rgba(220,230,245,.74);
  font-size:.72rem;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:500;
}

.fgg-search-wrap input{
  width:100%!important;
  height:40px!important;
  border-radius:999px!important;
  padding:0 14px!important;
}

/* The view switch must stay in the top row, between search and hide filters */
.fgg-filter-top > .fgg-view-toggle{
  display:inline-flex!important;
  grid-column:2!important;
  align-self:end!important;
  margin:0!important;
  padding:3px!important;
  gap:0!important;
  height:40px!important;
  border:1px solid rgba(160,180,210,.30)!important;
  border-radius:999px!important;
  background:rgba(7,17,31,.50)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}

.fgg-filter-top > .fgg-view-toggle button{
  height:32px!important;
  min-width:72px!important;
  padding:0 13px!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:rgba(235,241,250,.82)!important;
  font-size:.84rem!important;
  font-weight:600!important;
  line-height:1!important;
  box-shadow:none!important;
  transform:none!important;
}

.fgg-filter-top > .fgg-view-toggle button:hover{
  background:rgba(255,255,255,.055)!important;
  color:#fff!important;
  transform:none!important;
}

.fgg-filter-top > .fgg-view-toggle button.is-active{
  background:rgba(143,183,255,.22)!important;
  color:#fff!important;
  border:0!important;
  box-shadow:0 1px 0 rgba(255,255,255,.06) inset!important;
}

.fgg-filter-toggle{
  grid-column:3!important;
  align-self:end!important;
  height:40px!important;
  min-width:0!important;
  padding:0 14px!important;
  flex:none!important;
}

/* If an older CSS rule exposes a second switch in the panel, hide only that one */
.fgg-filter-panel .fgg-view-toggle{
  display:none!important;
}

.fgg-chip span{
  font-weight:500!important;
}

.fgg-chip input:checked+span{
  font-weight:500!important;
}

@media (max-width:760px){
  .fgg-filter-top{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .fgg-search-wrap{
    grid-column:1!important;
    width:100%!important;
  }
  .fgg-filter-top > .fgg-view-toggle{
    grid-column:1!important;
    justify-self:start!important;
    align-self:start!important;
  }
  .fgg-filter-toggle{
    grid-column:1!important;
    justify-self:start!important;
    width:auto!important;
  }
}


/* v30: hard reset top filters after moving view switch into correct markup */
.fgg-filter-shell{
  max-width:1000px!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.fgg-filter-top{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  gap:12px!important;
  width:100%!important;
  flex-wrap:nowrap!important;
}

.fgg-filter-top .fgg-search-wrap{
  display:block!important;
  flex:0 1 520px!important;
  width:520px!important;
  min-width:260px!important;
  max-width:520px!important;
  order:1!important;
}

.fgg-search-wrap::before{
  content:"SZUKAJ";
  display:block;
  margin:0 0 6px;
  color:rgba(220,230,245,.74);
  font-size:.72rem;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-weight:500;
}

.fgg-filter-top .fgg-search-wrap input{
  width:100%!important;
  height:40px!important;
  border-radius:999px!important;
  padding:0 14px!important;
}

.fgg-filter-top > .fgg-view-toggle{
  order:2!important;
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:3px!important;
  gap:0!important;
  height:40px!important;
  border:1px solid rgba(160,180,210,.30)!important;
  border-radius:999px!important;
  background:rgba(7,17,31,.50)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}

.fgg-filter-top > .fgg-view-toggle button{
  height:32px!important;
  min-width:72px!important;
  padding:0 13px!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:rgba(235,241,250,.82)!important;
  font-size:.84rem!important;
  font-weight:600!important;
  line-height:1!important;
  box-shadow:none!important;
  transform:none!important;
}

.fgg-filter-top > .fgg-view-toggle button.is-active{
  background:rgba(143,183,255,.22)!important;
  color:#fff!important;
}

.fgg-filter-top > .fgg-filter-toggle{
  order:3!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  height:40px!important;
  width:auto!important;
  padding:0 14px!important;
  margin:0!important;
}

/* remove the empty Widok area if any old CSS/markup survives */
.fgg-filter-panel .fgg-view-toggle,
.fgg-filter-panel .fgg-filter-title:empty{
  display:none!important;
}

.fgg-chip span,
.fgg-chip input:checked+span{
  font-weight:500!important;
}

@media (max-width:760px){
  .fgg-filter-top{
    flex-wrap:wrap!important;
    align-items:flex-start!important;
  }
  .fgg-filter-top .fgg-search-wrap{
    flex:1 1 100%!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
  .fgg-filter-top > .fgg-view-toggle{
    order:2!important;
  }
  .fgg-filter-top > .fgg-filter-toggle{
    order:3!important;
  }
}


/* v31: restore top view switch and stack filter sections vertically */
.fgg-filter-top{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  gap:12px!important;
  width:100%!important;
  flex-wrap:nowrap!important;
}

.fgg-filter-top .fgg-search-wrap{
  display:block!important;
  flex:0 1 520px!important;
  width:520px!important;
  max-width:520px!important;
  min-width:260px!important;
}

.fgg-filter-top > .fgg-view-toggle{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:3px!important;
  gap:0!important;
  height:40px!important;
  border:1px solid rgba(160,180,210,.30)!important;
  border-radius:999px!important;
  background:rgba(7,17,31,.50)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}

.fgg-filter-top > .fgg-view-toggle button{
  height:32px!important;
  min-width:72px!important;
  padding:0 13px!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:rgba(235,241,250,.82)!important;
  font-size:.84rem!important;
  font-weight:600!important;
  line-height:1!important;
  box-shadow:none!important;
  transform:none!important;
}

.fgg-filter-top > .fgg-view-toggle button:hover{
  background:rgba(255,255,255,.055)!important;
  color:#fff!important;
  transform:none!important;
}

.fgg-filter-top > .fgg-view-toggle button.is-active{
  background:rgba(143,183,255,.22)!important;
  color:#fff!important;
}

.fgg-filter-top > .fgg-filter-toggle{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  height:40px!important;
  width:auto!important;
  padding:0 14px!important;
  margin:0!important;
}

/* Stack filter sections one below another */
.fgg-filter-panel{
  display:flex!important;
  flex-direction:column!important;
  gap:13px!important;
  margin-top:14px!important;
}

.fgg-filter-panel > .fgg-filter-group,
.fgg-filter-panel > .fgg-filter-group-wide{
  width:100%!important;
  max-width:100%!important;
  grid-column:auto!important;
}

/* No duplicate view switch inside collapsed filter panel */
.fgg-filter-panel .fgg-view-toggle{
  display:none!important;
}

.fgg-chip span,
.fgg-chip input:checked+span{
  font-weight:500!important;
}

@media (max-width:760px){
  .fgg-filter-top{
    flex-wrap:wrap!important;
    align-items:flex-start!important;
  }
  .fgg-filter-top .fgg-search-wrap{
    flex:1 1 100%!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
  .fgg-filter-top > .fgg-view-toggle{
    order:2!important;
  }
  .fgg-filter-top > .fgg-filter-toggle{
    order:3!important;
  }
}


/* v32: force top-row view switch visible, keep sections stacked */
.fgg-filter-top > .fgg-view-toggle{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  align-items:center!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:3px!important;
  gap:0!important;
  height:40px!important;
  border:1px solid rgba(160,180,210,.30)!important;
  border-radius:999px!important;
  background:rgba(7,17,31,.50)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}

.fgg-filter-top > .fgg-view-toggle button{
  height:32px!important;
  min-width:72px!important;
  padding:0 13px!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:rgba(235,241,250,.82)!important;
  font-size:.84rem!important;
  font-weight:600!important;
  line-height:1!important;
}

.fgg-filter-top > .fgg-view-toggle button.is-active{
  background:rgba(143,183,255,.22)!important;
  color:#fff!important;
}

.fgg-filter-panel{
  display:flex!important;
  flex-direction:column!important;
}


/* v33: final fixed filter top layout */
.fgg-filter-top{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  gap:12px!important;
  width:100%!important;
  flex-wrap:nowrap!important;
}

.fgg-filter-top .fgg-search-wrap{
  flex:0 1 520px!important;
  width:520px!important;
  max-width:520px!important;
  min-width:260px!important;
}

.fgg-filter-top > .fgg-view-toggle{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:3px!important;
  gap:0!important;
  height:40px!important;
  border:1px solid rgba(160,180,210,.30)!important;
  border-radius:999px!important;
  background:rgba(7,17,31,.50)!important;
}

.fgg-filter-top > .fgg-view-toggle button{
  height:32px!important;
  min-width:72px!important;
  padding:0 13px!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:rgba(235,241,250,.82)!important;
  font-size:.84rem!important;
  font-weight:600!important;
  line-height:1!important;
}

.fgg-filter-top > .fgg-view-toggle button.is-active{
  background:rgba(143,183,255,.22)!important;
  color:#fff!important;
}

.fgg-filter-top > .fgg-filter-toggle{
  flex:0 0 auto!important;
  height:40px!important;
  width:auto!important;
  padding:0 14px!important;
  margin:0!important;
}

.fgg-filter-panel{
  display:flex!important;
  flex-direction:column!important;
  gap:13px!important;
}

.fgg-filter-panel > .fgg-filter-group,
.fgg-filter-panel > .fgg-filter-group-wide{
  width:100%!important;
  max-width:100%!important;
}

@media (max-width:760px){
  .fgg-filter-top{
    flex-wrap:wrap!important;
  }
  .fgg-filter-top .fgg-search-wrap{
    flex:1 1 100%!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
}


/* v34: actual non-home filter top switch + stacked filter groups */
.fgg-filter-top{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  gap:12px!important;
  width:100%!important;
  flex-wrap:nowrap!important;
}

.fgg-filter-top .fgg-search-wrap{
  flex:0 1 520px!important;
  width:520px!important;
  max-width:520px!important;
  min-width:260px!important;
}

.fgg-filter-top > .fgg-view-toggle{
  display:inline-flex!important;
  align-items:center!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:3px!important;
  gap:0!important;
  height:40px!important;
  border:1px solid rgba(160,180,210,.30)!important;
  border-radius:999px!important;
  background:rgba(7,17,31,.50)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04)!important;
}

.fgg-filter-top > .fgg-view-toggle button{
  height:32px!important;
  min-width:72px!important;
  padding:0 13px!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:rgba(235,241,250,.82)!important;
  font-size:.84rem!important;
  font-weight:600!important;
  line-height:1!important;
  transform:none!important;
}

.fgg-filter-top > .fgg-view-toggle button.is-active{
  background:rgba(143,183,255,.22)!important;
  color:#fff!important;
}

.fgg-filter-top > .fgg-filter-toggle{
  flex:0 0 auto!important;
  height:40px!important;
  width:auto!important;
  padding:0 14px!important;
  margin:0!important;
}

.fgg-filter-panel{
  display:flex!important;
  flex-direction:column!important;
  gap:13px!important;
}

.fgg-filter-panel > .fgg-filter-group,
.fgg-filter-panel > .fgg-filter-group-wide{
  width:100%!important;
  max-width:100%!important;
}

.fgg-filter-panel .fgg-view-toggle{
  display:none!important;
}

.fgg-chip span,
.fgg-chip input:checked+span{
  font-weight:500!important;
}

@media (max-width:760px){
  .fgg-filter-top{
    flex-wrap:wrap!important;
    align-items:flex-start!important;
  }
  .fgg-filter-top .fgg-search-wrap{
    flex:1 1 100%!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
  }
}


/* v35: translatable search label rendered in PHP instead of hardcoded CSS */
.fgg-search-wrap::before{
  content:none!important;
  display:none!important;
}

.fgg-search-label{
  display:block!important;
  margin:0 0 6px!important;
  color:rgba(220,230,245,.74)!important;
  font-size:.72rem!important;
  line-height:1!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  font-weight:500!important;
}


/* v36: keep mobile view switch and hide-filters button on the same row */
@media (max-width:760px){
  .fgg-filter-top{
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:10px!important;
    align-items:end!important;
    width:100%!important;
  }

  .fgg-filter-top .fgg-search-wrap{
    grid-column:1/-1!important;
    grid-row:1!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    flex:none!important;
  }

  .fgg-filter-top > .fgg-view-toggle{
    grid-column:1!important;
    grid-row:2!important;
    justify-self:start!important;
    align-self:center!important;
    width:auto!important;
    max-width:100%!important;
  }

  .fgg-filter-top > .fgg-filter-toggle{
    grid-column:2!important;
    grid-row:2!important;
    justify-self:end!important;
    align-self:center!important;
    width:auto!important;
    min-width:max-content!important;
    margin:0!important;
  }
}

@media (max-width:380px){
  .fgg-filter-top{
    grid-template-columns:minmax(0,1fr) auto!important;
    column-gap:8px!important;
  }

  .fgg-filter-top > .fgg-view-toggle button{
    min-width:62px!important;
    padding-left:10px!important;
    padding-right:10px!important;
    font-size:.78rem!important;
  }

  .fgg-filter-top > .fgg-filter-toggle{
    padding-left:11px!important;
    padding-right:11px!important;
    font-size:.82rem!important;
  }
}


.fgg-pln-disclaimer{
  grid-column:1 / -1;
  margin-top:14px;
  padding:10px 12px;
  border-radius:12px;
  font-size:.86rem;
  line-height:1.45;
  opacity:.78;
  background:rgba(127,127,127,.08);
}