:root{font-family:Arial,"Noto Sans Arabic",sans-serif;color:#20232b;background:#f3f5f8;color-scheme:light;--surface:#fff;--line:#dde2e9;--muted:#59616e;--brand:#cb1227;--soft:#f7f8fa}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button,a{transition:background .15s,color .15s}a{color:inherit}button,.button{border:1px solid var(--line);background:var(--surface);color:inherit;border-radius:9px;padding:10px 15px;min-height:44px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover,.button:hover{background:#edf0f4}button.primary,.primary{background:var(--brand);color:#fff;border-color:var(--brand)}button.primary:hover{background:#ac1022}.quiet{border-color:transparent;background:transparent}.top{display:flex;align-items:center;gap:20px;max-width:1480px;margin:16px auto 0;padding:14px 24px;background:var(--surface);border:1px solid var(--line);border-radius:14px}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-weight:800;font-size:20px;line-height:1.15;white-space:nowrap}.brand img{object-fit:contain}.brand small{display:block;color:var(--muted);font-size:14px;font-weight:500;margin-top:5px}.top nav{display:flex;align-items:center;gap:8px;margin-inline-start:auto;flex-wrap:wrap}.top nav a{font-size:14px}.lang{width:125px}.lang select{padding:9px;font-size:14px}main{max-width:1400px;margin:auto;padding:32px 24px 72px}h1{font-size:clamp(26px,3vw,38px);line-height:1.2;margin:0 0 8px;letter-spacing:-.025em}h2{font-size:22px;line-height:1.3;margin:0 0 16px}h3{font-size:18px;margin:0 0 12px}p{margin:8px 0 18px}.muted,small{color:var(--muted)}small{font-size:14px}.heading{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:24px}.heading p{margin:0}.heading h2{margin:0}.actions,.tabs{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.presence{font-size:14px;white-space:nowrap;border:1px solid var(--line);border-radius:30px;padding:9px 13px;background:var(--surface);color:var(--muted)}.presence[data-live="true"]{color:#166044}.presence[data-live="true"]::before{content:"";display:inline-block;width:7px;height:7px;background:#168157;border-radius:50%;margin-inline-end:8px}.filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px;margin-bottom:24px;align-items:end}label{display:grid;gap:6px;font-size:14px;font-weight:600;min-width:0}input,select,textarea{width:100%;border:1px solid #c9d0da;border-radius:8px;min-height:44px;padding:10px 12px;background:var(--surface);color:inherit}textarea{resize:vertical;min-height:135px;font-size:16px}input,select{font-size:16px}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible,svg [tabindex]:focus-visible{outline:3px solid #edb7c0;outline-offset:2px}input[readonly]{background:var(--soft);color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface);display:flex;flex-direction:column}.card-head{padding:18px 18px 12px}.card h2{font-size:20px;margin:0 0 6px}.price{font-weight:800;font-size:26px;color:var(--brand);font-variant-numeric:tabular-nums}.card img,.no-photo{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;background:#e8ebef}.no-photo{display:grid;place-items:center;color:var(--muted)}.card-link{text-decoration:none}.card-meta{display:flex;gap:8px;flex-wrap:wrap;padding:14px 18px;font-size:14px;color:var(--muted)}.card-foot{padding:0 18px 18px;margin-top:auto;display:flex;gap:8px;justify-content:space-between;align-items:center}.badge{display:inline-flex;padding:4px 10px;border-radius:20px;background:#edf1f5;font-size:14px;white-space:nowrap}.badge.red{background:#fce7eb;color:#aa1629}.badge.green{background:#e5f4ed;color:#17623f}.empty{padding:60px 20px;text-align:center;background:var(--surface);border:1px dashed var(--line);border-radius:14px}.pager{display:flex;justify-content:center;gap:16px;align-items:center;margin-top:26px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px;margin-bottom:22px}.details{display:grid;grid-template-columns:1.5fr 1fr;gap:26px}.hero-photo{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;cursor:zoom-in;background:#e8ebef}.thumbs{display:flex;gap:8px;overflow:auto;padding:10px 0;max-width:100%}.thumbs button{padding:0;flex:0 0 100px;overflow:hidden}.thumbs img{width:100px;height:76px;object-fit:cover}.facts{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0}.facts div{border-bottom:1px solid var(--line);padding:13px 0}.facts dt{color:var(--muted);font-size:14px}.facts dd{margin:2px 0 0;overflow-wrap:anywhere}.longtext{white-space:pre-wrap;overflow-wrap:anywhere}.vin{font-family:ui-monospace,monospace;direction:ltr;unicode-bidi:isolate}.editor{max-width:1120px;margin:auto}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.full{grid-column:1/-1}.step{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#fce8ec;color:var(--brand);font-size:16px;margin-inline-end:10px}.photo-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.photo-group{padding:16px;border:1px solid var(--line);border-radius:10px}.photo-group h3{display:flex;justify-content:space-between}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.photo-item{position:relative;min-width:0}.photo-item img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px}.photo-item button{min-height:30px;padding:3px 7px;font-size:13px;width:100%;color:#9c1327}.upload-label{padding:12px;border:1px dashed #a5adb9;border-radius:8px;margin-top:14px;font-size:14px;font-weight:500}.upload-label input{font-size:14px;padding:4px;border:0;min-height:30px}.check{display:flex;align-items:flex-start;gap:10px;font-size:16px;font-weight:400}.check input{width:20px;min-height:20px;margin-top:3px;flex:none}.savebar{position:sticky;bottom:0;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;gap:12px;justify-content:space-between;align-items:center;flex-wrap:wrap;z-index:3;box-shadow:0 -3px 14px #00000008}.error{padding:12px 16px;border-radius:8px;background:#fff0f2;color:#9b1730;overflow-wrap:anywhere}.requirements{padding:14px;background:#f5f7fa;border-radius:8px;font-size:14px;line-height:1.7}.damage-layout{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:start}.car-map{max-height:520px;width:100%;display:block}.car-map .part{fill:#e5e9ef;stroke:#fff;stroke-width:3}.car-map .part[data-type="CURRENT"]{fill:#e4515e}.car-map .part[data-type="REPAIRED"]{fill:#e3af4d}.car-map .part[data-type="REPAINTED"]{fill:#65a0d8}.car-map .part[data-type="UNKNOWN"]{fill:#9c91bd}.car-map [role="button"]{cursor:pointer}.car-map [role="button"]:hover{stroke:#252c36;stroke-width:3}.car-map text{font-size:14px;fill:#343c48;pointer-events:none;text-anchor:middle}.area-buttons{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.area-buttons button{padding:6px 9px;font-size:14px;min-height:38px}.area-buttons .active{background:#fce5e9;border-color:#d76373;color:#9a1125}.damage-entry{padding:14px;margin:10px 0;border:1px solid var(--line);border-radius:9px}.damage-entry .form-grid{grid-template-columns:1fr 1fr}.damage-entry .heading{margin-bottom:12px}.legend{display:flex;flex-wrap:wrap;gap:12px;font-size:14px;margin-bottom:16px}.legend span:before{content:"";width:12px;height:12px;display:inline-block;margin-inline-end:6px;background:var(--swatch);border-radius:3px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0}.stat{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px}.stat strong{display:block;font-size:28px;margin-bottom:6px}.table-wrap{overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:12px}table{width:100%;border-collapse:collapse;font-size:14px;text-align:start}th,td{padding:14px;border-bottom:1px solid var(--line);text-align:start;vertical-align:top}th{background:#f8f9fb;color:var(--muted);white-space:nowrap}td small{display:block}td input{min-width:140px}video{width:100%;max-height:580px;background:#111;border-radius:10px}dialog{border:1px solid var(--line);border-radius:14px;padding:24px;width:min(680px,94vw);max-height:90dvh;overflow:auto;color:inherit;background:var(--surface)}dialog::backdrop{background:#070d19b3}.tabs{margin:20px 0}.tabs button.active{background:#fce5e9;border-color:#d76373;color:#9a1125}#inventoryResults{max-height:320px;overflow:auto;margin:16px 0}.inventory-choice{display:block;width:100%;text-align:start;margin-bottom:8px}.inventory-choice.active{border-color:var(--brand);background:#fff1f4}.inventory-choice small{display:block}#photoDialog{padding:8px;width:min(1100px,96vw);background:#0e1014;color:#fff;overflow:hidden}#largePhoto{display:block;width:100%;height:75dvh;object-fit:contain}.close{position:absolute;inset-inline-end:16px;top:16px;background:#141923;border-color:#ffffff50;color:#fff;font-size:25px;z-index:1}.photo-controls{display:flex;align-items:center;justify-content:space-between;padding:8px}.photo-controls button{background:#222a37;border-color:#ffffff40;color:#fff}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90vw;background:#1e2837;color:#fff;box-shadow:0 4px 20px #0003;border-radius:10px;padding:14px 20px;z-index:20}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip:focus{position:fixed;z-index:99;padding:12px;background:#fff}.help{font-size:14px;color:var(--muted)}[hidden]{display:none!important}@media(max-width:1050px){.top{border-radius:0;margin-top:0;border-inline:0;flex-wrap:wrap}.top nav{gap:4px}.top nav a{padding:8px}.grid{grid-template-columns:repeat(2,1fr)}.filters{grid-template-columns:2fr 1fr 1fr}.filters label:first-child{grid-column:1/-1}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.details{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.top{padding:12px 16px;gap:12px}.brand{font-size:18px}.brand img{width:38px;height:38px}.top nav{order:3;width:100%;margin:0;justify-content:space-between}.lang{margin-inline-start:auto;width:110px}main{padding:24px 16px 48px}.grid{grid-template-columns:1fr}.filters{grid-template-columns:1fr 1fr;padding:14px}.filters button{width:100%}.heading{gap:12px}.panel{padding:18px}.form-grid{grid-template-columns:1fr 1fr;gap:14px}.photo-groups{grid-template-columns:1fr}.damage-layout{grid-template-columns:1fr}.car-map{height:430px}.stats{gap:10px}.stat{padding:15px}.stat strong{font-size:24px}.savebar{padding:12px}.savebar button{flex:1}.damage-entry .form-grid{grid-template-columns:1fr}.price{font-size:25px}}@media(max-width:370px){.form-grid,.filters{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}}

html[data-theme="dark"]{color:#f0f2f5;background:#0e1013;color-scheme:dark;--surface:#17191e;--line:#343842;--muted:#b2b8c2;--brand:#ff526c;--soft:#252932}html[data-theme="dark"] button.primary,html[data-theme="dark"] .primary{background:#c91833;color:white;border-color:#c91833}html[data-theme="dark"] button:hover,html[data-theme="dark"] .button:hover{background:#2d323d}html[data-theme="dark"] .primary:hover{background:#ac1022}html[data-theme="dark"] .requirements,html[data-theme="dark"] th{background:#242832}html[data-theme="dark"] .badge{color:#202a36}html[data-theme="dark"] .no-photo{background:#272d36;color:#bac1cb}html[data-theme="dark"] .tabs button.active,html[data-theme="dark"] .area-buttons .active,html[data-theme="dark"] .inventory-choice.active{background:#44222b;color:#ffcad4}html[data-theme="dark"] .car-map text{fill:#c7ced9}html[data-theme="dark"] .car-map text:not(:first-child):not(:last-child){fill:#263140}

/* Automotive Store: strong photography, quiet surfaces, clear actions. */
:root { --store-ink:#1c2029; --store-action:#c81832; --store-shadow:0 14px 44px #131d3010; --store-ease:cubic-bezier(.22,1,.36,1); font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif; color:var(--store-ink); }
html[data-theme="dark"] { --store-ink:#f5f6f8; --surface:#171b22; --soft:#20252e; --line:#303743; --muted:#b0bac8; --brand:#ff647c; --store-shadow:0 18px 50px #0000002a; color:var(--store-ink); }
body { min-height:100svh; background:transparent; }
.top { position:sticky; top:12px; z-index:10; width:calc(100% - 40px); max-width:1440px; padding:15px 22px; margin-top:12px; border-radius:18px; box-shadow:0 8px 30px #111b2810; }
.brand { letter-spacing:-.04em; font-size:22px; gap:12px; }
.brand img { border-radius:10px; }
.brand small { letter-spacing:.12em; text-transform:uppercase; font-size:12px; }
.top nav button,.top nav a { font-size:14px; white-space:nowrap; }
.top nav a:first-child { color:var(--brand); background:color-mix(in srgb,var(--brand) 7%,var(--surface)); }
.lang select { background:var(--soft); border-color:transparent; border-radius:10px; }
main { padding:40px 28px 64px; max-width:1400px; }
svg.lucide { width:20px; height:20px; flex:none; }
button,.button { border-radius:11px; font-weight:650; transition:background .18s,border-color .18s,box-shadow .18s,transform .18s var(--store-ease); }
button:active,.button:active { transform:scale(.975); }
button.primary,.primary,html[data-theme="dark"] button.primary,html[data-theme="dark"] .primary { color:#fff; background:var(--store-action); border-color:var(--store-action); }
button.primary:hover,.primary:hover,html[data-theme="dark"] .primary:hover { background:#a91028; border-color:#a91028; }
button:focus-visible,a:focus-visible,input:focus,select:focus,textarea:focus { outline:3px solid color-mix(in srgb,var(--brand) 55%,transparent); outline-offset:3px; }
.market-heading { padding:8px 2px 12px; margin-bottom:22px; gap:26px; }
.market-label { display:block; font-size:12px; font-weight:800; letter-spacing:.16em; color:var(--brand); margin-bottom:10px; }
.market-heading h1 { font-size:clamp(30px,3.8vw,48px); letter-spacing:-.045em; }
.market-heading .muted { font-size:16px; }
.market-heading .actions { justify-content:flex-end; max-width:500px; gap:12px; }
.list-free { min-height:48px; padding-inline:18px; }
.presence { display:inline-flex; align-items:center; font-size:14px; border-color:color-mix(in srgb,#158254 20%,var(--line)); background:var(--surface); }
html[data-theme="dark"] .presence[data-live="true"] { color:#7fe2b4; }
.filters { padding:20px; gap:15px; border-radius:18px; box-shadow:var(--store-shadow); margin-bottom:30px; }
.filters label > span { font-size:14px; font-weight:600; color:var(--muted); }
.filters input,.filters select { background:var(--soft); border-color:transparent; min-height:48px; border-radius:10px; }
.filters button { min-height:48px; padding-inline:24px; }
.grid { gap:26px; align-items:stretch; }
.card { border-radius:22px; box-shadow:0 5px 22px #111d3009; transition:transform .24s var(--store-ease),box-shadow .24s,border-color .24s; }
.card-media { position:relative; overflow:hidden; background:var(--soft); }
.card-media > a { display:block; }
.card-media img,.card-media .no-photo { aspect-ratio:4/3; width:100%; transition:transform .7s var(--store-ease); }
.card-status { position:absolute; top:16px; inset-inline-start:16px; pointer-events:none; }
.card-status .badge { background:#f2f4f8; color:#344359; box-shadow:0 2px 10px #00000017; font-weight:650; padding:6px 12px; }
.card-status .badge.green { background:#edf9f1; color:#176040; }
.card-status .badge.red { background:#ffebef; color:#a91c38; }
.card-head { padding:20px 22px 4px; }
.card-city { display:flex; align-items:center; gap:5px; font-size:14px; font-weight:550; color:var(--muted); margin-bottom:9px; }
.card-city svg { width:16px; height:16px; color:var(--brand); }
.card h2 { font-size:21px; letter-spacing:-.025em; line-height:1.3; margin-bottom:18px; overflow-wrap:anywhere; }
.card h2 a:focus-visible { outline-offset:4px; }
.card-price { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:4px 10px; padding-top:15px; border-top:1px solid var(--line); }
.card-price .price { color:var(--store-ink); font-size:29px; letter-spacing:-.035em; }
.card-price small { font-size:12px; }
.card-meta { padding:10px 22px 18px; gap:10px 16px; align-items:center; }
.card-meta > span { display:inline-flex; align-items:center; gap:6px; }
.card-meta svg { width:17px; height:17px; }
.card-meta .condition-tag { flex:1 0 100%; padding:7px 10px; font-size:13px; background:var(--soft); border-radius:7px; color:var(--muted); }
.card-meta .condition-tag.has-damage { background:color-mix(in srgb,#bf791e 8%,var(--surface)); color:#875214; }
html[data-theme="dark"] .card-meta .condition-tag.has-damage { color:#edc783; }
.card-foot { padding:0 22px 22px; }
.card-foot .button { width:100%; justify-content:space-between; min-height:46px; }
.no-photo { gap:10px; align-content:center; }
.no-photo svg { width:42px; height:42px; margin:auto; opacity:.65; }
.catalog-empty { padding:48px 24px; border-style:solid; box-shadow:var(--store-shadow); }
.empty-car { display:grid; place-items:center; width:74px; height:74px; border-radius:20px; background:var(--soft); color:var(--brand); margin:0 auto 22px; }
.empty-car svg { width:36px; height:36px; }
.catalog-empty .button { margin-top:10px; }
.skeleton-card { min-height:430px; }
.skeleton-photo { aspect-ratio:4/3; background:var(--soft); }
.skeleton-copy { padding:22px; display:grid; gap:15px; }
.skeleton-copy span { height:16px; border-radius:5px; background:var(--soft); }
.skeleton-copy span:first-child { width:40%; }
.skeleton-copy span:last-child { width:65%; height:30px; }
.catalog-loading { min-height:430px; }
.panel,.table-wrap,.stat { border-radius:18px; box-shadow:var(--store-shadow); }
.details { grid-template-columns:minmax(0,1.45fr) minmax(310px,1fr); align-items:start; gap:28px; margin-bottom:24px; }
.hero-photo { border-radius:18px; }
.detail-summary { padding:28px; position:sticky; top:115px; }
.detail-summary .price { color:var(--store-ink); letter-spacing:-.035em; }
.thumbs { scrollbar-width:thin; padding-block:14px; }
.thumbs button { border-radius:9px; }
.detail-contact { padding-top:24px; }
.detail-contact > button { width:100%; min-height:50px; }
.detail-contact p { text-align:center; margin:10px 0 0; }
.whatsapp-button,html[data-theme="dark"] .whatsapp-button { background:#e9f7ef; border-color:#c5e9d3; color:#14683b; }
.whatsapp-button:hover,html[data-theme="dark"] .whatsapp-button:hover { background:#daf0e4; }
html[data-theme="dark"] .whatsapp-button { background:#18342a; border-color:#2f5544; color:#8ce6b0; }
html[data-theme="dark"] .whatsapp-button:hover { background:#224537; }
.store-footer { max-width:1344px; margin:0 auto 28px; padding:30px 34px; display:flex; align-items:center; justify-content:space-between; gap:24px; background:var(--surface); border:1px solid var(--line); border-radius:20px; }
.footer-label { display:block; color:var(--brand); letter-spacing:.1em; text-transform:uppercase; font-size:12px; font-weight:800; margin-bottom:8px; }
.store-footer h2 { font-size:24px; letter-spacing:-.025em; margin:0 0 6px; }
.store-footer p { margin:0; color:var(--muted); font-size:14px; }
.footer-contacts { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px; }
.footer-contacts > a { display:inline-flex; align-items:center; justify-content:center; min-height:44px; border:1px solid var(--line); border-radius:9px; padding:9px 14px; font-size:15px; font-weight:650; text-decoration:none; }
.footer-contacts > a:hover { border-color:#23814b; color:#23814b; }
.footer-contacts small { width:100%; text-align:end; font-size:12px; }
.contact-fab { position:fixed; z-index:12; inset-inline-end:max(24px,env(safe-area-inset-right)); bottom:calc(24px + env(safe-area-inset-bottom)); padding:13px 20px; border-radius:50px; background:#167343; border:1px solid #ffffff20; color:#fff; box-shadow:0 8px 28px #06532940; gap:9px; }
.contact-fab:hover,html[data-theme="dark"] .contact-fab:hover { background:#115a35; color:#fff; transform:translateY(-2px); }
.contact-fab-icon { display:flex; }
.contact-fab svg { width:23px; height:23px; }
body:has(.editor) .contact-fab,body:has(#accountingContent) .contact-fab { display:none; }
body:has(.contact-fab) .store-footer { margin-bottom:110px; }
#contactDialog { padding:28px; max-width:460px; border-radius:24px; box-shadow:0 30px 100px #0006; }
#contactDialog::backdrop { background:#080d18b3; backdrop-filter:blur(5px); }
.contact-dialog-head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:22px; }
.contact-mark { width:52px; height:52px; border-radius:15px; color:#167343; background:#e2f4e9; display:grid; place-items:center; }
.contact-mark svg { width:27px; height:27px; }
.contact-close { font-size:27px; width:44px; padding:0; border-radius:50%; }
.contact-kicker { font-size:14px; font-weight:650; color:var(--muted); margin:0 0 8px; }
#contactTitle { font-size:27px; letter-spacing:-.03em; line-height:1.3; margin-bottom:10px; }
#contactDescription { color:var(--muted); font-size:15px; }
.contact-options { display:grid; gap:12px; margin:24px 0 18px; }
.contact-option { display:flex; align-items:center; gap:12px; padding:16px; border:1px solid var(--line); border-radius:13px; background:var(--soft); text-decoration:none; transition:border-color .18s,background .18s; }
.contact-option > svg:first-child { color:#218650; }
.contact-option > svg:last-child { margin-inline-start:auto; width:18px; }
.contact-option strong { display:block; font-size:18px; font-weight:750; letter-spacing:.01em; }
.contact-option small { display:block; font-size:12px; margin-bottom:3px; }
.contact-option:hover { border-color:#26854d; background:color-mix(in srgb,#278351 7%,var(--surface)); }
#notice { bottom:90px; }
@media(hover:hover) and (pointer:fine) { .card:hover { transform:translateY(-5px); box-shadow:0 18px 46px #101b3022; border-color:color-mix(in srgb,var(--brand) 28%,var(--line)); } .card:hover .card-media img { transform:scale(1.035); } }
@media(min-width:651px) and (prefers-reduced-motion:no-preference) { .skeleton-card { animation:store-pulse 1.8s ease-in-out infinite alternate; } @keyframes store-pulse { to { opacity:.55; } } }
@media(max-width:1100px) { .top { width:calc(100% - 28px); top:8px; margin-top:8px; flex-wrap:wrap; } .grid { gap:22px; } .details { grid-template-columns:1fr; } .detail-summary { position:static; } .store-footer { margin-inline:28px; } .market-heading .actions { max-width:none; } }
@media(max-width:750px) { .store-footer { flex-direction:column; align-items:flex-start; } .footer-contacts { justify-content:flex-start; } .footer-contacts small { text-align:start; } }
@media(max-width:650px) {
  .top { width:100%; top:0; margin:0; border-radius:0 0 18px 18px; padding:12px 16px 10px; gap:10px; border-inline:0; }
  .brand { font-size:20px; }
  .top nav { gap:6px; overflow-x:auto; flex-wrap:nowrap; justify-content:flex-start; scrollbar-width:none; padding-block:2px; }
  .top nav > * { flex:none; min-height:42px; font-size:14px; padding:9px 12px; }
  .top nav::-webkit-scrollbar { display:none; }
  .lang { width:104px; }
  .lang select { min-height:42px; }
  main { padding:26px 16px 38px; }
  .market-heading { padding-top:0; gap:18px; }
  .market-label { font-size:11px; margin-bottom:8px; }
  .market-heading .actions { width:100%; justify-content:space-between; gap:10px; }
  .presence { font-size:12px; padding:9px 10px; }
  .list-free { font-size:14px; min-height:44px; padding-inline:12px; }
  .list-free svg { width:17px; }
  .filters { gap:14px 10px; padding:16px; border-radius:16px; margin-bottom:24px; }
  .filters input,.filters select { min-height:46px; padding-inline:10px; }
  .grid { gap:22px; }
  .card { border-radius:19px; }
  .card-head { padding:20px 20px 4px; }
  .card h2 { font-size:22px; }
  .card-price .price { font-size:30px; }
  .card-meta { padding-inline:20px; }
  .card-foot { padding-inline:20px; padding-bottom:20px; }
  .details { gap:12px; }
  .detail-summary { padding:22px; }
  .store-footer { margin-inline:16px; padding:24px 22px; border-radius:18px; gap:22px; }
  .store-footer h2 { font-size:22px; }
  .footer-contacts { display:grid; grid-template-columns:1fr; width:100%; }
  .footer-contacts > a { justify-content:flex-start; }
  .contact-fab { padding:12px 16px; bottom:calc(16px + env(safe-area-inset-bottom)); inset-inline-end:16px; min-height:48px; font-size:14px; }
  #contactDialog { padding:24px; width:calc(100% - 28px); }
  #contactTitle { font-size:25px; }
  .contact-option { padding:14px 12px; gap:10px; }
  .contact-option strong { font-size:17px; }
  .contact-option small { font-size:12px; }
}
@media(prefers-reduced-motion:reduce) { .card,.card-media img,button,.button { transition:none; } .card:hover,.card:hover .card-media img,.contact-fab:hover,button:active,.button:active { transform:none; } .skeleton-card { animation:none; } }
@media print { .contact-fab,.store-footer,#contactDialog { display:none!important; } .top { position:static; } }

/* Short, focused listing flow. */
.filters { grid-template-columns:minmax(180px,2fr) minmax(140px,1fr) auto auto; align-items:end; }
.filter-more summary { cursor:pointer; padding:14px; font-size:14px; font-weight:650; }
.filter-more > div { display:grid; gap:12px; padding:12px; }
.filter-more[open] { grid-column:1/-1; grid-row:2; border-top:1px solid var(--line); }
.filter-more[open] > div { grid-template-columns:1fr 1fr; }
.listing-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-bottom:24px; }
.listing-steps button { display:flex; align-items:center; justify-content:center; gap:10px; padding:14px 10px; font-size:14px; }
.listing-steps button span { display:grid; place-items:center; flex:none; width:28px; height:28px; border-radius:50%; background:var(--soft); }
.listing-steps [aria-current="step"] { border-color:var(--brand); color:var(--brand); background:var(--surface); }
.listing-steps [aria-current="step"] span { background:var(--store-action); color:white; }
.listing-review { display:grid; gap:8px; padding:18px; background:var(--soft); border-radius:12px; margin-bottom:22px; }
.listing-review strong { font-size:22px; }
.missing-list { list-style:none; padding:0; display:flex; flex-wrap:wrap; gap:8px; margin:12px 0 0; }
.missing-list button { text-decoration:underline; padding:8px 12px; background:var(--surface); font-size:14px; }
.photo-group summary { cursor:pointer; display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:44px; font-size:16px; font-weight:650; }
.photo-group summary::after { content:'+'; font-size:22px; }
.photo-group[open] summary::after { content:'−'; }
body:has(.editor) .contact-fab { display:none; }
.editor .savebar { bottom:12px; }
.editor input,.editor select,.editor textarea { font-size:16px; }
@media(max-width:650px) {
 .filters { grid-template-columns:1fr 1fr; }
 .filters label:first-child { grid-column:1/-1; }
 .filter-more[open] { grid-row:auto; }
 .listing-steps { gap:5px; }
 .listing-steps button { flex-direction:column; gap:6px; font-size:14px; padding:10px 6px; }
 .editor .form-grid { grid-template-columns:1fr; }
 .editor .savebar { bottom:0; padding-bottom:max(12px,env(safe-area-inset-bottom)); }
 .editor .savebar .actions { width:100%; flex-wrap:wrap; }
 .editor .savebar small { font-size:14px; }
}
.photo-group[data-drop-category]{transition:border-color .15s,background .15s}
.photo-group.drop-active{outline:2px dashed var(--brand,#d3a34e);outline-offset:3px;background:rgba(211,163,78,.12)}
.photo-item[draggable=true]{cursor:grab;border:1px solid var(--line,#444);border-radius:10px;padding:6px}
.photo-item[draggable=true]:active{cursor:grabbing}
.photo-order{display:flex;gap:6px;margin-block:6px}.photo-order button{flex:1;min-height:44px}

/* Keep listing media's intrinsic dimensions inside the available viewport. */
.details > *, .damage-layout > *, .heading > *, .facts > div { min-width:0; }
.detail-gallery { width:100%; max-width:100%; }
.detail-gallery > button { min-width:0; max-width:100%; }
.hero-photo { max-width:100%; height:auto; object-fit:contain; }
.thumbs { width:100%; min-width:0; overflow-x:auto; overflow-y:hidden; overscroll-behavior-inline:contain; }
.thumbs button { min-width:0; flex-shrink:0; }
.facts { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:16px; }
.heading h1 { overflow-wrap:anywhere; }
.top nav { min-width:0; max-width:100%; }
@media(max-width:1100px) {
  .details { grid-template-columns:minmax(0,1fr); }
}
@media(max-width:650px) {
  .details { width:100%; }
  .hero-photo { border-radius:14px; }
  .thumbs { gap:8px; padding-block:10px; }
  .thumbs button { flex-basis:76px; }
  .thumbs img { display:block; width:76px; height:57px; }
  .detail-summary { padding:18px; }
  .damage-layout { grid-template-columns:minmax(0,1fr); }
  .car-map { max-width:100%; }
  main:has(.detail-gallery) { padding-bottom:calc(100px + env(safe-area-inset-bottom)); }
}

/* Let the page show through the unused space around portrait car photos. */
.hero-photo,
html .detail-gallery > button,
html .detail-gallery > button:hover,
html[data-theme="dark"] .detail-gallery > button,
html[data-theme="dark"] .detail-gallery > button:hover {
  background:transparent;
}

/* Persistent, focusable failure notice: visible without relying on color alone. */
.save-failure:not([hidden]){display:block;position:sticky;bottom:90px;z-index:12;padding:18px;border:2px solid #f87171;border-inline-start-width:6px;border-radius:12px;background:#401d24;color:#fff1f2;font-weight:650;line-height:1.6;box-shadow:0 4px 20px #0005;overflow-wrap:anywhere;}
.save-failure:focus{outline:3px solid #fbbf24;outline-offset:3px;}

.contact-profile{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--soft);min-width:0;}
.contact-profile-heading{display:flex;align-items:center;gap:12px;margin-bottom:16px;}
.contact-avatar{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:50%;background:var(--surface);border:1px solid var(--line);font-weight:750;color:var(--text);direction:ltr;}
.contact-profile h3{margin:0 0 6px;font-size:18px;overflow-wrap:anywhere;}
.contact-profile p{margin:0;font-size:16px;text-align:start;}
.contact-profile-actions{display:flex;flex-wrap:wrap;gap:10px;}
.contact-profile-actions .button{min-height:44px;flex:1;justify-content:center;white-space:normal;text-align:center;}
@media(max-width:380px){.contact-profile-actions{flex-direction:column;}.contact-profile{padding:14px;}}

.contact-profile .contact-role{font-size:13px;color:var(--muted);margin:0 0 7px;line-height:1.5;}

/* AKIS creator attribution */
.akis-credit {display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;margin:24px auto 100px;padding:24px;max-width:1360px;border-top:1px solid var(--line);}
.akis-credit a {color:inherit;text-decoration:none;}
.akis-credit-brand {display:flex;align-items:center;gap:16px;min-width:0;}
.akis-credit-brand img {object-fit:contain;flex-shrink:0;}
.akis-credit-brand>span {display:grid;gap:5px;overflow-wrap:anywhere;}
.akis-credit-brand small {font-size:12px;opacity:.75;}
.akis-credit-brand strong {font-size:24px;}
.akis-flame {color:#ffb000;background:linear-gradient(145deg,#ffdc83,#ffb000 42%,#ff6a00);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 14px rgba(255,153,0,.18);}
.akis-inquiry {display:grid;gap:4px;padding:12px 18px;border:1px solid #b57a32;border-radius:12px;min-height:44px;}
.akis-credit a:focus-visible {outline:2px solid #ffb000;outline-offset:4px;}
@media(max-width:480px){.akis-credit {padding:20px 16px;gap:18px;}.akis-credit-brand img{width:60px;height:60px;}.akis-credit-brand strong{font-size:22px;}.akis-inquiry{width:100%;text-align:center;}}

/* Avoid showing a camera footer while its clean display copy is prepared. */
img[data-photo-pending="true"]{visibility:hidden}