:root{color-scheme:light;--ink:#182a42;--sub:#506783;--blue:#2467e5;--bluehover:#1756cf;--line:#dbe4f0;--soft:#eff4fc;--bg:#f5f7fb;--shadow:0 10px 32px rgba(23,43,74,.045)}
*{box-sizing:border-box}
html{font-size:16px}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#205ac1}
.page{display:flex;flex-direction:column;min-height:100vh}
.nav{height:64px;display:flex;align-items:center;gap:14px;padding:0 max(18px,calc((100vw - 1140px)/2));background:#fff;border-bottom:1px solid #e2e9f3}
.logo{color:#132943;font-weight:850;font-size:22px;letter-spacing:-.055em;text-decoration:none;white-space:nowrap}.logo span{color:var(--blue)}
.main{flex:1;width:min(1140px,calc(100% - 36px));margin:0 auto 46px}
.intro{max-width:850px;margin:0 auto;padding:30px 0 19px}.eyebrow{font-size:11px;letter-spacing:.14em;font-weight:850;color:var(--blue)}
.intro h1{font-size:clamp(29px,3.6vw,43px);letter-spacing:-.04em;line-height:1.12;margin:8px 0 8px;font-weight:850}.intro p{color:var(--sub);font-size:15px;line-height:1.55;margin:0;max-width:680px}
.form-layout{max-width:850px;margin:0 auto}.order-card,.success-card,.legal-page{background:#fff;border:1px solid #e1e8f2;border-radius:18px;box-shadow:var(--shadow)}.order-card{padding:26px 32px 23px}
.form-section{padding:0 0 23px;margin-bottom:21px;border-bottom:1px solid #e8edf5}.form-section:last-of-type{margin-bottom:12px}
.section-heading{display:flex;align-items:center;gap:12px;margin:0 0 15px}.step{width:32px;height:32px;border-radius:10px;flex:0 0 32px;display:grid;place-items:center;color:#2467e5;background:#edf3ff;font-weight:820;font-size:13px}.section-heading h2{font-size:20px;line-height:1.18;letter-spacing:-.025em;margin:0;font-weight:820}.section-heading p{font-size:12px;color:var(--sub);margin:3px 0 0}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:0 0 12px}.field{min-width:0;display:flex;flex-direction:column;gap:6px}.field-label{font-size:13px;line-height:1.3;color:#344b66;font-weight:730}.field-label b{color:var(--blue)}.field-label small{color:#7688a0;font-weight:500;font-size:12px}
input:not([type=checkbox]):not([type=radio]),textarea{display:block;min-width:0;width:100%;min-height:46px;border:1px solid #d4dfed;border-radius:10px;color:#1b304c;background:#fff;outline:0;padding:11px 12px;font:600 16px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;transition:border .15s,box-shadow .15s}
input[type=number]{appearance:textfield;-moz-appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
input::placeholder,textarea::placeholder{color:#8293aa;font-weight:450}
textarea{font-weight:500;resize:vertical;min-height:100px;line-height:1.5}
input:focus-visible,textarea:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid rgba(37,104,229,.22);outline-offset:2px;border-color:#5792ed}
.extra-details{border-radius:10px;margin-top:2px}.extra-details summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:9px 12px;border-radius:10px;background:#f4f7fd;color:#2d5b9d;font-weight:700;font-size:13px;cursor:pointer;list-style:none}.extra-details summary::-webkit-details-marker{display:none}.extra-details summary svg{width:17px;height:17px;flex-shrink:0;transition:transform .15s}.extra-details[open] summary svg{transform:rotate(180deg)}.extra-details[open] summary{border-radius:10px 10px 0 0;background:#f1f6fd}.extra-fields{padding:14px 13px 6px;background:#f9fbff;margin:0}.extra-details>.info-line{margin:0;padding:0 13px 12px;background:#f9fbff;border-radius:0 0 10px 10px}.info-line{color:#60758d;font-size:12px;line-height:1.55;margin:8px 0 0}
.mode-toggle{display:grid;grid-template-columns:1fr 1fr;max-width:330px;gap:4px;padding:4px;background:#eef3fb;border-radius:12px;margin:0 0 14px}.mode-toggle label{position:relative;min-width:0;cursor:pointer}.mode-toggle input{position:absolute;opacity:0;width:1px;height:1px;left:50%;top:50%}.mode-toggle span{min-height:40px;display:flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:9px;font-size:14px;font-weight:710;color:#566c86;white-space:nowrap}.mode-toggle input:checked+span{color:#1558c6;background:#fff;box-shadow:0 1px 5px rgba(23,52,92,.1)}.mode-toggle input:focus-visible+span{outline:3px solid rgba(37,104,229,.3);outline-offset:2px}
.parts-item{border:1px solid #e2eaf5;border-radius:12px;padding:13px 15px 14px;background:#fcfdff;margin-bottom:10px}.item-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px}.item-header strong{font-size:12px;color:#526e8e;font-weight:750}.remove-item{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:#60758d;font-size:12px;font-weight:700;cursor:pointer;border-radius:8px;min-height:32px;padding:4px 7px}.remove-item svg{width:15px;height:15px}.remove-item:hover{background:#fff0f0;color:#a13a3a}.remove-item:disabled{visibility:hidden;cursor:default}
.item-fields{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 84px;align-items:start;gap:11px}.item-fields .field-label{font-size:12px}.item-fields input{min-height:44px;font-size:15px}.item-qty input{text-align:center;padding:9px 5px}
.add-item{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;min-height:45px;border:1px dashed #b6cae8;background:#f6faff;color:#1e5ecb;border-radius:11px;font-size:14px;font-weight:780;cursor:pointer}.add-item:hover{background:#eef5ff}.add-item:disabled{opacity:.5;cursor:default}.add-item span{font-size:21px;font-weight:500;line-height:1}
.list-field textarea{min-height:186px;font-size:16px;font-weight:500;line-height:1.6}
.contact-email{margin-bottom:12px;max-width:calc(50% - 7px)}.comment-field{background:#f9fbff;border-radius:0 0 10px 10px;padding:13px}.comment-field textarea{min-height:90px}
.submit-section{padding-top:0}.consent-line{display:flex;align-items:flex-start;gap:11px;background:#f5f8fe;border:1px solid #e0e9f6;border-radius:12px;color:#3e5570;font-size:13px;line-height:1.55;padding:14px;cursor:pointer}.consent-line input{width:20px;height:20px;flex:0 0 20px;accent-color:var(--blue);margin:2px 0 0}.consent-line a{text-decoration:underline;text-underline-offset:2px}.guard-slot,[data-guard-badge-slot]{margin:10px 0}
.submit-section button[type=submit]{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:51px;background:var(--blue);border:0;border-radius:11px;color:#fff;padding:12px 17px;font-size:16px;font-weight:780;cursor:pointer}.submit-section button[type=submit] span{font-size:23px;line-height:1}.submit-section button[type=submit]:not(:disabled):hover{background:var(--bluehover)}.submit-section button[type=submit]:disabled{opacity:.45;cursor:not-allowed}.submit-help{font-size:12px;color:#60748c;text-align:center;margin:10px 0 0}
.notice{padding:12px 14px;border-radius:11px;font-size:13px;line-height:1.5;margin-bottom:17px}.notice.error{background:#fff0f0;color:#a52d2d;border:1px solid #ffd1d1}.notice.warn{background:#fff8e8;color:#78511d;border:1px solid #f2dfb4}
.success-card{width:min(780px,100%);margin:0 auto;padding:38px 24px;text-align:center}.success-icon{background:#e4f5ec;color:#18854d;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;font-size:26px;font-weight:800}.success-card h2{margin:0 0 7px;font-size:23px}.success-card p{color:var(--sub);font-size:15px}.new-request{display:inline-flex;padding:10px 16px;background:#eef4ff;color:#205cca;text-decoration:none;font-weight:700;border-radius:10px;margin-top:6px}
.legal-page{max-width:800px;margin:30px auto 65px;padding:34px 40px;line-height:1.7}.legal-page h1{font-size:clamp(25px,4vw,36px);letter-spacing:-.035em;line-height:1.2}.legal-page h2{font-size:17px;margin:26px 0 8px}.legal-page p{color:#40566e}.legal-page .muted{font-size:12px;color:#75869b}.back-link{text-decoration:none;font-size:14px;font-weight:700}
footer{border-top:1px solid #e1e8f2;text-align:center;font-size:12px;color:#7489a2;padding:17px 12px}footer a{color:#506b91;text-decoration:none}
[hidden]{display:none!important}
@media(max-width:700px){
 .main{width:calc(100% - 24px);margin-bottom:26px}
 .intro{padding:22px 3px 16px}.intro h1{font-size:31px}.intro p{font-size:14px;line-height:1.5}
 .order-card{padding:20px 16px 18px;border-radius:14px}
 .form-section{padding-bottom:19px;margin-bottom:18px}.section-heading{margin-bottom:13px}.section-heading h2{font-size:19px}
 .form-grid{grid-template-columns:1fr;gap:12px}.contact-email{max-width:none}
 .item-fields{grid-template-columns:minmax(0,1fr) 96px;gap:10px}.item-name{grid-column:1/-1}.item-code{grid-column:1}.item-qty{grid-column:2}
 .parts-item{padding:12px;margin-bottom:10px}
 .mode-toggle{max-width:none;width:100%}.mode-toggle span{font-size:14px}
 .legal-page{width:calc(100% - 24px);padding:22px 18px;margin:18px auto 35px}
}
@media(max-width:360px){
 .main{width:calc(100% - 16px)}.order-card{padding:16px 12px}.intro{padding:20px 3px 14px}.intro h1{font-size:28px}
 .item-fields{grid-template-columns:minmax(0,1fr) 80px;gap:8px}.parts-item{padding:10px}
 .extra-fields{padding:12px 10px 6px}
}
@media(prefers-reduced-motion:reduce){.extra-details summary svg,input:not([type=checkbox]):not([type=radio]){transition:none}}


/* v1.2.19: custom searchable make/model picker */
.car-grid{align-items:start}
.field-combobox{position:relative}
.combo{position:relative;display:flex;align-items:center}
.combo input{padding-right:44px}
.combo-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:0;background:transparent;border-radius:9px;color:#587090;cursor:pointer;display:grid;place-items:center}
.combo-toggle:hover{background:#edf4ff;color:#1f5ec7}
.combo-toggle svg{width:18px;height:18px}
.combo.open .combo-toggle{color:#1f5ec7}
.combo-panel{position:absolute;left:0;right:0;top:calc(100% + 6px);max-height:280px;overflow:auto;background:#fff;border:1px solid #d6e1ef;border-radius:14px;box-shadow:0 16px 34px rgba(17,37,66,.12);padding:6px;z-index:30}
.combo-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 12px;border:0;background:#fff;border-radius:10px;text-align:left;color:#17304d;font-size:14px;font-weight:650;cursor:pointer}
.combo-option:hover,.combo-option.is-active{background:#eef5ff;color:#1558c6}
.combo-option small{font-size:11px;color:#6b8098;font-weight:700}
.combo-option:hover small,.combo-option.is-active small{color:#4576c4}
.combo-empty{padding:12px 13px;color:#627792;font-size:13px;line-height:1.45}
.combo-help{margin:8px 0 0;font-size:12px;color:#60758d;line-height:1.55}
@media(max-width:700px){
  .combo-panel{max-height:240px;border-radius:12px}
  .combo-option{padding:11px 12px;font-size:15px}
  .combo-help{font-size:12px}
}