:root {
  --ink: #10233f;
  --navy: #0a1b33;
  --blue: #175bc7;
  --orange: #ff6b1a;
  --paper: #f5f7fa;
  --line: #dfe5ed;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: #fff; font-family: Arial, Helvetica, sans-serif; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }

.site-header { background: white; position: relative; z-index: 20; }
.nav-shell { height: 78px; max-width: 1240px; margin: auto; padding: 0 28px; display: flex; align-items: center; justify-content: space-between; }
.brand { display: flex; gap: 9px; align-items: center; font-size: 20px; font-weight: 900; letter-spacing: -1px; white-space: nowrap; }
.brand-logo { width: 48px; height: 48px; object-fit: contain; flex: 0 0 48px; }
.brand-name { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 4px; width: 122px; line-height: .95; }
.brand-name > span { color: var(--orange); }
.brand-name small { width: 100%; margin-top: 5px; font-size: 6px; letter-spacing: 1.45px; color: #708098; }
.footer-brand .brand-logo { width: 44px; height: 44px; flex-basis: 44px; }
.nav-links { display: flex; gap: 34px; font-size: 13px; font-weight: 700; color: #506078; }
.nav-links a:hover { color: var(--blue); }
.nav-actions { display: flex; align-items: center; gap: 12px; }
.logout-form { margin: 0; }
.link-button { border: 0; background: transparent; padding: 12px; font-weight: 700; color: var(--ink); }
.button { display: inline-flex; justify-content: center; align-items: center; border: 0; border-radius: 8px; padding: 13px 18px; font-weight: 800; }
.button-primary { background: var(--orange); color: white; box-shadow: 0 8px 24px #ff6b1a30; }
.button-primary:hover { background: #eb5710; transform: translateY(-1px); }
.button-small { padding: 12px 18px; }
.button-outline { border: 1px solid #cfd8e3; background: white; color: var(--blue); font-size: 11px; }

.hero { min-height: 620px; overflow: hidden; color: white; background: radial-gradient(circle at 85% 30%, #19395c 0, transparent 34%), linear-gradient(116deg, #08182e, #102947 70%, #0c203a); position: relative; }
.hero::after { content: ""; position: absolute; inset: 0; opacity: .06; background-image: linear-gradient(#fff 1px, transparent 1px), linear-gradient(90deg, #fff 1px, transparent 1px); background-size: 48px 48px; pointer-events: none; }
.hero-inner { max-width: 1240px; margin: auto; padding: 80px 28px 48px; position: relative; z-index: 2; }
.hero-copy { position: relative; z-index: 3; }
.eyebrow { color: #ffb180; font-size: 11px; font-weight: 900; letter-spacing: 2px; margin-bottom: 20px; }
.eyebrow span { display: inline-grid; place-items: center; width: 20px; height: 20px; margin-right: 8px; background: var(--orange); color: #fff; border-radius: 50%; letter-spacing: 0; }
.hero h1 { margin: 0; max-width: 760px; font-size: clamp(40px, 4.5vw, 64px); line-height: 1.05; letter-spacing: -3.4px; }
.hero h1 em { font-style: normal; color: #ff7530; }
.hero-copy > p { max-width: 630px; margin: 22px 0 30px; color: #aebdd0; line-height: 1.65; font-size: 16px; }
.search-card { width: min(760px, 100%); background: white; border-radius: 12px; padding: 8px; box-shadow: 0 24px 60px #0006; color: var(--ink); }
.search-tabs { display: flex; border-bottom: 1px solid #e6ebf1; padding: 0 9px; }
.search-tab { border: 0; background: transparent; padding: 14px 16px 12px; color: #758399; font-size: 12px; font-weight: 800; border-bottom: 2px solid transparent; }
.search-tab.active { color: var(--blue); border-color: var(--blue); }
.search-row { display: flex; gap: 8px; padding: 12px 8px 4px; }
.search-input { min-width: 0; flex: 1; display: flex; align-items: center; gap: 10px; padding: 0 14px; border: 1px solid #d9e0e9; border-radius: 8px; color: #8290a4; }
.search-input input { border: 0; outline: none; width: 100%; height: 50px; color: var(--ink); background: transparent; }
.search-button { padding: 0 25px; white-space: nowrap; }
.search-button span { margin-left: 14px; font-size: 18px; }
.popular { display: flex; align-items: center; gap: 7px; padding: 9px 10px 4px; color: #8b98a9; font-size: 10px; }
.popular button { border: 1px solid #e2e6ec; border-radius: 20px; padding: 5px 9px; background: #f8fafc; color: #59677a; font-size: 10px; }
.trust-row { display: flex; align-items: center; gap: 24px; margin-top: 27px; color: #8ea0b7; font-size: 11px; }
.trust-row b { color: white; font-size: 14px; margin-right: 4px; }
.trust-row i { display: block; height: 20px; width: 1px; background: #ffffff26; }

.part-visual { position: absolute; right: 15px; top: 65px; width: 440px; height: 440px; }
.orbit { position: absolute; inset: 20px; border-radius: 50%; border: 1px dashed #6d94b750; }
.engine { position: absolute; inset: 105px 92px; border-radius: 38px 48px 30px 52px; background: linear-gradient(145deg, #62758a, #14283e 58%, #8293a3); box-shadow: -25px 30px 70px #000a, inset 0 2px 3px #ffffff77; display: grid; place-items: center; transform: rotate(-7deg); }
.engine > span { position: absolute; top: -38px; width: 96px; height: 70px; border-radius: 25px; background: #344a5e; display: grid; place-items: center; font-size: 44px; color: #91a3b4; }
.engine > b { width: 100px; height: 100px; display: grid; place-items: center; border: 12px double #97a6b2; border-radius: 50%; color: #dce3e8; font-size: 26px; }
.match-badge, .code-badge { position: absolute; border: 1px solid #ffffff2b; background: #122e4be8; backdrop-filter: blur(12px); border-radius: 10px; box-shadow: 0 16px 35px #0005; }
.match-badge { top: 46px; right: -5px; padding: 13px 18px 13px 12px; display: flex; align-items: center; gap: 10px; }
.match-badge > span { width: 32px; height: 32px; display: grid; place-items: center; background: #24ad6a; border-radius: 50%; font-weight: 900; }
.match-badge b, .code-badge b { display: block; font-size: 12px; }
.match-badge small, .code-badge small { color: #8fa7bf; font-size: 9px; }
.code-badge { bottom: 34px; left: -20px; padding: 12px 20px; }

.content-section, .how-section { max-width: 1240px; margin: auto; padding: 64px 28px; }
.promise-strip { max-width: 1240px; margin: -28px auto 22px; padding: 0 28px; position: relative; z-index: 4; display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.promise-strip article { min-width: 0; padding: 25px; display: flex; align-items: flex-start; gap: 16px; border: 1px solid var(--line); border-radius: 14px; background: #fff; box-shadow: 0 16px 45px #0d294414; }
.promise-strip article.promise-featured { border-color: #f1b48f; background: linear-gradient(145deg,#fff8f3,#fff); }
.promise-icon { flex: 0 0 44px; width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; background: #edf3fb; color: var(--blue); font-size: 21px; font-weight: 900; }
.promise-featured .promise-icon { background: #fff0e7; color: var(--orange); }
.promise-strip small { color: #8290a1; font-size: 8px; font-weight: 900; letter-spacing: 1.3px; }
.promise-strip h2 { margin: 7px 0 9px; font-size: 18px; line-height: 1.2; letter-spacing: -.45px; }
.promise-strip p { margin: 0; color: #6e7c8f; font-size: 10px; line-height: 1.6; }
.promise-strip a { display: inline-block; margin-top: 13px; color: var(--blue); font-size: 10px; font-weight: 900; }
.promise-featured a { color: var(--orange); }
.section-heading { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 28px; }
.section-heading small, .how-section > small, .form-intro small { color: var(--orange); font-size: 9px; font-weight: 900; letter-spacing: 2px; }
.section-heading h2, .how-section h2 { margin: 7px 0 0; font-size: 27px; letter-spacing: -1px; }
.section-heading > a:not(.button) { color: var(--blue); font-size: 12px; font-weight: 800; }
.category-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.category-card { display: flex; align-items: center; gap: 14px; padding: 20px; text-align: left; border: 1px solid var(--line); background: white; border-radius: 10px; color: var(--ink); transition: .2s; }
.category-card:hover { border-color: #b9c9dc; box-shadow: 0 14px 30px #17345710; transform: translateY(-2px); }
.category-card > span { width: 45px; height: 45px; display: grid; place-items: center; background: #edf3fb; color: var(--blue); border-radius: 9px; font-size: 21px; }
.category-card b, .category-card small { display: block; }
.category-card b { font-size: 13px; }
.category-card small { margin-top: 5px; color: #8a96a6; font-size: 10px; }
.category-card i { margin-left: auto; color: #a6b1c0; font-style: normal; }

.results-section { background: var(--paper); padding: 64px max(28px, calc((100vw - 1184px)/2)); }
.part-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.part-card { overflow: hidden; border: 1px solid #e0e6ed; border-radius: 12px; background: white; box-shadow: 0 8px 24px #18334e0a; }
.part-image { height: 170px; position: relative; display: grid; place-items: center; background: linear-gradient(145deg, #d9e3eb, #91a7b9); }
.part-image > span { color: #263b4c; font-size: 72px; text-shadow: 4px 8px 20px #0005; transform: rotate(-8deg); }
.part-image > img, .market-image > img { width: 100%; height: 100%; object-fit: cover; }
.match { position: absolute; left: 12px; bottom: 12px; padding: 7px 10px; border-radius: 20px; background: white; color: #168650; font-size: 10px; box-shadow: 0 5px 15px #0002; }
.match i { display: inline-grid; place-items: center; width: 15px; height: 15px; border-radius: 50%; background: #1dab65; color: white; font-style: normal; }
.part-info { padding: 17px; }
.oem { display: inline-block; padding: 5px 7px; border-radius: 4px; background: #edf3fb; color: var(--blue); font: 700 9px Consolas, monospace; letter-spacing: .6px; }
.part-info h3 { margin: 11px 0 5px; font-size: 17px; }
.part-info p { margin: 0; color: #778598; font-size: 11px; }
.meta { display: flex; gap: 12px; margin: 14px 0; padding-bottom: 14px; border-bottom: 1px solid #edf0f4; color: #647286; font-size: 9px; }
.seller { display: flex; align-items: center; gap: 9px; }
.seller > span { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; background: var(--navy); color: #fff; font-size: 9px; font-weight: 900; }
.seller small, .seller b { display: block; font-size: 9px; }
.seller b { color: #1aa460; margin-top: 3px; }
.price { display: flex; align-items: center; justify-content: space-between; margin-top: 16px; }
.price strong { font-size: 19px; }
.price button { border: 0; background: transparent; color: var(--blue); font-size: 11px; font-weight: 900; }
.empty-state { padding: 45px; background: white; border: 1px solid var(--line); border-radius: 12px; text-align: center; }
.empty-state p { color: #6f7d8f; }

.how-section { text-align: center; padding-top: 78px; padding-bottom: 82px; }
.how-lead { max-width: 690px; margin: 13px auto 0; color: #6f7d8f; font-size: 13px; line-height: 1.65; }
.how-paths { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 38px; text-align: left; }
.how-path { padding: 30px; border: 1px solid #dce4ed; border-radius: 16px; background: linear-gradient(150deg,#f8fbff,#fff); }
.how-path-supply { border-color: #f1c4a9; background: linear-gradient(150deg,#fff8f3,#fff); }
.how-path-title { display: flex; align-items: center; gap: 15px; padding-bottom: 20px; border-bottom: 1px solid #e7ecf2; }
.how-path-title > span { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 13px; background: var(--blue); color: #fff; font-size: 21px; font-weight: 900; }
.how-path-supply .how-path-title > span { background: var(--orange); }
.how-path-title small { color: #738196; font-size: 8px; font-weight: 900; letter-spacing: 1.6px; }
.how-path-title h3 { margin: 5px 0 0; font-size: 20px; }
.how-path ol { margin: 23px 0; padding: 0; list-style: none; counter-reset: how-step; }
.how-path li { position: relative; padding: 0 0 19px 38px; counter-increment: how-step; }
.how-path li:last-child { padding-bottom: 0; }
.how-path li::before { content: counter(how-step); position: absolute; left: 0; top: -2px; width: 25px; height: 25px; display: grid; place-items: center; border-radius: 50%; background: #e8f0fb; color: var(--blue); font-size: 9px; font-weight: 900; }
.how-path-supply li::before { background: #fff0e7; color: var(--orange); }
.how-path li:not(:last-child)::after { content: ""; position: absolute; left: 12px; top: 26px; bottom: 2px; width: 1px; background: #dce4ed; }
.how-path li b { font-size: 12px; }
.how-path li p { margin: 5px 0 0; color: #6f7d8f; font-size: 10px; line-height: 1.55; }
.how-path .button { font-size: 11px; }
.how-more { display: inline-flex; align-items: center; gap: 10px; margin-top: 28px; color: var(--blue); font-size: 12px; font-weight: 900; }
.how-more span { font-size: 18px; }

.how-page-hero { min-height: 460px; padding: 70px max(28px,calc((100vw - 1184px)/2)); display: grid; grid-template-columns: minmax(0,1.5fr) minmax(280px,.5fr); align-items: center; gap: 70px; color: #fff; background: radial-gradient(circle at 78% 25%,#214f72 0,transparent 28%),linear-gradient(120deg,#08182e,#102f4c); }
.how-page-hero > div > small, .how-page-intro small, .supply-copy > small, .how-final-cta small { color: #ff9b63; font-size: 9px; font-weight: 900; letter-spacing: 2px; }
.how-page-hero h1 { max-width: 800px; margin: 12px 0 20px; font-size: clamp(38px,4vw,58px); line-height: 1.06; letter-spacing: -2.7px; }
.how-page-hero h1 em { color: #ff7530; font-style: normal; }
.how-page-hero > div > p { max-width: 760px; color: #b2c0d1; font-size: 15px; line-height: 1.7; }
.how-hero-actions { display: flex; gap: 10px; margin-top: 28px; }
.how-light-button { color: #fff; border: 1px solid #ffffff4a; background: #ffffff0d; }
.how-page-hero aside { padding: 28px; border: 1px solid #ffffff24; border-radius: 18px; background: #ffffff0d; backdrop-filter: blur(10px); }
.how-page-hero aside span { display: block; margin-bottom: 17px; color: #ffb487; font-size: 8px; font-weight: 900; letter-spacing: 1.7px; }
.how-page-hero aside strong { display: block; font-size: 25px; letter-spacing: -.7px; }
.how-page-hero aside i { display: block; margin: 7px 0; color: #8ea4ba; font-size: 11px; font-style: normal; }
.how-page-hero aside p { margin: 20px 0 0; padding-top: 18px; border-top: 1px solid #ffffff1f; color: #9fb1c3; font-size: 10px; line-height: 1.6; }
.how-page { max-width: 1140px; margin: auto; padding: 78px 28px; }
.how-page-intro { max-width: 720px; }
.how-page-intro h2, .supply-copy h2 { margin: 9px 0 13px; font-size: 32px; letter-spacing: -1.2px; }
.how-page-intro p, .supply-copy > p { margin: 0; color: #6c7a8d; font-size: 13px; line-height: 1.7; }
.process-timeline { margin-top: 45px; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; counter-reset: process; }
.process-timeline article { display: grid; grid-template-columns: 60px 1fr; gap: 17px; padding: 25px; border: 1px solid var(--line); border-radius: 13px; background: #fff; }
.process-timeline article > span { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 12px; background: #edf3fb; color: var(--blue); font-size: 12px; font-weight: 900; }
.process-timeline small, .delivery-cards small, .ai-story-card > small { color: #8793a3; font-size: 8px; font-weight: 900; letter-spacing: 1.4px; }
.process-timeline h3 { margin: 5px 0 7px; font-size: 16px; }
.process-timeline p { margin: 0; color: #6d7a8c; font-size: 10px; line-height: 1.6; }
.supply-story { padding: 75px max(28px,calc((100vw - 1084px)/2)); display: grid; grid-template-columns: minmax(0,1.35fr) minmax(300px,.65fr); gap: 70px; align-items: center; background: #f4f7fa; }
.supply-copy ul { margin: 28px 0; padding: 0; list-style: none; }
.supply-copy li { display: grid; grid-template-columns: 200px 1fr; gap: 18px; padding: 16px 0; border-bottom: 1px solid #dce3eb; }
.supply-copy li b { font-size: 12px; }
.supply-copy li span { color: #6a788a; font-size: 10px; line-height: 1.55; }
.ai-story-card { padding: 30px; border-radius: 18px; color: #fff; background: linear-gradient(145deg,#102947,#08182e); box-shadow: 0 25px 60px #10294730; }
.ai-spark { width: 48px; height: 48px; display: grid; place-items: center; margin-bottom: 18px; border-radius: 14px; color: #fff; background: var(--orange); font-size: 23px; }
.ai-story-card > small { color: #ffaf7e; }
.ai-story-card h3 { margin: 8px 0 20px; font-size: 24px; line-height: 1.2; }
.label-demo { position: relative; display: grid; grid-template-columns: 75px 1fr; gap: 9px 12px; padding: 20px; border: 1px solid #ffffff1f; border-radius: 12px; background: #ffffff0b; }
.label-demo span { color: #879db3; font-size: 7px; font-weight: 900; }
.label-demo strong { font-size: 10px; }
.label-demo b { position: absolute; right: 12px; top: -11px; padding: 6px 9px; border-radius: 20px; background: #1ea969; font-size: 8px; }
.ai-story-card > p { margin: 17px 0 0; color: #9fb1c3; font-size: 9px; line-height: 1.6; }
.delivery-guide { max-width: 1140px; margin: auto; padding: 78px 28px; }
.delivery-cards { display: grid; grid-template-columns: repeat(4,1fr); gap: 14px; margin-top: 34px; }
.delivery-cards article { padding: 24px; border: 1px solid var(--line); border-radius: 13px; }
.delivery-cards article > span { width: 42px; height: 42px; display: grid; place-items: center; margin-bottom: 20px; border-radius: 11px; background: #edf3fb; color: var(--blue); font-size: 18px; }
.delivery-cards h3 { margin: 6px 0 8px; font-size: 18px; }
.delivery-cards p { margin: 0; color: #6f7d8f; font-size: 10px; line-height: 1.6; }
.how-final-cta { max-width: 1184px; margin: 0 auto 75px; padding: 36px 42px; display: flex; align-items: center; justify-content: space-between; gap: 30px; border-radius: 17px; color: #fff; background: #0b1e36; }
.how-final-cta h2 { max-width: 680px; margin: 8px 0 0; font-size: 25px; }
.how-final-cta > div:last-child { display: flex; gap: 9px; }

.form-page { min-height: calc(100vh - 178px); padding: 65px max(24px, calc((100vw - 940px)/2)); background: var(--paper); }
.form-intro { margin-bottom: 28px; }
.form-intro h1 { margin: 8px 0; font-size: 38px; letter-spacing: -1.5px; }
.form-intro p { color: #68778a; }
.editor-form { padding: 32px; background: white; border: 1px solid var(--line); border-radius: 14px; box-shadow: 0 10px 35px #152b4610; }
.editor-form label { display: block; margin: 16px 0 7px; font-size: 12px; font-weight: 800; }
.editor-form input, .editor-form select, .editor-form textarea { width: 100%; border: 1px solid #d7dee8; border-radius: 8px; padding: 13px; outline: none; background: #fff; }
.editor-form input:focus, .editor-form select:focus, .editor-form textarea:focus { border-color: var(--blue); box-shadow: 0 0 0 3px #175bc715; }
.editor-form span.field-validation-error, .validation { display: block; margin-top: 5px; color: #c73526; font-size: 11px; }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.form-submit { margin-top: 24px; }
.form-section-title { display: flex; align-items: center; gap: 9px; margin: 30px 0 5px; padding-top: 22px; border-top: 1px solid var(--line); }
.form-section-title:first-of-type { margin-top: 0; padding-top: 0; border-top: 0; }
.form-section-title span { order: -1; width: 25px; height: 25px; display: grid; place-items: center; border-radius: 50%; background: var(--orange); color: white; font-size: 10px; font-weight: 900; }
.field-help { margin: 6px 0 12px; color: #748295; font-size: 10px; line-height: 1.5; }
.editor-check { display: flex !important; align-items: center; gap: 8px; }
.editor-check input { width: auto; }
.upload-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 12px; }
.upload-box { min-height: 150px; padding: 22px !important; border: 1px dashed #afbdcd; border-radius: 10px; background: #f8fafc; text-align: center; cursor: pointer; }
.upload-box > span, .upload-box > b, .upload-box > small { display: block; }
.upload-box > span { color: var(--blue); font-size: 28px; }
.upload-box > b { margin: 8px 0 5px; }
.upload-box > small { color: #7e8b9b; font-size: 9px; }
.upload-box input { margin-top: 14px; padding: 8px; background: white; font-size: 10px; }
.oem-upload { background: #fff8f3; border-color: #f1b28e; }
.oem-upload > span { color: var(--orange); }
.editor-actions { display: flex; gap: 10px; margin-top: 25px; }
.existing-images { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; margin-bottom: 18px; padding: 18px; border: 1px solid var(--line); border-radius: 12px; background: white; }
.existing-images > div { position: relative; overflow: hidden; border: 1px solid var(--line); border-radius: 8px; }
.existing-images img { width: 100%; height: 115px; object-fit: cover; display: block; }
.existing-images small { display: block; padding: 7px; }
.existing-images button { width: 100%; padding: 7px; border: 0; background: #fff1ef; color: #b73528; font-size: 9px; font-weight: 800; }
.delete-card { max-width: 650px; margin: 30px auto; padding: 45px; border: 1px solid #efd0cc; border-radius: 14px; background: white; text-align: center; }
.delete-card > span { width: 55px; height: 55px; margin: auto; display: grid; place-items: center; border-radius: 50%; background: #fff0ed; color: #d34434; font-size: 25px; font-weight: 900; }
.delete-card h1 { font-size: 28px; }
.delete-card p { color: #728092; }
.danger-button, .danger-link { background: #c73d30; color: white; }
.danger-link { padding: 13px 18px; border-radius: 8px; font-size: 11px; font-weight: 800; }

.account-page { min-height: calc(100vh - 178px); display: grid; grid-template-columns: .9fr 1.1fr; gap: 70px; align-items: center; padding: 60px max(28px, calc((100vw - 1000px)/2)); background: linear-gradient(115deg, #0a1b33 0 40%, #f5f7fa 40%); }
.account-copy { color: white; }
.account-copy small { color: #ff9b64; font-size: 9px; letter-spacing: 2px; font-weight: 900; }
.account-copy h1 { margin: 10px 0 14px; font-size: 42px; line-height: 1.08; letter-spacing: -1.8px; }
.account-copy p, .account-copy li { color: #b2bfd0; line-height: 1.6; font-size: 12px; }
.account-copy ul { padding-left: 18px; }
.demo-account { width: 100%; display: grid; gap: 5px; margin-top: 25px; padding: 16px; border: 1px solid #ffffff2e; border-radius: 10px; color: white; text-align: left; cursor: pointer; background: #ffffff0d; font: 11px Consolas, monospace; transition: .2s ease; }
.demo-account:hover, .demo-account:focus-visible, .demo-account.is-selected { border-color: #ff9b64; background: #ffffff18; transform: translateY(-2px); }
.demo-account-title { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 3px; font: 700 11px Arial, sans-serif; }
.demo-account b { color: #ff9b64; }
.demo-account-title > span { color: #b9c8da; }
.demo-login-status { margin: 9px 2px 0; color: #aebdd0; font-size: 10px; line-height: 1.5; }
.account-form { padding: 35px; border: 1px solid var(--line); border-radius: 14px; background: white; box-shadow: 0 20px 50px #0b20321c; }
.account-form h2 { margin-top: 0; }
.account-form > label, .account-form .form-grid label { display: block; margin: 16px 0 7px; font-size: 11px; font-weight: 800; }
.account-form input { width: 100%; padding: 13px; border: 1px solid #d7dee8; border-radius: 8px; }
.account-form .remember-row { display: flex; align-items: center; gap: 7px; }
.account-form .remember-row input { width: auto; }
.account-form .button { margin-top: 18px; }
.account-form > p { text-align: center; color: #788697; font-size: 10px; }
.account-form > p a { color: var(--blue); font-weight: 800; }

.page-hero { min-height: 250px; padding: 60px max(28px, calc((100vw - 1184px)/2)); background: linear-gradient(115deg, #08182e, #173758); color: white; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.page-hero.compact { min-height: 220px; }
.page-hero small, .dashboard-heading small { color: #ff9a62; font-size: 9px; font-weight: 900; letter-spacing: 2px; }
.page-hero h1 { margin: 9px 0; font-size: 40px; letter-spacing: -1.7px; }
.page-hero p { margin: 0; max-width: 650px; color: #b2c0d1; line-height: 1.6; }
.market-layout { max-width: 1240px; margin: auto; padding: 45px 28px 75px; display: grid; grid-template-columns: 230px 1fr; gap: 28px; background: white; }
.filter-panel { align-self: start; padding: 20px; border: 1px solid var(--line); border-radius: 12px; position: sticky; top: 20px; }
.filter-title { display: flex; justify-content: space-between; align-items: center; padding-bottom: 15px; border-bottom: 1px solid var(--line); }
.filter-title a { color: var(--blue); font-size: 10px; font-weight: 800; }
.filter-panel label { display: block; margin: 18px 0 7px; font-size: 11px; font-weight: 800; }
.filter-panel input:not([type="checkbox"]), .filter-panel select, .results-toolbar select { width: 100%; padding: 11px; border: 1px solid #d8dfe8; border-radius: 7px; color: var(--ink); background: white; }
.filter-panel .check-row { display: flex; align-items: center; gap: 7px; margin: 10px 0; color: #647286; font-weight: 500; }
.filter-submit { width: 100%; margin-top: 18px; }
.results-toolbar { min-height: 50px; display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
.results-toolbar small { color: #7e8a9a; }
.market-list { display: grid; gap: 15px; }
.market-card { display: grid; grid-template-columns: 220px 1fr; min-height: 210px; overflow: hidden; border: 1px solid var(--line); border-radius: 12px; background: white; transition: .2s; }
.market-card:hover { transform: translateY(-2px); box-shadow: 0 14px 34px #142d4912; }
.market-image { display: grid; place-items: center; position: relative; background: linear-gradient(145deg, #dbe4ec, #91a7b9); }
.market-image > span { color: #263b4c; font-size: 70px; text-shadow: 4px 8px 20px #0005; }
.market-image > b { position: absolute; left: 12px; bottom: 12px; padding: 7px 10px; border-radius: 20px; color: #168650; background: white; font-size: 10px; }
.market-image i { font-style: normal; }
.market-info { padding: 18px; }
.market-info h2 { margin: 9px 0 5px; font-size: 20px; }
.market-info > p { margin: 0; color: #6f7d90; font-size: 12px; }
.market-meta { display: flex; gap: 16px; margin: 16px 0; color: #69778a; font-size: 10px; }
.market-bottom { display: flex; align-items: center; gap: 17px; padding-top: 14px; border-top: 1px solid #edf0f4; }
.market-bottom > div { margin-right: auto; }
.market-bottom small, .market-bottom b { display: block; font-size: 9px; }
.market-bottom b { color: #1aa460; margin-top: 2px; }

.breadcrumb { max-width: 1184px; margin: 0 auto 25px; display: flex; gap: 8px; color: #7c899a; font-size: 11px; }
.breadcrumb b { color: var(--ink); }
.detail-page { padding: 34px 28px 70px; background: var(--paper); }
.detail-grid, .detail-lower { max-width: 1184px; margin: auto; display: grid; grid-template-columns: 1.08fr .92fr; gap: 28px; }
.product-gallery, .product-summary, .detail-content, .seller-card, .request-detail, .offer-panel { background: white; border: 1px solid var(--line); border-radius: 14px; }
.product-gallery { padding: 16px; }
.main-product-image { height: 430px; display: grid; place-items: center; position: relative; border-radius: 10px; background: linear-gradient(145deg, #e5eaee, #8da1b2); overflow: hidden; }
.main-product-image > span { font-size: 145px; color: #273c4d; text-shadow: 12px 18px 28px #0005; transform: rotate(-8deg); }
.main-product-image.has-photo { background: #eef2f5; }
.main-product-image > img { width: 100%; height: 100%; object-fit: contain; }
.image-count { position: absolute; right: 13px; bottom: 13px; padding: 7px 10px; background: #11263ddb; color: white; border-radius: 20px; font-size: 10px; }
.demo-image-note { position: absolute; left: 13px; bottom: 13px; padding: 7px 10px; background: #fffde9e8; color: #68420d; border: 1px solid #e9cf91; border-radius: 20px; font-size: 10px; font-weight: 700; }
.thumbnail-row { display: flex; gap: 9px; margin-top: 12px; }
.thumbnail-row button { width: 58px; height: 50px; border: 1px solid var(--line); border-radius: 7px; background: #edf2f6; color: #4e6172; }
.thumbnail-row button.active { border: 2px solid var(--orange); }
.thumbnail-row button { overflow: hidden; padding: 0; }
.thumbnail-row img { width: 100%; height: 100%; object-fit: cover; }
.owner-actions { max-width: 1184px; margin: -12px auto 18px; display: flex; justify-content: flex-end; gap: 8px; }
.product-summary { padding: 30px; }
.detail-flags { display: flex; gap: 8px; }
.detail-flags span { padding: 6px 9px; border-radius: 5px; background: #f1f4f7; color: #617083; font-size: 9px; font-weight: 800; }
.detail-flags .verified { background: #e9f8f0; color: #17874f; }
.product-summary h1 { margin: 17px 0 7px; font-size: 34px; letter-spacing: -1.3px; }
.vehicle-line { color: #69788b; }
.detail-oem { margin-top: 10px; font-size: 11px; }
.compatibility-box { display: flex; align-items: center; gap: 12px; margin: 23px 0; padding: 14px; border: 1px solid #bfe6d1; border-radius: 10px; background: #f4fcf8; }
.match-ring { min-width: 53px; height: 53px; display: grid; place-items: center; border: 5px solid #24a968; border-radius: 50%; color: #17864e; font-weight: 900; }
.match-ring small { font-size: 8px; margin-left: -14px; margin-top: 20px; }
.compatibility-box p { margin: 3px 0 0; color: #698277; font-size: 9px; }
.compatibility-box button { margin-left: auto; border: 0; background: transparent; color: var(--blue); font-size: 9px; font-weight: 800; }
.compatibility-checker { margin: -10px 0 22px; padding: 14px; border: 1px solid var(--line); border-radius: 9px; background: #fafbfd; }
.compatibility-checker > label { display: block; margin-bottom: 7px; font-size: 10px; font-weight: 800; }
.compatibility-checker > div { display: grid; grid-template-columns: 1fr auto; gap: 7px; }
.compatibility-checker select { min-width: 0; padding: 9px; border: 1px solid #d7dee8; border-radius: 6px; }
.compatibility-checker button { border: 0; border-radius: 6px; padding: 0 13px; background: var(--blue); color: white; font-size: 9px; font-weight: 800; }
.compatibility-checker > p { margin: 8px 0 0; font-size: 9px; line-height: 1.5; }
.check-success { color: #15844d; }
.check-warning { color: #b55b1d; }
.detail-price { font-size: 30px; font-weight: 900; padding: 17px 0; border-top: 1px solid var(--line); }
.detail-price small { display: block; margin-top: 5px; color: #8b97a7; font-size: 9px; font-weight: 400; }
.purchase-actions { display: grid; grid-template-columns: 1.5fr 1fr; gap: 10px; }
.delivery-note { display: flex; gap: 10px; align-items: center; margin-top: 20px; padding-top: 17px; border-top: 1px solid var(--line); }
.delivery-note > span { font-size: 24px; color: var(--blue); }
.delivery-note b, .delivery-note small { display: block; font-size: 10px; }
.delivery-note small { color: #8995a5; margin-top: 3px; }
.detail-lower { grid-template-columns: 1fr 330px; margin-top: 28px; align-items: start; }
.detail-content, .seller-card { padding: 26px; }
.detail-content h2 { margin-top: 0; }
.detail-content > p { color: #647286; line-height: 1.7; }
.spec-grid { display: grid; grid-template-columns: 1fr 1fr; margin: 24px 0; border: 1px solid var(--line); border-radius: 9px; overflow: hidden; }
.spec-grid > div { padding: 14px; border-bottom: 1px solid var(--line); }
.spec-grid > div:nth-child(odd) { border-right: 1px solid var(--line); }
.spec-grid dt { color: #8995a5; font-size: 9px; }
.spec-grid dd { margin: 5px 0 0; font-size: 12px; font-weight: 800; }
.fit-warning { padding: 15px; border-left: 3px solid var(--orange); background: #fff7f1; }
.fit-warning p { margin: 5px 0 0; color: #796f68; font-size: 11px; }
.compatibility-title { margin-top: 28px; }
.compatibility-list { display: grid; gap: 9px; }
.compatibility-list > div { display: flex; gap: 12px; padding: 14px; border: 1px solid var(--line); border-radius: 8px; }
.compatibility-list b, .compatibility-list small { display: block; }
.compatibility-list small { margin-top: 4px; color: #268454; font-size: 9px; }
.compatibility-list p { margin: 6px 0 0; color: #758294; font-size: 10px; }
.score-pill { min-width: 45px; height: 32px; display: grid; place-items: center; border-radius: 17px; background: #e9f8f0; color: #17874f; font-size: 10px; font-weight: 900; }
.seller-profile { display: flex; gap: 12px; align-items: center; margin: 17px 0; }
.seller-profile > span { width: 45px; height: 45px; display: grid; place-items: center; border-radius: 50%; background: var(--navy); color: white; font-weight: 900; }
.seller-profile h3 { margin: 0 0 4px; }
.seller-profile b { color: #1aa460; font-size: 9px; }
.seller-stats { display: grid; grid-template-columns: repeat(3, 1fr); padding: 15px 0; border-block: 1px solid var(--line); text-align: center; }
.seller-stats b, .seller-stats small { display: block; }
.seller-stats small { margin-top: 3px; color: #8995a5; font-size: 8px; }
.full-button { width: 100%; }

.request-hero { min-height: 260px; }
.requests-page { max-width: 1184px; margin: auto; padding: 40px 28px 75px; }
.request-search { display: grid; grid-template-columns: 1fr auto; gap: 9px; padding: 9px; background: white; border: 1px solid var(--line); border-radius: 10px; box-shadow: 0 10px 30px #14304c0c; }
.request-search input { border: 0; outline: none; padding: 0 13px; }
.request-layout { display: grid; grid-template-columns: 1fr 280px; gap: 24px; margin-top: 25px; align-items: start; }
.request-list { display: grid; gap: 14px; }
.request-card { padding: 22px; border: 1px solid var(--line); border-radius: 12px; background: white; }
.request-top, .request-bottom { display: flex; justify-content: space-between; align-items: center; }
.request-top > div { display: flex; align-items: center; gap: 8px; }
.request-top small { color: #8a96a6; font-size: 9px; }
.request-top > b { color: var(--blue); font-size: 10px; }
.request-status { padding: 6px 9px; border-radius: 20px; background: #fff1e9; color: #d95713; font-size: 9px; font-weight: 900; }
.request-card h2 { margin: 17px 0 5px; font-size: 20px; }
.request-card > p { margin: 0 0 12px; color: #6d7b8d; font-size: 12px; }
.request-card blockquote { margin: 15px 0; padding: 12px; background: #f7f9fb; color: #68778a; font-size: 11px; border-radius: 6px; }
.request-bottom { padding-top: 13px; border-top: 1px solid var(--line); color: #6f7d8f; font-size: 10px; }
.request-bottom a { color: var(--blue); font-weight: 900; }
.request-guide { padding: 23px; border-radius: 12px; background: var(--navy); color: white; position: sticky; top: 20px; }
.request-guide > span { font-size: 28px; }
.request-guide p, .request-guide li { color: #aebdd0; font-size: 10px; line-height: 1.6; }
.request-guide ul { padding-left: 17px; }
.request-detail-grid { display: grid; grid-template-columns: 1fr 340px; gap: 25px; }
.request-detail, .offer-panel { padding: 28px; }
.request-detail h1 { font-size: 34px; margin-bottom: 7px; }
.request-specs { max-width: 650px; }
.offer-panel { align-self: start; }
.offer-panel > small { color: var(--orange); font-weight: 900; letter-spacing: 1.5px; font-size: 9px; }
.offer-panel h2 { margin: 7px 0 20px; }
.offer-panel label { display: block; margin: 13px 0 6px; font-size: 10px; font-weight: 800; }
.offer-panel input, .offer-panel textarea { width: 100%; padding: 12px; border: 1px solid #d7dee8; border-radius: 7px; }
.offer-panel .button { margin-top: 16px; }

.dashboard-page { min-height: calc(100vh - 178px); padding: 48px max(28px, calc((100vw - 1184px)/2)) 75px; background: var(--paper); }
.dashboard-heading { display: flex; align-items: center; justify-content: space-between; }
.dashboard-heading h1 { margin: 8px 0 4px; font-size: 32px; letter-spacing: -1.2px; }
.dashboard-heading p { margin: 0; color: #788697; }
.stat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; margin: 30px 0; }
.stat-grid article { padding: 20px; border: 1px solid var(--line); border-radius: 11px; background: white; position: relative; }
.stat-grid article > span { position: absolute; right: 16px; top: 16px; width: 35px; height: 35px; display: grid; place-items: center; border-radius: 8px; background: #edf3fb; color: var(--blue); }
.stat-grid small, .stat-grid b, .stat-grid em { display: block; }
.stat-grid small { color: #7e8b9c; font-size: 10px; }
.stat-grid b { margin: 11px 0 7px; font-size: 25px; }
.stat-grid em { color: #8c98a7; font-size: 9px; font-style: normal; }
.stat-grid em.positive { color: #17985a; }
.dashboard-grid { display: grid; grid-template-columns: 1fr 300px; gap: 18px; }
.dashboard-panel { padding: 22px; border: 1px solid var(--line); border-radius: 12px; background: white; }
.panel-heading { display: flex; justify-content: space-between; align-items: center; margin-bottom: 18px; }
.panel-heading h2 { margin: 0 0 4px; font-size: 18px; }
.panel-heading p { margin: 0; color: #8491a1; font-size: 9px; }
.panel-heading a { color: var(--blue); font-size: 10px; font-weight: 800; }
.table-row { display: grid; grid-template-columns: 1.6fr 1.1fr .7fr .65fr .6fr; align-items: center; gap: 10px; min-height: 57px; border-top: 1px solid #edf0f4; font-size: 10px; }
.table-row span:first-child b, .table-row span:first-child small { display: block; }
.table-row span:first-child small { margin-top: 3px; color: #8491a1; font-size: 8px; }
.table-head { min-height: 34px; border-top: 0; color: #8c98a7; font-size: 8px; font-weight: 900; }
.mono { font-family: Consolas, monospace; color: var(--blue); }
.live-dot { color: #169253; font-weight: 800; }
.live-dot::before { content: "•"; margin-right: 4px; }
.quick-panel > a, .quick-panel > button { width: 100%; display: flex; align-items: center; gap: 11px; padding: 15px 0; border: 0; border-top: 1px solid #edf0f4; background: transparent; text-align: left; color: var(--ink); }
.quick-panel > a > span, .quick-panel > button > span { width: 37px; height: 37px; display: grid; place-items: center; border-radius: 8px; background: #edf3fb; color: var(--blue); font-size: 17px; }
.quick-panel b, .quick-panel small { display: block; font-size: 10px; }
.quick-panel small { margin-top: 4px; color: #8995a5; font-size: 8px; }
.quick-panel i { margin-left: auto; color: #9ba6b4; font-style: normal; }

.footer { min-height: 100px; padding: 25px max(28px, calc((100vw - 1184px)/2)); background: var(--navy); color: #8b9ab0; display: flex; align-items: center; gap: 30px; font-size: 11px; }
.footer-brand { color: #fff; }
.footer > span { margin-left: auto; }
.toast { position: fixed; z-index: 99; right: 22px; top: 92px; padding: 14px 18px; border-radius: 8px; background: #172a45; color: white; font-size: 12px; box-shadow: 0 12px 30px #0004; animation: enter .25s ease-out; }
.location-search-row { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 8px; }
.location-search-row input { min-width: 0; padding: 11px 13px; border: 1px solid #d9e0e8; border-radius: 7px; }
.status-chip { display: inline-flex; align-items: center; width: fit-content; padding: 6px 9px; border-radius: 20px; background: #edf3fb; color: #235f9c; font-size: 9px; font-weight: 900; }
.privacy-note { margin-top: 16px; padding: 13px; border-radius: 8px; background: #f2f6fa; color: #607084; font-size: 10px; line-height: 1.55; }
.purchase-actions.single { grid-template-columns: 1fr; }
.checkout-page { min-height: calc(100vh - 178px); padding: 48px max(28px, calc((100vw - 1100px)/2)) 75px; background: var(--paper); }
.checkout-heading { margin-bottom: 28px; }
.checkout-heading > small { color: var(--orange); font-size: 9px; font-weight: 900; letter-spacing: 2px; }
.checkout-heading h1 { margin: 8px 0; font-size: 36px; }
.checkout-heading p { color: #6e7c8e; }
.checkout-grid { display: grid; grid-template-columns: 1fr 320px; gap: 24px; align-items: start; }
.checkout-form, .order-summary { padding: 26px; border: 1px solid var(--line); border-radius: 13px; background: white; }
.checkout-form > label, .checkout-form .form-grid label { display: block; margin: 14px 0 6px; font-size: 10px; font-weight: 800; }
.checkout-form input:not([type="radio"]), .checkout-form textarea, .operation-card input, .operation-card select { width: 100%; padding: 11px; border: 1px solid #d7dee8; border-radius: 7px; }
.checkout-form h2 { margin-top: 28px; font-size: 18px; }
.delivery-options { display: grid; gap: 10px; margin: 12px 0 18px; }
.delivery-option { display: grid !important; grid-template-columns: auto 1fr auto; gap: 11px; align-items: center; margin: 0 !important; padding: 15px; border: 1px solid var(--line); border-radius: 9px; cursor: pointer; }
.delivery-option:has(input:checked) { border-color: var(--blue); background: #f4f8fd; }
.delivery-option span b, .delivery-option span small, .delivery-option span em { display: block; }
.delivery-option span small { margin-top: 4px; color: #788697; font-weight: 400; line-height: 1.4; }
.delivery-option span em { margin-top: 5px; color: #198552; font-size: 9px; font-style: normal; }
.order-summary { position: sticky; top: 20px; }
.order-summary > small { color: var(--orange); font-size: 9px; font-weight: 900; letter-spacing: 1.5px; }
.order-summary h2 { margin: 8px 0; }
.order-summary > p { color: #6e7c8e; line-height: 1.6; }
.order-summary dl { margin-top: 22px; border-top: 1px solid var(--line); }
.order-summary dl div { display: flex; justify-content: space-between; padding: 12px 0; border-bottom: 1px solid var(--line); }
.order-summary dt, .order-summary dd { margin: 0; font-size: 11px; }
.order-row { display: grid; grid-template-columns: 1.5fr 1fr .8fr .6fr; gap: 14px; align-items: center; min-height: 72px; padding: 12px; border-bottom: 1px solid var(--line); color: var(--ink); font-size: 10px; }
.order-row span:first-child b, .order-row span:first-child small { display: block; }
.order-row span:first-child small { margin-top: 5px; color: #8491a1; }
.timeline { display: grid; gap: 8px; }
.timeline > div { display: flex; gap: 12px; padding: 13px; opacity: .42; border-left: 2px solid #ccd5df; }
.timeline > div.active { opacity: 1; border-left-color: #1ba362; }
.timeline > div > b { min-width: 27px; height: 27px; display: grid; place-items: center; border-radius: 50%; background: #e7edf3; }
.timeline > div.active > b { background: #def5e9; color: #16864f; }
.timeline strong, .timeline small { display: block; }
.timeline small { margin-top: 4px; color: #788697; }
.ops-table { display: grid; grid-template-columns: 1.4fr 1fr .8fr .8fr .7fr .8fr; gap: 10px; align-items: center; min-width: 920px; min-height: 62px; border-top: 1px solid var(--line); font-size: 10px; }
.ops-table span:first-child b, .ops-table span:first-child small { display: block; }
.ops-table span:first-child small { margin-top: 4px; color: #7c899a; }
.ops-head { min-height: 38px; border-top: 0; color: #8491a1; font-size: 8px; font-weight: 900; }
.ops-actions { display: flex; align-items: center; gap: 7px; }
.ops-actions a, .ops-actions button { border: 0; background: transparent; color: var(--blue); font-size: 9px; font-weight: 800; cursor: pointer; }
.operations-orders { display: grid; gap: 14px; margin-top: 28px; }
.operation-card { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; padding: 22px; border: 1px solid var(--line); border-radius: 12px; background: white; }
.operation-card h2 { margin: 5px 0 12px; }
.operation-card p { color: #68778a; font-size: 10px; }
.operation-card form { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; align-content: center; }
.operation-card form .button { margin: 0; }
.dashboard-actions { display: flex; align-items: center; gap: 9px; }
.workshop-columns { display: grid; grid-template-columns: 1.15fr .85fr; gap: 18px; }
.workshop-stock-list, .purchase-mini-list { display: grid; }
.workshop-stock-list article { display: grid; grid-template-columns: 1.4fr .8fr .55fr; gap: 10px; align-items: center; min-height: 82px; padding: 12px 0; border-top: 1px solid var(--line); }
.workshop-stock-list article > div:first-child b, .workshop-stock-list article > div:first-child small { display: block; }
.workshop-stock-list article > div:first-child small { margin-top: 5px; color: #7f8c9d; font-size: 8px; }
.stock-actions { grid-column: 1 / -1; display: flex; gap: 8px; }
.stock-actions form { margin: 0; }
.stock-actions a, .stock-actions button { padding: 6px 9px; border: 1px solid #d6e0ea; border-radius: 5px; background: white; color: var(--blue); font-size: 9px; font-weight: 800; cursor: pointer; }
.stock-actions .muted-action { color: #788697; }
.purchase-mini-list > a { display: flex; justify-content: space-between; gap: 12px; align-items: center; min-height: 65px; padding: 10px 0; border-top: 1px solid var(--line); color: var(--ink); }
.purchase-mini-list b, .purchase-mini-list small { display: block; }
.purchase-mini-list small { margin-top: 4px; color: #7d8999; font-size: 8px; }
.compact-empty { padding: 30px 10px; }
.label-page { min-height: calc(100vh - 178px); display: grid; place-items: center; gap: 18px; padding: 45px; background: #eef2f6; }
.stock-label { width: 420px; padding: 32px; border: 2px solid #172a45; background: white; color: #14263d; }
.label-brand { font-size: 24px; font-weight: 950; letter-spacing: -1px; }
.label-brand span { color: var(--orange); }
.stock-label > small { display: block; margin-top: 4px; color: #748195; font-size: 8px; letter-spacing: 2px; }
.stock-label h1 { margin: 22px 0 5px; font-size: 25px; }
.stock-label > p { margin: 0 0 18px; color: #667487; }
.barcode-bars { height: 72px; margin: 20px 0 8px; background: repeating-linear-gradient(90deg,#111 0 2px,transparent 2px 5px,#111 5px 6px,transparent 6px 10px,#111 10px 14px,transparent 14px 17px); }
.stock-label > strong { display: block; text-align: center; font: 18px Consolas, monospace; letter-spacing: 2px; }
.stock-label dl { margin-top: 24px; }
.stock-label dl div { display: flex; justify-content: space-between; padding: 8px 0; border-top: 1px solid #dce2e9; }
.stock-label dt, .stock-label dd { margin: 0; font-size: 10px; }
.stock-label .label-warning { margin: 15px 0 0; padding: 10px; background: #fff5ed; color: #9c4d1f; font-size: 9px; font-weight: 800; text-align: center; }
.compatibility-page { min-height: calc(100vh - 178px); padding: 60px max(28px, calc((100vw - 1000px)/2)); background: linear-gradient(115deg,#0a1b33 0 42%,#f3f6f9 42%); }
.compatibility-shell { display: grid; grid-template-columns: .9fr 1.1fr; gap: 60px; align-items: center; }
.compatibility-copy { color: white; }
.compatibility-copy > small { color: #ff9b64; font-size: 9px; font-weight: 900; letter-spacing: 2px; }
.compatibility-copy h1 { margin: 10px 0; font-size: 39px; }
.compatibility-copy p, .compatibility-copy li { color: #b5c2d1; line-height: 1.6; }
.compatibility-copy .privacy-note { background: #ffffff0d; color: #b5c2d1; border: 1px solid #ffffff18; }
.compatibility-result-card { margin-top: 22px; padding: 17px; border-left: 4px solid #d17a2c; background: #f8f2eb; }
.compatibility-result-card h3 { margin: 5px 0; }
.compatibility-result-card p { color: #5f6e80; font-size: 10px; line-height: 1.5; }
.compatibility-result-card > b { color: #a4531f; font-size: 9px; }
.vin-check-link { display: inline-block; margin-top: 10px; color: var(--blue); font-size: 9px; font-weight: 800; }
.compatibility-queue { display: grid; gap: 14px; margin-top: 28px; }
.compatibility-review-card { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; padding: 22px; border: 1px solid var(--line); border-radius: 12px; background: white; }
.compatibility-review-card h2 { margin: 6px 0; }
.compatibility-review-card p, .compatibility-review-card small { color: #758294; font-size: 10px; }
.compatibility-review-card form { display: grid; gap: 7px; }
.compatibility-review-card label { font-size: 9px; font-weight: 800; }
.compatibility-review-card select, .compatibility-review-card textarea { width: 100%; padding: 10px; border: 1px solid #d6dee7; border-radius: 6px; }
.earn-section { max-width: 1184px; margin: 0 auto 70px; padding: 38px; display: flex; align-items: center; justify-content: space-between; gap: 30px; border-radius: 16px; background: linear-gradient(110deg,#102741,#1d4b72); color: white; }
.earn-section > div { max-width: 720px; }
.earn-section small { color: #ff9b64; font-size: 9px; font-weight: 900; letter-spacing: 2px; }
.earn-section h2 { margin: 8px 0; font-size: 28px; }
.earn-section p { margin: 0; color: #b8c5d4; line-height: 1.6; }
.oem-market-layout { grid-template-columns: 230px minmax(0,1fr); }
.turkey-map-card { margin-bottom: 24px; padding: 18px; border: 1px solid var(--line); border-radius: 14px; background: white; }
.map-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 14px; }
.map-heading small, .stock-compare-heading small { color: var(--orange); font-size: 8px; font-weight: 900; letter-spacing: 1.6px; }
.map-heading h2 { margin: 5px 0 0; font-size: 21px; }
.map-heading > span { color: #718093; font-size: 9px; }
.turkey-stock-map { width: 100%; height: 340px; border-radius: 10px; background: #dce6ee; z-index: 1; }
.turkey-stock-map.large-map { height: 430px; }
.map-popup { min-width: 170px; display: grid; gap: 4px; color: #172a45; }
.map-popup b, .map-popup small, .map-popup span, .map-popup strong, .map-popup a { display: block; }
.map-popup small { color: var(--blue); font-family: Consolas,monospace; }
.map-popup span { color: #68778a; font-size: 10px; }
.map-popup strong { margin-top: 4px; font-size: 15px; }
.map-popup a { margin-top: 4px; color: var(--blue); font-size: 10px; font-weight: 800; }
.oem-family-list { display: grid; gap: 15px; }
.oem-family-card { display: grid; grid-template-columns: 210px minmax(0,1fr); overflow: hidden; border: 1px solid var(--line); border-radius: 13px; background: white; }
.oem-family-image { min-height: 250px; display: grid; place-items: center; position: relative; background: linear-gradient(145deg,#dfe7ed,#9db0bf); }
.oem-family-image img { width: 100%; height: 100%; object-fit: cover; }
.oem-family-image > span { color: #31485a; font-size: 75px; }
.oem-family-image > b { position: absolute; left: 12px; bottom: 12px; padding: 7px 10px; border-radius: 20px; background: white; color: #167c4a; font-size: 9px; }
.oem-family-info { padding: 19px; }
.oem-family-info h2 { margin: 8px 0 4px; font-size: 21px; }
.oem-family-info > p { margin: 0; color: #6d7b8d; font-size: 11px; }
.oem-answer-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin: 16px 0; }
.oem-answer-grid > div { padding: 12px; border-radius: 8px; background: #f5f7fa; }
.oem-answer-grid small, .oem-answer-grid b, .oem-answer-grid span { display: block; }
.oem-answer-grid small { color: #8491a2; font-size: 7px; font-weight: 900; letter-spacing: 1px; }
.oem-answer-grid b { margin: 6px 0 4px; font-size: 11px; }
.oem-answer-grid span { color: #718093; font-size: 8px; }
.oem-compare-button { padding: 10px 14px; font-size: 9px; }
.oem-detail-hero { padding: 35px max(28px,calc((100vw - 1184px)/2)) 0; background: linear-gradient(120deg,#091a30,#173f61); color: white; }
.oem-detail-hero .breadcrumb { margin-bottom: 30px; color: #9eb0c3; }
.oem-detail-hero .breadcrumb b { color: white; }
.oem-detail-heading { display: flex; align-items: center; justify-content: space-between; gap: 30px; padding-bottom: 35px; }
.oem-detail-heading > div:first-child > small { color: #ff9b64; font-size: 8px; font-weight: 900; letter-spacing: 2px; }
.oem-detail-heading h1 { margin: 8px 0; font-size: 38px; }
.oem-detail-heading p { margin: 0; color: #b5c3d2; }
.oem-code-block { min-width: 260px; padding: 18px; border: 1px solid #ffffff20; border-radius: 10px; background: #ffffff0d; }
.oem-code-block small, .oem-code-block strong { display: block; }
.oem-code-block small { color: #9eb0c3; font-size: 8px; letter-spacing: 1.5px; }
.oem-code-block strong { margin-top: 7px; font: 21px Consolas,monospace; }
.oem-summary-strip { display: grid; grid-template-columns: repeat(3,1fr); transform: translateY(30px); border-radius: 13px; background: white; color: var(--ink); box-shadow: 0 15px 40px #07182c28; }
.oem-summary-strip > div { padding: 20px; border-right: 1px solid var(--line); }
.oem-summary-strip > div:last-child { border-right: 0; }
.oem-summary-strip small, .oem-summary-strip b, .oem-summary-strip span { display: block; }
.oem-summary-strip small { color: #8491a1; font-size: 8px; font-weight: 900; letter-spacing: 1px; }
.oem-summary-strip b { margin: 7px 0 4px; font-size: 15px; }
.oem-summary-strip span { color: #718093; font-size: 9px; }
.oem-detail-content { max-width: 1184px; margin: auto; padding: 70px 28px 75px; }
.stock-compare-heading { display: flex; justify-content: space-between; gap: 30px; align-items: end; margin: 35px 0 17px; }
.stock-compare-heading h2 { margin: 6px 0 0; }
.stock-compare-heading p { max-width: 470px; margin: 0; color: #718093; font-size: 10px; line-height: 1.5; }
.stock-option-list { display: grid; gap: 11px; }
.stock-option-card { display: grid; grid-template-columns: 85px 1fr 180px; gap: 18px; align-items: center; padding: 17px; border: 1px solid var(--line); border-radius: 11px; background: white; }
.condition-grade { width: 70px; height: 70px; display: grid; place-items: center; align-content: center; border-radius: 10px; background: #e9f7ef; color: #18844f; }
.condition-grade b { font-size: 23px; }
.condition-grade small { font-size: 6px; font-weight: 900; letter-spacing: 1px; }
.grade-c,.grade-d,.grade-partsonly { background: #fff1e8; color: #b85a23; }
.stock-option-main h3 { margin: 0 0 5px; font-size: 16px; }
.stock-option-main > p { margin: 0; color: #6d7b8e; font-size: 10px; }
.stock-option-main > div { display: flex; flex-wrap: wrap; gap: 13px; margin-top: 11px; color: #68778a; font-size: 9px; }
.stock-option-price { text-align: right; }
.stock-option-price strong, .stock-option-price small { display: block; }
.stock-option-price strong { font-size: 20px; }
.stock-option-price small { margin: 3px 0 9px; color: #8290a1; font-size: 8px; }
.stock-option-price .button { padding: 9px 12px; font-size: 8px; }
.emergency-option { border-color: #f1a474; background: #fff8f3; }
.checkout-form select, .quality-form select, .quality-form input, .quality-form textarea,
.finance-list input, .finance-list select, .return-box input, .return-box textarea {
  width: 100%; padding: 11px; border: 1px solid #d7dee8; border-radius: 7px; background: white;
}
.checkbox-line { display: flex !important; gap: 9px; align-items: flex-start; margin: 15px 0 !important; padding: 13px; border-radius: 8px; background: #f3f7fb; }
.checkbox-line input { width: auto !important; margin-top: 2px; }
.return-box { margin-top: 22px; padding: 14px; border: 1px solid var(--line); border-radius: 8px; }
.return-box summary { cursor: pointer; color: var(--blue); font-weight: 800; }
.return-box form { display: grid; gap: 8px; margin-top: 12px; }
.passport-page { min-height: calc(100vh - 178px); padding: 55px max(28px,calc((100vw - 900px)/2)); background: #edf2f6; }
.passport-card { padding: 32px; border: 1px solid var(--line); border-top: 5px solid var(--orange); border-radius: 14px; background: white; box-shadow: 0 18px 50px #10243b14; }
.passport-head { display: flex; justify-content: space-between; gap: 30px; }
.passport-head small { color: var(--orange); font-size: 8px; font-weight: 900; letter-spacing: 1.7px; }
.passport-head h1 { margin: 7px 0; }
.passport-head p { color: #748195; }
.passport-code { min-width: 245px; padding: 16px; border-radius: 8px; background: var(--navy); color: white; }
.passport-code span, .passport-code b { display: block; }
.passport-code span { color: #ff9b64; font: 16px Consolas,monospace; }
.passport-code b { margin-top: 12px; overflow-wrap: anywhere; color: #aab8c9; font: 9px Consolas,monospace; }
.passport-facts { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; margin: 24px 0 30px; }
.passport-facts div { padding: 15px; border-radius: 8px; background: #f4f7fa; }
.passport-facts small, .passport-facts b { display: block; }
.passport-facts small { color: #7b899a; font-size: 8px; font-weight: 900; }
.passport-facts b { margin-top: 6px; font-size: 11px; }
.finance-list { display: grid; }
.finance-list article { display: grid; grid-template-columns: minmax(220px,1fr) 140px 150px minmax(220px,.8fr); gap: 12px; align-items: center; min-height: 70px; padding: 12px 0; border-top: 1px solid var(--line); }
.finance-list small, .scale-row small { display: block; margin-top: 4px; color: #7b899a; font-size: 8px; }
.finance-list form { display: grid; grid-template-columns: 1fr auto; gap: 7px; }
.quality-form { display: grid; grid-template-columns: repeat(3,1fr); gap: 10px; }
.quality-form label { display: flex; align-items: center; gap: 8px; font-size: 10px; }
.quality-form label input { width: auto; }
.quality-form textarea { grid-column: span 2; }
.workshop-earnings { margin-top: 18px; }
.scale-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.scale-row { display: grid; grid-template-columns: 1.5fr repeat(4,.65fr); gap: 9px; align-items: center; min-height: 55px; border-top: 1px solid var(--line); font-size: 10px; }
.scale-head { min-height: 35px; border-top: 0; color: #7b899a; font-size: 8px; font-weight: 900; }
.favorite-form { margin-top: 9px; }
.profile-verification { margin-bottom: 18px; padding: 12px; border-radius: 8px; background: #fff3e9; color: #a55625; font-size: 10px; font-weight: 900; }
.profile-verification.verified { background: #eaf7f0; color: #177f4d; }
.preference-row { display: flex; gap: 22px; margin: 17px 0; }
.preference-row label { display: flex; align-items: center; gap: 8px; }
.inline-create-form, .bulk-form { display: grid; grid-template-columns: 1fr 220px auto; gap: 9px; margin-bottom: 20px; }
.inline-create-form input, .inline-create-form select, .bulk-form input, .bulk-form select,
.saved-search-form input, .saved-search-form select, .saved-search-form textarea {
  width: 100%; padding: 11px; border: 1px solid #d7dee8; border-radius: 7px; background: white;
}
.saved-search-form { display: grid; gap: 9px; margin: 15px 0 22px; }
.saved-search-form label { display: flex; align-items: center; gap: 8px; font-size: 10px; }
.saved-search-form label input { width: auto; }
.notification-list { display: grid; gap: 9px; }
.notification-list > a { display: grid; grid-template-columns: 110px 1fr; gap: 15px; padding: 17px; border: 1px solid var(--line); border-radius: 10px; background: white; color: var(--ink); }
.notification-list > a.unread { border-left: 4px solid var(--orange); background: #fffaf6; }
.notification-list > a > span { color: var(--blue); font-size: 9px; font-weight: 900; }
.notification-list b, .notification-list p, .notification-list small { display: block; }
.notification-list p { margin: 5px 0; color: #68778a; font-size: 10px; }
.notification-list small { color: #8b96a5; font-size: 8px; }
.ticket-list { display: grid; gap: 9px; }
.ticket-list article { padding: 15px; border: 1px solid var(--line); border-radius: 9px; background: white; }
.ticket-list h3 { margin: 8px 0 5px; font-size: 14px; }
.ticket-list p { margin: 0 0 8px; color: #68778a; font-size: 10px; line-height: 1.5; }
.ticket-list small { color: #8491a1; font-size: 8px; }
.ops-nav-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 8px; margin-bottom: 18px; }
.ops-nav-grid a { padding: 13px; border: 1px solid var(--line); border-radius: 8px; background: white; color: var(--blue); font-size: 9px; font-weight: 900; text-align: center; }
.ops-stat-grid { grid-template-columns: repeat(5,1fr); }
.audit-row { display: grid; grid-template-columns: 130px 1fr .8fr .8fr 1.5fr; gap: 12px; min-width: 920px; min-height: 55px; align-items: center; border-top: 1px solid var(--line); font-size: 9px; }
.audit-head { min-height: 35px; border-top: 0; color: #7b899a; font-size: 8px; font-weight: 900; }
.ai-label-tool { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 14px; padding: 18px; border: 1px solid #b9d3ed; border-radius: 10px; background: linear-gradient(120deg,#f2f8fd,#fff); }
.ai-label-tool small, .ai-result-heading small { color: var(--blue); font-size: 8px; font-weight: 950; letter-spacing: 1.5px; }
.ai-label-tool h3, .ai-result-heading h3 { margin: 5px 0; }
.ai-label-tool p { max-width: 620px; margin: 0; color: #68778a; font-size: 10px; line-height: 1.5; }
.ai-label-result { margin-top: 10px; padding: 18px; border: 1px solid #9dd4b7; border-radius: 10px; background: #f1fbf6; }
.ai-label-result.loading { opacity: .65; }
.ai-label-result.low-confidence { border-color: #e6bc8f; background: #fff8f0; }
.ai-result-heading { display: flex; justify-content: space-between; gap: 20px; align-items: center; }
.ai-result-heading strong { padding: 8px 11px; border-radius: 20px; background: #dff4e9; color: #16794a; font-size: 10px; }
.low-confidence .ai-result-heading strong { background: #fbe7d1; color: #a65a22; }
.ai-label-result dl { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; margin: 14px 0; }
.ai-label-result dl div { padding: 10px; border-radius: 7px; background: #fff; }
.ai-label-result dt { color: #7c8999; font-size: 7px; font-weight: 900; text-transform: uppercase; }
.ai-label-result dd { margin: 5px 0 0; font-size: 10px; font-weight: 800; overflow-wrap: anywhere; }
.ai-label-result > p { color: #667487; font-size: 9px; line-height: 1.5; }
.ai-label-result ul { color: #a45a28; font-size: 9px; }
.ai-disclaimer { margin: 12px 0 0 !important; padding-top: 10px; border-top: 1px solid #d9e8df; }
@keyframes enter { from { opacity: 0; transform: translateY(-8px); } }

@media (max-width: 1050px) {
  .part-visual { opacity: .25; right: -170px; }
  .nav-links { display: none; }
  .category-grid { grid-template-columns: repeat(2, 1fr); }
  .promise-strip { grid-template-columns: 1fr; margin-top: 22px; }
  .delivery-cards { grid-template-columns: repeat(2,1fr); }
  .market-layout { grid-template-columns: 1fr; }
  .filter-panel { position: static; }
  .stat-grid { grid-template-columns: repeat(2, 1fr); }
  .dashboard-grid { grid-template-columns: 1fr; }
  .account-page { grid-template-columns: 1fr; background: linear-gradient(180deg, #0a1b33 0 35%, #f5f7fa 35%); }
}
@media (max-width: 720px) {
  .nav-shell { height: 68px; padding: 0 18px; }
  .nav-actions .link-button { display: none; }
  .button-small { padding: 10px 12px; font-size: 11px; }
  .hero-inner { padding: 54px 18px 38px; }
  .hero h1 { font-size: 39px; letter-spacing: -2px; }
  .hero-copy > p { font-size: 14px; }
  .part-visual { display: none; }
  .search-tab { padding: 13px 7px 11px; font-size: 10px; flex: 1; }
  .search-row { display: block; }
  .search-input { margin-bottom: 8px; }
  .search-button { width: 100%; height: 48px; }
  .popular { overflow-x: auto; white-space: nowrap; }
  .trust-row { gap: 12px; justify-content: center; }
  .trust-row b { display: block; }
  .content-section, .results-section, .how-section, .form-page { padding: 48px 18px; }
  .category-grid, .part-grid, .how-paths, .form-grid { grid-template-columns: 1fr; }
  .promise-strip { padding: 0 18px; }
  .how-page-hero { padding: 52px 18px; grid-template-columns: 1fr; gap: 30px; }
  .how-page-hero h1 { font-size: 38px; }
  .how-page { padding: 52px 18px; }
  .process-timeline { grid-template-columns: 1fr; }
  .supply-story { padding: 52px 18px; grid-template-columns: 1fr; gap: 40px; }
  .supply-copy li { grid-template-columns: 1fr; gap: 6px; }
  .delivery-guide { padding: 52px 18px; }
  .delivery-cards { grid-template-columns: 1fr; }
  .how-final-cta { margin: 0 18px 55px; padding: 30px; display: block; }
  .how-final-cta > div:last-child { margin-top: 22px; flex-wrap: wrap; }
  .section-heading { align-items: flex-start; gap: 18px; }
  .section-heading h2 { font-size: 23px; }
  .section-heading > a:not(.button) { display: none; }
  .editor-form { padding: 22px 18px; }
  .upload-grid { grid-template-columns: 1fr; }
  .page-hero { padding: 44px 18px; display: block; }
  .page-hero h1 { font-size: 32px; }
  .page-hero .button { margin-top: 20px; }
  .market-layout, .requests-page, .detail-page, .dashboard-page { padding: 30px 18px 55px; }
  .market-card { grid-template-columns: 1fr; }
  .market-image { min-height: 180px; }
  .market-bottom { flex-wrap: wrap; }
  .detail-grid, .detail-lower, .request-layout, .request-detail-grid { grid-template-columns: 1fr; }
  .checkout-grid, .operation-card { grid-template-columns: 1fr; }
  .workshop-columns, .compatibility-shell, .compatibility-review-card { grid-template-columns: 1fr; }
  .compatibility-page { background: linear-gradient(180deg,#0a1b33 0 38%,#f3f6f9 38%); padding: 45px 18px; }
  .earn-section { margin: 0 18px 55px; padding: 28px; display: block; }
  .earn-section .button { margin-top: 20px; }
  .dashboard-actions { margin-top: 18px; flex-wrap: wrap; }
  .oem-market-layout { grid-template-columns: 1fr; }
  .oem-family-card { grid-template-columns: 1fr; }
  .oem-family-image { min-height: 190px; }
  .oem-answer-grid, .oem-summary-strip { grid-template-columns: 1fr; }
  .oem-detail-heading, .stock-compare-heading { display: block; }
  .oem-code-block { margin-top: 20px; min-width: 0; }
  .oem-summary-strip > div { border-right: 0; border-bottom: 1px solid var(--line); }
  .stock-option-card { grid-template-columns: 70px 1fr; }
  .stock-option-price { grid-column: 1/-1; text-align: left; padding-top: 12px; border-top: 1px solid var(--line); }
  .order-summary { position: static; }
  .order-row { grid-template-columns: 1fr; }
  .location-search-row { grid-template-columns: 1fr; }
  .main-product-image { height: 300px; }
  .product-summary h1 { font-size: 28px; }
  .request-guide { position: static; }
  .stat-grid { grid-template-columns: 1fr; }
  .dashboard-heading { display: block; }
  .dashboard-heading .button { margin-top: 18px; }
  .account-page { padding: 45px 18px; gap: 35px; }
  .account-copy h1 { font-size: 34px; }
  .inventory-table { overflow-x: auto; }
  .table-row { min-width: 650px; }
  .footer { padding: 25px 18px; flex-wrap: wrap; gap: 13px; }
  .footer p { width: 100%; order: 3; }
  .passport-head { display: block; }
  .passport-code { margin-top: 18px; min-width: 0; }
  .passport-facts, .quality-form, .scale-grid { grid-template-columns: 1fr; }
  .quality-form textarea { grid-column: auto; }
  .finance-list article { grid-template-columns: 1fr; }
  .finance-list form { grid-template-columns: 1fr; }
  .scale-table { overflow-x: auto; }
  .scale-row { min-width: 620px; }
  .inline-create-form, .bulk-form, .ops-nav-grid, .ops-stat-grid { grid-template-columns: 1fr; }
  .notification-list > a { grid-template-columns: 1fr; }
  .ai-label-tool { display: block; }
  .ai-label-tool .button { margin-top: 14px; width: 100%; }
  .ai-label-result dl { grid-template-columns: 1fr 1fr; }
}

@media print {
  .site-header, .footer, .print-button { display: none !important; }
  .label-page { min-height: 0; padding: 0; background: white; }
  .stock-label { width: 100%; max-width: 420px; }
}