:root{color-scheme:light;--ink:#102a34;--muted:#49626d;--line:#cbd9df;--sky:#006c86;--surface:#f1f6f7;font:16px/1.45 system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--surface);color:var(--ink)}[hidden]{display:none!important}a{color:var(--sky);text-underline-offset:.17em}button,input,select{font:inherit}button,select,summary{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #167aa5;outline-offset:3px}header{background:white;border-top:5px solid #00819d;border-bottom:1px solid var(--line)}.mast,main{max-width:1510px;margin:auto;padding:0 clamp(16px,3.5vw,64px)}.mast{display:flex;align-items:center;justify-content:space-between;min-height:78px;gap:15px}.logo{display:grid;gap:4px;color:var(--ink);text-decoration:none}.logo img{width:140px;height:auto}.logo span,.eyebrow,.model-code{font-size:.67rem;font-weight:750;letter-spacing:.105em}.back{font-size:.9rem;font-weight:700}nav{display:flex;gap:10px;margin:22px 0;color:var(--muted);font-size:.85rem}.title{display:flex;align-items:center;justify-content:space-between;gap:18px}.eyebrow{color:var(--sky);margin:0 0 4px}.title h1{font-size:clamp(2.4rem,4.8vw,4.6rem);line-height:1.03;letter-spacing:-.052em;margin:5px 0 10px}.intro{color:var(--muted);margin:0}.model-code{border-left:3px solid #1694a7;padding-left:13px;color:var(--muted)}.model-code b{display:block;font-size:1rem;color:var(--ink);letter-spacing:.03em}.tools{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0 0}.tools label{font-size:.82rem;font-weight:700}.tools select,.tools input{display:block;width:100%;height:44px;margin-top:5px;padding:0 12px;border:1px solid #9cb2bc;border-radius:5px;background:white;color:var(--ink)}#msg{font-size:.85rem;color:var(--muted);min-height:1.2em;margin:10px 0}.work{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:18px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:9px;overflow:hidden}.diagram{position:sticky;top:12px}.panel-head,.zoom-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px;border-bottom:1px solid var(--line)}h2{font-size:clamp(1.06rem,1.8vw,1.4rem);line-height:1.18;letter-spacing:-.02em;margin:0}.panel-head button,.zoom-head button{min-height:40px;border:1px solid var(--line);border-radius:5px;background:white;color:var(--sky);font-weight:650;padding:5px 10px}.image-button{display:block;width:100%;background:white;border:0;cursor:zoom-in;padding:8px}.diagram img{width:100%;height:auto;display:block;max-height:60vh;object-fit:contain}.caption,footer{color:var(--muted);font-size:.84rem}.caption{padding:10px 16px;border-top:1px solid var(--line)}#count{font-size:.8rem;font-weight:bold;color:var(--muted);white-space:nowrap}details{border-bottom:1px solid #e0e7ea}details:last-child{border:0}details[open]{background:#f3f9fa}summary{display:grid;align-items:start;grid-template-columns:2.7rem minmax(0,1fr) auto;gap:10px;padding:13px;list-style:none}summary::-webkit-details-marker{display:none}.ref{border:1px solid #c9dce1;text-align:center;border-radius:4px;padding:2px 3px;color:#086678;font-size:.8rem;font-weight:700}.desc,.price{font-weight:680}.desc{font-size:.93rem}.sku,.status{display:block;font-size:.76rem;color:var(--muted);font-weight:500}.sku{overflow-wrap:anywhere}.price{text-align:right;font-size:.92rem}.status.available{color:#15664d}.part-action{padding:0 15px 13px;margin-left:3.1rem}.part-action p{margin:0 0 10px;color:var(--muted);font-size:.82rem}.part-action a{display:inline-flex;align-items:center;min-height:40px;margin-right:16px;font-size:.85rem;font-weight:bold}.part-action a:first-of-type{background:#075e70;color:white;border-radius:4px;text-decoration:none;padding:4px 12px}footer{margin:25px 0;padding:14px 0;border-top:1px solid var(--line)}footer p{margin:.3em 0}.zoom-head{position:sticky;top:0;background:white}.zoom-head strong{margin-right:auto}dialog{max-width:96vw;width:1200px;max-height:94vh;border:0;border-radius:8px;padding:0;color:var(--ink)}dialog::backdrop{background:#0b212ad9}#zoom-area{max-height:78vh;overflow:auto}#large-image{display:block;width:100%;height:auto}#zoom-area.actual img{width:auto;max-width:none}
@media(max-width:830px){.work{grid-template-columns:1fr}.diagram{position:static}.diagram img{max-height:55vh}.model-code{display:none}}@media(max-width:560px){.tools{grid-template-columns:1fr;gap:9px}.mast{min-height:66px}.logo img{width:115px}nav{margin:15px 0}.title h1{font-size:2.45rem}.panel-head{padding:12px}.work{gap:12px}.intro{font-size:.9rem}summary{padding:12px 10px;gap:7px;grid-template-columns:2.1rem minmax(0,1fr) auto}.part-action{margin-left:2rem}.price{max-width:100px}.zoom-head{flex-wrap:wrap}.zoom-head strong{width:100%}}
.model-groups{margin:25px 0}.model-group{margin:25px 0}.model-group h2{font-size:1.4rem;margin:0 0 12px}.model-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:10px}.model-link{display:grid;grid-template-columns:1fr auto;align-items:center;gap:3px 10px;padding:15px 16px;border:1px solid var(--line);border-radius:7px;background:white;color:var(--ink);text-decoration:none}.model-link:hover{border-color:var(--sky)}.model-link strong{font-size:1rem}.model-link small{color:var(--muted);grid-column:1}.model-link span{grid-column:2;grid-row:1/3;color:var(--sky)}.model-picker{font-size:.87rem;min-height:40px;display:inline-flex;align-items:center}
.family-jumps{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.family-jumps a{display:inline-flex;align-items:center;min-height:42px;padding:6px 14px;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:5px;text-decoration:none;font-weight:650}.family-jumps a:hover{border-color:var(--sky);color:var(--sky)}.model-group{scroll-margin-top:12px}@media(max-width:830px){.title:has(.model-code){flex-wrap:wrap}.title .model-code{display:inline-flex;align-items:center;gap:9px}.title .model-code b{font-size:.9rem}}

.list-toggle,.add-oem,.order-primary,.order-ask{border:0;border-radius:6px;background:#006c86;color:white;padding:.62rem .95rem;font-weight:700}
.list-toggle{margin:0 0 14px}.fiche-order{width:min(620px,95vw);max-height:85dvh;padding:0;border:1px solid #cad9dd;border-radius:12px;color:var(--ink)}.fiche-order::backdrop{background:#0b263591}
.order-head,.order-line,.order-links,.order-quantity{display:flex;align-items:center;gap:12px}.order-head{justify-content:space-between;background:#f1f6f7;padding:15px 20px}.order-head h2{font-size:1.3rem;margin:0}
.order-body,.order-msg{padding:0 18px}.order-msg{font-weight:600}.order-line{border-bottom:1px solid var(--line);padding:14px 0;display:grid;grid-template-columns:minmax(0,1fr) auto auto}.order-line small{display:block;color:var(--muted);overflow-wrap:anywhere}.order-line .order-stock{color:#00667c;font-weight:650}.order-quantity{flex-direction:column;gap:2px}.order-quantity input{width:3.5rem;padding:3px}.order-quantity button,.order-links button,.order-head button{border:1px solid var(--line);border-radius:5px;background:white;color:var(--ink);padding:5px 8px}.order-total{font-size:1.15rem;font-weight:750;margin-bottom:4px}.order-info{font-size:.9rem;color:var(--muted);margin:.4rem 0 .8rem}.order-links{padding:12px 0;flex-wrap:wrap}.order-ask{background:#edf4f6;color:var(--ink);text-decoration:none}.order-body textarea{width:100%;min-height:100px}.fiche-order :disabled{opacity:.65}
@media(max-width:420px){.order-line{grid-template-columns:minmax(0,1fr) auto}.order-line>b{grid-column:1}.order-quantity{grid-column:2;grid-row:1/3}.order-head,.order-body,.order-msg{padding-left:12px;padding-right:12px}}

.retry-drawing{min-height:40px;margin:1rem;padding:.4rem .75rem;border:1px solid var(--line);border-radius:5px;background:white;color:var(--sky);font-weight:650}
.drawing-credit{display:block;margin-top:.25rem}
.directory-tools{display:flex;align-items:end;gap:20px;flex-wrap:wrap;margin:22px 0 12px}.directory-tools label{display:grid;gap:5px;font-size:.85rem;font-weight:700}.directory-tools select{min-width:160px;min-height:44px;padding:7px 12px;border:1px solid #9cb2bc;border-radius:5px;background:white;color:var(--ink)}.directory-tools p{margin:0 0 10px;color:var(--muted);font-size:.9rem}.fitment-note{display:block;font-size:.78rem;color:var(--muted);font-weight:500;margin-top:3px}
.drawing-detail{background:none;border:0;padding:.25rem 0;color:var(--sky);font:inherit;font-weight:650;text-decoration:underline;text-underline-offset:.17em}
.oem-request-form{display:grid;gap:.8rem;padding-bottom:1rem}.oem-request-form h3{margin:.5rem 0}.oem-request-form label{display:grid;gap:.2rem;font-weight:650}.oem-request-form input:not([hidden]){box-sizing:border-box;width:100%;padding:.7rem;border:1px solid var(--line);border-radius:5px;font:inherit}.request-summary{white-space:pre-line;max-height:9rem;overflow:auto;background:var(--surface);padding:.65rem;margin:0}.order-back{background:none;border:0;padding:.75rem 0;color:var(--sky);font-weight:650}.oem-request-form .order-primary{justify-self:start}
