/* CYCREVO 精密仪器视觉层 —— 只负责外观，最后加载，覆盖历史样式层。 体系：浅色界面 + 单一青绿强调色；只有可视化区域（动画、扫描、坐标图、装车示意）使用深色显示屏。 选择器统一以 .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) 起头，优先级高于旧层，旧文件不改动。 */ @font-face{font-family:"AIBM Mono";src:url("fonts/aibm-mono.woff2") format("woff2");font-weight:400 700;font-style:normal;font-display:swap} @font-face{font-family:"AIBM Display";src:url("fonts/aibm-display.woff2") format("woff2");font-weight:300 700;font-style:normal;font-display:swap} body.aibm-standalone-page:not(#aibm-ins){background:#F5F7FA !important} .aibm-root-wrap:not(#aibm-ins){background:transparent !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins){ --ins-bg:#F5F7FA;--ins-surface:#FFFFFF;--ins-ink:#0F172A;--ins-text:#1E293B;--ins-muted:#475569;--ins-faint:#64748B; --ins-line:#E2E8F0;--ins-line-2:#CBD5E1;--ins-line-soft:#EEF2F6;--ins-fill:#F8FAFC;--ins-fill-2:#F1F5F9; --ins-accent:#0F766E;--ins-accent-hover:#115E59;--ins-accent-2:#0D9488;--ins-accent-soft:#F0FDFA;--ins-accent-line:rgba(13,148,136,.32); --ins-display:radial-gradient(ellipse at 50% 32%,#17243A 0%,#0E1726 58%,#0B1220 100%);--ins-display-line:rgba(148,163,184,.16); --ins-on-display:#E2E8F0;--ins-on-display-muted:#94A3B8;--ins-glow:#5EEAD4; --ins-warn:#D97706;--ins-warn-ink:#B45309; --ins-radius:14px;--ins-radius-sm:10px; --ins-shadow:0 1px 2px rgba(15,23,42,.04),0 8px 24px -18px rgba(15,23,42,.22); --ins-shadow-hover:0 1px 2px rgba(15,23,42,.05),0 16px 32px -18px rgba(15,23,42,.28); --ins-mono:"AIBM Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace; --ins-display-font:"AIBM Display","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",system-ui,sans-serif; --shop-bg:var(--ins-bg);--shop-card:var(--ins-surface);--shop-border:var(--ins-line);--shop-ink:var(--ins-ink);--shop-muted:var(--ins-muted); --shop-accent:var(--ins-accent);--shop-accent-2:var(--ins-accent);--shop-mint:var(--ins-accent-2); --aibm-lab-ink:var(--ins-ink);--aibm-lab-muted:var(--ins-muted);--aibm-lab-line:var(--ins-line);--aibm-lab-cyan:var(--ins-accent);--aibm-lab-cyan-soft:var(--ins-accent-soft); color:var(--ins-text) !important; background: radial-gradient(1200px 420px at 50% -120px,#FFFFFF 0%,rgba(255,255,255,0) 70%), linear-gradient(rgba(15,23,42,.022) 1px,transparent 1px) 0 0/28px 28px, linear-gradient(90deg,rgba(15,23,42,.022) 1px,transparent 1px) 0 0/28px 28px, var(--ins-bg) !important; font-variant-numeric:tabular-nums lining-nums; } /* ---------- header ---------- */ .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-shopbar{ position:relative !important;background:rgba(255,255,255,.9) !important;background-image:none !important; -webkit-backdrop-filter:saturate(1.3) blur(12px);backdrop-filter:saturate(1.3) blur(12px); color:var(--ins-ink) !important;border:1px solid var(--ins-line) !important;border-radius:var(--ins-radius) !important; box-shadow:var(--ins-shadow) !important;min-height:64px !important;padding-top:10px !important;padding-bottom:10px !important; } .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-shopbar::before,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-shopbar::after{display:none !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-shop-brand{display:flex !important;align-items:center !important;gap:10px !important;color:var(--ins-ink) !important;min-width:0 !important;justify-content:flex-start !important;text-align:left !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-shop-brand>div{width:auto !important;flex:0 1 auto !important;min-width:0 !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-shopbar[data-rows="stacked"] .aibm-shop-brand{justify-content:center !important} /* brand: badge mark + two-tone wordmark (spans added by the enhancer; plain text still renders the same) */ .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-mark{flex:none;width:34px;height:34px;padding:6px;border-radius:10px;color:#FFFFFF;box-sizing:border-box; background:linear-gradient(140deg,#0F766E 0%,#0D9488 100%);box-shadow:0 1px 2px rgba(15,23,42,.12),0 6px 14px -8px rgba(15,118,110,.7),inset 0 1px 0 rgba(255,255,255,.18)} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-mark-core{stroke:#99F6E4} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #aibm-shop-title{font-family:var(--ins-display-font) !important;font-size:18px !important;font-weight:800 !important;letter-spacing:.005em !important;color:var(--ins-ink) !important;text-shadow:none !important;-webkit-text-fill-color:currentColor !important;background:none !important;white-space:nowrap} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-wm-sub{font-weight:600;color:var(--ins-muted)} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-wm-ver{display:inline-block;margin-left:2px;padding:1px 6px;border-radius:6px;font:600 11px/1.5 var(--ins-mono);color:var(--ins-accent);background:var(--ins-accent-soft);border:1px solid var(--ins-accent-line);vertical-align:3px} /* steps: numbered stepper with connectors; done steps show a check */ .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-flow-steps::before,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-flow-steps::after{display:none !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-flow-steps{gap:0 !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-flow-step{ position:relative !important;display:flex !important;flex-direction:row !important;align-items:center !important;gap:8px !important;min-width:0 !important; background:none !important;border:0 !important;padding:0 !important;box-shadow:none !important; } .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-flow-step::before{content:none !important;display:none !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-flow-step::after{content:"" !important;display:block !important;position:static !important;flex:1 1 auto !important;min-width:14px !important;width:auto !important;height:2px !important;margin:0 10px 0 2px !important;border-radius:2px !important;background:var(--ins-line) !important;transform:none !important;opacity:1 !important;border:0 !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-flow-step:last-child::after{display:none !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-flow-step i{ flex:none !important;display:grid !important;place-items:center !important;width:24px !important;height:24px !important;min-width:24px !important;margin:0 !important;padding:0 !important;border-radius:50% !important; background:#FFFFFF !important;border:1.5px solid var(--ins-line-2) !important;box-shadow:none !important; font:600 11px/1 var(--ins-mono) !important;font-style:normal !important;color:var(--ins-faint) !important;transition:background-color .3s,border-color .3s,box-shadow .3s; } .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-flow-step i::before{content:none !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-flow-step b{flex:0 1 auto !important;min-width:0 !important;font-size:12.5px !important;font-weight:500 !important;color:var(--ins-faint) !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-flow-step.is-active i{background:var(--ins-accent) !important;border-color:var(--ins-accent) !important;color:#FFFFFF !important;box-shadow:0 0 0 4px rgba(13,148,136,.14) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-flow-step.is-active b{color:var(--ins-ink) !important;font-weight:600 !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-flow-step.is-done i{background:var(--ins-accent-soft) !important;border-color:var(--ins-accent-line) !important;color:transparent !important;font-size:0 !important;position:relative} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-flow-step.is-done i::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:10px;transform:translate(-50%,-50%);background:var(--ins-accent); -webkit-mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.4 4.8 9 10 3' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.4 4.8 9 10 3' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-flow-step.is-done b{color:var(--ins-text) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-flow-step.is-done::after{background:var(--ins-accent-2) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-flow-step.is-active::after{background:linear-gradient(90deg,var(--ins-accent-2),var(--ins-line)) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ghost-action,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-shopbar .head-picker-btn,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-voice-master-toggle{ background:#FFFFFF !important;background-image:none !important;color:var(--ins-text) !important;border:1px solid var(--ins-line) !important; border-radius:var(--ins-radius-sm) !important;box-shadow:none !important;text-shadow:none !important;font-weight:500 !important;transition:border-color .2s,background-color .2s !important; } .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ghost-action:hover,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-shopbar .head-picker-btn:hover,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-voice-master-toggle:hover{border-color:var(--ins-line-2) !important;background:var(--ins-fill) !important} /* Header actions: tinted teal buttons with icons so they read as actions, not plain boxes. */ .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-header-main-actions .aibm-ghost-action,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-btn-ghost{ display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:7px !important; color:var(--ins-accent) !important;font-weight:600 !important;border:1px solid var(--ins-accent-line) !important; background:linear-gradient(180deg,#FFFFFF 0%,#EEF8F6 100%) !important; box-shadow:0 1px 2px rgba(15,23,42,.06),0 4px 12px -8px rgba(15,118,110,.45),inset 0 1px 0 #FFFFFF !important; transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-header-main-actions .aibm-ghost-action[hidden]{display:none !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-header-main-actions .aibm-ghost-action:hover,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-btn-ghost:hover{ background:linear-gradient(180deg,#F5FCFA 0%,#DDF3EF 100%) !important;border-color:var(--ins-accent-2) !important;color:var(--ins-accent-hover) !important; box-shadow:0 1px 2px rgba(15,23,42,.06),0 8px 18px -10px rgba(15,118,110,.55),inset 0 1px 0 #FFFFFF !important;transform:translateY(-1px)} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-header-main-actions .aibm-ghost-action:active,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-btn-ghost:active{transform:none;box-shadow:inset 0 1px 2px rgba(15,23,42,.08) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #aibm-generic-measure::before,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #aibm-generic-fit-target::before,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #aibm-history-open::before,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-btn-ghost::before{ content:"";flex:none;width:16px;height:16px;background:currentColor;-webkit-mask:center/contain no-repeat var(--ins-ico);mask:center/contain no-repeat var(--ins-ico)} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #aibm-generic-measure{--ins-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M3 6V3h3M14 3h3v3M17 14v3h-3M6 17H3v-3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='10' cy='6.6' r='1.7' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.4 15.5 8.3 11.6 7 10.2 10 9.4l3 .8-1.3 1.4.9 3.9' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #aibm-generic-fit-target,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-btn-ghost{--ins-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='5.6' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 1.8v4M10 14.2v4M1.8 10h4M14.2 10h4' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='10' cy='10' r='1.2' fill='black'/%3E%3C/svg%3E")} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #aibm-history-open{--ins-ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M3.6 10a6.4 6.4 0 1 0 1.9-4.6' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.2 3.4v3h3' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 6.6V10l2.4 1.6' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-shopbar .head-picker-btn,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-voice-master-toggle{color:var(--ins-accent) !important;border-color:var(--ins-accent-line) !important; background:linear-gradient(180deg,#FFFFFF 0%,#EEF8F6 100%) !important;box-shadow:0 1px 2px rgba(15,23,42,.06),0 4px 12px -8px rgba(15,118,110,.45),inset 0 1px 0 #FFFFFF !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-shopbar .head-picker-btn:hover,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-voice-master-toggle:hover{border-color:var(--ins-accent-2) !important;background:linear-gradient(180deg,#F5FCFA 0%,#DDF3EF 100%) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-shopbar .head-picker-btn svg,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-voice-master-toggle svg{color:inherit !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-voice-master-toggle[aria-pressed="true"]{color:#FFFFFF !important;border-color:var(--ins-accent) !important;background:linear-gradient(150deg,#0F766E 0%,#0D9488 100%) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-voice-master-toggle[aria-pressed="false"]{color:var(--ins-faint) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) :focus-visible{outline:2px solid var(--ins-accent-2) !important;outline-offset:2px !important} /* ---------- sub bar & back links ---------- */ /* On the category stage the hero carries the page title; the grid gets its own heading below it. */ .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-shop-subbar:has(> #aibm-header-category-intro:not([hidden])){display:none !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-shop-subbar{background:transparent !important;border:0 !important;box-shadow:none !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-stage-inline-main{background:transparent !important;border:0 !important;box-shadow:none !important;padding-left:0 !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #aibm-category-stage-title{font-size:20px !important;font-weight:700 !important;color:var(--ins-ink) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #aibm-category-stage-desc{color:var(--ins-muted) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-back-link,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-search-filter-trigger{ background:#FFFFFF !important;background-image:none !important;color:var(--ins-text) !important;border:1px solid var(--ins-line) !important; border-radius:var(--ins-radius-sm) !important;box-shadow:none !important; } .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-back-link:hover,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-search-filter-trigger:hover{border-color:var(--ins-line-2) !important;background:var(--ins-fill) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-back-link small{color:var(--ins-muted) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-measure-target{background:#FFFFFF !important;border:1px solid var(--ins-line) !important;border-radius:var(--ins-radius-sm) !important;box-shadow:none !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #aibm-measure-target-label{color:var(--ins-muted) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #aibm-measure-target-name{color:var(--ins-ink) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-grid-head{display:flex;align-items:center;gap:12px;margin:0 0 16px;padding:6px 0;border-radius:8px;scroll-margin-top:16px} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-grid-head::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--ins-line-2),transparent)} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-grid-step{font:600 12px var(--ins-mono);color:var(--ins-accent);background:var(--ins-accent-soft);border:1px solid var(--ins-accent-line);padding:3px 8px;border-radius:6px} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-grid-title{margin:0 !important;font-size:22px !important;font-weight:700 !important;color:var(--ins-ink) !important;line-height:1.3 !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-grid-head.is-flash{animation:aibm-ins-flash 1.4s ease-out} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .dot{background:var(--ins-accent-2) !important;box-shadow:none !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #progress-text{color:var(--ins-muted) !important} /* ---------- buttons ---------- */ .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-primary-action,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #ai-measure-btn,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .bikefit-next-btn,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #height-modal .modal-btn.btn-ok,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #aibm-search-filter-apply{ background:var(--ins-accent) !important;background-image:none !important;color:#FFFFFF !important;border:1px solid var(--ins-accent) !important; border-radius:var(--ins-radius-sm) !important;box-shadow:0 1px 2px rgba(15,23,42,.08),0 6px 16px -10px rgba(15,118,110,.55) !important;text-shadow:none !important;font-weight:600 !important;transition:background-color .2s,box-shadow .2s !important; } .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-primary-action:hover,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #ai-measure-btn:hover,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .bikefit-next-btn:hover,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #height-modal .modal-btn.btn-ok:hover,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #aibm-search-filter-apply:hover{background:var(--ins-accent-hover) !important;border-color:var(--ins-accent-hover) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #ai-measure-btn.is-cancel{background:#FFFFFF !important;color:var(--ins-warn-ink) !important;border:1px solid rgba(217,119,6,.45) !important;box-shadow:none !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-primary-action:disabled{opacity:.45 !important;box-shadow:none !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-secondary-action,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-sim-entry,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-manual-entry,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #height-modal .modal-btn.btn-cancel,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #aibm-search-filter-reset,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .copy-btn,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-model-open,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #aibm-brand-select-all,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #aibm-brand-clear-all,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-build-tabs button,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-target-refresh button{ background:linear-gradient(180deg,#FFFFFF 0%,#F3F8F8 100%) !important;color:var(--ins-accent) !important;border:1px solid var(--ins-accent-line) !important;font-weight:600 !important; border-radius:var(--ins-radius-sm) !important;box-shadow:0 1px 2px rgba(15,23,42,.06),inset 0 1px 0 #FFFFFF !important;text-shadow:none !important;transition:border-color .2s,background-color .2s,box-shadow .2s !important; } .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-secondary-action:hover,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-sim-entry:hover,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-manual-entry:hover,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #height-modal .modal-btn.btn-cancel:hover,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #aibm-search-filter-reset:hover,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .copy-btn:hover,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-build-tabs button:hover{border-color:var(--ins-accent-2) !important;background:linear-gradient(180deg,#F5FCFA 0%,#DDF3EF 100%) !important;box-shadow:0 6px 14px -10px rgba(15,118,110,.55) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-build-tabs button.is-active{background:var(--ins-accent-soft) !important;color:var(--ins-accent) !important;border-color:var(--ins-accent-line) !important;font-weight:600 !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .clear-btn{color:var(--ins-warn-ink) !important} /* ---------- hero (category stage): light panel with a dark display ---------- */ .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-hero{ position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr);grid-template-areas:"copy stage"; gap:26px 40px;align-items:center;margin:6px 0 36px;padding:40px 40px 32px;border-radius:20px;color:var(--ins-text); background:radial-gradient(700px 360px at 92% -10%,rgba(13,148,136,.07),transparent 70%),linear-gradient(180deg,#FFFFFF 0%,#FAFBFC 100%); border:1px solid var(--ins-line);box-shadow:var(--ins-shadow); } .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-hero-copy{grid-area:copy;min-width:0;position:relative;z-index:1} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-hero-kicker{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;font:600 12px/1 var(--ins-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--ins-accent)} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-hero-kicker::before{content:"";width:20px;height:2px;border-radius:1px;background:var(--ins-accent-2)} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-hero-title{margin:0 0 16px !important;font-family:var(--ins-display-font) !important;font-size:clamp(30px,3.3vw,46px) !important;line-height:1.16 !important;font-weight:700 !important;letter-spacing:-.01em;color:var(--ins-ink) !important;overflow-wrap:break-word} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-hero-title span{display:block} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-hero-em{color:var(--ins-accent) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-hero-desc{margin:0 0 22px !important;max-width:31em;font-size:16px !important;line-height:1.75 !important;color:var(--ins-muted) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-hero-actions{display:flex;flex-wrap:wrap;gap:12px} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-btn{min-height:48px;padding:0 22px;border-radius:var(--ins-radius-sm);border:1px solid transparent;font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:background-color .2s,border-color .2s,box-shadow .2s} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-btn-primary{background:var(--ins-accent);color:#FFFFFF;box-shadow:0 1px 2px rgba(15,23,42,.08),0 8px 20px -12px rgba(15,118,110,.6)} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-btn-primary:hover{background:var(--ins-accent-hover)} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-stage{grid-area:stage;position:relative;margin:0;min-width:0;aspect-ratio:16 / 10.5;min-height:330px;border-radius:16px;overflow:hidden; background:var(--ins-display);border:1px solid #1E293B;box-shadow:0 1px 0 rgba(255,255,255,.6),0 26px 50px -30px rgba(15,23,42,.55),inset 0 1px 0 rgba(255,255,255,.05)} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-stage::before{content:"";position:absolute;inset:0;pointer-events:none; background:linear-gradient(var(--ins-display-line) 1px,transparent 1px) 0 0/32px 32px,linear-gradient(90deg,var(--ins-display-line) 1px,transparent 1px) 0 0/32px 32px;opacity:.35; -webkit-mask-image:radial-gradient(ellipse at 50% 40%,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse at 50% 40%,#000 30%,transparent 80%)} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-stage[hidden]{display:none !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-stage-canvas{position:absolute;inset:0;width:100%;height:100%;display:block} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-stage-tag{position:absolute;top:12px;left:12px;padding:4px 9px;border-radius:999px;font:600 11px/1.2 var(--ins-mono);color:var(--ins-on-display-muted);background:rgba(15,23,42,.6);border:1px solid rgba(148,163,184,.22)} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-stage-toggle{position:absolute;top:10px;right:10px;z-index:2;display:grid;place-items:center;width:32px;height:32px;padding:0;border-radius:8px;cursor:pointer; background:rgba(15,23,42,.6);border:1px solid rgba(148,163,184,.25);transition:border-color .2s,background-color .2s} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-stage-toggle::before{content:"";width:10px;height:12px;background:linear-gradient(90deg,#CBD5E1 0 3px,transparent 3px 7px,#CBD5E1 7px 10px)} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-stage-toggle[aria-pressed="true"]::before{width:0;height:0;background:none;border-style:solid;border-width:6px 0 6px 10px;border-color:transparent transparent transparent #CBD5E1;margin-left:3px} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-stage-toggle:hover{border-color:rgba(94,234,212,.6);background:rgba(15,23,42,.8)} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-stage{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-stage.is-dragging{cursor:grabbing} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-stage-hint{position:absolute;top:13px;right:52px;z-index:2;padding:4px 9px;border-radius:999px;font-size:11px;line-height:1.2;color:var(--ins-on-display-muted);background:rgba(15,23,42,.55);border:1px solid rgba(148,163,184,.18);pointer-events:none;transition:opacity .6s} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-stage.has-rotated .aibm-ins-stage-hint{opacity:0} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-stage-phases{position:absolute;left:8px;right:8px;bottom:8px;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-stage-phases li{margin:0;min-width:0} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-stage-phases button{position:relative;display:flex;align-items:center;gap:7px;width:100%;min-width:0;min-height:30px;margin:0;padding:5px 8px;border-radius:8px;cursor:pointer;overflow:hidden; font:inherit;font-size:12px;line-height:1.3;text-align:left;color:var(--ins-on-display-muted);background:rgba(15,23,42,.58);border:1px solid rgba(148,163,184,.16); -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:color .3s,border-color .3s,background-color .3s} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-stage-phases button:hover{color:#E2E8F0;border-color:rgba(94,234,212,.4);background:rgba(15,23,42,.78)} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-stage-phases button:focus-visible{outline:2px solid var(--ins-glow) !important;outline-offset:1px !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-stage-phases i{flex:none;display:grid;place-items:center;width:18px;height:18px;border-radius:6px;font:600 10px/1 var(--ins-mono);font-style:normal;color:rgba(148,163,184,.85);background:rgba(148,163,184,.12);transition:background-color .3s,color .3s} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-stage-phases span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-stage-phases button::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,#2DD4BF,#7DD3FC);transform:scaleX(var(--p,0));transform-origin:left;opacity:0} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-stage-phases button.is-done{color:#CBD5E1} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-stage-phases button.is-done i{color:#99F6E4;background:rgba(45,212,191,.14)} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-stage-phases button.is-active{color:#F8FAFC;border-color:rgba(94,234,212,.42);background:linear-gradient(180deg,rgba(20,184,166,.2),rgba(15,23,42,.62))} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-stage-phases button.is-active i{color:#0B1220;background:var(--ins-glow)} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-stage-phases button.is-active::after{opacity:1} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-sr{position:absolute !important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-caps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-caps li{margin:0;min-width:0} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-cap{ position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon title" "icon desc";column-gap:12px;row-gap:3px;align-items:start; width:100%;height:100%;padding:13px 14px;text-align:left;cursor:pointer;color:var(--ins-text);font:inherit; background:#FFFFFF;border:1px solid var(--ins-line);border-radius:12px;transition:transform .2s,border-color .2s,box-shadow .2s; } .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-cap:hover{transform:translateY(-2px);border-color:var(--ins-accent-line);box-shadow:var(--ins-shadow-hover)} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-cap-icon{grid-area:icon;display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--ins-accent-soft);border:1px solid var(--ins-accent-line)} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-cap-icon svg{width:21px;height:21px;fill:none;stroke:var(--ins-accent);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-cap-no{position:absolute;top:11px;right:12px;font:600 11px var(--ins-mono);color:#A0AEC0} /* The first capability is the main action: filled teal, the others stay light. */ .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-caps li:first-child .aibm-ins-cap{background:linear-gradient(150deg,#0F766E 0%,#0D9488 100%);border-color:#0F766E;color:#FFFFFF;box-shadow:0 1px 2px rgba(15,23,42,.1),0 10px 22px -14px rgba(15,118,110,.8)} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-caps li:first-child .aibm-ins-cap:hover{background:linear-gradient(150deg,#115E59 0%,#0F766E 100%);border-color:#115E59} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-caps li:first-child .aibm-ins-cap strong{color:#FFFFFF} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-caps li:first-child .aibm-ins-cap small{color:rgba(240,253,250,.86)} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-caps li:first-child .aibm-ins-cap-no{color:rgba(240,253,250,.7)} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-caps li:first-child .aibm-ins-cap-icon{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.28)} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-caps li:first-child .aibm-ins-cap-icon svg{stroke:#FFFFFF} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-cap strong{grid-area:title;padding-right:22px;font-size:15px;font-weight:700;color:var(--ins-ink);line-height:1.35} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-cap small{grid-area:desc;font-size:12.5px;line-height:1.55;color:var(--ins-faint)} /* ---------- category cards: full-bleed scene photo, label on a frosted chip ---------- */ .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-category-grid{gap:16px !important;counter-reset:aibm-ins-cat} @media (min-width:900px){.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-category-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-category-card{ position:relative !important;counter-increment:aibm-ins-cat;display:block !important; background:var(--ins-fill-2) !important;background-image:none !important;border:1px solid var(--ins-line) !important;border-radius:var(--ins-radius) !important; box-shadow:var(--ins-shadow) !important;overflow:hidden !important;padding:0 !important;text-align:left !important;transform:none; transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s,border-color .3s !important; } .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-category-card::before{ content:counter(aibm-ins-cat,decimal-leading-zero);position:absolute;top:12px;left:12px;z-index:3;padding:3px 8px;border-radius:7px; font:600 11px/1.3 var(--ins-mono);color:var(--ins-text);background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.7); -webkit-backdrop-filter:blur(8px) saturate(1.4);backdrop-filter:blur(8px) saturate(1.4); } .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-category-card::after{content:none !important;display:none !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-category-card::before{content:none !important;display:none !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-category-card:hover,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-category-card:focus-visible{transform:translateY(-2px);border-color:var(--ins-accent-line) !important;box-shadow:var(--ins-shadow-hover) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-category-card.is-selected{border-color:var(--ins-accent-2) !important;box-shadow:0 0 0 1px var(--ins-accent-2),var(--ins-shadow) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-category-card-media{ position:relative !important;display:block !important;aspect-ratio:16 / 10 !important;height:auto !important;min-height:0 !important;max-height:none !important; border-radius:0 !important;margin:0 !important;padding:0 !important;background:var(--ins-fill-2) !important;overflow:hidden !important; } /* Every photo covers the card, so no background edge can show beside a framed image. */ .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-category-card-media>img{ position:absolute !important;inset:0 !important;left:0 !important;top:0 !important;width:100% !important;height:100% !important;max-width:none !important;max-height:none !important; object-fit:cover !important;object-position:center 58% !important;transform:scale(1.001);transition:transform 1.1s cubic-bezier(.2,.7,.2,1),filter .6s !important; } .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-category-card:hover .aibm-category-card-media>img,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-category-card:focus-visible .aibm-category-card-media>img{transform:scale(1.045);filter:saturate(1.06) brightness(1.03)} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-category-card-media::after{content:"" !important;position:absolute !important;inset:0 !important;z-index:1 !important;pointer-events:none;opacity:1 !important;animation:none !important; background:linear-gradient(to bottom,rgba(15,23,42,.12) 0%,rgba(15,23,42,0) 30%) !important;transition:opacity .45s} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-category-card .aibm-image-status{position:absolute !important;left:0 !important;right:0 !important;top:42% !important;z-index:2 !important;width:auto !important;padding:0 14px !important;background:transparent !important;color:var(--ins-faint) !important;text-align:center !important;font-size:12px !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-category-card-body{ position:absolute !important;left:8px !important;top:8px !important;bottom:auto !important;right:auto !important;z-index:2 !important;display:flex !important;flex-direction:row !important;flex-wrap:nowrap !important; align-items:center !important;gap:8px !important;width:auto !important;max-width:calc(100% - 16px) !important;padding:6px 11px !important;border-radius:9px !important;min-width:0 !important; background:rgba(255,255,255,.82) !important;border:1px solid rgba(255,255,255,.65) !important;box-shadow:0 6px 18px -10px rgba(15,23,42,.45) !important; -webkit-backdrop-filter:blur(10px) saturate(1.5);backdrop-filter:blur(10px) saturate(1.5);transition:background-color .35s,box-shadow .35s; } .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-category-card-body::after{ content:"";flex:none;width:0;height:14px;opacity:0;background:var(--ins-accent);transition:width .35s,opacity .35s; -webkit-mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h9M8.5 4.5 12 8l-3.5 3.5' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h9M8.5 4.5 12 8l-3.5 3.5' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); } .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-category-card:hover .aibm-category-card-body,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-category-card:focus-visible .aibm-category-card-body{background:rgba(255,255,255,.92) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-category-card:hover .aibm-category-card-body::after,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-category-card:focus-visible .aibm-category-card-body::after{width:14px;opacity:1} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-category-card-body strong{flex:none !important;display:block !important;margin:0 !important;font-size:15px !important;font-weight:700 !important;color:var(--ins-ink) !important;line-height:20px !important;text-align:left !important;text-shadow:none !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-category-card-tags{display:block;flex:0 1 auto;min-width:0;margin:0 !important;padding-left:8px;border-left:1px solid var(--ins-line-2);font-size:12.5px;line-height:16px;color:var(--ins-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) :is(.aibm-category-card,.aibm-model-card){animation:aibm-ins-card-in .55s cubic-bezier(.2,.7,.2,1) backwards} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) :is(.aibm-category-card,.aibm-model-card):nth-child(12n+2){animation-delay:.04s} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) :is(.aibm-category-card,.aibm-model-card):nth-child(12n+3){animation-delay:.08s} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) :is(.aibm-category-card,.aibm-model-card):nth-child(12n+4){animation-delay:.12s} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) :is(.aibm-category-card,.aibm-model-card):nth-child(12n+5){animation-delay:.16s} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) :is(.aibm-category-card,.aibm-model-card):nth-child(12n+6){animation-delay:.2s} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) :is(.aibm-category-card,.aibm-model-card):nth-child(12n+7){animation-delay:.24s} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) :is(.aibm-category-card,.aibm-model-card):nth-child(12n+8){animation-delay:.28s} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) :is(.aibm-category-card,.aibm-model-card):nth-child(12n+9){animation-delay:.32s} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) :is(.aibm-category-card,.aibm-model-card):nth-child(12n+10){animation-delay:.36s} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) :is(.aibm-category-card,.aibm-model-card):nth-child(12n+11){animation-delay:.4s} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) :is(.aibm-category-card,.aibm-model-card):nth-child(12n){animation-delay:.44s} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-model-card{background:#FFFFFF !important;background-image:none !important;border:1px solid var(--ins-line) !important;border-radius:var(--ins-radius) !important;box-shadow:var(--ins-shadow) !important;transition:transform .25s,box-shadow .25s,border-color .25s !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-model-card:hover{transform:translateY(-2px);border-color:var(--ins-accent-line) !important;box-shadow:var(--ins-shadow-hover) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-model-media{background:var(--ins-fill) !important;border-bottom:1px solid var(--ins-line-soft) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-model-brand{font-size:12px !important;font-weight:600 !important;letter-spacing:.04em !important;color:var(--ins-faint) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-model-title-row h3{font-family:var(--ins-display-font) !important;font-weight:700 !important;color:var(--ins-ink) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-model-meta{font-family:var(--ins-mono) !important;font-size:12px !important;color:var(--ins-faint) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-model-open:hover{background:var(--ins-accent-soft) !important;color:var(--ins-accent) !important;border-color:var(--ins-accent-line) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-child-subtype-chip{background:#FFFFFF !important;color:var(--ins-text) !important;border:1px solid var(--ins-line-2) !important;border-radius:999px !important;box-shadow:none !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-child-subtype-chip.is-active{background:var(--ins-accent-soft) !important;color:var(--ins-accent) !important;border-color:var(--ins-accent-line) !important;font-weight:600 !important} /* ---------- detail ---------- */ .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-detail-topbar,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-detail-section,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-target-result,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .bikefit-panel,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-fit-status,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .meas-page .panel,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-result-note-editor{ background:#FFFFFF !important;background-image:none !important;border:1px solid var(--ins-line) !important;border-radius:var(--ins-radius) !important;box-shadow:var(--ins-shadow) !important; } .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-detail-section{padding:22px 24px 24px !important;margin-bottom:16px !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #aibm-detail-category,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #aibm-detail-year{background:var(--ins-fill-2) !important;color:var(--ins-text) !important;border:0 !important;border-radius:6px !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #aibm-detail-year{font-family:var(--ins-mono) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-detail-brand{color:var(--ins-faint) !important;letter-spacing:.06em !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #aibm-detail-model{font-family:var(--ins-display-font) !important;font-weight:700 !important;color:var(--ins-ink) !important;letter-spacing:-.01em !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-size-pill{background:#FFFFFF !important;background-image:none !important;color:var(--ins-text) !important;border:1px solid var(--ins-line-2) !important;border-radius:var(--ins-radius-sm) !important;box-shadow:none !important;font-family:var(--ins-mono) !important;font-weight:600 !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-size-pill:hover{border-color:var(--ins-accent-2) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-size-pill.is-active{background:var(--ins-accent) !important;color:#FFFFFF !important;border-color:var(--ins-accent) !important;box-shadow:0 6px 14px -10px rgba(15,118,110,.8) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-detail-gallery-stage{background:radial-gradient(ellipse at 50% 60%,#FFFFFF 0%,#F3F5F8 100%) !important;border-radius:var(--ins-radius) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-gallery-nav{background:rgba(255,255,255,.92) !important;color:var(--ins-text) !important;border:1px solid var(--ins-line) !important;box-shadow:none !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-detail-section-head{margin-bottom:14px !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-detail-section-head h3,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #bikefit-title{display:flex !important;align-items:center !important;gap:10px !important;color:var(--ins-ink) !important;font-weight:700 !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-detail-section-head h3::before{content:"";flex:none;width:3px;height:16px;border-radius:2px;background:var(--ins-accent-2)} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-detail-section-head p{color:var(--ins-faint) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #aibm-detail-geometry th,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #aibm-detail-geometry td,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-sr-table th,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-sr-table td{border-color:var(--ins-line-soft) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #aibm-detail-geometry thead th,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-sr-table thead th{background:var(--ins-fill) !important;color:var(--ins-muted) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-geom-value,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-sr-table td,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-geometry-size-head,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #aibm-detail-stackreach,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #aibm-detail-size-count{font-family:var(--ins-mono) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-geometry-size-head.is-active-size,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #aibm-detail-geometry thead th.is-active-size,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #aibm-detail-geometry thead th.aibm-geometry-size-head.is-active-size{background:var(--ins-accent-soft) !important;color:var(--ins-accent) !important;box-shadow:inset 0 2px 0 var(--ins-accent-2) !important;font-weight:700 !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #aibm-detail-geometry td.is-active-size{background:rgba(240,253,250,.7) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #aibm-detail-geometry td.is-active-size .aibm-geom-value{font-weight:600 !important;color:var(--ins-ink) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #aibm-detail-geometry tr.is-active-param th,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #aibm-detail-geometry tr.is-active-param td{box-shadow:inset 0 1px 0 var(--ins-accent-line),inset 0 -1px 0 var(--ins-accent-line) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #aibm-detail-geometry th.aibm-geometry-label-cell.is-active-param{box-shadow:inset 3px 0 0 var(--ins-accent-2),inset 0 1px 0 var(--ins-accent-line),inset 0 -1px 0 var(--ins-accent-line) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-geometry-visual{background:linear-gradient(rgba(15,23,42,.025) 1px,transparent 1px) 0 0/20px 20px,linear-gradient(90deg,rgba(15,23,42,.025) 1px,transparent 1px) 0 0/20px 20px,#FFFFFF !important;border:1px solid var(--ins-line) !important;border-radius:var(--ins-radius) !important;box-shadow:none !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-geometry-visual .aibm-bike-illustration{filter:grayscale(1) contrast(1.15)} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-geometry-caption{font-family:var(--ins-mono) !important;color:var(--ins-ink) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-geom-helper{background:var(--ins-fill) !important;border:1px solid var(--ins-line) !important;color:var(--ins-text) !important;border-radius:var(--ins-radius-sm) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-sr-table tr.is-active td{background:var(--ins-accent-soft) !important;color:var(--ins-ink) !important;font-weight:600 !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-sr-table tbody tr:hover td{background:var(--ins-fill) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-sr-chart-card{border:1px solid var(--ins-line) !important;border-radius:var(--ins-radius) !important;box-shadow:none !important;background:#FFFFFF !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-sr-chart-card svg text{font-family:var(--ins-mono)} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-sr-gridline{stroke:rgba(15,23,42,.07) !important;stroke-dasharray:none !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-sr-axis{stroke:var(--ins-muted) !important;stroke-width:1.1 !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-sr-guide{stroke:rgba(13,148,136,.5) !important;stroke-width:1.1 !important;stroke-dasharray:4 4 !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-sr-line{stroke:#334155 !important;stroke-width:1.8 !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-sr-point circle{fill:#FFFFFF !important;stroke:#334155 !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-sr-point text{fill:var(--ins-text) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-sr-point.is-active circle{fill:var(--ins-accent-2) !important;stroke:var(--ins-accent-2) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-sr-point.is-active text,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-sr-point.is-active .aibm-sr-value{fill:var(--ins-accent) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-sr-axis-label{fill:var(--ins-faint) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-derived-badge{border-radius:3px !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-build-meta span{background:var(--ins-fill-2) !important;color:var(--ins-text) !important;border:0 !important;border-radius:6px !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-component-card{background:var(--ins-fill) !important;border:1px solid var(--ins-line) !important;border-radius:var(--ins-radius-sm) !important;box-shadow:none !important;transition:border-color .2s} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-component-card:hover{border-color:var(--ins-accent-line) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-component-kind{color:var(--ins-faint) !important} /* ---------- header: brand returns home ---------- */ .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) a.aibm-shop-brand,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) a.aibm-shop-brand:hover,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) a.aibm-shop-brand:focus,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) a.aibm-shop-brand:visited{text-decoration:none !important;box-shadow:none !important;color:var(--ins-ink) !important;cursor:pointer;border-radius:10px} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) a.aibm-shop-brand .aibm-ins-mark{transition:transform .25s ease} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) a.aibm-shop-brand:hover .aibm-ins-mark{transform:rotate(45deg)} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) a.aibm-shop-brand:focus-visible{outline:2px solid var(--ins-accent-2) !important;outline-offset:4px} /* ---------- detail: specs & build ---------- */ .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-build-tabs{gap:6px !important;margin:0 0 14px !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-build-tabs button{min-height:34px !important;padding:6px 12px !important;font-size:13px !important;line-height:20px !important;font-weight:600 !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-keyspec-host{margin:0 0 18px} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-keyspec-host[hidden]{display:none !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-build-meta{align-items:center !important;gap:6px !important;margin:0 0 10px !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-build-meta b{margin-right:4px;font-size:13px;line-height:20px;font-weight:600;color:var(--ins-ink)} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-build-meta span{padding:2px 8px !important;font-size:12px !important;line-height:18px !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-build-note{margin:0 0 10px !important;font-size:12.5px;line-height:1.6;color:var(--ins-muted)} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-build-parts-title{margin:4px 0 8px !important;font-size:13px !important;line-height:20px !important;font-weight:600 !important;color:var(--ins-muted) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-component-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr)) !important;gap:8px !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-component-card{padding:10px 12px !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-component-kind{font-size:11px !important;font-weight:600 !important;margin-bottom:3px !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-component-card strong{font-size:13px !important;line-height:1.4 !important;font-weight:600 !important;color:var(--ins-ink) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-component-card small{font-size:12px !important;line-height:1.45 !important;color:var(--ins-muted) !important} /* ---------- detail: key specs (every tile optional) ---------- */ .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-keyspec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:10px;margin:0 0 4px;padding:0} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-keyspec{display:flex;flex-direction:column;gap:3px;min-width:0;padding:12px 14px;background:var(--ins-fill);border:1px solid var(--ins-line);border-radius:var(--ins-radius-sm);transition:border-color .2s} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-keyspec:hover{border-color:var(--ins-accent-line)} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-keyspec-label{display:flex;align-items:center;gap:6px;margin:0;font-size:12px;line-height:16px;color:var(--ins-faint);white-space:nowrap} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-keyspec-flag{flex:none;padding:0 5px;border-radius:4px;background:var(--ins-fill-2);color:var(--ins-faint);font-size:10.5px;font-style:normal;line-height:16px} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-keyspec-value{display:block;margin:0;font-size:16px;line-height:22px;font-weight:700;color:var(--ins-ink);overflow-wrap:anywhere} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-keyspec-sub{display:block;margin:0;font-size:12px;line-height:17px;color:var(--ins-muted);overflow-wrap:anywhere} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-keyspec[data-spec="price"] .aibm-keyspec-value{color:var(--ins-accent)} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-keyspec.is-derived .aibm-keyspec-value{font-weight:600} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-keyspec-note{margin:8px 0 0 !important;font-size:12px;line-height:18px;color:var(--ins-faint)} /* ---------- measure: scan bay (display) ---------- */ .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .panel-head{border-bottom:1px solid var(--ins-line-soft) !important;background:transparent !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .panel-title{color:var(--ins-ink) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #cam-box{background:var(--ins-display) !important;border-radius:var(--ins-radius) !important;box-shadow:inset 0 0 0 1px #1E293B !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #cam-standby{ background:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 840 680" preserveAspectRatio="xMidYMid meet"%3E %3Cpath d="M244 586.1L-540 680M266 586.1L-420 680M288 586.1L-300 680M310 586.1L-180 680M332 586.1L-60 680M354 586.1L60 680M376 586.1L180 680M398 586.1L300 680M420 586.1L420 680M442 586.1L540 680M464 586.1L660 680M486 586.1L780 680M508 586.1L900 680M530 586.1L1020 680M552 586.1L1140 680M574 586.1L1260 680M596 586.1L1380 680M80 586.1H760M80 604.1H760M80 624.1H760M80 648.1H760" fill="none" stroke="%235EEAD4" stroke-opacity=".16"/%3E %3Crect x="338.9" y="58.1" width="162.2" height="558.5" rx="46.8" fill="%235EEAD4" fill-opacity=".03" stroke="%235EEAD4" stroke-opacity=".35" stroke-dasharray="6 6"/%3E %3Ccircle cx="420.0" cy="108.0" r="34.3" fill="none" stroke="%235EEAD4" stroke-opacity=".35" stroke-dasharray="3 4"/%3E %3Cpath d="M376.3 178.2L463.7 178.2M376.3 178.2L360.7 262.4M360.7 262.4L351.4 340.4M351.4 340.4L345.9 360.7M351.4 340.4L352.1 365.4M345.9 360.7L352.1 365.4M351.4 340.4L359.2 356.0M463.7 178.2L479.3 262.4M479.3 262.4L488.6 340.4M488.6 340.4L494.1 360.7M488.6 340.4L487.9 365.4M494.1 360.7L487.9 365.4M488.6 340.4L480.8 356.0M376.3 178.2L395.0 349.8M463.7 178.2L445.0 349.8M395.0 349.8L445.0 349.8M395.0 349.8L391.9 466.8M391.9 466.8L390.4 576.0M390.4 576.0L387.2 591.6M387.2 591.6L376.3 604.1M376.3 604.1L390.4 576.0M445.0 349.8L448.1 466.8M448.1 466.8L449.6 576.0M449.6 576.0L452.8 591.6M452.8 591.6L463.7 604.1M463.7 604.1L449.6 576.0" fill="none" stroke="%235EEAD4" stroke-opacity=".22" stroke-width="9" stroke-linecap="round"/%3E %3Cpath d="M376.3 178.2L463.7 178.2M376.3 178.2L360.7 262.4M360.7 262.4L351.4 340.4M351.4 340.4L345.9 360.7M351.4 340.4L352.1 365.4M345.9 360.7L352.1 365.4M351.4 340.4L359.2 356.0M463.7 178.2L479.3 262.4M479.3 262.4L488.6 340.4M488.6 340.4L494.1 360.7M488.6 340.4L487.9 365.4M494.1 360.7L487.9 365.4M488.6 340.4L480.8 356.0M376.3 178.2L395.0 349.8M463.7 178.2L445.0 349.8M395.0 349.8L445.0 349.8M395.0 349.8L391.9 466.8M391.9 466.8L390.4 576.0M390.4 576.0L387.2 591.6M387.2 591.6L376.3 604.1M376.3 604.1L390.4 576.0M445.0 349.8L448.1 466.8M448.1 466.8L449.6 576.0M449.6 576.0L452.8 591.6M452.8 591.6L463.7 604.1M463.7 604.1L449.6 576.0" fill="none" stroke="%235EEAD4" stroke-width="2.2" stroke-linecap="round"/%3E %3Cpath d="M402.1 115.0L407.5 113.5M407.5 113.5L413.0 114.2M427.0 114.2L432.5 113.5M432.5 113.5L437.9 115.0M402.1 115.0L393.5 120.5M437.9 115.0L446.5 120.5M413.0 133.7L427.0 133.7" fill="none" stroke="%235EEAD4" stroke-opacity=".75" stroke-width="1.2" stroke-linecap="round"/%3E %3Cpath d="M371.8 178.2a4.5 4.5 0 1 0 9.0 0a4.5 4.5 0 1 0 -9.0 0M459.2 178.2a4.5 4.5 0 1 0 9.0 0a4.5 4.5 0 1 0 -9.0 0M356.2 262.4a4.5 4.5 0 1 0 9.0 0a4.5 4.5 0 1 0 -9.0 0M474.8 262.4a4.5 4.5 0 1 0 9.0 0a4.5 4.5 0 1 0 -9.0 0M346.9 340.4a4.5 4.5 0 1 0 9.0 0a4.5 4.5 0 1 0 -9.0 0M484.1 340.4a4.5 4.5 0 1 0 9.0 0a4.5 4.5 0 1 0 -9.0 0M341.4 360.7a4.5 4.5 0 1 0 9.0 0a4.5 4.5 0 1 0 -9.0 0M489.6 360.7a4.5 4.5 0 1 0 9.0 0a4.5 4.5 0 1 0 -9.0 0M347.6 365.4a4.5 4.5 0 1 0 9.0 0a4.5 4.5 0 1 0 -9.0 0M483.4 365.4a4.5 4.5 0 1 0 9.0 0a4.5 4.5 0 1 0 -9.0 0M354.7 356.0a4.5 4.5 0 1 0 9.0 0a4.5 4.5 0 1 0 -9.0 0M476.3 356.0a4.5 4.5 0 1 0 9.0 0a4.5 4.5 0 1 0 -9.0 0M390.5 349.8a4.5 4.5 0 1 0 9.0 0a4.5 4.5 0 1 0 -9.0 0M440.5 349.8a4.5 4.5 0 1 0 9.0 0a4.5 4.5 0 1 0 -9.0 0M387.4 466.8a4.5 4.5 0 1 0 9.0 0a4.5 4.5 0 1 0 -9.0 0M443.6 466.8a4.5 4.5 0 1 0 9.0 0a4.5 4.5 0 1 0 -9.0 0M385.9 576.0a4.5 4.5 0 1 0 9.0 0a4.5 4.5 0 1 0 -9.0 0M445.1 576.0a4.5 4.5 0 1 0 9.0 0a4.5 4.5 0 1 0 -9.0 0M382.7 591.6a4.5 4.5 0 1 0 9.0 0a4.5 4.5 0 1 0 -9.0 0M448.3 591.6a4.5 4.5 0 1 0 9.0 0a4.5 4.5 0 1 0 -9.0 0M371.8 604.1a4.5 4.5 0 1 0 9.0 0a4.5 4.5 0 1 0 -9.0 0M459.2 604.1a4.5 4.5 0 1 0 9.0 0a4.5 4.5 0 1 0 -9.0 0" fill="%230E1726" stroke="%235EEAD4" stroke-width="2"/%3E %3Cpath d="M417.8 122.0a2.2 2.2 0 1 0 4.4 0a2.2 2.2 0 1 0 -4.4 0M405.3 113.5a2.2 2.2 0 1 0 4.4 0a2.2 2.2 0 1 0 -4.4 0M424.8 114.2a2.2 2.2 0 1 0 4.4 0a2.2 2.2 0 1 0 -4.4 0M430.3 113.5a2.2 2.2 0 1 0 4.4 0a2.2 2.2 0 1 0 -4.4 0M444.3 120.5a2.2 2.2 0 1 0 4.4 0a2.2 2.2 0 1 0 -4.4 0M410.8 114.2a2.2 2.2 0 1 0 4.4 0a2.2 2.2 0 1 0 -4.4 0M424.8 133.7a2.2 2.2 0 1 0 4.4 0a2.2 2.2 0 1 0 -4.4 0M410.8 133.7a2.2 2.2 0 1 0 4.4 0a2.2 2.2 0 1 0 -4.4 0M391.3 120.5a2.2 2.2 0 1 0 4.4 0a2.2 2.2 0 1 0 -4.4 0M435.7 115.0a2.2 2.2 0 1 0 4.4 0a2.2 2.2 0 1 0 -4.4 0M399.9 115.0a2.2 2.2 0 1 0 4.4 0a2.2 2.2 0 1 0 -4.4 0" fill="%235EEAD4"/%3E %3C/svg%3E') center 42%/auto 86% no-repeat,var(--ins-display) !important; color:#E2E8F0 !important;text-shadow:0 1px 2px #0B1220 !important;align-items:flex-end !important;justify-content:center !important; padding:0 16px 22px !important;white-space:pre-line !important;text-align:center !important;font-size:14px !important;line-height:1.6 !important;overflow:hidden !important; } .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #cam-standby::before{ content:"";position:absolute;inset:14px;pointer-events:none;opacity:.75; background:linear-gradient(#5EEAD4,#5EEAD4) left top/22px 2px no-repeat,linear-gradient(#5EEAD4,#5EEAD4) left top/2px 22px no-repeat, linear-gradient(#5EEAD4,#5EEAD4) right top/22px 2px no-repeat,linear-gradient(#5EEAD4,#5EEAD4) right top/2px 22px no-repeat, linear-gradient(#5EEAD4,#5EEAD4) left bottom/22px 2px no-repeat,linear-gradient(#5EEAD4,#5EEAD4) left bottom/2px 22px no-repeat, linear-gradient(#5EEAD4,#5EEAD4) right bottom/22px 2px no-repeat,linear-gradient(#5EEAD4,#5EEAD4) right bottom/2px 22px no-repeat; } .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #cam-standby::after{ content:"";position:absolute;left:0;right:0;top:0;height:80px;pointer-events:none; background:linear-gradient(to bottom,rgba(94,234,212,0),rgba(94,234,212,.09));border-bottom:1px solid rgba(94,234,212,.55); animation:aibm-ins-scan 3.6s linear infinite; } .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #cam-standby.is-loading::after{animation-duration:1.8s} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-measure-actions{gap:10px !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #field-list .field-row{border-color:var(--ins-line-soft) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #field-list .field-label{color:var(--ins-text) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #field-list .field-val input{font-family:var(--ins-mono) !important;font-weight:600 !important;color:var(--ins-ink) !important;border:1px solid var(--ins-line-2) !important;border-radius:var(--ins-radius-sm) !important;background:#FFFFFF !important;box-shadow:none !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #field-list .field-val input:focus{border-color:var(--ins-accent-2) !important;box-shadow:0 0 0 3px rgba(13,148,136,.14) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #field-list .field-unit{color:var(--ins-faint) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-pretty-select{background:#FFFFFF !important;border:1px solid var(--ins-line-2) !important;border-radius:var(--ins-radius-sm) !important;color:var(--ins-text) !important;box-shadow:none !important} /* ---------- result: calculation pipeline ---------- */ .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-fit-status-card{background:transparent !important;border:0 !important;box-shadow:none !important;padding:4px 2px !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-fit-status-head{display:flex !important;align-items:center !important;gap:10px !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-fit-status-head strong{font-size:16px !important;font-weight:700 !important;color:var(--ins-ink) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-fit-status-elapsed{margin-left:auto;font:500 13px var(--ins-mono);color:var(--ins-accent);white-space:nowrap} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-fit-status-line{color:var(--ins-faint) !important;font-size:13px !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-fit-status-steps{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:0 !important;list-style:none !important;margin:16px 0 4px !important;padding:0 !important;counter-reset:aibm-ins-step} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-fit-status-steps li{ position:relative !important;counter-increment:aibm-ins-step;padding:30px 14px 0 0 !important;margin:0 !important; background:none !important;border:0 !important;box-shadow:none !important;font-size:12px !important;line-height:1.5 !important;color:var(--ins-faint) !important; } .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-fit-status-steps li::before{ content:counter(aibm-ins-step,decimal-leading-zero) !important;position:absolute !important;top:0 !important;left:0 !important;z-index:1; display:grid !important;place-items:center !important;width:22px !important;height:22px !important;border-radius:50% !important; background:#FFFFFF !important;border:1px solid var(--ins-line-2) !important;color:var(--ins-faint) !important;font:600 10px var(--ins-mono) !important;transform:none !important; } .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-fit-status-steps li::after{content:"" !important;position:absolute !important;top:10px !important;left:28px !important;right:6px !important;height:2px !important;background:var(--ins-line) !important;border:0 !important;width:auto !important;transform:none !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-fit-status-steps li:last-child::after{display:none !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-fit-status-steps li.is-done{color:var(--ins-text) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-fit-status-steps li.is-done::before{content:"✓" !important;background:var(--ins-accent-2) !important;border-color:var(--ins-accent-2) !important;color:#FFFFFF !important;font-size:12px !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-fit-status-steps li.is-done::after{background:var(--ins-accent-2) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-fit-status-steps li.is-current{color:var(--ins-ink) !important;font-weight:600 !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-fit-status-steps li.is-current::before{border-color:var(--ins-accent-2) !important;color:var(--ins-accent) !important;box-shadow:0 0 0 4px rgba(13,148,136,.12) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-fit-status-steps li.is-current::after{background:repeating-linear-gradient(90deg,var(--ins-accent-2) 0 8px,transparent 8px 14px) !important;background-size:28px 2px !important;animation:aibm-ins-flow .9s linear infinite} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .bikefit-head{background:transparent !important;border-bottom:1px solid var(--ins-line-soft) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .bikefit-body{background:transparent !important;border:0 !important;box-shadow:none !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .bikefit-card{background:var(--ins-fill) !important;border:1px solid var(--ins-line) !important;border-radius:var(--ins-radius-sm) !important;box-shadow:none !important;transition:border-color .2s} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .bikefit-card:hover{border-color:var(--ins-accent-line) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .bikefit-card-value{font-family:var(--ins-mono) !important;font-weight:600 !important;color:var(--ins-ink) !important;letter-spacing:-.02em !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .bikefit-card-range{color:var(--ins-accent) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .fit-quality-summary{background:var(--ins-fill) !important;border-color:var(--ins-line) !important;color:var(--ins-muted) !important;border-radius:var(--ins-radius-sm) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .fit-quality-summary::before{background:var(--ins-accent-soft) !important;color:var(--ins-accent) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #aibm-report-notes-input{border:1px solid var(--ins-line-2) !important;border-radius:var(--ins-radius-sm) !important;box-shadow:none !important;background:#FFFFFF !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #aibm-report-notes-input:focus{border-color:var(--ins-accent-2) !important;box-shadow:0 0 0 3px rgba(13,148,136,.14) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-target-result-name strong{color:var(--ins-faint) !important;letter-spacing:.04em} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-target-result-name h2{font-family:var(--ins-display-font) !important;color:var(--ins-ink) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-target-result-media{background:radial-gradient(ellipse at 50% 60%,#FFFFFF 0%,#F3F5F8 100%) !important;border-radius:var(--ins-radius-sm) !important} /* ---------- height dialog ---------- */ .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #height-modal{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(15,23,42,.42) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #height-modal .modal-box{position:relative;overflow:hidden;border:1px solid var(--ins-line) !important;border-radius:16px !important;box-shadow:0 30px 70px -30px rgba(15,23,42,.5) !important;background:#FFFFFF !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #height-modal .modal-title{color:var(--ins-ink) !important;font-weight:700 !important;font-family:var(--ins-display-font) !important;letter-spacing:-.005em} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #height-modal .modal-item-label{color:var(--ins-text) !important;font-weight:600 !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #height-modal .modal-height-wrap{ display:flex !important;align-items:center !important;gap:0 !important;min-height:46px;padding:0 !important; background:#FFFFFF !important;border:1px solid var(--ins-line-2) !important;border-radius:var(--ins-radius-sm) !important;box-shadow:none !important;overflow:hidden;transition:border-color .2s,box-shadow .2s; } .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #height-modal .modal-height-wrap:focus-within{border-color:var(--ins-accent-2) !important;box-shadow:0 0 0 3px rgba(13,148,136,.14) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #height-modal .modal-height-wrap input{ flex:1 1 auto !important;min-width:0 !important;width:100% !important;height:44px !important;margin:0 !important;padding:0 4px 0 14px !important; border:0 !important;border-radius:0 !important;outline:0 !important;background:transparent !important;box-shadow:none !important; font-family:var(--ins-mono) !important;font-weight:600 !important;font-size:17px !important;color:var(--ins-ink) !important; } .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #height-modal .modal-unit{ position:static !important;flex:none !important;display:inline-flex !important;align-items:center !important;height:auto !important;margin:0 !important;padding:0 14px 0 6px !important; border:0 !important;background:transparent !important;box-shadow:none !important;color:var(--ins-faint) !important;font:500 13px var(--ins-mono) !important;transform:none !important; } .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #height-modal .modal-unit:empty{display:none !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #height-modal select{min-height:46px !important;border:1px solid var(--ins-line-2) !important;border-radius:var(--ins-radius-sm) !important;box-shadow:none !important;background-color:#FFFFFF !important;color:var(--ins-text) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #height-modal select:focus{border-color:var(--ins-accent-2) !important;box-shadow:0 0 0 3px rgba(13,148,136,.14) !important;outline:0 !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-model-preload-status[hidden]{display:none !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #height-modal .modal-prep{background:var(--ins-fill) !important;border:1px solid var(--ins-line) !important;border-radius:12px !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #height-modal .modal-prep-title{color:var(--ins-ink) !important;font-weight:700 !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #height-modal .modal-prep ul{list-style:none !important;padding-left:0 !important;counter-reset:aibm-ins-prep} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #height-modal .modal-prep li{position:relative !important;counter-increment:aibm-ins-prep;padding-left:32px !important;margin:8px 0 !important;list-style:none !important;color:var(--ins-muted)} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #height-modal .modal-prep li::before{content:counter(aibm-ins-prep,decimal-leading-zero) !important;position:absolute !important;left:0 !important;top:1px !important;display:grid !important;place-items:center !important;width:22px !important;height:22px !important;border-radius:6px !important;background:var(--ins-accent-soft) !important;border:1px solid var(--ins-accent-line);color:var(--ins-accent) !important;font:600 10px var(--ins-mono) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #height-modal .modal-prep-confirm input{accent-color:var(--ins-accent)} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #height-modal .modal-privacy{background:transparent !important;border:0 !important;border-top:1px dashed var(--ins-line-2) !important;border-radius:0 !important;padding:10px 0 0 !important;color:var(--ins-faint) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-search-filter-dialog{border:1px solid var(--ins-line) !important;border-radius:14px !important;box-shadow:0 24px 60px -24px rgba(15,23,42,.4) !important;background:#FFFFFF !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #aibm-search-filter-title{color:var(--ins-ink) !important;font-weight:700 !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #aibm-search-filter-input{border:1px solid var(--ins-line-2) !important;border-radius:var(--ins-radius-sm) !important;box-shadow:none !important;background:#FFFFFF !important;color:var(--ins-ink) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-brand-option{border:1px solid var(--ins-line) !important;border-radius:var(--ins-radius-sm) !important;background:#FFFFFF !important;box-shadow:none !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-brand-option:has(input:checked){border-color:var(--ins-accent-line) !important;background:var(--ins-accent-soft) !important} /* Reserve a strip at the bottom of watermark hosts so the corner mark never sits on data. */ .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-geometry-panel,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-geometry-visual,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-sr-chart-card{padding-bottom:30px !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-geometry-definition{background:var(--ins-fill) !important;border:1px solid var(--ins-line) !important;color:var(--ins-text) !important;border-radius:var(--ins-radius-sm) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-geometry-convention{color:var(--ins-faint) !important} /* ---------- floating tools: contact and back to top share one compact style ---------- */ .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) > .aibm-contact-trigger,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-back-to-top{ display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:3px !important; width:52px !important;min-width:52px !important;height:52px !important;min-height:52px !important;max-width:none !important;padding:0 4px !important;border-radius:14px !important; background:rgba(255,255,255,.94) !important;color:var(--ins-text) !important;border:1px solid var(--ins-line) !important; -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 24px -14px rgba(15,23,42,.45) !important; font:600 10.5px/1.1 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif !important;white-space:nowrap !important;overflow:hidden !important;transition:border-color .2s,box-shadow .2s !important; } .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-back-to-top{right:max(16px,env(safe-area-inset-right)) !important;bottom:max(18px,calc(env(safe-area-inset-bottom) + 18px)) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-back-to-top[hidden]{display:none !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) > .aibm-contact-trigger::before{ content:"";width:20px;height:20px;flex:none;background:var(--ins-accent); -webkit-mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5.5A2.5 2.5 0 0 1 6.5 3h11A2.5 2.5 0 0 1 20 5.5v8a2.5 2.5 0 0 1-2.5 2.5H11l-4.6 3.6c-.5.4-1.2 0-1.2-.6V16h0A2.5 2.5 0 0 1 4 13.5Z' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M8.5 9.5h7M8.5 12.5h4.5' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E"); mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 5.5A2.5 2.5 0 0 1 6.5 3h11A2.5 2.5 0 0 1 20 5.5v8a2.5 2.5 0 0 1-2.5 2.5H11l-4.6 3.6c-.5.4-1.2 0-1.2-.6V16h0A2.5 2.5 0 0 1 4 13.5Z' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M8.5 9.5h7M8.5 12.5h4.5' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E"); } .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-back-to-top-icon{display:grid !important;place-items:center !important;width:20px !important;height:20px !important;font-size:0 !important;background:var(--ins-accent); -webkit-mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 19V6M6.5 11.5 12 6l5.5 5.5M6 3.5h12' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 19V6M6.5 11.5 12 6l5.5 5.5M6 3.5h12' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-back-to-top #aibm-back-to-top-label{position:static !important;width:auto !important;height:auto !important;margin:0 !important;overflow:visible !important;clip:auto !important;font-size:10.5px !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins)[data-aibm-lang="en"] .aibm-back-to-top #aibm-back-to-top-label{font-size:0 !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins)[data-aibm-lang="en"] .aibm-back-to-top #aibm-back-to-top-label::after{content:"Top";font-size:10.5px} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) > .aibm-contact-trigger:hover,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-back-to-top:hover{border-color:var(--ins-accent-line) !important;box-shadow:0 12px 26px -14px rgba(15,23,42,.5) !important;transform:none !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) > .aibm-contact-trigger:focus-visible,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-back-to-top:focus-visible{outline:2px solid var(--ins-accent-2) !important;outline-offset:2px !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) > .aibm-contact-dialog{border:1px solid var(--ins-line) !important;border-radius:14px !important;box-shadow:0 24px 60px -24px rgba(15,23,42,.4) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) > .aibm-contact-dialog button{background:#FFFFFF !important;color:var(--ins-text) !important;border:1px solid var(--ins-line-2) !important;border-radius:var(--ins-radius-sm) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) > .aibm-contact-dialog button:hover{border-color:var(--ins-accent-2) !important} /* ---------- dialogs appended to : coordinate selection, setup simulator, history ---------- */ .aibm-ft-mask:not(#aibm-ins),.aibm-sim-mask:not(#aibm-ins){background:rgba(15,23,42,.42) !important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)} .aibm-ft-modal:not(#aibm-ins),.aibm-sim-modal:not(#aibm-ins),.aibm-history-dialog:not(#aibm-ins){position:relative;border:1px solid #E2E8F0 !important;border-radius:16px !important;box-shadow:0 34px 80px -34px rgba(15,23,42,.55) !important} .aibm-ft-primary:not(#aibm-ins),.aibm-sim-modal button[data-submit]:not(#aibm-ins){background:#0F766E !important;color:#FFFFFF !important;border:1px solid #0F766E !important;box-shadow:0 1px 2px rgba(15,23,42,.08),0 6px 16px -10px rgba(15,118,110,.55) !important;font-weight:600 !important} .aibm-ft-primary:not(#aibm-ins):hover,.aibm-sim-modal button[data-submit]:not(#aibm-ins):hover{background:#115E59 !important;border-color:#115E59 !important} /* coordinate selection: preview on the left, inputs on the right */ .aibm-ft-modal:not(#aibm-ins){width:min(1180px,100%) !important;color:#1E293B !important;font-family:system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif !important} .aibm-ft-modal .aibm-ft-head:not(#aibm-ins){padding:20px 24px 16px !important;border-bottom:1px solid #E2E8F0 !important;background:#FFFFFF !important} .aibm-ft-modal .aibm-ft-head h2:not(#aibm-ins){font-family:"AIBM Display","PingFang SC","Microsoft YaHei",system-ui,sans-serif !important;font-size:20px !important;font-weight:700 !important;color:#0F172A !important} .aibm-ft-modal .aibm-ft-head p:not(#aibm-ins){color:#64748B !important;font-size:13.5px !important} .aibm-ft-modal .aibm-ft-close:not(#aibm-ins){width:38px !important;height:38px !important;flex-basis:38px !important;border:1px solid #E2E8F0 !important;border-radius:10px !important;color:#334155 !important;font-size:20px !important;background:#FFFFFF !important} .aibm-ft-modal .aibm-ft-close:not(#aibm-ins):hover{background:#F8FAFC !important;border-color:#CBD5E1 !important} .aibm-ft-modal .aibm-ft-body:not(#aibm-ins){display:grid !important;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);column-gap:24px;align-items:start;padding:20px 24px 22px !important;background:#F8FAFC !important} .aibm-ft-modal .aibm-ft-body > *:not(.aibm-ins-ftplot){grid-column:2} .aibm-ft-modal .aibm-ft-hint:not(#aibm-ins){display:inline-flex;align-items:center;gap:8px;justify-self:start;margin:0 0 6px !important;padding:6px 12px;border-radius:999px;background:#FFFFFF;border:1px solid #E2E8F0;color:#334155 !important;font:500 12.5px/1.45 "AIBM Mono",ui-monospace,"PingFang SC","Microsoft YaHei",monospace !important} .aibm-ft-modal .aibm-ft-hint:not(#aibm-ins)::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:#0D9488} .aibm-ft-modal .aibm-ft-help:not(#aibm-ins){color:#64748B !important;font-size:13px !important;line-height:1.65 !important} .aibm-ft-modal .aibm-ft-top:not(#aibm-ins){margin-top:8px;padding:14px 16px;background:#FFFFFF;border:1px solid #E2E8F0;border-radius:12px} .aibm-ft-modal .aibm-ft-field:not(#aibm-ins){color:#475569 !important;font-size:13px !important;font-weight:600} .aibm-ft-modal .aibm-ft-field:not(#aibm-ins) input,.aibm-ft-modal .aibm-ft-field:not(#aibm-ins) select,.aibm-ft-modal:not(#aibm-ins) textarea{ border:1px solid #CBD5E1 !important;border-radius:10px !important;background:#FFFFFF !important;color:#0F172A !important;font-weight:500 !important;transition:border-color .2s,box-shadow .2s; } .aibm-ft-modal .aibm-ft-field:not(#aibm-ins) input{font-family:"AIBM Mono",ui-monospace,monospace !important;font-weight:600 !important} .aibm-ft-modal .aibm-ft-field:not(#aibm-ins) input:focus,.aibm-ft-modal .aibm-ft-field:not(#aibm-ins) select:focus,.aibm-ft-modal:not(#aibm-ins) textarea:focus{border-color:#0D9488 !important;outline:0 !important;box-shadow:0 0 0 3px rgba(13,148,136,.14) !important} .aibm-ft-modal .aibm-ft-range:not(#aibm-ins){font:500 11px "AIBM Mono",ui-monospace,monospace;color:#94A3B8} .aibm-ft-modal .aibm-ft-point:not(#aibm-ins){position:relative;margin:12px 0 0 !important;padding:14px 16px 16px !important;background:#FFFFFF;border:1px solid #E2E8F0 !important;border-radius:12px !important} .aibm-ft-modal .aibm-ft-point:not(#aibm-ins) legend{display:inline-flex;align-items:center;gap:8px;padding:3px 10px !important;border-radius:999px;background:#F1F5F9;border:1px solid #E2E8F0;color:#0F172A !important;font-size:13px} .aibm-ft-modal .aibm-ft-point:not(#aibm-ins) legend::before{content:"";width:8px;height:8px;border-radius:50%;background:#94A3B8} .aibm-ft-modal .aibm-ft-point:not(#aibm-ins):has(input[name="saddleX"]) legend::before{background:#14B8A6} .aibm-ft-modal .aibm-ft-point:not(#aibm-ins):has(input[name="barX"]) legend::before{background:#3B82F6} .aibm-ft-modal .aibm-ft-point:not(#aibm-ins):has(input[name="hoodX"]) legend::before{background:#8B5CF6} .aibm-ft-modal .aibm-ft-point:not(#aibm-ins):has(input[name="padX"]) legend::before{background:#F59E0B} .aibm-ft-modal .aibm-ft-point:not(#aibm-ins):has(input[name="gripX"]) legend::before{background:#EC4899} .aibm-ft-modal .aibm-ft-toggles:not(#aibm-ins){gap:8px !important} .aibm-ft-modal .aibm-ft-toggles:not(#aibm-ins) label{min-height:40px !important;padding:0 14px;border:1px solid #CBD5E1;border-radius:999px;background:#FFFFFF;cursor:pointer;font-weight:600;color:#334155;transition:border-color .2s,background-color .2s} .aibm-ft-modal .aibm-ft-toggles:not(#aibm-ins) label:has(input:checked){border-color:rgba(13,148,136,.45);background:#F0FDFA;color:#0F766E} .aibm-ft-modal .aibm-ft-toggles input,.aibm-ft-modal .aibm-ft-review input{accent-color:#0F766E;width:16px;height:16px} .aibm-ft-modal .aibm-ft-mode:not(#aibm-ins){background:#FFFFFF !important;border-color:#E2E8F0 !important} .aibm-ft-modal .aibm-ft-context:not(#aibm-ins),.aibm-ft-modal .aibm-ft-import:not(#aibm-ins){margin-top:12px !important;padding:0 !important;border:1px solid #E2E8F0 !important;border-radius:12px;background:#FFFFFF} .aibm-ft-modal .aibm-ft-context summary,.aibm-ft-modal .aibm-ft-import summary{padding:12px 16px;color:#0F172A;list-style-position:inside} .aibm-ft-modal .aibm-ft-context > :not(summary),.aibm-ft-modal .aibm-ft-import > :not(summary){margin-left:16px !important;margin-right:16px !important} .aibm-ft-modal .aibm-ft-context[open],.aibm-ft-modal .aibm-ft-import[open]{padding-bottom:14px !important} .aibm-ft-modal .aibm-ft-feedback{padding:0 24px;background:#F8FAFC} .aibm-ft-modal .aibm-ft-draft-note{color:#94A3B8 !important;font-size:12px !important} .aibm-ft-modal .aibm-ft-actions:not(#aibm-ins){padding:14px 24px 18px !important;border-top:1px solid #E2E8F0 !important;background:#FFFFFF} .aibm-ft-modal .aibm-ft-secondary:not(#aibm-ins){background:#FFFFFF !important;color:#334155 !important;border:1px solid #CBD5E1 !important;border-radius:10px !important} .aibm-ft-modal .aibm-ft-secondary:not(#aibm-ins):hover{border-color:#0D9488 !important;background:#F8FAFC !important} .aibm-ft-modal .aibm-ft-primary:not(#aibm-ins){border-radius:10px !important;padding-left:22px !important;padding-right:22px !important} .aibm-ins-ftplot{grid-column:1;grid-row:1 / span 40;position:sticky;top:0;align-self:start;display:flex;flex-direction:column;gap:10px;margin:0;padding:14px;border-radius:14px;background:#FFFFFF;border:1px solid #E2E8F0} .aibm-ins-ftplot-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;flex-wrap:wrap} .aibm-ins-ftplot-head strong{font-size:14px;font-weight:700;color:#0F172A} .aibm-ins-ftplot-head span{font:500 11.5px "AIBM Mono",ui-monospace,"PingFang SC",monospace;color:#64748B} .aibm-ins-ftplot-view{position:relative;height:clamp(300px,calc(var(--aibm-ft-vh,100dvh) - 330px),620px);border-radius:12px;overflow:hidden;cursor:grab;touch-action:pan-y; background:radial-gradient(ellipse at 50% 32%,#17243A 0%,#0E1726 58%,#0B1220 100%);border:1px solid #1E293B;user-select:none;-webkit-user-select:none} .aibm-ins-ftplot-view.is-dragging{cursor:grabbing} .aibm-ins-ftplot-svg{position:absolute;inset:0;width:100%;height:100%;display:block} .aibm-ins-ftplot-grid line{stroke:rgba(148,163,184,.08);stroke-width:1;vector-effect:non-scaling-stroke} .aibm-ins-ftplot-grid line.is-major{stroke:rgba(148,163,184,.2)} .aibm-ins-ftplot-ghost{fill:none;stroke:rgba(203,213,225,.3);stroke-width:1.2;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round} .aibm-ins-ftplot-ghost *{vector-effect:non-scaling-stroke} .aibm-ins-ftplot-origin-label{fill:#F2C46D;font-family:"AIBM Mono",ui-monospace,"PingFang SC",monospace;font-weight:600;opacity:.85} .aibm-ins-ftplot-ghost.is-hood{stroke:rgba(196,181,253,.5);stroke-width:1.5} .aibm-ins-ftplot-ghost.is-hood.is-on{stroke:#A78BFA;stroke-width:2.2} .aibm-ins-ftplot-origin{fill:#F2C46D} .aibm-ins-ftplot-ticks text{fill:#64748B;font-family:"AIBM Mono",ui-monospace,monospace} .aibm-ins-ftplot-range{fill-opacity:.07;stroke-width:1.2;stroke-dasharray:6 4;stroke-opacity:.8;vector-effect:non-scaling-stroke} .aibm-ins-ftplot-range-tag{font-family:"AIBM Mono",ui-monospace,"PingFang SC",monospace;font-weight:600;opacity:.9} .aibm-ins-ftplot-point line.is-guide{stroke-width:1;stroke-dasharray:3 3;opacity:.5;vector-effect:non-scaling-stroke} .aibm-ins-ftplot-point .is-halo{opacity:.2} .aibm-ins-ftplot-point text{font-family:"AIBM Mono",ui-monospace,"PingFang SC",monospace;font-weight:600;paint-order:stroke;stroke:#0B1220;stroke-linejoin:round} .aibm-ins-ftplot-link{stroke:#E2E8F0;stroke-width:1.1;stroke-dasharray:6 4;opacity:.6;vector-effect:non-scaling-stroke} .aibm-ins-ftplot-tools{position:absolute;top:10px;right:10px;display:flex;gap:6px} .aibm-ins-ftplot-tools button{display:grid;place-items:center;width:32px;height:32px;padding:0;border-radius:8px;cursor:pointer;background:rgba(15,23,42,.7);border:1px solid rgba(148,163,184,.25);color:#E2E8F0;transition:border-color .2s,background-color .2s} .aibm-ins-ftplot-tools button:hover{border-color:rgba(94,234,212,.6);background:rgba(15,23,42,.9)} .aibm-ins-ftplot-tools button::before{content:"";width:14px;height:14px;background:#E2E8F0;-webkit-mask:center/contain no-repeat var(--ico);mask:center/contain no-repeat var(--ico)} .aibm-ins-ftplot-tools .is-in{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 3v10M3 8h10' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")} .aibm-ins-ftplot-tools .is-out{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8h10' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")} .aibm-ins-ftplot-tools .is-reset{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2.5 6V2.5H6M13.5 10v3.5H10M2.5 2.5l4 4M13.5 13.5l-4-4M10 2.5h3.5V6M6 13.5H2.5V10' fill='none' stroke='black' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")} .aibm-ins-ftplot-hint{position:absolute;left:10px;top:10px;padding:3px 8px;border-radius:6px;font-size:11px;color:#94A3B8;background:rgba(15,23,42,.6);pointer-events:none} .aibm-ins-ftplot-readout{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 10px;margin:0;padding:10px 12px;border-radius:10px;background:#F8FAFC;border:1px solid #E2E8F0;font-size:12.5px} .aibm-ins-ftplot-readout[hidden]{display:none} .aibm-ins-ftplot-readout dt{color:#475569;min-width:0;overflow-wrap:anywhere} .aibm-ins-ftplot-readout dd{margin:0;font:600 13px "AIBM Mono",ui-monospace,monospace;color:#0F766E;white-space:nowrap} .aibm-ins-ftplot-legend{margin:0;font-size:12px;color:#64748B} /* setup simulator */ .aibm-sim-modal:not(#aibm-ins){color:#1E293B !important;font-family:system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif !important} .aibm-sim-modal:not(#aibm-ins)>header{padding:20px 24px 16px !important;background:#FFFFFF !important;border-bottom:1px solid #E2E8F0 !important} .aibm-sim-modal:not(#aibm-ins)>footer{background:#FFFFFF !important;border-top:1px solid #E2E8F0 !important} .aibm-sim-modal:not(#aibm-ins) h2{font-family:"AIBM Display","PingFang SC","Microsoft YaHei",system-ui,sans-serif !important;font-size:20px !important;font-weight:700 !important;color:#0F172A} .aibm-sim-modal:not(#aibm-ins)>header p{color:#64748B !important;font:500 13px "AIBM Mono",ui-monospace,"PingFang SC",monospace !important} .aibm-sim-modal:not(#aibm-ins) button{border-color:#CBD5E1 !important;color:#334155 !important;border-radius:10px !important;transition:border-color .2s,background-color .2s} .aibm-sim-modal:not(#aibm-ins) button:hover{border-color:#0D9488 !important;background:#F8FAFC} .aibm-sim-modal:not(#aibm-ins) button[data-close]:first-of-type{min-height:38px !important;width:38px;padding:0 !important;font-size:20px} .aibm-sim-modal:not(#aibm-ins) button[data-submit]{color:#FFFFFF !important} .aibm-sim-scroll:not(#aibm-ins){background:#F8FAFC;padding-top:14px !important} .aibm-sim-scroll:not(#aibm-ins)>p:first-child{margin:0 0 4px;color:#334155;font-size:14px;line-height:1.7} .aibm-sim-modal:not(#aibm-ins) small,.aibm-sim-modal .aibm-sim-help:not(#aibm-ins){color:#94A3B8 !important} .aibm-sim-modal:not(#aibm-ins) input,.aibm-sim-modal:not(#aibm-ins) select{border:1px solid #CBD5E1 !important;border-radius:10px !important;color:#0F172A !important;background-color:#FFFFFF !important;transition:border-color .2s,box-shadow .2s} .aibm-sim-modal:not(#aibm-ins) input{font-family:"AIBM Mono",ui-monospace,monospace !important;font-weight:600} .aibm-sim-modal:not(#aibm-ins) input:focus,.aibm-sim-modal:not(#aibm-ins) select:focus{border-color:#0D9488 !important;outline:0 !important;box-shadow:0 0 0 3px rgba(13,148,136,.14) !important} .aibm-sim-modal:not(#aibm-ins) input[readonly],.aibm-sim-modal:not(#aibm-ins) input:disabled{background:#F1F5F9 !important;color:#64748B !important} .aibm-sim-modal:not(#aibm-ins) label{font-weight:600;color:#475569} .aibm-sim-modal .aibm-sim-selection:not(#aibm-ins){padding:14px 16px;background:#FFFFFF;border:1px solid #E2E8F0;border-radius:12px;margin-top:10px} .aibm-sim-modal .aibm-sim-target:not(#aibm-ins){position:relative;overflow:hidden;background:#FFFFFF !important;border:1px solid #E2E8F0 !important;border-radius:12px !important;padding:14px 16px 14px 19px !important} .aibm-sim-modal .aibm-sim-target:not(#aibm-ins)::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#0D9488} .aibm-sim-modal .aibm-sim-panel:not(#aibm-ins){background:#FFFFFF !important;border:1px solid #E2E8F0 !important;border-radius:12px !important;padding:16px !important} .aibm-sim-modal .aibm-sim-panel:not(#aibm-ins)>h3:first-child,.aibm-sim-modal .aibm-sim-results:not(#aibm-ins) h3{display:flex;align-items:center;gap:8px;color:#0F172A !important} .aibm-sim-modal .aibm-sim-panel:not(#aibm-ins)>h3:first-child::before,.aibm-sim-modal .aibm-sim-results:not(#aibm-ins) h3::before{content:"";width:3px;height:15px;border-radius:2px;background:#0D9488} .aibm-sim-modal .aibm-sim-actions:not(#aibm-ins){background:#FFFFFF !important;border-top:1px solid #E2E8F0 !important} .aibm-sim-modal details:not(#aibm-ins){border-top:1px solid #E2E8F0 !important} .aibm-sim-modal .aibm-sim-results:not(#aibm-ins){padding:16px;background:#FFFFFF;border:1px solid #E2E8F0;border-radius:12px;align-self:start} .aibm-sim-modal .aibm-sim-badges p:not(#aibm-ins){background:#F8FAFC !important;border:1px solid #EEF2F6;border-radius:10px !important;color:#334155} .aibm-sim-modal .aibm-sim-badges strong{font-family:"AIBM Display","PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#0F172A} .aibm-sim-badges .aibm-sim-primary-status:not(#aibm-ins):not(.is-review){background:#F0FDFA !important;border:1px solid rgba(13,148,136,.3) !important} .aibm-sim-modal [data-diagram]:not(#aibm-ins){margin:14px 0 8px;padding:6px;border-radius:12px;background:radial-gradient(ellipse at 50% 32%,#17243A 0%,#0E1726 58%,#0B1220 100%);border:1px solid #1E293B} .aibm-sim-modal [data-diagram] svg:not(#aibm-ins){margin:0 !important;background:#FFFFFF !important;filter:invert(1) hue-rotate(180deg) saturate(1.2) brightness(1.02);mix-blend-mode:screen;border-radius:8px} .aibm-sim-modal .aibm-sim-legend:not(#aibm-ins){font-size:13px;color:#334155} .aibm-sim-modal .aibm-sim-table:not(#aibm-ins) table{font-size:13px} .aibm-sim-modal .aibm-sim-table:not(#aibm-ins) th{color:#475569} .aibm-sim-modal .aibm-sim-table:not(#aibm-ins) td{font-family:"AIBM Mono",ui-monospace,"PingFang SC",monospace} .aibm-sim-modal .aibm-sim-table:not(#aibm-ins) thead th{background:#F8FAFC} .aibm-sim-modal .aibm-sim-table:not(#aibm-ins) th,.aibm-sim-modal .aibm-sim-table:not(#aibm-ins) td{border-color:#EEF2F6 !important} /* ---------- medium widths ---------- */ @media (max-width:1024px){ .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-hero{grid-template-columns:1fr;grid-template-areas:"copy" "stage";gap:22px;padding:32px 28px 26px} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-caps{grid-template-columns:repeat(2,minmax(0,1fr))} } @media (max-width:900px){ .aibm-ft-modal .aibm-ft-body:not(#aibm-ins){display:block !important} .aibm-ins-ftplot{position:static;margin-top:14px} .aibm-ins-ftplot-view{height:300px} } /* ---------- phone ---------- */ @media (max-width:640px){ .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-keyspec-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-component-grid{grid-template-columns:1fr !important;gap:0 !important;border:1px solid var(--ins-line);border-radius:var(--ins-radius-sm);overflow:hidden;background:var(--ins-fill)} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-component-card{display:grid !important;grid-template-columns:76px minmax(0,1fr);column-gap:10px;align-items:baseline;padding:9px 12px !important;border:0 !important;border-bottom:1px solid var(--ins-line-soft) !important;border-radius:0 !important;background:transparent !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-component-card:last-child{border-bottom:0 !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-component-card>*:not(.aibm-component-kind){grid-column:2} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-component-kind{grid-column:1;grid-row:1 / span 3;margin:0 !important;line-height:1.4 !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-component-card strong{font-size:13px !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-keyspec{padding:10px 11px} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-keyspec-value{font-size:15px;line-height:20px} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-shopbar{ display:grid !important;grid-template-columns:minmax(0,1fr) auto !important;grid-template-rows:auto !important; grid-template-areas:"brand icons" "actions actions" "steps steps" !important;gap:8px !important;padding:8px 10px 10px !important;min-height:0 !important; } .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-shopbar[data-rows] .aibm-shop-brand{grid-area:brand !important;min-width:0 !important;gap:8px !important;justify-content:flex-start !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-mark{width:30px;height:30px;padding:5px;border-radius:9px} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #aibm-shop-title{font-size:15.5px !important;overflow:hidden !important;text-overflow:ellipsis !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-wm-ver{font-size:10px;padding:0 5px} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-shopbar-actions{display:contents !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-header-icon-actions{grid-area:icons !important;display:flex !important;gap:6px !important;justify-content:flex-end !important;width:auto !important} /* phone: the three header actions read as one segmented control */ .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-header-main-actions{grid-area:actions !important;display:flex !important;flex-wrap:nowrap !important;gap:0 !important;overflow:hidden !important;width:auto !important; border:1px solid var(--ins-accent-line) !important;border-radius:var(--ins-radius-sm) !important;background:linear-gradient(180deg,#FFFFFF 0%,#EEF8F6 100%) !important;box-shadow:0 1px 2px rgba(15,23,42,.05) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-header-main-actions .aibm-ghost-action{flex:1 1 0 !important;min-width:0 !important;min-height:38px !important;height:38px !important;padding:0 6px !important;font-size:13px !important;width:auto !important; border:0 !important;border-radius:0 !important;background:transparent !important;font-weight:600 !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-header-main-actions .aibm-ghost-action:not([hidden]) ~ .aibm-ghost-action:not([hidden]){border-left:1px solid var(--ins-accent-line) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-header-main-actions .aibm-ghost-action:hover{background:rgba(13,148,136,.08) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-header-main-actions .aibm-ghost-action:focus-visible{outline-offset:-3px !important;border-radius:8px !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-shopbar .head-picker-btn,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-voice-master-toggle{width:38px !important;height:38px !important;min-width:38px !important} /* phone stepper: circle above label, connectors between circles */ .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-flow-steps{grid-area:steps !important;display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:0 !important;width:100% !important;margin:2px 0 0 !important;justify-self:stretch !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-flow-step{flex-direction:column !important;gap:4px !important;align-items:center !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-flow-step::after{position:absolute !important;top:10px !important;left:calc(50% + 15px) !important;right:calc(-50% + 15px) !important;margin:0 !important;min-width:0 !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-flow-step i{width:21px !important;height:21px !important;min-width:21px !important;font-size:10px !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-flow-step b{font-size:11px !important;line-height:1.25 !important;text-align:center !important;white-space:normal !important;overflow:visible !important;text-overflow:clip !important;overflow-wrap:anywhere;max-width:100%} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-hero{gap:16px;margin:2px 0 22px;padding:22px 16px 16px;border-radius:16px} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-hero-kicker{margin-bottom:12px;font-size:11px} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-hero-title{font-size:27px !important;margin-bottom:10px !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-hero-desc{font-size:14px !important;line-height:1.7 !important;margin-bottom:16px !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-hero-actions{gap:8px} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-hero-actions .aibm-ins-btn{flex:1 1 auto;min-height:46px;padding:0 14px;font-size:14px} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-stage{aspect-ratio:auto;height:240px;min-height:0;border-radius:12px} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-stage{height:260px} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-stage-phases{left:5px;right:5px;bottom:5px;gap:4px} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-stage-phases button{min-height:28px;padding:4px 3px;font-size:11px;gap:4px;justify-content:center;text-align:center} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-stage-phases i{display:none} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-stage-hint{top:auto;right:auto;left:6px;bottom:40px;font-size:10px} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-header-main-actions .aibm-ghost-action{gap:5px !important;box-shadow:none !important;transform:none !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #aibm-generic-measure::before,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #aibm-generic-fit-target::before,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #aibm-history-open::before{width:14px;height:14px} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-caps{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:0} /* Phone: capabilities collapse to icon + name so the bike types start sooner. */ .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-cap{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon title";align-items:center;column-gap:10px;padding:10px 12px} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-cap-icon{width:32px;height:32px;border-radius:8px} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-cap-icon svg{width:18px;height:18px} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-cap strong{font-size:13.5px;padding-right:0;line-height:1.3} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-cap small,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-cap-no{display:none} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-grid-title{font-size:19px !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-category-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important} /* phone: the label sits under the photo, so nothing covers the bike */ .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-category-card{background:#FFFFFF !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-category-card-media{aspect-ratio:4 / 3 !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-category-card-media::after{display:none !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-category-card-body{position:static !important;display:flex !important;align-items:baseline !important;gap:6px !important;width:auto !important;max-width:none !important; padding:8px 10px 9px !important;border:0 !important;border-top:1px solid var(--ins-line-soft) !important;border-radius:0 !important;background:#FFFFFF !important;box-shadow:none !important; -webkit-backdrop-filter:none !important;backdrop-filter:none !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-category-card:hover .aibm-category-card-body,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-category-card:focus-visible .aibm-category-card-body{background:#FFFFFF !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-category-card-body::after{display:none} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-category-card-body strong{flex:none !important;font-size:14px !important;line-height:1.3 !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-category-card-tags{flex:1 1 auto;min-width:0;padding-left:0;border-left:0;font-size:11px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-detail-section{padding:16px 14px 18px !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-fit-status-steps{grid-template-columns:repeat(2,minmax(0,1fr)) !important;row-gap:14px !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-fit-status-steps li:nth-child(2)::after{display:none !important} /* Phone report: part diagrams side by side; leave room for the floating tools. */ .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-setup-inline-aux,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-setup-inline-aux.count-3{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:10px !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-setup-sidecard{padding:6px !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-setup-sidecard .aibm-setup-sidecard-media{height:150px !important;padding:4px !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-result-actions{padding-bottom:72px !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) > .aibm-contact-trigger,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-back-to-top{width:46px !important;min-width:46px !important;height:46px !important;min-height:46px !important;border-radius:12px !important;font-size:10px !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-back-to-top{right:max(12px,env(safe-area-inset-right)) !important;bottom:max(14px,calc(env(safe-area-inset-bottom) + 14px)) !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) > .aibm-contact-trigger::before,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-back-to-top-icon{width:18px !important;height:18px !important} .aibm-ft-modal .aibm-ft-head:not(#aibm-ins),.aibm-sim-modal:not(#aibm-ins)>header{padding:16px 14px 12px !important} .aibm-ft-modal .aibm-ft-body:not(#aibm-ins){padding:12px 14px 14px !important} .aibm-ft-modal .aibm-ft-actions:not(#aibm-ins){display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.5fr);padding:12px 14px 14px !important} .aibm-ft-modal .aibm-ft-actions:not(#aibm-ins) button{white-space:nowrap !important;padding-left:8px !important;padding-right:8px !important} .aibm-ft-modal .aibm-ft-feedback{padding:0 14px} .aibm-ins-ftplot-view{height:280px} .aibm-ins-ftplot-hint{font-size:10px} } @media (max-width:360px){ .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-mark{display:none !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #aibm-generic-measure::before,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #aibm-generic-fit-target::before,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #aibm-history-open::before{display:none} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #aibm-shop-title{font-size:15px !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-hero-title{font-size:24px !important} } @keyframes aibm-ins-scan{from{transform:translateY(-80px)}to{transform:translateY(720px)}} @keyframes aibm-ins-flow{to{background-position:28px 0}} @keyframes aibm-ins-card-in{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}} @keyframes aibm-ins-flash{0%{box-shadow:0 0 0 0 rgba(13,148,136,.35);background:rgba(13,148,136,.08)}100%{box-shadow:0 0 0 14px rgba(13,148,136,0);background:transparent}} @media (prefers-reduced-motion:reduce){ .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-fit-status-steps li.is-current::after,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-grid-head.is-flash{animation:none !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) #cam-standby::after{display:none !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) :is(.aibm-category-card,.aibm-model-card){animation:none !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-category-card,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-category-card-media>img,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-cap,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-btn,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-model-card,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-header-main-actions .aibm-ghost-action{transition:none !important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-category-card:hover,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-ins-cap:hover,.aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-model-card:hover{transform:none !important} } /* Visitor clarity (hot patch): readable review notes, unit legend, measured-match badges. */ .aibm-root-wrap .aibm-root.is-shop-flow .aibm-result-conditions{margin:10px 0 0;padding:0 0 0 1.25em;list-style:disc outside;color:var(--ins-text,#1E293B);font-size:14px;line-height:1.6} .aibm-root-wrap .aibm-root.is-shop-flow .aibm-result-conditions li{margin:2px 0;overflow-wrap:anywhere} .aibm-root-wrap .aibm-root.is-shop-flow .aibm-result-more{margin-top:12px;padding-top:6px;border-top:1px solid var(--ins-line,#E2E8F0)} .aibm-root-wrap .aibm-root.is-shop-flow .aibm-result-more>summary{display:flex;align-items:center;gap:6px;min-height:44px;cursor:pointer;list-style:none;color:var(--ins-accent,#0F766E);font-size:14px;font-weight:600} .aibm-root-wrap .aibm-root.is-shop-flow .aibm-result-more>summary::-webkit-details-marker{display:none} .aibm-root-wrap .aibm-root.is-shop-flow .aibm-result-more>summary::before{content:"";width:7px;height:7px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .15s ease} .aibm-root-wrap .aibm-root.is-shop-flow .aibm-result-more[open]>summary::before{transform:rotate(45deg)} .aibm-root-wrap .aibm-root.is-shop-flow .aibm-geometry-units{position:sticky;left:0;margin:10px 0 0;color:var(--ins-faint,#64748B);font-size:12px;line-height:1.5;text-align:left;white-space:normal} .aibm-root-wrap .aibm-root.is-shop-flow .aibm-model-match{display:inline-flex;align-items:center;max-width:100%;margin:8px 0 4px;padding:3px 10px;border:1px solid var(--ins-accent-line,rgba(13,148,136,.32));border-radius:999px;background:var(--ins-accent-soft,#F0FDFA);color:var(--ins-accent,#0F766E);font-size:12px;font-weight:700;line-height:1.5;overflow-wrap:anywhere} .aibm-root-wrap .aibm-root.is-shop-flow .aibm-model-card.is-measured-match{border-color:var(--ins-accent-line,rgba(13,148,136,.32));box-shadow:0 0 0 1px var(--ins-accent-line,rgba(13,148,136,.32))} .aibm-root-wrap .aibm-root.is-shop-flow .aibm-match-note{margin:0;padding:10px 14px;border-radius:var(--ins-radius-sm,10px);background:var(--ins-accent-soft,#F0FDFA);color:var(--ins-accent,#0F766E);font-size:14px;line-height:1.5} .aibm-root-wrap .aibm-root.is-shop-flow .aibm-match-note[hidden]{display:none!important} .aibm-root .bikefit-card-letter:empty{display:none} .aibm-history-dialog .aibmh-login,#aibm-history-save-status .aibmh-login{display:inline-flex;align-items:center;min-height:36px;margin-left:6px;padding:0 14px;border-radius:999px;background:var(--ins-accent,#0F766E);color:#fff;font-weight:600;text-decoration:none} /* Keep parameter names visible while the size columns scroll sideways on phones. */ @media (max-width:760px){ .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-bike-detail-shell .aibm-geometry-panel tbody th:first-child, .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-bike-detail-shell .aibm-geometry-panel thead th:first-child{position:sticky!important;left:0!important;z-index:2!important;box-shadow:1px 0 0 var(--ins-line,#E2E8F0)} } /* Placeholder notice as a chip on the photo instead of a full-width row under every card. */ .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) :is(.aibm-model-media,.aibm-detail-gallery-stage)[data-image-state="placeholder"]>.aibm-image-status:not([hidden]){position:absolute;left:10px;right:auto;bottom:10px;z-index:3;width:auto;max-width:calc(100% - 20px);padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 1px 4px rgba(15,23,42,.12);font-size:12px;line-height:1.5} /* Grid rows stretch cards to one height: keep every card's open button on the same baseline. */ @media (min-width:681px){ .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-model-body>.aibm-model-open{margin-top:auto!important} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-model-body>.aibm-model-submeta{margin-bottom:10px} } /* Phones: photo beside the text, so about three models fit per screen instead of one. */ @media (max-width:680px){ .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-model-grid{gap:10px} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-model-card{display:grid;grid-template-columns:minmax(0,42%) minmax(0,1fr);align-items:stretch} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-model-card>.aibm-model-media{display:flex;flex-direction:column;justify-content:center;border-bottom:0!important;border-right:1px solid var(--ins-line-soft,#EEF2F6)} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-model-card>.aibm-model-media>.aibm-image-status:not([hidden]){font-size:11px;padding:2px 8px;left:6px;bottom:6px;max-width:calc(100% - 12px)} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-model-body{padding:10px 12px 12px;gap:4px;min-width:0} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-model-body h3{font-size:16px;line-height:1.3} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-model-title-row{grid-template-columns:1fr;gap:2px;margin-bottom:0} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-model-meta{white-space:normal;justify-content:flex-start;text-align:left;margin-left:0;min-height:0} .aibm-root-wrap .aibm-root.is-shop-flow:not(#aibm-ins) .aibm-model-body>.aibm-model-open{margin-top:auto!important;min-height:44px} }