.spm-content-grid{display:grid!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:24px!important;align-items:start!important}.spm-store-column{min-width:0}.spm-category-hero{padding:0 0 24px;border-bottom:1px solid var(--line);margin-bottom:19px}.spm-category-hero h1{margin:0!important;color:#fff!important;font-size:clamp(2rem,4vw,3.2rem)!important;line-height:1!important;letter-spacing:-.055em!important}.spm-category-hero p{margin:10px 0 0;color:#8391af;font-size:.86rem}.spm-subcategory-row{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}.spm-subcategory-row a{padding:9px 12px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:#9ba9c5;background:rgba(255,255,255,.025);font-size:.73rem;font-weight:800}.spm-subcategory-row a:hover,.spm-subcategory-row a.active{border-color:var(--line2);color:#fff;background:rgba(103,221,255,.07)}.spm-panel{border:1px solid var(--line)!important;border-radius:18px!important;background:linear-gradient(150deg,rgba(15,23,49,.94),rgba(8,13,30,.96))!important;box-shadow:0 16px 46px rgba(0,0,0,.2)!important}.spm-category-description{padding:23px!important;margin-bottom:20px!important}.spm-empty{padding:28px!important;display:flex;flex-direction:column;color:var(--muted)}.spm-empty strong{color:#fff}.spm-empty span{margin-top:4px;font-size:.78rem}
.spm-products-grid,.store-products-grid,.store-products-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:15px!important}.spm-product-card{--mx:50%;--my:30%;position:relative!important;overflow:hidden!important;margin:0!important;border:1px solid var(--line)!important;border-radius:18px!important;background:linear-gradient(155deg,rgba(15,24,52,.97),rgba(7,12,29,.98))!important;box-shadow:0 14px 36px rgba(0,0,0,.2)!important;transition:.2s!important}.spm-product-card:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:3;background:radial-gradient(250px circle at var(--mx) var(--my),rgba(103,221,255,.11),transparent 65%);opacity:0;transition:.2s}.spm-product-card:hover{transform:translateY(-4px);border-color:var(--line2)!important;box-shadow:0 22px 52px rgba(0,0,0,.28)!important}.spm-product-card:hover:before{opacity:1}.spm-product-media{position:relative;min-height:190px;padding:16px;display:grid;place-items:center;text-decoration:none;border-bottom:1px solid var(--line);background:radial-gradient(circle at 50% 45%,rgba(92,112,255,.13),transparent 60%)}.spm-product-media .image{display:block!important;width:100%!important;height:165px!important;object-fit:contain!important;filter:drop-shadow(0 18px 24px rgba(0,0,0,.28));transition:.2s}.spm-product-card:hover .spm-product-media .image{transform:scale(1.035)}.spm-product-placeholder{width:82px;height:82px;border:1px solid var(--line2);border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(103,221,255,.09),rgba(157,124,255,.1));color:var(--cyan);font-size:1.8rem}.spm-product-info{position:relative;z-index:4;padding:18px}.spm-product-meta{min-height:17px;display:flex;justify-content:space-between;gap:8px;color:#657595;font-size:.54rem;font-weight:950;letter-spacing:.12em}.spm-product-meta b{color:#ff87a2}.spm-product-card .product-title{margin:5px 0 14px!important;font-size:1rem!important;line-height:1.3!important}.spm-product-card .product-title a{color:#fff!important;text-decoration:none!important;font-weight:900!important}.spm-product-actions .product-actions,.spm-product-actions{display:grid!important;gap:8px!important}.spm-product-actions .price{margin:0!important;color:#8b99b7!important;font-size:.72rem!important}.spm-product-actions .price strong{color:#fff!important;font-size:1.08rem!important}
/* =========================================================
   ECONOMY BUNDLES — COMPARISON TABLE
   Sits below the purchasable bundle cards.
   ========================================================= */

.spm-bundles-products-section{
    margin-top:22px
}

.spm-bundle-compare-section{
    margin-top:34px
}

.spm-bundle-compare-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:24px;
    margin-bottom:15px
}

.spm-bundle-compare-head h2{
    margin:3px 0 0!important;
    color:#fff!important;
    font-size:1.45rem!important;
    line-height:1.1!important;
    font-weight:950!important;
    letter-spacing:-.035em
}

.spm-bundle-compare-head p{
    max-width:430px;
    margin:0;
    color:#8391af;
    font-size:.72rem;
    line-height:1.5;
    text-align:right
}

.spm-bundle-table-wrap{
    overflow-x:auto;
    border:1px solid var(--line);
    border-radius:18px;
    background:linear-gradient(150deg,rgba(15,23,49,.94),rgba(8,13,30,.96));
    box-shadow:0 16px 46px rgba(0,0,0,.20)
}

.spm-bundle-table{
    width:100%;
    min-width:720px;
    border-collapse:collapse
}

.spm-bundle-table th,
.spm-bundle-table td{
    padding:14px 13px;
    border-right:1px solid rgba(143,170,255,.11);
    border-bottom:1px solid rgba(143,170,255,.11);
    color:#aab8d3;
    font-size:.72rem;
    line-height:1.25;
    text-align:center
}

.spm-bundle-table thead th{
    background:rgba(103,221,255,.035);
    color:#fff;
    font-size:.66rem;
    font-weight:950;
    letter-spacing:.04em
}

.spm-bundle-table th:first-child{
    width:170px;
    text-align:left;
    color:#fff;
    font-weight:900
}

.spm-bundle-table tbody th{
    background:rgba(255,255,255,.012)
}

.spm-bundle-table td.yes{
    color:var(--green);
    font-weight:950
}

.spm-bundle-table td strong{
    color:#fff;
    font-weight:950
}

.spm-bundle-table thead th.starter{
    color:#63e6ad
}

.spm-bundle-table thead th.crate{
    color:#ffbd59
}

.spm-bundle-table thead th.cosmic{
    color:#c88cff
}

.spm-bundle-table thead th.space{
    color:var(--cyan)
}

.spm-bundle-table tr:last-child th,
.spm-bundle-table tr:last-child td{
    border-bottom:0
}

.spm-bundle-table th:last-child,
.spm-bundle-table td:last-child{
    border-right:0
}

.spm-bundle-source-note{
    margin:11px 2px 0;
    color:#7383a1;
    font-size:.65rem;
    line-height:1.5
}

@media(max-width:900px){
    .spm-content-grid{
        grid-template-columns:1fr!important
    }

    .spm-products-grid,
    .store-products-grid,
    .store-products-list{
        grid-template-columns:repeat(2,minmax(0,1fr))!important
    }
}

@media(max-width:650px){
    .spm-products-grid,
    .store-products-grid,
    .store-products-list{
        grid-template-columns:1fr!important
    }

    .spm-bundle-compare-head{
        align-items:flex-start;
        flex-direction:column;
        gap:6px
    }

    .spm-bundle-compare-head p{
        max-width:none;
        text-align:left
    }
}
/* =========================================================
   ECONOMY KEY PACKAGE ARTWORK
   Actual key logos with crate-based colours
   ========================================================= */

.spm-key-product-card{
    --key-a:#67ddff;
    --key-b:#9d7cff;
    --key-c:#e8fbff;
}

.spm-key-product-card.spm-key-vote-card{
    --key-a:#8dfb39;
    --key-b:#44cf21;
    --key-c:#eeffc5;
}

.spm-key-product-card.spm-key-lunar-card{
    --key-a:#69deff;
    --key-b:#328dff;
    --key-c:#e4fbff;
}

.spm-key-product-card.spm-key-solar-card{
    --key-a:#ffd34a;
    --key-b:#ff9a1d;
    --key-c:#fff4be;
}

.spm-key-product-card.spm-key-cosmic-card{
    --key-a:#f56dff;
    --key-b:#8c32ff;
    --key-c:#ffd7ff;
}

.spm-key-product-card.spm-key-blackhole-card{
    --key-a:#ff4a68;
    --key-b:#5d2d86;
    --key-c:#ffd2dc;
}

.spm-key-product-card .spm-key-product-media{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 50% 45%, rgba(255,255,255,.04), transparent 25%),
        radial-gradient(circle at 50% 45%, color-mix(in srgb,var(--key-a) 18%, transparent), transparent 48%),
        radial-gradient(circle at 70% 26%, color-mix(in srgb,var(--key-b) 16%, transparent), transparent 32%),
        linear-gradient(180deg, rgba(16,25,54,.98), rgba(10,18,39,.98))!important;
}

.spm-key-product-card .spm-key-product-media::before{
    content:"";
    position:absolute;
    inset:16px;
    border-radius:18px;
    border:1px solid color-mix(in srgb,var(--key-a) 26%, rgba(143,170,255,.12));
    background:
        radial-gradient(circle at 50% 50%, color-mix(in srgb,var(--key-a) 9%, transparent), transparent 58%);
    pointer-events:none;
}

.spm-key-product-logo{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:center;
    width:112px;
    height:82px;
    transition:transform .2s ease, filter .2s ease;
}

.spm-key-product-logo svg{
    display:block;
    width:104px;
    height:auto;
    overflow:visible;
    filter:
        drop-shadow(0 0 10px color-mix(in srgb,var(--key-a) 35%, transparent))
        drop-shadow(0 10px 18px rgba(0,0,0,.24));
}

.spm-key-product-card:hover .spm-key-product-logo{
    transform:translateY(-2px) scale(1.05);
    filter:brightness(1.06);
}

.spm-key-product-logo .key-stop-a{stop-color:var(--key-c)}
.spm-key-product-logo .key-stop-b{stop-color:var(--key-a)}
.spm-key-product-logo .key-stop-c{stop-color:var(--key-b)}

.spm-key-product-logo .key-ring,
.spm-key-product-logo .key-shaft,
.spm-key-product-logo .key-tooth-a,
.spm-key-product-logo .key-tooth-b,
.spm-key-product-logo .key-tooth-c{
    fill:url(#keyMetal-vote);
    stroke:rgba(255,255,255,.28);
    stroke-width:1.35;
}

.spm-key-product-card.spm-key-vote-card .spm-key-product-logo .key-ring,
.spm-key-product-card.spm-key-vote-card .spm-key-product-logo .key-shaft,
.spm-key-product-card.spm-key-vote-card .spm-key-product-logo .key-tooth-a,
.spm-key-product-card.spm-key-vote-card .spm-key-product-logo .key-tooth-b,
.spm-key-product-card.spm-key-vote-card .spm-key-product-logo .key-tooth-c{fill:url(#keyMetal-vote)}

.spm-key-product-card.spm-key-lunar-card .spm-key-product-logo .key-ring,
.spm-key-product-card.spm-key-lunar-card .spm-key-product-logo .key-shaft,
.spm-key-product-card.spm-key-lunar-card .spm-key-product-logo .key-tooth-a,
.spm-key-product-card.spm-key-lunar-card .spm-key-product-logo .key-tooth-b,
.spm-key-product-card.spm-key-lunar-card .spm-key-product-logo .key-tooth-c{fill:url(#keyMetal-lunar)}

.spm-key-product-card.spm-key-solar-card .spm-key-product-logo .key-ring,
.spm-key-product-card.spm-key-solar-card .spm-key-product-logo .key-shaft,
.spm-key-product-card.spm-key-solar-card .spm-key-product-logo .key-tooth-a,
.spm-key-product-card.spm-key-solar-card .spm-key-product-logo .key-tooth-b,
.spm-key-product-card.spm-key-solar-card .spm-key-product-logo .key-tooth-c{fill:url(#keyMetal-solar)}

.spm-key-product-card.spm-key-cosmic-card .spm-key-product-logo .key-ring,
.spm-key-product-card.spm-key-cosmic-card .spm-key-product-logo .key-shaft,
.spm-key-product-card.spm-key-cosmic-card .spm-key-product-logo .key-tooth-a,
.spm-key-product-card.spm-key-cosmic-card .spm-key-product-logo .key-tooth-b,
.spm-key-product-card.spm-key-cosmic-card .spm-key-product-logo .key-tooth-c{fill:url(#keyMetal-cosmic)}

.spm-key-product-card.spm-key-blackhole-card .spm-key-product-logo .key-ring,
.spm-key-product-card.spm-key-blackhole-card .spm-key-product-logo .key-shaft,
.spm-key-product-card.spm-key-blackhole-card .spm-key-product-logo .key-tooth-a,
.spm-key-product-card.spm-key-blackhole-card .spm-key-product-logo .key-tooth-b,
.spm-key-product-card.spm-key-blackhole-card .spm-key-product-logo .key-tooth-c{fill:url(#keyMetal-blackhole)}

.spm-key-product-logo .key-ring-cut{
    fill:rgba(9,13,30,.9);
}

.spm-key-product-logo .key-glow-core{
    fill:color-mix(in srgb,var(--key-a) 16%, transparent);
}

.spm-key-product-logo .key-shine{
    fill:none;
    stroke:rgba(255,255,255,.52);
    stroke-width:3;
    stroke-linecap:round;
    opacity:.7;
}

.spm-key-product-card .spm-product-meta>span{
    color:var(--cyan);
}

.spm-key-product-card.spm-key-vote-card .product-title a{color:#c9ff84!important}
.spm-key-product-card.spm-key-lunar-card .product-title a{color:#96e7ff!important}
.spm-key-product-card.spm-key-solar-card .product-title a{color:#ffd870!important}
.spm-key-product-card.spm-key-cosmic-card .product-title a{color:#f3a4ff!important}
.spm-key-product-card.spm-key-blackhole-card .product-title a{color:#ff8ca0!important}

@media(max-width:700px){
    .spm-key-product-logo{
        width:98px;
        height:74px;
    }

    .spm-key-product-logo svg{
        width:90px;
    }
}
/* =========================================================
   ECONOMY GEM PACKAGE ARTWORK
   Actual gem logos for the Economy Gems page
   ========================================================= */

.spm-gem-product-card{
    --gem-a:#67ddff;
    --gem-b:#8aa2ff;
    --gem-c:#9d7cff;
    --gem-d:#e6fbff;
}

.spm-gem-product-card .spm-gem-product-media{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 50% 42%, rgba(255,255,255,.04), transparent 25%),
        radial-gradient(circle at 50% 44%, rgba(103,221,255,.16), transparent 44%),
        radial-gradient(circle at 68% 30%, rgba(157,124,255,.12), transparent 32%),
        linear-gradient(180deg, rgba(16,25,54,.98), rgba(10,18,39,.98))!important;
}

.spm-gem-product-card .spm-gem-product-media::before{
    content:"";
    position:absolute;
    inset:16px;
    border-radius:18px;
    border:1px solid rgba(103,221,255,.24);
    background:
        radial-gradient(circle at 50% 50%, rgba(103,221,255,.10), transparent 58%);
    pointer-events:none;
}

.spm-gem-product-logo{
    position:relative;
    z-index:2;
    width:92px;
    height:82px;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:transform .2s ease, filter .2s ease;
}

.spm-gem-product-logo svg{
    display:block;
    width:76px;
    height:auto;
    overflow:visible;
    filter:
        drop-shadow(0 0 8px rgba(103,221,255,.48))
        drop-shadow(0 10px 18px rgba(68,120,255,.20));
}

.spm-gem-product-card:hover .spm-gem-product-logo{
    transform:translateY(-2px) scale(1.06);
    filter:brightness(1.06);
}

.spm-gem-product-logo .gem-outline{
    fill:#66dcff;
    stroke:#d8f8ff;
    stroke-width:1.3;
    stroke-linejoin:round;
}

.spm-gem-product-logo .gem-facet-a{fill:#e9feff}
.spm-gem-product-logo .gem-facet-b{fill:#9af0ff}
.spm-gem-product-logo .gem-facet-c{fill:#67ddff}
.spm-gem-product-logo .gem-facet-d{fill:#8aa3ff}
.spm-gem-product-logo .gem-facet-e{fill:#51c4ff}
.spm-gem-product-logo .gem-facet-f{fill:#728fff}
.spm-gem-product-logo .gem-facet-g{fill:#9f7cff}

.spm-gem-product-logo .gem-line{
    fill:none;
    stroke:rgba(255,255,255,.46);
    stroke-width:1;
    vector-effect:non-scaling-stroke;
}

.spm-gem-product-logo .gem-shine{
    fill:rgba(255,255,255,.86);
}

.spm-gem-product-card .spm-product-meta>span{
    color:var(--cyan);
}

.spm-gem-product-card .product-title a{
    color:#dff8ff!important;
}

@media(max-width:700px){
    .spm-gem-product-logo{
        width:80px;
        height:72px;
    }

    .spm-gem-product-logo svg{
        width:68px;
    }
}
/* =========================================================
   ECONOMY BUNDLE PACKAGE ARTWORK
   Actual bundle / parcel logo for the bundle page
   ========================================================= */

.spm-bundle-product-card{
    --bundle-a:#67ddff;
    --bundle-b:#9d7cff;
    --bundle-top-a:#dff8ff;
    --bundle-top-b:#8eb9ff;
    --bundle-ribbon:#ffffff;
}

.spm-bundle-product-card.spm-bundle-starter-card{
    --bundle-a:#63e6ad;
    --bundle-b:#2fc7b0;
    --bundle-top-a:#eafff6;
    --bundle-top-b:#8ff0c7;
    --bundle-ribbon:#dcfff0;
}

.spm-bundle-product-card.spm-bundle-crate-card{
    --bundle-a:#ffbd59;
    --bundle-b:#ff8d45;
    --bundle-top-a:#fff3d4;
    --bundle-top-b:#ffd27d;
    --bundle-ribbon:#fff0c2;
}

.spm-bundle-product-card.spm-bundle-cosmic-card{
    --bundle-a:#cf7cff;
    --bundle-b:#7f4cff;
    --bundle-top-a:#f3ddff;
    --bundle-top-b:#c69cff;
    --bundle-ribbon:#fbe9ff;
}

.spm-bundle-product-card.spm-bundle-space-card{
    --bundle-a:#67ddff;
    --bundle-b:#9d7cff;
    --bundle-top-a:#ecfbff;
    --bundle-top-b:#b9a8ff;
    --bundle-ribbon:#f6f3ff;
}

.spm-bundle-product-card .spm-bundle-product-media{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 50% 44%, rgba(255,255,255,.04), transparent 24%),
        radial-gradient(circle at 50% 45%, color-mix(in srgb,var(--bundle-a) 18%, transparent), transparent 46%),
        radial-gradient(circle at 70% 28%, color-mix(in srgb,var(--bundle-b) 16%, transparent), transparent 34%),
        linear-gradient(180deg, rgba(16,25,54,.98), rgba(10,18,39,.98))!important;
}

.spm-bundle-product-card .spm-bundle-product-media::before{
    content:"";
    position:absolute;
    inset:16px;
    border-radius:18px;
    border:1px solid color-mix(in srgb,var(--bundle-a) 24%, rgba(143,170,255,.12));
    background:
        radial-gradient(circle at 50% 50%, color-mix(in srgb,var(--bundle-a) 10%, transparent), transparent 58%);
    pointer-events:none;
}

.spm-bundle-product-logo{
    position:relative;
    z-index:2;
    width:104px;
    height:84px;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:transform .2s ease, filter .2s ease;
}

.spm-bundle-product-logo svg{
    display:block;
    width:88px;
    height:auto;
    overflow:visible;
    filter:
        drop-shadow(0 0 8px color-mix(in srgb,var(--bundle-a) 34%, transparent))
        drop-shadow(0 10px 18px rgba(0,0,0,.22));
}

.spm-bundle-product-card:hover .spm-bundle-product-logo{
    transform:translateY(-2px) scale(1.06);
    filter:brightness(1.06);
}

.spm-bundle-product-logo .bundle-stop-a{stop-color:var(--bundle-a)}
.spm-bundle-product-logo .bundle-stop-b{stop-color:var(--bundle-b)}
.spm-bundle-product-logo .bundle-top-stop-a{stop-color:var(--bundle-top-a)}
.spm-bundle-product-logo .bundle-top-stop-b{stop-color:var(--bundle-top-b)}

.spm-bundle-product-logo .bundle-shadow{
    fill:rgba(0,0,0,.18);
}

.spm-bundle-product-logo .bundle-box-top{
    fill:url(#bundleTop-starter);
}

.spm-bundle-product-logo .bundle-box-left,
.spm-bundle-product-logo .bundle-box-right{
    fill:url(#bundleFace-starter);
}

.spm-bundle-product-card.spm-bundle-starter-card .spm-bundle-product-logo .bundle-box-top{fill:url(#bundleTop-starter)}
.spm-bundle-product-card.spm-bundle-starter-card .spm-bundle-product-logo .bundle-box-left,
.spm-bundle-product-card.spm-bundle-starter-card .spm-bundle-product-logo .bundle-box-right{fill:url(#bundleFace-starter)}

.spm-bundle-product-card.spm-bundle-crate-card .spm-bundle-product-logo .bundle-box-top{fill:url(#bundleTop-crate)}
.spm-bundle-product-card.spm-bundle-crate-card .spm-bundle-product-logo .bundle-box-left,
.spm-bundle-product-card.spm-bundle-crate-card .spm-bundle-product-logo .bundle-box-right{fill:url(#bundleFace-crate)}

.spm-bundle-product-card.spm-bundle-cosmic-card .spm-bundle-product-logo .bundle-box-top{fill:url(#bundleTop-cosmic)}
.spm-bundle-product-card.spm-bundle-cosmic-card .spm-bundle-product-logo .bundle-box-left,
.spm-bundle-product-card.spm-bundle-cosmic-card .spm-bundle-product-logo .bundle-box-right{fill:url(#bundleFace-cosmic)}

.spm-bundle-product-card.spm-bundle-space-card .spm-bundle-product-logo .bundle-box-top{fill:url(#bundleTop-space)}
.spm-bundle-product-card.spm-bundle-space-card .spm-bundle-product-logo .bundle-box-left,
.spm-bundle-product-card.spm-bundle-space-card .spm-bundle-product-logo .bundle-box-right{fill:url(#bundleFace-space)}

.spm-bundle-product-logo .bundle-box-left,
.spm-bundle-product-logo .bundle-box-right,
.spm-bundle-product-logo .bundle-box-top{
    stroke:rgba(255,255,255,.20);
    stroke-width:1.15;
    stroke-linejoin:round;
}

.spm-bundle-product-logo .bundle-ribbon-top,
.spm-bundle-product-logo .bundle-ribbon-front{
    fill:var(--bundle-ribbon);
    opacity:.92;
}

.spm-bundle-product-logo .bundle-spark{
    fill:rgba(255,255,255,.78);
}

.spm-bundle-product-card .spm-product-meta>span{
    color:var(--cyan);
}

.spm-bundle-product-card.spm-bundle-starter-card .product-title a{color:#dffcf0!important}
.spm-bundle-product-card.spm-bundle-crate-card .product-title a{color:#fff0d2!important}
.spm-bundle-product-card.spm-bundle-cosmic-card .product-title a{color:#f4deff!important}
.spm-bundle-product-card.spm-bundle-space-card .product-title a{color:#e5f8ff!important}

@media(max-width:700px){
    .spm-bundle-product-logo{
        width:94px;
        height:76px;
    }

    .spm-bundle-product-logo svg{
        width:80px;
    }
}