:root {
  --oat:#f7ead0;
  --oat-soft:#fffaf0;
  --straw:#f3c251;
  --gold:#d99012;
  --gold-dark:#9a5a09;
  --brown:#3b210d;
  --brown-soft:#6f451c;
  --line:#ead9b8;
  --line-strong:#d8bc7a;
  --paper:#fffdf7;
  --surface:#ffffff;
  --text:#20170f;
  --muted:#735f48;
  --shadow:0 10px 26px rgba(59,33,13,.08);
}
* { box-sizing:border-box; }
html { min-height:100%; overflow-y:scroll; scrollbar-gutter:stable; background:#f8f1e4; }
body { min-height:100vh; margin:0; display:flex; flex-direction:column; color:var(--text); background:linear-gradient(180deg,#fffaf0 0,#f8f1e4 220px,#fffdf7 100%); font-family:Arial, Helvetica, sans-serif; font-size:15px; line-height:1.35; }
a { color:#704008; text-decoration:none; }
a:hover { color:#4a2a10; text-decoration:underline; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.topbar { flex:0 0 auto; background:rgba(255,253,247,.96); border-bottom:1px solid var(--line); box-shadow:0 2px 10px rgba(59,33,13,.04); }
.topbar-inner { max-width:1180px; min-height:72px; margin:0 auto; padding:8px 22px; display:flex; align-items:center; justify-content:space-between; gap:20px; min-width:0; }
.brand-logo-link { display:inline-flex; align-items:center; justify-content:center; flex:0 0 auto; line-height:0; text-decoration:none; border-radius:8px; }
.brand-logo-link:hover { text-decoration:none; }
.brand-logo-link:focus-visible { outline:2px solid var(--gold-dark); outline-offset:4px; }
.brand-header-logo { display:block; width:auto; height:56px; max-height:56px; background:transparent; filter:none; }
.topbar nav { display:flex; align-items:center; justify-content:flex-end; gap:12px; flex-wrap:nowrap; white-space:nowrap; min-width:0; overflow:visible; }
.topbar nav a, .topbar nav button, .button { display:inline-flex; align-items:center; justify-content:center; min-height:34px; max-width:160px; padding:6px 8px; color:var(--brown); background:transparent; border:0; border-radius:7px; font-size:13px; font-weight:700; cursor:pointer; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.topbar nav a:hover, .topbar nav button:hover { background:#fff3d3; text-decoration:none; }
.topbar nav .post, .button { min-height:36px; padding:7px 13px; background:var(--gold); color:#fff; border:1px solid #b87518; border-radius:8px; box-shadow:none; }
.topbar nav .post:hover, .button:hover { background:#bf760d; color:#fff; }
.lang-switch { display:inline-flex; align-items:center; border:1px solid var(--line); border-radius:8px; overflow:hidden; background:#fff; }
.lang-switch a { min-height:30px; padding:6px 8px; font-size:12px; font-weight:800; border-left:1px solid var(--line); border-radius:0; }
.lang-switch a:first-child { border-left:0; }
.lang-switch a[aria-current="true"] { background:#fff3d3; color:var(--brown); }
.topbar nav .user { min-width:0; max-width:140px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--brown); font-weight:700; }
.topbar nav form { margin:0; }
.account-menu { position:relative; flex:0 0 auto; }
.account-menu summary { display:inline-flex; align-items:center; min-height:34px; padding:6px 9px; border:1px solid var(--line); border-radius:8px; color:var(--brown); background:#fff; font-size:13px; font-weight:800; cursor:pointer; list-style:none; }
.account-menu summary::-webkit-details-marker { display:none; }
.account-menu summary::after { content:'▾'; margin-left:6px; font-size:10px; color:var(--muted); }
.account-menu[open] summary { background:#fff3d3; border-color:var(--gold); }
.account-dropdown { position:absolute; z-index:20; top:calc(100% + 8px); right:0; display:grid; gap:2px; min-width:220px; padding:8px; background:#fff; border:1px solid var(--line); border-radius:12px; box-shadow:0 14px 28px rgba(59,33,13,.16); white-space:normal; }
.topbar nav .account-dropdown a, .topbar nav .account-dropdown button, .topbar nav .account-dropdown .user { justify-content:flex-start; width:100%; max-width:100%; min-height:34px; padding:7px 9px; text-align:left; }
.topbar nav .account-dropdown .user { color:var(--muted); font-size:12px; font-weight:700; border-top:1px solid #f0e3c8; margin-top:4px; }
.menu-lang { display:grid; grid-template-columns:repeat(3,1fr); gap:4px; padding:0 0 7px; margin:0 0 5px; border-bottom:1px solid #f0e3c8; }
.topbar nav .menu-lang a { justify-content:center; min-height:30px; border:1px solid var(--line); background:#fffdf7; }
.topbar nav .menu-lang a[aria-current="true"] { background:#fff3d3; border-color:var(--gold); }
.location-fields { display:grid; grid-template-columns:1fr 1fr; gap:6px; }
.market-fieldset { display:grid; gap:7px; margin:2px 0; padding:10px; border:1px solid var(--line); border-radius:12px; background:#fffdf7; }
.market-fieldset legend { padding:0 5px; color:var(--brown); font-weight:900; font-size:13px; }
.market-fieldset .note { margin:0; font-size:12px; line-height:1.3; }
.check-row { flex-direction:row !important; align-items:center; gap:7px !important; min-height:28px; }
.check-row input { width:auto; }
.small-note { max-width:100%; white-space:normal; font-size:12px; }
.page { flex:1 0 auto; width:100%; max-width:1180px; margin:0 auto; padding:22px 22px 36px; }
.page-head { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin:0 0 16px; min-width:0; }
.page-head h1, .brand-wordmark { min-width:0; max-width:100%; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--brown); font-family:Arial, Helvetica, sans-serif; font-size:26px; line-height:1.1; font-weight:800; letter-spacing:0; text-shadow:none; }
.note { min-width:0; max-width:50%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--muted); }
.brand-home-head, .brand-section-head { min-height:0; }
.desktop-home-grid, .desktop-browse-grid { display:grid; grid-template-columns:220px minmax(0,1fr); gap:22px; align-items:stretch; }
.desktop-section-grid { display:grid; grid-template-columns:220px minmax(0,1fr); gap:22px; align-items:start; min-width:0; }
.desktop-section-grid > * { min-width:0; }
.desktop-nav-panel, .desktop-filter-panel { min-width:0; position:sticky; top:84px; display:flex; flex-direction:column; gap:12px; }
.desktop-content-panel, .desktop-list-panel { min-width:0; }
.categories { display:grid; grid-template-columns:1fr; gap:8px; margin:0; padding:12px; background:rgba(255,255,255,.78); border:1px solid var(--line); border-radius:12px; box-shadow:0 1px 0 rgba(59,33,13,.03); }
.category { display:flex; align-items:center; gap:10px; min-width:0; min-height:39px; padding:8px 10px; color:var(--text); background:#fffdf7; border:1px solid #eadfc7; border-radius:8px; overflow:hidden; box-shadow:none; }
.slim-nav .categories { padding:8px; gap:6px; max-height:calc(100vh - 110px); overflow:auto; scrollbar-width:thin; }
.slim-nav .category { min-height:39px; padding:8px 10px; gap:10px; }
.slim-nav .category-mark { width:24px; height:24px; }
.slim-nav .category-mark svg { width:22px; height:22px; }
.slim-nav .category-title { font-size:14px; }
.category:hover { text-decoration:none; background:#fff8e7; border-color:#d8bc7a; }
.category.active { background:#fff3d3; border-color:#d99012; box-shadow:inset 3px 0 0 var(--gold); }
.category-mark { display:inline-grid; place-items:center; flex:0 0 auto; width:24px; height:24px; color:#9a5a09; opacity:.9; }
.category-mark svg { display:block; width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.category-title { display:block; min-width:0; max-width:100%; color:#4a2a10; line-height:1.15; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px; font-weight:600; }
.subcategories, .sub-subcategories { display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:flex-start; gap:7px; margin:0; padding:0; min-height:0; }
.subcategories a, .sub-subcategories a { display:inline-flex; align-items:center; justify-content:center; min-height:24px; max-width:100%; padding:3px 8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#5c350b; background:#fff8e7; border:1px solid var(--line); border-radius:999px; font-size:12px; font-weight:600; box-shadow:none; }
.subcategories a:hover, .subcategories a.active, .sub-subcategories a:hover { text-decoration:none; color:#fff; background:#9a5a09; border-color:#9a5a09; }
.filters { display:grid; grid-template-columns:1fr; gap:9px; align-items:end; margin:0; padding:14px; background:#fff; border:1px solid var(--line); border-radius:12px; box-shadow:0 1px 0 rgba(59,33,13,.03); }
.filters label, .form-card label, .auth-card label { display:flex; flex-direction:column; gap:5px; font-weight:700; font-size:13px; color:var(--brown); }
input, select, textarea, button { font:inherit; padding:8px 9px; border:1px solid #caa86a; border-radius:7px; background:#fff; color:var(--text); }
button { background:#fff8e7; cursor:pointer; }
.filters button, .form-card button, .auth-card button { min-height:38px; background:var(--gold); border-color:#b87518; color:#fff; font-weight:800; }
.filters button:hover, .form-card button:hover, .auth-card button:hover { background:#bf760d; }
.brand-cloud { columns:2; margin:0; padding:12px; background:#fff; border:1px solid var(--line); border-radius:12px; font-size:13px; }
.brand-cloud a { display:block; padding:3px 0; color:#704008; }
.results-card { min-height:520px; min-width:0; padding:16px; background:#fff; border:1px solid var(--line); border-radius:14px; box-shadow:var(--shadow); }
.results-head { display:flex; align-items:baseline; justify-content:space-between; gap:16px; margin:0 0 12px; padding-bottom:10px; border-bottom:1px solid #f0e3c8; min-width:0; }
.results-head h2 { min-width:0; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:20px; color:var(--brown); }
.results-head span, .result-count { flex:0 0 auto; max-width:45%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--muted); font-weight:700; }
.listings { width:100%; border-collapse:separate; border-spacing:0; background:#fff; }
.listings th { text-align:left; padding:8px 10px; background:#fff8e7; border-bottom:1px solid var(--line); color:var(--brown); font-size:12px; font-weight:800; }
.listings th:first-child { border-top-left-radius:8px; }
.listings th:last-child { border-top-right-radius:8px; text-align:right; }
.listings td { padding:10px; border-bottom:1px solid #f0e3c8; vertical-align:middle; }
.listings tbody tr:hover { background:#fffdf7; }
.listing-main strong { display:block; color:#4a2a10; font-size:15px; }
.listing-main small { display:block; color:var(--muted); margin-top:3px; font-size:12px; }
.listing-market-badges { display:flex; flex-wrap:wrap; gap:5px; margin:0; }
.listing-flags { display:flex; flex-wrap:wrap; align-items:center; gap:5px; margin-top:5px; }
.transaction-side-chip { display:inline-flex; align-items:center; min-height:22px; padding:2px 7px; border-radius:999px; background:#eef8ff; color:#24506f; font-size:11px; font-weight:900; line-height:1; }
.transaction-side-chip.buy, .transaction-side-chip.looking, .transaction-side-chip.rent_wanted, .transaction-side-chip.job_wanted { background:#f2f0ff; color:#3e347c; }
.transaction-side-chip.hire, .transaction-side-chip.offer, .transaction-side-chip.rent_out { background:#eef9ed; color:#27622d; }
.listing-market-badges span { display:inline-flex; align-items:center; min-height:22px; padding:2px 7px; border-radius:999px; background:#fff3d3; color:var(--brown); font-size:11px; font-weight:800; line-height:1; }
.thumb { width:82px; }
.thumb span, .thumb img { display:block; width:72px; height:54px; border-radius:8px; background:linear-gradient(135deg,#f3ead7,#fff8e7); border:1px solid #ead9b8; position:relative; object-fit:cover; }
.thumb span::after { content:""; position:absolute; left:16px; right:16px; bottom:13px; height:10px; border:2px solid #b98a3d; border-top-left-radius:10px; border-top-right-radius:10px; opacity:.45; }
.photo-gallery { display:grid; grid-template-columns:repeat(auto-fit,minmax(160px,1fr)); gap:10px; margin:14px 0; }
.photo-gallery img { width:100%; aspect-ratio:4 / 3; object-fit:cover; border-radius:12px; border:1px solid var(--line); background:#fff8e7; }
.price { font-weight:900; white-space:nowrap; text-align:right; color:var(--brown); }
.listing-actions { text-align:right; }
.listing-actions form, .favorite-form { margin:0; }
.danger-link { border-color:#b45d10; color:#7a2f00; background:#fff0df; font-size:12px; font-weight:800; }
.danger-link:hover { background:#ffe0c2; }
.favorite-button { margin:12px 0 0; min-height:36px; border-color:#d8bc7a; color:#7a4308; background:#fff8e7; font-weight:800; }
.favorite-button.active, .favorite-mark { color:#b45d10; }
.account-list-card { min-height:220px; }
.empty-row td { padding:42px 18px; text-align:center; color:var(--muted); background:#fffdf7; border:1px dashed var(--line); border-radius:10px; }
.empty-row strong { display:block; color:var(--brown); margin-bottom:4px; }
.empty-row small { display:block; }
.section-note, .empty-state { min-width:0; max-width:100%; margin:8px 0 12px; overflow:hidden; overflow-wrap:anywhere; color:var(--muted); }
.category-body { min-height:220px; padding:16px; background:#fff; border:1px solid var(--line); border-radius:14px; box-shadow:var(--shadow); }
.section-card { min-height:0; min-width:0; padding:18px; background:#fff; border:1px solid var(--line); border-radius:14px; box-shadow:var(--shadow); }
.section-hero { display:flex; align-items:flex-start; justify-content:space-between; gap:18px; padding-bottom:14px; border-bottom:1px solid #f0e3c8; min-width:0; }
.section-hero > * { min-width:0; }
.section-hero > div { flex:1 1 auto; max-width:100%; overflow:hidden; }
.eyebrow { margin:0 0 6px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--brown); font-size:20px; font-weight:900; }
.section-chip-grid { display:flex; flex-wrap:wrap; gap:7px; margin:14px 0; }
.section-chip { display:flex; align-items:center; justify-content:center; min-height:28px; max-width:180px; padding:4px 9px; border:1px solid var(--line); border-radius:999px; background:#fffdf7; color:var(--brown); box-shadow:none; font-size:12px; }
.section-chip:hover { text-decoration:none; border-color:#d99012; background:#fff8e7; }
.section-chip.active { background:#fff3d3; border-color:#d99012; box-shadow:inset 3px 0 0 var(--gold); }
.section-chip span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:700; line-height:1.2; }
.section-chip small { min-width:0; margin-top:8px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:var(--muted); font-size:12px; }
.section-preview { margin-top:12px; padding:14px; border:1px dashed var(--line); border-radius:12px; background:#fffdf7; }
.place-rail { display:grid; gap:7px; margin:10px 8px 0; }
.place-link { display:flex; justify-content:space-between; gap:8px; padding:8px 10px; border:1px solid var(--line); border-radius:9px; background:#fff; color:var(--ink); font-weight:700; }
.place-link small { color:var(--muted); font-weight:600; }
.place-link.active { background:#fff3d3; border-color:var(--gold); }
.auto-market-grid { display:grid; grid-template-columns:minmax(0,300px) minmax(0,1fr); gap:16px; align-items:start; margin-top:14px; }
.auto-discovery, .auto-results { min-width:0; }
.auto-market .section-chip-grid { margin:0 0 10px; }
.auto-market .section-chip { min-height:28px; padding:4px 9px; }
.auto-tools { display:grid; grid-template-columns:1fr; gap:12px; margin:0; align-items:start; }
.auto-market .filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
.auto-market .filters button { grid-column:1 / -1; }
.auto-market .brand-cloud { margin:0; max-height:185px; overflow:auto; scrollbar-width:thin; }
.auto-market .results-head { margin:0 0 10px; }
.area-note { border:1px solid #e5d1a4; background:#fffdf7; color:var(--muted); padding:9px 12px; margin:10px 0 14px; font-size:13px; line-height:1.35; }
.area-note strong { color:var(--brown); }
.post-section-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.flow-steps { display:flex; align-items:center; gap:6px; max-width:760px; margin:0 0 12px; padding:0; list-style:none; }
.flow-steps li { display:inline-flex; align-items:center; gap:5px; min-height:28px; padding:4px 8px; border:1px solid var(--line); border-radius:999px; background:#fffdf7; color:var(--muted); font-size:12px; font-weight:800; }
.flow-steps li span { display:grid; place-items:center; width:18px; height:18px; border-radius:999px; background:#f0e3c8; color:#6f4b18; font-size:11px; }
.flow-steps li.done, .flow-steps li.active { color:var(--brown); background:#fff3d3; border-color:#e0bf78; }
.flow-steps li.done span, .flow-steps li.active span { background:var(--gold); color:#fff; }
.auth-progress { margin:8px 0 12px; }
.smart-form label small { color:var(--muted); font-size:11px; font-weight:700; }
.optional-upload { grid-column:1 / -1; padding:8px 10px; border:1px dashed var(--line); border-radius:10px; background:#fffdf7; }
.optional-upload summary { cursor:pointer; color:var(--brown); font-size:13px; font-weight:800; }
.optional-upload label { margin-top:8px; }
.car-post-form { align-items:end; }
.car-extra-details { grid-column:1 / -1; }
.car-extra-details label { margin-top:8px; }
.car-post-form > button.wide { grid-column:1 / -1; }
.compact-signup-location { padding:10px; }
.compact-signup-location .note { margin:4px 0 0; }
.post-page-head { display:block; max-width:860px; }
.post-page-head .note { display:block; max-width:760px; margin:8px 0 0; white-space:normal; overflow:visible; text-overflow:clip; line-height:1.45; }
.post-section-card { display:flex; align-items:center; gap:10px; min-width:0; min-height:82px; padding:14px; border:1px solid var(--line); border-radius:14px; background:#fff; box-shadow:var(--shadow); color:var(--brown); }
.post-section-card:hover { text-decoration:none; border-color:var(--gold); background:#fff8e7; }
.post-section-card.active { border-color:var(--gold); background:#fff3d3; box-shadow:inset 4px 0 0 var(--gold), var(--shadow); }
.post-section-mark { display:grid; place-items:center; flex:0 0 auto; width:34px; height:34px; color:var(--gold-dark); }
.post-section-mark svg { display:block; width:32px; height:32px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.post-section-card strong { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; }
.post-section-card small { display:block; margin-top:3px; color:var(--muted); font-size:12px; font-weight:800; }
.post-section-card small em { display:inline-flex; margin-left:6px; padding:1px 5px; border-radius:999px; background:#fff8e7; color:#9a5a09; font-style:normal; font-size:10px; }
.post-actions, .post-other-sections { display:flex; flex-wrap:wrap; gap:10px; margin-top:14px; }
.post-other-sections { align-items:center; padding:14px; border:1px solid var(--line); border-radius:14px; background:#fffdf7; }
.post-other-sections h2 { flex:1 0 100%; margin:0 0 2px; font-size:18px; color:var(--brown); }
.post-other-sections a { display:inline-flex; padding:6px 9px; border:1px solid var(--line); border-radius:999px; background:#fff; font-size:13px; font-weight:800; }
.form-card { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; border:1px solid var(--line); padding:16px; background:#fff; border-radius:14px; box-shadow:var(--shadow); }
.form-card .wide { grid-column:1 / -1; }
.auth-card { max-width:440px; margin:24px auto; border:1px solid var(--line); background:#fff; border-radius:14px; padding:20px; box-shadow:var(--shadow); }
.auth-card .note { max-width:100%; white-space:normal; overflow:visible; text-overflow:clip; line-height:1.45; }
.auth-card form { display:grid; gap:12px; }
.admin-task-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.admin-subnav { display:flex; align-items:center; gap:6px; overflow-x:auto; margin:-4px 0 16px; padding:0 0 10px; border-bottom:1px solid var(--line); scrollbar-width:thin; }
.admin-subnav-link { display:inline-flex; align-items:center; gap:6px; flex:0 0 auto; min-height:34px; padding:7px 11px; border-radius:10px; color:var(--muted); font-size:13px; font-weight:800; text-decoration:none; transition:background .15s ease,color .15s ease; }
.admin-subnav-link:hover { background:#fff3d3; color:var(--brown); }
.admin-subnav-link.active { background:#fff3d3; color:#4a2a10; box-shadow:inset 0 0 0 1px #ead4a6; }
.admin-task-card { display:grid; gap:8px; min-height:136px; padding:16px; border:1px solid var(--line); background:#fff; border-radius:14px; box-shadow:var(--shadow); color:var(--brown); }
.admin-task-card:hover { text-decoration:none; border-color:var(--gold); background:#fff8e7; }
.admin-task-card span { justify-self:start; padding:4px 8px; border-radius:999px; background:#fff3d3; color:var(--gold-dark); font-size:12px; font-weight:800; }
.admin-task-card strong { font-size:20px; line-height:1.15; }
.admin-task-card small { color:var(--muted); line-height:1.35; }
.admin-back { margin:-4px 0 14px; }
.admin-back a { display:inline-flex; min-height:34px; align-items:center; padding:6px 10px; border:1px solid var(--line); border-radius:999px; background:#fffdf7; font-weight:800; }
.admin-card { margin:0 0 16px; padding:16px; border:1px solid var(--line); background:#fff; border-radius:14px; box-shadow:var(--shadow); overflow-x:auto; }
.admin-card-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin:0 0 12px; }
.admin-card-head h2 { margin:0; color:var(--brown); font-size:20px; line-height:1.15; }
.admin-category-layout { display:grid; grid-template-columns:minmax(320px,0.9fr) minmax(0,1.4fr); gap:14px; align-items:start; }
.category-editor-card { position:sticky; top:76px; }
.category-editor-summary { display:flex; align-items:center; justify-content:space-between; gap:10px; cursor:pointer; list-style:none; color:var(--brown); font-size:20px; line-height:1.15; font-weight:900; }
.category-editor-summary::-webkit-details-marker { display:none; }
.category-editor-summary .summary-hint { min-height:26px; padding:4px 8px; border:1px solid #e0bf78; border-radius:999px; background:#fff8e7; color:#9a5a09; font-size:12px; font-weight:900; }
.category-editor-card .compact-category-form { margin-top:12px; }
.compact-category-form { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:12px; box-shadow:none; }
.admin-category-toolbar { display:grid; grid-template-columns:minmax(180px,1fr) auto auto auto; gap:8px; align-items:end; margin:0 0 12px; }
.admin-category-toolbar label { display:flex; flex-direction:column; gap:5px; color:var(--brown); font-size:13px; font-weight:800; }
.admin-category-toolbar input { width:100%; min-height:36px; border:1px solid var(--line); border-radius:8px; padding:7px 9px; background:#fffdf7; }
.category-tree-head { display:grid; grid-template-columns:minmax(210px,1.5fr) minmax(90px,.8fr) minmax(120px,1fr) 58px 92px; gap:8px; padding:6px 8px; border-bottom:1px solid var(--line); color:#6f5a3b; font-size:12px; font-weight:900; }
.admin-category-tree { display:grid; gap:5px; }
.category-tree-group { border:1px solid #eadfca; border-radius:10px; background:#fffdf8; overflow:hidden; }
.category-tree-group summary { display:grid; grid-template-columns:18px minmax(210px,1.5fr) auto 92px; gap:8px; align-items:center; min-height:36px; padding:5px 8px; cursor:pointer; list-style:none; }
.category-tree-group summary::-webkit-details-marker { display:none; }
.tree-toggle::before { content:'▸'; display:inline-block; color:var(--gold-dark); font-weight:900; transition:transform .12s ease; }
.category-tree-group[open] > summary .tree-toggle::before { transform:rotate(90deg); }
.category-tree-group summary strong, .category-tree-main strong { display:block; color:var(--brown); font-size:14px; line-height:1.12; }
.category-tree-group summary small, .category-tree-main small, .category-tree-i18n small { display:block; color:var(--muted); margin-top:1px; font-size:11px; line-height:1.15; }
.tiny-status { min-height:22px; padding:2px 6px; font-size:11px; justify-self:end; }
.category-tree-children { border-top:1px solid #f0e5d0; }
.category-tree-row { display:grid; grid-template-columns:minmax(210px,1.5fr) minmax(90px,.8fr) minmax(120px,1fr) 58px 92px; gap:8px; align-items:center; min-height:34px; padding:4px 8px 4px calc(8px + (var(--depth,0) * 18px)); border-top:1px solid #f4ecd9; }
.category-tree-row:first-child { border-top:0; }
.category-tree-row.selected { background:#fff8e7; box-shadow:inset 4px 0 0 var(--gold); }
.category-tree-parent, .category-tree-i18n, .category-tree-order { font-size:13px; color:#3f3425; }
.category-tree-order { font-weight:800; }
.category-tree-actions { display:flex; justify-content:flex-end; align-items:center; gap:4px; }
.category-tree-actions form { margin:0; }
.category-row-manage, .mobile-category-meta { display:none; }
.category-row-manage summary { display:inline-grid; place-items:center; width:30px; height:28px; min-height:28px; padding:0; border:1px solid #e0bf78; border-radius:8px; background:#fff8e7; color:#4a2a10; font-size:18px; line-height:1; font-weight:900; cursor:pointer; list-style:none; }
.category-row-manage summary::-webkit-details-marker { display:none; }
.category-row-manage-panel { display:grid; gap:7px; margin-top:6px; padding:8px; border:1px solid #f0e5d0; border-radius:9px; background:#fffdf7; }
.category-row-manage-panel dl { display:grid; gap:4px; margin:0; }
.category-row-manage-panel dl div { display:grid; grid-template-columns:58px minmax(0,1fr); gap:6px; align-items:start; }
.category-row-manage-panel dt { color:var(--muted); font-size:11px; font-weight:800; }
.category-row-manage-panel dd { margin:0; min-width:0; overflow-wrap:anywhere; color:#3f3425; font-size:12px; }
.category-row-manage-panel .category-tree-actions { justify-content:flex-start; }
.tiny-button, .category-tree-actions .tiny-button { min-height:26px; padding:3px 7px; border-radius:8px; font-size:11px; line-height:1; }
.category-tree-empty { padding:18px; }
.admin-search { display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:10px; align-items:end; margin:0 0 14px; }
.admin-search label { display:flex; flex-direction:column; gap:5px; color:var(--brown); font-size:13px; font-weight:800; }
.admin-search input, .admin-user-actions input { width:100%; min-height:36px; border:1px solid var(--line); border-radius:8px; padding:7px 9px; background:#fffdf7; }
.status-pill, .admin-protected, .tester-badge, .temporary-test-badge { display:inline-flex; align-items:center; min-height:28px; padding:4px 8px; border-radius:999px; background:#fff3d3; color:var(--brown); font-size:12px; font-weight:800; }
.user-badges { display:flex; flex-wrap:wrap; gap:5px; margin-top:5px; }
.tester-badge { background:#e0f2fe; color:#075985; }
.temporary-test-badge { background:#fef3c7; color:#92400e; }
.is-temporary-test { background:#fffdf7; }
.is-suspended .status-pill { background:#fee2e2; color:#991b1b; }
.admin-user-row .admin-user-main strong { max-width:280px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.admin-user-stat span { display:none; }
.admin-user-inline-meta { display:none; }
.admin-user-actions { display:grid; gap:5px; justify-items:end; }
.admin-user-actions form { display:flex; gap:5px; justify-content:flex-end; align-items:center; flex-wrap:nowrap; }
.admin-user-actions input { max-width:150px; }
.admin-user-actions button { min-height:30px; padding:5px 9px; font-size:12px; font-weight:800; }
.admin-user-actions .compact-protected { min-height:24px; padding:3px 7px; font-size:11px; }
.admin-user-manage { position:relative; }
.admin-user-manage summary { display:inline-flex; align-items:center; min-height:28px; padding:4px 8px; border:1px solid #e0bf78; border-radius:8px; background:#fff8e7; color:#4a2a10; font-size:12px; font-weight:800; cursor:pointer; list-style:none; }
.admin-user-manage summary::-webkit-details-marker { display:none; }
.admin-user-manage-panel { display:grid; gap:5px; margin-top:5px; }
.admin-cleanup-actions { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:6px; }
.admin-cleanup-actions form { margin:0; }
.error { background:#fff0df; border:1px solid #b45d10; color:#7a2f00; padding:9px; border-radius:8px; }
.detail { max-width:860px; margin:0 auto; padding:18px; background:#fff; border:1px solid var(--line); border-radius:14px; box-shadow:var(--shadow); }
.detail-title { display:flex; justify-content:space-between; gap:20px; align-items:baseline; border-bottom:1px solid var(--line); }
.detail-title strong { font-size:28px; color:var(--gold-dark); }
.specs { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:#e6d7b8; border:1px solid #e6d7b8; }
.specs div { background:#fff; padding:8px; }
.specs dt { color:var(--muted); font-size:12px; }
.specs dd { margin:2px 0 0; font-weight:700; }
.contact { display:grid; gap:6px; border:1px solid var(--line); background:#fff8e7; padding:12px; margin-top:16px; border-radius:10px; }
footer { flex:0 0 auto; margin-top:auto; background:#fffaf0; border-top:1px solid var(--line); color:var(--muted); }
.footer-inner { max-width:1180px; margin:0 auto; padding:16px 22px; text-align:center; font-size:13px; }
@media (max-width:900px) {
  .topbar-inner { min-height:56px; padding:6px 12px; gap:8px; }
  .brand-header-logo { height:40px; max-height:40px; }
  .topbar nav { gap:6px; overflow:visible; }
  .topbar nav::-webkit-scrollbar { display:none; }
  .topbar nav a, .topbar nav button { min-height:28px; padding:4px 6px; font-size:11px; border-radius:7px; }
  .topbar nav .post { min-height:32px; padding:5px 8px; font-size:12px; }
  .account-menu summary { min-height:30px; padding:5px 7px; font-size:12px; }
  .account-dropdown { min-width:184px; right:0; }
  .topbar nav a[href^="/signup"] { display:none; }
  .lang-switch a { min-height:26px; padding:4px 6px; font-size:11px; }
  .page { padding:14px 12px 28px; }
  .page-head { flex-direction:column; align-items:flex-start; gap:5px; margin-bottom:12px; }
  .page-head .note { max-width:100%; white-space:normal; overflow:visible; text-overflow:clip; line-height:1.35; }
  .page-head h1, .brand-wordmark { font-size:22px; white-space:normal; overflow:visible; text-overflow:clip; }
  .admin-page-head { margin-bottom:8px; }
  .admin-page-head .note { display:none; }
  .admin-subnav { gap:4px; margin:-2px 0 10px; padding-bottom:7px; }
  .admin-subnav-link { min-height:30px; padding:5px 8px; font-size:12px; }
  .desktop-home-grid, .desktop-browse-grid, .desktop-section-grid { display:grid; grid-template-columns:1fr; gap:10px; }
  .desktop-nav-panel, .desktop-filter-panel { position:static; gap:8px; }
  .desktop-nav-panel .categories { display:flex; grid-template-columns:none; gap:6px; padding:8px; overflow-x:auto; overflow-y:hidden; scrollbar-width:none; }
  .desktop-nav-panel .categories::-webkit-scrollbar { display:none; }
  .desktop-nav-panel .category { flex:0 0 auto; width:144px; min-height:34px; padding:6px 8px; }
  .desktop-nav-panel .category-title { font-size:13px; }
  .category-mark { width:24px; height:24px; }
  .category-mark svg { width:22px; height:22px; }
  .subcategories, .sub-subcategories { gap:6px; overflow-x:auto; flex-wrap:nowrap; padding-bottom:2px; scrollbar-width:none; }
  .subcategories::-webkit-scrollbar, .sub-subcategories::-webkit-scrollbar { display:none; }
  .subcategories a, .sub-subcategories a { flex:0 0 auto; max-width:70vw; }
  .filters { grid-template-columns:repeat(2,minmax(0,1fr)); padding:12px; }
  .filters button { grid-column:1 / -1; }
  .brand-cloud { display:none; }
  .results-card { min-height:360px; padding:12px; border-radius:12px; }
  .results-head { margin-bottom:10px; }
  .results-head h2 { font-size:18px; }
  .listings, .listings tbody, .listings tr, .listings td { display:block; width:100%; }
  .listings thead { display:none; }
  .listings tbody { display:grid; gap:10px; }
  .listings tr { display:grid; grid-template-columns:78px minmax(0,1fr); gap:4px 10px; padding:10px; border:1px solid var(--line); border-radius:12px; background:#fffdf7; }
  .listings td { border:0; padding:0; }
  .listings .thumb { grid-row:1 / span 4; width:auto; }
  .thumb span, .thumb img { width:68px; height:52px; }
  .listing-main { grid-column:2; }
  .listings td[data-label] { grid-column:2; display:flex; justify-content:space-between; gap:10px; color:var(--muted); font-size:13px; }
  .listings td[data-label]::before { content:attr(data-label); font-weight:700; color:#8a6a3a; }
  .listings .price { text-align:left; color:var(--brown); font-size:17px; }
  .empty-row { display:block !important; padding:0 !important; }
  .empty-row td { display:block; padding:34px 14px; }
  .form-card, .specs, .location-fields { grid-template-columns:1fr; }
  .section-card { padding:12px; }
  .section-hero { display:none; }
  .section-chip-grid { display:flex; grid-template-columns:none; flex-wrap:nowrap; gap:6px; margin:9px 0; overflow-x:auto; overflow-y:hidden; scrollbar-width:none; }
  .section-chip-grid::-webkit-scrollbar { display:none; }
  .section-chip { flex:0 0 auto; max-width:132px; min-height:22px; padding:2px 6px; border:0; border-radius:0; background:transparent; box-shadow:none; font-size:12px; }
  .section-chip.active { background:transparent; border-color:transparent; box-shadow:inset 0 -2px 0 var(--gold); color:var(--brown); }
  .section-preview { margin-top:8px; padding:10px; }
  .auto-market-grid { grid-template-columns:1fr; gap:12px; }
  .auto-market .section-chip { min-height:22px; padding:2px 6px; }
  .auto-tools { grid-template-columns:1fr; margin:8px 0 10px; }
  .auto-market .filters { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .auto-market .filters button { grid-column:1 / -1; }
  .post-section-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .flow-steps { gap:4px; margin:0 0 8px; overflow-x:auto; scrollbar-width:none; }
  .flow-steps::-webkit-scrollbar { display:none; }
  .flow-steps li { flex:0 0 auto; min-height:24px; padding:3px 6px; font-size:11px; }
  .flow-steps li span { width:16px; height:16px; font-size:10px; }
  .post-section-card { min-height:58px; padding:8px; border-radius:10px; }
  .smart-form { gap:8px; padding:10px; }
  .smart-form textarea { rows:3; }
  .optional-upload { padding:7px 8px; }
  .optional-upload summary { font-size:12px; }
  .compact-signup-location { padding:8px; }
  .post-section-mark { width:28px; height:28px; }
  .post-section-mark svg { width:26px; height:26px; }
  .post-section-card strong { font-size:14px; }
  .post-section-card small { font-size:11px; }
  .post-other-sections { padding:12px; gap:7px; }
  .category-body { min-height:180px; padding:14px; }
  .auth-card { margin:14px auto; padding:16px; border-radius:12px; }
  .auth-card h1 { margin:0 0 10px; font-size:24px; line-height:1.1; }
  .auth-card p { margin:8px 0; }
  .admin-card { padding:12px; border-radius:12px; overflow-x:visible; }
  .admin-card-head { align-items:flex-start; flex-direction:column; gap:8px; }
  .admin-card-head h2 { font-size:18px; }
  .admin-category-layout { grid-template-columns:1fr; gap:10px; }
  .category-editor-card { position:static; }
  .compact-category-form, .admin-category-toolbar { grid-template-columns:1fr; }
  .admin-task-grid { grid-template-columns:1fr; gap:10px; }
  .admin-task-card { min-height:110px; padding:13px; border-radius:12px; }
  .admin-task-card strong { font-size:18px; }
  .category-tree-head { display:none; }
  .category-list-card { padding:8px; }
  .category-list-card .admin-card-head { flex-direction:row; align-items:center; gap:6px; margin-bottom:6px; }
  .category-list-card .admin-card-head h2 { font-size:18px; }
  .admin-category-toolbar { gap:6px; margin-bottom:8px; }
  .admin-category-toolbar label { gap:3px; font-size:12px; }
  .admin-category-toolbar input { min-height:32px; padding:6px 8px; }
  .admin-category-toolbar button, .admin-category-toolbar .button { min-height:32px; padding:6px 9px; font-size:12px; }
  .admin-category-tree { gap:4px; }
  .category-tree-group { border-radius:9px; }
  .category-tree-group summary { grid-template-columns:16px minmax(0,1fr) auto; gap:6px; min-height:38px; padding:6px 7px; }
  .category-tree-group summary > .category-tree-actions, .category-tree-group summary > .tiny-status, .category-tree-group summary .desktop-category-meta { display:none; }
  .category-tree-group summary > .category-row-manage { display:block; grid-column:3; grid-row:1; justify-self:end; }
  .category-tree-group summary .mobile-category-meta { display:block; color:var(--muted); font-size:11px; line-height:1.1; margin-top:1px; }
  .category-tree-row { grid-template-columns:minmax(0,1fr) auto; gap:2px 7px; min-height:42px; padding:6px 7px 6px calc(7px + (var(--depth,0) * 12px)); align-items:center; }
  .category-tree-main strong { font-size:15px; line-height:1.1; }
  .category-tree-row .desktop-category-meta, .category-tree-parent, .category-tree-i18n, .category-tree-order, .category-tree-row > .category-tree-actions { display:none; }
  .category-tree-row .mobile-category-meta { display:block; color:var(--muted); font-size:11px; line-height:1.1; margin-top:1px; }
  .category-row-manage { display:block; grid-column:2; grid-row:1; justify-self:end; }
  .category-row-manage[open] { grid-column:1 / -1; grid-row:auto; justify-self:stretch; }
  .category-row-manage[open] summary { width:max-content; margin-left:auto; }
  .category-row-manage-panel .category-tree-actions { display:flex; grid-column:auto; }
  .category-row-manage-panel .tiny-button { min-height:24px; padding:3px 7px; font-size:11px; }
  .admin-list-card { padding:10px; }
  .admin-listings tr { grid-template-columns:62px minmax(0,1fr); }
  .admin-listings .thumb span, .admin-listings .thumb img { width:56px; height:44px; }
  .admin-listings .listing-main small { overflow-wrap:anywhere; }
  .admin-listings .listing-actions { grid-column:1 / -1; text-align:right; padding-top:4px; }
  .admin-listings .listing-actions button { min-height:34px; padding:6px 12px; }
  .admin-users-card { padding:8px; }
  .admin-users-card .admin-card-head { flex-direction:row; align-items:center; gap:6px; margin-bottom:6px; }
  .admin-users-card .admin-card-head h2 { font-size:18px; }
  .admin-users-card .admin-cleanup-actions { justify-content:flex-end; gap:4px; }
  .admin-users-card .admin-cleanup-actions .small-note { display:none; }
  .admin-users-card .admin-cleanup-actions button { min-height:28px; padding:4px 8px; font-size:11px; border-radius:8px; }
  .admin-users { background:transparent; }
  .admin-users tbody { gap:5px; }
  .admin-users .admin-user-row { grid-template-columns:minmax(0,1fr) auto; gap:4px 7px; padding:6px 7px; border-radius:9px; align-items:center; }
  .admin-users .admin-user-main { grid-column:1; display:block; min-width:0; }
  .admin-users .admin-user-main strong { max-width:100%; font-size:13px; line-height:1.1; }
  .admin-users .admin-user-main small { display:none; }
  .admin-users .user-badges { display:none; }
  .admin-users .admin-user-inline-meta { display:flex; align-items:center; gap:5px; margin-top:3px; color:var(--muted); font-size:10px; font-weight:800; white-space:nowrap; }
  .admin-users .admin-user-inline-meta .status-pill { min-height:18px; padding:1px 5px; font-size:10px; line-height:1; }
  .admin-users .status-pill, .admin-users .admin-protected, .admin-users .tester-badge, .admin-users .temporary-test-badge { min-height:19px; padding:2px 5px; font-size:10px; line-height:1; }
  .admin-users .admin-user-status, .admin-users .admin-user-stat { display:none !important; }
  .admin-users .admin-user-actions { grid-column:2; justify-self:end; display:block; padding-top:0; text-align:right; }
  .admin-users .admin-user-actions .compact-protected { min-height:21px; padding:2px 6px; font-size:10px; border-radius:999px; }
  .admin-users .admin-user-manage summary { min-height:23px; padding:2px 6px; border-radius:999px; font-size:10px; }
  .admin-users .admin-user-manage[open] { grid-column:1 / -1; justify-self:stretch; text-align:left; }
  .admin-users .admin-user-manage-panel { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:3px; margin-top:4px; }
  .admin-users .admin-user-actions .suspend-form { display:grid; grid-column:1 / 3; grid-template-columns:minmax(0,1fr) auto; gap:3px; }
  .admin-users .admin-user-actions .revoke-form { grid-column:2; display:block; }
  .admin-users .admin-user-actions input { min-height:25px; max-width:none; padding:3px 6px; font-size:11px; border-radius:7px; }
  .admin-users .admin-user-actions button { min-height:25px; padding:3px 7px; border-radius:7px; font-size:11px; }
  .admin-users .admin-user-actions .revoke-form button { width:auto; background:transparent; border-color:#e5d1a4; }
  .admin-search { grid-template-columns:minmax(0,1fr) auto; gap:5px; margin-bottom:7px; align-items:end; }
  .admin-search label { gap:2px; font-size:11px; }
  .admin-search input { min-height:30px; padding:5px 7px; }
  .admin-search button, .admin-search .button { min-height:30px; padding:5px 8px; font-size:12px; }
  .admin-user-actions { grid-column:1 / -1; justify-items:stretch; text-align:left; }
  .admin-user-actions form { justify-content:stretch; }
  .admin-user-actions input, .admin-user-actions button { flex:1 1 auto; }
}
@media (max-width:430px) {
  body { font-size:14px; }
  .topbar-inner { padding:5px 8px; gap:6px; }
  .brand-header-logo { height:36px; max-height:36px; }
  .topbar nav { gap:4px; }
  .topbar nav .post { max-width:70px; padding:5px 7px; }
  .lang-switch a { padding:4px 5px; }
  .account-menu summary { max-width:82px; }
  .topbar nav a[href^="/login"] { max-width:52px; overflow:hidden; }
  .page { padding-left:10px; padding-right:10px; }
  .desktop-nav-panel .category { width:138px; }
  .category-title { font-size:13px; }
  .filters { grid-template-columns:1fr; }
  .auto-market .filters { grid-template-columns:1fr; }
  .form-card { gap:9px; padding:12px; }
  .form-card label, .auth-card label { font-size:12px; }
  input, select, textarea, button { padding:7px 8px; }
}
.form-card > *, .auth-card form > *, .admin-card table { min-width:0; }

/* === Admin categories: row actions, inline form, drag/drop, rename === */
.cat-row { position: relative; }
.cat-row.cat-dragging { opacity: .4; }
.cat-row.cat-drop-target, .category-tree-group.cat-drop-target { outline: 2px dashed #3b82f6; outline-offset: -1px; background: #eff6ff; }
.cat-row-actions { gap: 3px; flex-wrap: wrap; justify-content: flex-end; }
.cat-row-actions .cat-act { min-width: 28px; min-height: 26px; padding: 2px 6px; font-size: 12px; line-height: 1; border: 1px solid #d1d5db; background: #fffdf7; border-radius: 6px; cursor: pointer; }
.cat-row-actions .cat-act:hover { background: #fff8e7; }
.cat-row-actions .cat-act:disabled { opacity: .3; cursor: not-allowed; }
.cat-row-actions .cat-act-delete { color: #b91c1c; border-color: #fca5a5; }
.cat-row-actions .cat-act-delete:hover { background: #fee2e2; }
.category-tree-group summary .cat-act-add { margin-left: 6px; min-height: 26px; padding: 3px 8px; font-size: 11px; line-height: 1; border: 1px solid #e0bf78; background: #fff8e7; color: #4a2a10; border-radius: 6px; cursor: pointer; font-weight: 800; }
.category-tree-group summary .cat-act-add:hover { background: #fde68a; }
.cat-inline-form { display: flex; gap: 6px; align-items: center; padding: 8px 10px; margin: 4px 0; border: 1px dashed #3b82f6; border-radius: 8px; background: #eff6ff; }
.cat-inline-form input[type="text"] { flex: 1; min-height: 32px; padding: 6px 8px; border: 1px solid #93c5fd; border-radius: 6px; background: #fff; font-size: 14px; }
.cat-inline-form button { min-height: 32px; padding: 4px 10px; }
.cat-inline-form .cat-cancel { background: #fff; }
.cat-inline-rename { width: 100%; min-height: 26px; padding: 2px 6px; border: 1px solid #3b82f6; border-radius: 4px; font: inherit; font-weight: 700; color: inherit; }
.cat-name { cursor: text; }