:root{--bg:#070c0f;--panel:#10181d;--panel2:#151f24;--line:#2b3940;--text:#f5f8f9;--muted:#a7b4ba;--green:#8cde70;--amber:#ffd36e;--red:#ff9797}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -10%,#163024 0,#070c0f 42%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}header{min-height:70px;padding:10px max(18px,4vw);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #243139;background:rgba(7,12,15,.94);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{font-weight:1000;letter-spacing:.08em}.brand b{color:var(--green)}nav{display:flex;gap:18px;align-items:center;font-size:13px;font-weight:850}.cartLink{border:1px solid #415748;border-radius:9px;padding:9px 12px}.cartLink span{color:var(--green)}main{width:min(1260px,calc(100% - 28px));margin:auto;padding:52px 0 90px}.hero{max-width:920px;margin-bottom:25px}.eyebrow{font-size:11px;font-weight:1000;letter-spacing:.17em;color:var(--green)}h1{font-size:clamp(38px,6vw,70px);line-height:1;margin:9px 0 15px;letter-spacing:-.045em}.hero p{font-size:17px;line-height:1.6;color:var(--muted);margin:0}.layout{display:grid;grid-template-columns:minmax(390px,.95fr) minmax(0,1.25fr);gap:20px;align-items:start}.panel{border:1px solid var(--line);border-radius:19px;background:linear-gradient(155deg,var(--panel2),var(--panel));box-shadow:0 22px 60px rgba(0,0,0,.23)}.previewPanel{padding:18px;position:sticky;top:90px}.previewTop{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:12px}.previewTop h2{font-size:20px;margin:3px 0}.previewTop small{color:var(--muted)}.viewTabs{display:flex;gap:7px}.viewTabs button{border:1px solid #405159;background:#0b1216;color:var(--text);border-radius:8px;padding:8px 11px;font-size:12px;font-weight:900;cursor:pointer}.viewTabs button.on{background:var(--green);border-color:var(--green);color:#071007}.art{border:1px solid #314149;border-radius:15px;background:radial-gradient(circle,#202d33 0,#0a1115 68%);padding:5px;overflow:hidden}.art svg{display:block;width:100%;height:auto;filter:drop-shadow(0 20px 18px rgba(0,0,0,.42))}.previewState{display:flex;gap:9px;align-items:flex-start;margin-top:12px;border:1px solid #625225;background:#231e12;color:#ffe4a3;border-radius:11px;padding:11px;font-size:12px;line-height:1.45}.previewState strong{display:block;color:#fff0c8}.priceBox{margin-top:13px;border-top:1px solid #29383f;padding-top:14px}.sumRow{display:flex;justify-content:space-between;gap:12px;padding:5px 0;font-size:13px;color:var(--muted)}.sumRow strong{color:var(--text)}.sumRow.total{font-size:23px;border-top:1px solid #2c3b42;margin-top:6px;padding-top:11px}.sumRow.total strong{color:var(--green)}.primary{width:100%;margin-top:12px;border:0;border-radius:10px;background:var(--green);color:#071007;padding:14px;font-weight:1000;cursor:pointer}.primary:disabled{opacity:.5;cursor:not-allowed}.status{margin-top:10px;min-height:20px;font-size:12px;line-height:1.45;color:var(--muted)}.status.error{color:var(--red)}.controls{padding:20px}.modelGroup{margin-bottom:24px}.sectionTitle{display:flex;justify-content:space-between;gap:12px;align-items:end;margin:0 0 10px}.sectionTitle h2{font-size:21px;margin:0}.sectionTitle small{color:var(--muted);font-size:11px}.modelTabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.modelTabs button{border:1px solid #35464e;background:#0a1216;color:var(--text);border-radius:10px;padding:11px;text-align:left;cursor:pointer}.modelTabs button b,.modelTabs button small{display:block}.modelTabs button small{color:var(--muted);margin-top:4px}.modelTabs button.on{border-color:var(--green);box-shadow:0 0 0 2px rgba(140,222,112,.13)}.partGroup{border-top:1px solid #29383f;padding-top:20px;margin-top:20px}.partGroup h3{font-size:18px;margin:0 0 4px}.groupNote{color:var(--muted);font-size:12px;line-height:1.45;margin:0 0 11px}.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.option{border:1px solid #34454d;background:#0a1216;color:var(--text);border-radius:12px;padding:10px;text-align:left;cursor:pointer;min-width:0}.option:hover{border-color:#60756a}.option.on{border-color:var(--green);box-shadow:0 0 0 2px rgba(140,222,112,.12)}.option[disabled]{opacity:.55;cursor:not-allowed}.optionBody{display:grid;grid-template-columns:68px minmax(0,1fr);gap:10px;align-items:center}.option img{width:68px;height:68px;object-fit:contain;background:#fff;border-radius:8px}.swatch{width:68px;height:68px;border-radius:8px;border:1px solid #405159;background:var(--swatch,#202b31)}.option b,.option small,.option em{display:block}.option b{font-size:13px;line-height:1.28}.option small{color:var(--muted);font-size:10px;line-height:1.35;margin-top:4px}.option em{color:var(--green);font-size:12px;font-weight:900;font-style:normal;margin-top:5px}.option .review{color:var(--amber)}.sourceLine{margin-top:7px;display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#8fa0a8}.sourceLine a{text-decoration:underline}.pending{border:1px solid #4b5960;background:#0b1317;border-radius:13px;padding:14px;margin-top:21px}.pending b{display:block;margin-bottom:4px}.pending p{color:var(--muted);font-size:12px;line-height:1.5;margin:0}.formula{border:1px solid #3a4d43;background:#0c1710;border-radius:13px;padding:14px;margin-top:20px;font-size:12px;line-height:1.55;color:#c8d5cf}.formula strong{color:var(--green)}:where(a,button,select,[tabindex]):focus-visible{outline:3px solid var(--green);outline-offset:3px}@media(max-width:920px){.layout{grid-template-columns:1fr}.previewPanel{position:static}.previewPanel{order:0}.controls{order:1}}@media(max-width:620px){main{padding-top:34px}.modelTabs,.options{grid-template-columns:1fr}.previewTop{flex-direction:column}.art{margin-inline:-8px}.optionBody{grid-template-columns:58px minmax(0,1fr)}.option img,.swatch{width:58px;height:58px}nav>a:not(.cartLink){display:none}.controls,.previewPanel{padding:14px}}
/* Keep the complete part name, finish and price readable in phone cards. */
.option,.optionSelect,.optionSelect b,.optionSelect small,.optionSelect em{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere;box-sizing:border-box}