/* ═══════════ 5KEY — витрина бесплатных раздач (/free/) ═══════════ */

.gw-lead{color:var(--text-dim);margin-bottom:18px;max-width:780px}
.gw-lead b{color:var(--text)}

/* ── Вкладки: Игры / DLC ── */
.gw-tabs{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.gw-tab{
    display:inline-flex;align-items:center;gap:7px;
    padding:8px 14px;border-radius:8px;font-size:14px;font-weight:500;
    color:var(--text-dim);background:var(--bg-card);
    border:1px solid var(--border);transition:.15s;
}
.gw-tab:hover{color:var(--text);border-color:var(--accent)}
.gw-tab.active{color:var(--bg);background:var(--accent);border-color:var(--accent)}
.gw-tab .lucide{width:16px;height:16px}
.gw-tab-n{font-size:12px;opacity:.7}

.gw-chip-n{font-size:11px;opacity:.6;margin-left:2px}

/* ── Сетка ── */
.gw-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
    gap:16px;margin-bottom:24px;
}

.gw-card{
    background:rgba(10,14,26,.55);border:1px solid rgba(255,255,255,.06);
    backdrop-filter:blur(14px) saturate(140%);
    -webkit-backdrop-filter:blur(14px) saturate(140%);
    border-radius:12px;overflow:hidden;
    display:flex;flex-direction:column;
    transition:border-color .15s,transform .15s;
}
.gw-card:hover{border-color:var(--accent);transform:translateY(-2px)}

/* ── Обложка ── */
.gw-img{
    display:block;position:relative;
    aspect-ratio:460/215;background:var(--bg);overflow:hidden;
}
.gw-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.gw-card:hover .gw-img img{transform:scale(1.05)}
.gw-noimg{
    position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
    color:var(--text-faint);opacity:.25;
}
.gw-noimg .lucide{width:44px;height:44px}

/* Бейдж магазина */
.gw-store{
    position:absolute;top:8px;left:8px;
    display:inline-flex;align-items:center;gap:5px;
    padding:4px 9px;border-radius:6px;
    font-size:11px;font-weight:600;letter-spacing:.2px;
    color:var(--gw-store-color,#fff);
    background:rgba(0,0,0,.72);
    -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
}
.gw-store .lucide{width:13px;height:13px}

/* Бейдж типа: DLC / Ранний доступ */
.gw-kind{
    position:absolute;top:8px;right:8px;
    padding:4px 9px;border-radius:6px;
    font-size:11px;font-weight:600;color:var(--bg);background:var(--yellow);
}

/* Таймер */
.gw-timer{
    position:absolute;left:8px;bottom:8px;
    padding:4px 9px;border-radius:6px;
    font-size:11px;font-weight:600;color:var(--green);
    background:rgba(0,0,0,.72);
    -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
}
.gw-timer--soon{color:var(--yellow)}
.gw-timer--over{color:var(--red)}
.gw-timer--open{color:var(--text-dim)}

/* ── Тело карточки ── */
.gw-body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;flex:1}

.gw-title{
    font-size:15px;font-weight:600;color:#fff;line-height:1.35;
    display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;
    overflow:hidden;
}

.gw-price-row{display:flex;align-items:baseline;gap:8px}
.gw-free{font-size:16px;font-weight:700;color:var(--green)}
.gw-worth{font-size:13px;color:var(--text-faint);text-decoration:line-through}

.gw-meta{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:12px;color:var(--text-dim)}
.gw-meta .lucide{width:13px;height:13px;margin-right:3px}
.gw-until,.gw-users{display:inline-flex;align-items:center}

.gw-plats{display:flex;flex-wrap:wrap;gap:5px}
.gw-plat{
    font-size:11px;color:var(--text-dim);
    padding:2px 7px;border-radius:5px;background:rgba(255,255,255,.04);
}

/* Кнопка */
.gw-btn{
    margin-top:auto;
    display:flex;align-items:center;justify-content:center;gap:7px;
    padding:10px 14px;border-radius:8px;
    font-size:14px;font-weight:600;
    color:var(--bg);background:var(--accent);
    transition:.15s;
}
.gw-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}
.gw-btn:active{transform:scale(.98)}
.gw-btn .lucide{width:16px;height:16px}

/* «Как забрать» */
.gw-how{font-size:12px;color:var(--text-dim)}
.gw-how summary{
    cursor:pointer;list-style:none;color:var(--text-faint);
    padding:2px 0;transition:.15s;user-select:none;
}
.gw-how summary::-webkit-details-marker{display:none}
.gw-how summary::before{content:"▸ ";color:var(--accent)}
.gw-how[open] summary::before{content:"▾ "}
.gw-how summary:hover{color:var(--accent)}
.gw-how ol{margin:6px 0 0 16px;display:flex;flex-direction:column;gap:4px;line-height:1.45}

/* ── Служебное ── */
.gw-empty{
    color:var(--text-dim);text-align:center;padding:48px 20px;
    background:var(--bg-card);border:1px solid var(--border);border-radius:12px;
}
.gw-empty code{
    font:13px ui-monospace,Menlo,Consolas,monospace;color:var(--accent);
    background:rgba(0,212,255,.08);padding:2px 6px;border-radius:4px;
}
.gw-note{
    font-size:12px;color:var(--text-faint);line-height:1.5;
    max-width:820px;margin-bottom:8px;
}

@media (max-width:600px){
    .gw-grid{grid-template-columns:1fr;gap:14px}
    .gw-tab{padding:7px 12px;font-size:13px}
}