.vs-product-builder{--vs-builder-accent:var(--vs-weathered-brass,#b8914b);position:relative;isolation:isolate;display:grid;box-sizing:border-box;width:min(1120px,calc(100% - 2.5rem));gap:1rem;margin:clamp(2rem,5vw,5rem) auto;padding:clamp(1rem,3vw,2.25rem);overflow:hidden;border:1px solid color-mix(in srgb,var(--vs-builder-accent) 55%,rgba(240,236,226,.28));border-top:3px solid var(--vs-builder-accent);background:radial-gradient(circle at 88% 0,color-mix(in srgb,var(--vs-builder-accent) 17%,transparent),transparent 34rem),linear-gradient(145deg,rgba(15,18,20,.98),rgba(7,9,10,.99));box-shadow:0 1.3rem 3rem rgba(0,0,0,.36);color:var(--vs-pale-ash,#f0ece2)}
.vs-product-builder::before{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.022) 50%,transparent 50.2%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:7rem 100%,100% 3.5rem;content:"";pointer-events:none}
.vs-product-builder__intro{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;padding-bottom:1.15rem;border-bottom:1px solid color-mix(in srgb,var(--vs-builder-accent) 44%,rgba(240,236,226,.2))}.vs-product-builder__intro>div:first-child{max-width:54rem}.vs-product-builder__intro h2{max-width:18ch;margin:.1rem 0 .45rem;color:#fff;font-size:clamp(2rem,4vw,4.2rem);line-height:.96;letter-spacing:-.035em}.vs-product-builder__intro p:last-child{max-width:64ch;margin:.4rem 0 0;color:rgba(240,236,226,.75);font-size:1.02rem;line-height:1.55}.vs-product-builder__mark{display:grid;flex:0 0 8.5rem;gap:.35rem;justify-items:center;padding:.8rem;border:1px solid color-mix(in srgb,var(--vs-builder-accent) 55%,rgba(240,236,226,.3));color:var(--vs-builder-accent);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-align:center;text-transform:uppercase;background:rgba(7,9,10,.52)}.vs-product-builder__icon{width:2.5rem;height:2.5rem}
.vs-product-builder__controls{display:grid;grid-template-columns:minmax(14rem,.7fr) minmax(0,1.3fr);gap:.8rem;padding:.9rem;border:1px solid rgba(240,236,226,.16);background:rgba(255,255,255,.025)}.vs-product-builder__faction-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:.8rem}.vs-product-builder__controls label,.vs-product-builder__slot{display:grid;gap:.38rem;color:#fff;font-size:.8rem;font-weight:800;letter-spacing:.055em;text-transform:uppercase}.vs-product-builder :is(select,button){font:inherit}.vs-product-builder select{box-sizing:border-box;width:100%;min-height:2.8rem;padding:.52rem 2.3rem .52rem .7rem;border:1px solid color-mix(in srgb,var(--vs-builder-accent) 48%,rgba(240,236,226,.35));border-radius:.25rem;background:#0b0e10;color:#f0ece2}.vs-product-builder select:focus-visible,.vs-product-builder button:focus-visible{outline:3px solid color-mix(in srgb,var(--vs-builder-accent) 82%,white);outline-offset:3px}
.vs-product-builder__workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(19rem,.75fr);gap:1rem;align-items:start}.vs-product-builder__slots{display:grid;gap:.9rem;min-width:0}.vs-product-builder__faction-group{display:grid;gap:.8rem;padding:1rem;border:1px solid color-mix(in srgb,var(--vs-builder-accent) 40%,rgba(240,236,226,.18));background:rgba(255,255,255,.018)}.vs-product-builder__faction-group>header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:0 .15rem .55rem;border-bottom:1px solid rgba(240,236,226,.14)}.vs-product-builder__faction-group>header span{color:var(--vs-builder-accent);font-size:.67rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.vs-product-builder__faction-group>header h3{margin:0;color:#fff;font-size:1.3rem}.vs-product-builder__slot-group{min-width:0;margin:0;padding:1rem;border:1px solid rgba(240,236,226,.18);background:linear-gradient(125deg,rgba(255,255,255,.035),rgba(255,255,255,.012))}.vs-product-builder__slot-group legend{display:grid;gap:.2rem;max-width:calc(100% - 1rem);padding:0 .45rem;color:#fff}.vs-product-builder__slot-group legend>span{font-size:1.15rem;font-weight:800}.vs-product-builder__slot-group legend small{color:rgba(240,236,226,.66);font-weight:400;line-height:1.35}.vs-product-builder__slot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.7rem}.vs-product-builder__slot{padding:.7rem;border-left:2px solid var(--vs-builder-accent);background:rgba(4,6,7,.44)}.vs-product-builder__slot>span{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.vs-product-builder__slot>span small{color:var(--vs-builder-accent);font-size:.64rem}.vs-product-builder__slot select{font-size:.88rem;font-weight:500;letter-spacing:0;text-transform:none}.vs-product-builder__slot select:disabled{opacity:.62}
.vs-product-builder__summary{position:sticky;top:1rem;display:grid;gap:.8rem;padding:1rem;border:1px solid color-mix(in srgb,var(--vs-builder-accent) 54%,rgba(240,236,226,.25));background:linear-gradient(145deg,color-mix(in srgb,var(--vs-builder-accent) 10%,#111517),#090b0c);box-shadow:0 .8rem 1.8rem rgba(0,0,0,.28)}.vs-product-builder__summary>header{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem;padding-bottom:.7rem;border-bottom:1px solid rgba(240,236,226,.14)}.vs-product-builder__summary h3{margin:.1rem 0;color:#fff;font-size:1.25rem}.vs-product-builder__readiness{padding:.28rem .45rem;border:1px solid rgba(240,236,226,.25);color:rgba(240,236,226,.7);font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.vs-product-builder__readiness.is-ready{border-color:#82c980;color:#b9eab7;background:rgba(41,112,50,.2)}.vs-product-builder__summary ol{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}.vs-product-builder__summary li{display:grid;grid-template-columns:3.4rem minmax(0,1fr) auto;gap:.6rem;align-items:center;min-width:0;padding:.45rem;border:1px solid rgba(240,236,226,.12);background:rgba(0,0,0,.22)}.vs-product-builder__summary li img,.vs-product-builder__summary-placeholder{display:grid;width:3.4rem;height:3.8rem;place-items:center;object-fit:cover;background:#171a1c;color:var(--vs-builder-accent);font-weight:800}.vs-product-builder__summary li>span:nth-child(2){display:grid;min-width:0}.vs-product-builder__summary li small{color:var(--vs-builder-accent);font-size:.62rem;font-weight:800;letter-spacing:.065em;text-transform:uppercase}.vs-product-builder__summary li strong{overflow:hidden;color:#fff;font-size:.87rem;text-overflow:ellipsis;white-space:nowrap}.vs-product-builder__summary li em{color:rgba(240,236,226,.62);font-size:.7rem;font-style:normal}.vs-product-builder__summary li b{color:#fff;font-size:.82rem}.vs-product-builder__summary li.vs-product-builder__summary-empty{display:block;padding:1.1rem;color:rgba(240,236,226,.6);font-size:.86rem;text-align:center}
.vs-product-builder__total{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding-top:.7rem;border-top:1px solid rgba(240,236,226,.14)}.vs-product-builder__total>span{display:grid;color:#fff;font-size:.78rem;font-weight:800;letter-spacing:.055em;text-transform:uppercase}.vs-product-builder__total small{color:rgba(240,236,226,.55);font-size:.6rem;font-weight:500}.vs-product-builder__total strong{color:var(--vs-builder-accent);font-size:1.55rem}.vs-product-builder__status{min-height:2.7em;color:rgba(240,236,226,.72);font-size:.78rem;line-height:1.35}.vs-product-builder__basket{display:flex!important;align-items:center;justify-content:center;gap:.48rem;width:100%}.vs-product-builder__button-icon{width:1.05rem;height:1.05rem}.vs-product-builder__basket:disabled{cursor:not-allowed;filter:saturate(.15);opacity:.55}.vs-product-builder__prompt,.vs-product-builder__empty{display:grid;min-height:15rem;place-items:center;align-content:center;padding:1.5rem;border:1px dashed color-mix(in srgb,var(--vs-builder-accent) 48%,rgba(240,236,226,.3));text-align:center;background:rgba(255,255,255,.018)}.vs-product-builder__prompt-icon{width:2rem;height:2rem;color:var(--vs-builder-accent)}.vs-product-builder__prompt h3,.vs-product-builder__empty h3{margin:.4rem 0 .15rem;color:#fff}.vs-product-builder__prompt p,.vs-product-builder__empty p{max-width:40rem;margin:.2rem;color:rgba(240,236,226,.68)}
@media(max-width:860px){.vs-product-builder__workspace{grid-template-columns:1fr}.vs-product-builder__summary{position:static}.vs-product-builder__intro h2{max-width:22ch}}
@media(max-width:600px){.vs-product-builder{margin:2rem auto;padding:1rem}.vs-product-builder__intro{display:grid;gap:1rem}.vs-product-builder__mark{display:none}.vs-product-builder__controls{grid-template-columns:1fr}.vs-product-builder__slot-grid{grid-template-columns:1fr}.vs-product-builder__summary li{grid-template-columns:3rem minmax(0,1fr) auto}.vs-product-builder__summary li img,.vs-product-builder__summary-placeholder{width:3rem;height:3.35rem}}
@media(prefers-reduced-motion:reduce){.vs-product-builder *{scroll-behavior:auto!important;transition:none!important}}

/* Visual catalogue picker */
.vs-product-builder__native-select{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important}
.vs-product-builder__gallery-trigger{--vs-picker-accent:#47d0d0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.75rem;width:100%;min-height:4.25rem;padding:.85rem 1rem;border:1px solid color-mix(in srgb,var(--vs-picker-accent) 48%,#31494e);border-left:4px solid var(--vs-picker-accent);border-radius:2px;background:linear-gradient(115deg,color-mix(in srgb,var(--vs-picker-accent) 13%,#0b1719),#0b1315 70%);color:#f4f0e8;text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.vs-product-builder__gallery-trigger:hover,.vs-product-builder__gallery-trigger:focus-visible{border-color:var(--vs-picker-accent);background:linear-gradient(115deg,color-mix(in srgb,var(--vs-picker-accent) 20%,#0b1719),#101b1d 70%);color:#fff;transform:translateY(-1px)}
.vs-product-builder__gallery-trigger [data-vs-picker-label]{font-family:var(--vs-font-display,Georgia,serif);font-size:1.05rem;font-weight:700;line-height:1.2}
.vs-product-builder__gallery-trigger small{color:#8fdfe0;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.vs-product-picker{position:fixed;z-index:100000;inset:0;display:grid;place-items:center;padding:clamp(1rem,3vw,2.5rem);background:rgba(2,7,8,.82);backdrop-filter:blur(9px)}
.vs-product-picker__dialog{width:min(1120px,100%);max-height:min(86vh,900px);overflow:auto;border:1px solid #3c666c;border-top:3px solid #47d0d0;border-radius:3px;background:radial-gradient(circle at 88% 3%,rgba(71,208,208,.1),transparent 30%),#081214;color:#f4f0e8;box-shadow:0 30px 90px rgba(0,0,0,.62)}
.vs-product-picker__dialog>header{position:sticky;z-index:2;top:0;display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;padding:1.4rem 1.5rem 1rem;border-bottom:1px solid #233b3f;background:rgba(8,18,20,.96);backdrop-filter:blur(8px)}
.vs-product-picker__dialog h2{margin:.15rem 0 .35rem;color:#f5f0e7;font-size:clamp(1.65rem,3vw,2.5rem)}
.vs-product-picker__dialog header p:last-child{margin:0;color:#a9c6c8}
.vs-product-picker__close{flex:0 0 auto;width:2.7rem;height:2.7rem;border:1px solid #416269;border-radius:2px;background:#102326;color:#fff;font-size:1.8rem;line-height:1;cursor:pointer}
.vs-product-picker__close:hover,.vs-product-picker__close:focus-visible{border-color:#47d0d0;background:#18363a;color:#fff}
.vs-product-picker__tools{display:flex;align-items:end;justify-content:space-between;gap:1rem;padding:1rem 1.5rem 0}
.vs-product-picker__tools label{display:grid;gap:.35rem;width:min(30rem,100%);color:#f4f0e8;font-size:.78rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}
.vs-product-picker__tools input{width:100%;min-height:2.75rem;border:1px solid #35575d;border-radius:2px;background:#071012;color:#fff;padding:.65rem .8rem}
.vs-product-picker__clear{min-height:2.75rem;border:1px solid #586b6e;border-radius:2px;background:transparent;color:#dce9e9;padding:.6rem .9rem;cursor:pointer}
.vs-product-picker__clear:hover,.vs-product-picker__clear:focus-visible{border-color:#d65d55;color:#fff}
.vs-product-picker__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:1.25rem 1.5rem 1.5rem}
.vs-product-picker__card{--vs-picker-accent:#47d0d0;display:grid;grid-template-rows:11rem 1fr;min-width:0;padding:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--vs-picker-accent) 38%,#31494e);border-bottom:3px solid var(--vs-picker-accent);border-radius:2px;background:#0c191b;color:#f5f0e7;text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.vs-product-picker__card:hover,.vs-product-picker__card:focus-visible,.vs-product-picker__card[aria-pressed="true"]{transform:translateY(-3px);border-color:var(--vs-picker-accent);box-shadow:0 14px 34px color-mix(in srgb,var(--vs-picker-accent) 15%,transparent)}
.vs-product-picker__card[aria-pressed="true"]{outline:2px solid var(--vs-picker-accent);outline-offset:2px}
.vs-product-picker__visual{display:block;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--vs-picker-accent) 24%,#0b1416),#05090a)}
.vs-product-picker__visual img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.vs-product-picker__card:hover img{transform:scale(1.035)}
.vs-product-picker__placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,transparent 48%,color-mix(in srgb,var(--vs-picker-accent) 45%,transparent) 49% 51%,transparent 52%),radial-gradient(circle,var(--vs-picker-accent) 1px,transparent 1px);background-size:auto,18px 18px;opacity:.58}
.vs-product-picker__body{display:grid;align-content:start;gap:.42rem;padding:1rem}
.vs-product-picker__kicker{color:var(--vs-picker-accent);font-size:.67rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.vs-product-picker__body strong{font-family:var(--vs-font-display,Georgia,serif);font-size:1.2rem;line-height:1.15}
.vs-product-picker__description{min-height:2.8em;color:#b8cccc;font-size:.86rem;line-height:1.4}
.vs-product-picker__body small{color:#f1d99d;font-weight:800}
.vs-product-picker__empty{margin:0 1.5rem 1.5rem;padding:1rem;border:1px dashed #416269;color:#a9c6c8;text-align:center}
.vs-product-picker-open{overflow:hidden}
@media(max-width:780px){.vs-product-picker__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vs-product-picker__dialog>header,.vs-product-picker__tools{padding-left:1rem;padding-right:1rem}.vs-product-picker__grid{padding:1rem}.vs-product-picker__card{grid-template-rows:8.5rem 1fr}}
@media(max-width:520px){.vs-product-picker{padding:.5rem}.vs-product-picker__dialog{max-height:94vh}.vs-product-picker__tools{align-items:stretch;flex-direction:column}.vs-product-picker__grid{grid-template-columns:1fr}.vs-product-picker__card{grid-template-columns:7.5rem 1fr;grid-template-rows:auto}.vs-product-picker__visual{min-height:9rem}}
@media(prefers-reduced-motion:reduce){.vs-product-builder__gallery-trigger,.vs-product-picker__card,.vs-product-picker__visual img{transition:none!important}}
.vs-product-builder{box-sizing:border-box!important;width:min(1120px,calc(100% - 2.5rem))!important;max-width:none!important;margin-left:auto!important;margin-right:auto!important}
@media(max-width:560px){.vs-product-builder{width:min(1120px,calc(100% - 1.25rem))!important}}