.builder{padding-top:64px}.builder .layout{grid-template-columns:1.55fr 1fr;min-height:calc(100vh - 64px);display:grid}@media (width<=980px){.builder .layout{grid-template-columns:1fr}}.builder .left{border-right:1px solid var(--line);padding:34px 40px 80px}.builder .steps{flex-wrap:wrap;gap:8px;margin-bottom:30px;display:flex}.builder .snub{letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--line);color:#787e86;cursor:pointer;border-radius:99px;padding:7px 13px;font-size:11px;font-weight:700}.builder .snub.on{background:var(--ghost);color:var(--ink);border-color:var(--ghost)}.builder .snub.done{color:var(--ghost);border-color:#ffffff59}.builder h2{letter-spacing:.07em;margin-bottom:6px;font-size:26px}.builder .sub{color:var(--silver);margin-bottom:24px;font-size:13.5px;font-weight:300;line-height:1.6}.builder .cards{grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:12px;display:grid}.builder .card{background:var(--graphite);border:1px solid var(--line);cursor:pointer;border-radius:11px;transition:transform .25s,border-color .25s;position:relative;overflow:hidden}.builder .card:hover{border-color:#ffffff4d;transform:translateY(-4px)}.builder .card.sel{border-color:var(--ghost)}.builder .cimg{aspect-ratio:1/.85;background-color:#101114;background-position:50%;background-size:cover}.builder .cbody{padding:13px 15px 15px}.builder .cbody h4{font-family:Inter,sans-serif;font-size:13.5px;font-weight:600;line-height:1.35}.builder .cbody .meta{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.builder .cbody .pr{color:var(--silver);font-size:13px}.builder .cbody .pr .was{color:#5c6167;margin-right:6px;text-decoration:line-through}.builder .cbody .pr .inc{color:var(--ghost);font-weight:700}.builder .cbody button{background:var(--ghost);color:var(--ink);cursor:pointer;border:none;border-radius:5px;padding:7px 14px;font-size:11px;font-weight:700}.builder .cnote{color:#787e86;margin-top:6px;font-size:10.5px;line-height:1.5}.builder .catrow{flex-wrap:wrap;gap:8px;margin:0 0 20px;display:flex}.builder .catpill{border:1px solid var(--line);color:#c5c8cc;cursor:pointer;border-radius:99px;padding:8px 16px;font-size:11.5px;font-weight:600}.builder .catpill.on{background:var(--ghost);color:var(--ink);border-color:var(--ghost)}.builder .right{background:var(--graphite);align-self:start;max-height:calc(100vh - 64px);padding:28px 30px 60px;position:sticky;top:64px;overflow:auto}.builder .right h3{letter-spacing:.1em;margin-bottom:14px;font-size:17px}.builder .preview{border:1px solid var(--line);background:var(--ink);border-radius:11px;margin-bottom:18px;overflow:hidden}.builder .pv-img{aspect-ratio:16/6;background:linear-gradient(160deg,#17191d,#0c0d10)}.builder .pv-rail{padding:12px 14px}.builder .pv-rail .lbl{letter-spacing:.24em;color:#787e86;text-transform:uppercase;margin-bottom:8px;font-size:9.5px;font-weight:700}.builder .track{border:1px solid var(--line);background:repeating-linear-gradient(90deg,#17191d 0 14px,#131519 14px 16px);border-radius:7px;align-items:center;gap:6px;min-height:52px;padding:6px;display:flex}.builder .slot{background-position:50%;background-size:cover;border:1px solid #fff3;border-radius:6px;flex:none;width:46px;height:46px}.builder .slot.empty{background:0 0;border:1px dashed #33383f}.builder .cartline{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:8px 0;font-size:12.5px;display:flex}.builder .cartline .nm{flex:1;line-height:1.35}.builder .tag{letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;border-radius:99px;padding:3px 7px;font-size:9px;font-weight:800}.builder .tag.inc{background:var(--ghost);color:var(--ink)}.builder .tag.t1{color:#fff;background:#3a3f46}.builder .tag.t2{color:#cfd3d8;border:1px solid var(--line);background:0 0}.builder .was2{color:#5c6167;margin-right:5px;font-size:11px;text-decoration:line-through}.builder .rm{color:#5c6167;cursor:pointer;background:0 0;border:none;font-size:14px}.builder .totals{margin-top:14px;font-size:13.5px}.builder .totals div{justify-content:space-between;padding:4px 0;display:flex}.builder .totals .grand{border-top:1px solid var(--line);margin-top:7px;padding-top:12px;font-family:Oswald,sans-serif;font-size:22px}.builder .savings{color:#9fe8a9;font-size:12.5px}.builder .nextbtn{background:var(--ghost);width:100%;color:var(--ink);cursor:pointer;border:none;border-radius:7px;margin-top:16px;padding:13px;font-size:13px;font-weight:700;display:block}.builder .checkout-note{color:#787e86;text-align:center;margin-top:10px;font-size:11.5px}
