@import url('https://fonts.googleapis.com/css2?family=DM Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--ink:#121b1d;--muted:#526264;--paper:#f4f5f0;--line:#dce1da;--accent:#d5fa57;--dark:#152226;--white:#fff}*{box-sizing:border-box}body{margin:0;font-family:DM Sans,Arial,sans-serif;background:var(--paper);color:var(--ink)}a{color:inherit;text-decoration:none}button,select,input,textarea{font:inherit}button,.button{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;gap:.5rem;background:var(--accent);border:1px solid transparent;border-radius:9px;color:var(--ink);font-weight:800;padding:.72rem 1rem;min-height:42px;text-decoration:none}button:hover,.button:hover{filter:brightness(.95)}.outline{background:white;border-color:var(--line)}header{background:white;border-bottom:1px solid var(--line)}.nav,footer,.section{max-width:1280px;padding:0 28px;margin:auto}.nav{min-height:72px;display:flex;justify-content:space-between;align-items:center;gap:24px}nav,#actions{display:flex;align-items:center;gap:16px;font-size:.88rem;font-weight:800}nav a:hover{color:#385b00}.brand{display:inline-flex;align-items:center;gap:5px;font-family:'Instrument Sans',Arial,sans-serif;font-weight:700;font-size:2rem;letter-spacing:-2px;white-space:nowrap}.mark{display:grid;place-items:center;background:var(--accent);width:35px;height:35px;border-radius:9px;font-size:1.42rem;letter-spacing:-1px;margin-right:3px}.dot{color:#6b8804;margin-left:-5px}#actions select{width:auto;background:var(--paper);padding:7px;border-radius:7px}#app{min-height:68vh}.hero{background:linear-gradient(90deg,#142125 6%,#142125 37%,#1421256c 70%,#14212525),url('https://images.unsplash.com/photo-1503376780353-7e6692767b70?auto=format&fit=crop&w=1700&q=85') center 54% / cover;color:white;min-height:395px;display:flex;align-items:center}.hero .section{width:100%;padding-top:48px;padding-bottom:70px}.eyebrow{text-transform:uppercase;font-weight:800;letter-spacing:.16em;font-size:.74rem;color:var(--accent);display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';height:2px;width:20px;background:var(--accent)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Instrument Sans',Arial,sans-serif;line-height:1.07}h1{font-size:clamp(2.4rem,6vw,5.5rem);letter-spacing:-.063em;max-width:730px}h1 span{color:var(--accent)}h2{font-size:clamp(1.7rem,3.5vw,2.65rem);letter-spacing:-.05em}h3{font-size:1.32rem;letter-spacing:-.025em}p{line-height:1.55}.hero p{max-width:495px;color:#e0e9e4;margin-top:14px}.hero h1{margin-top:15px}.catalog{margin-top:-35px;position:relative}.toolbar,.panel,.card{background:white;border:1px solid var(--line);border-radius:14px}.toolbar{padding:17px 20px;box-shadow:0 6px 22px #162b1c12}.filtergrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:12px;align-items:end}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.formgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.row,.heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.heading{justify-content:space-between;margin:28px 0 16px}.inner{padding-top:34px;padding-bottom:44px}.panel{padding:22px;margin:12px 0}.muted,small{color:var(--muted)}label{display:grid;gap:5px;font-size:.8rem;font-weight:800}label.inline{display:flex;align-items:center;gap:9px}input,select,textarea{width:100%;border:1px solid var(--line);background:#fbfcf8;color:var(--ink);border-radius:8px;padding:9px 10px;min-height:41px}input[type=checkbox]{width:auto;min-height:auto}textarea{min-height:100px;resize:vertical}.span{grid-column:1/-1}summary{cursor:pointer;font-weight:800;margin:12px 0;color:#354542}.card{overflow:hidden}.cover{width:100%;aspect-ratio:16/9;object-fit:cover;background:#e5e9df;display:grid;place-items:center;font-size:2.2rem;color:#596756}.cardbody{padding:16px}.cardbody p{margin-top:5px}.price{font-weight:800;font-size:1.3rem}.tag{background:#eef4e0;color:#354918;border-radius:30px;padding:4px 10px;font-size:.74rem;font-weight:800}.stack{display:grid;gap:12px}.gallery{display:flex;gap:12px;overflow:auto}.gallery img{width:min(520px,82%);object-fit:cover;border-radius:12px}.message{background:#eef0eb;border-radius:11px;padding:12px;overflow-wrap:anywhere}.message.mine{background:#eef9cb}.alert{background:#f0f6dc;border:1px solid #dbe8b8;padding:12px;border-radius:9px}.notice{border:1px dashed #bac6b5;text-align:center;padding:30px;border-radius:13px}.listrow{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding:10px 0}.listrow:last-child{border:0}.plans .panel{display:grid;gap:16px}.plans .panel:last-child{background:#202e30;color:white}.planprice{font-size:2rem;font-weight:800}footer{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid var(--line);padding-top:24px;padding-bottom:24px;color:var(--muted)}#toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:5;background:#172626;color:white;padding:12px 20px;border-radius:10px;max-width:94vw;box-shadow:0 4px 25px #0004}.thumbs img{width:82px;height:60px;object-fit:cover;border-radius:8px}.danger{color:#a33b2a}:focus-visible{outline:3px solid #7eac19;outline-offset:2px}@media(max-width:850px){.nav{flex-wrap:wrap;gap:10px;padding-top:12px;padding-bottom:10px}nav{order:3;width:100%;overflow:auto;white-space:nowrap;padding-bottom:5px}.filtergrid,.formgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.nav,footer,.section{padding-left:15px;padding-right:15px}#actions{gap:5px}.nav .brand{font-size:1.55rem}.nav .button{padding:8px;font-size:.75rem}.hero{min-height:325px;background-position:61% center}.hero .section{padding-top:30px;padding-bottom:60px}.grid{grid-template-columns:1fr}.toolbar,.panel{padding:14px}.heading{margin-top:20px}footer{font-size:.8rem}}
.vehicle-picker{display:grid;gap:8px;min-width:0}.vehicle-picker [hidden]{display:none}.vehicle-select{appearance:none;cursor:pointer;background:#fbfcf8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23354542' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 10px center;padding-right:30px}.vehicle-select:disabled{cursor:default;color:var(--muted);background-color:#f0f2ed}.upload-box{border:1px dashed #bac6b5;border-radius:12px;padding:14px;background:#fbfcf8}.upload-box input{background:white}.upload-box span{overflow-wrap:anywhere;color:var(--muted)}.upload-box input::file-selector-button{border:0;border-radius:6px;background:var(--accent);padding:7px 10px;color:var(--ink);font:inherit;margin-right:9px}

.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:10px}.photo-tile{margin:0;position:relative;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:white}.photo-tile img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#e5e9df}.photo-tile figcaption{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:6px 8px;font-size:.75rem}.photo-remove{position:absolute;top:4px;right:4px;min-height:38px;min-width:38px;padding:0;background:#fff;color:var(--ink);border-color:var(--line);font-size:1.25rem}.photo-remove:disabled{opacity:.6;cursor:wait}

.search-location{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:12px;align-items:end;margin-top:12px}.search-location [hidden]{display:none}.search-location label:last-child{grid-column:2;grid-row:1}.search-location #origin-results{grid-column:1/-1}input[readonly]{color:var(--muted)}

.power-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(64px,auto);gap:8px;align-items:end;min-width:0}

.listing-status{display:inline-flex;align-items:center;gap:5px;background:#edf0ec;color:#354542}.listing-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.listing-status--active{background:#e4f4e6;color:#1b642e}.listing-status--draft{background:#fff1cc;color:#705409}.listing-status--sold{background:#e5effb;color:#2a507d}

.owned-listing{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;background:white;overflow:hidden}.owned-listing>.card{display:block;flex:1;border:0;border-radius:0}.listing-delete{border-top:1px solid var(--line);padding:0 16px}.listing-delete summary{font-size:.85rem;color:#a33b2a}.listing-delete p{font-size:.85rem;margin-bottom:9px}.listing-delete button{margin-bottom:12px}

.auth-panel{max-width:520px}.auth-links a{text-decoration:underline;text-underline-offset:3px}

.listing-gallery{max-width:820px;margin:0 auto 16px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#edf0eb}.listing-main-photo{display:block;width:100%;height:clamp(215px,42vw,410px);object-fit:contain}.listing-thumbnails{display:flex;gap:8px;padding:8px 10px;overflow-x:auto;background:white}.listing-thumbnail{flex:0 0 64px;width:64px;height:46px;min-height:0;padding:2px;border:2px solid transparent;background:white;border-radius:7px}.listing-thumbnail[aria-pressed=true]{border-color:#52680a}.listing-thumbnail img{display:block;width:100%;height:100%;object-fit:cover;border-radius:3px}.similar-vehicles{margin-top:28px}.similar-vehicles h2{margin-bottom:14px}

@media(min-width:1050px){.plans{grid-template-columns:repeat(4,minmax(0,1fr))}}

.part-specs{display:contents}.part-specs[hidden]{display:none}

.parts-search{max-width:880px;padding:clamp(16px,3vw,28px)}
.parts-size-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tyre-size-guide{display:flex;align-items:center;gap:clamp(12px,4vw,32px);padding:14px clamp(12px,3vw,26px) 0;min-height:110px;background:#edf1e7;border-radius:12px;overflow:hidden}
.tyre-size-guide[hidden]{display:none}
.tyre-size-note{font-size:1rem;font-weight:800}
.tyre-sidewall{position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:start center;align-self:end;width:clamp(112px,27vw,252px);height:96px;flex-shrink:0;border-radius:130px 130px 0 0;background:#202522;color:white}
.tyre-sidewall:before,.tyre-sidewall:after{content:"";position:absolute;inset:7px -5% auto;aspect-ratio:1;border:2px solid #586154;border-radius:50%;z-index:-1}
.tyre-sidewall:after{inset:65px 14% auto;background:#687563;box-shadow:inset 0 0 0 4px #a3ae9a}
.tyre-sidewall span{margin-top:30px;font-size:clamp(.82rem,3.2vw,1.65rem);font-weight:800;white-space:nowrap;color:#e9f8cf}
.parts-search-actions{display:flex;justify-content:flex-end;margin-top:16px}
.parts-search-actions button{min-width:min(100%,210px)}
@media(max-width:480px){.parts-search-actions button{width:100%}.tyre-size-guide small{display:block}}

.part-type-picker{border:0;margin:0;padding:0;min-width:0}.part-type-picker legend{font-size:.85rem;font-weight:750;margin-bottom:8px}
.part-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.part-type-option{display:block;position:relative;cursor:pointer}
.part-type-option input{position:absolute;inline-size:1px;min-block-size:0;block-size:1px;opacity:0}
.part-type-tile{display:flex;min-height:74px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:8px 4px;border:1px solid var(--line);border-radius:10px;background:white;text-align:center}
.part-type-option input:checked+.part-type-tile{background:#edf5d8;border-color:#668728;color:#31450c}
.part-type-option input:focus-visible+.part-type-tile{outline:3px solid #668728;outline-offset:2px}
.part-type-icon{display:block;position:relative;width:26px;height:26px;color:currentColor}
.part-type-icon--all{width:22px;height:22px;margin:2px;border-radius:3px;background:linear-gradient(currentColor 0 0) left top/9px 9px,linear-gradient(currentColor 0 0) right top/9px 9px,linear-gradient(currentColor 0 0) left bottom/9px 9px,linear-gradient(currentColor 0 0) right bottom/9px 9px;background-repeat:no-repeat}
.part-type-icon--tires,.part-type-icon--rims,.part-type-icon--completeWheels{border-radius:50%;border:3px solid currentColor}
.part-type-icon--tires{border-width:6px;border-style:dashed}
.part-type-icon--rims:after,.part-type-icon--completeWheels:after{content:"";position:absolute;inset:2px;border-radius:50%;background:repeating-conic-gradient(currentColor 0 22deg,transparent 22deg 72deg)}
.part-type-icon--completeWheels{border-width:5px}
.conversation-listing{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:9px;background:white;padding:7px 11px;margin-bottom:14px;font-weight:750}
.conversation-listing img{width:52px;height:38px;object-fit:cover;border-radius:5px}
@media(max-width:420px){.part-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.review-stars{border:0;padding:0;margin:0;min-width:0}.review-stars legend{font-size:.85rem;font-weight:700}.star-options{display:flex;gap:4px;width:max-content;max-width:100%}.star-options label{position:relative;display:grid;place-items:center;width:42px;height:42px;cursor:pointer;font-size:29px;color:#a56b00}.star-options input{position:absolute;inline-size:1px;min-block-size:0;block-size:1px;opacity:0}.star-options label:has(input:checked)~label,.star-options:not(:has(input:checked)) label,.empty-stars{color:#737b76}.star-options label:has(input:focus-visible){outline:2px solid #668728;border-radius:6px}.displayed-stars{color:#a56b00;font-size:1.1rem;letter-spacing:.08em;white-space:nowrap}

.legal-links{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.85rem;margin-top:8px}.legal-links a,.legal-page a{text-decoration:underline;text-underline-offset:3px}.legal-page{max-width:850px}.legal-page header{background:none;border:0}.legal-page h1{max-width:none;font-size:clamp(2rem,5vw,3.5rem);margin-bottom:28px}.legal-page section+section{margin-top:24px}.legal-page h2{font-size:1.25rem;margin-bottom:8px}.legal-page p+p{margin-top:9px}