body:has(#bike-builder){overflow-x:clip}#bike-builder{display:block;--bb-bg:#ffffff;--bb-soft:#f5f5f5;--bb-soft-2:#efeff1;--bb-border:#e5e5e5;--bb-text:#070707;--bb-heading:#000000;--bb-muted:#4b5563;--bb-accent:#6d3bcc;--bb-accent-d:#4c1d95;--bb-error:#dc2626;--bb-success:#15803d;--bb-info:#1a66d2;--bb-stage:#0b0b0d;--bb-stage-2:#15151a;--bb-stage-line:rgba(255,255,255,.12);--bb-grid:#eef0f2;--bb-accent-soft:rgba(109,59,204,.08);--bb-radius:8px;--bb-radius-lg:14px;--bb-ease:cubic-bezier(.22,.7,.35,1);color:var(--bb-text);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}#bike-builder *,#bike-builder *:before,#bike-builder *:after{box-sizing:border-box}#bike-builder :focus-visible{outline:2px solid var(--bb-accent);outline-offset:2px;border-radius:4px}#bike-builder button{touch-action:manipulation}#bike-builder [hidden]{display:none!important}.bb-head{max-width:1320px;margin:0 auto;padding:44px 24px 6px}.bb-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--bb-accent);background:var(--bb-accent-soft);border:1px solid rgba(109,59,204,.2);padding:6px 12px;border-radius:100px;margin-bottom:14px}.bb-eyebrow b{width:6px;height:6px;border-radius:50%;background:var(--bb-accent)}.bb-title{font-family:var(--heading-font-family,inherit);font-size:clamp(30px,4.8vw,50px);font-weight:800;letter-spacing:-.035em;line-height:1.02;color:var(--bb-heading);margin:0;text-transform:uppercase}.bb-sub{margin:12px 0 0;max-width:64ch;color:var(--bb-muted);font-size:15px;line-height:1.6}.bb-topnote{margin:14px 0 0;max-width:74ch;color:var(--bb-muted);font-size:11.5px;line-height:1.55;border-left:3px solid var(--bb-info);padding-left:12px}.bb-build{max-width:1320px;margin:0 auto;padding:22px 24px 132px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:34px;align-items:start}.bb-stage{position:sticky;top:14px;z-index:5;border-radius:var(--bb-radius-lg);overflow:hidden;background:linear-gradient(180deg,var(--bb-stage-2),var(--bb-stage));border:1px solid #222;color:#fff}.bb-stage__inner{position:relative;padding:16px 16px 18px}.bb-compose,.bb-hero{position:relative;border-radius:10px;overflow:hidden;aspect-ratio:16/10;width:min(100%,80vh);margin-inline:auto;background:linear-gradient(to bottom,transparent calc(92% - 1px),#e2e4e8 calc(92% - 1px),#e2e4e8 92%,transparent 92%),linear-gradient(var(--bb-grid) 1px,transparent 1px),linear-gradient(90deg,var(--bb-grid) 1px,transparent 1px),#fff;background-size:100% 100%,44px 44px,44px 44px}.bb-compose:before,.bb-compose:after,.bb-hero:before,.bb-hero:after{content:"";position:absolute;width:14px;height:14px;pointer-events:none;z-index:55;border:0 solid #c9ccd2}.bb-compose:before,.bb-hero:before{top:8px;left:8px;border-top-width:2px;border-left-width:2px}.bb-compose:after,.bb-hero:after{bottom:8px;right:8px;border-bottom-width:2px;border-right-width:2px}.bb-compose__layer{position:absolute}.bb-compose__layer img{display:block;width:100%;height:100%;object-fit:contain;opacity:1;transition:opacity .18s var(--bb-ease)}.bb-compose__layer img.bb-fadeout{opacity:0}.bb-compose__tag,.bb-hero__tag{position:absolute;left:10px;bottom:10px;z-index:60;display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#070707d1;padding:5px 11px;border-radius:100px;max-width:calc(100% - 20px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bb-compose__tag:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--bb-accent);animation:bbPulse 2.4s var(--bb-ease) infinite}@keyframes bbPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.72)}}.bb-hero img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:12px;opacity:1;transition:opacity .25s var(--bb-ease)}.bb-hero img.bb-fadeout{opacity:0}.bb-focus{position:absolute;top:0;right:0;bottom:0;left:0;z-index:45;pointer-events:none}.bb-focus__ring{position:absolute;border:2px solid var(--bb-accent);border-radius:50%;box-shadow:0 0 0 4px #6d3bcc24;animation:bbFocus 1.9s var(--bb-ease) infinite}@keyframes bbFocus{0%,to{opacity:.85;transform:scale(1)}50%{opacity:.35;transform:scale(1.05)}}.bb-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.bb-metric{background:#ffffff0d;border:1px solid var(--bb-stage-line);border-radius:var(--bb-radius);padding:13px 15px}.bb-metric__lbl{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#9aa0aa}.bb-metric__val{font-size:27px;font-weight:800;letter-spacing:-.02em;margin-top:4px;color:#fff}.bb-metric__val small{font-size:14px;font-weight:600;color:#9aa0aa;margin-left:2px}.bb-metric__foot{margin-top:6px;font-size:11px;color:#9aa0aa;line-height:1.45}.bb-metric__foot b{color:#fff;font-weight:700}.bb-meter{margin-top:9px}.bb-meter__track{position:relative;height:6px;border-radius:100px;overflow:visible;background:repeating-linear-gradient(90deg,#ffffff29 0 1px,#ffffff12 1px 10px)}.bb-meter__fill{position:absolute;left:0;top:0;bottom:0;border-radius:100px;background:var(--bb-accent);transition:width .25s var(--bb-ease),background .25s var(--bb-ease)}.bb-meter__uci{position:absolute;top:-3px;bottom:-3px;width:2px;background:#fff;opacity:.85}.bb-meter__uci:after{content:"UCI 6.8";position:absolute;top:-15px;left:50%;transform:translate(-50%);font-size:9px;font-weight:700;letter-spacing:.06em;color:#cbd0d8;white-space:nowrap}.bb-config{min-width:0}.bb-rail{position:relative;display:flex;gap:0;overflow-x:auto;overflow-y:hidden;padding:2px 2px 12px;margin-bottom:6px;scrollbar-width:thin;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.bb-rail::-webkit-scrollbar{height:5px}.bb-rail::-webkit-scrollbar-thumb{background:var(--bb-border);border-radius:100px}.bb-node{position:relative;flex:none;display:flex;flex-direction:column;align-items:center;gap:7px;width:96px;padding:10px 6px 8px;border:0;background:none;cursor:pointer;scroll-snap-align:center;text-align:center}.bb-node:before{content:"";position:absolute;top:24px;left:-50%;width:100%;height:2px;background:var(--bb-border);z-index:0}.bb-node:first-child:before{display:none}.bb-node[data-st=done]:before,.bb-node[data-st=current]:before{background:var(--bb-accent)}.bb-node__dot{position:relative;z-index:1;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--bb-bg);border:2px solid var(--bb-border);color:var(--bb-muted);font-size:12px;font-weight:800;flex:none;transition:background .2s var(--bb-ease),border-color .2s var(--bb-ease),color .2s var(--bb-ease),transform .2s var(--bb-ease)}.bb-node__dot svg{width:14px;height:14px}.bb-node__txt{display:flex;flex-direction:column;gap:1px;min-width:0;width:100%}.bb-node__cat{font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--bb-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s var(--bb-ease)}.bb-node__pick{font-size:10px;color:var(--bb-text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bb-node__opt{font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#a7abb3}.bb-node:hover .bb-node__dot{transform:translateY(-1px)}.bb-node[data-st=done] .bb-node__dot{background:var(--bb-accent);border-color:var(--bb-accent);color:#fff}.bb-node[data-st=current] .bb-node__dot{border-color:var(--bb-accent);color:var(--bb-accent);box-shadow:0 0 0 4px var(--bb-accent-soft)}.bb-node[data-st=current] .bb-node__cat{color:var(--bb-heading)}.bb-node[aria-current=step]{position:relative}.bb-step{border:1px solid var(--bb-border);border-radius:var(--bb-radius-lg);padding:20px;background:var(--bb-bg)}.bb-step__head{margin-bottom:16px}.bb-step__meta{display:flex;align-items:center;gap:10px;margin-bottom:6px}.bb-step__num{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--bb-accent)}.bb-step__opt{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--bb-muted);background:var(--bb-soft);border:1px solid var(--bb-border);border-radius:100px;padding:2px 9px}.bb-step__title{font-family:var(--heading-font-family,inherit);font-size:clamp(22px,3vw,28px);font-weight:800;letter-spacing:-.02em;text-transform:uppercase;color:var(--bb-heading);margin:0;outline:none}.bb-step__hint{margin:8px 0 0;font-size:12.5px;color:var(--bb-muted);line-height:1.5}.bb-spot{display:grid;grid-template-columns:minmax(0,150px) 1fr;gap:16px;align-items:center;background:linear-gradient(180deg,#fbfbfc,var(--bb-soft));border:1px solid var(--bb-border);border-radius:var(--bb-radius-lg);padding:16px;margin-bottom:20px}.bb-spot__media{position:relative;aspect-ratio:4/3;border-radius:var(--bb-radius);overflow:hidden;background:#fff;border:1px solid var(--bb-border);display:grid;place-items:center;background-image:linear-gradient(var(--bb-grid) 1px,transparent 1px),linear-gradient(90deg,var(--bb-grid) 1px,transparent 1px);background-size:22px 22px,22px 22px}.bb-spot__img{width:100%;height:100%;object-fit:contain;padding:10px;transition:opacity .2s var(--bb-ease),transform .3s var(--bb-ease)}.bb-spot__img.bb-fadeout{opacity:0}.bb-spot__ph{color:#c3c6cc}.bb-spot__emblem{display:grid;place-items:center;font-family:var(--heading-font-family,inherit);font-weight:800;border-radius:12px;background:#101014;color:#fff}.bb-spot__emblem--lg{width:78px;height:78px;font-size:34px;letter-spacing:-.02em}.bb-opt__emblem{display:grid;place-items:center;width:44px;height:36px;border-radius:8px;background:#101014;color:#fff;font-family:var(--heading-font-family,inherit);font-weight:800;font-size:17px;flex:none}.bb-spot__info{min-width:0}.bb-spot__kick{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--bb-accent);margin-bottom:5px}.bb-spot__brand{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--bb-muted)}.bb-spot__name{font-family:var(--heading-font-family,inherit);font-size:19px;font-weight:800;line-height:1.2;letter-spacing:-.01em;color:var(--bb-heading);margin:2px 0 0}.bb-spot__opts{margin-top:8px}.bb-spot__sw{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--bb-muted);background:var(--bb-bg);border:1px solid var(--bb-border);border-radius:100px;padding:3px 10px 3px 6px}.bb-spot__sw i{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.15)}.bb-spot__spec{margin:8px 0 0;font-size:12px;color:var(--bb-muted);line-height:1.5}.bb-spot__desc{margin:6px 0 0;font-size:12.5px;color:var(--bb-muted);line-height:1.5}.bb-spot__meta{display:flex;align-items:baseline;gap:14px;margin-top:12px}.bb-spot__w{font-size:13px;font-weight:700;color:var(--bb-text)}.bb-spot__p{font-size:20px;font-weight:800;letter-spacing:-.01em;color:var(--bb-heading);margin-left:auto}.bb-spot__tag{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border-radius:100px;padding:4px 10px}.bb-spot__tag svg{width:12px;height:12px}.bb-spot__tag--req{color:var(--bb-info);background:#1a66d214;border:1px solid rgba(26,102,210,.2)}.bb-spot__extras{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.bb-spot__ex{display:flex;flex-direction:column;align-items:center;gap:2px}.bb-spot__ex img{width:46px;height:38px;object-fit:contain;background:#fff;border:1px solid var(--bb-border);border-radius:6px}.bb-spot__ex small{font-size:8px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--bb-muted);max-width:52px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bb-step__swap{display:flex;align-items:center;gap:12px;margin:2px 0 12px}.bb-step__swaplbl{font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--bb-muted);white-space:nowrap}.bb-step__swap:after{content:"";flex:1;height:1px;background:var(--bb-border)}.bb-tabs{display:flex;gap:6px;margin:0 0 14px;background:var(--bb-soft);border-radius:100px;padding:4px;width:max-content;max-width:100%}.bb-tab{position:relative;cursor:pointer}.bb-tab input{position:absolute;opacity:0;width:0;height:0}.bb-tab span{display:inline-flex;align-items:center;min-height:36px;padding:0 15px;border-radius:100px;font-size:12px;font-weight:700;color:var(--bb-muted);transition:background .15s var(--bb-ease),color .15s var(--bb-ease)}.bb-tab input:checked+span{background:#0b0b0d;color:#fff}.bb-tab input:focus-visible+span{outline:2px solid var(--bb-accent);outline-offset:2px}.bb-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.bb-opt{position:relative;display:block;cursor:pointer}.bb-opt input{position:absolute;opacity:0;width:0;height:0}.bb-opt__card{border:1px solid var(--bb-border);border-radius:var(--bb-radius);padding:11px 12px;height:100%;display:flex;flex-direction:column;gap:8px;background:var(--bb-bg);transition:border-color .18s var(--bb-ease),box-shadow .18s var(--bb-ease),background .18s var(--bb-ease),transform .18s var(--bb-ease)}.bb-opt:hover .bb-opt__card{border-color:#c9c9c9;transform:translateY(-1px)}.bb-opt input:checked+.bb-opt__card{border-color:var(--bb-accent);box-shadow:0 0 0 1px var(--bb-accent) inset;background:var(--bb-accent-soft);transform:none}.bb-opt input:focus-visible+.bb-opt__card{outline:2px solid var(--bb-accent);outline-offset:2px}.bb-opt:active .bb-opt__card{transform:scale(.99)}.bb-opt--off{cursor:not-allowed}.bb-opt--off .bb-opt__card{opacity:.55;background:var(--bb-soft);transform:none!important}.bb-opt__row{display:flex;gap:10px;align-items:flex-start}.bb-opt__img{flex:none;width:56px;height:46px;object-fit:contain;border-radius:6px;background:#fff;border:1px solid var(--bb-border)}.bb-opt__body{min-width:0;flex:1}.bb-opt__brand{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--bb-muted)}.bb-opt__name{font-size:13px;font-weight:700;line-height:1.25;color:var(--bb-text);letter-spacing:-.01em;display:block}.bb-opt__tick{flex:none;width:18px;height:18px;border-radius:50%;border:1.5px solid var(--bb-border);display:grid;place-items:center;transition:background .15s var(--bb-ease),border-color .15s var(--bb-ease)}.bb-opt input:checked+.bb-opt__card .bb-opt__tick{background:var(--bb-accent);border-color:var(--bb-accent)}.bb-opt__tick svg{width:11px;height:11px;color:#fff;opacity:0;transform:scale(.5);transition:opacity .15s var(--bb-ease),transform .18s var(--bb-ease)}.bb-opt input:checked+.bb-opt__card .bb-opt__tick svg{opacity:1;transform:scale(1)}.bb-opt__meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.bb-opt__g{font-size:11px;font-weight:600;color:var(--bb-muted)}.bb-opt__p{font-size:13px;font-weight:800;color:var(--bb-text)}.bb-opt__why{display:inline-block;font-size:10px;font-weight:700;color:var(--bb-error);letter-spacing:.03em}.bb-opt__kind{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--bb-info);background:#1a66d214;border-radius:100px;padding:2px 8px;margin-bottom:3px}.bb-subpanel{grid-column:1/-1;background:var(--bb-soft);border:1px solid var(--bb-border);border-radius:var(--bb-radius);padding:12px 14px}.bb-more{display:block;width:100%;margin-top:10px;min-height:44px;border:1px dashed var(--bb-border);border-radius:var(--bb-radius);background:var(--bb-bg);color:var(--bb-muted);font-size:12px;font-weight:700;cursor:pointer;transition:border-color .15s var(--bb-ease),color .15s var(--bb-ease)}.bb-more:hover{border-color:var(--bb-accent);color:var(--bb-accent)}.bb-subrow{margin-top:12px}.bb-subrow__lbl{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--bb-muted);margin-bottom:7px}.bb-swatches{display:flex;flex-wrap:wrap;gap:8px}.bb-swatch{position:relative;cursor:pointer}.bb-swatch input{position:absolute;opacity:0;width:0;height:0}.bb-swatch__img{display:block;width:52px;height:44px;border-radius:6px;object-fit:cover;border:2px solid var(--bb-border);transition:border-color .15s var(--bb-ease),transform .15s var(--bb-ease);background:#fff}.bb-swatch:hover .bb-swatch__img{transform:translateY(-1px)}.bb-swatch input:checked+.bb-swatch__img{border-color:var(--bb-accent)}.bb-swatch input:focus-visible+.bb-swatch__img{outline:2px solid var(--bb-accent);outline-offset:2px}.bb-swatch__name{display:block;max-width:56px;margin-top:3px;font-size:9px;font-weight:600;color:var(--bb-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.bb-sizes{display:flex;flex-wrap:wrap;gap:8px}.bb-size{position:relative;cursor:pointer}.bb-size input{position:absolute;opacity:0;width:0;height:0}.bb-size__b{display:grid;place-items:center;min-width:44px;min-height:44px;padding:0 12px;border:1px solid var(--bb-border);border-radius:6px;font-size:13px;font-weight:700;color:var(--bb-text);background:var(--bb-bg);transition:background .15s var(--bb-ease),border-color .15s var(--bb-ease),color .15s var(--bb-ease)}.bb-size input:checked+.bb-size__b{border-color:var(--bb-accent);background:var(--bb-accent);color:#fff}.bb-size input:focus-visible+.bb-size__b{outline:2px solid var(--bb-accent);outline-offset:2px}.bb-selrow{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.bb-selfield{display:flex;flex-direction:column;gap:4px;min-width:0}.bb-selfield label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--bb-muted)}.bb-selfield select{min-height:44px;border:1px solid var(--bb-border);border-radius:6px;background:var(--bb-bg);color:var(--bb-text);font-size:13px;font-weight:600;padding:0 10px;max-width:100%;cursor:pointer}.bb-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.bb-nav>span{flex:none}.bb-nav .bb-btn{flex:0 1 auto;min-width:150px}.bb-nav .bb-btn--primary{margin-left:auto}.bb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:0 22px;border-radius:100px;font-size:13px;font-weight:700;letter-spacing:.02em;cursor:pointer;border:1px solid transparent;transition:transform .15s var(--bb-ease),box-shadow .2s var(--bb-ease),background .2s var(--bb-ease),border-color .2s var(--bb-ease);text-decoration:none}.bb-btn:active{transform:scale(.98)}.bb-btn--primary{background:var(--bb-accent);color:#fff}.bb-btn--primary:hover{background:var(--bb-accent-d);box-shadow:0 8px 22px #6d3bcc52}.bb-btn--primary[disabled]{background:#b8a6dd;cursor:wait;box-shadow:none;transform:none}.bb-btn--ghost{background:var(--bb-bg);color:var(--bb-text);border-color:var(--bb-border)}.bb-btn--ghost:hover{border-color:#bdbdbd}.bb-btn--lg{min-height:54px;font-size:14px}.bb-cartmsg{margin-top:12px;font-size:12.5px;line-height:1.5;text-align:center;display:none}.bb-cartmsg--err{display:block;color:var(--bb-error)}.bb-cartmsg--ok{display:block;color:var(--bb-success)}.bb-note{margin-top:12px;font-size:11px;color:var(--bb-muted);text-align:center;line-height:1.55}.bb-passport{max-width:1320px;margin:0 auto;padding:8px 24px 140px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:28px;align-items:start}.bb-passport__hero{position:sticky;top:14px;border-radius:var(--bb-radius-lg);overflow:hidden;background:linear-gradient(180deg,var(--bb-stage-2),var(--bb-stage));border:1px solid #222;color:#fff;padding:18px}.bb-pp-stage{position:relative}.bb-pp-kick{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#c9b8f2;margin-bottom:12px}.bb-pp-kick b{width:6px;height:6px;border-radius:50%;background:var(--bb-accent)}.bb-pp-name{font-family:var(--heading-font-family,inherit);font-size:clamp(19px,2.4vw,25px);font-weight:800;letter-spacing:-.02em;line-height:1.15;color:#fff;margin:14px 0 2px;outline:none}.bb-pp-sub{font-size:12.5px;color:#9aa0aa;letter-spacing:.02em}.bb-pp-figs{display:flex;flex-wrap:wrap;gap:22px;margin-top:16px}.bb-pp-fig{min-width:0}.bb-pp-fig__lbl{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#9aa0aa}.bb-pp-fig__val{font-size:30px;font-weight:800;letter-spacing:-.02em;color:#fff;margin-top:3px}.bb-pp-fig__val small{font-size:15px;font-weight:600;color:#9aa0aa;margin-left:2px}.bb-pp-uci{display:inline-flex;align-items:center;gap:5px;margin-top:8px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#7ee2a6;background:#15803d2e;border:1px solid rgba(21,128,61,.4);border-radius:100px;padding:4px 10px}.bb-pp-delta{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:11.5px;font-weight:600;color:#cbd0d8}.bb-pp-delta:before{content:"";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent}.bb-pp-delta[data-dir=down]{color:#7ee2a6}.bb-pp-delta[data-dir=down]:before{border-top:6px solid #7ee2a6}.bb-pp-delta[data-dir=up]{color:#f0b8b8}.bb-pp-delta[data-dir=up]:before{border-bottom:6px solid #f0b8b8}.bb-passport__spec{border:1px solid var(--bb-border);border-radius:var(--bb-radius-lg);overflow:hidden;background:var(--bb-bg)}.bb-pp-spec-h{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;font-family:var(--heading-font-family,inherit);font-size:13px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:var(--bb-soft);border-bottom:1px solid var(--bb-border)}.bb-pp-spec-h span{font-size:11px;font-weight:700;color:var(--bb-muted);letter-spacing:.02em;text-transform:none}.bb-pp-line{display:flex;align-items:center;gap:13px;padding:12px 18px;border-bottom:1px solid var(--bb-border)}.bb-pp-line__img{flex:none;width:52px;height:42px;object-fit:contain;border-radius:6px;background:#fff;border:1px solid var(--bb-border)}.bb-pp-line__img--ph{display:grid;place-items:center;color:#b7bbc2}.bb-pp-line__l{min-width:0;flex:1;display:flex;flex-direction:column;gap:1px}.bb-pp-line__cat{font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--bb-muted)}.bb-pp-line__l b{font-size:13.5px;font-weight:700;color:var(--bb-text);line-height:1.25}.bb-pp-line__sub{font-size:11px;color:var(--bb-muted)}.bb-pp-line--req .bb-pp-line__l b:after{content:" \b7";color:var(--bb-info)}.bb-pp-line__r{flex:none;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:3px}.bb-pp-line__r b{font-size:13.5px;font-weight:800}.bb-pp-line__r span{font-size:10.5px;color:var(--bb-muted)}.bb-pp-edit{margin-top:2px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--bb-accent);background:none;border:0;padding:2px 0;cursor:pointer;border-bottom:1px solid transparent;transition:border-color .15s var(--bb-ease)}.bb-pp-edit:hover{border-bottom-color:var(--bb-accent)}.bb-totals{background:#0b0b0d;color:#fff;padding:16px 18px}.bb-trow{display:flex;justify-content:space-between;gap:12px;font-size:13px;padding:3px 0;color:#cbd0d8}.bb-trow b{font-weight:700;color:#fff}.bb-trow--grand{border-top:1px solid rgba(255,255,255,.18);margin-top:8px;padding-top:10px;font-size:15px}.bb-trow--grand b{font-size:23px;font-weight:800;letter-spacing:-.02em}.bb-trow--grand small{display:block;font-size:11px;color:#9aa0aa;font-weight:400}.bb-actions{display:flex;flex-direction:column;gap:10px;padding:16px 18px}.bb-actions__row{display:flex;gap:10px}.bb-actions__row .bb-btn{flex:1;min-width:0;padding:0 14px}.bb-actions .bb-btn--primary{width:100%}.bb-bar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:none;align-items:center;gap:12px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:#0b0b0d;color:#fff;border-top:1px solid #222}.bb-bar__mini{position:relative;flex:none;width:88px;aspect-ratio:16/10;border-radius:6px;overflow:hidden;background:#fff;border:1px solid var(--bb-stage-line)}.bb-bar__mini .bb-compose__layer img{transition:opacity .18s var(--bb-ease)}.bb-bar__minihero{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;padding:3px;display:none}.bb-mini--flat .bb-compose__layer{display:none}.bb-mini--flat .bb-bar__minihero{display:block}.bb-bar__totals{min-width:0;flex:1}.bb-bar__price{font-size:17px;font-weight:800}.bb-bar__w{font-size:11px;color:#9aa0aa}.bb-bar .bb-btn{flex:none;min-width:0;min-height:46px;padding:0 20px}@media(min-width:981px)and (max-height:760px){.bb-compose,.bb-hero{width:min(100%,67.2vh)}}@media(max-width:980px){.bb-build,.bb-passport{grid-template-columns:1fr;gap:20px;padding-bottom:118px}.bb-stage,.bb-passport__hero{position:static}.bb-compose,.bb-hero{width:100%}.bb-bar{display:flex}.bb-stage{position:sticky;top:0;z-index:6}.bb-stage .bb-compose,.bb-stage .bb-hero{width:min(100%,calc(34vh * 1.6))}.bb-stage__inner{padding:12px}.bb-metrics{margin-top:12px}}@media(max-width:620px){.bb-options,.bb-selrow{grid-template-columns:1fr}.bb-head{padding:30px 16px 4px}.bb-build,.bb-passport{padding-left:16px;padding-right:16px}.bb-metrics{grid-template-columns:1fr 1fr}.bb-spot{grid-template-columns:1fr}.bb-spot__media{max-width:60%;margin-inline:auto}.bb-step{padding:16px}.bb-actions__row{flex-direction:column}}@media(prefers-reduced-motion:reduce){#bike-builder *{transition:none!important;animation:none!important}.bb-focus{display:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/bike-builder.css.map */