.parts-assistant { max-width:1200px;margin:auto; }
.assistant-intro { display:flex;align-items:center;justify-content:space-between;gap:32px;max-width:none;padding:10px 0 25px;border:0; }
.assistant-intro>div { max-width:760px; }.assistant-intro h1 { font-size:38px;letter-spacing:-.035em; }.assistant-intro p:not(.eyebrow) { font-size:17px;line-height:1.7;color:#52665b;max-width:680px; }
.assistant-set-link { flex:0 0 190px;font-size:13px;color:#176b4d;text-decoration:underline;text-underline-offset:4px; }
.assistant-progress { display:flex;gap:0;justify-content:space-between;padding:18px 22px;border:1px solid #dfe8e1;border-radius:12px;background:#f6f8f4; }.assistant-progress span { display:flex;align-items:center;gap:8px;color:#7a847d;font-size:13px; }.assistant-progress b { display:grid;place-items:center;width:26px;height:26px;border:1px solid #d5dfd7;border-radius:50%;font-size:12px; }.assistant-progress .active { color:#10523b; }.assistant-progress .active b { color:white;background:#176b4d;border-color:#176b4d; }.assistant-progress .complete b { color:#176b4d;background:#dfeddf;border-color:#dfeddf; }
.assistant-toolbar { display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0 25px;min-height:32px;font-size:13px;color:#52665b; }.assistant-crumbs { display:flex;flex-wrap:wrap;gap:8px; }.assistant-crumbs a { padding:6px 12px;border:1px solid #cadfd0;border-radius:30px;background:#edf5ec;color:#10523b; }.assistant-crumbs span { margin-left:8px; }
.assistant-question-heading { display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:15px; }.assistant-question-heading h2 { margin:5px 0 0;font-size:29px;letter-spacing:-.025em;line-height:1.2; }.assistant-question-heading .eyebrow { margin:0; }.assistant-stock-label { flex-shrink:0;padding:7px 12px;border:1px solid #e0e6df;border-radius:30px;color:#52665b;font-size:12px;background:white; }.assistant-hint { color:#68786e;font-size:14px;line-height:1.6; }
.assistant-choice-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:25px 0; }.assistant-choice { display:block;min-width:0;padding:12px 16px 16px;border:1px solid #dce5de;border-radius:14px;background:#fff;box-shadow:0 4px 14px #243f2d04;transition:border-color .15s,box-shadow .15s,transform .15s; }.assistant-choice:hover { border-color:#176b4d;box-shadow:0 8px 24px #176b4d12;transform:translateY(-3px); }.assistant-choice:focus-visible,.assistant-product:focus-visible { outline:3px solid #176b4d;outline-offset:4px; }.assistant-choice[hidden] { display:none; }
.assistant-choice-photos { display:grid;grid-template-columns:1.5fr 1fr;grid-template-rows:80px 80px;gap:6px;margin-bottom:14px; }.assistant-choice-photos img { display:block;object-fit:contain;width:100%;height:100%;min-width:0;padding:4px; }.assistant-choice-photos img:first-child { grid-row:1 / 3;padding:8px; }.assistant-choice-photos:has(img:only-child) { grid-template-columns:1fr; }.assistant-choice-caption { display:flex;justify-content:space-between;gap:8px;color:#203b2d;line-height:1.3;font-size:17px; }.assistant-choice-caption strong { display:flex;align-items:center;gap:9px; }.assistant-choice-caption>span { color:#176b4d; }.assistant-choice small { display:block;margin-top:6px;color:#78857c;font-size:12px; }.assistant-swatch { display:inline-block;width:21px;height:21px;border:1px solid #78857c55;border-radius:50%;background:var(--swatch);flex-shrink:0; }
.assistant-actions { display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:24px 0 38px;font-size:14px; }.assistant-actions>a:first-child:not(.button) { margin-right:auto;color:#52665b; }.assistant-results { margin-top:40px;padding-top:28px;border-top:1px solid #e0e6df; }.assistant-product-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px; }.assistant-product { display:block;min-width:0;border:1px solid #e0e6df;border-radius:12px;overflow:hidden; }.assistant-product:hover { border-color:#176b4d; }.assistant-product-photo { height:200px;padding:15px;position:relative; }.assistant-product-photo img { width:100%;height:100%;object-fit:contain; }.assistant-product-photo>span { position:absolute;bottom:8px;right:12px;padding:3px 7px;background:#fff;color:#176b4d;font-size:18px;font-weight:750; }.assistant-product-copy { padding:14px;border-top:1px solid #f0f3ee; }.assistant-product h3 { font-size:14px;line-height:1.4;margin:0;overflow-wrap:anywhere; }.assistant-product p { color:#78857c;font-size:12px;margin:8px 0; }.assistant-product-copy>strong { font-size:12px;color:#176b4d; }.assistant-more { text-align:center;margin-top:24px; }
.assistant-tip { margin:40px 0 0;padding:24px;border-radius:12px;background:#f4f6f0;color:#52665b;font-size:14px;line-height:1.7; }.assistant-tip p { margin:8px 0;max-width:850px; }.assistant-tip a { color:#176b4d;text-decoration:underline; }.assistant-choice-search { max-width:420px;margin:20px 0; }.assistant-choice-search[hidden] { display:none; }.assistant-choice-search label { display:block;font-size:13px;margin-bottom:6px; }.assistant-choice-search input { width:100%;padding:12px;border:1px solid #cad7cd;border-radius:6px;font:inherit; }
.assistant-teaser { display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding:40px;background:#edf3e9;border:1px solid #dce6d5;border-radius:16px; }.assistant-teaser h2 { margin:8px 0 16px;font-size:34px;letter-spacing:-.03em;line-height:1.15;color:#203b2d; }.assistant-teaser-copy>p:not(.eyebrow) { color:#52665b;line-height:1.75; }.assistant-teaser-copy .assistant-teaser-note { font-size:12px;margin-bottom:0;letter-spacing:.06em; }.assistant-teaser-art img { display:block;width:100%;height:auto; }.assistant-nav { color:#176b4d; }
@media(max-width:900px) { .assistant-intro { align-items:flex-start;flex-direction:column;gap:0; }.assistant-set-link { flex:auto; }.assistant-choice-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.assistant-product-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }.assistant-teaser { gap:20px;padding:28px; }.assistant-teaser h2 { font-size:28px; } }
@media(max-width:600px) { .assistant-intro h1 { font-size:30px; }.assistant-intro p:not(.eyebrow) { font-size:15px; }.assistant-progress { padding:12px 8px;gap:3px;align-items:flex-start; }.assistant-progress span { flex-direction:column;gap:5px;font-size:10px; }.assistant-progress b { width:24px;height:24px; }.assistant-question-heading { align-items:flex-start;flex-direction:column;gap:12px; }.assistant-question-heading h2 { font-size:25px; }.assistant-choice-grid { gap:10px; }.assistant-choice { padding:8px 10px 12px; }.assistant-choice-photos { grid-template-rows:60px 60px;gap:2px; }.assistant-choice-photos img:first-child { padding:2px; }.assistant-choice-caption { font-size:14px; }.assistant-choice small { font-size:11px; }.assistant-product-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:10px; }.assistant-product-photo { height:155px;padding:9px; }.assistant-product-copy { padding:10px; }.assistant-toolbar { align-items:flex-start; }.assistant-toolbar>a { max-width:90px;text-align:right; }.assistant-teaser { grid-template-columns:1fr;padding:24px;gap:10px; }.assistant-teaser-art { grid-row:1; }.assistant-teaser-art img { max-height:220px; }.assistant-teaser h2 { font-size:28px; }.assistant-actions { gap:12px; }.assistant-actions .button { flex-grow:1; }.assistant-tip { padding:18px; } }
@media(prefers-reduced-motion:reduce) { .assistant-choice { transition:none; }.assistant-choice:hover { transform:none; } }