/* The Qurated configurator. Override the variables on .qc to match your theme. */
.qc{container-type:inline-size;--qc-ink:#18211E;--qc-muted:#56635E;--qc-line:#CDD6CF;--qc-card:#fff;--qc-soft:#EEF2ED;--qc-accent:#C8A253;--qc-accent-ink:#0B201C;--qc-main:#12302A;--qc-err:#B92D45;color:var(--qc-ink);font-size:1rem;line-height:1.5}
.qc *,.qc *::before,.qc *::after{box-sizing:border-box}
.qc-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:start}
.qc-preview{position:sticky;top:6rem}
.qc-figure{margin:0;border-radius:22px;overflow:hidden;aspect-ratio:4/5;background:radial-gradient(90% 70% at 50% 35%,#FFFDF7 0%,#F1EEE5 55%,#E2E6DF 100%)}
.qc-figure img{width:100%;height:100%;object-fit:cover;display:block}
.qc-figure.qc-live{display:grid;place-items:center;padding:1rem}
.qc-figure svg{width:100%;height:100%}
.qc-cap{margin:.8rem 0 0;color:var(--qc-muted);font-size:.95rem}
.qc-chips{display:flex;gap:.35rem;align-items:center;flex-wrap:wrap;margin-top:.5rem;font-size:.92rem;color:var(--qc-muted)}
.qc-chips i,.qc-roles i{width:16px;height:16px;border-radius:50%;display:inline-block;box-shadow:0 0 0 1px var(--qc-line)}
.qc .qc-fs{border:0;margin:0 0 1.8rem;padding:0;min-width:0}
.qc .qc-fs legend{font-size:1.25rem;font-weight:600;margin:0 0 .8rem;padding:0}
.qc-hint{color:var(--qc-muted);font-size:.95rem;margin:-.3rem 0 .9rem}
.qc-trees{display:grid;gap:.6rem}
.qc-opt{position:relative;display:flex;align-items:center;gap:.9rem;padding:.95rem 1.05rem;border-radius:14px;background:var(--qc-card);box-shadow:inset 0 0 0 1.5px var(--qc-line);cursor:pointer;margin:0}
.qc-opt input{position:absolute;opacity:0;pointer-events:none}
.qc-opt:has(input:checked){box-shadow:inset 0 0 0 2px var(--qc-accent),0 6px 18px rgba(18,48,42,.08)}
.qc-opt:has(input:focus-visible){outline:2px solid var(--qc-accent);outline-offset:3px}
.qc-opt-b{flex:1}.qc-t{display:block;font-weight:600}.qc-s{display:block;font-size:.88rem;color:var(--qc-muted)}.qc-r{font-weight:600;white-space:nowrap}
.qc-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}
.qc .qc-slot{all:unset;box-sizing:border-box;display:block;cursor:pointer;padding:.85rem .9rem;border-radius:14px;background:var(--qc-card);box-shadow:inset 0 0 0 1.5px var(--qc-line);color:var(--qc-ink);font-size:.95rem;line-height:1.3}
.qc .qc-slot[aria-pressed="true"]{box-shadow:inset 0 0 0 2px var(--qc-accent),0 6px 18px rgba(18,48,42,.08)}
.qc .qc-slot:focus-visible,.qc .qc-sw:focus-visible{outline:2px solid var(--qc-accent);outline-offset:3px}
.qc-chip{width:28px;height:28px;border-radius:50%;display:block;margin-bottom:.5rem;box-shadow:0 0 0 1px var(--qc-line)}
.qc-k{display:block;font-size:.8rem;color:var(--qc-muted)}.qc-v{font-weight:600}
.qc-palette{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem .4rem;margin-top:1.1rem}
.qc .qc-sw{all:unset;box-sizing:border-box;cursor:pointer;display:grid;justify-items:center;align-content:start;gap:.4rem;text-align:center;font-size:.78rem;line-height:1.2;color:var(--qc-ink);border-radius:10px;padding:.2rem 0}
.qc-sw i{width:42px;height:42px;border-radius:50%;display:block;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12),0 0 0 1px var(--qc-line)}
.qc-sw[aria-pressed="true"] i{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--qc-accent)}
.qc-sw small{color:var(--qc-muted);font-size:.72rem}
.qc-none i{background:repeating-linear-gradient(135deg,#fff 0 6px,#e7ece6 6px 12px)}
.qc-price{font-size:1.6rem;font-weight:600;margin:0 0 1rem}.qc-price small{font-size:.85rem;font-weight:400;color:var(--qc-muted)}
.qc-actions{display:flex;gap:.7rem;flex-wrap:wrap}
.qc .qc-btn{all:unset;box-sizing:border-box;flex:1 1 180px;display:inline-flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;font-weight:600;font-size:1rem;line-height:1;padding:1rem 1.4rem;border-radius:999px;transition:transform .15s ease,background .2s ease}
.qc .qc-btn:focus-visible{outline:2px solid var(--qc-accent);outline-offset:3px}
.qc .qc-btn:active{transform:scale(.98)}
.qc .qc-btn[disabled]{opacity:.45;cursor:not-allowed}
.qc .qc-btn-main{background:var(--qc-accent);color:var(--qc-accent-ink)}
.qc .qc-btn-ghost{color:var(--qc-ink);box-shadow:inset 0 0 0 1.5px currentColor}
.qc-status{min-height:1.5em;margin:.8rem 0 1.2rem;font-size:.95rem;color:var(--qc-muted)}
.qc-status a{color:var(--qc-ink);font-weight:600}
.qc-status.qc-err{color:var(--qc-err)}
.qc-warn{display:flex;gap:.85rem;align-items:flex-start;border:2px solid currentColor;border-radius:12px;padding:.9rem 1rem;font-size:.92rem;line-height:1.45}
.qc-warn svg{flex-shrink:0;margin-top:1px}.qc-warn strong{display:block;letter-spacing:.02em}
.qc-dialog{border:0;border-radius:22px;padding:0;width:min(1120px,calc(100% - 1.5rem));max-height:calc(100dvh - 2rem);background:var(--qc-card);color:var(--qc-ink);box-shadow:0 30px 80px rgba(0,0,0,.35)}
.qc-dialog::backdrop{background:rgba(11,32,28,.7)}
.qc-dlg{display:grid;grid-template-columns:1.5fr .8fr}
.qc-dlg-stage{position:relative;background:radial-gradient(90% 70% at 50% 35%,#FFFDF7 0%,#F1EEE5 55%,#E2E6DF 100%);display:grid;place-items:center;padding:1rem}
.qc-dlg-stage>div{width:100%}.qc-dlg-stage svg{width:100%;height:auto;max-height:80dvh}
.qc .qc-x{all:unset;position:absolute;top:.8rem;right:.8rem;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.9);cursor:pointer;font-size:1.4rem;line-height:40px;text-align:center;color:#18211E;z-index:2}
.qc-dlg-info{padding:2rem 1.8rem;display:flex;flex-direction:column;gap:1rem}
.qc-dlg-info h3{margin:0;font-size:1.9rem}
.qc-roles{display:grid;gap:.55rem}.qc-roles div{display:flex;gap:.7rem;align-items:center;font-size:.95rem}.qc-roles span{color:var(--qc-muted);min-width:9.5em}
.qc-dprice{font-size:1.6rem;font-weight:600;margin:0}.qc-dprice small{display:block;font-size:.85rem;font-weight:400;color:var(--qc-muted)}
.qc-note{font-size:.85rem;color:var(--qc-muted);margin:0}
.qc-dlg-actions{display:grid;gap:.6rem;margin-top:auto}
/* Layout follows the space the configurator is given, not the screen. */
@container (max-width:760px){.qc-grid{grid-template-columns:1fr}.qc-preview{position:relative;top:0}.qc-figure{aspect-ratio:1/1;max-height:520px;margin-inline:auto}}
@container (max-width:480px){.qc-palette{grid-template-columns:repeat(4,1fr)}.qc-slots{grid-template-columns:1fr}.qc .qc-slot{display:flex;gap:.7rem;align-items:center}.qc-chip{margin:0}}
@media (max-width:760px){.qc-dlg{grid-template-columns:1fr}.qc-dlg-stage svg{max-height:46dvh}.qc-dlg-info{padding:1.4rem}}
@media (prefers-reduced-motion:reduce){.qc *{transition:none!important}}
/* v1.1 colour model */
.qc-chosen{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;margin-bottom:.9rem;min-height:2.2rem}
.qc-chosen .qc-k{width:100%;font-size:.85rem;color:var(--qc-muted)}
.qc-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.3rem .35rem .3rem .4rem;border-radius:999px;background:var(--qc-card);box-shadow:inset 0 0 0 1.5px var(--qc-line);font-size:.9rem;font-weight:600}
.qc-pill i{width:20px;height:20px;border-radius:50%;box-shadow:0 0 0 1px var(--qc-line)}
.qc .qc-pill button{all:unset;cursor:pointer;width:22px;height:22px;border-radius:50%;text-align:center;line-height:21px;color:var(--qc-muted);font-size:1rem}
.qc .qc-pill button:hover{background:var(--qc-soft);color:var(--qc-ink)}
.qc-limit{min-height:1.3em;margin:.6rem 0 0;font-size:.9rem;color:var(--qc-err)}
.qc-one{background:var(--qc-soft);border-radius:12px;padding:.9rem 1rem;margin:0;font-size:.95rem}
.qc-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.45rem 0;border-bottom:1px solid var(--qc-line)}
.qc-row:last-of-type{border-bottom:0}
.qc-quick{background:var(--qc-soft);border-radius:12px;padding:.55rem .8rem;border-bottom:0;margin-bottom:.4rem}
.qc-pl{font-size:.95rem}
.qc-chips{display:flex;gap:.4rem}
.qc .qc-chipbtn{all:unset;box-sizing:border-box;cursor:pointer;width:34px;height:34px;border-radius:50%;display:grid;place-items:center}
.qc-chipbtn i{width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12),0 0 0 1px var(--qc-line)}
.qc .qc-chipbtn[aria-pressed="true"] i{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--qc-accent)}
.qc .qc-chipbtn:focus-visible,.qc .qc-mini:focus-visible,.qc .qc-link:focus-visible,.qc .qc-tab:focus-visible{outline:2px solid var(--qc-accent);outline-offset:2px}
.qc .qc-mini{all:unset;cursor:pointer;font-size:.85rem;font-weight:600;padding:.4rem .75rem;border-radius:999px;box-shadow:inset 0 0 0 1.5px var(--qc-line);background:var(--qc-card)}
.qc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.qc-resets{display:flex;gap:1.4rem;margin:-.6rem 0 1.2rem}
.qc .qc-link{all:unset;cursor:pointer;font-size:.92rem;font-weight:600;color:var(--qc-ink);text-decoration:underline;text-underline-offset:3px}
.qc-tabs{display:inline-flex;gap:.3rem;margin-bottom:.7rem;background:var(--qc-soft);padding:.25rem;border-radius:999px}
.qc .qc-tab{all:unset;cursor:pointer;font-size:.88rem;font-weight:600;padding:.4rem .9rem;border-radius:999px;color:var(--qc-muted)}
.qc .qc-tab[aria-pressed="true"]{background:var(--qc-card);color:var(--qc-ink);box-shadow:0 1px 4px rgba(0,0,0,.08)}
.qc-tabs[hidden]{display:none}
.qc-group{margin:1rem 0 .2rem;font-size:.8rem;font-weight:700;letter-spacing:.04em;color:var(--qc-muted)}
/* v1.3 labels + requests */
.qc-capline{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:.8rem}
.qc-capline .qc-cap{margin:0}
.qc-capline .qc-mini[hidden]{display:none}
.qc-legend{list-style:none;margin:.9rem 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:.35rem .9rem;font-size:.88rem}
.qc-legend[hidden]{display:none}
.qc-legend li{display:flex;align-items:center;gap:.45rem;min-width:0}
.qc-legend b{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:#18211E;color:#fff;font-size:.72rem;display:grid;place-items:center}
.qc-legend i{flex-shrink:0;width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 1px var(--qc-line)}
.qc-legend span{color:var(--qc-muted)}
.qc-legend em{font-style:normal;font-weight:600}
.qc-roles{grid-template-columns:1fr;margin:0}
.qc-roles:not(.qc-roles-pins) b{display:none}
.qc-opt-l{font-weight:400;color:var(--qc-muted);font-size:.95rem}
.qc .qc-request{width:100%;font:inherit;font-size:1rem;padding:.8rem 1rem;border-radius:12px;border:0;box-shadow:inset 0 0 0 1.5px var(--qc-line);background:var(--qc-card);color:var(--qc-ink);resize:vertical;min-height:84px}
.qc .qc-request:focus{outline:none;box-shadow:inset 0 0 0 2px var(--qc-accent)}
.qc-note-foot{display:flex;gap:1rem;justify-content:space-between;align-items:flex-start;margin-top:.5rem}
.qc-disclaimer{margin:0;font-size:.85rem;color:var(--qc-muted);line-height:1.45}
.qc-count{font-size:.8rem;color:var(--qc-muted);white-space:nowrap}
.qc-head{margin-bottom:1.8rem}.qc .qc-h2{margin:0 0 .6rem;font-size:clamp(1.8rem,3.5vw,2.6rem);line-height:1.1}.qc .qc-intro{margin:0;color:var(--qc-muted)}
.qc-parts{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem;margin:.9rem 0 .7rem}
.qc .qc-part{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.75rem .85rem;border-radius:14px;background:var(--qc-card);box-shadow:inset 0 0 0 1.5px var(--qc-line);font-family:inherit;color:var(--qc-ink);min-width:0}
.qc .qc-part i{width:22px;height:22px;border-radius:50%;margin-bottom:.45rem;box-shadow:inset 0 0 0 2px rgba(255,255,255,.35),0 0 0 1px var(--qc-line)}
.qc .qc-part-k{font-size:.78rem;color:var(--qc-muted);line-height:1.2}
.qc .qc-part-v{font-weight:600;font-size:.95rem;line-height:1.25;overflow-wrap:anywhere}
.qc .qc-part[aria-checked="true"]{box-shadow:inset 0 0 0 2px var(--qc-accent),0 4px 14px rgba(200,162,83,.18)}
.qc .qc-part:focus-visible,.qc .qc-secb:focus-visible{outline:2px solid var(--qc-accent);outline-offset:2px}
.qc-secs{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin:0 0 1.1rem}
.qc-secs-k{font-size:.82rem;color:var(--qc-muted);margin-right:.2rem}
.qc .qc-secb{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .6rem .3rem .35rem;border-radius:999px;background:var(--qc-card);box-shadow:inset 0 0 0 1.5px var(--qc-line);font:600 .82rem/1 inherit;font-family:inherit;color:var(--qc-ink)}
.qc .qc-secb i{width:16px;height:16px;border-radius:50%;box-shadow:0 0 0 1px var(--qc-line)}
.qc .qc-secb[aria-checked="true"]{box-shadow:inset 0 0 0 2px var(--qc-accent)}
.qc-used{margin:.5rem 0 0;font-size:.9rem;color:var(--qc-muted)}
.qc-u{display:inline-flex;align-items:center;gap:.3rem;color:var(--qc-ink)}
.qc-u i{width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 1px var(--qc-line)}
@container (max-width:520px){.qc-parts{grid-template-columns:repeat(2,1fr)}}
.qc-actions-one{grid-template-columns:1fr!important}
.qc-figure img{width:100%;height:100%;object-fit:cover}
.qc-nophoto{width:100%;height:100%;display:grid;place-items:center;background:radial-gradient(90% 70% at 50% 35%,#FFFDF7 0%,#F1EEE5 55%,#E2E6DF 100%);color:var(--qc-muted);font-weight:600}
.qc-summary{margin-top:1rem;padding:1rem 1.1rem;border-radius:14px;background:var(--qc-card);box-shadow:inset 0 0 0 1.5px var(--qc-line)}
.qc-sum-h{margin:0 0 .5rem;font-weight:700;font-size:.9rem}
.qc-summary ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.3rem 1rem;font-size:.88rem}
.qc-summary li{display:flex;justify-content:space-between;gap:.6rem;border-bottom:1px dashed var(--qc-line);padding:.25rem 0}
.qc-summary li span{color:var(--qc-muted)}
.qc-summary li em{font-style:normal;font-weight:600;display:inline-flex;align-items:center;gap:.35rem;text-align:right}
.qc-summary li i{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 1px var(--qc-line)}

/* ===== v1.6 conversational flow ===== */
.qc [hidden]{display:none!important}
.qc-flow{max-width:1100px;margin-inline:auto}
.qc-flow .qc-head{text-align:center;max-width:640px;margin:0 auto 2.4rem}
.qc-step{margin-top:2.6rem}
.qc-step:first-of-type{margin-top:0}
.qc-step[data-r]{opacity:0;transform:translateY(12px);transition:opacity .45s ease,transform .45s ease}
.qc-step.qc-in{opacity:1;transform:none}
.qc-ask{display:flex;align-items:center;gap:.8rem;margin:0 0 1.2rem;font-family:var(--display,inherit);font-weight:500;font-size:clamp(1.4rem,2.6vw,1.95rem);line-height:1.15}
.qc-n{flex-shrink:0;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--qc-main);color:#fff;font:700 1rem/2.1rem var(--body,inherit);text-align:center}
.qc-dot{width:14px;height:14px;border-radius:50%;display:inline-block;flex-shrink:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12),0 0 0 1px var(--qc-line)}
.qc-dots{display:flex;gap:.3rem;margin-top:.35rem}

/* trees */
.qc-trees{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}
.qc-tcard{position:relative;display:flex;flex-direction:column;border-radius:22px;background:var(--qc-card);overflow:hidden;cursor:pointer;box-shadow:inset 0 0 0 1.5px var(--qc-line);transition:transform .2s ease,box-shadow .2s ease;margin:0}
.qc-tcard:hover{transform:translateY(-3px)}
.qc-tcard input{position:absolute;opacity:0;pointer-events:none}
.qc-tcard:has(input:checked){box-shadow:inset 0 0 0 3px var(--qc-accent),0 14px 30px rgba(18,48,42,.12)}
.qc-tcard:has(input:focus-visible){outline:2px solid var(--qc-accent);outline-offset:3px}
.qc-tphoto{display:block;aspect-ratio:4/5;background:var(--qc-soft);overflow:hidden}
.qc-tphoto img{width:100%;height:100%;object-fit:cover;display:block}
.qc-tbody{display:grid;gap:.15rem;padding:1rem 1.15rem 1.25rem}
.qc-tname{font-family:var(--display,inherit);font-size:1.65rem;line-height:1.1}
.qc-tturn{color:#9E2238;font-weight:600;font-size:.95rem}
.qc-tdesc{color:var(--qc-muted);font-size:.92rem;line-height:1.4}
.qc-tprice{font-weight:700;margin-top:.45rem}
.qc-tick{position:absolute;top:.8rem;right:.8rem;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 2px 8px rgba(0,0,0,.15);opacity:0;transform:scale(.6);transition:all .2s ease}
.qc-tick::after{content:"";position:absolute;left:11px;top:7px;width:7px;height:13px;border:solid var(--qc-main);border-width:0 3px 3px 0;transform:rotate(45deg)}
.qc-tcard:has(input:checked) .qc-tick{opacity:1;transform:none}

/* paths */
.qc-paths{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.qc .qc-path{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:1rem;padding:1rem 1.3rem 1rem 1rem;border-radius:24px;background:var(--qc-card);box-shadow:inset 0 0 0 1.5px var(--qc-line);transition:box-shadow .2s ease,transform .2s ease;color:var(--qc-ink)}
.qc .qc-path:hover{transform:translateY(-2px)}
.qc .qc-path[aria-pressed="true"]{box-shadow:inset 0 0 0 3px var(--qc-accent),0 12px 26px rgba(18,48,42,.1)}
.qc .qc-path:focus-visible{outline:2px solid var(--qc-accent);outline-offset:3px}
.qc-path-v{width:72px;height:72px;border-radius:18px;overflow:hidden;flex-shrink:0;background:var(--qc-soft)}
.qc-path-v img{width:100%;height:100%;object-fit:cover;display:block}
.qc-path-wheel{border-radius:50%;box-shadow:inset 0 0 0 14px rgba(255,255,255,.0),0 0 0 4px #fff,0 0 0 5px var(--qc-line)}
.qc-path-b{flex:1;display:grid;gap:.15rem;font-size:.92rem;color:var(--qc-muted);line-height:1.4}
.qc-path-b b{font-size:1.15rem;color:var(--qc-ink)}
.qc-path-p{font-weight:700;white-space:nowrap;font-size:.98rem}

/* order panel */
.qc-order{max-width:760px}
.qc-ocard{background:var(--qc-card);border-radius:20px;padding:1.2rem 1.35rem;box-shadow:inset 0 0 0 1.5px var(--qc-line)}
.qc-otop{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}
.qc-otitle{margin:0 0 .6rem;font-weight:700;font-size:1.1rem}
.qc-muted{color:var(--qc-muted);margin:0 0 1rem}
.qc-ocard>.qc-btn{width:auto}
.qc-rows{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:0 1.4rem}
.qc-rows li{margin:0}
.qc-rows .qc-row,.qc .qc-rows button{all:unset;box-sizing:border-box;width:100%;display:flex;align-items:center;gap:.6rem;padding:.5rem 0;border-bottom:1px dashed var(--qc-line);font-size:.93rem}
.qc .qc-rows button{cursor:pointer}
.qc .qc-rows button:hover .qc-row-e,.qc .qc-rows button:focus-visible .qc-row-e{color:var(--qc-ink)}
.qc .qc-rows button:focus-visible{outline:2px solid var(--qc-accent);outline-offset:2px;border-radius:6px}
.qc-row-k{color:var(--qc-muted);min-width:6.2em}
.qc-row-v{flex:1;display:flex;align-items:center;gap:.3rem;font-weight:600;flex-wrap:wrap}
.qc-row-e{font-size:.82rem;font-weight:600;color:var(--qc-muted);text-decoration:underline;text-underline-offset:3px}
.qc-notebox{margin-top:1.2rem}
.qc-note-l{display:block;font-weight:600;margin-bottom:.45rem}
.qc-buy{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-top:1.2rem}
.qc-total{margin:0;font-size:1.65rem;font-weight:700;line-height:1}
.qc-total small{font-size:.85rem;font-weight:400;color:var(--qc-muted)}
.qc-buy .qc-btn{flex:0 1 280px}
.qc-status .qc-ok{display:block;color:var(--qc-ink);font-weight:600;margin-bottom:.7rem}
.qc-next{display:flex;gap:.6rem;flex-wrap:wrap}
.qc .qc-next .qc-btn{flex:0 1 210px;text-decoration:none}
.qc-flow>.qc-warn{margin-top:2.6rem}

/* customiser lightbox */
.qc-wiz{border:0;border-radius:26px;padding:0;width:min(1120px,calc(100% - 1.5rem));height:min(780px,calc(100dvh - 2rem));max-height:calc(100dvh - 2rem);background:var(--qc-card);color:var(--qc-ink);box-shadow:0 30px 80px rgba(0,0,0,.35);overflow:hidden}
.qc-wiz::backdrop{background:rgba(11,32,28,.72)}
.qc-wz{display:grid;grid-template-columns:1.2fr 1fr;height:100%}
.qc-wz-stage{display:flex;flex-direction:column;min-height:0;padding:1rem;background:radial-gradient(90% 70% at 50% 35%,#FFFDF7 0%,#F1EEE5 55%,#E2E6DF 100%)}
.qc-wz-stage>div{flex:1;min-height:0;display:flex;align-items:center;justify-content:center}
.qc-wz-stage svg{width:100%;height:100%;max-height:100%}
.qc-wz-guide{margin:.3rem 0 0;font-size:.8rem;color:var(--qc-muted);text-align:center}
.qc-wz-panel{display:flex;flex-direction:column;min-height:0;overflow:auto;padding:1.4rem 1.6rem 0}
.qc-wz-top{display:flex;align-items:center;gap:.8rem}
.qc-wz-prog{flex:1;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--qc-muted)}
.qc-wz-price{font-weight:700}
.qc .qc-wz-top .qc-x{position:static;background:var(--qc-soft);flex-shrink:0}
.qc-wz-bar{height:4px;border-radius:4px;background:var(--qc-soft);margin:.9rem 0 1.4rem;overflow:hidden}
.qc-wz-bar i{display:block;height:100%;width:0;background:var(--qc-accent);transition:width .35s ease}
.qc-wz-q{margin:0 0 .3rem;font-family:var(--display,inherit);font-weight:500;font-size:clamp(1.5rem,2.4vw,1.95rem);line-height:1.15;outline:none}
.qc-wz-sub{margin:0 0 1.2rem;color:var(--qc-muted)}
.qc-wz-body{flex:1}
.qc-wz-ask{font-weight:600;margin:.4rem 0 0}
.qc-modes{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-bottom:1.1rem}
.qc .qc-mode{all:unset;box-sizing:border-box;cursor:pointer;display:grid;gap:.2rem;padding:1rem;border-radius:18px;background:var(--qc-card);box-shadow:inset 0 0 0 1.5px var(--qc-line);color:var(--qc-ink);font-size:.86rem}
.qc .qc-mode b{font-size:1rem}
.qc .qc-mode span:not(.qc-mode-v){color:var(--qc-muted)}
.qc .qc-mode[aria-pressed="true"]{box-shadow:inset 0 0 0 3px var(--qc-accent)}
.qc .qc-mode:focus-visible{outline:2px solid var(--qc-accent);outline-offset:3px}
.qc-mode-v{display:block;width:48px;height:56px;margin-bottom:.5rem;clip-path:polygon(50% 0,100% 100%,0 100%)}
.qc-mv-solid{background:repeating-linear-gradient(180deg,#2457C5 0 10px,#fff 10px 11.5px)}
.qc-mv-alt{background:repeating-linear-gradient(180deg,#1F7A4D 0 10px,#fff 10px 11.5px,#C0272D 11.5px 21.5px,#fff 21.5px 23px)}
.qc-wz-pal{grid-template-columns:repeat(auto-fill,minmax(68px,1fr))!important;gap:1rem .3rem!important;margin-top:.9rem!important}
.qc .qc-sw[aria-disabled="true"]{opacity:.28;cursor:not-allowed}
.qc-shake{animation:qcShake .35s ease}
@keyframes qcShake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.qc-slots2{display:grid;gap:.6rem;margin-bottom:.4rem}
.qc .qc-slot2{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:.85rem;padding:.75rem 1rem;border-radius:16px;background:var(--qc-card);box-shadow:inset 0 0 0 1.5px var(--qc-line);color:var(--qc-ink)}
.qc .qc-slot2[aria-pressed="true"]{box-shadow:inset 0 0 0 3px var(--qc-accent)}
.qc .qc-slot2:focus-visible{outline:2px solid var(--qc-accent);outline-offset:3px}
.qc-slot2 .qc-dot{width:28px;height:28px}
.qc-slot2 .qc-dot-empty{box-shadow:inset 0 0 0 2px var(--qc-line)}
.qc-slot2>span{flex:1;display:grid;line-height:1.3}
.qc-slot2 small{color:var(--qc-muted);font-size:.84rem}
.qc-slot2 em{font-style:normal;font-weight:600;font-size:.92rem}
.qc-wz-nav{position:sticky;bottom:0;display:flex;gap:.6rem;margin-top:1rem;padding:1rem 0 1.4rem;background:var(--qc-card);border-top:1px solid var(--qc-line)}
.qc-wz-nav .qc-btn{flex:1}
.qc-wz-body .qc-rows{grid-template-columns:1fr}
.qc-wz-body .qc-buy .qc-btn{flex:1 1 200px}
@container (max-width:720px){
  .qc-trees{grid-template-columns:1fr;gap:.8rem}
  .qc-tcard{flex-direction:row;align-items:stretch}
  .qc-tphoto{width:118px;flex-shrink:0;aspect-ratio:auto}
  .qc-tbody{padding:.9rem 2.6rem .9rem 1rem;align-content:center}
  .qc-tname{font-size:1.4rem}
  .qc-paths{grid-template-columns:1fr}
}
@media (max-width:760px){
  .qc-wiz{width:calc(100% - 1rem);height:calc(100dvh - 1rem);max-height:calc(100dvh - 1rem);border-radius:20px}
  .qc-wz{grid-template-columns:1fr;grid-template-rows:minmax(0,36%) minmax(0,1fr)}
  .qc-wz-stage{padding:.4rem}
  .qc-wz-guide{display:none}
  .qc-wz-panel{padding:1rem 1.1rem 0}
  .qc-wz-bar{margin:.7rem 0 1rem}
  .qc-modes{gap:.6rem;margin-bottom:.8rem}
  .qc .qc-mode{grid-template-columns:auto 1fr;align-items:center;column-gap:.6rem;padding:.7rem .8rem}
  .qc .qc-mode .qc-mode-v{grid-row:span 2;width:26px;height:32px;margin:0}
  .qc .qc-mode span:not(.qc-mode-v){display:none}
  .qc .qc-mode b{font-size:.92rem;line-height:1.25}
  .qc-wz-q{font-size:1.4rem}
  .qc-wz-sub{margin-bottom:.9rem;font-size:.92rem}
}

/* landing page resets p/h3 margins: restore the flow's spacing */
.qc .qc-ask{margin:0 0 1.5rem}
.qc .qc-wz-q{margin:0 0 .4rem;font-size:clamp(1.5rem,2.4vw,1.95rem);line-height:1.15}
.qc .qc-wz-sub{margin:0 0 1.3rem}
.qc .qc-wz-ask{margin:.6rem 0 0}
.qc .qc-otitle{margin:0 0 .6rem}
.qc .qc-muted{margin:0 0 1rem}
.qc .qc-total{margin:0}
.qc .qc-status{margin:.9rem 0 1.2rem}
.qc .qc-limit{margin:.7rem 0 0}
.qc .qc-wz-guide{margin:.3rem 0 0}
.qc .qc-disclaimer{margin:0}
@media (max-width:760px){.qc .qc-wz-q{font-size:1.4rem}.qc .qc-wz-sub{margin-bottom:.9rem}.qc .qc-ask{margin-bottom:1.1rem}}

/* compact choking-hazard note */
.qc .qc-flow>.qc-warn{display:flex;width:fit-content;max-width:100%;align-items:center;gap:.55rem;margin:2rem 0 0;padding:.45rem .8rem;border:1.5px solid currentColor;border-radius:10px;font-size:.8rem;line-height:1.4}
.qc .qc-flow>.qc-warn svg{width:16px;height:15px;margin:0}
.qc .qc-flow>.qc-warn strong{display:inline;margin-right:.35rem;letter-spacing:.03em}
