:root{--accent:#cf2735;--red:#cf2735;--ink:#20242c;--muted:#747b87;--line:#e5e7ec;--bg:#f6f7f9;--panel:#ffffff;--radius:18px;--font:Segoe UI,Arial,sans-serif;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.header{max-width:1120px;margin:auto;min-height:104px;padding:18px 32px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:13px;font-size:27px;font-weight:850;letter-spacing:-.5px;color:var(--ink)}.brand-logo{width:62px;height:62px;object-fit:contain;border-radius:50%;border:1px solid #e1e3e7}.brandcaption{display:block;font-size:8px;letter-spacing:1.6px;color:var(--muted);margin-top:1px;font-weight:650}.garage-pill{border:1px solid #e2e4e8;border-radius:24px;padding:11px 17px;background:#ffffff;color:var(--accent);font-weight:650;font-size:13px}.hero{max-width:1056px;margin:auto;padding:34px 48px 34px;background:radial-gradient(ellipse at 88% 35%,#ffffff00,transparent 55%),linear-gradient(120deg,#ffffff,#ffffff);border:1px solid #e5e7ec;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 16px 50px #15213505}.hero:after{content:"";height:2px;position:absolute;left:40px;right:40px;bottom:0;background:linear-gradient(90deg,transparent,var(--red),transparent);pointer-events:none}.hero-top{display:flex;gap:28px;justify-content:space-between;align-items:center}.hero-copy{max-width:650px;flex:1}.hero-logo{flex:0 0 220px}.hero-logo img{display:block;width:220px;height:220px;object-fit:contain;border-radius:16px;box-shadow:0 0 45px #00000000}.eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;color:var(--accent)}h1{font-size:42px;font-weight:800;letter-spacing:-1.3px;line-height:1.2;margin:18px 0 16px}h1 span{color:#626c7b}.hero p{color:#747b87;margin:0 0 24px;line-height:1.65;font-size:15px}.searchbar{position:relative;z-index:1;display:flex;align-items:center;padding:6px;background:#f8f9fb;border-radius:12px;color:#20242c;gap:5px;border:1px solid #e2e5eb}.searchicon{font-size:29px;padding:0 10px 0 13px;color:#8d939c}.searchbar input{border:0;background:transparent;padding:13px 2px;min-width:0;flex:1;font-size:15px;color:#20242c;outline:none;color-scheme:light}.searchbar input::placeholder{color:#7c838e}.searchbar button{padding:13px 22px;border:0;border-radius:8px;color:#ffffff;background:#cf2735;font-weight:750;display:flex;gap:24px;align-items:center;box-shadow:0 1px 4px #00000000}.search-hints{font-size:12px;color:var(--muted);margin-top:12px}.search-hints span{color:var(--accent)}.content{max-width:1056px;margin:auto;padding:26px 0 35px}.selection-row{display:flex;align-items:center;justify-content:space-between;background:var(--panel);padding:20px 24px;border:1px solid var(--line);border-radius:var(--radius);margin-bottom:28px}.overline{display:block;font-size:10px;letter-spacing:1.2px;font-weight:650;color:var(--muted)}.car-select{padding:6px 0 0;border:0;background:none;text-align:left;font-size:18px;font-weight:700;color:var(--ink)}.car-select span{margin-left:12px;color:var(--accent)}.section-title,.results-header{display:flex;align-items:center;justify-content:space-between;margin:14px 0}.section-title h2,.results-header h2{font-size:23px;letter-spacing:-.4px;margin:0}.section-title>span{font-size:12px;color:var(--muted)}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:26px}.category{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:14px;padding:16px;display:flex;gap:12px;align-items:center;min-height:86px;text-align:left;font-weight:650;font-size:13px;transition:border-color .15s,transform .15s}.category:hover{border-color:#e6a4ac;transform:translateY(-1px)}.category.active{background:#fff5f6;border-color:var(--accent);color:var(--accent)}.category-icon{width:37px;height:37px;flex:0 0 37px;border-radius:10px;background:#fff0f2;color:var(--accent);display:grid;place-items:center;font-size:24px;font-weight:400}.category.active .category-icon{background:#ffe3e7}.results-header{margin:30px 0 13px}.text-button{border:0;background:none;color:var(--accent);font-size:13px;font-weight:650}.result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.part-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px;position:relative}.part-open{display:block;width:100%;border:0;background:none;text-align:left;padding:0;color:var(--ink)}.part-tag{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);margin-bottom:10px;padding-right:38px}.part-card h3{font-size:18px;line-height:1.4;margin:0 35px 10px 0;min-height:48px}.number{font-family:Consolas,monospace;font-size:14px;color:#555f6f;overflow-wrap:anywhere}.vehicle-note{font-size:13px;color:var(--muted);margin:14px 0}.card-bottom{border-top:1px solid var(--line);padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:var(--accent)}.pending{color:#657181;background:#f1f3f6;padding:5px 8px;border-radius:6px;font-size:11px}.fav{position:absolute;right:15px;top:15px;border:0;background:transparent;color:#9199a4;font-size:26px;z-index:1;width:34px;height:34px}.fav.saved{color:#cf2735}.empty-state{background:var(--panel);border:1px dashed #dfe3e9;border-radius:18px;text-align:center;padding:38px 16px;color:var(--muted)}.empty-state h3{color:var(--ink);margin:10px 0 7px;font-size:19px}.empty-state p{font-size:14px;margin:0}.empty-icon{display:block;color:var(--accent);font-size:37px}.help-card{display:flex;gap:17px;margin-top:30px;padding:23px;background:#f0f2f6;border:1px solid #e6e9ee;border-radius:16px}.help-icon{width:35px;height:35px;flex:0 0 35px;border:1px solid #c6cbd4;border-radius:50%;display:grid;place-items:center;font-weight:650;color:var(--accent)}.help-card h3{font-size:16px;margin:0 0 5px}.help-card p{font-size:13px;margin:0;color:var(--muted);max-width:650px}footer{margin-top:26px;color:#9299a5;font-size:12px;text-align:center}footer span{padding:0 10px}.bottom-nav{display:flex;position:sticky;bottom:0;z-index:5;justify-content:center;gap:70px;background:#ffffffed;border-top:1px solid #e6e8ed;padding:11px 10px calc(11px + env(safe-area-inset-bottom));backdrop-filter:none}.bottom-nav button{min-width:90px;border:0;background:none;display:flex;align-items:center;flex-direction:column;color:#828a98;font-size:11px;gap:2px}.bottom-nav button span{font-size:25px;line-height:1.2}.bottom-nav .active{color:var(--accent);font-weight:700}.bottom-nav small{font-size:10px}dialog{border:1px solid #e1e5eb;background:#ffffff;border-radius:22px;width:min(540px,calc(100% - 26px));padding:25px;box-shadow:0 20px 90px #15213526;color:var(--ink);max-height:88vh;overflow:auto}dialog::backdrop{background:#1c243b66;backdrop-filter:none}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.dialog-head h2{margin:0;font-size:23px;letter-spacing:-.4px}.close{border:1px solid #e9ebef;background:#f1f3f6;border-radius:50%;width:34px;height:34px;font-size:24px;color:var(--accent)}.muted{color:var(--muted);font-size:14px}label{display:block;font-size:13px;font-weight:650;margin:15px 0 7px}label input,label select,label textarea{display:block;width:100%;margin-top:7px;border:1px solid #dce1e9;border-radius:10px;padding:12px;color:var(--ink);background:#fafbfc;font-weight:400;resize:vertical}input::placeholder,textarea::placeholder{color:#8b929e}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.primary{border:0;background:var(--accent);color:#ffffff;font-weight:750;padding:14px;border-radius:11px}.secondary{border:1px solid #d8dee8;background:#ffffff;color:var(--accent);font-weight:700;padding:13px;border-radius:11px}.wide{width:100%;margin-top:13px}.notice{background:#f3f5f8;border:1px solid #e0e5eb;padding:13px;border-radius:10px;color:#616d7d;font-size:13px;line-height:1.6;margin:17px 0}.error{color:#b82937;font-size:13px}.preview-banner{padding:11px 14px;font-size:12px;color:#707b8c;background:#eef1f5;border:1px solid #e4e8ee;border-radius:10px;margin-bottom:16px}.part-title{font-size:27px;letter-spacing:-.5px;line-height:1.3;margin:12px 0 16px}.number-list{margin:18px 0;border:1px solid var(--line);border-radius:12px;overflow:hidden}.number-row{padding:12px;display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);font-size:14px}.number-row:last-child{border:0}.number-row b{font-family:Consolas,monospace;overflow-wrap:anywhere}.number-row span{color:var(--muted)}.detail-subtitle{font-size:14px;font-weight:700;margin:23px 0 9px}.fit-list{display:flex;gap:7px;flex-wrap:wrap}.fit-chip{font-size:12px;padding:8px 10px;background:#f1f3f7;border:1px solid #e2e6ed;border-radius:8px}.fit-chip small{display:block;color:var(--muted);font-size:10px}details{font-size:13px;color:var(--muted);margin:20px 0;overflow-wrap:anywhere}summary{cursor:pointer;margin-bottom:7px}.request-part{background:#fff2f3;color:var(--accent);border:1px solid #ffe0e3;padding:12px 15px;border-radius:11px;font-size:14px;font-weight:650}.toast{position:fixed;z-index:20;bottom:90px;left:50%;transform:translateX(-50%);background:var(--accent);color:#ffffff;border-radius:12px;padding:12px 20px;font-size:13px;max-width:85vw;box-shadow:0 5px 25px #15213526}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:1100px){.hero{margin:0 24px}.content{padding:25px 24px}.hero-logo{flex-basis:180px}.hero-logo img{width:180px;height:180px}h1{font-size:38px}}
@media(max-width:780px){.hero-logo{display:none}.hero{padding:34px}}
@media(max-width:640px){.header{min-height:85px;padding:14px 16px;gap:12px}.brand{font-size:24px;gap:9px}.brand-logo{width:51px;height:51px}.brandcaption{font-size:6px;letter-spacing:1px}.garage-pill{font-size:11px;padding:9px 10px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero{margin:0 12px;padding:27px 20px 25px;border-radius:18px}h1{font-size:31px;letter-spacing:-.8px;margin:16px 0}.eyebrow{font-size:9px;letter-spacing:1.3px}.hero p{font-size:13px;margin-bottom:21px}.desktop{display:none}.searchbar{padding:5px;border-radius:11px}.searchbar input{font-size:13px;padding:12px 0}.searchbar button{padding:12px 13px;font-size:13px}.searchbar button span{display:none}.searchicon{padding:0 5px;font-size:25px}.search-hints{font-size:11px}.content{padding:18px 16px 25px}.selection-row{padding:17px;margin-bottom:22px}.car-select{font-size:16px}.section-title h2,.results-header h2{font-size:21px}.section-title>span{font-size:11px}.categories{grid-template-columns:repeat(2,1fr);gap:9px}.category{padding:12px;min-height:77px;font-size:12px;gap:9px}.category-icon{height:33px;width:33px;flex-basis:33px;font-size:22px}.result-grid{grid-template-columns:1fr}.part-card{padding:18px}.part-card h3{min-height:0}.bottom-nav{justify-content:space-around;gap:0}.bottom-nav button{min-width:90px}.help-card{padding:17px}.help-card h3{font-size:15px}.help-card p{font-size:12px}dialog{padding:21px}.dialog-head h2{font-size:22px}.part-title{font-size:24px}.card-bottom{font-size:11px}.pending{font-size:10px}.form-grid{gap:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Precise close icon alignment and clean light surfaces. */
.hero{background:#fff;box-shadow:none}.hero:after{display:none}.hero-copy{max-width:none}.hero-logo{display:none}.searchbar{background:#f8f9fb}.category{box-shadow:0 2px 3px #17223802}.part-card{box-shadow:0 3px 10px #17223803}.pending{background:#f2f4f7;color:#657181}.notice{background:#f4f6f9;color:#626d7d}.close{display:grid;place-items:center;padding:0;line-height:1;flex:0 0 34px;background:#f3f5f8;color:#707987;border-color:transparent}.close svg{display:block;pointer-events:none}.primary:hover,.searchbar button:hover{background:#b9202e}.secondary{color:#4b5564}.category.active{color:#b42331}.garage-pill{color:#525d6c}.hero p{color:#747b87}.toast{background:#262d38;color:#fff}label input,label select,label textarea{background:#fff}.brandcaption{color:#818895}

.inquiry-card{background:#fff;border:1px solid #e1e5ec;border-radius:18px;padding:26px;max-width:760px;margin:0 auto}.inquiry-intro{display:flex;gap:14px;align-items:flex-start;margin-bottom:18px}.inquiry-icon{width:42px;height:42px;background:#f1f3f7;color:#747e8e;border-radius:12px;display:grid;place-items:center;font-size:29px;flex-shrink:0}.inquiry-intro h3{margin:0 0 6px;font-size:21px;color:#252b35}.inquiry-intro p{margin:0;color:#747e8e;font-size:14px}.inquiry-card form{margin-top:10px}.inquiry-card label{font-size:13px}.inquiry-card .notice{margin:15px 0 0}#inquiry-status{font-size:14px;line-height:1.6}#inquiry-status:empty{display:none}@media(max-width:640px){.inquiry-card{padding:20px}.inquiry-intro h3{font-size:19px}.inquiry-intro p{font-size:13px}}
.max-entry{display:inline-block;margin-top:20px;padding:13px 24px;font-size:14px}

#results-header{scroll-margin-top:16px}#results-title:focus{outline:none}.results-tools{display:flex;gap:12px;align-items:center;justify-content:space-between}.results-tools p{margin:0;color:var(--muted);font-size:13px;overflow-wrap:anywhere}.results-tools button{white-space:nowrap}#results-status{font-size:13px;color:var(--muted);margin:10px 0 16px}#results-status:empty{display:none}.search-loading{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center}.search-spinner{width:28px;height:28px;border:3px solid #f2d6d9;border-top-color:var(--accent);border-radius:50%;animation:search-spin .8s linear infinite}.search-loading h3{margin-top:18px}#retry-search{margin-top:20px}@keyframes search-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.search-spinner{animation:none}}
html.modal-open{overflow:hidden;overscroll-behavior:none}
body.modal-open{position:fixed;width:100%;left:0;right:0;overflow:hidden;overscroll-behavior:none}
dialog{padding:0;overflow:hidden;max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px);max-width:calc(100vw - 24px)}
dialog[open]{display:flex;flex-direction:column}
dialog .dialog-head{flex:0 0 auto;margin:0;padding:18px 22px;border-bottom:1px solid #edf0f4;background:white}
.dialog-head h2{min-width:0;overflow-wrap:anywhere}
.dialog-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding:20px 22px;max-width:100%;-webkit-overflow-scrolling:touch}
.dialog-body::-webkit-scrollbar{display:none}
.dialog-body>*{min-width:0}
@media(max-width:640px){dialog .dialog-head{padding:16px 20px}.dialog-body{padding:18px 20px}}

.contact-panel{border:1px solid #e6e9ef;border-radius:12px;padding:14px;margin:18px 0;background:#fafbfc}
.contact-panel h3{font-size:15px;margin:0 0 6px}.contact-panel>p{color:#747b87;font-size:13px;line-height:1.5;margin:6px 0}
.contact-panel .wide{margin-top:10px}.contact-panel label{margin-bottom:0}.quantity-field{max-width:140px}
.form-grid>*{min-width:0}input,select,textarea{min-width:0;max-width:100%}

#results.search-active{min-height:calc(100vh - 235px);min-height:calc(100dvh - 235px)}

body{padding-bottom:82px}.bottom-nav{position:fixed;left:0;right:0;bottom:0}.results-header{gap:12px;align-items:flex-start}.results-header h2{min-width:0;flex:1}.results-header .text-button{flex:0 0 auto;margin-top:3px}

.favorites-order{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:16px;margin:18px 0}.favorites-order h3{font-size:18px;margin:0 0 6px}.favorites-order p{font-size:13px;color:var(--muted);margin:0}.favorites-order button{max-width:260px}.basket-request-line{display:grid;grid-template-columns:minmax(0,1fr) 80px;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.basket-request-line small{display:block;font-weight:400;color:var(--muted);font-size:12px;margin-top:4px}.basket-request-line input{margin:0;text-align:center}.request-basket-items{margin:8px 0 22px}@media(max-width:640px){.favorites-order{display:block}.favorites-order button{width:100%;max-width:none;margin-top:16px}}

.garage-list{display:grid;gap:12px}.garage-car{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}.garage-car.selected{border-color:var(--accent);background:#fff8f9}.garage-choose{border:0;background:none;width:100%;text-align:left;padding:16px;color:var(--ink)}.garage-choose strong,.garage-choose small,.garage-choose span{display:block}.garage-choose small{color:var(--muted);margin-top:4px}.garage-choose span{font-size:12px;color:var(--accent);margin-top:9px}.garage-actions{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:9px 10px}#garage-form{border-top:1px solid var(--line);margin-top:22px;padding-top:8px}#garage-editor-title{font-size:18px}.basket-request-line{display:grid;grid-template-columns:minmax(0,1fr) 80px;gap:10px;align-items:center}.basket-request-line>input{width:80px;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font:inherit}.basket-vehicle{grid-column:1/-1;margin:0 0 8px;font-size:12px;color:var(--muted)}.basket-vehicle select{color:var(--ink);font-size:13px;font-weight:400}.car-select{overflow-wrap:anywhere}