/* Bonoitec repair dossier. All rules scoped; no theme or checkout overrides. */
.bd-dossier{--bd-paper:#faf9f6;--bd-ink:#171c20;--bd-muted:#62696d;--bd-line:#d8d6d0;--bd-blue:#008ca9;display:none;width:calc(100% - 32px);max-width:1120px;margin:18px auto 28px;position:relative;isolation:isolate;font-family:"DM Sans",sans-serif;color:var(--bd-ink);text-align:left;scroll-margin-top:92px;font-size:15px;line-height:1.5}
@media(max-width:1024px),(pointer:coarse) and (max-width:1366px){.bd-dossier{display:block}}
.bd-dossier *,.bd-test *{box-sizing:border-box}
.bd-dossier svg{width:22px;height:22px;flex-shrink:0;vertical-align:middle}
.bd-dossier [hidden],.bd-test [hidden]{display:none!important}
.bd-dossier button,.bd-dossier input,.bd-dossier a{font:inherit;-webkit-tap-highlight-color:transparent}
.bd-dossier button{cursor:pointer;text-transform:none;letter-spacing:normal;box-shadow:none;margin:0;color:var(--bd-ink);background:none;border:0;border-radius:0;min-height:44px;padding:8px 10px;line-height:1.35}
.bd-dossier button:disabled{opacity:.45;cursor:not-allowed}
.bd-dossier :is(button,a,input):focus-visible,.bd-test button:focus-visible{outline:3px solid #008ca9;outline-offset:4px}
.bd-paper{background:var(--bd-paper);border:1px solid var(--bd-line);border-radius:19px;overflow:hidden;position:relative}
.bd-top{display:flex;align-items:center;gap:8px;padding:8px 17px;border-bottom:1px solid var(--bd-line);min-height:54px}
.bd-top .bd-eyebrow{flex:1}.bd-top button{width:44px;padding:10px}.bd-top svg{width:21px;height:21px}
.bd-eyebrow{font-size:10px;font-weight:650;letter-spacing:.18em;text-transform:uppercase;line-height:1.4}
.bd-number{font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.1em;color:var(--bd-muted)}
.bd-progress{height:2px;background:#e6e4dd;overflow:hidden}.bd-progress i{display:block;height:100%;background:var(--bd-blue);transform-origin:left;transition:transform .35s ease}
.bd-body{padding:24px 21px 20px}.bd-stage{animation:bd-enter .32s cubic-bezier(.2,.7,.2,1) both}
.bd-dossier h2,.bd-dossier h3,.bd-dossier p{margin:0;color:inherit;font-family:inherit}
.bd-dossier h2{font-size:clamp(28px,7vw,38px);line-height:1.08;letter-spacing:-.045em;font-weight:700;max-width:23ch;overflow-wrap:anywhere}
.bd-dossier h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.035em;display:block}
.bd-dossier h3{font-size:19px;line-height:1.25;letter-spacing:-.025em;font-weight:650}
.bd-dossier .bd-lead{color:var(--bd-muted);font-size:14px;margin-top:12px;line-height:1.55;max-width:48ch}
.bd-intro{display:grid;grid-template-columns:minmax(0,1fr) 100px;gap:7px;align-items:center;margin-bottom:23px}
.bd-intro .bd-art{width:100%;height:auto;overflow:visible;transform:rotate(-4deg)}
.bd-invitation .bd-intro{grid-template-columns:minmax(0,1fr) 112px;margin:18px 0}.bd-invitation h2{font-size:clamp(26px,7.4vw,39px)}
.bd-invitation .bd-lead{margin:0 0 19px;max-width:34ch}
.bd-dossier .bd-art{height:auto;color:var(--bd-ink)}.bd-art .bd-accent{stroke:var(--bd-blue)}
.bd-dossier .bd-cta{width:100%;min-height:54px;padding:13px 20px;border-radius:99px;border:1px solid var(--bd-ink);background:var(--bd-ink);color:#fff;display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:600;position:relative;overflow:hidden;isolation:isolate;transition:transform .16s}
.bd-cta:before{content:"";position:absolute;background:#009dbb;inset:0;transform:translateX(-103%);transition:transform .33s cubic-bezier(.2,.8,.25,1);z-index:-1}
.bd-cta:active{transform:scale(.984)}.bd-cta:active:before,.bd-cta:focus-visible:before{transform:translateX(0)}
@media(hover:hover){.bd-cta:hover:before{transform:translateX(0)}}
.bd-cta .bd-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#28c4df}.bd-cta svg{width:20px;height:20px;margin-left:auto}.bd-cta .bd-dot{margin-right:auto}
.bd-footnote{font-size:11px!important;color:var(--bd-muted)!important;margin-top:12px!important;text-align:center;line-height:1.5}
.bd-tabs{display:flex;margin:20px 0;border-bottom:1px solid var(--bd-line);gap:8px}.bd-tabs button{flex:1;font-size:13px;font-weight:600;border-bottom:2px solid transparent;padding:10px 3px}.bd-tabs button[aria-pressed=true]{border-color:var(--bd-blue);color:var(--bd-blue)}
.bd-field label{display:flex;justify-content:space-between;font-size:10px;font-weight:650;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}
.bd-dossier input{width:100%;height:55px;background:#fff;border:1px solid #c8c9c5;border-radius:10px;box-shadow:none;color:var(--bd-ink);font-size:17px;padding:12px 14px;outline-offset:3px;min-width:0}
.bd-dossier input[inputmode=numeric]{font-size:20px;letter-spacing:.12em;font-variant-numeric:tabular-nums}
.bd-search{position:relative;margin:14px 0}.bd-search svg{position:absolute;left:14px;top:18px;width:19px;height:19px;pointer-events:none}.bd-search input{padding-left:43px;font-size:16px}
.bd-dossier .bd-link{font-size:12px;text-decoration:underline;text-underline-offset:4px;color:var(--bd-muted);padding:8px 0;min-height:44px;display:inline-flex;align-items:center;gap:8px}
.bd-help{border-left:2px solid var(--bd-blue);padding:10px 13px;font-size:13px;margin:0 0 16px;background:#f0f0e9}.bd-help p+p{margin-top:6px}
.bd-actions{border-top:1px dashed #c9c8c1;padding-top:19px;margin-top:23px}
.bd-error{color:#9b3024;font-size:13px;margin:10px 0;line-height:1.5}.bd-error:empty{display:none}.bd-status{color:var(--bd-muted);font-size:12px;min-height:18px}
.bd-brands{display:flex;overflow-x:auto;overscroll-behavior-x:contain;gap:3px;padding-top:6px;scrollbar-width:thin;margin:5px -1px 0}
.bd-brands button{flex:0 0 auto;min-width:76px;padding:12px 15px;border:1px solid var(--bd-line);border-radius:10px 10px 0 0;background:#f2f1eb;font-size:13px;white-space:nowrap}
.bd-brands button[aria-pressed=true]{background:var(--bd-ink);color:#fff;border-color:var(--bd-ink)}
.bd-models{max-height:245px;overflow:auto;overscroll-behavior:contain;border-bottom:1px solid var(--bd-line);margin:6px 0}
.bd-dossier .bd-model{display:flex;width:100%;text-align:left;align-items:center;justify-content:space-between;gap:10px;min-height:51px;padding:12px 5px;border-top:1px solid var(--bd-line);font-size:15px;font-weight:600}
.bd-model[aria-pressed=true]{color:var(--bd-blue);background:#eaf5f4}.bd-model svg{width:18px;height:18px;flex-shrink:0}
.bd-empty{padding:16px 0;color:var(--bd-muted);font-size:13px}.bd-selected{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--bd-line);padding-top:16px;margin-top:18px}.bd-selected strong{font-size:19px;line-height:1.2;overflow-wrap:anywhere;display:block;margin-top:4px}
.bd-record{display:none}.bd-confirm-model{font-size:31px!important;line-height:1.12!important;margin:8px 0!important;overflow-wrap:anywhere}.bd-stamp{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:var(--bd-blue);margin-bottom:15px}.bd-stamp svg{width:17px;height:17px}
.bd-device{display:flex;align-items:center;gap:8px;padding:10px 0 16px;font-size:12px;color:var(--bd-muted);border-bottom:1px solid var(--bd-line);margin-bottom:22px}.bd-device strong{color:var(--bd-ink);flex:1;overflow-wrap:anywhere}.bd-device button{font-size:11px;text-decoration:underline;min-height:32px}
.bd-symptoms{display:grid;grid-template-columns:1fr 1fr;gap:0 15px;margin-top:23px}
.bd-dossier .bd-symptom{display:flex;text-align:left;align-items:center;gap:11px;padding:17px 0;border-top:1px solid var(--bd-line);font-weight:600;font-size:14px;min-height:72px}.bd-symptom svg{width:29px;height:34px;flex:0 0 29px}.bd-symptom:active{color:var(--bd-blue)}
.bd-answers{margin-top:22px;display:grid;gap:9px}.bd-dossier .bd-answer{display:flex;align-items:center;gap:13px;text-align:left;padding:14px;border:1px solid var(--bd-line);border-radius:9px;min-height:56px;background:#fff;font-size:14px}.bd-answer:active{background:#eaf5f4}.bd-answer:before{content:"";width:14px;height:14px;flex:0 0 14px;border:1px solid #989f9f;border-radius:50%}.bd-answer:active:before{background:var(--bd-blue);border-color:var(--bd-blue)}
.bd-question-number{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--bd-blue);margin-bottom:13px}
.bd-test-launch{margin-top:18px}.bd-dossier .bd-test-launch button{display:flex;justify-content:center;align-items:center;gap:9px;width:100%;border:1px solid var(--bd-ink);border-radius:9px;background:#efeee8;min-height:50px;font-size:13px;font-weight:600}.bd-test-launch svg{width:21px;height:21px}
.bd-summary{margin:20px 0;padding:15px 0;border-block:1px solid var(--bd-line);font-size:13px}.bd-summary ul{margin:10px 0 0;padding-left:19px}.bd-summary li{margin:6px 0;color:var(--bd-muted)}
.bd-result-type{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--bd-blue);margin-bottom:12px}.bd-result-description{font-size:15px!important;line-height:1.6;margin-top:15px!important}.bd-advice{background:#eeeee7;padding:15px;border-radius:10px;margin:20px 0;font-size:13px}.bd-advice strong{display:block;margin-bottom:5px}
.bd-products{display:grid;gap:12px;margin-top:18px}.bd-product{display:grid;grid-template-columns:76px 1fr;gap:15px;border-top:1px solid var(--bd-line);padding:16px 0}.bd-product img{width:76px;height:88px;object-fit:contain;background:#fff;border-radius:7px}.bd-product h3{font-size:14px;letter-spacing:0;line-height:1.4}.bd-product p{font-size:12px;margin:6px 0}.bd-product a{display:inline-flex;align-items:center;min-height:44px;color:var(--bd-ink);font-weight:600;text-decoration:underline;text-underline-offset:4px;font-size:13px}.bd-price{font-size:18px!important;font-weight:600}.bd-contact{display:block;margin-top:16px;color:var(--bd-ink);text-decoration:underline;min-height:44px;padding-block:10px}
.bd-test{max-width:none;max-height:none;width:100%;height:100dvh;inset:0;margin:0;border:0;padding:0;background:#fff;color:#172027;z-index:999999;font-family:"DM Sans",sans-serif}.bd-test::backdrop{background:#101619}
.bd-test button{font:inherit;min-height:46px;border:1px solid #c8ced0;border-radius:99px;padding:10px 18px;background:#fff;color:#172027;cursor:pointer}.bd-test-head{position:absolute;top:0;left:0;right:0;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;display:flex;gap:12px;align-items:center;background:#faf9f6;z-index:3}.bd-test-head span{flex:1;font-size:13px}.bd-test-foot{position:absolute;bottom:0;left:0;right:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:#faf9f6;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.bd-color-area{position:absolute;inset:85px 0 80px;cursor:pointer}.bd-touch-area{position:absolute;inset:85px 0 88px;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(10,1fr);touch-action:none;user-select:none;background:#f4f4ed}.bd-touch-area i{border:1px solid #d4dbda;pointer-events:none}.bd-touch-area i.bd-hit{background:#28b7b9}.bd-test-count{font-variant-numeric:tabular-nums}
@media(min-width:700px){.bd-body{padding:30px}.bd-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,.8fr);gap:30px}.bd-record{display:block;border-left:1px solid var(--bd-line);padding-left:27px;align-self:start}.bd-record .bd-art{width:180px;max-width:100%;display:block;margin:22px auto}.bd-record strong{font-size:24px;line-height:1.15;display:block;margin:12px 0;overflow-wrap:anywhere}.bd-record p{font-size:12px;color:var(--bd-muted)}.bd-record ol{padding-left:18px;font-size:12px;color:var(--bd-muted)}.bd-record li{margin:9px 0}.bd-invitation .bd-body{padding:30px}.bd-invitation .bd-intro{grid-template-columns:1fr 155px;margin:15px 0}.bd-invitation .bd-body{display:grid;grid-template-columns:1.4fr 1fr;gap:10px 36px;align-items:center}.bd-invitation .bd-eyebrow{grid-column:1/-1}.bd-invitation .bd-intro{grid-row:2/4}.bd-invitation .bd-lead{margin:0}.bd-invitation .bd-invite-action{grid-column:2}.bd-dossier h2{font-size:36px}.bd-models{max-height:260px}.bd-symptoms{gap:0 20px}.bd-intro .bd-art{max-width:125px}}
@media(max-width:359px){.bd-body{padding:20px 15px}.bd-invitation .bd-intro{grid-template-columns:minmax(0,1fr) 82px}.bd-invitation h2{font-size:26px}.bd-dossier{width:calc(100% - 24px)}.bd-cta{font-size:12px!important;padding-inline:13px!important}.bd-tabs button{font-size:12px}}
@keyframes bd-enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.bd-dossier *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.bd-brands{scrollbar-width:none}.bd-brands::-webkit-scrollbar{display:none}

/* Edition 02 — a precise repair worksheet, with tactile edges and touch-first motion. */
.bd-dossier{--bd-paper:#fcfbf7;--bd-ink:#173035;--bd-muted:#596c6b;--bd-line:#d8dfd9;--bd-blue:#007b89;margin-block:23px 34px;--bd-enter-x:10px}
.bd-dossier::before,.bd-dossier::after{content:"";position:absolute;inset:7px 5px -6px;z-index:-1;border:1px solid #d9e1da;border-radius:24px 24px 9px 24px;background:#f0f3ed;pointer-events:none}
.bd-dossier::before{inset:12px 11px -11px;background:#f8faf6;border-color:#e4e9e2}
.bd-paper{border-color:#cdd8d1;border-radius:24px 24px 9px 24px;box-shadow:0 8px 24px -20px #143c3c55,inset 0 1px 0 #fff}
.bd-paper::after{content:"";position:absolute;top:0;left:26px;width:43px;height:3px;background:#049dab;border-radius:0 0 3px 3px;pointer-events:none}
.bd-body{padding:27px 21px 23px}
.bd-dossier h2{font-weight:700;line-height:1.06;letter-spacing:-.052em;font-size:clamp(29px,7.6vw,40px);text-wrap:balance;overflow-wrap:normal}
.bd-dossier h2 em{color:var(--bd-blue);font-weight:400;line-height:1.1;letter-spacing:-.045em}
.bd-dossier .bd-lead{font-size:14px;line-height:1.65;text-wrap:pretty}
.bd-eyebrow{letter-spacing:.15em;font-size:9px;font-weight:700}
.bd-invitation .bd-body>.bd-eyebrow{display:flex;align-items:center;gap:9px;color:#386063}
.bd-invitation .bd-body>.bd-eyebrow::before{content:"";width:7px;height:7px;border-radius:2px;background:#0397a8;box-shadow:0 0 0 4px #e4efeb;flex:0 0 7px}
.bd-invitation .bd-intro{grid-template-columns:minmax(0,1fr) 76px;gap:8px;margin:24px 0 17px;align-items:center}
.bd-invitation h2{font-size:clamp(28px,7.4vw,37px);max-width:18ch}
.bd-invitation .bd-art{width:92px;max-width:none;justify-self:end;transform:rotate(3deg);filter:drop-shadow(2px 5px 2px #234c4110);animation:bd-sheet-settle .65s cubic-bezier(.2,.75,.25,1) both}
.bd-invitation .bd-lead{max-width:35ch;margin-bottom:23px}
.bd-invite-action{position:relative;border-top:1px dashed #cbd8cf;padding-top:19px}
.bd-route{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:19px 0 0;color:#647671;font-size:10px;letter-spacing:.01em}
.bd-route span{display:flex;align-items:center;gap:5px;white-space:nowrap}.bd-route b{color:#00818c;font-size:9px;font-weight:600;font-variant-numeric:tabular-nums}.bd-route i{flex:1;height:1px;max-width:17px;background:#cedbd3}
.bd-dossier .bd-cta{min-height:57px;border-radius:14px 14px 6px 14px;padding:10px 12px 10px 18px;gap:8px;font-size:13px;box-shadow:inset 0 1px 0 #ffffff1c;transition:transform .18s cubic-bezier(.2,.75,.25,1)}
.bd-cta::before{inset:auto;left:17px;top:calc(50% - 5px);width:10px;height:10px;border-radius:50%;background:#007e8c;transform:scale(0);transition:transform .48s cubic-bezier(.16,1,.3,1)}
.bd-cta:active::before,.bd-cta:focus-visible::before{transform:scale(90)}
.bd-cta .bd-dot{width:6px;height:6px;flex-basis:6px;background:#56d9dd}
.bd-cta svg{width:34px;height:34px;padding:8px;border-radius:50%;background:#ffffff12;transition:transform .24s cubic-bezier(.2,.8,.2,1);flex:0 0 34px}
.bd-cta:active svg{transform:translateX(3px)}
.bd-top{padding:8px 13px;background:#f2f5ee;border-bottom-color:#dce5dc;gap:4px}.bd-top .bd-eyebrow{font-size:9px}.bd-top button{border-radius:50%}.bd-number{font-size:10px;color:#4c6866}
.bd-progress{background:#e5ece4;height:3px}.bd-progress i{animation:bd-progress-in .38s cubic-bezier(.2,.75,.25,1) both}
.bd-dossier[data-direction=back]{--bd-enter-x:-10px}
.bd-stage{animation:bd-enter .36s cubic-bezier(.16,1,.3,1) both;min-width:0}
.bd-stage>h2{animation:bd-heading-in .48s cubic-bezier(.16,1,.3,1) both}
.bd-stage>.bd-lead,.bd-stage>.bd-result-description{animation:bd-heading-in .5s .035s cubic-bezier(.16,1,.3,1) both}
.bd-intro{grid-template-columns:minmax(0,1fr) 77px;margin-bottom:18px}.bd-intro .bd-art{transform:rotate(2deg)}
.bd-tabs{gap:4px;border:1px solid #d5ded6;border-radius:12px;background:#eff3ed;padding:4px;margin-block:22px}.bd-tabs button{border:0;border-radius:8px;min-height:45px;font-size:12px;color:#647672;background:transparent}.bd-tabs button[aria-pressed=true]{background:#fff;color:#006e7b;box-shadow:0 1px 3px #25433413}
.bd-dossier input{border-color:#cbd8d1;border-radius:12px 12px 5px 12px;background:#fffefb;height:58px}.bd-dossier input:focus{border-color:#008797;box-shadow:0 0 0 3px #e0efea}
.bd-field label{letter-spacing:.09em;color:#426360}.bd-field label span{letter-spacing:.04em;color:#6f817c;font-variant-numeric:tabular-nums}
.bd-dossier .bd-search input{font-size:17px}.bd-search svg{top:19px;color:#5a7772}
.bd-brands{gap:5px;padding:2px 0 8px}.bd-brands button{border-radius:8px;min-width:70px;background:#f3f5ef;border-color:#dde4dc;font-size:12px;padding-inline:13px}.bd-brands button[aria-pressed=true]{background:#173b3e;border-color:#173b3e;box-shadow:inset 0 -3px 0 #25b7bf}
.bd-dossier .bd-model{padding:14px 9px;min-height:55px;font-size:14px}.bd-model[aria-pressed=true]{background:#e6f2ed;color:#007381}.bd-model svg{transition:transform .18s}.bd-model[aria-pressed=true] svg{transform:scale(1.13)}
.bd-models{scrollbar-width:thin;scrollbar-color:#bccfc5 transparent}.bd-selected{background:#edf3ec;border:1px solid #d9e3d9;border-radius:10px;padding:14px}.bd-selected strong{font-size:21px}.bd-selected>svg{color:#007e89;background:#fff;border-radius:50%;padding:5px;width:30px;height:30px}
.bd-confirm-model{font-weight:650;color:#007b89!important;letter-spacing:-.04em;font-size:36px!important;border-block:1px solid var(--bd-line);padding:20px 0;margin:20px 0!important;text-wrap:balance}
.bd-stamp{background:#e4f0e9;color:#006f79;border:1px solid #c8e1d6;border-radius:99px;padding:6px 11px;font-weight:600;animation:bd-stamp-in .45s cubic-bezier(.16,1,.3,1) both}
.bd-device{background:#f0f4ed;border:1px solid #dce5da;padding:7px 9px 7px 12px;border-radius:10px;margin-bottom:25px;gap:8px}.bd-device>svg{color:#008490;width:16px;height:16px}.bd-device strong{font-weight:600}.bd-device button{min-height:44px;text-underline-offset:3px}
.bd-symptoms{gap:9px;margin-top:23px}.bd-dossier .bd-symptom{border:1px solid #dce4dc;border-radius:12px 12px 5px 12px;padding:14px 10px;min-height:95px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;background:#fffef9;font-size:13px;transition:transform .16s;position:relative}.bd-symptom svg{width:25px;height:28px;flex-basis:28px;color:#157480}.bd-symptom::after{content:"↗";position:absolute;right:11px;top:13px;font-size:15px;color:#91aaa0}.bd-symptom small{font-size:10px!important;margin-top:3px}.bd-symptom:active{transform:scale(.976);background:#eaf3ec}
.bd-dossier .bd-answer{border-color:#d6e0d7;border-radius:12px 12px 5px 12px;background:#fffefb;min-height:60px;padding:15px 13px;line-height:1.45;font-size:14px;transition:transform .14s;animation:bd-choice-in .38s cubic-bezier(.16,1,.3,1) both}.bd-answer::before{width:16px;height:16px;flex-basis:16px;border-color:#a3b7ac;background:#f9fbf6}.bd-answer:active{transform:scale(.985);border-color:#00828d;background:#ebf5ef}
.bd-answer:nth-child(2){animation-delay:25ms}.bd-answer:nth-child(3){animation-delay:50ms}.bd-answer:nth-child(4){animation-delay:75ms}.bd-answer:nth-child(5){animation-delay:100ms}
.bd-question-number{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:650;letter-spacing:.08em}.bd-question-number::before{content:"";width:16px;height:2px;background:#008c98}
.bd-dossier .bd-test-launch button{min-height:57px;border:1px solid #bcd8cb;border-radius:12px;background:#e8f1e9;color:#075f68;font-size:13px}.bd-test-launch button svg{flex-shrink:0}.bd-test-launch .bd-status:empty{display:none}
.bd-summary summary{cursor:pointer;min-height:28px;font-weight:500}.bd-advice{border-left:3px solid #8fae9d;border-radius:3px 10px 10px 3px;background:#f0f3eb;line-height:1.6}.bd-result-type{color:#007b89!important;font-weight:650;font-size:9px!important}
.bd-product{border:1px solid #d5e1d7;border-radius:13px 13px 5px 13px;padding:15px;background:#fffefb;gap:13px;animation:bd-choice-in .4s cubic-bezier(.16,1,.3,1) both}.bd-product img{background:#fff;border:1px solid #eef0e8}.bd-product .bd-price{color:#087885;font-size:22px!important;letter-spacing:-.03em}.bd-product a{gap:7px;color:#126873}.bd-product a svg{width:17px;height:17px}
.bd-contact{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px!important;font-weight:500;padding:14px 0;text-underline-offset:5px;color:#366a6b}
.bd-footnote{font-size:10px!important;color:#697b75!important}.bd-actions{border-color:#cbd8cf}
@media(hover:hover){.bd-dossier .bd-cta:hover::before{transform:scale(90)}.bd-cta:hover svg{transform:translateX(3px)}.bd-dossier .bd-symptom:hover,.bd-dossier .bd-answer:hover{border-color:#8fbeb3;background:#f0f6ef}.bd-dossier .bd-model:hover{background:#edf5ee}.bd-top button:hover{background:#e3ece2}.bd-dossier .bd-link:hover{color:#007b89;background:transparent}}
@media(min-width:700px){.bd-body{padding:32px}.bd-invitation .bd-body{padding:32px;gap:8px 32px}.bd-invitation .bd-intro{grid-template-columns:minmax(0,1fr) 95px;margin:17px 0}.bd-invitation .bd-art{width:113px}.bd-invitation h2{font-size:36px}.bd-invitation .bd-lead{margin-bottom:14px}.bd-invite-action{padding-top:16px}.bd-route{grid-column:1/-1;justify-content:flex-start;gap:15px;margin-top:17px}.bd-route i{max-width:32px;flex-basis:32px}.bd-record{border-left:1px dashed #c9d7cc;padding-left:27px}.bd-record .bd-art{width:145px;margin:24px auto}.bd-record strong{color:#176673;font-weight:600;font-size:27px}.bd-record li{padding-block:5px;border-bottom:1px solid #e1e7df}.bd-symptoms{gap:10px}.bd-dossier .bd-symptom{min-height:103px}.bd-dossier h2{font-size:37px}}
@media(max-width:359px){.bd-body{padding:25px 16px 21px}.bd-invitation .bd-intro{grid-template-columns:minmax(0,1fr) 55px}.bd-invitation .bd-art{width:68px}.bd-invitation h2{font-size:25px}.bd-dossier h2{font-size:27px}.bd-route{font-size:9px;gap:4px}.bd-route span{gap:3px}.bd-route i{max-width:9px}.bd-dossier .bd-cta{font-size:11px!important;padding-left:11px!important;gap:5px}.bd-cta svg{width:30px;height:30px;flex-basis:30px}.bd-cta .bd-dot{display:none}.bd-symptom small{font-size:9px!important}}
@keyframes bd-enter{from{opacity:0;transform:translateX(var(--bd-enter-x))}to{opacity:1;transform:none}}
@keyframes bd-heading-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@keyframes bd-choice-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes bd-stamp-in{from{opacity:0;transform:scale(.96) rotate(-2deg)}to{opacity:1;transform:none}}
@keyframes bd-sheet-settle{from{opacity:0;transform:translateY(9px) rotate(-4deg)}to{opacity:1;transform:rotate(3deg)}}
@keyframes bd-progress-in{from{transform:scaleX(var(--bd-progress-from,0))}}
@media(prefers-reduced-motion:reduce){.bd-dossier *,.bd-dossier *::before,.bd-dossier *::after{animation:none!important;transition:none!important}}

.bd-route{font-size:11px}.bd-footnote{font-size:11px!important}.bd-symptom small{font-size:11px!important}.bd-route b{font-size:10px}@media(max-width:359px){.bd-route{font-size:10px}.bd-route b{font-size:9px}.bd-symptom small{font-size:10px!important}}

#bonoitec-diagnostic.bd-dossier input{appearance:none;box-sizing:border-box;height:58px!important;min-height:58px;border:1px solid #cbd8d1!important;border-radius:12px 12px 5px 12px!important;background:#fffefb!important;color:#173035;font-size:17px;padding:12px 14px;box-shadow:none}
#bonoitec-diagnostic.bd-dossier input:focus{border-color:#008797!important;box-shadow:0 0 0 3px #e0efea}
#bonoitec-diagnostic .bd-search input{padding-left:43px}

#bonoitec-diagnostic .bd-any-model{display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px!important;margin:14px 0;border:1px dashed #87b9b1!important;border-radius:12px;background:#edf5ef!important;text-align:left;font-size:14px!important;line-height:1.5;white-space:normal;color:#176673!important}#bonoitec-diagnostic .bd-any-model svg{width:20px;height:20px;flex-shrink:0;margin-left:10px}

/* Focused identification panel. Other diagnostic steps remain inline. */
.bd-id-art{width:78px!important;height:78px!important;overflow:visible;color:#176673}
.bd-brand-field{padding:13px 14px;background:#edf3ee;border:1px solid #d3dfd6;border-radius:13px 13px 5px 13px;margin:16px 0 12px}
.bd-brand-field label{display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.05em;color:#496b64;margin-bottom:5px}
.bd-brand-field label svg{width:15px;height:15px}
#bonoitec-diagnostic .bd-brand-field select{width:100%;min-height:44px;height:44px;background-color:transparent;border:0;border-radius:0;padding:0 25px 0 0;font-family:inherit;font-size:16px;font-weight:600;color:#173035;box-shadow:none}
#bonoitec-diagnostic .bd-model{gap:12px;padding:11px 5px;min-height:69px;transition:background .18s ease,color .18s ease}
#bonoitec-diagnostic .bd-model-symbol{display:grid;place-items:center;width:42px;height:48px;flex:0 0 42px;border:1px solid #d9e4dc;background:#f0f4ed;border-radius:11px 11px 4px 11px;color:#567a71}
#bonoitec-diagnostic .bd-model-symbol svg{width:30px;height:38px}
.bd-model-label{min-width:0;flex:1;display:grid;gap:2px}.bd-model-label small{font-size:10px;font-weight:500;letter-spacing:.07em;text-transform:uppercase;color:#617b74}.bd-model-label>span{line-height:1.3;overflow-wrap:anywhere}
.bd-model-tick{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#5e7a73}
#bonoitec-diagnostic .bd-model[aria-pressed=true] .bd-model-symbol{background:#dceee5;border-color:#83b3a3;color:#176673}
.bd-model[aria-pressed=true] .bd-model-tick{background:#176673;color:#fff}
#bonoitec-diagnostic .bd-more{display:flex;width:100%;justify-content:space-between;align-items:center;min-height:48px;font-size:13px;color:#176673;background:#edf3ed;border-radius:8px;margin:8px 0}
@media(prefers-reduced-motion:no-preference){.bd-id-scan{animation:bd-scan-once 1.15s cubic-bezier(.2,.65,.2,1) both}.bd-model[aria-pressed=true] .bd-model-tick{animation:bd-select-mark .25s ease-out}.bd-model[aria-pressed=true] .bd-glyph-line{animation:bd-scan-once .55s ease-out}@keyframes bd-scan-once{0%{opacity:0;transform:translateY(-12px)}25%{opacity:1}80%{transform:translateY(12px)}100%{opacity:1;transform:translateY(0)}}@keyframes bd-select-mark{from{transform:scale(.72);opacity:.3}to{transform:scale(1);opacity:1}}}
.bd-chooser-shell{position:fixed;inset:0;margin:auto;padding:0;border:1px solid #d8dfd9;border-radius:24px 9px 24px 9px;width:min(900px,calc(100vw - 48px));max-width:none;height:min(820px,calc(100dvh - 48px));max-height:none;background:#fcfbf7;color:#173035;overflow:hidden;box-shadow:0 24px 80px #102b3433}
.bd-chooser-shell::backdrop{background:rgba(12,30,35,.58)}
.bd-chooser-shell #bonoitec-diagnostic{display:block;width:100%;height:100%;max-width:none;margin:0}
.bd-chooser-shell .bd-dossier::before,.bd-chooser-shell .bd-dossier::after{display:none}
.bd-chooser-shell .bd-paper{height:100%;display:flex;flex-direction:column;border:0;border-radius:0}
.bd-chooser-shell .bd-top{flex:0 0 auto;padding-top:max(8px,env(safe-area-inset-top));background:#f1f4ed}
.bd-chooser-shell .bd-progress{flex:0 0 2px}
.bd-chooser-shell .bd-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:max(24px,env(safe-area-inset-bottom));scrollbar-width:thin}
.bd-chooser-shell .bd-intro{margin-bottom:14px;grid-template-columns:minmax(0,1fr) 62px}
.bd-chooser-shell .bd-intro .bd-art{width:62px}
.bd-chooser-shell .bd-tabs{margin:14px 0}
.bd-chooser-shell .bd-models{max-height:clamp(150px,28dvh,280px)}
.bd-chooser-shell .bd-selected{margin-top:12px;padding-top:12px}
.bd-chooser-shell .bd-actions{margin-top:14px;padding-top:14px}
@media(max-width:699px){.bd-chooser-shell{width:100%;height:100dvh;max-height:100dvh;border:0;border-radius:0}.bd-chooser-shell .bd-body{padding:22px 20px max(24px,env(safe-area-inset-bottom))}.bd-chooser-shell .bd-dossier h2{font-size:30px}.bd-chooser-shell .bd-top{padding-left:12px;padding-right:12px}}
@media(prefers-reduced-motion:no-preference){.bd-chooser-shell[open]{animation:bd-chooser-open .26s cubic-bezier(.2,.8,.2,1)}@keyframes bd-chooser-open{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}}

/* Research-led checks: quiet movement, clear observations, useful next steps. */
.bd-question-number{margin-bottom:18px;flex-wrap:wrap}.bd-question-number>span{color:#718279;font-weight:400}.bd-step-track{display:flex;gap:4px;margin-left:auto;width:88px}.bd-step-track i{flex:1;height:3px;background:#dce4dc;border-radius:2px}.bd-step-track i.is-done{background:#176673}
#bonoitec-diagnostic .bd-answer::before{display:none}#bonoitec-diagnostic .bd-answer{display:flex;justify-content:space-between;align-items:center;gap:14px;text-align:left}#bonoitec-diagnostic .bd-answer>svg{width:18px;height:18px;flex-shrink:0;color:#6d9085;transition:transform .18s ease}#bonoitec-diagnostic .bd-answer:active>svg{transform:translateX(3px)}
.bd-bilan-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #d8e2d8;padding:0 0 16px;margin:0 0 22px}.bd-bilan-heading p{margin:0 0 4px}.bd-dossier .bd-result-seal{width:66px;height:66px;color:#176673}.bd-next{margin:24px 0;background:#edf3ec;border:1px solid #d4e0d4;border-radius:16px 5px 16px 5px;padding:20px 18px}.bd-next h3{margin:0 0 15px;font-size:18px!important;font-weight:600;color:#176673}.bd-next ol{list-style:none!important;padding:0!important;margin:0!important}.bd-next li{display:flex;gap:13px;align-items:flex-start;margin:0!important;padding:14px 0;border-top:1px solid #d2dfd3}.bd-next li>span{font-size:12px;font-variant-numeric:tabular-nums;color:#176673;padding-top:3px}.bd-next li p{font-size:14px;line-height:1.65;margin:0}.bd-next li:last-child{padding-bottom:0}
.bd-summary summary{display:flex;align-items:center;min-height:48px;list-style:none;justify-content:space-between;gap:12px}.bd-summary summary::after{content:'+';font-size:22px;color:#176673}.bd-summary[open] summary::after{content:'−'}.bd-summary summary::-webkit-details-marker{display:none}.bd-summary dl{margin:0;padding:0}.bd-summary dl>div{border-top:1px solid #dde4da;padding:12px 0}.bd-summary dt{font-size:12px;color:#64776e;font-weight:400}.bd-summary dd{margin:4px 0 0;font-size:14px;color:#173035}
.bd-dossier h2{text-wrap:balance}.bd-dossier .bd-lead,.bd-result-description{text-wrap:pretty}.bd-symptom span{overflow-wrap:anywhere}.bd-dossier button:focus-visible,.bd-dossier a:focus-visible,.bd-summary summary:focus-visible{outline:2px solid #007f8a;outline-offset:3px}
@media(prefers-reduced-motion:no-preference){.bd-result-seal{animation:bd-report-in .4s ease-out both}.bd-seal-line{stroke-dasharray:30;stroke-dashoffset:0;animation:bd-report-line .6s .15s ease-out both}.bd-next li{animation:bd-choice-in .32s ease-out both}.bd-next li:nth-child(2){animation-delay:60ms}@keyframes bd-report-in{from{opacity:0;transform:translateY(5px) rotate(-4deg)}to{opacity:1;transform:none}}@keyframes bd-report-line{from{stroke-dashoffset:30}to{stroke-dashoffset:0}}}
@media(max-width:380px){.bd-dossier .bd-symptom{padding:12px 9px}.bd-symptom small{font-size:11px!important}.bd-next{padding:17px 14px}.bd-question-number{letter-spacing:.03em}.bd-step-track{width:68px}}

/* Tactile paper controls. Hover embellishment is reserved for precise pointers. */
#bonoitec-diagnostic .bd-symptom{overflow:hidden;transition:transform .22s cubic-bezier(.2,.8,.2,1),border-color .22s,background-color .22s,box-shadow .22s}
#bonoitec-diagnostic .bd-symptom>svg{padding:6px;box-sizing:content-box;border-radius:10px;background:#eaf1e8;transition:transform .25s,background-color .25s,color .25s}
#bonoitec-diagnostic .bd-symptom::after{transition:transform .25s,color .25s}
#bonoitec-diagnostic .bd-answer{transition:background-color .16s,border-color .16s,box-shadow .16s,transform .16s}
#bonoitec-diagnostic .bd-answer.is-chosen{background:#176673;color:#fff;border-color:#176673;box-shadow:inset 0 0 0 1px #176673;opacity:1}
#bonoitec-diagnostic .bd-answer.is-chosen>svg{color:#fff;transform:translateX(4px)}
#bonoitec-diagnostic .bd-answer:disabled:not(.is-chosen){opacity:.6;cursor:default}
#bonoitec-diagnostic .bd-test-launch button.is-playing{background:#176673;color:#fff;border-color:#176673}
#bonoitec-diagnostic .bd-symptom:active{transform:scale(.97)}
#bonoitec-diagnostic .bd-symptom:focus-visible{border-color:#176673;background:#edf5ec}
.bd-dossier .bd-contact{transition:color .2s}.bd-contact>svg{transition:transform .2s}
.bd-test button:focus-visible{outline:2px solid #008c98;outline-offset:3px}.bd-test button{min-width:48px;min-height:48px;touch-action:manipulation}
#bonoitec-diagnostic button,#bonoitec-diagnostic a{touch-action:manipulation}
@media(hover:hover) and (pointer:fine){
 #bonoitec-diagnostic .bd-symptom:hover{transform:translateY(-3px);box-shadow:0 8px 18px #173b3010;border-color:#94b9a8}
 #bonoitec-diagnostic .bd-symptom:hover>svg{transform:rotate(-5deg) translateY(-1px);background:#d7eadd;color:#075e68}
 #bonoitec-diagnostic .bd-symptom:hover::after{transform:translate(2px,-2px);color:#176673}
 #bonoitec-diagnostic .bd-answer:not(:disabled):hover{transform:translateX(3px);border-color:#91b6a4;box-shadow:-3px 0 0 #176673}
 #bonoitec-diagnostic .bd-answer:not(:disabled):hover>svg,.bd-contact:hover>svg{transform:translateX(3px)}
}
@media(prefers-reduced-motion:no-preference){
 .bd-symptom{animation:bd-tile-arrive .35s cubic-bezier(.2,.8,.2,1) both}.bd-symptom:nth-child(2n){animation-delay:35ms}.bd-symptom:nth-child(n+5){animation-delay:70ms}
 .bd-test-launch button.is-playing>svg{animation:bd-audio-mark .65s ease-in-out infinite alternate}
 @keyframes bd-tile-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
 @keyframes bd-audio-mark{from{opacity:.6;transform:scale(.94)}to{opacity:1;transform:scale(1.07)}}
}
@media(prefers-reduced-motion:reduce){#bonoitec-diagnostic *,#bonoitec-diagnostic *::before,#bonoitec-diagnostic *::after,.bd-test *{animation:none!important;transition:none!important;scroll-behavior:auto!important}#bonoitec-diagnostic .bd-symptom:hover,#bonoitec-diagnostic .bd-answer:hover{transform:none!important}}