/* WeSteam-Lua Product Design system */

.steam-manifest-page--product,
.westeam-product-design-page,
.home-westeam-lua {
    --wpd-bg: #050914;
    --wpd-surface: rgba(10, 17, 31, 0.92);
    --wpd-surface-2: rgba(15, 23, 42, 0.88);
    --wpd-surface-3: rgba(20, 31, 49, 0.82);
    --wpd-line: rgba(148, 163, 184, 0.20);
    --wpd-line-strong: rgba(45, 212, 191, 0.34);
    --wpd-text: #f8fafc;
    --wpd-muted: rgba(203, 213, 225, 0.76);
    --wpd-dim: rgba(148, 163, 184, 0.70);
    --wpd-cyan: #22d3ee;
    --wpd-teal: #2dd4bf;
    --wpd-green: #34d399;
    --wpd-blue: #60a5fa;
    --wpd-gold: #fbbf24;
    --wpd-danger: #fb7185;
    --wpd-radius: 8px;
    --wpd-shadow: 0 22px 70px rgba(0, 0, 0, 0.36);
}

.steam-manifest-page--product *,
.westeam-product-design-page *,
.home-westeam-lua * {
    letter-spacing: 0;
}

/* Main WeSteam-Lua page */
.steam-manifest-page--product {
    min-height: 100vh;
    padding: 24px;
    background:
        linear-gradient(rgba(255, 255, 255, 0.026) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px),
        linear-gradient(135deg, #040713 0%, #081323 46%, #101522 100%);
    background-size: 42px 42px, 42px 42px, auto;
    color: var(--wpd-text);
}

.steam-manifest-page--product .steam-manifest-shell {
    width: min(1520px, 100%);
    margin: 0 auto;
    display: grid;
    gap: 16px;
}

.steam-manifest-page--product .sm-page-actions {
    display: flex;
    justify-content: flex-end;
    gap: 8px;
    margin: 0;
}

.steam-manifest-page--product .sm-page-action {
    min-height: 38px;
    padding: 0 12px;
    border: 1px solid var(--wpd-line);
    border-radius: var(--wpd-radius);
    background: rgba(15, 23, 42, 0.72);
    color: var(--wpd-muted);
    box-shadow: none;
}

.steam-manifest-page--product .sm-page-action--primary {
    border-color: rgba(45, 212, 191, 0.38);
    background: rgba(20, 184, 166, 0.14);
    color: #ccfbf1;
}

.steam-manifest-page--product .steam-manifest-top {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    margin: 0;
}

.steam-manifest-page--product .steam-manifest-brand {
    min-height: 252px;
    padding: 24px;
    border: 1px solid var(--wpd-line);
    border-radius: var(--wpd-radius);
    background:
        linear-gradient(135deg, rgba(45, 212, 191, 0.10), transparent 42%),
        linear-gradient(180deg, rgba(15, 23, 42, 0.94), rgba(2, 6, 23, 0.92));
    box-shadow: var(--wpd-shadow);
    overflow: hidden;
}

.steam-manifest-page--product .steam-manifest-brand::before,
.steam-manifest-page--product .steam-manifest-brand::after {
    display: none;
}

.steam-manifest-page--product .steam-manifest-brand__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(330px, 0.38fr);
    gap: 18px;
    align-items: stretch;
}

.steam-manifest-page--product .steam-manifest-brand__main {
    display: grid;
    align-content: space-between;
    gap: 18px;
    min-width: 0;
}

.steam-manifest-page--product .steam-manifest-brand__top {
    align-items: flex-start;
    gap: 16px;
}

.steam-manifest-page--product .steam-manifest-logo,
.westeam-product-design-page .wslp-navbar__mark {
    width: 54px;
    height: 54px;
    border-radius: var(--wpd-radius);
    border: 1px solid rgba(45, 212, 191, 0.42);
    background: linear-gradient(135deg, var(--wpd-teal), var(--wpd-blue));
    color: #03131b;
    box-shadow: 0 18px 42px rgba(45, 212, 191, 0.18);
}

.steam-manifest-page--product .steam-manifest-eyebrow {
    margin-bottom: 6px;
    color: var(--wpd-teal);
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
}

.steam-manifest-page--product .steam-manifest-title {
    margin: 0;
    color: var(--wpd-text);
    font-size: clamp(42px, 5vw, 68px);
    line-height: 1;
    font-weight: 1000;
}

.steam-manifest-page--product .steam-manifest-subtitle {
    max-width: 680px;
    margin-top: 12px;
    color: var(--wpd-muted);
    font-size: 17px;
    line-height: 1.7;
}

.steam-manifest-page--product .steam-manifest-brand__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.steam-manifest-page--product .sm-pill {
    min-height: 38px;
    padding: 0 12px;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: var(--wpd-radius);
    background: rgba(15, 23, 42, 0.76);
    color: var(--wpd-muted);
}

.steam-manifest-page--product .sm-pill__dot {
    background: var(--wpd-green);
    box-shadow: 0 0 0 4px rgba(52, 211, 153, 0.12);
}

.steam-manifest-page--product .sm-hero-console {
    min-width: 0;
    min-height: 204px;
    padding: 18px;
    border: 1px solid rgba(45, 212, 191, 0.24);
    border-radius: var(--wpd-radius);
    background:
        linear-gradient(180deg, rgba(15, 23, 42, 0.84), rgba(2, 6, 23, 0.70)),
        rgba(8, 13, 25, 0.88);
}

.steam-manifest-page--product .sm-hero-console__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.steam-manifest-page--product .sm-hero-console__grid div {
    min-height: 72px;
    border-radius: var(--wpd-radius);
    background: rgba(255, 255, 255, 0.055);
}

.steam-manifest-page--product .steam-manifest-card-panel {
    padding: 0;
    border: 1px solid var(--wpd-line);
    border-radius: var(--wpd-radius);
    background:
        linear-gradient(180deg, rgba(15, 23, 42, 0.86), rgba(2, 6, 23, 0.92)),
        var(--wpd-surface);
    box-shadow: var(--wpd-shadow);
    overflow: hidden;
}

.steam-manifest-page--product .steam-manifest-user-status {
    margin: 14px;
    padding: 14px;
    border: 1px solid rgba(45, 212, 191, 0.20);
    border-radius: var(--wpd-radius);
    background: rgba(5, 13, 25, 0.80);
}

.steam-manifest-page--product .steam-manifest-user-status::before,
.steam-manifest-page--product .steam-manifest-user-status::after {
    display: none;
}

.steam-manifest-page--product .sm-user-status__item {
    min-height: 96px;
    border-radius: var(--wpd-radius);
    border-color: rgba(148, 163, 184, 0.18);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.026)),
        rgba(15, 23, 42, 0.72);
}

.steam-manifest-page--product .sm-user-status__icon {
    border-radius: var(--wpd-radius);
}

.steam-manifest-page--product .sm-tabs {
    position: sticky;
    top: 0;
    z-index: 20;
    display: flex;
    gap: 6px;
    padding: 12px 14px;
    border-top: 1px solid rgba(148, 163, 184, 0.12);
    border-bottom: 1px solid rgba(148, 163, 184, 0.16);
    background: rgba(5, 9, 20, 0.88);
    backdrop-filter: blur(16px);
    overflow-x: auto;
}

.steam-manifest-page--product .sm-tab {
    flex: 0 0 auto;
    min-height: 42px;
    padding: 0 14px;
    border: 1px solid transparent;
    border-radius: var(--wpd-radius);
    background: transparent;
    color: var(--wpd-muted);
    font-size: 13px;
    font-weight: 900;
}

.steam-manifest-page--product .sm-tab__icon {
    width: 22px;
    height: 22px;
    display: inline-grid;
    place-items: center;
    color: currentColor;
    font-size: 15px;
    line-height: 1;
}

.steam-manifest-page--product .sm-tab:hover {
    border-color: rgba(148, 163, 184, 0.22);
    background: rgba(255, 255, 255, 0.055);
}

.steam-manifest-page--product .sm-tab--active,
.steam-manifest-page--product .sm-tab.is-active {
    border-color: rgba(45, 212, 191, 0.42);
    background: rgba(20, 184, 166, 0.16);
    color: #ecfeff;
}

.steam-manifest-page--product .sm-tab-content {
    padding: 14px;
}

.steam-manifest-page--product .sm-pro-workbench {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.34fr);
    gap: 14px;
    padding: 0;
}

.steam-manifest-page--product .sm-pro-search,
.steam-manifest-page--product .sm-pro-yutu,
.steam-manifest-page--product .sm-yutu-flow,
.steam-manifest-page--product .steam-manifest-trending,
.steam-manifest-page--product .sm-tab-header,
.steam-manifest-page--product .sm-list-controls,
.steam-manifest-page--product .sm-stats-card,
.steam-manifest-page--product .sm-stats-chart,
.steam-manifest-page--product .sm-stats-genres,
.steam-manifest-page--product .sm-community-card,
.steam-manifest-page--product .sm-community-feed {
    border: 1px solid var(--wpd-line);
    border-radius: var(--wpd-radius);
    background:
        linear-gradient(180deg, rgba(15, 23, 42, 0.86), rgba(2, 6, 23, 0.70)),
        var(--wpd-surface-2);
    box-shadow: none;
}

.steam-manifest-page--product .sm-pro-search {
    padding: 22px;
}

.steam-manifest-page--product .sm-pro-section-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    align-items: start;
    margin-bottom: 18px;
}

.steam-manifest-page--product .sm-pro-eyebrow {
    color: var(--wpd-teal);
    font-size: 12px;
    font-weight: 1000;
}

.steam-manifest-page--product .sm-pro-section-head h2 {
    max-width: 760px;
    margin: 8px 0 0;
    color: var(--wpd-text);
    font-size: clamp(28px, 3vw, 40px);
    line-height: 1.16;
    font-weight: 1000;
}

.steam-manifest-page--product .sm-pro-section-head p {
    max-width: 740px;
    margin-top: 10px;
    color: var(--wpd-muted);
    font-size: 15px;
    line-height: 1.7;
}

.steam-manifest-page--product .sm-pro-status {
    min-height: 34px;
    padding: 0 10px;
    border-radius: var(--wpd-radius);
    border: 1px solid rgba(52, 211, 153, 0.34);
    background: rgba(20, 83, 45, 0.24);
    color: #bbf7d0;
    white-space: nowrap;
}

.steam-manifest-page--product .steam-manifest-form {
    display: grid;
    gap: 12px;
}

.steam-manifest-page--product .steam-manifest-label {
    color: var(--wpd-dim);
    font-size: 12px;
    font-weight: 900;
}

.steam-manifest-page--product .steam-manifest-input-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 132px;
    gap: 10px;
}

.steam-manifest-page--product .steam-manifest-input-wrap {
    min-width: 0;
    border-radius: var(--wpd-radius);
}

.steam-manifest-page--product #steam-manifest-appid,
.steam-manifest-page--product .sm-list-input,
.steam-manifest-page--product .sm-list-select,
.steam-manifest-page--product .sm-favorites-input,
.steam-manifest-page--product .sm-favorites-select {
    min-height: 52px;
    border: 1px solid rgba(148, 163, 184, 0.24);
    border-radius: var(--wpd-radius);
    background: rgba(2, 6, 23, 0.66);
    color: var(--wpd-text);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.steam-manifest-page--product #steam-manifest-appid {
    height: 60px;
    padding-left: 46px;
    font-size: 16px;
}

.steam-manifest-page--product #steam-manifest-appid:focus,
.steam-manifest-page--product .sm-list-input:focus,
.steam-manifest-page--product .sm-favorites-input:focus {
    border-color: rgba(45, 212, 191, 0.70);
    box-shadow: 0 0 0 4px rgba(45, 212, 191, 0.12);
}

.steam-manifest-page--product .steam-manifest-btn,
.steam-manifest-page--product .sm-btn--primary {
    min-height: 52px;
    border-radius: var(--wpd-radius);
    background: linear-gradient(135deg, var(--wpd-teal), var(--wpd-blue));
    color: #03131b;
    font-weight: 1000;
    box-shadow: 0 16px 38px rgba(45, 212, 191, 0.16);
}

.steam-manifest-page--product .steam-manifest-hint {
    margin: 0;
    color: var(--wpd-dim);
    font-size: 12px;
    line-height: 1.6;
}

.steam-manifest-page--product .sm-search-assist,
.steam-manifest-page--product .sm-search-proof {
    margin-top: 0;
}

.steam-manifest-page--product .sm-search-assist {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.steam-manifest-page--product .sm-search-assist__label,
.steam-manifest-page--product .sm-quick-access__title,
.steam-manifest-page--product .sm-trending-title,
.steam-manifest-page--product .sm-tab-title {
    color: var(--wpd-text);
    font-weight: 1000;
}

.steam-manifest-page--product .sm-search-assist button {
    min-height: 32px;
    border: 1px solid rgba(148, 163, 184, 0.22);
    border-radius: var(--wpd-radius);
    background: rgba(15, 23, 42, 0.72);
    color: var(--wpd-muted);
}

.steam-manifest-page--product .sm-search-proof {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.steam-manifest-page--product .sm-search-proof div,
.steam-manifest-page--product .sm-quick-access__section {
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: var(--wpd-radius);
    background: rgba(255, 255, 255, 0.045);
}

.steam-manifest-page--product .sm-pro-result-stage {
    min-height: 118px;
}

.steam-manifest-page--product .steam-manifest-result {
    border: 1px solid rgba(45, 212, 191, 0.22);
    border-radius: var(--wpd-radius);
    background: rgba(2, 6, 23, 0.62);
}

.steam-manifest-page--product .sm-quick-access {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.steam-manifest-page--product .sm-quick-access__section {
    padding: 14px;
}

.steam-manifest-page--product .sm-pro-yutu {
    position: sticky;
    top: 14px;
    align-self: start;
    overflow: hidden;
}

.steam-manifest-page--product .sm-pro-yutu__chrome,
.steam-manifest-page--product .sm-pro-yutu__connection,
.steam-manifest-page--product .sm-pro-yutu__actions {
    padding: 16px;
}

.steam-manifest-page--product .sm-pro-yutu__logo {
    border-radius: var(--wpd-radius);
    background: rgba(45, 212, 191, 0.14);
    color: var(--wpd-teal);
}

.steam-manifest-page--product .sm-pro-yutu__connection {
    border-top: 1px solid rgba(148, 163, 184, 0.14);
    border-bottom: 1px solid rgba(148, 163, 184, 0.14);
}

.steam-manifest-page--product .sm-pro-yutu__steps {
    padding: 14px 16px 4px;
}

.steam-manifest-page--product .sm-pro-yutu__steps li {
    min-height: 72px;
}

.steam-manifest-page--product .sm-pro-yutu__actions {
    display: grid;
    gap: 8px;
}

.steam-manifest-page--product .sm-yutu-flow {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(210px, 0.8fr);
    gap: 10px;
    margin: 14px 0;
    padding: 14px;
}

.steam-manifest-page--product .sm-yutu-flow__step,
.steam-manifest-page--product .sm-yutu-flow__note {
    min-height: 82px;
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: var(--wpd-radius);
    background: rgba(255, 255, 255, 0.045);
}

.steam-manifest-page--product .steam-manifest-trending {
    padding: 16px;
}

.steam-manifest-page--product .sm-trending-header,
.steam-manifest-page--product .sm-tab-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 14px;
    padding: 0;
    background: transparent;
    border: 0;
}

.steam-manifest-page--product .sm-trending-list,
.steam-manifest-page--product .sm-catalog-list,
.steam-manifest-page--product .sm-grid,
.steam-manifest-page--product .sm-favorites-list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 12px;
}

.steam-manifest-page--product .sm-trending-item,
.steam-manifest-page--product .sm-card-mini,
.steam-manifest-page--product .sm-favorites-item,
.steam-manifest-page--product .sm-history-item {
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: var(--wpd-radius);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.026)),
        rgba(15, 23, 42, 0.72);
    box-shadow: none;
    overflow: hidden;
}

.steam-manifest-page--product .sm-trending-item:hover,
.steam-manifest-page--product .sm-card-mini:hover,
.steam-manifest-page--product .sm-favorites-item:hover {
    transform: translateY(-2px);
    border-color: rgba(45, 212, 191, 0.42);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.26);
}

.steam-manifest-page--product .sm-trending__cover,
.steam-manifest-page--product .sm-card-mini__cover {
    border-radius: var(--wpd-radius) var(--wpd-radius) 0 0;
}

.steam-manifest-page--product .sm-trending__title,
.steam-manifest-page--product .sm-card-mini__title,
.steam-manifest-page--product .sm-favorites-title {
    color: var(--wpd-text);
    font-weight: 900;
}

.steam-manifest-page--product .sm-trending__meta,
.steam-manifest-page--product .sm-card-mini__meta,
.steam-manifest-page--product .sm-empty,
.steam-manifest-page--product .sm-empty__mini {
    color: var(--wpd-dim);
}

.steam-manifest-page--product .sm-list-controls,
.steam-manifest-page--product .sm-favorites-controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 14px;
    padding: 12px;
}

.steam-manifest-page--product .sm-list-controls__left,
.steam-manifest-page--product .sm-list-controls__right,
.steam-manifest-page--product .sm-favorites-controls__left,
.steam-manifest-page--product .sm-favorites-controls__right {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.steam-manifest-page--product .sm-list-input,
.steam-manifest-page--product .sm-favorites-input {
    min-width: min(320px, 100%);
    padding: 0 12px;
}

.steam-manifest-page--product .sm-list-select,
.steam-manifest-page--product .sm-favorites-select {
    min-height: 40px;
}

.steam-manifest-page--product .sm-btn,
.steam-manifest-page--product .sm-page-action,
.steam-manifest-page--product .sm-pass-plan {
    border-radius: var(--wpd-radius);
}

.steam-manifest-page--product .sm-btn--ghost {
    border-color: rgba(148, 163, 184, 0.22);
    background: rgba(15, 23, 42, 0.62);
    color: var(--wpd-muted);
}

.steam-manifest-page--product .sm-pass-plan {
    border-color: rgba(148, 163, 184, 0.20);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.07), rgba(255, 255, 255, 0.03)),
        rgba(15, 23, 42, 0.78);
}

.steam-manifest-page--product .sm-pass-plan--lifetime {
    border-color: rgba(251, 191, 36, 0.38);
    background:
        linear-gradient(135deg, rgba(251, 191, 36, 0.16), rgba(96, 165, 250, 0.08)),
        rgba(15, 23, 42, 0.80);
}

.steam-manifest-page--product .sm-pass-plan__deadline {
    border-color: rgba(251, 191, 36, 0.28);
    background: rgba(251, 191, 36, 0.10);
    color: rgba(254, 243, 199, 0.90);
}

.steam-manifest-page--product .sm-pay-modal__panel,
.steam-manifest-page--product .sm-room-modal__panel {
    border-radius: var(--wpd-radius);
    border-color: rgba(148, 163, 184, 0.22);
    background:
        linear-gradient(180deg, rgba(15, 23, 42, 0.96), rgba(2, 6, 23, 0.94)),
        #020617;
}

.steam-manifest-page--product .sm-stats-grid,
.steam-manifest-page--product .sm-community-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 12px;
}

.steam-manifest-page--product .sm-stats-card {
    min-height: 116px;
    padding: 16px;
}

.steam-manifest-page--product .sm-stats-card__value {
    color: var(--wpd-text);
}

/* Main page: prototype-aligned app shell */
@media (min-width: 1181px) {
    .steam-manifest-page--product {
        padding: 14px;
        overflow-x: hidden;
    }

    .steam-manifest-page--product .steam-manifest-shell {
        width: min(1740px, 100%);
        min-height: calc(100vh - 28px);
        gap: 0;
        border: 1px solid rgba(148, 163, 184, 0.22);
        border-radius: var(--wpd-radius);
        background:
            radial-gradient(circle at 10% 80%, rgba(45, 212, 191, 0.14), transparent 26%),
            linear-gradient(180deg, rgba(8, 13, 25, 0.96), rgba(2, 6, 23, 0.94));
        box-shadow: 0 26px 90px rgba(0, 0, 0, 0.42);
        overflow: hidden;
    }

    .steam-manifest-page--product .sm-page-actions {
        order: 1;
        min-height: 64px;
        padding: 14px 18px;
        border-bottom: 1px solid rgba(148, 163, 184, 0.14);
        background: rgba(7, 12, 23, 0.70);
    }

    .steam-manifest-page--product .sm-page-action {
        min-width: 118px;
        justify-content: center;
    }

    .steam-manifest-page--product .steam-manifest-top {
        order: 2;
        border-bottom: 1px solid rgba(148, 163, 184, 0.14);
    }

    .steam-manifest-page--product .steam-manifest-brand {
        min-height: 112px;
        padding: 18px;
        border: 0;
        border-radius: 0;
        background:
            linear-gradient(90deg, rgba(45, 212, 191, 0.12), transparent 35%),
            rgba(7, 12, 23, 0.66);
        box-shadow: none;
    }

    .steam-manifest-page--product .steam-manifest-brand__layout {
        grid-template-columns: minmax(0, 1fr) 390px;
        align-items: center;
    }

    .steam-manifest-page--product .steam-manifest-brand__main {
        align-content: center;
        gap: 12px;
    }

    .steam-manifest-page--product .steam-manifest-brand__top {
        display: flex;
        align-items: center;
    }

    .steam-manifest-page--product .steam-manifest-logo {
        width: 56px;
        height: 56px;
        flex: 0 0 56px;
    }

    .steam-manifest-page--product .steam-manifest-eyebrow {
        margin: 0 0 4px;
        font-size: 11px;
    }

    .steam-manifest-page--product .steam-manifest-title {
        font-size: 34px;
        line-height: 1.05;
    }

    .steam-manifest-page--product .steam-manifest-subtitle {
        max-width: 820px;
        margin-top: 6px;
        font-size: 13px;
        line-height: 1.55;
    }

    .steam-manifest-page--product .steam-manifest-brand__meta {
        gap: 8px;
        margin-left: 72px;
    }

    .steam-manifest-page--product .sm-pill {
        min-height: 30px;
        font-size: 12px;
    }

    .steam-manifest-page--product .sm-hero-console {
        min-height: 78px;
        padding: 12px;
    }

    .steam-manifest-page--product .sm-hero-console__top {
        margin-bottom: 10px;
        font-size: 12px;
    }

    .steam-manifest-page--product .sm-hero-console__grid div {
        min-height: 44px;
        padding: 7px 8px;
    }

    .steam-manifest-page--product .sm-hero-console__grid span {
        font-size: 11px;
    }

    .steam-manifest-page--product .sm-hero-console__grid strong {
        font-size: 17px;
    }

    .steam-manifest-page--product .sm-hero-console__line {
        display: none;
    }

    .steam-manifest-page--product .steam-manifest-card-panel {
        order: 3;
        display: grid;
        grid-template-columns: 168px minmax(0, 1fr);
        align-items: stretch;
        min-height: calc(100vh - 206px);
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .steam-manifest-page--product .sm-tabs {
        position: relative;
        top: auto;
        z-index: 2;
        grid-column: 1;
        grid-row: 1 / span 20;
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding: 18px 10px;
        border: 0;
        border-right: 1px solid rgba(148, 163, 184, 0.16);
        background:
            linear-gradient(180deg, rgba(8, 20, 32, 0.92), rgba(4, 8, 17, 0.92));
        overflow: visible;
    }

    .steam-manifest-page--product .sm-tab {
        width: 100%;
        min-height: 46px;
        display: grid;
        grid-template-columns: 24px minmax(0, 1fr);
        align-items: center;
        justify-content: start;
        gap: 10px;
        padding: 0 12px;
        text-align: left;
        color: rgba(203, 213, 225, 0.78);
    }

    .steam-manifest-page--product .sm-tab::before {
        content: "";
        width: 22px;
        height: 22px;
        border: 1px solid rgba(148, 163, 184, 0.25);
        border-radius: 6px;
        background:
            linear-gradient(135deg, rgba(45, 212, 191, 0.20), transparent),
            rgba(15, 23, 42, 0.78);
    }

    .steam-manifest-page--product .sm-tab--active,
    .steam-manifest-page--product .sm-tab.is-active {
        border-color: rgba(45, 212, 191, 0.52);
        background:
            linear-gradient(90deg, rgba(45, 212, 191, 0.20), rgba(45, 212, 191, 0.08));
        color: #ecfeff;
        box-shadow: inset 3px 0 0 var(--wpd-teal);
    }

    .steam-manifest-page--product .sm-tab--active::before,
    .steam-manifest-page--product .sm-tab.is-active::before {
        border-color: rgba(45, 212, 191, 0.72);
        background: linear-gradient(135deg, var(--wpd-teal), var(--wpd-blue));
        box-shadow: 0 0 22px rgba(45, 212, 191, 0.26);
    }

    .steam-manifest-page--product .sm-tab-content {
        grid-column: 2;
        min-width: 0;
        padding: 18px;
    }

    .steam-manifest-page--product .sm-tab-content--active#sm-tab-search {
        display: grid;
        gap: 14px;
    }

    .steam-manifest-page--product .sm-pro-workbench {
        grid-template-columns: minmax(0, 1fr) 350px;
        gap: 18px;
        align-items: start;
    }

    .steam-manifest-page--product .sm-pro-search {
        min-height: 0;
        padding: 18px;
        border-color: rgba(45, 212, 191, 0.22);
        background:
            linear-gradient(135deg, rgba(45, 212, 191, 0.09), transparent 38%),
            rgba(8, 13, 25, 0.82);
    }

    .steam-manifest-page--product .sm-pro-section-head {
        margin-bottom: 16px;
    }

    .steam-manifest-page--product .sm-pro-section-head h2 {
        font-size: clamp(26px, 2.6vw, 36px);
    }

    .steam-manifest-page--product .sm-pro-section-head p {
        max-width: 820px;
        font-size: 14px;
    }

    .steam-manifest-page--product .steam-manifest-input-row {
        grid-template-columns: minmax(0, 1fr) 128px;
    }

    .steam-manifest-page--product #steam-manifest-appid {
        height: 56px;
    }

    .steam-manifest-page--product .sm-search-proof {
        margin-top: 12px;
    }

    .steam-manifest-page--product .sm-pro-result-stage {
        min-height: 0;
        margin-top: 12px;
    }

    .steam-manifest-page--product .sm-quick-access {
        margin-top: 12px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .steam-manifest-page--product .sm-product-rail {
        display: grid;
        gap: 14px;
        position: sticky;
        top: 14px;
        align-self: start;
        min-width: 0;
    }

    .steam-manifest-page--product .sm-product-rail .steam-manifest-user-status {
        margin: 0;
        padding: 14px;
        border-color: rgba(45, 212, 191, 0.20);
        background:
            radial-gradient(circle at 20% 0%, rgba(45, 212, 191, 0.16), transparent 36%),
            rgba(8, 13, 25, 0.86);
    }

    .steam-manifest-page--product .sm-product-rail .sm-user-status__item {
        min-height: 0;
        padding: 12px;
    }

    .steam-manifest-page--product .sm-product-rail .sm-user-status__item--pass {
        border-color: rgba(251, 191, 36, 0.34);
        background:
            linear-gradient(135deg, rgba(251, 191, 36, 0.14), rgba(45, 212, 191, 0.06)),
            rgba(15, 23, 42, 0.78);
    }

    .steam-manifest-page--product .sm-product-rail .sm-user-status__pass-actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
        margin-top: 10px;
    }

    .steam-manifest-page--product .sm-product-rail .sm-pass-plan {
        min-height: 0;
        padding: 12px;
    }

    .steam-manifest-page--product .sm-product-rail .sm-pass-plan__metrics {
        grid-template-columns: 1fr;
    }

    .steam-manifest-page--product .sm-product-rail .sm-pass-plan__deadline {
        flex-wrap: wrap;
        justify-content: center;
        gap: 5px 8px;
        font-size: 11px;
        text-align: center;
    }

    .steam-manifest-page--product .sm-product-rail .sm-pass-plan__deadline-date {
        width: 100%;
        text-align: center;
    }

    .steam-manifest-page--product .sm-pro-yutu {
        position: static;
        top: auto;
        border-color: rgba(45, 212, 191, 0.18);
        background:
            radial-gradient(circle at 12% 18%, rgba(45, 212, 191, 0.14), transparent 30%),
            rgba(8, 13, 25, 0.84);
    }

    .steam-manifest-page--product .sm-yutu-flow {
        display: none;
    }

    .steam-manifest-page--product .steam-manifest-trending {
        padding: 16px;
        margin-top: 0;
        border-color: rgba(148, 163, 184, 0.18);
        background:
            linear-gradient(180deg, rgba(15, 23, 42, 0.78), rgba(2, 6, 23, 0.74));
    }

    .steam-manifest-page--product .steam-manifest-trending--steam .sm-trending-header {
        min-height: 32px;
        margin-bottom: 12px;
    }

    .steam-manifest-page--product .sm-trending-list,
    .steam-manifest-page--product .sm-catalog-list,
    .steam-manifest-page--product .sm-grid,
    .steam-manifest-page--product .sm-favorites-list {
        grid-template-columns: repeat(auto-fill, minmax(156px, 1fr));
        gap: 14px;
    }

    .steam-manifest-page--product .steam-manifest-trending--steam .sm-trending-item,
    .steam-manifest-page--product .sm-catalog-card,
    .steam-manifest-page--product .sm-card-mini {
        border-color: rgba(148, 163, 184, 0.18);
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.025)),
            rgba(12, 18, 31, 0.92);
    }

    .steam-manifest-page--product .steam-manifest-trending--steam .sm-trending__cover,
    .steam-manifest-page--product .sm-card-mini__cover,
    .steam-manifest-page--product .sm-catalog-card__media {
        aspect-ratio: 3 / 4;
        min-height: 0;
        background: rgba(15, 23, 42, 0.9);
    }

    .steam-manifest-page--product .steam-manifest-trending--steam .sm-trending__cover img,
    .steam-manifest-page--product .sm-card-mini__cover img,
    .steam-manifest-page--product .sm-catalog-card__img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .steam-manifest-page--product .steam-manifest-trending--steam .sm-trending__info,
    .steam-manifest-page--product .sm-card-mini__body,
    .steam-manifest-page--product .sm-catalog-card__body {
        padding: 11px;
    }
}

/* Intro/pass page */
.westeam-product-design-page {
    background: #050914;
}

.westeam-product-design-page .wslp-navbar {
    border-bottom-color: rgba(148, 163, 184, 0.16);
    background: rgba(5, 9, 20, 0.88);
    backdrop-filter: blur(18px);
}

.westeam-product-design-page .wslp-page {
    background:
        linear-gradient(rgba(255, 255, 255, 0.026) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.018) 1px, transparent 1px),
        linear-gradient(135deg, #050914 0%, #081323 48%, #111827 100%);
    background-size: 42px 42px, 42px 42px, auto;
}

.westeam-product-design-page .wslp-hero__grid {
    grid-template-columns: minmax(0, 0.9fr) minmax(480px, 1.08fr);
    align-items: center;
}

.westeam-product-design-page .wslp-kicker,
.westeam-product-design-page .wslp-chip {
    border-radius: var(--wpd-radius);
    border-color: rgba(45, 212, 191, 0.34);
    background: rgba(20, 184, 166, 0.14);
    color: #ccfbf1;
}

.westeam-product-design-page .wslp-hero h1 {
    font-size: clamp(42px, 5vw, 64px);
    line-height: 1.06;
}

.westeam-product-design-page .wslp-search,
.westeam-product-design-page .wslp-prototype-shot,
.westeam-product-design-page .wslp-status-console,
.westeam-product-design-page .wslp-benefit-card,
.westeam-product-design-page .wslp-loyalty,
.westeam-product-design-page .wslp-plan,
.westeam-product-design-page .wslp-faq details,
.westeam-product-design-page .wslp-plan-empty {
    border-color: var(--wpd-line);
    border-radius: var(--wpd-radius);
    background:
        linear-gradient(180deg, rgba(15, 23, 42, 0.88), rgba(2, 6, 23, 0.74)),
        rgba(10, 17, 31, 0.90);
    box-shadow: var(--wpd-shadow);
}

.westeam-product-design-page .wslp-prototype-shot img {
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

.westeam-product-design-page .wslp-hero__signals div,
.westeam-product-design-page .wslp-status-console__grid div,
.westeam-product-design-page .wslp-plan__metrics div {
    border: 1px solid rgba(148, 163, 184, 0.16);
    border-radius: var(--wpd-radius);
    background: rgba(255, 255, 255, 0.045);
}

.westeam-product-design-page .wslp-plan {
    min-height: 0;
}

.westeam-product-design-page .wslp-plan--featured {
    border-color: rgba(251, 191, 36, 0.44);
}

.westeam-product-design-page .wslp-plan__metrics {
    margin-top: 18px;
}

/* Home widget */
.home-westeam-lua .zpro-westeam-widget {
    padding: 18px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: var(--wpd-radius);
    background:
        linear-gradient(135deg, rgba(45, 212, 191, 0.09), transparent 42%),
        linear-gradient(180deg, rgba(15, 23, 42, 0.94), rgba(2, 6, 23, 0.90));
    color: var(--wpd-text);
    box-shadow: 0 24px 70px rgba(15, 23, 42, 0.24);
}

.home-westeam-lua .zpro-westeam-widget::before {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(45, 212, 191, 0.72), rgba(251, 191, 36, 0.52), transparent);
}

.home-westeam-lua .zpro-westeam-widget__grid {
    grid-template-columns: minmax(0, 1fr) minmax(340px, 0.58fr);
    gap: 16px;
}

.home-westeam-lua .zpro-westeam-widget__title,
.home-westeam-lua .zpro-westeam-widget__metric strong,
.home-westeam-lua .zpro-westeam-widget__step strong,
.home-westeam-lua .zpro-westeam-widget__hot-games-title {
    color: var(--wpd-text);
}

.home-westeam-lua .zpro-westeam-widget__desc,
.home-westeam-lua .zpro-westeam-widget__eyebrow,
.home-westeam-lua .zpro-westeam-widget__metric span,
.home-westeam-lua .zpro-westeam-widget__step em {
    color: var(--wpd-muted);
}

.home-westeam-lua .zpro-westeam-widget__input-wrap,
.home-westeam-lua .zpro-westeam-widget__metric,
.home-westeam-lua .zpro-westeam-widget__step,
.home-westeam-lua .zpro-westeam-widget__hot-game,
.home-westeam-lua .zpro-westeam-widget__open {
    border-color: rgba(148, 163, 184, 0.20);
    background: rgba(15, 23, 42, 0.66);
}

.home-westeam-lua .zpro-westeam-widget__input {
    color: var(--wpd-text);
}

.home-westeam-lua .zpro-westeam-widget__btn,
.home-westeam-lua .zpro-westeam-widget__pass-btn {
    background: linear-gradient(135deg, #fbbf24, var(--wpd-teal) 58%, var(--wpd-blue));
    color: #03131b;
    box-shadow: 0 16px 36px rgba(45, 212, 191, 0.18);
}

.home-westeam-lua .zpro-westeam-widget__pass-card {
    position: relative;
    display: grid;
    gap: 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(251, 191, 36, 0.36);
    border-radius: 8px;
    background:
        radial-gradient(circle at 16% 8%, rgba(251, 191, 36, 0.18), transparent 28%),
        linear-gradient(180deg, rgba(13, 22, 39, 0.96), rgba(2, 6, 23, 0.95)),
        rgba(15, 23, 42, 0.92);
    box-shadow: 0 18px 48px rgba(2, 6, 23, 0.34);
}

.home-westeam-lua .zpro-westeam-widget__pass-card::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.08), transparent 90px),
        linear-gradient(90deg, rgba(45, 212, 191, 0.18), transparent 34%, rgba(251, 191, 36, 0.10));
}

.home-westeam-lua .zpro-westeam-widget__pass-visual {
    position: relative;
    min-height: 126px;
    aspect-ratio: 16 / 7;
    overflow: hidden;
    background: rgba(2, 6, 23, 0.88);
}

.home-westeam-lua .zpro-westeam-widget__pass-visual::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(180deg, transparent 38%, rgba(2, 6, 23, 0.52) 100%),
        linear-gradient(90deg, rgba(2, 6, 23, 0.28), transparent 58%);
}

.home-westeam-lua .zpro-westeam-widget__pass-visual img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    filter: saturate(1.08) contrast(1.04);
}

.home-westeam-lua .zpro-westeam-widget__pass-visual span {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    padding: 0 9px;
    border: 1px solid rgba(251, 191, 36, 0.38);
    border-radius: 8px;
    background: rgba(2, 6, 23, 0.66);
    color: #fde68a;
    font-size: 12px;
    font-weight: 900;
    backdrop-filter: blur(12px);
}

.home-westeam-lua .zpro-westeam-widget__pass-body {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 10px;
    padding: 14px;
}

.home-westeam-lua .zpro-westeam-widget__pass-top {
    color: rgba(226, 232, 240, 0.78);
}

.home-westeam-lua .zpro-westeam-widget__pass-top strong {
    color: #07111f;
    background: linear-gradient(135deg, #fbbf24, #fde68a);
}

.home-westeam-lua .zpro-westeam-widget__pass-title {
    max-width: 100%;
    color: #ffffff;
    font-size: 20px;
    line-height: 1.22;
}

.home-westeam-lua .zpro-westeam-widget__pass-lead {
    color: rgba(226, 232, 240, 0.84);
}

.home-westeam-lua .zpro-westeam-widget__pass-feature-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
}

.home-westeam-lua .zpro-westeam-widget__pass-feature-grid span {
    min-width: 0;
    min-height: 34px;
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 7px 8px;
    border: 1px solid rgba(148, 163, 184, 0.18);
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.055);
    color: rgba(226, 232, 240, 0.86);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.25;
}

.home-westeam-lua .zpro-westeam-widget__pass-feature-grid i {
    position: relative;
    flex: 0 0 auto;
    width: 15px;
    height: 15px;
    border-radius: 99px;
    background: rgba(45, 212, 191, 0.18);
}

.home-westeam-lua .zpro-westeam-widget__pass-feature-grid i::after {
    content: "";
    position: absolute;
    left: 5px;
    top: 3px;
    width: 4px;
    height: 7px;
    border: solid #67e8f9;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.home-westeam-lua .zpro-westeam-widget__legacy-note {
    display: grid;
    gap: 4px;
    padding: 10px 11px;
    border-left: 3px solid #fbbf24;
    border-radius: 8px;
    background: rgba(251, 191, 36, 0.10);
}

.home-westeam-lua .zpro-westeam-widget__legacy-note strong {
    color: #fde68a;
    font-size: 13px;
    line-height: 1.25;
}

.home-westeam-lua .zpro-westeam-widget__legacy-note span {
    color: rgba(254, 243, 199, 0.82);
    font-size: 12px;
    line-height: 1.45;
}

.home-westeam-lua .zpro-westeam-widget__pass-card.is-legacy-user {
    border-color: rgba(45, 212, 191, 0.44);
}

.home-westeam-lua .zpro-westeam-widget__deadline {
    display: grid;
    gap: 6px;
    padding: 10px 11px;
    border: 1px solid rgba(251, 191, 36, 0.34);
    border-radius: 8px;
    background:
        linear-gradient(135deg, rgba(251, 191, 36, 0.18), rgba(251, 113, 133, 0.10)),
        rgba(69, 26, 3, 0.34);
}

.home-westeam-lua .zpro-westeam-widget__deadline-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.home-westeam-lua .zpro-westeam-widget__deadline-top span {
    color: #fde68a;
    font-size: 12px;
    font-weight: 1000;
    line-height: 1.25;
}

.home-westeam-lua .zpro-westeam-widget__deadline-top strong {
    flex: 0 0 auto;
    min-height: 26px;
    display: inline-flex;
    align-items: center;
    padding: 0 9px;
    border-radius: 8px;
    color: #07111f;
    background: linear-gradient(135deg, #fbbf24, #fb7185);
    font-size: 12px;
    font-weight: 1000;
}

.home-westeam-lua .zpro-westeam-widget__deadline-date {
    color: #ffffff;
    font-size: 18px;
    font-weight: 1000;
    line-height: 1.12;
}

.home-westeam-lua .zpro-westeam-widget__deadline p {
    margin: 0;
    color: rgba(254, 243, 199, 0.84);
    font-size: 12px;
    line-height: 1.45;
}

.home-westeam-lua .zpro-westeam-widget__deadline.is-ended {
    border-color: rgba(148, 163, 184, 0.24);
    background: rgba(15, 23, 42, 0.62);
}

.home-westeam-lua .zpro-westeam-widget__deadline.is-ended .zpro-westeam-widget__deadline-top strong {
    color: rgba(226, 232, 240, 0.80);
    background: rgba(148, 163, 184, 0.18);
}

.home-westeam-lua .zpro-westeam-widget__discount {
    border-color: rgba(251, 191, 36, 0.24);
    background:
        linear-gradient(135deg, rgba(120, 53, 15, 0.30), rgba(20, 83, 45, 0.16)),
        rgba(15, 23, 42, 0.62);
}

.home-westeam-lua .zpro-westeam-widget__discount strong {
    color: #fde68a;
}

.home-westeam-lua .zpro-westeam-widget__discount span {
    color: #fed7aa;
}

.home-westeam-lua .zpro-westeam-widget__discount a {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    margin-top: 8px;
    padding: 0 9px;
    border-radius: 8px;
    border: 1px solid rgba(251, 191, 36, 0.30);
    color: #fef3c7;
    background: rgba(251, 191, 36, 0.10);
    font-size: 12px;
    font-weight: 900;
    text-decoration: none;
}

.home-westeam-lua .zpro-westeam-widget__hot-game {
    color: var(--wpd-muted);
}

@media (max-width: 1180px) {
    .steam-manifest-page--product .steam-manifest-brand__layout,
    .steam-manifest-page--product .sm-pro-workbench {
        grid-template-columns: 1fr;
    }

    .steam-manifest-page--product .sm-pro-yutu {
        position: relative;
        top: auto;
    }

    .steam-manifest-page--product .sm-yutu-flow {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .steam-manifest-page--product .sm-yutu-flow__note {
        grid-column: 1 / -1;
    }

    .westeam-product-design-page .wslp-hero__grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 760px) {
    .steam-manifest-page--product {
        padding: 12px;
    }

    .steam-manifest-page--product .sm-page-actions,
    .steam-manifest-page--product .steam-manifest-brand__meta,
    .steam-manifest-page--product .sm-list-controls,
    .steam-manifest-page--product .sm-favorites-controls {
        display: grid;
        grid-template-columns: 1fr;
    }

    .steam-manifest-page--product .steam-manifest-brand,
    .steam-manifest-page--product .sm-pro-search,
    .steam-manifest-page--product .steam-manifest-trending,
    .steam-manifest-page--product .sm-tab-content {
        padding: 14px;
    }

    .steam-manifest-page--product .steam-manifest-title {
        font-size: 36px;
    }

    .steam-manifest-page--product .steam-manifest-input-row,
    .steam-manifest-page--product .sm-search-proof,
    .steam-manifest-page--product .sm-quick-access,
    .steam-manifest-page--product .sm-yutu-flow {
        grid-template-columns: 1fr;
    }

    .steam-manifest-page--product .steam-manifest-btn {
        width: 100%;
    }

    .steam-manifest-page--product .sm-trending-list,
    .steam-manifest-page--product .sm-catalog-list,
    .steam-manifest-page--product .sm-grid,
    .steam-manifest-page--product .sm-favorites-list {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    }

    .home-westeam-lua .zpro-westeam-widget__grid,
    .home-westeam-lua .zpro-westeam-widget__form,
    .home-westeam-lua .zpro-westeam-widget__value,
    .home-westeam-lua .zpro-westeam-widget__meta-row,
    .home-westeam-lua .zpro-westeam-widget__steps {
        grid-template-columns: 1fr;
    }

    .home-westeam-lua .zpro-westeam-widget__pass-visual {
        aspect-ratio: 16 / 8;
        min-height: 132px;
    }

    .home-westeam-lua .zpro-westeam-widget__pass-title {
        font-size: 18px;
    }

    .home-westeam-lua .zpro-westeam-widget__pass-feature-grid {
        grid-template-columns: 1fr;
    }
}

/* Prototype alignment v2: make the shipped UI follow the generated mockups closely. */
@media (min-width: 1181px) {
    .steam-manifest-page--product {
        --wpd-radius: 8px;
        padding: 10px;
        background:
            linear-gradient(rgba(255, 255, 255, 0.018) 1px, transparent 1px),
            linear-gradient(90deg, rgba(255, 255, 255, 0.014) 1px, transparent 1px),
            #050912;
        background-size: 34px 34px, 34px 34px, auto;
    }

    .steam-manifest-page--product .steam-manifest-shell {
        width: min(1760px, 100%);
        min-height: calc(100vh - 20px);
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 76px 120px minmax(0, 1fr);
        border-radius: 9px;
        background:
            radial-gradient(circle at 4% 82%, rgba(45, 212, 191, 0.18), transparent 22%),
            linear-gradient(180deg, rgba(11, 18, 30, 0.98), rgba(3, 7, 14, 0.98));
    }

    .steam-manifest-page--product .sm-page-actions {
        position: relative;
        grid-row: 1;
        min-height: 76px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 10px;
        padding: 0 18px 0 240px;
        background:
            linear-gradient(180deg, rgba(19, 30, 43, 0.92), rgba(8, 14, 25, 0.88));
    }

    .steam-manifest-page--product .sm-page-actions::before {
        content: "WeSteam-Lua";
        position: absolute;
        left: 24px;
        top: 20px;
        height: 36px;
        display: inline-grid;
        place-items: center;
        padding-left: 52px;
        color: var(--wpd-text);
        font-size: 16px;
        font-weight: 1000;
    }

    .steam-manifest-page--product .sm-page-actions::after {
        content: "W";
        position: absolute;
        left: 24px;
        top: 14px;
        width: 46px;
        height: 46px;
        display: grid;
        place-items: center;
        border: 1px solid rgba(45, 212, 191, 0.52);
        border-radius: 8px;
        background: linear-gradient(135deg, #28d8d2, #4aa8ff);
        color: #03131b;
        font-weight: 1000;
        box-shadow: 0 0 34px rgba(45, 212, 191, 0.22);
    }

    .steam-manifest-page--product .sm-page-action {
        min-width: 112px;
        min-height: 40px;
        border-color: rgba(148, 163, 184, 0.22);
        background: rgba(15, 23, 42, 0.76);
        color: rgba(226, 232, 240, 0.82);
    }

    .steam-manifest-page--product .sm-page-action--primary {
        border-color: rgba(45, 212, 191, 0.55);
        background: rgba(20, 184, 166, 0.16);
        color: #d9fffb;
    }

    .steam-manifest-page--product .steam-manifest-top {
        grid-row: 2;
        min-width: 0;
        border-bottom: 1px solid rgba(148, 163, 184, 0.14);
        background: rgba(7, 12, 22, 0.72);
    }

    .steam-manifest-page--product .steam-manifest-brand {
        height: 120px;
        min-height: 120px;
        padding: 16px 18px 16px 184px;
        background: transparent;
    }

    .steam-manifest-page--product .steam-manifest-brand__layout {
        grid-template-columns: minmax(0, 1fr) 430px;
        height: 100%;
    }

    .steam-manifest-page--product .steam-manifest-logo {
        display: none;
    }

    .steam-manifest-page--product .steam-manifest-title {
        font-size: 30px;
        letter-spacing: 0;
    }

    .steam-manifest-page--product .steam-manifest-subtitle {
        max-width: 760px;
        font-size: 13px;
        color: rgba(203, 213, 225, 0.72);
    }

    .steam-manifest-page--product .steam-manifest-brand__meta {
        margin-left: 0;
    }

    .steam-manifest-page--product .sm-pill {
        min-height: 28px;
        background: rgba(15, 23, 42, 0.68);
    }

    .steam-manifest-page--product .sm-hero-console {
        min-height: 84px;
        padding: 12px;
        border-color: rgba(45, 212, 191, 0.24);
        background: rgba(9, 15, 29, 0.74);
    }

    .steam-manifest-page--product .steam-manifest-card-panel {
        grid-row: 3;
        display: grid;
        grid-template-columns: 150px minmax(0, 1fr);
        min-height: 0;
        height: 100%;
    }

    .steam-manifest-page--product .sm-tabs {
        padding: 18px 10px;
        gap: 12px;
        border-right: 1px solid rgba(148, 163, 184, 0.16);
        background:
            linear-gradient(180deg, rgba(9, 20, 31, 0.96), rgba(4, 8, 16, 0.96));
    }

    .steam-manifest-page--product .sm-tabs::before {
        content: "";
        width: 52px;
        height: 52px;
        flex: 0 0 52px;
        margin: 0 auto 10px;
        border: 1px solid rgba(45, 212, 191, 0.34);
        border-radius: 8px;
        background:
            radial-gradient(circle at 50% 36%, rgba(45, 212, 191, 0.56), transparent 18%),
            linear-gradient(135deg, rgba(45, 212, 191, 0.24), rgba(96, 165, 250, 0.10)),
            rgba(15, 23, 42, 0.84);
        box-shadow: 0 0 28px rgba(45, 212, 191, 0.16);
    }

    .steam-manifest-page--product .sm-tab {
        width: 100%;
        min-height: 52px;
        grid-template-columns: 24px minmax(0, 1fr);
        justify-items: start;
        padding: 0 12px;
        font-size: 13px;
        font-weight: 900;
        border-radius: 8px;
    }

    .steam-manifest-page--product .sm-tab::before {
        display: none;
        content: none;
    }

    .steam-manifest-page--product .sm-tab__icon {
        width: 26px;
        height: 26px;
        border: 1px solid rgba(148, 163, 184, 0.22);
        border-radius: 7px;
        background:
            linear-gradient(135deg, rgba(45, 212, 191, 0.14), rgba(96, 165, 250, 0.06)),
            rgba(15, 23, 42, 0.72);
        color: rgba(203, 213, 225, 0.82);
        font-size: 14px;
    }

    .steam-manifest-page--product .sm-tab--active .sm-tab__icon,
    .steam-manifest-page--product .sm-tab.is-active .sm-tab__icon {
        border-color: rgba(45, 212, 191, 0.72);
        background: linear-gradient(135deg, var(--wpd-teal), var(--wpd-blue));
        color: #03131b;
        box-shadow: 0 0 24px rgba(45, 212, 191, 0.28);
    }

    .steam-manifest-page--product .sm-tab-content {
        min-width: 0;
        padding: 16px;
        overflow: visible;
    }

    .steam-manifest-page--product #sm-tab-search.sm-tab-content--active {
        grid-template-rows: auto auto;
        align-content: start;
    }

    .steam-manifest-page--product .sm-pro-workbench {
        grid-template-columns: minmax(0, 1fr) 360px;
        gap: 16px;
    }

    .steam-manifest-page--product .sm-pro-search {
        padding: 18px;
        border-color: rgba(45, 212, 191, 0.24);
        background:
            radial-gradient(circle at 5% 22%, rgba(45, 212, 191, 0.16), transparent 24%),
            linear-gradient(180deg, rgba(15, 23, 42, 0.88), rgba(7, 12, 23, 0.82));
    }

    .steam-manifest-page--product .sm-pro-result-stage {
        min-height: 0;
        margin-top: 8px;
    }

    .steam-manifest-page--product .steam-manifest-result[hidden] {
        display: none !important;
    }

    .steam-manifest-page--product .sm-pro-section-head {
        grid-template-columns: minmax(0, 1fr) auto;
        margin-bottom: 14px;
    }

    .steam-manifest-page--product .sm-pro-section-head h2 {
        font-size: 28px;
        max-width: 720px;
    }

    .steam-manifest-page--product .sm-pro-section-head p {
        max-width: 820px;
        font-size: 13px;
    }

    .steam-manifest-page--product .steam-manifest-input-row {
        grid-template-columns: minmax(0, 1fr) 132px;
        gap: 10px;
    }

    .steam-manifest-page--product #steam-manifest-appid,
    .steam-manifest-page--product .steam-manifest-btn {
        height: 54px;
        min-height: 54px;
    }

    .steam-manifest-page--product .sm-search-assist {
        margin-top: 10px;
    }

    .steam-manifest-page--product .sm-search-proof {
        margin-top: 12px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .steam-manifest-page--product .sm-search-proof div,
    .steam-manifest-page--product .sm-quick-access__section {
        min-height: 66px;
        padding: 12px;
    }

    .steam-manifest-page--product .sm-quick-access {
        display: none;
    }

    .steam-manifest-page--product .sm-product-rail {
        gap: 14px;
    }

    .steam-manifest-page--product .sm-product-rail .steam-manifest-user-status,
    .steam-manifest-page--product .sm-product-rail .sm-pro-yutu {
        border: 1px solid rgba(148, 163, 184, 0.18);
        border-radius: 8px;
        box-shadow: none;
    }

    .steam-manifest-page--product .sm-product-rail .steam-manifest-user-status {
        max-height: 460px;
        overflow: auto;
    }

    .steam-manifest-page--product .sm-product-rail .steam-manifest-user-status::-webkit-scrollbar {
        width: 6px;
    }

    .steam-manifest-page--product .sm-product-rail .steam-manifest-user-status::-webkit-scrollbar-thumb {
        background: rgba(45, 212, 191, 0.34);
        border-radius: 999px;
    }

    .steam-manifest-page--product .sm-product-rail .sm-user-status__item {
        border-radius: 8px;
    }

    .steam-manifest-page--product .sm-product-rail .sm-user-status__icon {
        width: 34px;
        height: 34px;
        font-size: 16px;
    }

    .steam-manifest-page--product .sm-product-rail .sm-user-status__label {
        font-size: 12px;
    }

    .steam-manifest-page--product .sm-product-rail .sm-user-status__value {
        font-size: 16px;
    }

    .steam-manifest-page--product .sm-pro-yutu__chrome {
        min-height: 64px;
    }

    .steam-manifest-page--product .sm-pro-yutu__steps li {
        min-height: 58px;
    }

    .steam-manifest-page--product .sm-pro-yutu__steps strong {
        font-size: 15px;
    }

    .steam-manifest-page--product .steam-manifest-trending {
        padding: 14px;
        margin-top: 0;
        border-color: rgba(148, 163, 184, 0.18);
        background:
            linear-gradient(180deg, rgba(15, 23, 42, 0.72), rgba(5, 10, 20, 0.86));
    }

    .steam-manifest-page--product .steam-manifest-trending--steam .sm-trending-list {
        grid-template-columns: repeat(auto-fill, minmax(148px, 1fr));
        gap: 12px;
    }

    .steam-manifest-page--product .steam-manifest-trending--steam .sm-trending-item {
        border-radius: 8px;
        overflow: hidden;
    }

    .steam-manifest-page--product .steam-manifest-trending--steam .sm-trending__cover {
        aspect-ratio: 4 / 5;
    }

    .steam-manifest-page--product .steam-manifest-trending--steam .sm-trending__actions {
        display: grid;
        grid-template-columns: 1fr 40px;
        gap: 8px;
        opacity: 1;
        transform: none;
        position: static;
        padding-top: 8px;
    }

    .steam-manifest-page--product .steam-manifest-trending--steam .sm-trending__action-btn {
        min-height: 34px;
        border-radius: 7px;
    }

    .steam-manifest-page--product #sm-tab-catalog.sm-tab-content--active,
    .steam-manifest-page--product #sm-tab-history.sm-tab-content--active,
    .steam-manifest-page--product #sm-tab-purchased.sm-tab-content--active,
    .steam-manifest-page--product #sm-tab-favorites.sm-tab-content--active,
    .steam-manifest-page--product #sm-tab-feedback.sm-tab-content--active,
    .steam-manifest-page--product #sm-tab-stats.sm-tab-content--active,
    .steam-manifest-page--product #sm-tab-community.sm-tab-content--active {
        display: grid;
        gap: 14px;
    }

    .steam-manifest-page--product .sm-list-controls,
    .steam-manifest-page--product .sm-favorites-controls,
    .steam-manifest-page--product .sm-tab-header,
    .steam-manifest-page--product .sm-community-feed,
    .steam-manifest-page--product .sm-stats-chart,
    .steam-manifest-page--product .sm-stats-genres {
        border-radius: 8px;
        background: rgba(8, 13, 25, 0.78);
    }

    .steam-manifest-page--product .sm-catalog-list,
    .steam-manifest-page--product .sm-grid,
    .steam-manifest-page--product .sm-favorites-list {
        grid-template-columns: repeat(auto-fill, minmax(168px, 1fr));
    }
}

@media (min-width: 1500px) {
    .steam-manifest-page--product .steam-manifest-trending--steam .sm-trending-list {
        grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    }

    .steam-manifest-page--product .sm-pro-workbench {
        grid-template-columns: minmax(0, 1fr) 380px;
    }
}

@media (min-width: 1181px) {
    .westeam-product-design-page .wslp-page {
        padding-top: 72px;
    }

    .westeam-product-design-page .wslp-navbar {
        height: 72px;
        border-bottom-color: rgba(148, 163, 184, 0.14);
        background:
            linear-gradient(180deg, rgba(15, 23, 42, 0.94), rgba(5, 9, 20, 0.88));
    }

    .westeam-product-design-page .wslp-hero {
        min-height: calc(100vh - 72px);
        display: grid;
        align-items: center;
        padding: 26px 0;
    }

    .westeam-product-design-page .wslp-hero__grid {
        width: min(1620px, calc(100% - 32px));
        min-height: min(820px, calc(100vh - 124px));
        display: grid;
        grid-template-columns: minmax(420px, 0.82fr) minmax(640px, 1.18fr);
        gap: 18px;
        padding: 18px;
        border: 1px solid rgba(148, 163, 184, 0.20);
        border-radius: 9px;
        background:
            radial-gradient(circle at 88% 14%, rgba(251, 191, 36, 0.12), transparent 26%),
            radial-gradient(circle at 8% 84%, rgba(45, 212, 191, 0.16), transparent 24%),
            linear-gradient(180deg, rgba(10, 17, 31, 0.96), rgba(3, 7, 15, 0.96));
        box-shadow: 0 30px 100px rgba(0, 0, 0, 0.42);
    }

    .westeam-product-design-page .wslp-hero__copy {
        align-self: stretch;
        display: grid;
        align-content: center;
        gap: 18px;
        padding: 18px;
        border: 1px solid rgba(45, 212, 191, 0.16);
        border-radius: 8px;
        background:
            radial-gradient(circle at 0% 20%, rgba(45, 212, 191, 0.14), transparent 30%),
            rgba(8, 13, 25, 0.72);
    }

    .westeam-product-design-page .wslp-hero h1 {
        max-width: 760px;
        font-size: clamp(38px, 4.4vw, 62px);
    }

    .westeam-product-design-page .wslp-hero__lead {
        max-width: 720px;
        color: rgba(203, 213, 225, 0.76);
    }

    .westeam-product-design-page .wslp-hero__visual {
        align-self: stretch;
        display: grid;
        grid-template-rows: minmax(0, 1fr) auto;
        gap: 14px;
    }

    .westeam-product-design-page .wslp-prototype-shot {
        min-height: 0;
        overflow: hidden;
    }

    .westeam-product-design-page .wslp-prototype-shot img {
        height: 100%;
        min-height: 430px;
        object-fit: cover;
        object-position: center;
        filter: saturate(1.08) contrast(1.03);
    }

    .westeam-product-design-page .wslp-status-console {
        box-shadow: none;
    }

    .westeam-product-design-page .wslp-section {
        padding: 72px 0;
    }

    .westeam-product-design-page .wslp-benefit-grid,
    .westeam-product-design-page .wslp-plans-grid,
    .westeam-product-design-page .wslp-faq-grid {
        gap: 14px;
    }

    .westeam-product-design-page .wslp-plan {
        border-radius: 8px;
        box-shadow: none;
    }

    .westeam-product-design-page .wslp-plan--featured {
        background:
            radial-gradient(circle at 22% 16%, rgba(251, 191, 36, 0.18), transparent 32%),
            linear-gradient(180deg, rgba(74, 51, 16, 0.72), rgba(15, 23, 42, 0.88));
    }
}

@media (min-width: 1024px) {
    .home-westeam-lua .zpro-westeam-widget {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(360px, 0.46fr);
        gap: 12px 16px;
        align-items: start;
        border-radius: 9px;
        background:
            radial-gradient(circle at 90% 20%, rgba(251, 191, 36, 0.10), transparent 30%),
            radial-gradient(circle at 12% 82%, rgba(45, 212, 191, 0.16), transparent 26%),
            linear-gradient(180deg, rgba(10, 17, 31, 0.96), rgba(3, 7, 15, 0.94));
    }

    .home-westeam-lua .zpro-westeam-widget__grid {
        display: contents;
    }

    .home-westeam-lua .zpro-westeam-widget__left {
        grid-column: 1;
        display: grid;
        gap: 12px;
        min-width: 0;
    }

    .home-westeam-lua .zpro-westeam-widget__main,
    .home-westeam-lua .zpro-westeam-widget__value,
    .home-westeam-lua .zpro-westeam-widget__meta-row,
    .home-westeam-lua .zpro-westeam-widget__hot-games,
    .home-westeam-lua .zpro-westeam-widget__steps {
        border: 1px solid rgba(148, 163, 184, 0.18);
        border-radius: 8px;
        background: rgba(8, 13, 25, 0.70);
    }

    .home-westeam-lua .zpro-westeam-widget__main {
        grid-column: 1;
        grid-row: 1;
        align-self: start;
        min-height: 0;
        padding: 18px;
    }

    .home-westeam-lua .zpro-westeam-widget__value {
        grid-column: 2;
        grid-row: 1;
        align-self: start;
        grid-template-rows: auto auto;
        padding: 14px;
    }

    .home-westeam-lua .zpro-westeam-widget__meta-row,
    .home-westeam-lua .zpro-westeam-widget__hot-games,
    .home-westeam-lua .zpro-westeam-widget__steps {
        grid-column: 1;
        margin-top: 0;
    }

    .home-westeam-lua .zpro-westeam-widget__meta-row {
        grid-row: 2;
    }

    .home-westeam-lua .zpro-westeam-widget__hot-games {
        grid-row: 3;
    }

    .home-westeam-lua .zpro-westeam-widget__steps {
        grid-row: 4;
    }
}

/* Search workbench redesign: remove the empty left gutter caused by the tall right rail. */
@media (min-width: 1181px) {
    .steam-manifest-page--product #sm-tab-search.sm-tab-content--active {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 380px;
        grid-template-rows: auto auto;
        align-items: start;
        gap: 16px;
    }

    .steam-manifest-page--product #sm-tab-search .sm-pro-workbench {
        display: contents;
    }

    .steam-manifest-page--product #sm-tab-search .sm-pro-search {
        grid-column: 1;
        grid-row: 1;
        min-height: 0;
        padding: 20px;
        border-color: rgba(45, 212, 191, 0.34);
        background:
            radial-gradient(circle at 4% 18%, rgba(45, 212, 191, 0.18), transparent 26%),
            radial-gradient(circle at 92% 12%, rgba(96, 165, 250, 0.10), transparent 24%),
            linear-gradient(180deg, rgba(13, 22, 39, 0.94), rgba(6, 12, 24, 0.90));
    }

    .steam-manifest-page--product #sm-tab-search .sm-product-rail {
        grid-column: 2;
        grid-row: 1 / span 2;
        position: sticky;
        top: 14px;
    }

    .steam-manifest-page--product #sm-tab-search .steam-manifest-trending {
        grid-column: 1;
        grid-row: 2;
        min-height: 0;
    }

    .steam-manifest-page--product #sm-tab-search .sm-pro-section-head {
        align-items: start;
        margin-bottom: 18px;
    }

    .steam-manifest-page--product #sm-tab-search .sm-pro-section-head h2 {
        font-size: clamp(30px, 3vw, 44px);
        line-height: 1.08;
    }

    .steam-manifest-page--product #sm-tab-search .sm-pro-section-head p {
        max-width: 920px;
        color: rgba(203, 213, 225, 0.78);
    }

    .steam-manifest-page--product #sm-tab-search .steam-manifest-form {
        gap: 12px;
    }

    .steam-manifest-page--product #sm-tab-search .steam-manifest-input-row {
        grid-template-columns: minmax(0, 1fr) 132px;
    }

    .steam-manifest-page--product #sm-tab-search #steam-manifest-appid {
        height: 58px;
        border-color: rgba(148, 163, 184, 0.26);
        background: rgba(2, 6, 23, 0.76);
    }

    .steam-manifest-page--product #sm-tab-search .steam-manifest-btn {
        height: 58px;
        min-height: 58px;
    }

    .steam-manifest-page--product #sm-tab-search .steam-manifest-hint {
        padding: 0;
        color: rgba(203, 213, 225, 0.68);
    }

    .steam-manifest-page--product #sm-tab-search .sm-search-proof {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        margin-top: 14px;
    }

    .steam-manifest-page--product #sm-tab-search .sm-search-proof div {
        min-height: 70px;
        padding: 14px;
        border-color: rgba(148, 163, 184, 0.18);
        background:
            linear-gradient(180deg, rgba(255, 255, 255, 0.065), rgba(255, 255, 255, 0.022)),
            rgba(15, 23, 42, 0.68);
    }

    .steam-manifest-page--product #sm-tab-search .sm-search-proof strong {
        display: block;
        margin-bottom: 5px;
        color: var(--wpd-text);
        font-size: 14px;
    }

    .steam-manifest-page--product #sm-tab-search .sm-search-proof span {
        color: rgba(203, 213, 225, 0.68);
        font-size: 12px;
    }

    .steam-manifest-page--product #sm-tab-search .sm-pro-result-stage:empty,
    .steam-manifest-page--product #sm-tab-search .steam-manifest-result[hidden] {
        display: none !important;
    }

    .steam-manifest-page--product #sm-tab-search .steam-manifest-trending {
        padding: 16px;
        border-color: rgba(148, 163, 184, 0.20);
        background:
            radial-gradient(circle at 95% 12%, rgba(45, 212, 191, 0.10), transparent 22%),
            linear-gradient(180deg, rgba(13, 22, 39, 0.84), rgba(5, 10, 20, 0.90));
    }

    .steam-manifest-page--product #sm-tab-search .sm-trending-header {
        min-height: 34px;
        margin-bottom: 12px;
    }

    .steam-manifest-page--product #sm-tab-search .sm-trending-title {
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 18px;
    }

    .steam-manifest-page--product #sm-tab-search .sm-trending-title::before {
        content: "";
        width: 9px;
        height: 9px;
        border-radius: 999px;
        background: var(--wpd-teal);
        box-shadow: 0 0 0 6px rgba(45, 212, 191, 0.12);
    }

    .steam-manifest-page--product #sm-tab-search .steam-manifest-trending--steam .sm-trending-list {
        grid-template-columns: repeat(auto-fill, minmax(168px, 1fr));
        gap: 12px;
    }
}

@media (min-width: 1500px) {
    .steam-manifest-page--product #sm-tab-search.sm-tab-content--active {
        grid-template-columns: minmax(0, 1fr) 400px;
    }

    .steam-manifest-page--product #sm-tab-search .steam-manifest-trending--steam .sm-trending-list {
        grid-template-columns: repeat(auto-fill, minmax(182px, 1fr));
    }
}

/* Steam-store inspired browsing layer: wider content, quieter background, no cramped right rail. */
.steam-manifest-page--product {
    position: relative;
    isolation: isolate;
    background:
        linear-gradient(180deg, rgba(28, 56, 86, 0.92) 0%, rgba(12, 27, 43, 0.98) 34%, #08111f 100%);
}

.steam-manifest-page--product::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -2;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(5, 12, 22, 0.92) 0%, rgba(15, 43, 68, 0.48) 21%, rgba(34, 72, 105, 0.38) 50%, rgba(15, 43, 68, 0.48) 79%, rgba(5, 12, 22, 0.92) 100%),
        linear-gradient(180deg, rgba(44, 94, 137, 0.28) 0%, rgba(8, 17, 31, 0) 340px);
}

.steam-manifest-page--product::after {
    content: "";
    position: fixed;
    inset: 120px 0 auto;
    z-index: -1;
    height: 460px;
    pointer-events: none;
    background:
        linear-gradient(90deg, transparent 0%, rgba(69, 116, 150, 0.12) 18%, rgba(44, 93, 131, 0.18) 50%, rgba(69, 116, 150, 0.12) 82%, transparent 100%);
    opacity: 0.78;
}

@media (min-width: 1181px) {
    .steam-manifest-page--product {
        padding: 14px;
    }

    .steam-manifest-page--product .steam-manifest-shell {
        width: min(1880px, calc(100vw - 28px));
        background:
            linear-gradient(180deg, rgba(13, 27, 43, 0.94), rgba(7, 17, 30, 0.96));
    }

    .steam-manifest-page--product .steam-manifest-card-panel {
        grid-template-columns: 156px minmax(0, 1fr);
    }

    .steam-manifest-page--product .sm-tabs {
        padding: 16px 12px;
        background:
            linear-gradient(180deg, rgba(10, 23, 38, 0.96), rgba(6, 15, 27, 0.96));
    }

    .steam-manifest-page--product .sm-tab {
        min-height: 48px;
        grid-template-columns: 24px minmax(0, 1fr);
        padding: 0 10px;
    }

    .steam-manifest-page--product .sm-tab-content {
        padding: 18px;
        background:
            linear-gradient(180deg, rgba(17, 36, 56, 0.52), rgba(7, 15, 27, 0.30));
    }

    .steam-manifest-page--product #sm-tab-search.sm-tab-content--active {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto auto auto auto;
        gap: 16px;
        align-content: start;
    }

    .steam-manifest-page--product #sm-tab-search .sm-pro-workbench {
        display: contents;
    }

    .steam-manifest-page--product #sm-tab-search .sm-pro-search {
        grid-column: 1;
        grid-row: 1;
        padding: 22px;
        border-color: rgba(72, 125, 168, 0.34);
        background:
            linear-gradient(180deg, rgba(28, 55, 83, 0.80), rgba(10, 22, 38, 0.88)),
            rgba(10, 23, 39, 0.92);
    }

    .steam-manifest-page--product #sm-tab-search .sm-pro-section-head h2 {
        max-width: 1120px;
        font-size: clamp(32px, 2.6vw, 46px);
    }

    .steam-manifest-page--product #sm-tab-search .sm-pro-section-head p {
        max-width: 1180px;
    }

    .steam-manifest-page--product #sm-tab-search .steam-manifest-input-row {
        grid-template-columns: minmax(0, 1fr) 150px;
        gap: 12px;
    }

    .steam-manifest-page--product #sm-tab-search #steam-manifest-appid,
    .steam-manifest-page--product #sm-tab-search .steam-manifest-btn {
        height: 60px;
        min-height: 60px;
    }

    .steam-manifest-page--product #sm-tab-search .sm-search-proof {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
    }

    .steam-manifest-page--product #sm-tab-search .sm-product-rail {
        grid-column: 1;
        grid-row: 2;
        position: static;
        display: block;
        min-width: 0;
    }

    .steam-manifest-page--product #sm-tab-search .sm-product-rail .sm-pro-yutu {
        display: none;
    }

    .steam-manifest-page--product #sm-tab-search .sm-product-rail .steam-manifest-user-status {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
        gap: 10px;
        max-height: none;
        margin: 0;
        padding: 12px;
        overflow: visible;
        border-color: rgba(72, 125, 168, 0.26);
        background:
            linear-gradient(180deg, rgba(18, 38, 59, 0.70), rgba(8, 18, 31, 0.82)),
            rgba(11, 24, 40, 0.88);
    }

    .steam-manifest-page--product #sm-tab-search .sm-product-rail .sm-user-status__item {
        min-height: 78px;
        margin: 0;
        padding: 12px;
        background: rgba(8, 20, 35, 0.72);
    }

    .steam-manifest-page--product #sm-tab-search .sm-product-rail .sm-user-status__item--identity,
    .steam-manifest-page--product #sm-tab-search .sm-product-rail .sm-user-status__item--pass {
        grid-column: span 2;
    }

    .steam-manifest-page--product #sm-tab-search .sm-yutu-flow {
        grid-column: 1;
        grid-row: 3;
        display: grid;
        grid-template-columns: repeat(4, minmax(118px, 1fr)) minmax(230px, 1.15fr) minmax(330px, 0.95fr);
        gap: 10px;
        margin: 0;
        padding: 12px;
        align-items: stretch;
        border-color: rgba(72, 125, 168, 0.26);
        background:
            linear-gradient(90deg, rgba(21, 73, 92, 0.28), rgba(19, 42, 65, 0.80)),
            rgba(9, 22, 38, 0.88);
    }

    .steam-manifest-page--product #sm-tab-search .sm-yutu-flow__step,
    .steam-manifest-page--product #sm-tab-search .sm-yutu-flow__note {
        min-height: 66px;
        padding: 10px;
        border-color: rgba(148, 190, 220, 0.16);
        background: rgba(10, 24, 40, 0.72);
    }

    .steam-manifest-page--product #sm-tab-search .sm-yutu-flow__step {
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr);
        grid-template-rows: auto auto;
        column-gap: 9px;
        align-content: center;
    }

    .steam-manifest-page--product #sm-tab-search .sm-yutu-flow__step span {
        grid-row: 1 / span 2;
        width: 34px;
        height: 34px;
        border-radius: 8px;
        background: linear-gradient(135deg, #22c55e, #2dd4bf);
        color: #02120c;
        font-size: 14px;
        font-weight: 1000;
    }

    .steam-manifest-page--product #sm-tab-search .sm-yutu-flow__step strong {
        font-size: 13px;
    }

    .steam-manifest-page--product #sm-tab-search .sm-yutu-flow__step p {
        margin: 3px 0 0;
        font-size: 12px;
        line-height: 1.35;
    }

    .steam-manifest-page--product #sm-tab-search .sm-yutu-flow__note {
        display: grid;
        align-content: center;
        gap: 5px;
    }

    .steam-manifest-page--product #sm-tab-search .sm-yutu-flow__note strong {
        color: var(--wpd-text);
        font-size: 14px;
    }

    .steam-manifest-page--product #sm-tab-search .sm-yutu-flow__note span {
        color: rgba(203, 213, 225, 0.74);
        font-size: 12px;
        line-height: 1.45;
    }

    .steam-manifest-page--product #sm-tab-search .sm-yutu-flow__actions {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        min-width: 0;
    }

    .steam-manifest-page--product #sm-tab-search .sm-yutu-flow__actions .sm-btn {
        min-height: 66px;
        padding: 9px 10px;
        justify-content: center;
        text-align: center;
        font-size: 13px;
        white-space: normal;
    }

    .steam-manifest-page--product #sm-tab-search .sm-yutu-flow__actions svg {
        width: 18px;
        height: 18px;
        flex: 0 0 18px;
    }

    .steam-manifest-page--product #sm-tab-search .steam-manifest-trending {
        grid-column: 1;
        grid-row: 4;
        padding: 18px;
        border-color: rgba(72, 125, 168, 0.28);
        background:
            linear-gradient(180deg, rgba(24, 50, 76, 0.78), rgba(8, 18, 31, 0.90)),
            rgba(10, 23, 39, 0.92);
    }

    .steam-manifest-page--product #sm-tab-search .steam-manifest-trending--steam .sm-trending-list {
        grid-template-columns: repeat(auto-fill, minmax(246px, 1fr));
        gap: 16px;
    }

    .steam-manifest-page--product #sm-tab-search .steam-manifest-trending--steam .sm-trending-item {
        min-height: 0;
        border-color: rgba(72, 125, 168, 0.24);
        background:
            linear-gradient(180deg, rgba(21, 45, 69, 0.88), rgba(9, 20, 36, 0.94));
    }

    .steam-manifest-page--product #sm-tab-search .steam-manifest-trending--steam .sm-trending__cover {
        aspect-ratio: 16 / 9;
    }

    .steam-manifest-page--product #sm-tab-search .steam-manifest-trending--steam .sm-trending__info {
        padding: 12px;
    }

    .steam-manifest-page--product #sm-tab-search .sm-trending__name {
        min-height: 0;
        font-size: 14px;
    }

    .steam-manifest-page--product #sm-tab-search .sm-trending__resource-actions {
        grid-template-columns: minmax(0, 1fr) 42px;
    }

    .steam-manifest-page--product .sm-catalog-list,
    .steam-manifest-page--product .sm-grid,
    .steam-manifest-page--product .sm-favorites-list {
        grid-template-columns: repeat(auto-fill, minmax(330px, 1fr));
        gap: 14px;
    }

    .steam-manifest-page--product .sm-catalog-card {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto minmax(0, 1fr);
        min-height: 0;
    }

    .steam-manifest-page--product .sm-catalog-card__media {
        height: auto;
        min-height: 0;
        aspect-ratio: 460 / 215;
    }

    .steam-manifest-page--product .sm-catalog-card__img {
        aspect-ratio: auto;
        object-fit: contain;
    }

    .steam-manifest-page--product .sm-catalog-card__body {
        padding: 14px;
        gap: 10px;
    }

    .steam-manifest-page--product .sm-catalog-card__title {
        min-height: 0;
        font-size: 15px;
    }

    .steam-manifest-page--product .sm-catalog-card__desc {
        min-height: 0;
        -webkit-line-clamp: 2;
    }

    .steam-manifest-page--product .sm-catalog-card__footer {
        gap: 8px;
    }

    .steam-manifest-page--product .sm-catalog-card__hint {
        display: none;
    }

    .steam-manifest-page--product .sm-catalog-card__actions {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 6px;
    }

    .steam-manifest-page--product .sm-catalog-card__actions .sm-item-btn,
    .steam-manifest-page--product .sm-catalog-card__actions .sm-catalog-card__import,
    .steam-manifest-page--product .sm-catalog-card__actions .sm-catalog-card__download,
    .steam-manifest-page--product .sm-catalog-card__actions .sm-catalog-card__detail,
    .steam-manifest-page--product .sm-catalog-card__actions .sm-catalog-card__store,
    .steam-manifest-page--product .sm-catalog-card__actions .sm-catalog-card__favorite {
        grid-column: span 1;
        min-height: 34px;
        padding: 6px 8px;
        font-size: 12px;
    }

    .steam-manifest-page--product #sm-tab-search.is-detail-mode.sm-tab-content--active {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto;
    }

    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-product-rail,
    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-yutu-flow,
    .steam-manifest-page--product #sm-tab-search.is-detail-mode .steam-manifest-trending {
        display: none !important;
    }

    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-pro-search {
        grid-column: 1;
        grid-row: 1;
        padding: 16px;
    }

    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-pro-section-head {
        align-items: center;
        margin-bottom: 12px;
        padding-bottom: 12px;
        border-bottom: 1px solid rgba(72, 125, 168, 0.26);
    }

    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-pro-section-head h2 {
        max-width: none;
        font-size: 24px;
    }

    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-pro-section-head p,
    .steam-manifest-page--product #sm-tab-search.is-detail-mode .steam-manifest-hint,
    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-search-assist,
    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-search-proof,
    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-quick-access {
        display: none;
    }

    .steam-manifest-page--product #sm-tab-search.is-detail-mode .steam-manifest-input-row {
        grid-template-columns: minmax(0, 1fr) 132px;
    }

    .steam-manifest-page--product #sm-tab-search.is-detail-mode #steam-manifest-appid,
    .steam-manifest-page--product #sm-tab-search.is-detail-mode .steam-manifest-btn {
        height: 48px;
        min-height: 48px;
    }

    .steam-manifest-page--product #sm-tab-search.is-detail-mode .steam-manifest-result {
        padding: 0;
        border: 0;
        background: transparent;
    }

    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-steam-detail {
        border-color: rgba(72, 125, 168, 0.32);
        background:
            linear-gradient(180deg, rgba(17, 36, 56, 0.92), rgba(7, 15, 27, 0.96));
    }

    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-game__body.sm-steam-detail__body {
        max-width: none;
        padding: 16px;
    }

    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-steam-detail__heading {
        background:
            linear-gradient(90deg, rgba(29, 59, 87, 0.76), rgba(10, 24, 41, 0.72));
    }

    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-steam-detail__hero {
        display: grid;
        grid-template-columns: minmax(0, 1.48fr) minmax(350px, 0.52fr);
        gap: 16px;
        align-items: start;
    }

    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-steam-detail__gallery {
        min-width: 0;
        border-color: rgba(72, 125, 168, 0.32);
    }

    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-steam-detail__stage {
        min-height: 520px;
        max-height: none;
        aspect-ratio: 16 / 9;
    }

    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-steam-detail__image,
    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-steam-detail__video {
        object-fit: cover;
    }

    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-steam-detail__side {
        position: sticky;
        top: 16px;
        display: grid;
        grid-template-columns: 1fr;
        gap: 12px;
        padding: 14px;
        max-height: none;
        overflow: visible;
        border-color: rgba(72, 125, 168, 0.32);
        background: rgba(8, 20, 35, 0.78);
    }

    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-steam-detail__header {
        width: 100%;
        height: auto;
        min-height: 0;
        max-height: none;
        aspect-ratio: 460 / 215;
        object-fit: cover;
    }

    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-steam-detail__side-cta {
        grid-template-columns: 1fr;
    }

    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-steam-detail__actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-steam-detail__actions .sm-btn:nth-child(1),
    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-steam-detail__actions .sm-btn:nth-child(2),
    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-steam-detail__actions .sm-btn--download {
        grid-column: span 1;
    }

    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-steam-detail__about,
    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-steam-detail__summary,
    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-extra,
    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-dlc-list {
        border-color: rgba(72, 125, 168, 0.24);
        background: rgba(8, 20, 35, 0.66);
    }
}

/* Catalog cards: keep every game cover on top and fully visible. */
.steam-manifest-page--product .sm-catalog-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr);
    min-height: 0;
}

.steam-manifest-page--product .sm-catalog-card__media {
    display: grid;
    place-items: center;
    width: 100%;
    height: auto;
    min-height: 0;
    aspect-ratio: 460 / 215;
    background:
        radial-gradient(circle at 50% 45%, rgba(102, 192, 244, 0.16), transparent 58%),
        linear-gradient(180deg, rgba(8, 23, 38, 0.96), rgba(4, 13, 24, 0.98));
}

.steam-manifest-page--product .sm-catalog-card__img {
    width: 100%;
    height: 100%;
    min-height: 0;
    aspect-ratio: auto;
    object-fit: contain;
    object-position: center;
    transform: none;
}

.steam-manifest-page--product .sm-catalog-card:hover .sm-catalog-card__img {
    transform: none;
}

.steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-steam-detail__topbar {
    position: sticky;
    top: 12px;
    z-index: 12;
    display: grid;
    grid-template-columns: minmax(280px, 460px) auto;
    align-items: center;
    gap: 12px;
    margin: 0 0 16px;
    padding: 10px;
    border: 0;
    border-radius: 8px;
    background:
        linear-gradient(90deg, rgba(13, 42, 65, 0.96), rgba(8, 22, 38, 0.86) 62%, rgba(7, 16, 29, 0.72));
    box-shadow:
        0 18px 42px rgba(0, 0, 0, 0.24),
        inset 0 1px 0 rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(14px);
}

.steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-detail-back-cta {
    position: relative;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    width: min(460px, 100%);
    min-height: 62px;
    padding: 8px 18px 8px 8px;
    overflow: hidden;
    border: 0;
    border-radius: 8px;
    background:
        linear-gradient(135deg, #72fff0 0%, #39d4f1 46%, #7dffcb 100%);
    color: #031421;
    font: inherit;
    text-align: left;
    cursor: pointer;
    box-shadow:
        0 18px 36px rgba(45, 212, 191, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.72);
    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease,
        filter 0.18s ease;
}

.steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-detail-back-cta::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(105deg, transparent 0%, rgba(255, 255, 255, 0.26) 38%, transparent 58%);
    opacity: 0.42;
    transform: translateX(-38%);
}

.steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-detail-back-cta:hover,
.steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-detail-back-cta:focus-visible {
    transform: translateY(-1px);
    filter: saturate(1.06) brightness(1.03);
    box-shadow:
        0 22px 44px rgba(45, 212, 191, 0.36),
        0 0 0 3px rgba(125, 255, 203, 0.18),
        inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-detail-back-cta:focus-visible {
    outline: 0;
}

.steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-detail-back-cta__icon {
    position: relative;
    z-index: 1;
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    background: rgba(4, 20, 34, 0.92);
    color: #7dffcb;
    font-size: 18px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10);
}

.steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-detail-back-cta__copy {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 2px;
    min-width: 0;
}

.steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-detail-back-cta__copy strong {
    display: block;
    color: #031421;
    font-size: 18px;
    font-weight: 950;
    line-height: 1.16;
    letter-spacing: 0;
}

.steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-detail-back-cta__copy small {
    display: block;
    color: rgba(3, 20, 33, 0.72);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: 0;
}

.steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-detail-store-link {
    justify-self: end;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 46px;
    padding: 0 16px;
    border: 0;
    border-radius: 8px;
    background: rgba(17, 37, 59, 0.84);
    color: rgba(226, 232, 240, 0.88);
    font-size: 13px;
    font-weight: 900;
    line-height: 1;
    text-decoration: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
    transition:
        background 0.18s ease,
        color 0.18s ease,
        transform 0.18s ease;
}

.steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-detail-store-link:hover,
.steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-detail-store-link:focus-visible {
    background: rgba(34, 64, 94, 0.94);
    color: #ffffff;
    outline: 0;
    transform: translateY(-1px);
}

@media (min-width: 1680px) {
    .steam-manifest-page--product #sm-tab-search .steam-manifest-trending--steam .sm-trending-list {
        grid-template-columns: repeat(auto-fill, minmax(274px, 1fr));
    }

    .steam-manifest-page--product .sm-catalog-list,
    .steam-manifest-page--product .sm-grid,
    .steam-manifest-page--product .sm-favorites-list {
        grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
    }
}

@media (min-width: 1181px) and (max-width: 1420px) {
    .steam-manifest-page--product .steam-manifest-card-panel {
        grid-template-columns: 142px minmax(0, 1fr);
    }

    .steam-manifest-page--product #sm-tab-search .sm-yutu-flow {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .steam-manifest-page--product #sm-tab-search .sm-yutu-flow__note,
    .steam-manifest-page--product #sm-tab-search .sm-yutu-flow__actions {
        grid-column: span 2;
    }

    .steam-manifest-page--product #sm-tab-search .steam-manifest-trending--steam .sm-trending-list {
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
    }

    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-steam-detail__hero {
        grid-template-columns: 1fr;
    }

    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-steam-detail__side {
        position: relative;
        top: auto;
        grid-template-columns: minmax(220px, 0.35fr) minmax(0, 0.65fr);
    }
}

@media (max-width: 1180px) {
    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-steam-detail__topbar {
        grid-template-columns: minmax(0, 1fr) auto;
        top: 8px;
    }

    .steam-manifest-page--product #sm-tab-search .sm-pro-yutu {
        display: none;
    }

    .steam-manifest-page--product #sm-tab-search .sm-product-rail .steam-manifest-user-status {
        margin: 0 0 12px;
    }

    .steam-manifest-page--product #sm-tab-search .sm-yutu-flow {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin: 12px 0;
    }

    .steam-manifest-page--product #sm-tab-search .sm-yutu-flow__note,
    .steam-manifest-page--product #sm-tab-search .sm-yutu-flow__actions {
        grid-column: 1 / -1;
    }

    .steam-manifest-page--product #sm-tab-search .sm-yutu-flow__actions {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
    }
}

@media (max-width: 760px) {
    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-steam-detail__topbar {
        grid-template-columns: 1fr;
        padding: 8px;
    }

    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-detail-back-cta {
        width: 100%;
        min-height: 58px;
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 10px;
    }

    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-detail-back-cta__icon {
        width: 44px;
        height: 44px;
    }

    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-detail-store-link {
        justify-self: stretch;
        width: 100%;
    }

    .steam-manifest-page--product #sm-tab-search .sm-yutu-flow,
    .steam-manifest-page--product #sm-tab-search .sm-yutu-flow__actions {
        grid-template-columns: 1fr;
    }
}

/* Borderless Steam-like layer: use surfaces, spacing, and media instead of outlined panels. */
@media (min-width: 1181px) {
    .steam-manifest-page--product {
        background:
            linear-gradient(180deg, #173552 0%, #0f2439 260px, #081421 100%);
    }

    .steam-manifest-page--product .steam-manifest-shell {
        border: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    .steam-manifest-page--product .sm-page-actions,
    .steam-manifest-page--product .steam-manifest-top,
    .steam-manifest-page--product .steam-manifest-brand,
    .steam-manifest-page--product .steam-manifest-card-panel,
    .steam-manifest-page--product .sm-tabs,
    .steam-manifest-page--product .sm-tab-content {
        border: 0 !important;
        box-shadow: none !important;
    }

    .steam-manifest-page--product .sm-page-actions {
        background: rgba(8, 19, 31, 0.42);
    }

    .steam-manifest-page--product .steam-manifest-brand {
        background:
            linear-gradient(90deg, rgba(23, 50, 78, 0.72), rgba(9, 21, 34, 0.48) 62%, transparent);
    }

    .steam-manifest-page--product .steam-manifest-card-panel {
        background: transparent;
    }

    .steam-manifest-page--product .sm-tabs {
        background: rgba(5, 16, 28, 0.64);
    }

    .steam-manifest-page--product .sm-tab {
        border: 0 !important;
        background: transparent;
    }

    .steam-manifest-page--product .sm-tab:hover {
        border: 0 !important;
        background: rgba(103, 153, 190, 0.12);
    }

    .steam-manifest-page--product .sm-tab--active,
    .steam-manifest-page--product .sm-tab.is-active {
        border: 0 !important;
        background: linear-gradient(90deg, rgba(43, 176, 196, 0.32), rgba(41, 104, 155, 0.16));
        box-shadow: inset 3px 0 0 rgba(45, 212, 191, 0.92);
    }

    .steam-manifest-page--product .sm-tab__icon {
        border: 0 !important;
        background: rgba(94, 143, 178, 0.16);
        box-shadow: none !important;
    }

    .steam-manifest-page--product .sm-tab-content {
        background: transparent !important;
    }

    .steam-manifest-page--product .sm-pro-search,
    .steam-manifest-page--product .sm-pro-yutu,
    .steam-manifest-page--product .sm-yutu-flow,
    .steam-manifest-page--product .steam-manifest-trending,
    .steam-manifest-page--product .steam-manifest-user-status,
    .steam-manifest-page--product .sm-tab-header,
    .steam-manifest-page--product .sm-list-controls,
    .steam-manifest-page--product .sm-favorites-controls,
    .steam-manifest-page--product .sm-stats-card,
    .steam-manifest-page--product .sm-stats-chart,
    .steam-manifest-page--product .sm-stats-genres,
    .steam-manifest-page--product .sm-community-card,
    .steam-manifest-page--product .sm-community-feed,
    .steam-manifest-page--product .sm-pay-modal__panel,
    .steam-manifest-page--product .sm-room-modal__panel {
        border: 0 !important;
        box-shadow: none !important;
    }

    .steam-manifest-page--product #sm-tab-search .sm-pro-search {
        background:
            linear-gradient(180deg, rgba(29, 63, 96, 0.86), rgba(14, 31, 51, 0.82));
    }

    .steam-manifest-page--product #sm-tab-search .sm-product-rail .steam-manifest-user-status,
    .steam-manifest-page--product #sm-tab-search .sm-yutu-flow,
    .steam-manifest-page--product #sm-tab-search .steam-manifest-trending,
    .steam-manifest-page--product .sm-list-controls,
    .steam-manifest-page--product .sm-favorites-controls,
    .steam-manifest-page--product .sm-tab-header {
        background:
            linear-gradient(180deg, rgba(24, 52, 80, 0.62), rgba(11, 25, 42, 0.76));
    }

    .steam-manifest-page--product .sm-search-proof div,
    .steam-manifest-page--product .sm-quick-access__section,
    .steam-manifest-page--product .sm-user-status__item,
    .steam-manifest-page--product .sm-pass-plan,
    .steam-manifest-page--product .sm-yutu-flow__step,
    .steam-manifest-page--product .sm-yutu-flow__note,
    .steam-manifest-page--product .sm-trending-item,
    .steam-manifest-page--product .sm-card-mini,
    .steam-manifest-page--product .sm-catalog-card,
    .steam-manifest-page--product .sm-favorites-item,
    .steam-manifest-page--product .sm-history-item,
    .steam-manifest-page--product .sm-catalog-card__appid,
    .steam-manifest-page--product .sm-catalog-card__review,
    .steam-manifest-page--product .sm-catalog-card__usage,
    .steam-manifest-page--product .sm-catalog-card__tag {
        border: 0 !important;
        box-shadow: none !important;
    }

    .steam-manifest-page--product .sm-search-proof div,
    .steam-manifest-page--product #sm-tab-search .sm-yutu-flow__step,
    .steam-manifest-page--product #sm-tab-search .sm-yutu-flow__note,
    .steam-manifest-page--product #sm-tab-search .sm-product-rail .sm-user-status__item {
        background: rgba(9, 24, 42, 0.58);
    }

    .steam-manifest-page--product .sm-pass-plan {
        background:
            linear-gradient(90deg, rgba(95, 78, 34, 0.46), rgba(35, 49, 70, 0.66));
    }

    .steam-manifest-page--product .sm-pass-plan--lifetime {
        background:
            linear-gradient(90deg, rgba(132, 104, 36, 0.58), rgba(31, 51, 78, 0.68));
    }

    .steam-manifest-page--product #steam-manifest-appid,
    .steam-manifest-page--product .sm-list-input,
    .steam-manifest-page--product .sm-list-select,
    .steam-manifest-page--product .sm-favorites-input,
    .steam-manifest-page--product .sm-favorites-select {
        border: 0 !important;
        background: rgba(5, 13, 26, 0.94);
        box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.025);
    }

    .steam-manifest-page--product #steam-manifest-appid:focus,
    .steam-manifest-page--product .sm-list-input:focus,
    .steam-manifest-page--product .sm-favorites-input:focus {
        box-shadow:
            inset 0 0 0 1px rgba(102, 192, 244, 0.50),
            0 0 0 3px rgba(102, 192, 244, 0.12);
    }

    .steam-manifest-page--product .steam-manifest-btn,
    .steam-manifest-page--product .sm-btn,
    .steam-manifest-page--product .sm-page-action,
    .steam-manifest-page--product .sm-item-btn {
        border: 0 !important;
        box-shadow: none !important;
    }

    .steam-manifest-page--product .sm-btn--ghost,
    .steam-manifest-page--product .sm-page-action {
        background: rgba(25, 45, 67, 0.72);
    }

    .steam-manifest-page--product #sm-tab-search .steam-manifest-trending--steam .sm-trending-item,
    .steam-manifest-page--product .sm-catalog-card {
        background: rgba(18, 42, 65, 0.82);
    }

    .steam-manifest-page--product #sm-tab-search .steam-manifest-trending--steam .sm-trending-item:hover,
    .steam-manifest-page--product .sm-catalog-card:hover,
    .steam-manifest-page--product .sm-card-mini:hover,
    .steam-manifest-page--product .sm-favorites-item:hover {
        border: 0 !important;
        background: rgba(35, 73, 105, 0.90);
        box-shadow: 0 14px 34px rgba(0, 0, 0, 0.26) !important;
    }

    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-pro-section-head {
        border-bottom: 0 !important;
        background: transparent;
    }

    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-steam-detail,
    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-steam-detail__gallery,
    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-steam-detail__side,
    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-steam-detail__about,
    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-steam-detail__summary,
    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-extra,
    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-dlc-list {
        border: 0 !important;
        box-shadow: none !important;
    }

    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-steam-detail__heading,
    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-steam-detail__side,
    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-steam-detail__about,
    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-steam-detail__summary,
    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-extra,
    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-dlc-list {
        background: rgba(18, 42, 65, 0.72);
    }
}

/* Top brand strip: make the first viewport feel like Steam, not an admin header. */
@media (min-width: 1181px) {
    .steam-manifest-page--product .steam-manifest-shell {
        grid-template-rows: 62px 118px minmax(0, 1fr) !important;
    }

    .steam-manifest-page--product .sm-page-actions {
        min-height: 62px !important;
        height: 62px;
        padding: 0 24px 0 112px !important;
        background:
            linear-gradient(180deg, rgba(9, 24, 38, 0.92), rgba(7, 18, 31, 0.78)) !important;
    }

    .steam-manifest-page--product .sm-page-actions::after {
        left: 26px !important;
        top: 12px !important;
        width: 38px !important;
        height: 38px !important;
        border: 0 !important;
        border-radius: 7px !important;
        box-shadow: none !important;
    }

    .steam-manifest-page--product .sm-page-actions::before {
        left: 70px !important;
        top: 20px !important;
        height: auto !important;
        padding-left: 0 !important;
        place-items: start !important;
        color: rgba(245, 250, 255, 0.94);
        font-size: 15px !important;
        line-height: 1;
    }

    .steam-manifest-page--product .sm-page-action {
        min-width: 104px;
        min-height: 36px;
        padding: 0 12px;
        background: rgba(32, 54, 77, 0.62) !important;
        color: rgba(226, 232, 240, 0.84);
    }

    .steam-manifest-page--product .sm-page-action--primary {
        background: linear-gradient(90deg, rgba(39, 146, 166, 0.76), rgba(36, 103, 151, 0.70)) !important;
        color: #ecfeff;
    }

    .steam-manifest-page--product .steam-manifest-top {
        min-height: 118px;
        background:
            linear-gradient(90deg, rgba(26, 57, 88, 0.72) 0%, rgba(16, 36, 58, 0.58) 46%, rgba(8, 20, 34, 0.30) 100%) !important;
    }

    .steam-manifest-page--product .steam-manifest-brand {
        height: 118px !important;
        min-height: 118px !important;
        padding: 18px 28px 16px 206px !important;
        background: transparent !important;
    }

    .steam-manifest-page--product .steam-manifest-brand__layout {
        grid-template-columns: minmax(0, 1fr) minmax(520px, 0.58fr) !important;
        gap: 24px;
        align-items: center;
    }

    .steam-manifest-page--product .steam-manifest-brand__main {
        display: grid;
        gap: 8px;
        align-content: center;
    }

    .steam-manifest-page--product .steam-manifest-brand__top {
        gap: 0 !important;
    }

    .steam-manifest-page--product .steam-manifest-eyebrow {
        margin-bottom: 6px !important;
        color: #3eeadf;
        font-size: 11px !important;
        line-height: 1;
    }

    .steam-manifest-page--product .steam-manifest-title {
        font-size: 31px !important;
        line-height: 1.08 !important;
    }

    .steam-manifest-page--product .steam-manifest-subtitle {
        max-width: 780px;
        margin-top: 6px !important;
        color: rgba(203, 213, 225, 0.68);
        font-size: 13px !important;
        line-height: 1.45 !important;
    }

    .steam-manifest-page--product .steam-manifest-brand__meta {
        display: flex;
        gap: 14px !important;
        margin: 0 !important;
    }

    .steam-manifest-page--product .sm-pill {
        min-height: 22px !important;
        padding: 0 !important;
        background: transparent !important;
        color: rgba(203, 213, 225, 0.66);
        font-size: 12px !important;
    }

    .steam-manifest-page--product .sm-pill__dot {
        width: 7px;
        height: 7px;
    }

    .steam-manifest-page--product .sm-hero-console {
        height: 76px !important;
        min-height: 76px !important;
        display: grid !important;
        grid-template-columns: 150px minmax(0, 1fr);
        gap: 12px;
        align-items: center;
        align-self: center;
        padding: 10px 12px !important;
        background:
            linear-gradient(90deg, rgba(8, 20, 34, 0.74), rgba(20, 49, 76, 0.62)) !important;
        overflow: hidden;
    }

    .steam-manifest-page--product .sm-hero-console__top {
        margin: 0 !important;
        min-width: 0;
        color: rgba(226, 232, 240, 0.88);
        font-size: 12px !important;
        line-height: 1.2;
    }

    .steam-manifest-page--product .sm-hero-console__pulse {
        width: 8px;
        height: 8px;
        box-shadow: 0 0 0 5px rgba(34, 197, 94, 0.10);
    }

    .steam-manifest-page--product .sm-hero-console__grid {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 8px;
        min-width: 0;
    }

    .steam-manifest-page--product .sm-hero-console__grid div {
        min-height: 54px !important;
        padding: 9px 10px !important;
        background: rgba(5, 15, 28, 0.52) !important;
    }

    .steam-manifest-page--product .sm-hero-console__grid span {
        color: rgba(148, 163, 184, 0.80);
        font-size: 11px !important;
    }

    .steam-manifest-page--product .sm-hero-console__grid strong {
        margin-top: 5px !important;
        font-size: 18px !important;
        line-height: 1 !important;
    }

    .steam-manifest-page--product .sm-hero-console__line {
        display: none !important;
    }

    .steam-manifest-page--product .steam-manifest-card-panel {
        min-height: calc(100vh - 180px) !important;
    }
}

@media (min-width: 1181px) and (max-width: 1420px) {
    .steam-manifest-page--product .steam-manifest-brand {
        padding-left: 178px !important;
    }

    .steam-manifest-page--product .steam-manifest-brand__layout {
        grid-template-columns: minmax(0, 1fr) minmax(420px, 0.55fr) !important;
    }

    .steam-manifest-page--product .sm-hero-console {
        grid-template-columns: 1fr;
        height: auto !important;
        min-height: 76px !important;
    }

    .steam-manifest-page--product .sm-hero-console__top {
        display: none;
    }
}

.westeam-product-design-page .wslp-search,
.westeam-product-design-page .wslp-prototype-shot,
.westeam-product-design-page .wslp-status-console,
.westeam-product-design-page .wslp-benefit-card,
.westeam-product-design-page .wslp-loyalty,
.westeam-product-design-page .wslp-plan,
.westeam-product-design-page .wslp-faq details,
.westeam-product-design-page .wslp-plan-empty,
.westeam-product-design-page .wslp-hero__signals div,
.westeam-product-design-page .wslp-status-console__grid div,
.westeam-product-design-page .wslp-plan__metrics div {
    border: 0 !important;
    box-shadow: none !important;
}

.westeam-product-design-page .wslp-page {
    background:
        linear-gradient(180deg, #173552 0%, #0f2439 260px, #081421 100%) !important;
}

.westeam-product-design-page .wslp-search,
.westeam-product-design-page .wslp-prototype-shot,
.westeam-product-design-page .wslp-status-console,
.westeam-product-design-page .wslp-benefit-card,
.westeam-product-design-page .wslp-loyalty,
.westeam-product-design-page .wslp-plan,
.westeam-product-design-page .wslp-faq details,
.westeam-product-design-page .wslp-plan-empty {
    background:
        linear-gradient(180deg, rgba(24, 52, 80, 0.70), rgba(11, 25, 42, 0.78)) !important;
}

.westeam-product-design-page .wslp-hero__signals div,
.westeam-product-design-page .wslp-status-console__grid div,
.westeam-product-design-page .wslp-plan__metrics div {
    background: rgba(9, 24, 42, 0.58) !important;
}

/* Detail media: center official videos, screenshots, and game intro content. */
@media (min-width: 1181px) {
    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-steam-detail__hero {
        grid-template-columns: minmax(0, 1fr) !important;
        justify-items: center;
    }

    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-steam-detail__main {
        width: min(100%, 1240px);
        margin-inline: auto;
        justify-self: center;
    }

    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-steam-detail__gallery,
    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-steam-detail__summary,
    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-game__note,
    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-steam-detail__about,
    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-extra,
    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-dlc-list {
        width: 100%;
        max-width: 1180px;
        margin-inline: auto !important;
    }

    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-steam-detail__stage {
        display: grid !important;
        place-items: center !important;
        min-height: 0;
        max-height: none;
        aspect-ratio: 16 / 9;
        background:
            radial-gradient(circle at 50% 48%, rgba(31, 69, 98, 0.30), rgba(0, 0, 0, 0.96) 62%),
            #000;
    }

    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-steam-detail__video,
    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-steam-detail__image {
        width: 100% !important;
        height: 100% !important;
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        object-position: center center;
    }

    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-steam-detail__video {
        object-fit: contain !important;
    }

    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-steam-detail__image {
        object-fit: cover !important;
    }

    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-steam-detail__thumbs {
        justify-content: center;
        justify-items: center;
        grid-auto-columns: minmax(132px, 156px);
        padding-inline: 14px;
    }

    .steam-manifest-page--product #sm-tab-search.is-detail-mode .sm-steam-detail__side {
        width: 100%;
        max-width: 1180px;
        margin-inline: auto;
        position: relative;
        top: auto;
        grid-template-columns: minmax(260px, 0.34fr) minmax(0, 0.66fr);
    }
}

/* Sidebar ownership: pass status and Yutu flow live in the left rail, not the home canvas. */
@media (min-width: 1181px) {
    .steam-manifest-page--product .steam-manifest-card-panel {
        grid-template-columns: 292px minmax(0, 1fr) !important;
    }

    .steam-manifest-page--product .sm-tabs {
        align-content: start;
        align-items: stretch;
        gap: 8px !important;
        padding: 16px 12px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        scrollbar-width: thin;
        scrollbar-color: rgba(102, 192, 244, 0.42) rgba(5, 16, 28, 0.40);
    }

    .steam-manifest-page--product .sm-tab {
        min-height: 42px !important;
    }

    .steam-manifest-page--product .sm-sidebar-panels {
        display: grid;
        gap: 12px;
        min-width: 0;
        margin-top: 10px;
        padding-top: 12px;
        background:
            linear-gradient(180deg, rgba(102, 192, 244, 0.14), rgba(102, 192, 244, 0.02)) top / 100% 1px no-repeat;
    }

    .steam-manifest-page--product .sm-sidebar-status {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        max-height: none !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: visible !important;
        background: transparent !important;
    }

    .steam-manifest-page--product .sm-sidebar-status .sm-user-status__loading {
        min-height: 76px;
        display: grid;
        place-items: center;
        border-radius: 8px;
        background: rgba(10, 28, 47, 0.68);
        color: rgba(203, 213, 225, 0.72);
        font-size: 12px;
    }

    .steam-manifest-page--product .sm-sidebar-status .sm-user-status__item {
        min-height: 0 !important;
        margin: 0 !important;
        padding: 10px !important;
        border: 0 !important;
        border-radius: 8px;
        background: rgba(10, 28, 47, 0.68) !important;
    }

    .steam-manifest-page--product .sm-sidebar-status .sm-user-status__item--identity {
        display: none;
    }

    .steam-manifest-page--product .sm-sidebar-status .sm-user-status__item--pass {
        background:
            radial-gradient(circle at 100% 0%, rgba(251, 191, 36, 0.20), transparent 42%),
            linear-gradient(180deg, rgba(57, 47, 30, 0.82), rgba(14, 31, 51, 0.76)) !important;
    }

    .steam-manifest-page--product .sm-sidebar-status .sm-user-status__icon {
        width: 30px;
        height: 30px;
        font-size: 15px;
    }

    .steam-manifest-page--product .sm-sidebar-status .sm-user-status__label {
        font-size: 11px;
        color: rgba(203, 213, 225, 0.66);
    }

    .steam-manifest-page--product .sm-sidebar-status .sm-user-status__value {
        font-size: 15px;
        line-height: 1.25;
    }

    .steam-manifest-page--product .sm-sidebar-status .sm-user-status__sub,
    .steam-manifest-page--product .sm-sidebar-status .sm-user-status__note {
        font-size: 11px;
        line-height: 1.45;
    }

    .steam-manifest-page--product .sm-sidebar-status .sm-user-status__note {
        margin: 0;
        padding: 9px 10px;
        border-radius: 8px;
        background: rgba(10, 28, 47, 0.48);
        color: rgba(203, 213, 225, 0.58);
    }

    .steam-manifest-page--product .sm-sidebar-status .sm-user-status__pass-actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
        margin-top: 10px;
    }

    .steam-manifest-page--product .sm-sidebar-status .sm-pass-plan {
        min-height: 0;
        padding: 10px;
        border-radius: 8px;
        background: rgba(6, 18, 31, 0.58);
    }

    .steam-manifest-page--product .sm-sidebar-status .sm-pass-plan__head {
        gap: 8px;
    }

    .steam-manifest-page--product .sm-sidebar-status .sm-pass-plan__price {
        margin-top: 8px;
        font-size: 16px;
    }

    .steam-manifest-page--product .sm-sidebar-status .sm-pass-plan__metrics {
        grid-template-columns: 1fr;
        gap: 5px;
        margin-top: 8px;
        font-size: 11px;
    }

    .steam-manifest-page--product .sm-sidebar-status .sm-pass-plan__deadline {
        flex-wrap: wrap;
        justify-content: center;
        gap: 5px 8px;
        margin-top: 3px;
        font-size: 11px;
        text-align: center;
    }

    .steam-manifest-page--product .sm-sidebar-status .sm-pass-plan__deadline-date {
        width: 100%;
        text-align: center;
    }

    .steam-manifest-page--product .sm-yutu-flow--sidebar {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        margin: 0 !important;
        padding: 10px !important;
        border: 0 !important;
        border-radius: 8px;
        background:
            linear-gradient(180deg, rgba(19, 69, 82, 0.46), rgba(10, 28, 47, 0.72)) !important;
    }

    .steam-manifest-page--product .sm-yutu-flow--sidebar .sm-yutu-flow__step,
    .steam-manifest-page--product .sm-yutu-flow--sidebar .sm-yutu-flow__note {
        display: grid;
        grid-template-columns: 28px minmax(0, 1fr);
        min-height: 0 !important;
        gap: 8px;
        padding: 8px !important;
        border: 0 !important;
        border-radius: 8px;
        background: rgba(5, 17, 30, 0.46) !important;
    }

    .steam-manifest-page--product .sm-yutu-flow--sidebar .sm-yutu-flow__step span {
        width: 28px !important;
        height: 28px !important;
        grid-row: 1 / span 2;
        border-radius: 7px;
        font-size: 12px !important;
    }

    .steam-manifest-page--product .sm-yutu-flow--sidebar .sm-yutu-flow__step strong,
    .steam-manifest-page--product .sm-yutu-flow--sidebar .sm-yutu-flow__note strong {
        font-size: 12px !important;
        line-height: 1.2;
    }

    .steam-manifest-page--product .sm-yutu-flow--sidebar .sm-yutu-flow__step p,
    .steam-manifest-page--product .sm-yutu-flow--sidebar .sm-yutu-flow__note span {
        margin: 2px 0 0 !important;
        font-size: 11px !important;
        line-height: 1.35 !important;
        color: rgba(203, 213, 225, 0.62);
    }

    .steam-manifest-page--product .sm-yutu-flow--sidebar .sm-yutu-flow__note {
        grid-template-columns: 1fr;
        background:
            linear-gradient(90deg, rgba(34, 197, 94, 0.14), rgba(45, 212, 191, 0.08)) !important;
    }

    .steam-manifest-page--product .sm-yutu-flow--sidebar .sm-yutu-flow__actions {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .steam-manifest-page--product .sm-yutu-flow--sidebar .sm-yutu-flow__actions .sm-btn {
        min-height: 38px !important;
        width: 100%;
        justify-content: center;
        font-size: 12px;
        border-radius: 8px;
    }

    .steam-manifest-page--product #sm-tab-search.sm-tab-content--active {
        grid-template-rows: auto auto !important;
    }

    .steam-manifest-page--product #sm-tab-search .sm-pro-search {
        grid-row: 1 !important;
    }

    .steam-manifest-page--product #sm-tab-search .steam-manifest-trending {
        grid-row: 2 !important;
    }

    .steam-manifest-page--product #sm-tab-search .sm-product-rail,
    .steam-manifest-page--product #sm-tab-search > .sm-yutu-flow:not(.sm-yutu-flow--sidebar) {
        display: none !important;
    }
}

@media (min-width: 1181px) and (max-width: 1420px) {
    .steam-manifest-page--product .steam-manifest-card-panel {
        grid-template-columns: 260px minmax(0, 1fr) !important;
    }
}

@media (max-width: 1180px) {
    .steam-manifest-page--product .sm-sidebar-panels {
        display: none;
    }
}

/* Compact first viewport: remove the empty gutter between top brand and hero copy. */
@media (min-width: 1181px) {
    .steam-manifest-page--product .steam-manifest-shell {
        grid-template-rows: 58px 104px minmax(0, 1fr) !important;
    }

    .steam-manifest-page--product .sm-page-actions {
        min-height: 58px !important;
        height: 58px !important;
        padding: 0 18px 0 24px !important;
    }

    .steam-manifest-page--product .sm-page-actions::after {
        left: 26px !important;
        top: 10px !important;
        width: 38px !important;
        height: 38px !important;
    }

    .steam-manifest-page--product .sm-page-actions::before {
        left: 72px !important;
        top: 19px !important;
        padding-left: 0 !important;
    }

    .steam-manifest-page--product .steam-manifest-top {
        min-height: 104px !important;
    }

    .steam-manifest-page--product .steam-manifest-brand {
        height: 104px !important;
        min-height: 104px !important;
        padding: 12px 22px 12px 26px !important;
    }

    .steam-manifest-page--product .steam-manifest-brand__layout {
        grid-template-columns: minmax(0, 1fr) minmax(420px, 0.44fr) !important;
        gap: 18px !important;
    }

    .steam-manifest-page--product .steam-manifest-brand__main {
        align-content: center !important;
        gap: 6px !important;
    }

    .steam-manifest-page--product .steam-manifest-brand__meta {
        gap: 10px !important;
        overflow: hidden;
    }

    .steam-manifest-page--product .steam-manifest-title {
        font-size: 30px !important;
        line-height: 1.02 !important;
    }

    .steam-manifest-page--product .steam-manifest-subtitle {
        margin-top: 5px !important;
        max-width: 760px !important;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .steam-manifest-page--product .steam-manifest-card-panel {
        min-height: calc(100vh - 162px) !important;
    }
}

@media (min-width: 1181px) and (max-width: 1420px) {
    .steam-manifest-page--product .steam-manifest-brand {
        padding-left: 26px !important;
    }

    .steam-manifest-page--product .steam-manifest-brand__layout {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

.steam-manifest-page--product .sm-sidebar-brand {
    display: none;
}

/* Sidebar product design: one coherent rail for nav, pass, and Yutu flow. */
@media (min-width: 1181px) {
    .steam-manifest-page--product .steam-manifest-card-panel {
        grid-template-columns: 286px minmax(0, 1fr) !important;
    }

    .steam-manifest-page--product .sm-tabs {
        position: relative;
        gap: 6px !important;
        padding: 12px !important;
        background:
            linear-gradient(180deg, rgba(8, 24, 40, 0.98), rgba(4, 14, 26, 0.98)) !important;
        box-shadow:
            inset -1px 0 0 rgba(102, 192, 244, 0.08),
            inset 1px 0 0 rgba(255, 255, 255, 0.03) !important;
    }

    .steam-manifest-page--product .sm-tabs::before {
        content: none !important;
        display: none !important;
    }

    .steam-manifest-page--product .sm-sidebar-brand {
        display: grid;
        grid-template-columns: 42px minmax(0, 1fr);
        align-items: center;
        gap: 10px;
        min-height: 58px;
        margin: 0 0 8px;
        padding: 10px;
        border-radius: 8px;
        background:
            radial-gradient(circle at 0% 0%, rgba(45, 212, 191, 0.18), transparent 45%),
            linear-gradient(135deg, rgba(22, 78, 99, 0.78), rgba(9, 29, 49, 0.68));
    }

    .steam-manifest-page--product .sm-sidebar-brand__mark {
        width: 42px;
        height: 42px;
        display: grid;
        place-items: center;
        border-radius: 8px;
        background: linear-gradient(135deg, #2dd4bf, #66c0f4);
        color: #061127;
        font-size: 18px;
        font-weight: 1000;
        box-shadow: 0 12px 28px rgba(45, 212, 191, 0.18);
    }

    .steam-manifest-page--product .sm-sidebar-brand__copy {
        min-width: 0;
        display: grid;
        gap: 2px;
    }

    .steam-manifest-page--product .sm-sidebar-brand__copy strong {
        color: rgba(248, 250, 252, 0.96);
        font-size: 14px;
        font-weight: 950;
        line-height: 1.1;
    }

    .steam-manifest-page--product .sm-sidebar-brand__copy small {
        color: rgba(186, 230, 253, 0.62);
        font-size: 11px;
        font-weight: 800;
        line-height: 1.2;
    }

    .steam-manifest-page--product .sm-tab {
        min-height: 44px !important;
        grid-template-columns: 32px minmax(0, 1fr) !important;
        gap: 8px !important;
        padding: 0 10px !important;
        border-radius: 8px !important;
        color: rgba(203, 213, 225, 0.72);
        background: transparent !important;
        box-shadow: none !important;
    }

    .steam-manifest-page--product .sm-tab:hover {
        background: rgba(102, 192, 244, 0.08) !important;
        color: rgba(226, 232, 240, 0.92);
    }

    .steam-manifest-page--product .sm-tab--active,
    .steam-manifest-page--product .sm-tab.is-active {
        background:
            linear-gradient(90deg, rgba(45, 212, 191, 0.32), rgba(102, 192, 244, 0.14)) !important;
        color: rgba(248, 250, 252, 0.98) !important;
        box-shadow: inset 3px 0 0 #2dd4bf !important;
    }

    .steam-manifest-page--product .sm-tab__icon {
        width: 28px !important;
        height: 28px !important;
        border-radius: 7px !important;
        background: rgba(102, 192, 244, 0.10) !important;
        color: rgba(203, 213, 225, 0.78) !important;
        font-size: 13px !important;
    }

    .steam-manifest-page--product .sm-tab--active .sm-tab__icon,
    .steam-manifest-page--product .sm-tab.is-active .sm-tab__icon {
        background: linear-gradient(135deg, #2dd4bf, #66c0f4) !important;
        color: #061127 !important;
        box-shadow: none !important;
    }

    .steam-manifest-page--product .sm-tab span {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 13px;
        font-weight: 900;
        letter-spacing: 0;
    }

    .steam-manifest-page--product .sm-sidebar-panels {
        gap: 10px !important;
        margin-top: 10px !important;
        padding-top: 10px !important;
        background:
            linear-gradient(90deg, transparent, rgba(102, 192, 244, 0.22), transparent) top / 100% 1px no-repeat !important;
    }

    .steam-manifest-page--product .sm-sidebar-status,
    .steam-manifest-page--product .sm-yutu-flow--sidebar {
        border-radius: 8px !important;
        background:
            linear-gradient(180deg, rgba(16, 45, 68, 0.78), rgba(7, 24, 42, 0.84)) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
    }

    .steam-manifest-page--product .sm-sidebar-status {
        padding: 10px !important;
    }

    .steam-manifest-page--product .sm-sidebar-status .sm-user-status__item {
        grid-template-columns: 30px minmax(0, 1fr) !important;
        gap: 9px !important;
        padding: 10px !important;
        border-radius: 8px !important;
        background: rgba(4, 18, 32, 0.50) !important;
    }

    .steam-manifest-page--product .sm-sidebar-status .sm-user-status__item--pass {
        display: block !important;
        padding: 12px !important;
        background:
            radial-gradient(circle at 92% 0%, rgba(102, 192, 244, 0.16), transparent 44%),
            linear-gradient(180deg, rgba(18, 53, 78, 0.88), rgba(7, 24, 42, 0.82)) !important;
    }

    .steam-manifest-page--product .sm-sidebar-status .sm-user-status__item--pass .sm-user-status__icon {
        display: none !important;
    }

    .steam-manifest-page--product .sm-sidebar-status .sm-user-status__item--pass .sm-user-status__content {
        display: grid;
        gap: 5px;
    }

    .steam-manifest-page--product .sm-sidebar-status .sm-user-status__label {
        color: rgba(186, 230, 253, 0.64) !important;
        font-size: 11px !important;
        font-weight: 850;
    }

    .steam-manifest-page--product .sm-sidebar-status .sm-user-status__value {
        color: rgba(248, 250, 252, 0.98) !important;
        font-size: 17px !important;
        font-weight: 950;
    }

    .steam-manifest-page--product .sm-sidebar-status .sm-user-status__sub {
        color: rgba(203, 213, 225, 0.64) !important;
    }

    .steam-manifest-page--product .sm-sidebar-status .sm-user-status__icon {
        width: 30px !important;
        height: 30px !important;
        border-radius: 8px !important;
        background: rgba(102, 192, 244, 0.12) !important;
        color: rgba(186, 230, 253, 0.88) !important;
        font-size: 14px !important;
    }

    .steam-manifest-page--product .sm-sidebar-status .sm-user-status__pass-actions {
        gap: 7px !important;
        margin-top: 9px !important;
    }

    .steam-manifest-page--product .sm-sidebar-status .sm-pass-plan {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 8px !important;
        align-items: center;
        padding: 10px !important;
        border-radius: 8px !important;
        background: rgba(5, 19, 34, 0.72) !important;
    }

    .steam-manifest-page--product .sm-sidebar-status .sm-pass-plan--lifetime {
        background:
            linear-gradient(135deg, rgba(45, 212, 191, 0.14), rgba(102, 192, 244, 0.08)),
            rgba(5, 19, 34, 0.78) !important;
    }

    .steam-manifest-page--product .sm-sidebar-status .sm-pass-plan__head {
        min-width: 0;
    }

    .steam-manifest-page--product .sm-sidebar-status .sm-pass-plan__icon {
        width: 30px !important;
        height: 30px !important;
        border-radius: 8px !important;
        background: rgba(45, 212, 191, 0.14) !important;
        color: #7ee787 !important;
    }

    .steam-manifest-page--product .sm-sidebar-status .sm-pass-plan__name {
        font-size: 13px !important;
        line-height: 1.15 !important;
    }

    .steam-manifest-page--product .sm-sidebar-status .sm-pass-plan__desc {
        margin-top: 2px !important;
        color: rgba(203, 213, 225, 0.60) !important;
        font-size: 11px !important;
        line-height: 1.25 !important;
    }

    .steam-manifest-page--product .sm-sidebar-status .sm-pass-plan__price {
        margin: 0 !important;
        color: rgba(248, 250, 252, 0.98) !important;
        font-size: 15px !important;
        line-height: 1 !important;
        white-space: nowrap;
    }

    .steam-manifest-page--product .sm-sidebar-status .sm-pass-plan__metrics {
        grid-column: 1 / -1;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 5px !important;
        margin-top: 2px !important;
    }

    .steam-manifest-page--product .sm-sidebar-status .sm-pass-plan__metrics span {
        min-height: 28px !important;
        padding: 6px 4px !important;
        border-radius: 7px !important;
        background: rgba(102, 192, 244, 0.08) !important;
        color: rgba(226, 232, 240, 0.72) !important;
        font-size: 11px !important;
        text-align: center;
    }

    .steam-manifest-page--product .sm-sidebar-status .sm-pass-plan__deadline {
        min-height: 28px !important;
        gap: 5px !important;
        padding: 6px 7px !important;
        border-radius: 7px !important;
        background: rgba(251, 191, 36, 0.11) !important;
        color: rgba(254, 243, 199, 0.90) !important;
        font-size: 10px !important;
        line-height: 1.25 !important;
    }

    .steam-manifest-page--product .sm-sidebar-status .sm-pass-plan__deadline-label,
    .steam-manifest-page--product .sm-sidebar-status .sm-pass-plan__deadline-text {
        font-size: 10px !important;
        white-space: nowrap;
    }

    .steam-manifest-page--product .sm-sidebar-status .sm-pass-plan__deadline-date {
        display: none !important;
    }

    .steam-manifest-page--product .sm-yutu-flow--sidebar {
        gap: 7px !important;
        padding: 10px !important;
    }

    .steam-manifest-page--product .sm-yutu-flow--sidebar .sm-yutu-flow__step,
    .steam-manifest-page--product .sm-yutu-flow--sidebar .sm-yutu-flow__note {
        grid-template-columns: 28px minmax(0, 1fr) !important;
        gap: 8px !important;
        padding: 8px !important;
        border-radius: 8px !important;
        background: rgba(4, 18, 32, 0.50) !important;
    }

    .steam-manifest-page--product .sm-yutu-flow--sidebar .sm-yutu-flow__step span {
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px !important;
        background: linear-gradient(135deg, #22c55e, #2dd4bf) !important;
        color: #052016 !important;
        font-size: 12px !important;
        font-weight: 950 !important;
    }

    .steam-manifest-page--product .sm-yutu-flow--sidebar .sm-yutu-flow__step strong,
    .steam-manifest-page--product .sm-yutu-flow--sidebar .sm-yutu-flow__note strong {
        color: rgba(248, 250, 252, 0.92) !important;
        font-size: 12px !important;
    }

    .steam-manifest-page--product .sm-yutu-flow--sidebar .sm-yutu-flow__note {
        grid-template-columns: 1fr !important;
        background: rgba(45, 212, 191, 0.10) !important;
    }

    .steam-manifest-page--product .sm-yutu-flow--sidebar .sm-yutu-flow__actions {
        grid-template-columns: 1fr !important;
        gap: 7px !important;
    }

    .steam-manifest-page--product .sm-yutu-flow--sidebar .sm-yutu-flow__actions .sm-btn {
        min-height: 36px !important;
        padding: 0 10px !important;
        border-radius: 8px !important;
        justify-content: center !important;
        gap: 7px !important;
        font-size: 12px !important;
        font-weight: 900 !important;
    }

    .steam-manifest-page--product .sm-yutu-flow--sidebar .sm-yutu-flow__actions .sm-btn svg {
        width: 16px !important;
        height: 16px !important;
        min-width: 16px !important;
        flex: 0 0 16px !important;
    }

    .steam-manifest-page--product .sm-yutu-flow--sidebar .sm-yutu-flow__actions .sm-btn--client {
        background: linear-gradient(135deg, #2dd4bf, #22c55e) !important;
        color: #052016 !important;
    }
}

/* Steam featured carousel: Steam images, WeSteam-Lua resource actions. */
.steam-manifest-page--product .sm-steam-featured {
    margin: 0 0 18px;
    color: #dbeafe;
}

.steam-manifest-page--product .sm-steam-featured[hidden] {
    display: none !important;
}

.steam-manifest-page--product .sm-steam-featured__heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 14px;
    margin: 0 0 8px;
    padding-inline: 2px;
}

.steam-manifest-page--product .sm-steam-featured__heading h4 {
    margin: 0;
    color: rgba(245, 250, 255, 0.96);
    font-size: 18px;
    font-weight: 900;
    letter-spacing: 0;
}

.steam-manifest-page--product .sm-steam-featured__heading span {
    color: rgba(191, 219, 254, 0.62);
    font-size: 12px;
}

.steam-manifest-page--product .sm-steam-featured__viewport {
    display: grid;
    grid-template-columns: minmax(72px, 0.18fr) minmax(0, 1fr) minmax(72px, 0.18fr);
    align-items: center;
    gap: 14px;
    min-height: 360px;
}

.steam-manifest-page--product .sm-steam-featured__side {
    position: relative;
    height: 302px;
    min-width: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: 2px;
    background: #071522;
    cursor: pointer;
    opacity: 0.46;
    transition: opacity 0.18s ease, transform 0.18s ease;
}

.steam-manifest-page--product .sm-steam-featured__side:hover {
    opacity: 0.78;
    transform: scale(1.015);
}

.steam-manifest-page--product .sm-steam-featured__side img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: saturate(0.72) brightness(0.42);
}

.steam-manifest-page--product .sm-steam-featured__side::after {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(4, 10, 18, 0.38);
}

.steam-manifest-page--product .sm-steam-featured__side::before {
    position: absolute;
    top: 50%;
    z-index: 2;
    color: rgba(255, 255, 255, 0.88);
    font-size: 52px;
    font-weight: 300;
    line-height: 1;
    transform: translateY(-50%);
}

.steam-manifest-page--product .sm-steam-featured__side--prev::before {
    content: "‹";
    right: 10px;
}

.steam-manifest-page--product .sm-steam-featured__side--next::before {
    content: "›";
    left: 10px;
}

.steam-manifest-page--product .sm-steam-featured__side span {
    position: absolute;
    left: 12px;
    right: 12px;
    bottom: 12px;
    z-index: 2;
    color: rgba(226, 232, 240, 0.84);
    font-size: 12px;
    font-weight: 800;
    line-height: 1.25;
    text-align: left;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.8);
}

.steam-manifest-page--product .sm-steam-featured__card {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.58fr) minmax(320px, 0.78fr);
    min-height: 360px;
    overflow: hidden;
    border: 0 !important;
    border-radius: 2px;
    background:
        radial-gradient(circle at 70% 10%, rgba(102, 192, 244, 0.18), transparent 32%),
        linear-gradient(90deg, #111927 0%, #12263a 62%, #0c1a2a 100%);
    box-shadow: 0 22px 58px rgba(0, 0, 0, 0.34) !important;
    cursor: pointer;
}

.steam-manifest-page--product .sm-steam-featured__media {
    position: relative;
    min-width: 0;
    min-height: 360px;
    background: #050b13;
}

.steam-manifest-page--product .sm-steam-featured__media::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 42%;
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.38));
    pointer-events: none;
}

.steam-manifest-page--product .sm-steam-featured__media img {
    width: 100%;
    height: 100%;
    min-height: 360px;
    object-fit: cover;
    object-position: center;
    display: block;
}

.steam-manifest-page--product .sm-steam-featured__panel {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0;
    padding: 18px 18px 16px;
    background:
        linear-gradient(180deg, rgba(23, 50, 78, 0.90), rgba(11, 27, 44, 0.96));
}

.steam-manifest-page--product .sm-steam-featured__title-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 10px;
}

.steam-manifest-page--product .sm-steam-featured__title-row h5 {
    margin: 0;
    color: #f8fbff;
    font-size: 20px;
    font-weight: 950;
    line-height: 1.2;
    letter-spacing: 0;
}

.steam-manifest-page--product .sm-steam-featured__badges {
    display: flex;
    justify-content: end;
    min-width: max-content;
}

.steam-manifest-page--product .sm-steam-featured__badges .sm-trending__badge {
    position: static;
    inset: auto;
    display: inline-flex;
    align-items: center;
    min-height: 26px;
    white-space: nowrap;
}

.steam-manifest-page--product .sm-steam-featured__thumbs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.steam-manifest-page--product .sm-steam-featured__thumb {
    display: block;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 2px;
    background: rgba(4, 13, 24, 0.86);
}

.steam-manifest-page--product .sm-steam-featured__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.steam-manifest-page--product .sm-steam-featured__reason {
    display: grid;
    gap: 6px;
    padding-top: 2px;
}

.steam-manifest-page--product .sm-steam-featured__review {
    width: fit-content;
    min-height: 26px;
    display: inline-flex;
    align-items: center;
    padding: 0 9px;
    border-radius: 2px;
    background: rgba(102, 192, 244, 0.12);
    color: #66c0f4;
    font-size: 12px;
    font-weight: 900;
}

.steam-manifest-page--product .sm-steam-featured__review--mixed {
    color: #facc15;
    background: rgba(250, 204, 21, 0.12);
}

.steam-manifest-page--product .sm-steam-featured__review--bad {
    color: #fb7185;
    background: rgba(251, 113, 133, 0.12);
}

.steam-manifest-page--product .sm-steam-featured__review--empty {
    color: rgba(203, 213, 225, 0.72);
    background: rgba(148, 163, 184, 0.10);
}

.steam-manifest-page--product .sm-steam-featured__reason strong {
    color: #a7f3d0;
    font-size: 15px;
    font-weight: 950;
}

.steam-manifest-page--product .sm-steam-featured__reason span {
    color: rgba(226, 232, 240, 0.76);
    font-size: 13px;
    line-height: 1.45;
}

.steam-manifest-page--product .sm-steam-featured__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    min-height: 26px;
}

.steam-manifest-page--product .sm-steam-featured__tags span {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 8px;
    border-radius: 2px;
    background: rgba(103, 153, 190, 0.18);
    color: rgba(219, 234, 254, 0.84);
    font-size: 11px;
    font-weight: 800;
}

.steam-manifest-page--product .sm-steam-featured__actions {
    width: 100%;
    margin-top: auto;
    grid-template-columns: minmax(0, 1fr) auto 38px;
    gap: 8px;
}

.steam-manifest-page--product .sm-steam-featured__actions .sm-btn {
    min-height: 38px;
    border-radius: 2px !important;
}

.steam-manifest-page--product .sm-steam-featured__actions .sm-btn--primary {
    background: linear-gradient(135deg, #66c0f4, #7ee787) !important;
    color: #061127 !important;
}

.steam-manifest-page--product .sm-steam-featured__favorite {
    display: inline-grid;
    place-items: center;
    width: 38px;
    height: 38px;
    padding: 0;
    border: 0 !important;
    border-radius: 2px;
    background: rgba(25, 45, 67, 0.82);
    color: rgba(226, 232, 240, 0.78);
    cursor: pointer;
}

.steam-manifest-page--product .sm-steam-featured__favorite svg {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.steam-manifest-page--product .sm-steam-featured__favorite.is-favorited {
    background: rgba(251, 191, 36, 0.18);
    color: #fde68a;
}

.steam-manifest-page--product .sm-steam-featured__favorite.is-favorited svg {
    fill: currentColor;
}

.steam-manifest-page--product .sm-steam-featured__dots {
    display: flex;
    justify-content: center;
    gap: 5px;
    margin-top: 10px;
}

.steam-manifest-page--product .sm-steam-featured__dot {
    width: 15px;
    height: 8px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(148, 163, 184, 0.34);
    cursor: pointer;
    transition: width 0.18s ease, background 0.18s ease;
}

.steam-manifest-page--product .sm-steam-featured__dot span {
    display: none;
}

.steam-manifest-page--product .sm-steam-featured__dot.is-active {
    width: 28px;
    background: rgba(226, 232, 240, 0.84);
}

@media (min-width: 1680px) {
    .steam-manifest-page--product .sm-steam-featured__viewport {
        grid-template-columns: minmax(180px, 0.24fr) minmax(860px, 1fr) minmax(180px, 0.24fr);
    }

    .steam-manifest-page--product .sm-steam-featured__card,
    .steam-manifest-page--product .sm-steam-featured__media,
    .steam-manifest-page--product .sm-steam-featured__media img {
        min-height: 386px;
    }

    .steam-manifest-page--product .sm-steam-featured__side {
        height: 330px;
    }
}

@media (max-width: 1180px) {
    .steam-manifest-page--product .sm-steam-featured__viewport {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .steam-manifest-page--product .sm-steam-featured__side {
        display: none;
    }

    .steam-manifest-page--product .sm-steam-featured__card {
        grid-template-columns: minmax(0, 1fr);
        min-height: 0;
    }

    .steam-manifest-page--product .sm-steam-featured__media,
    .steam-manifest-page--product .sm-steam-featured__media img {
        min-height: 0;
        aspect-ratio: 16 / 9;
    }
}

@media (max-width: 760px) {
    .steam-manifest-page--product .sm-steam-featured {
        margin-bottom: 14px;
    }

    .steam-manifest-page--product .sm-steam-featured__heading {
        align-items: start;
        display: grid;
        gap: 4px;
    }

    .steam-manifest-page--product .sm-steam-featured__panel {
        padding: 14px;
    }

    .steam-manifest-page--product .sm-steam-featured__title-row {
        grid-template-columns: 1fr;
    }

    .steam-manifest-page--product .sm-steam-featured__badges {
        justify-content: start;
    }

    .steam-manifest-page--product .sm-steam-featured__thumbs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .steam-manifest-page--product .sm-steam-featured__actions {
        grid-template-columns: 1fr 1fr 38px;
    }

    .steam-manifest-page--product .sm-steam-featured__actions .sm-btn {
        min-width: 0;
        padding-inline: 8px;
        font-size: 12px;
    }
}

/* Steam store list: keep the top carousel, replace the lower grid with Steam-like rows. */
.steam-manifest-page--product #sm-tab-search .steam-manifest-trending--steam {
    padding: 18px 18px 16px;
    background:
        linear-gradient(180deg, rgba(19, 45, 70, 0.54), rgba(7, 18, 31, 0.74));
}

.steam-manifest-page--product #sm-tab-search .steam-manifest-trending--steam .sm-trending-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-areas:
        "tabs"
        "brief";
    gap: 8px;
    margin: 0 0 12px;
    padding: 0;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.steam-manifest-page--product #sm-tab-search .steam-manifest-trending--steam .sm-trending-title {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

.steam-manifest-page--product #sm-tab-search .steam-manifest-trending--steam .sm-trending-title::after {
    display: none;
}

.steam-manifest-page--product #sm-tab-search .sm-steam-store-tabs {
    grid-area: tabs;
    justify-self: start;
    display: flex;
    align-items: end;
    gap: 28px;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.steam-manifest-page--product #sm-tab-search .sm-steam-store-tab {
    position: relative;
    min-height: 36px;
    padding: 0 0 9px;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: rgba(197, 213, 229, 0.72);
    font-size: 18px;
    font-weight: 950;
    line-height: 1;
    letter-spacing: 0;
    cursor: pointer;
}

.steam-manifest-page--product #sm-tab-search .sm-steam-store-tab::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background: transparent;
}

.steam-manifest-page--product #sm-tab-search .sm-steam-store-tab:hover,
.steam-manifest-page--product #sm-tab-search .sm-steam-store-tab.is-active {
    color: #ffffff;
}

.steam-manifest-page--product #sm-tab-search .sm-steam-store-tab.is-active::after {
    background: #1a9fff;
}

.steam-manifest-page--product #sm-tab-search .steam-manifest-trending--steam .sm-trending-notice {
    grid-area: brief;
}

.steam-manifest-page--product #sm-tab-search .sm-steam-store-summary {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    min-height: 24px;
    color: rgba(197, 213, 229, 0.62);
    font-size: 12px;
    font-weight: 800;
}

.steam-manifest-page--product #sm-tab-search .sm-steam-store-summary strong {
    color: #66c0f4;
    font-size: 14px;
    font-variant-numeric: tabular-nums;
}

.steam-manifest-page--product #sm-tab-search .sm-steam-store-summary em,
.steam-manifest-page--product #sm-tab-search .sm-steam-store-summary small {
    color: rgba(197, 213, 229, 0.62);
    font-style: normal;
    font-size: 12px;
}

.steam-manifest-page--product #sm-tab-search .steam-manifest-trending--steam .sm-steam-store-list {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 1px !important;
    width: min(1040px, 100%);
    margin: 0;
}

.steam-manifest-page--product #sm-tab-search .sm-steam-store-row {
    position: relative;
    display: grid !important;
    grid-template-columns: 230px minmax(260px, 1fr) 108px 122px minmax(258px, auto);
    gap: 14px;
    align-items: center;
    min-height: 104px;
    padding: 8px 10px 8px 8px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: rgba(22, 42, 61, 0.92) !important;
    box-shadow: none !important;
    cursor: pointer;
    transform: none !important;
}

.steam-manifest-page--product #sm-tab-search .sm-steam-store-row:nth-child(2n) {
    background: rgba(28, 50, 70, 0.88) !important;
}

.steam-manifest-page--product #sm-tab-search .sm-steam-store-row:hover {
    background: linear-gradient(90deg, rgba(43, 91, 124, 0.94), rgba(34, 66, 91, 0.94)) !important;
}

.steam-manifest-page--product #sm-tab-search .sm-steam-store-row__media {
    width: 230px;
    aspect-ratio: 231 / 87;
    overflow: hidden;
    background: #071522;
}

.steam-manifest-page--product #sm-tab-search .sm-steam-store-row__media img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.steam-manifest-page--product #sm-tab-search .sm-steam-store-row:hover .sm-steam-store-row__media img {
    transform: none;
}

.steam-manifest-page--product #sm-tab-search .sm-steam-store-row__main {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.steam-manifest-page--product #sm-tab-search .sm-steam-store-row__title-line {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.steam-manifest-page--product #sm-tab-search .sm-steam-store-row__rank {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 30px;
    height: 22px;
    padding: 0 7px;
    background: rgba(5, 13, 26, 0.52);
    color: rgba(199, 213, 224, 0.84);
    font-size: 12px;
    font-weight: 950;
    font-variant-numeric: tabular-nums;
}

.steam-manifest-page--product #sm-tab-search .sm-steam-store-row h4 {
    min-width: 0;
    margin: 0;
    color: #f5f7fa;
    font-size: 16px;
    font-weight: 950;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.steam-manifest-page--product #sm-tab-search .sm-steam-store-row__tags {
    display: flex;
    gap: 6px;
    min-width: 0;
    overflow: hidden;
}

.steam-manifest-page--product #sm-tab-search .sm-steam-store-row__tags span {
    display: inline-flex;
    align-items: center;
    min-height: 22px;
    padding: 0 7px;
    background: rgba(7, 18, 31, 0.42);
    color: rgba(197, 213, 229, 0.86);
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.steam-manifest-page--product #sm-tab-search .sm-steam-store-row__date,
.steam-manifest-page--product #sm-tab-search .sm-steam-store-row__appid {
    color: rgba(197, 213, 229, 0.62);
    font-size: 12px;
    font-weight: 800;
}

.steam-manifest-page--product #sm-tab-search .sm-steam-store-row__appid {
    display: none;
}

.steam-manifest-page--product #sm-tab-search .sm-steam-store-row__status {
    display: grid;
    justify-items: start;
    gap: 5px;
}

.steam-manifest-page--product #sm-tab-search .sm-steam-store-row__status .sm-trending__badge {
    position: static;
    inset: auto;
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 0 8px;
    border-radius: 2px;
    font-size: 11px;
    font-weight: 950;
    white-space: nowrap;
}

.steam-manifest-page--product #sm-tab-search .sm-steam-store-row__status > span:not(.sm-trending__badge) {
    color: rgba(197, 213, 229, 0.52);
    font-size: 11px;
    font-weight: 900;
}

.steam-manifest-page--product #sm-tab-search .sm-steam-store-row__buy {
    justify-self: end;
    min-width: 112px;
}

.steam-manifest-page--product #sm-tab-search .sm-steam-store-row__deal {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    width: 100%;
    min-height: 34px;
    background: rgba(5, 13, 26, 0.42);
}

.steam-manifest-page--product #sm-tab-search .sm-steam-store-row__discount {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 9px;
    background: #a1cd44;
    color: #111b0e;
    font-size: 15px;
    font-weight: 950;
}

.steam-manifest-page--product #sm-tab-search .sm-steam-store-row__price {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-height: 34px;
    padding: 0 10px;
    background: rgba(5, 13, 26, 0.42);
    color: #dbeafe;
    font-size: 14px;
    font-weight: 950;
    white-space: nowrap;
}

.steam-manifest-page--product #sm-tab-search .sm-steam-store-row__price--free {
    width: fit-content;
    margin-left: auto;
    background: transparent;
    color: #ffffff;
}

.steam-manifest-page--product #sm-tab-search .sm-steam-store-row__actions {
    display: flex !important;
    justify-content: flex-end;
    align-items: center;
    gap: 6px;
    min-width: 0;
}

.steam-manifest-page--product #sm-tab-search .sm-steam-store-row__actions .sm-btn {
    min-height: 34px;
    padding-inline: 12px;
    border-radius: 2px !important;
    font-size: 12px;
    font-weight: 950;
}

.steam-manifest-page--product #sm-tab-search .sm-steam-store-row__actions .sm-btn--primary {
    background: linear-gradient(135deg, #66c0f4, #2dd4bf) !important;
    color: #061127 !important;
}

.steam-manifest-page--product #sm-tab-search .sm-steam-store-row__icon-btn {
    display: inline-grid;
    place-items: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 0;
    border-radius: 2px;
    background: rgba(5, 13, 26, 0.36);
    color: rgba(197, 213, 229, 0.82);
    cursor: pointer;
}

.steam-manifest-page--product #sm-tab-search .sm-steam-store-row__icon-btn:hover,
.steam-manifest-page--product #sm-tab-search .sm-steam-store-row__icon-btn.is-favorited {
    background: rgba(102, 192, 244, 0.18);
    color: #ffffff;
}

.steam-manifest-page--product #sm-tab-search .sm-steam-store-skeleton {
    display: grid;
    gap: 1px;
    width: min(1040px, 100%);
}

.steam-manifest-page--product #sm-tab-search .sm-steam-store-skeleton__row {
    display: grid;
    grid-template-columns: 230px minmax(0, 1fr) 120px 220px;
    gap: 14px;
    align-items: center;
    min-height: 104px;
    padding: 8px;
    background: rgba(22, 42, 61, 0.72);
}

.steam-manifest-page--product #sm-tab-search .sm-steam-store-skeleton__row div,
.steam-manifest-page--product #sm-tab-search .sm-steam-store-skeleton__row span {
    min-height: 20px;
    background: linear-gradient(90deg, rgba(197, 213, 229, 0.08), rgba(197, 213, 229, 0.16), rgba(197, 213, 229, 0.08));
}

.steam-manifest-page--product #sm-tab-search .sm-steam-store-skeleton__row div {
    aspect-ratio: 231 / 87;
}

@media (max-width: 1420px) {
    .steam-manifest-page--product #sm-tab-search .sm-steam-store-row {
        grid-template-columns: 210px minmax(220px, 1fr) 96px 112px;
    }

    .steam-manifest-page--product #sm-tab-search .sm-steam-store-row__media {
        width: 210px;
    }

    .steam-manifest-page--product #sm-tab-search .sm-steam-store-row__actions {
        grid-column: 2 / -1;
    }
}

@media (max-width: 860px) {
    .steam-manifest-page--product #sm-tab-search .sm-steam-store-tabs {
        gap: 18px;
        overflow-x: auto;
        padding-bottom: 2px;
    }

    .steam-manifest-page--product #sm-tab-search .sm-steam-store-tab {
        flex: 0 0 auto;
        font-size: 16px;
    }

    .steam-manifest-page--product #sm-tab-search .sm-steam-store-row {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
        padding: 10px !important;
    }

    .steam-manifest-page--product #sm-tab-search .sm-steam-store-row__media {
        width: 100%;
    }

    .steam-manifest-page--product #sm-tab-search .sm-steam-store-row__buy,
    .steam-manifest-page--product #sm-tab-search .sm-steam-store-row__actions {
        justify-self: stretch;
    }

    .steam-manifest-page--product #sm-tab-search .sm-steam-store-row__actions {
        grid-column: auto;
        justify-content: start;
        flex-wrap: wrap;
    }
}

/* More premium WeLua pass page. */
@media (min-width: 1181px) {
    .westeam-product-design-page .wslp-page {
        background:
            radial-gradient(circle at 80% 8%, rgba(102, 192, 244, 0.20), transparent 30%),
            radial-gradient(circle at 18% 22%, rgba(45, 212, 191, 0.18), transparent 28%),
            linear-gradient(180deg, #173552 0%, #0f2439 260px, #081421 100%) !important;
    }

    .westeam-product-design-page .wslp-hero__grid {
        width: min(1700px, calc(100% - 36px));
        grid-template-columns: minmax(460px, 0.82fr) minmax(680px, 1.18fr);
        gap: 22px;
        padding: 22px;
        background:
            linear-gradient(135deg, rgba(24, 52, 80, 0.82), rgba(8, 20, 34, 0.66));
        border: 0 !important;
        box-shadow: 0 28px 90px rgba(0, 0, 0, 0.32);
    }

    .westeam-product-design-page .wslp-hero__copy {
        background:
            linear-gradient(180deg, rgba(18, 42, 65, 0.74), rgba(7, 18, 31, 0.46)) !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    .westeam-product-design-page .wslp-kicker {
        width: fit-content;
        border: 0 !important;
        background: rgba(45, 212, 191, 0.14) !important;
    }

    .westeam-product-design-page .wslp-hero h1 {
        max-width: 820px;
        font-size: clamp(44px, 4.4vw, 72px);
        line-height: 1.02;
    }

    .westeam-product-design-page .wslp-search {
        background: rgba(5, 13, 26, 0.82) !important;
    }

    .westeam-product-design-page .wslp-hero__signals {
        gap: 10px;
    }

    .westeam-product-design-page .wslp-hero__signals div {
        min-height: 76px;
        background: rgba(11, 30, 50, 0.78) !important;
    }

    .westeam-product-design-page .wslp-prototype-shot {
        background:
            linear-gradient(180deg, rgba(20, 49, 76, 0.72), rgba(5, 13, 26, 0.72)) !important;
    }

    .westeam-product-design-page .wslp-status-console {
        background:
            linear-gradient(90deg, rgba(34, 197, 94, 0.14), rgba(20, 49, 76, 0.72)) !important;
    }

    .westeam-product-design-page .wslp-plans-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        align-items: stretch;
        gap: 16px !important;
    }

    .westeam-product-design-page .wslp-plan {
        position: relative;
        min-height: 520px;
        padding: 22px;
        overflow: hidden;
        background:
            linear-gradient(180deg, rgba(24, 52, 80, 0.74), rgba(9, 22, 38, 0.84)) !important;
    }

    .westeam-product-design-page .wslp-plan::before {
        content: "";
        position: absolute;
        inset: 0 0 auto;
        height: 3px;
        background: linear-gradient(90deg, rgba(102, 192, 244, 0.0), rgba(102, 192, 244, 0.72), rgba(45, 212, 191, 0.0));
        opacity: 0.72;
    }

    .westeam-product-design-page .wslp-plan--featured {
        transform: translateY(-12px);
        background:
            radial-gradient(circle at 80% 8%, rgba(251, 191, 36, 0.22), transparent 34%),
            linear-gradient(180deg, rgba(78, 60, 27, 0.90), rgba(18, 42, 65, 0.88)) !important;
        box-shadow: 0 30px 90px rgba(0, 0, 0, 0.34) !important;
    }

    .westeam-product-design-page .wslp-plan--featured::before {
        background: linear-gradient(90deg, rgba(251, 191, 36, 0.0), rgba(251, 191, 36, 0.92), rgba(45, 212, 191, 0.0));
    }

    .westeam-product-design-page .wslp-plan__badge {
        border: 0 !important;
        background: rgba(102, 192, 244, 0.16) !important;
    }

    .westeam-product-design-page .wslp-plan--featured .wslp-plan__badge {
        background: rgba(251, 191, 36, 0.18) !important;
        color: #fde68a;
    }

    .westeam-product-design-page .wslp-plan__price strong {
        font-size: clamp(36px, 3.2vw, 54px);
        letter-spacing: 0;
    }

    .westeam-product-design-page .wslp-plan__metrics {
        gap: 8px;
    }

    .westeam-product-design-page .wslp-plan__metrics div {
        min-height: 58px;
        background: rgba(7, 18, 31, 0.52) !important;
    }

    .westeam-product-design-page .wslp-plan__actions {
        margin-top: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .steam-manifest-page--product *,
    .westeam-product-design-page *,
    .home-westeam-lua * {
        transition: none !important;
        animation: none !important;
    }
}

/* GTA6 side campaign background for the WeLua workbench. */
.steam-manifest-page--product {
    --sm-gta6-campaign-bg: url("../images/westeam-lua/welua-gta6-2026-side-bg-v2.png");
    background:
        linear-gradient(180deg, #102d47 0%, #081421 42%, #050c16 100%) !important;
}

.steam-manifest-page--product::before {
    background:
        linear-gradient(90deg,
            rgba(4, 10, 18, 0.22) 0%,
            rgba(4, 10, 18, 0.18) 16%,
            rgba(4, 10, 18, 0.72) 31%,
            rgba(4, 10, 18, 0.96) 43%,
            rgba(4, 10, 18, 0.96) 57%,
            rgba(4, 10, 18, 0.72) 69%,
            rgba(4, 10, 18, 0.18) 84%,
            rgba(4, 10, 18, 0.22) 100%),
        radial-gradient(circle at 18% 42%, rgba(236, 72, 153, 0.22), transparent 30%),
        radial-gradient(circle at 84% 38%, rgba(45, 212, 191, 0.18), transparent 32%),
        var(--sm-gta6-campaign-bg) center top / cover no-repeat fixed !important;
    opacity: 1 !important;
}

.steam-manifest-page--product::after {
    inset: 0 !important;
    height: auto !important;
    background:
        linear-gradient(180deg, rgba(6, 16, 29, 0.18) 0%, rgba(6, 16, 29, 0.62) 78%, rgba(5, 12, 22, 0.92) 100%),
        linear-gradient(90deg, rgba(6, 16, 29, 0.16) 0%, rgba(6, 16, 29, 0.72) 36%, rgba(6, 16, 29, 0.72) 64%, rgba(6, 16, 29, 0.16) 100%) !important;
    opacity: 1 !important;
}

.steam-manifest-page--product .steam-manifest-shell {
    position: relative;
    z-index: 2;
}

.steam-manifest-page--product .sm-gta6-side-promo {
    position: fixed;
    z-index: 1;
    top: clamp(152px, 20vh, 238px);
    display: grid;
    gap: 7px;
    width: clamp(178px, 12vw, 248px);
    pointer-events: none;
    color: #ffffff;
    text-shadow: 0 8px 28px rgba(0, 0, 0, 0.78);
}

.steam-manifest-page--product .sm-gta6-side-promo--left {
    left: clamp(18px, 3vw, 64px);
    text-align: left;
}

.steam-manifest-page--product .sm-gta6-side-promo--right {
    right: clamp(18px, 3vw, 64px);
    top: clamp(240px, 32vh, 380px);
    text-align: right;
}

.steam-manifest-page--product .sm-gta6-side-promo span {
    width: fit-content;
    min-height: 26px;
    padding: 5px 9px;
    border-radius: 2px;
    background: rgba(45, 212, 191, 0.16);
    color: #9ffcf0;
    font-size: 12px;
    font-weight: 950;
    line-height: 1.1;
}

.steam-manifest-page--product .sm-gta6-side-promo--right span {
    justify-self: end;
}

.steam-manifest-page--product .sm-gta6-side-promo strong {
    color: #ffffff;
    font-size: clamp(42px, 4.2vw, 76px);
    font-weight: 950;
    line-height: 0.95;
    letter-spacing: 0;
}

.steam-manifest-page--product .sm-gta6-side-promo em {
    color: #fbbf24;
    font-size: clamp(17px, 1.3vw, 25px);
    font-style: normal;
    font-weight: 950;
    line-height: 1.18;
}

.steam-manifest-page--product .sm-gta6-side-promo small {
    color: rgba(226, 232, 240, 0.84);
    font-size: 12px;
    font-weight: 850;
    line-height: 1.45;
}

@media (max-width: 1500px) {
    .steam-manifest-page--product .sm-gta6-side-promo {
        display: none;
    }
}

@media (max-width: 1180px) {
    .steam-manifest-page--product::before {
        background:
            linear-gradient(180deg, rgba(5, 12, 22, 0.66), rgba(5, 12, 22, 0.90)),
            var(--sm-gta6-campaign-bg) center top / cover no-repeat fixed !important;
    }
}

/* First viewport spacing fix: keep the brand copy, stats, and next panel from overlapping. */
@media (min-width: 1181px) {
    .steam-manifest-page--product .steam-manifest-shell {
        grid-template-rows: 58px minmax(146px, auto) minmax(0, 1fr) !important;
        gap: 12px !important;
    }

    .steam-manifest-page--product .sm-page-actions,
    .steam-manifest-page--product .steam-manifest-top,
    .steam-manifest-page--product .steam-manifest-card-panel {
        position: relative;
    }

    .steam-manifest-page--product .sm-page-actions {
        z-index: 4;
    }

    .steam-manifest-page--product .steam-manifest-top {
        z-index: 3;
        min-height: 146px !important;
        overflow: visible !important;
    }

    .steam-manifest-page--product .steam-manifest-brand {
        height: auto !important;
        min-height: 146px !important;
        padding: 18px 26px !important;
        overflow: visible !important;
    }

    .steam-manifest-page--product .steam-manifest-brand__layout {
        min-height: 110px;
        align-items: center !important;
    }

    .steam-manifest-page--product .steam-manifest-brand__main {
        gap: 10px !important;
        min-height: 0;
    }

    .steam-manifest-page--product .steam-manifest-brand__top {
        align-items: flex-start !important;
    }

    .steam-manifest-page--product .steam-manifest-brand__meta {
        align-items: center;
        row-gap: 6px !important;
        overflow: visible !important;
    }

    .steam-manifest-page--product .steam-manifest-card-panel {
        z-index: 2;
        min-height: calc(100vh - 228px) !important;
    }
}

@media (min-width: 1181px) and (max-width: 1420px) {
    .steam-manifest-page--product .steam-manifest-top,
    .steam-manifest-page--product .steam-manifest-brand {
        min-height: 150px !important;
    }

    .steam-manifest-page--product .steam-manifest-brand__layout {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .steam-manifest-page--product .steam-manifest-brand__meta {
        flex-wrap: wrap !important;
    }

    .steam-manifest-page--product .steam-manifest-subtitle {
        white-space: normal !important;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
}

/* Steam artwork is photographic; override the theme's global pixel-art image rendering. */
.steam-manifest-page--product .sm-steam-featured img,
.steam-manifest-page--product .sm-steam-store-row img,
.steam-manifest-page--product .sm-steam-detail img,
.steam-manifest-page--product .sm-search-choice-card__cover,
.steam-manifest-page--product .sm-card-mini__cover {
    image-rendering: auto !important;
    -ms-interpolation-mode: bicubic;
}