/**
 * Перелинковка product-лендингов (паттерн SBB dark ribbon).
 * База + темы .lw-crosslinks--{slug} под палитру страницы.
 */
.lw-crosslinks {
    --lw-xl-panel: #181d24;
    --lw-xl-accent: #e4362b;
    --lw-xl-grid: #2a313b;
    --lw-xl-card-hover: #1b222c;
    --lw-xl-muted: #7c8590;
    --lw-xl-all: #9aa3ae;
    --lw-xl-title: #fff;
    --lw-xl-label: #fff;

    margin: 3rem auto 2.5rem;
    max-width: 1100px;
    padding: 0 12px;
    text-align: left;
    box-sizing: border-box;
}

/* PULSAR — тёмный + cyan */
.lw-crosslinks--pulsar {
    --lw-xl-panel: #060709;
    --lw-xl-accent: #04a4fe;
    --lw-xl-grid: #151820;
    --lw-xl-card-hover: #0c1016;
    --lw-xl-muted: #6b7380;
    --lw-xl-all: #8a93a0;
}

/* АК-25 Хищник — чёрный + красный */
.lw-crosslinks--ak25 {
    --lw-xl-panel: #0f0f0f;
    --lw-xl-accent: #f4080b;
    --lw-xl-grid: #242424;
    --lw-xl-card-hover: #171717;
    --lw-xl-muted: #8a8a8a;
    --lw-xl-all: #a2a2a2;
}

/* AR-15 Рейнджер — чёрный + жёлтый */
.lw-crosslinks--ar15 {
    --lw-xl-panel: #000000;
    --lw-xl-accent: #ffef01;
    --lw-xl-grid: #222222;
    --lw-xl-card-hover: #111111;
    --lw-xl-muted: #8a8a8a;
    --lw-xl-all: #b0b0b0;
}

/* АК-15 Ратник — тёмный + алый */
.lw-crosslinks--ak15 {
    --lw-xl-panel: #121417;
    --lw-xl-accent: #e4362b;
    --lw-xl-grid: #2a313b;
    --lw-xl-card-hover: #1a1f26;
    --lw-xl-muted: #7c8590;
    --lw-xl-all: #9aa3ae;
}

/* Феникс — тёмный + лайм */
.lw-crosslinks--phoenix {
    --lw-xl-panel: #0d0f0a;
    --lw-xl-accent: #aeff01;
    --lw-xl-grid: #1e2218;
    --lw-xl-card-hover: #141810;
    --lw-xl-muted: #7a8068;
    --lw-xl-all: #9aa388;
}

/* Шершень — тёмный + оранжевый */
.lw-crosslinks--shershen {
    --lw-xl-panel: #14110e;
    --lw-xl-accent: #ff6a00;
    --lw-xl-grid: #2a241c;
    --lw-xl-card-hover: #1c1812;
    --lw-xl-muted: #8a8070;
    --lw-xl-all: #a89880;
}

/* ММГ — тёмный милитари + красный */
.lw-crosslinks--mmg {
    --lw-xl-panel: #141414;
    --lw-xl-accent: #ff0000;
    --lw-xl-grid: #282828;
    --lw-xl-card-hover: #1a1a1a;
    --lw-xl-muted: #8a8a8a;
    --lw-xl-all: #a8a8a8;
}

/* Alphatag Sport — синий бренд */
.lw-crosslinks--alphatag-sport {
    --lw-xl-panel: #0f172a;
    --lw-xl-accent: #005ed3;
    --lw-xl-grid: #1e293b;
    --lw-xl-card-hover: #152033;
    --lw-xl-muted: #94a3b8;
    --lw-xl-all: #cbd5e1;
}

/* Alphatag Arena — тёмный + красный */
.lw-crosslinks--alphatag-arena {
    --lw-xl-panel: #1a1a1a;
    --lw-xl-accent: #f5222d;
    --lw-xl-grid: #333333;
    --lw-xl-card-hover: #222222;
    --lw-xl-muted: #8a8a8a;
    --lw-xl-all: #b0b0b0;
}

/* Alphatag Server — красный LASERWAR */
.lw-crosslinks--alphatag-server {
    --lw-xl-panel: #181d24;
    --lw-xl-accent: #e4362b;
    --lw-xl-grid: #2a313b;
    --lw-xl-card-hover: #1b222c;
    --lw-xl-muted: #7c8590;
    --lw-xl-all: #9aa3ae;
}

/* Игровые устройства — темы по slug */
.lw-crosslinks--gaming-device {
    --lw-xl-panel: #181d24;
    --lw-xl-accent: #e4362b;
}
.lw-crosslinks--adrenaline {
    --lw-xl-panel: #140a18;
    --lw-xl-accent: #c026ff;
    --lw-xl-grid: #2a1633;
    --lw-xl-card-hover: #1c0f24;
    --lw-xl-muted: #9a7aaa;
    --lw-xl-all: #c4a8d4;
}
.lw-crosslinks--cerber {
    --lw-xl-panel: #121212;
    --lw-xl-accent: #ff3b30;
    --lw-xl-grid: #2a2a2a;
    --lw-xl-card-hover: #1a1a1a;
}
.lw-crosslinks--time-point {
    --lw-xl-panel: #0a1218;
    --lw-xl-accent: #00c2ff;
    --lw-xl-grid: #152530;
    --lw-xl-card-hover: #0f1a22;
    --lw-xl-muted: #6a8a9a;
    --lw-xl-all: #8ab0c0;
}
.lw-crosslinks--dome {
    --lw-xl-panel: #0e141c;
    --lw-xl-accent: #3b82f6;
    --lw-xl-grid: #1c2838;
    --lw-xl-card-hover: #152030;
}
.lw-crosslinks--lazertag-granata-triniti {
    --lw-xl-panel: #1a120a;
    --lw-xl-accent: #ff8a00;
    --lw-xl-grid: #2e2114;
    --lw-xl-card-hover: #22180e;
}
.lw-crosslinks--cifrovoy-flag-dlya-lazertaga {
    --lw-xl-panel: #0a1610;
    --lw-xl-accent: #22c55e;
    --lw-xl-grid: #163022;
    --lw-xl-card-hover: #0f2018;
}
.lw-crosslinks--umnaya-kontrolnaya-tochka {
    --lw-xl-panel: #0a1618;
    --lw-xl-accent: #14b8a6;
    --lw-xl-grid: #163032;
    --lw-xl-card-hover: #0f2224;
}
.lw-crosslinks--elektronnaya-mishen {
    --lw-xl-panel: #10140a;
    --lw-xl-accent: #a3e635;
    --lw-xl-grid: #222a14;
    --lw-xl-card-hover: #181e0e;
}
.lw-crosslinks--smart-remotes-pro-and-nano {
    --lw-xl-panel: #0c1220;
    --lw-xl-accent: #60a5fa;
    --lw-xl-grid: #1a2438;
    --lw-xl-card-hover: #121a2a;
}
.lw-crosslinks--kvestovye-ustroystva {
    --lw-xl-panel: #120e1c;
    --lw-xl-accent: #a78bfa;
    --lw-xl-grid: #241c38;
    --lw-xl-card-hover: #1a1428;
}
.lw-crosslinks--aptechka-bomba-arsenal {
    --lw-xl-panel: #14100e;
    --lw-xl-accent: #ef4444;
    --lw-xl-grid: #2a201c;
    --lw-xl-card-hover: #1c1612;
}
.lw-crosslinks--smart-rgb-povyazka-dlya-lasertaga {
    --lw-xl-panel: #0c0c14;
    --lw-xl-accent: #00e5ff;
    --lw-xl-grid: #1a1a2e;
    --lw-xl-card-hover: #12121e;
}

.lw-crosslinks--cols-3 .lw-crosslinks__grid {
    grid-template-columns: repeat(3, 1fr);
}

.lw-crosslinks__panel {
    background: var(--lw-xl-panel);
    border-radius: 16px;
    padding: 28px 40px;
    box-sizing: border-box;
}

.lw-crosslinks__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    margin-bottom: 22px;
}

.lw-crosslinks__title {
    color: var(--lw-xl-title);
    font-size: 22px;
    font-weight: 800;
    margin: 0;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    line-height: 1.2;
}

.lw-crosslinks__all {
    color: var(--lw-xl-all);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    transition: color 0.15s ease;
}

.lw-crosslinks__all:hover {
    color: var(--lw-xl-accent);
    text-decoration: none;
}

.lw-crosslinks__grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1px;
    background: var(--lw-xl-grid);
    border-radius: 12px;
    overflow: hidden;
}

.lw-crosslinks__card {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 18px 20px;
    background: var(--lw-xl-panel);
    text-decoration: none;
    color: inherit;
    transition: background 0.15s ease;
}

.lw-crosslinks__card:hover {
    background: var(--lw-xl-card-hover);
    color: inherit;
    text-decoration: none;
}

.lw-crosslinks__icon {
    flex-shrink: 0;
    color: var(--lw-xl-accent);
}

.lw-crosslinks__card-text {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.lw-crosslinks__card-label {
    color: var(--lw-xl-label);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.25;
}

.lw-crosslinks__card-note {
    color: var(--lw-xl-muted);
    font-size: 12.5px;
    margin-top: 2px;
    line-height: 1.3;
}

@media (max-width: 991px) {
    .lw-crosslinks__panel {
        padding: 22px 20px;
    }
    .lw-crosslinks__grid,
    .lw-crosslinks--cols-3 .lw-crosslinks__grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .lw-crosslinks__title {
        font-size: 18px;
    }
}

@media (max-width: 575px) {
    .lw-crosslinks__head {
        flex-direction: column;
        align-items: flex-start;
    }
    .lw-crosslinks__grid {
        grid-template-columns: 1fr;
    }
}