.build-card{--bc-bg:#15181d;--bc-bg-top:#1a1f27;--bc-shadow:0 1px 2px #00000059, 0 10px 28px #0006;--bc-tier-bg:#4f8cff29;--bc-tier-ink:#7aa8ff;--bc-kpi:#1f242c;--bc-kpi-shadow:0 6px 14px #00000059;--bc-block:#1b1f26;--bc-total-from:#2c323d;--bc-total-to:#1c2129;grid-template-columns:minmax(0,1fr);grid-template-rows:subgrid;grid-row:span calc(var(--bc-parts,5) + 3);background:linear-gradient(180deg, var(--bc-bg-top) 0, var(--bc-bg) 120px);min-width:0;box-shadow:var(--bc-shadow);color:var(--text);border-radius:14px;row-gap:12px;padding:16px;display:grid}:root[data-theme=light] .build-card{--bc-bg:#fff;--bc-bg-top:#f7f9fd;--bc-shadow:0 1px 2px #1018280f, 0 8px 24px #10182814;--bc-tier-bg:#e8efff;--bc-tier-ink:var(--blue);--bc-kpi:#eff1f5;--bc-kpi-shadow:0 6px 14px #2557cf47;--bc-block:#f5f6f8;--bc-total-from:#262b35;--bc-total-to:#0d0f13}.build-card-head{flex-wrap:wrap;align-items:center;gap:8px;padding:2px 4px 0;display:flex}.build-card-head h3{font-size:var(--fs-card-title);margin:0;font-weight:600;line-height:1.45}.build-card-tier{background:var(--bc-tier-bg);color:var(--bc-tier-ink);font-size:var(--fs-note);white-space:nowrap;border-radius:999px;padding:2px 8px;font-weight:600;line-height:16px}.build-card-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.build-card-kpi{background:var(--bc-kpi);border-radius:10px;flex-direction:column;gap:2px;min-width:0;padding:10px 12px;display:flex}.build-card-kpi.is-primary{box-shadow:var(--bc-kpi-shadow);color:#fff;background-image:linear-gradient(#ffffff29 0%,#fff0 55%),linear-gradient(135deg,#3068e3 0%,#1d47ad 100%)}.build-card-kpi-label{font-size:var(--fs-meta);color:var(--muted);line-height:16px}.build-card-kpi-value{font-size:var(--fs-figure);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700;line-height:24px}.build-card-unit{font-size:var(--fs-meta);color:var(--muted);margin-left:4px;font-weight:500}.build-card-kpi.is-primary :is(.build-card-kpi-label,.build-card-unit){color:#fffc}.build-card-parts{grid-template-columns:max-content minmax(0,1fr) auto auto;grid-template-rows:subgrid;grid-row:span var(--bc-parts,5);row-gap:6px;margin:0;display:grid}.build-card-part{grid-column:1/-1;grid-template-columns:subgrid;background:var(--bc-block);border-radius:10px;align-items:center;column-gap:10px;padding:9px 12px;transition:background .15s;display:grid;position:relative}.build-card-part dt{font-size:var(--fs-meta);color:var(--muted);white-space:nowrap;line-height:20px}.build-card-part dd{min-width:0;margin:0}.build-card-what{flex-direction:column;gap:1px;display:flex}.build-card-name{font-size:var(--fs-data);color:var(--text);font-weight:600;line-height:20px}a.build-card-name{z-index:1;position:relative}a.build-card-name:hover{color:var(--blue)}.build-card-sub{font-size:var(--fs-meta);color:var(--muted);line-height:16px}.build-card-price{font-size:var(--fs-data);font-variant-numeric:tabular-nums;white-space:nowrap;flex-direction:column;align-items:flex-end;gap:1px;font-weight:600;line-height:20px;display:flex}.build-card-cart{align-items:center;display:flex}.build-card-buy{background:color-mix(in srgb, var(--blue) 12%, transparent);width:30px;height:30px;color:var(--blue);border-radius:50%;place-items:center;transition:background .15s,color .15s;display:grid}.build-card-buy svg{width:16px;height:16px}.build-card-buy:after{content:"";border-radius:10px;position:absolute;inset:0}.build-card-buy:focus-visible{outline:none}.build-card-part.has-buy:hover{background:color-mix(in srgb, var(--blue) 9%, var(--bc-block))}.build-card-part.has-buy:hover .build-card-buy{background:var(--blue);color:#fff}.build-card-part:has(.build-card-buy:focus-visible){outline:2px solid var(--blue);outline-offset:2px}.build-card-ref{font-size:var(--fs-note);color:var(--dim);font-weight:400;line-height:16px}.build-card-total{background-image:linear-gradient(180deg, #ffffff12 0%, #fff0 60%), linear-gradient(135deg, var(--bc-total-from) 0%, var(--bc-total-to) 100%);color:#fff;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.build-card-total>span:first-child{font-size:var(--fs-meta);color:#ffffffb8;font-weight:600}.build-card-total>span:last-child{font-size:var(--fs-figure);font-variant-numeric:tabular-nums;font-weight:700;line-height:24px}@media (width<=767px){.build-card{padding:14px}}