/* The existing server-priced builder, presented inside the page. */
.onyx-theme .mix-experience-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.onyx-theme .mix-experience-choice{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;min-width:0;padding:18px 22px;border:1px solid var(--line-strong);border-radius:14px;background:rgba(18,34,40,.6);color:var(--text);text-decoration:none;transition:border-color .18s,background-color .18s}
.onyx-theme .mix-experience-choice:hover,.onyx-theme .mix-experience-choice:focus-visible{border-color:var(--accent);background:rgba(15,58,67,.55)}
.onyx-theme .mix-experience-choice:focus-visible,.onyx-theme .mix-experience-builder summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.onyx-theme .mix-experience-choice>img{grid-column:1/-1;width:100%;height:clamp(130px,19vw,240px);object-fit:contain;filter:drop-shadow(0 12px 12px #0005)}
.onyx-theme .mix-experience-choice-copy{display:grid;gap:4px}
.onyx-theme .mix-experience-choice-copy>span{font-size:14px;color:var(--muted)}
.onyx-theme .mix-experience-choice-copy>strong{font-size:22px;font-weight:600;letter-spacing:-.02em}
.onyx-theme .mix-experience-choice-arrow{font-size:26px;color:var(--accent)}
.onyx-theme .mix-experience-example{margin:12px 0 0;color:var(--muted);font-size:12px;line-height:1.6}
.onyx-theme .mix-experience-intro p:not(.onyx-kicker){color:var(--muted);line-height:1.7}
.onyx-theme .mix-experience-product{margin:36px 0 48px;padding-top:32px;border-top:1px solid var(--line)}
.onyx-theme .mix-experience-product>.mix-experience-choices{max-width:700px;margin:24px 0 0}
.onyx-theme .mix-experience-intro h2{font-size:clamp(25px,3vw,40px);line-height:1.15;letter-spacing:-.04em;margin:10px 0 14px}
.onyx-theme .mix-experience-prompt{margin:20px 0;padding:18px;border:1px solid rgba(0,199,221,.35);border-radius:12px;background:rgba(0,199,221,.035)}
.onyx-theme .mix-experience-prompt>strong{display:block;font-size:16px}
.onyx-theme .mix-experience-prompt>p{font-size:13px;line-height:1.65;margin:7px 0 14px;color:var(--muted)}
.onyx-theme .mix-experience-choices.is-compact{gap:10px}
.onyx-theme .is-compact .mix-experience-choice{padding:12px;gap:8px;border-radius:9px}
.onyx-theme .is-compact .mix-experience-choice-copy>strong{font-size:17px}
.onyx-theme .is-compact .mix-experience-choice-copy>span{font-size:12px}
.onyx-theme .mix-experience-builder{grid-column:1/-1;min-width:0;margin:28px 0 0;border:1px solid var(--line-strong);border-radius:16px;background:rgba(13,24,29,.86);scroll-margin-top:calc(var(--nav-h,90px) + 30px)}
.onyx-theme .mix-experience-builder>summary{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:86px;padding:22px 26px;cursor:pointer;list-style:none}
.onyx-theme .mix-experience-builder>summary::-webkit-details-marker{display:none}
.onyx-theme .mix-experience-builder>summary strong{display:block;font-size:18px}
.onyx-theme .mix-experience-builder>summary small{display:block;font-size:13px;line-height:1.6;color:var(--muted);margin-top:6px}
.onyx-theme .mix-experience-chevron{font-size:26px;color:var(--accent)}
.onyx-theme .mix-experience-builder[open] .mix-experience-chevron{transform:rotate(45deg)}
.onyx-theme .mix-experience-tools{padding:0 26px 4px}
.onyx-theme .mix-experience-tools>label{display:block;font-size:13px;font-weight:600;margin:0 0 8px}
.onyx-theme .mix-experience-tools input{width:100%;min-height:48px;padding:10px 14px;border:1px solid var(--line-strong);border-radius:8px;background:var(--void);color:var(--text);font:inherit;font-size:16px}
.onyx-theme .mix-experience-tools input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.onyx-theme .mix-experience-status{min-height:1.6em;font-size:13px;line-height:1.6;color:var(--accent-text);margin:8px 0}
.onyx-theme .mix-experience-builder .mixbox{border:0;border-radius:0;background:none;padding:0 26px 26px}
.onyx-theme .mix-experience-builder .mixbox-grid{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:24px}
.onyx-theme .mix-experience-builder .mixbox-sizes{margin-bottom:20px;gap:12px}
.onyx-theme .mix-experience-builder .mixbox-size{min-width:130px;min-height:58px;background:var(--surface)}
.onyx-theme .mix-experience-builder .mixbox-size.is-selected{background:rgba(0,199,221,.12)}
.onyx-theme .mix-experience-builder .mixbox-list{max-height:550px;overflow-y:auto;overscroll-behavior-y:auto;padding:4px;scrollbar-color:var(--line-strong) transparent}
.onyx-theme .mix-experience-builder .mixbox-row{grid-template-columns:52px minmax(0,1fr) auto;gap:12px;padding:12px;background:rgba(14,27,33,.65)}
.onyx-theme .mix-experience-builder .mixbox-row[hidden]{display:none}
.onyx-theme .mix-experience-builder .mr-shot{width:52px;height:76px;background:none;border-radius:0;overflow:visible}
.onyx-theme .mix-experience-builder .mr-shot img{width:100%;height:100%;object-fit:contain}
.onyx-theme .mix-experience-builder .mr-name{white-space:normal;line-height:1.4;font-size:14px}
.onyx-theme .mix-experience-builder .mr-price{margin-top:5px;font-size:14px}
.onyx-theme .mix-experience-builder .mr-stock{font-size:10px;letter-spacing:.03em}
.onyx-theme .mix-experience-builder .mr-step{gap:4px}
.onyx-theme .mix-experience-builder .mr-btn{width:44px;height:44px}
.onyx-theme .mix-experience-builder .mr-qty{width:40px;height:44px;font-size:16px}
.onyx-theme .mix-experience-builder .mixbox-summary{position:static;min-width:0;padding:20px;background:rgba(28,47,55,.65)}
.onyx-theme .mix-experience-builder .mixbox-chip{grid-template-columns:minmax(0,1fr) auto auto}
.onyx-theme .mix-experience-builder .mc-name{white-space:normal;overflow-wrap:anywhere}
.onyx-theme .mix-experience-builder .mc-drop{min-width:44px;min-height:44px}
.onyx-theme .mix-experience-builder .mixbox-note{font-size:12px;line-height:1.65}
.onyx-theme .mix-experience-builder .mixbox-add{min-height:48px;width:100%;white-space:normal}
.onyx-theme .mix-experience-builder .mixbox-clear{min-height:44px}
.onyx-theme .mix-experience-builder .mixbox-add:disabled{opacity:.45;cursor:not-allowed}
.onyx-theme .mix-experience-builder .mixbox-actions{display:grid;gap:8px}
.onyx-theme .mix-experience-notices{padding:0 20px}
.onyx-theme .mix-experience-fallback{padding:0 20px 24px}
.onyx-theme .mix-experience-fallback>label{display:block;margin-bottom:8px;font-weight:600}
.onyx-theme .mix-experience-fallback>p{color:var(--muted);font-size:14px;line-height:1.6}
.onyx-theme .mix-experience-fallback select,.onyx-theme .mix-experience-fallback input[type="number"]{min-height:48px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;font-size:16px;padding:8px}
.onyx-theme .mix-experience-fallback-list{display:grid;gap:10px;margin:20px 0}
.onyx-theme .mix-experience-fallback-row{display:grid;grid-template-columns:42px minmax(0,1fr) 65px;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.onyx-theme .mix-experience-fallback-row>label{font-size:14px;line-height:1.5}
.onyx-theme .mix-experience-fallback-row small{display:block;color:var(--muted);margin-top:4px}
.onyx-theme .mix-experience-fallback-row .mr-shot{width:42px;height:64px;background:none}
.onyx-theme .mix-experience-fallback-row .mr-shot img{object-fit:contain}
@media(max-width:1000px){.onyx-theme .mix-experience-builder .mixbox-grid{grid-template-columns:minmax(0,1fr)}.onyx-theme .mix-experience-builder .mixbox-summary{max-width:none}.onyx-theme .mix-experience-builder .mixbox-list{max-height:460px}}
@media(max-width:600px){.onyx-theme .mix-experience-choices{gap:10px}.onyx-theme .mix-experience-choice{padding:12px;gap:6px}.onyx-theme .mix-experience-choice-copy>strong{font-size:20px}.onyx-theme .mix-experience-choice>img{height:145px}.onyx-theme .mix-experience-choice-arrow{font-size:23px}.onyx-theme .mix-experience-builder{margin-top:22px;border-radius:12px}.onyx-theme .mix-experience-builder>summary{padding:18px 16px}.onyx-theme .mix-experience-builder>summary strong{font-size:16px}.onyx-theme .mix-experience-tools{padding:0 14px 4px}.onyx-theme .mix-experience-builder .mixbox{padding:0 10px 12px}.onyx-theme .mix-experience-builder .mixbox-size{min-width:0;flex:1;padding:10px 14px}.onyx-theme .mix-experience-builder .mixbox-row{grid-template-columns:38px minmax(0,1fr);gap:8px;padding:10px}.onyx-theme .mix-experience-builder .mr-shot{width:38px;height:67px}.onyx-theme .mix-experience-builder .mr-step{grid-column:2;justify-self:start;margin-top:3px}.onyx-theme .mix-experience-builder .mr-qty{width:54px}.onyx-theme .mix-experience-builder .mixbox-summary{padding:16px}.onyx-theme .mix-experience-builder .mixbox-grid{gap:16px}.onyx-theme .mix-experience-builder .mixbox-list{max-height:460px}.onyx-theme .mix-experience-prompt{padding:14px}.onyx-theme .mix-experience-product{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.onyx-theme .mix-experience-choice{transition:none}}