/* =========================================================
   GLOBAL STYLES
========================================================= */
:root { --ink: #17233b; --muted: #667080; --line: #e4e7eb; --paper: #ffffff; --wash: #fafafa; --accent: #d9232e; --gold: #f29a34; --mint: #d5e8dc; --radius-sm: 6px; --radius-md: 9px; --radius-lg: 14px; --shadow-soft: 0 12px 32px #15253612; --shadow-card: 0 10px 22px #15253615; --font-body: "Inter", Arial, sans-serif; --font-heading: "Nunito Sans", sans-serif; }
* { box-sizing: border-box !important; }
html { background: var(--wash) !important; }
html { overflow-x: clip; }
body { margin: 0 !important; color: var(--ink) !important; background: var(--wash) !important; font-family: "DM Sans", Arial, sans-serif !important; font-size: 14px !important; }
button, input, select { font: inherit !important; }
button { cursor: pointer !important; }

/* =========================================================
   ADS PAGE
========================================================= */
.topbar { height: 76px; padding: 0 max(4vw, 28px); display: flex !important; align-items: center !important; gap: 40px; background: var(--paper) !important; border-bottom: 1px solid var(--line) !important; }
.brand { color: var(--ink); text-decoration: none; font: 700 28px/1 "Space Grotesk", sans-serif; letter-spacing: -1.8px; }.brand span { color: var(--accent); }
.desktop-nav { display: flex !important; gap: 27px; }.desktop-nav a { color: var(--muted); text-decoration: none; font-weight: 600; }.desktop-nav a:first-child { color: var(--ink); }
.header-actions { margin-left: auto; display: flex !important; gap: 12px; align-items: center; }.location-button, .outline-button, .post-button { border-radius: 8px; padding: 10px 14px; font-weight: 700; border: 1px solid var(--line); background: var(--paper); color: var(--ink); }.location-button { border: 0; color: var(--muted); }.post-button { background: var(--accent) !important; color: #fff !important; border-color: var(--accent) !important; }
.header-actions { gap: clamp(11px, 1.5vw, 21px); }
.header-shortcut { min-width: 58px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; color: #4c5a6c; text-decoration: none; white-space: nowrap; transition: color .18s ease, transform .18s ease; }
.header-shortcut-icon { width: 37px; height: 37px; display: grid; place-items: center; border: 1px solid #e9edf2; border-radius: 12px; color: #26364a; background: #f8f9fb; transition: transform .18s ease, color .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease; }
.notification-shortcut .header-shortcut-icon { position: relative; }
.notification-badge { position: absolute; top: -6px; right: -7px; min-width: 18px; height: 18px; display: grid; place-items: center; padding: 0 4px; border: 2px solid #fff; border-radius: 99px; color: #fff; background: #e12c3a; box-shadow: 0 2px 6px #94152235; font: 800 9px/1 Inter, sans-serif; }
.notification-badge[hidden] { display: none; }
.header-shortcut-icon svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.header-shortcut > span:last-child,.header-auth-shortcut > span:last-child { color: #687589; font-size: 11px; font-weight: 600; line-height: 1.1; }
.header-shortcut:hover,.header-auth-shortcut a:hover { color: var(--accent); }
.header-shortcut:hover .header-shortcut-icon { transform: translateY(-1px); border-color: #f1cbd0; color: var(--accent); background: #fff5f6; box-shadow: 0 5px 12px #c81d2a12; }
.header-shortcut:focus-visible,.header-auth-shortcut a:focus-visible,.header-actions > .post-button:focus-visible { outline: 3px solid #d9232e55; outline-offset: 3px; border-radius: 8px; }
.header-account-shortcut { flex-direction: row; gap: 8px; }
.header-account-shortcut .header-user-icon { width: 33px; height: 33px; border: 0; border-radius: 50%; color: #fff; background: linear-gradient(145deg,#e74651,#bd1827); font-size: 11px; font-weight: 800; }
.mobile-profile-shortcut { display: none; align-items: center; justify-content: center; width: 40px; height: 40px; margin-left: auto; border-radius: 50%; text-decoration: none; }
.mobile-profile-avatar { display: grid; place-items: center; width: 38px; height: 38px; border: 2px solid #fff; border-radius: 50%; color: #fff; background: linear-gradient(145deg,#e74651,#bd1827); box-shadow: 0 0 0 1px #f2c7cb; font: 800 12px/1 Inter,sans-serif; }
.mobile-profile-avatar svg { width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.header-auth-shortcut { min-width: 91px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 5px; white-space: nowrap; }
.header-auth-shortcut > span:last-child { display: flex; align-items: center; gap: 5px; }
.header-auth-shortcut > .header-shortcut-icon { width: 37px; height: 37px; }
.header-auth-shortcut a { color: #4a586b; font-size: 11px; font-weight: 700; text-decoration: none; }
.header-auth-shortcut i { color: #b3bbc5; font-size: 10px; font-style: normal; }
.header-actions > .post-button { min-height: 43px; display: inline-flex; align-items: center; justify-content: center; gap: 11px; padding: 0 17px; border: 0 !important; border-radius: 9px; color: #fff !important; background: linear-gradient(135deg,#e32d3a,#c91828) !important; box-shadow: 0 7px 16px #cb1d2b26; font-size: 12px; font-weight: 800; white-space: nowrap; text-decoration: none; transition: transform .18s ease, box-shadow .18s ease; }
.header-actions > .post-button:hover { transform: translateY(-1px); box-shadow: 0 10px 20px #cb1d2b35; }
.header-actions > .post-button > span { font-size: 17px; line-height: 1; transition: transform .18s ease; }
.header-actions > .post-button:hover > span { transform: translateX(2px); }
.topbar { position: relative; z-index: 40; border-bottom-color: #e9edf2 !important; box-shadow: 0 4px 18px #17233b08; }
.desktop-nav { align-items: center; gap: clamp(18px, 2.2vw, 29px); }
.desktop-nav a { position: relative; color: #687589; font-size: 12px; font-weight: 650; transition: color .18s ease; }
.desktop-nav a::after { position: absolute; right: 0; bottom: -8px; left: 0; height: 2px; content: ""; transform: scaleX(0); transform-origin: left; border-radius: 2px; background: var(--accent); transition: transform .18s ease; }
.desktop-nav a:hover,.desktop-nav a[aria-current="page"] { color: #202d40; }
.desktop-nav a:hover::after,.desktop-nav a[aria-current="page"]::after { transform: scaleX(1); }
@media (max-width: 900px) and (min-width: 681px) { .header-actions { gap: 9px; } .header-shortcut { min-width: 50px; } .header-shortcut > span:last-child,.header-auth-shortcut a { font-size: 11px; } .header-auth-shortcut { min-width: 83px; } .header-actions > .post-button { padding-inline: 12px; font-size: 12px; } }
@media (max-width: 680px) { .header-shortcut,.header-auth-shortcut { display: none; } .header-actions { gap: 0; }.header-actions > .post-button { display:none!important; }.mobile-profile-shortcut { display:flex; } }
.intro { max-width: 1230px; margin: auto; padding: 56px 30px 42px; }.eyebrow { margin: 0 0 12px; font-size: 11px; font-weight: 700; letter-spacing: 1.8px; color: var(--accent); }.title-row { display: flex; justify-content: space-between; align-items: end; }.title-row h1 { font: 700 clamp(34px, 5vw, 58px)/.98 "Space Grotesk", sans-serif; margin: 0; letter-spacing: -3px; }.title-row h1 em { color: var(--accent); font-style: normal; }.title-row p { color: var(--muted); margin: 15px 0 0; font-size: 16px; }.trust-note { display: flex; flex-direction: column; border-left: 2px solid var(--gold); padding-left: 14px; margin-bottom: 5px; }.trust-note strong { font: 700 24px "Space Grotesk", sans-serif; }.trust-note span { color: var(--muted); }
.searchbox { margin-top: 32px; min-height: 68px; padding: 8px; display: grid !important; grid-template-columns: 1.65fr 1fr auto; gap: 8px; background: var(--paper); border-radius: 12px; box-shadow: 0 12px 32px #15253612; }.search-field, .category-field { min-height: 52px; display: flex !important; align-items: center; gap: 11px; border: 1px solid var(--line); border-radius: 8px; padding: 0 14px; }.search-field span { font-size: 26px; color: var(--muted); }.search-field input { min-width: 0; width: 100%; border: 0; outline: 0; color: var(--ink); }.category-field { display: grid !important; grid-template-columns: auto 1fr; gap: 4px 10px; }.category-field span { font-size: 11px; text-transform: uppercase; letter-spacing: .7px; font-weight: 700; color: var(--muted); }.category-field select { grid-column: 2; grid-row: 1 / 3; width: 100%; border: 0; outline: 0; font-weight: 700; background: transparent; }.searchbox > button { padding: 0 23px; border: 0; border-radius: 8px; background: var(--ink) !important; color: #fff; font-weight: 700; }.searchbox > button span { font-size: 20px; margin-left: 8px; }.quick-links { display: flex; gap: 8px; align-items: center; margin-top: 14px; color: var(--muted); }.quick-links button { border: 0; background: none; color: var(--ink); text-decoration: underline; padding: 0 2px; }
.listings-shell { max-width: 1230px; margin: auto; padding: 34px 30px 70px; display: grid !important; grid-template-columns: 246px minmax(0, 1fr); align-items: start; gap: 35px; background: var(--paper); border-radius: 18px 18px 0 0; }.filters { padding-right: 25px; border-right: 1px solid var(--line); }.filter-heading { display: flex !important; justify-content: space-between; align-items: baseline; border-bottom: 1px solid var(--line); padding-bottom: 16px; }.filter-heading h2, .results-header h2 { margin: 0; font: 700 21px "Space Grotesk", sans-serif; letter-spacing: -.6px; }.filter-heading button { border: 0; background: none; color: var(--accent); text-decoration: underline; font-size: 12px; padding: 0; }.filter-group { padding: 20px 0; border-bottom: 1px solid var(--line); }.filter-group h3 { display: flex; justify-content: space-between; margin: 0 0 13px; font-size: 13px; }.filter-group label { display: flex !important; align-items: center; gap: 8px; margin: 10px 0; color: #48515d; font-size: 12px; }.filter-group label b { margin-left: auto; color: #939ba7; font-size: 10px; }.filter-group input[type="checkbox"], .filter-group input[type="radio"] { appearance: none; width: 15px; height: 15px; margin: 0; border: 1px solid #cbd1d8; border-radius: 3px; background: #fff; }.filter-group input:checked { border-color: var(--accent); background: var(--accent); box-shadow: inset 0 0 0 3px #fff; }.filter-group input[type="radio"] { border-radius: 50%; }.price-inputs { display: flex !important; align-items: center; gap: 7px; }.price-inputs input { width: 83px; padding: 9px 8px; border: 1px solid var(--line); border-radius: 6px; outline: 0; }.range-line { height: 20px; margin: 10px 4px 0; position: relative; }.range-line:before, .range-line i { content: ""; position: absolute; left: 0; right: 0; top: 8px; height: 3px; background: #e3e6e9; border-radius: 4px; }.range-line i { left: 15%; right: 22%; background: var(--accent); }.range-line button { position: absolute; top: 3px; width: 13px; height: 13px; border: 2px solid var(--accent); border-radius: 50%; background: white; }.range-line button:first-of-type { left: 12%; }.range-line button:last-of-type { right: 19%; }.compact { border-bottom: 0; }.apply-button { width: 100%; padding: 13px; border: 0; border-radius: 7px; background: var(--accent) !important; color: white; font-weight: 700; }
.results-header { display: flex !important; align-items: end; justify-content: space-between; margin-bottom: 20px; }.crumbs { margin: 0 0 5px; color: #949ca7; font-size: 11px; }.results-header h2 span { color: var(--accent); }.sort-control { display: flex !important; align-items: center; gap: 8px; color: var(--muted); font-size: 12px; }.sort-control select { padding: 8px 25px 8px 10px; border: 1px solid var(--line); border-radius: 6px; background: #fff; color: var(--ink); font-weight: 700; }.mobile-filter { display: none; }.ad-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 17px; }.ad-card { overflow: hidden; position: relative; border: 1px solid var(--line); border-radius: 9px; background: #fff; transition: transform .2s, box-shadow .2s; }.ad-card:hover { transform: translateY(-3px); box-shadow: 0 10px 22px #15253615; }.ad-image { height: 155px; position: relative; overflow: hidden; background: #eef0ee; }.ad-image:before { content: ""; position: absolute; inset: 0; background: linear-gradient(138deg, transparent 39%, #ffffffb8 40% 43%, transparent 44%), linear-gradient(90deg, #d8cab6 0 24%, #fbfaf6 24% 42%, #c0b6a6 42% 50%, #f9f7f1 50% 100%); }.ad-image:after { content: ""; position: absolute; inset: 18% 22% 18% 39%; border: 8px solid #8c7664; background: linear-gradient(90deg, #d4edf2 0 48%, #f5faf9 50%); box-shadow: -44px 37px 0 -15px #b89571, 52px 30px 0 -18px #d8bf9f; }.scene-2:before { background: radial-gradient(ellipse at 62% 93%, #6e5044 0 14%, transparent 15%), linear-gradient(90deg, #b99b78 0 21%, #f0e8d9 21% 27%, #917563 27% 32%, #eee2d2 32% 100%); }.scene-2:after { inset: 13% 20% 17% 36%; border-color: #967663; background: #ded7ca; box-shadow: -58px 56px 0 -18px #7a5542, 53px 59px 0 -17px #b99475; }.scene-3:before { background: linear-gradient(135deg, #f7f4eb 0 43%, #dfd7cb 44% 46%, #fdfbf5 47% 100%); }.scene-3:after { inset: 17% 19% 20% 41%; border-color: #e4dbcf; background: linear-gradient(105deg,#d9f1ef,#fafcf9); box-shadow: -55px 57px 0 -17px #a6937d, 50px 54px 0 -19px #d3c0a9; }.ad-badge { position: absolute; top: 10px; left: 10px; padding: 5px 7px; border-radius: 4px; color: #fff; background: #202a35dd; font-size: 10px; font-weight: 700; }.heart { position: absolute; right: 10px; top: 9px; width: 29px; height: 29px; border: 0; border-radius: 50%; background: #fff; color: var(--ink); font-size: 16px; }.ad-content { padding: 13px; }.ad-content h3 { overflow: hidden; margin: 0; white-space: nowrap; text-overflow: ellipsis; font: 700 14px "Space Grotesk", sans-serif; letter-spacing: -.2px; }.ad-meta { margin: 7px 0 10px; color: var(--muted); font-size: 11px; }.price { display: block; color: var(--accent); font: 700 16px "Space Grotesk", sans-serif; }.ad-footer { display: flex !important; justify-content: space-between; margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--line); color: #9199a4; font-size: 10px; }.verified { color: #2d9f72; font-weight: 700; }.toast { position: fixed; left: 50%; bottom: 24px; z-index: 3; transform: translate(-50%, 90px); padding: 12px 17px; border-radius: 8px; background: var(--ink); color: #fff; font-weight: 600; opacity: 0; transition: .25s; }.toast.show { transform: translate(-50%, 0); opacity: 1; }
@media (max-width: 900px) { .desktop-nav, .location-button { display: none !important; }.ad-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.listings-shell { gap: 24px; }.filters { padding-right: 18px; } }
@media (max-width: 680px) { .topbar { height: 63px; padding: 0 18px; gap: 0; }.brand { font-size: 25px; }.outline-button { display: none; }.post-button { padding: 9px 11px; font-size: 12px; }.intro { padding: 38px 18px 29px; }.title-row { display: block; }.title-row h1 { letter-spacing: -2px; }.title-row p { font-size: 14px; max-width: 300px; }.trust-note { display: none; }.searchbox { grid-template-columns: 1fr; padding: 6px; margin-top: 23px; }.category-field { display: none !important; }.searchbox > button { min-height: 48px; }.quick-links { flex-wrap: wrap; font-size: 12px; }.listings-shell { display: block !important; padding: 24px 18px 55px; border-radius: 14px 14px 0 0; }.filters { display: none; position: fixed; overflow-y: auto; z-index: 5; inset: 0 12% 0 0; padding: 24px 22px; background: #fff; border: 0; box-shadow: 18px 0 40px #0002; }.filters.open { display: block !important; }.results-header { align-items: center; margin-bottom: 17px; }.sort-control { display: none !important; }.mobile-filter { display: block !important; border: 1px solid var(--line); border-radius: 6px; padding: 8px 10px; background: #fff; color: var(--ink); font-weight: 700; }.ad-grid { gap: 11px; }.ad-image { height: 125px; }.ad-content { padding: 10px; }.ad-content h3 { font-size: 12px; }.price { font-size: 14px; }.ad-meta { font-size: 10px; }.ad-footer { font-size: 9px; } }
@media (max-width: 375px) { .ad-grid { grid-template-columns: 1fr; }.ad-image { height: 180px; }.header-actions { gap: 0; }.post-button { padding: 8px; }.title-row h1 { font-size: 33px; } }

/* TradePost-inspired red refresh and category selector overrides. */
:root { --ink: #17233b; --wash: #fafafa; --accent: #d9232e; --gold: #f29a34; }
body { font-family: "Inter", Arial, sans-serif !important; }
.brand, .title-row h1, .trust-note strong, .filter-heading h2, .results-header h2, .ad-content h3, .price { font-family: "Nunito Sans", sans-serif !important; font-weight: 900 !important; }
.filter-select { margin: 0 !important; }
.filter-select select, .filter-group select.spec-select { width: 100% !important; padding: 10px !important; border: 1px solid var(--line) !important; border-radius: 6px !important; color: var(--ink) !important; background: #fff !important; font-weight: 700 !important; outline: 0 !important; }
.filter-group.spec-group { padding-bottom: 16px !important; }
.filter-group.spec-group h3 { color: var(--ink) !important; }

/* =========================================================
   CAR AD DETAILS PAGE
========================================================= */
.detail-nav{max-width:1170px;margin:auto;padding:15px 30px;display:flex!important;gap:8px;align-items:center;color:#8791a0;font-size:10px}.detail-nav a{color:#687385;text-decoration:none}.detail-nav b{overflow:hidden;color:var(--ink);text-overflow:ellipsis;white-space:nowrap}.details-page{max-width:1170px;margin:auto;padding:10px 30px 65px}.details-layout{display:grid!important;grid-template-columns:minmax(0,1.6fr) 330px;gap:28px;align-items:start}.main-car-image{position:relative;height:410px;overflow:hidden;border-radius:13px;background:linear-gradient(155deg,#d7e2e5,#718a94)}.main-car-image:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffff33,transparent 50%),linear-gradient(90deg,transparent 0 68%,#3a5f6d35 68% 71%,transparent 71%)}.main-car-image:after{content:"";position:absolute;left:14%;right:11%;bottom:17%;height:31%;border:15px solid #243d51;border-radius:48% 51% 10% 12%;background:linear-gradient(120deg,#c6d3d7 0 40%,#efefec 42% 57%,#a7bbc1 59%);box-shadow:64px 61px 0 -21px #17293b,-57px 61px 0 -21px #17293b}.main-car-image.scene-2{background:linear-gradient(160deg,#cedbe2,#607382)}.main-car-image.scene-2:after{left:13%;right:10%;bottom:19%;height:27%;border-color:#7f8d93;background:linear-gradient(120deg,#eef0ee 0 35%,#91a8b0 37% 82%,#d5dcdf 84%)}.main-car-image.scene-3{background:linear-gradient(160deg,#d6c9bd,#71838e)}.main-car-image.scene-3:after{left:17%;right:16%;bottom:18%;height:30%;border-color:#9ba4a5;border-radius:15% 15% 40% 40%;background:#d1d9d9}.main-car-image.scene-4,.main-car-image.scene-7,.main-car-image.scene-8{background:linear-gradient(130deg,#d9cbb8,#7d6554)}.main-car-image.scene-4:after,.main-car-image.scene-7:after,.main-car-image.scene-8:after{left:20%;right:20%;bottom:12%;height:50%;border:0;border-radius:18px;background:linear-gradient(90deg,#4e382d 0 38%,#aa9278 39% 61%,#4e382d 62%);box-shadow:none}.main-car-image.scene-5{background:linear-gradient(150deg,#d0d5d5,#2d3f4d)}.main-car-image.scene-5:after{left:12%;right:12%;bottom:14%;height:42%;border:0;border-radius:38% 38% 8px 8px;background:#202e38;box-shadow:none}.main-car-image.scene-6{background:radial-gradient(circle,#dbe1e2 0 27%,#323e46 28% 38%,#bcc8ca 39% 43%,#53616b 44% 100%)}.main-car-image.scene-6:after{display:none}.main-car-image.scene-9{background:linear-gradient(140deg,#5c6e74,#b8c2bd)}.main-car-image.scene-9:after{left:15%;right:15%;bottom:18%;height:42%;border:0;border-radius:5px;background:repeating-linear-gradient(90deg,#263b45 0 12%,#9a4d42 13% 19%,#263b45 20% 31%);box-shadow:none}.main-car-image.scene-10{background:linear-gradient(140deg,#d7d0c7,#797d7d)}.main-car-image.scene-10:after{left:17%;right:17%;bottom:16%;height:49%;border:10px solid #697278;border-radius:7px;background:#2f4149;box-shadow:none}.gallery-count,.gallery-save{position:absolute;z-index:2;padding:7px 9px;border:0;border-radius:6px;color:#fff;background:#0b1729c9;font-size:10px;font-weight:800}.gallery-count{bottom:15px;left:15px}.gallery-save{right:15px;top:15px}.gallery-save.saved{color:#ff928f}.gallery-nav{position:absolute;z-index:2;top:50%;width:34px;height:34px;border:0;border-radius:50%;color:var(--ink);background:#fff;font-size:18px}.gallery-nav.prev{left:13px}.gallery-nav.next{right:13px}.thumbnails{display:grid!important;grid-template-columns:repeat(10,1fr);gap:7px;margin-top:10px}.thumb{height:53px;border:2px solid transparent;border-radius:6px;background:linear-gradient(135deg,#d7e2e5,#718a94);cursor:pointer}.thumb.active{border-color:var(--accent)}.thumb.scene-2{background:linear-gradient(160deg,#cedbe2,#607382)}.thumb.scene-3{background:linear-gradient(160deg,#d6c9bd,#71838e)}.thumb.scene-4,.thumb.scene-7,.thumb.scene-8{background:linear-gradient(130deg,#d9cbb8,#7d6554)}.thumb.scene-5{background:linear-gradient(150deg,#d0d5d5,#2d3f4d)}.thumb.scene-6{background:radial-gradient(circle,#dbe1e2 0 27%,#323e46 28% 38%,#53616b 44%)}.thumb.scene-9{background:linear-gradient(140deg,#5c6e74,#b8c2bd)}.thumb.scene-10{background:linear-gradient(140deg,#d7d0c7,#797d7d)}.mobile-price{display:none}.section-heading{display:flex!important;justify-content:space-between;align-items:end;margin:37px 0 17px}.section-heading p{margin:0 0 4px;color:var(--accent);font-size:9px;font-weight:800;letter-spacing:1.1px}.section-heading h2{margin:0;font:900 25px var(--font-heading)}.section-heading>span{color:#8992a0;font-size:10px}.spec-grid{display:grid!important;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:8px;overflow:hidden}.spec-grid article{padding:14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.spec-grid article:nth-child(4n){border-right:0}.spec-grid article:nth-child(n+5){border-bottom:0}.spec-grid i,.spec-grid span,.spec-grid b{display:block}.spec-grid i{color:var(--accent);font-style:normal;font-size:14px}.spec-grid span{margin:7px 0 3px;color:var(--muted);font-size:9px}.spec-grid b{font-size:11px}.description{padding:24px 0;border-bottom:1px solid var(--line)}.description h3{margin:0 0 8px;font:900 18px var(--font-heading)}.description p{color:#596578;font-size:12px;line-height:1.65}.detail-tags{display:flex;flex-wrap:wrap;gap:7px;padding:17px 0}.detail-tags span{padding:6px 8px;border-radius:4px;color:#24865c;background:#eaf8ef;font-size:10px;font-weight:800}.ad-safety{display:flex!important;align-items:center;gap:11px;padding:15px;border-radius:8px;background:#fff4f4}.ad-safety i{width:31px;height:31px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#fff;background:var(--accent);font-style:normal}.ad-safety b,.ad-safety p{display:block}.ad-safety b{font-size:11px}.ad-safety p{margin:3px 0 0;color:var(--muted);font-size:9px}.ad-safety a{margin-left:auto;color:var(--accent);white-space:nowrap;text-decoration:none;font-size:9px;font-weight:800}.price-card,.seller-card,.seller-more{padding:20px;border:1px solid var(--line);border-radius:10px;background:#fff}.price-card>span{display:inline-block;padding:4px 6px;border-radius:4px;color:var(--accent);background:#fff0f0;font-size:8px;font-weight:800}.price-card h1{margin:10px 0 7px;font:900 21px var(--font-heading)}.price-card strong{color:var(--accent);font:900 25px var(--font-heading)}.price-card p{color:var(--muted);font-size:10px}.price-card>div{padding-top:13px;border-top:1px solid var(--line);font-size:11px;font-weight:700}.price-card i{color:var(--accent);font-style:normal}.seller-card{margin-top:13px}.seller-profile{display:flex!important;gap:10px;align-items:center}.seller-profile>span{width:45px;height:45px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,#f06a65,#aa182b);font:900 14px var(--font-heading)}.seller-profile h2{margin:0;font:900 17px var(--font-heading)}.seller-profile p{margin:3px 0;color:var(--muted);font-size:9px}.seller-profile b{color:#259364;font-size:9px}.seller-meta{display:grid!important;gap:8px;margin:17px 0;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#5c6675;font-size:10px}.seller-meta i{width:14px;display:inline-block;color:var(--accent);font-style:normal}.contact-button,.chat-button{width:100%;padding:11px;border-radius:6px;font-size:11px;font-weight:800}.contact-button{border:1px solid var(--accent);color:var(--accent);background:#fff}.chat-button{margin-top:8px;border:0;color:#fff;background:var(--accent)!important}.seller-card>small{display:block;margin-top:9px;color:var(--muted);font-size:9px;text-align:center}.seller-more{margin-top:13px}.seller-more h3{margin:0 0 10px;font:900 14px var(--font-heading)}.seller-more>a{display:flex!important;align-items:center;gap:9px;padding:8px 0;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}.seller-more>a:last-child{display:block;border:0;color:var(--accent);font-size:10px;font-weight:800}.mini-car{width:39px;height:34px;border-radius:5px;background:linear-gradient(135deg,#93b5c4,#243a50)}.mini-car.dark{background:linear-gradient(135deg,#485660,#0e1723)}.seller-more b,.seller-more small{display:block}.seller-more b{font-size:10px}.seller-more small{margin-top:3px;color:var(--accent);font-size:9px;font-weight:800}.seller-more i{margin-left:auto;color:var(--accent);font-style:normal}.detail-toast{position:fixed;left:50%;bottom:22px;z-index:5;transform:translate(-50%,80px);padding:11px 14px;border-radius:6px;color:#fff;background:var(--ink);font-size:11px;opacity:0;transition:.2s}.detail-toast.show{transform:translate(-50%,0);opacity:1}@media(max-width:820px){.details-page,.detail-nav{padding-left:18px;padding-right:18px}.details-layout{grid-template-columns:1fr}.seller-sidebar{display:grid!important;grid-template-columns:1fr 1fr;gap:12px}.price-card{display:none}.seller-card,.seller-more{margin:0}.main-car-image{height:350px}}@media(max-width:560px){.detail-nav{overflow:hidden;white-space:nowrap}.main-car-image{height:250px}.main-car-image:after{border-width:10px}.thumbnails{grid-template-columns:repeat(5,1fr)}.thumb{height:46px}.mobile-price{display:block;margin-top:20px}.mobile-price span{padding:4px 6px;border-radius:4px;color:var(--accent);background:#fff0f0;font-size:8px;font-weight:800}.mobile-price h1{margin:7px 0;font:900 24px var(--font-heading)}.mobile-price strong{color:var(--accent);font:900 23px var(--font-heading)}.seller-sidebar{grid-template-columns:1fr}.spec-grid{grid-template-columns:1fr 1fr}.spec-grid article:nth-child(2n){border-right:0}.spec-grid article:nth-child(4n){border-right:1px solid var(--line)}.spec-grid article:nth-child(n+5){border-bottom:1px solid var(--line)}.spec-grid article:nth-last-child(-n+2){border-bottom:0}.section-heading{margin-top:26px}.section-heading h2{font-size:22px}.section-heading>span{display:none}.ad-safety{align-items:start;flex-wrap:wrap}.ad-safety a{margin-left:42px}.desktop-nav,.location-button{display:none!important}}

/* =========================================================
   FOOTER COMPONENT / FOOTER PAGE
========================================================= */
.footer-demo{min-height:100vh;background:linear-gradient(180deg,#fafafa 0 62%,#0c1729 62%)}.footer-showcase{max-width:1170px;margin:auto;padding:90px 30px 150px}.footer-showcase h1{margin:0;font:900 clamp(38px,6vw,68px)/.94 var(--font-heading);letter-spacing:-3px}.footer-showcase h1 em{color:var(--accent);font-style:normal}.footer-showcase>p:last-child{max-width:385px;color:var(--muted);font-size:14px;line-height:1.65}.modern-footer{max-width:1170px;margin:0 auto 25px;overflow:hidden;border-radius:18px;color:#dbe5f2;background:#0c1729!important;box-shadow:0 22px 50px #0c172933}.footer-cta{display:flex!important;justify-content:space-between;gap:30px;align-items:center;padding:32px 38px;color:#fff;background:linear-gradient(115deg,#bc1f2d,#e64c45)}.footer-cta p{margin:0 0 7px;font-size:10px;font-weight:800;letter-spacing:1.2px}.footer-cta h2{margin:0;font:900 27px/.98 var(--font-heading);letter-spacing:-1px}.footer-cta form{display:grid!important;grid-template-columns:1fr auto;gap:6px;min-width:400px}.footer-cta input{min-width:0;padding:12px;border:0;border-radius:6px;background:#fff;color:var(--ink);outline:0;font:500 11px var(--font-body)}.footer-cta button{padding:0 15px;border:1px solid #fff8;border-radius:6px;color:var(--accent);background:#fff!important;font-size:11px;font-weight:800}.footer-cta button span{margin-left:7px;font-size:17px}.footer-cta small{grid-column:1/-1;color:#ffe7e7;font-size:8px}.footer-main{display:grid!important;grid-template-columns:1.8fr repeat(3,1fr);gap:30px;padding:42px 38px 35px}.footer-main .brand{color:#fff;font-size:30px}.footer-intro p{max-width:210px;color:#9babbe;font-size:11px;line-height:1.7}.footer-main h3{margin:5px 0 17px;color:#fff;font:900 12px var(--font-heading)}.footer-main>div>a:not(.brand){display:block;margin:0 0 11px;color:#9babbe;text-decoration:none;font-size:10px}.footer-main>div>a:not(.brand):hover,.footer-bottom a:hover{color:#fff}.socials{display:flex;gap:7px;margin-top:18px}.socials a{width:27px;height:27px;display:grid;place-items:center;border:1px solid #ffffff26;border-radius:50%;color:#fff;text-decoration:none;font-size:10px}.footer-trust{display:grid!important;grid-template-columns:repeat(3,1fr);margin:0 38px;padding:18px 0;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18}.footer-trust article{display:flex!important;align-items:center;gap:9px;padding:0 15px;border-right:1px solid #ffffff18}.footer-trust article:first-child{padding-left:0}.footer-trust article:last-child{border:0}.footer-trust i{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;color:#ff8c86;background:#e8494330;font-style:normal}.footer-trust b,.footer-trust small{display:block}.footer-trust b{color:#fff;font-size:10px}.footer-trust small{margin-top:3px;color:#9babbe;font-size:8px}.footer-bottom{display:flex!important;justify-content:space-between;align-items:center;padding:18px 38px;color:#8292a8;font-size:9px}.footer-bottom p{margin:0}.footer-bottom div{display:flex;align-items:center;gap:15px}.footer-bottom a{color:#9babbe;text-decoration:none}.footer-bottom button{border:0;color:#fff;background:none;font-size:9px}@media(max-width:760px){.footer-showcase{padding:55px 20px 80px}.footer-showcase h1{letter-spacing:-2px}.modern-footer{margin:0;border-radius:0}.footer-cta{display:block;padding:28px 20px}.footer-cta form{min-width:0;margin-top:20px}.footer-main{grid-template-columns:1fr 1fr;padding:30px 20px;gap:25px}.footer-intro{grid-column:1/-1}.footer-trust{grid-template-columns:1fr;margin:0 20px}.footer-trust article{padding:11px 0;border-right:0;border-bottom:1px solid #ffffff18}.footer-trust article:last-child{border:0}.footer-bottom{display:block;padding:18px 20px}.footer-bottom div{flex-wrap:wrap;margin-top:12px}}

/* =========================================================
   PROFILE PAGE
========================================================= */
.account-page{max-width:1170px;margin:auto;padding:42px 30px 70px}.account-title,.account-layout,.member,.account-tab,.listing-summary,.my-listings article,.two-fields,.avatar-edit,.settings-list label,.security-status,.security-row{display:flex!important}.account-title{justify-content:space-between;align-items:end;margin-bottom:30px}.account-title h1{margin:0;font:900 clamp(28px,4vw,40px) var(--font-heading);letter-spacing:-1.5px}.account-title p,.panel-heading p{color:var(--muted);font-size:12px}.account-layout{display:grid!important;grid-template-columns:250px minmax(0,1fr);gap:30px}.account-nav,.account-panel{padding:18px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff}.member{align-items:center;gap:10px;padding-bottom:18px;border-bottom:1px solid var(--line)}.member>span,.avatar-edit>span{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,#f06a65,#aa182b);font:900 14px var(--font-heading)}.member b,.member small,.member em{display:block}.member small,.member em,.listing-info p{font-size:9px;color:var(--muted)}.member em{color:#259364;font-style:normal;font-weight:800}.account-tab{align-items:center;width:100%;gap:10px;margin:4px 0;padding:11px 8px;border:0;border-radius:var(--radius-sm);color:#5b6574;background:none;text-align:left}.account-tab span{font-weight:700}.account-tab b{margin-left:auto;padding:2px 5px;border-radius:4px;color:var(--accent);background:#fff1f1;font-size:9px}.account-tab.active{color:var(--accent);background:#fff3f3}.sign-out{display:block;margin:17px 8px 3px;padding-top:14px;border-top:1px solid var(--line);color:#7a8491;text-decoration:none;font-size:11px;font-weight:700}.account-panel{display:none;padding:26px}.account-panel.active{display:block!important}.panel-heading{display:flex!important;justify-content:space-between;margin-bottom:21px}.panel-heading h2{margin:0;font:900 23px var(--font-heading)}.panel-heading select,.account-form input,.account-form textarea{padding:9px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;color:var(--ink);outline:0}.listing-summary{display:grid!important;grid-template-columns:repeat(4,1fr);margin-bottom:20px;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.listing-summary article{padding:13px;border-right:1px solid var(--line)}.listing-summary span,.listing-summary b{display:block}.listing-summary span{font:900 19px var(--font-heading)}.listing-summary b{color:var(--muted);font-size:9px}.my-listings{display:grid!important;gap:10px}.my-listings article{display:grid!important;grid-template-columns:70px 1fr auto;gap:13px;align-items:center;padding:11px;border:1px solid var(--line);border-radius:var(--radius-sm)}.listing-thumb{height:65px;border-radius:6px;background:linear-gradient(135deg,#dfe6e9,#718996)}.listing-thumb.phone{background:linear-gradient(135deg,#dfb4b9,#592b43)}.listing-thumb.chair{background:linear-gradient(135deg,#f3e6d4,#997b61)}.status{display:inline-block;padding:3px 5px;border-radius:4px;font-size:8px;font-weight:800}.status.live{color:#15915a;background:#e7f8ef}.status.sold{color:#677283;background:#eef0f3}.listing-info h3{margin:5px 0 3px;font:900 14px var(--font-heading)}.listing-info strong,.saved-grid strong{display:block;margin-top:7px;color:var(--accent);font:900 13px var(--font-heading)}.listing-actions{text-align:right}.listing-actions button{border:0;background:none;font-size:18px}.listing-actions a{color:var(--accent);text-decoration:none;font-size:10px;font-weight:800}.account-form{max-width:520px;display:grid!important;gap:14px}.account-form label{font-size:11px;font-weight:800}.account-form input,.account-form textarea{display:block;width:100%;margin-top:5px;font:500 12px var(--font-body)}.account-form textarea{min-height:82px}.two-fields{display:grid!important;grid-template-columns:1fr 1fr;gap:12px}.avatar-edit{display:grid!important;grid-template-columns:45px auto;gap:4px 12px;align-items:center}.avatar-edit button,.save-button{width:max-content;padding:10px 14px;border:0;border-radius:var(--radius-sm);font-weight:800}.avatar-edit button{color:var(--accent);background:none}.save-button{color:#fff;background:var(--accent)!important}.settings-list{max-width:600px}.settings-list label{justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.settings-list b,.settings-list small,.security-row b,.security-row small{display:block}.settings-list small,.security-row small{color:var(--muted);font-size:10px}.settings-list input{accent-color:var(--accent)}.security-status{align-items:center;gap:10px;margin-bottom:20px;padding:12px;border-radius:var(--radius-sm);background:#effaf4}.security-status i{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#29a169;font-style:normal}.password-form{padding:18px 0;border-top:1px solid var(--line)}.security-row{justify-content:space-between;align-items:center;padding-top:17px;border-top:1px solid var(--line)}.saved-grid{display:grid!important;grid-template-columns:repeat(3,1fr);gap:12px}.saved-grid article{padding:9px;border:1px solid var(--line);border-radius:7px}.saved-image{display:block;height:90px;margin-bottom:9px;border-radius:5px;background:linear-gradient(135deg,#77949f,#e8e0ce)}.saved-image.two{background:linear-gradient(135deg,#eee1d1,#ab9279)}.saved-image.three{background:linear-gradient(135deg,#829dab,#e1e8ed)}.saved-grid b,.saved-grid small{display:block}.saved-grid small{color:var(--muted);font-size:9px}.profile-toast{position:fixed;bottom:22px;left:50%;z-index:5;transform:translate(-50%,90px);padding:11px 15px;border-radius:6px;color:#fff;background:var(--ink);opacity:0;transition:.2s}.profile-toast.show{transform:translate(-50%,0);opacity:1}

/* =========================================================
   POST AD PAGE
========================================================= */
.post-page{max-width:1170px;margin:auto;padding:18px 30px}.back-link{color:var(--muted);font-size:12px;font-weight:700;text-decoration:none}.post-layout{display:grid!important;grid-template-columns:.8fr 1.4fr;gap:56px;margin-top:18px}.post-aside{padding:22px 0}.post-aside h1{margin:0;font:900 clamp(34px,4vw,50px)/.96 var(--font-heading);letter-spacing:-2px}.post-aside h1 em{color:var(--accent);font-style:normal}.post-aside>p:not(.eyebrow){max-width:280px;color:var(--muted);font-size:14px;line-height:1.55}.selling-tip,.post-card-head,.form-actions,.photo-note,.terms{display:flex!important}.selling-tip{gap:11px;max-width:278px;margin-top:24px;padding:13px;border-radius:var(--radius-md);background:#fff1f1}.selling-tip i{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--accent);font-style:normal}.selling-tip b,.selling-tip span{display:block}.post-card{padding:23px;border:1px solid var(--line);border-radius:var(--radius-lg);background:#fff;box-shadow:var(--shadow-soft)}.post-card-head{justify-content:space-between}.post-card-head h2{margin:2px 0;font:900 26px var(--font-heading)}.post-card-head>span{padding:7px 9px;border-radius:5px;color:var(--accent);background:#fff1f1;font-size:10px;font-weight:800}.progress{display:grid!important;grid-template-columns:repeat(5,1fr);gap:7px;margin:18px 0 20px}.progress i{height:4px;border-radius:3px;background:#e9ebee}.progress i.active{background:var(--accent)}.step{display:none}.step.active{display:block!important}.step h3{margin:0;font:900 21px var(--font-heading)}.step-lead{margin:5px 0 15px;color:var(--muted);font-size:12px}.category-options{display:grid!important;grid-template-columns:repeat(3,1fr);gap:8px}.category-options label,.plan{position:relative;padding:10px;border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer}.category-options input,.plan input{position:absolute;opacity:0}.category-options label:has(input:checked),.plan:has(input:checked){border-color:var(--accent);background:#fff5f5}.category-options span,.category-options b,.category-options small{display:block}.category-options span{font-size:18px}.category-options b{margin-top:4px;font-size:11px}.category-options small{color:var(--muted);font-size:8px}.subcategory-field{display:block;margin-top:12px;font-size:11px;font-weight:800}.subcategory-field select,.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;margin-top:5px;padding:9px;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);background:#fff;font:500 12px var(--font-body)}.form-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:10px}.form-grid label{font-size:11px;font-weight:800}.form-grid textarea{min-height:78px}.wide{grid-column:1/-1}.specification-fields{display:grid!important;grid-template-columns:1fr 1fr;gap:10px}.upload-zone{min-height:130px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #e1b4b8;border-radius:var(--radius-md);background:#fffafa;text-align:center}.upload-zone input{position:absolute;opacity:0}.upload-zone span{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--accent);font-size:19px}.photo-preview{display:grid!important;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:9px}.photo-preview img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px}.photo-note{gap:8px;margin-top:10px;padding:8px;border-radius:var(--radius-sm);background:#f5f8fb;font-size:9px}.review-card{display:grid!important;grid-template-columns:120px 1fr;gap:14px;padding:12px;border:1px solid var(--line);border-radius:var(--radius-md)}.review-image{display:grid;place-items:center;min-height:120px;border-radius:6px;color:#7e8794;background:linear-gradient(145deg,#f7d6d6,#d2dbe4);font-size:10px}.review-card h4{margin:7px 0;font:900 17px var(--font-heading)}.review-card strong,.plan strong{color:var(--accent);font:900 14px var(--font-heading)}.terms{gap:8px;margin:12px 0;font-size:10px}.plan-list{display:grid!important;gap:8px}.plan{display:grid!important;grid-template-columns:18px 1fr auto;align-items:center;gap:9px}.plan-select{width:15px;height:15px;border:1px solid #b9c1cc;border-radius:50%}.plan:has(input:checked) .plan-select{border:4px solid var(--accent)}.plan b,.plan small{display:block}.plan small{color:var(--muted);font-size:9px}.day-one{width:100%;margin-top:13px;padding:10px;border:1px dashed #e6a1a7;border-radius:var(--radius-sm);color:var(--accent);background:#fffafa;font-weight:800}.day-one.active,.next{color:#fff!important;background:var(--accent)!important}.loyalty-note{display:none;color:#398763;font-size:9px;text-align:center}.loyalty-note.show{display:block}.form-actions{justify-content:space-between;margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.previous,.next{padding:10px 15px;border:0;border-radius:var(--radius-sm);font-weight:800}.previous{color:var(--muted);background:none}.previous.hidden{visibility:hidden}.success-modal{position:fixed;inset:0;z-index:9;display:none;place-items:center;background:#09142699}.success-modal.show{display:grid!important}.success-modal>div{max-width:360px;padding:34px;border-radius:var(--radius-lg);background:#fff;text-align:center}.success-modal i{width:48px;height:48px;display:grid;place-items:center;margin:auto;border-radius:50%;color:#fff;background:#28a06d;font-style:normal}
@media(max-width:780px){.post-page,.account-page{padding:20px 18px}.post-layout,.account-layout{grid-template-columns:1fr;gap:14px}.post-aside>p:not(.eyebrow),.selling-tip{display:none}.post-card{padding:20px}.category-options{grid-template-columns:repeat(2,1fr)}.form-grid,.specification-fields{grid-template-columns:1fr}.wide{grid-column:auto}.review-card{grid-template-columns:1fr}.account-nav{display:flex!important;overflow-x:auto;padding:8px}.member,.sign-out{display:none}.account-tab{width:max-content;white-space:nowrap;margin:0;padding:8px}.listing-summary{grid-template-columns:1fr 1fr}.my-listings article{grid-template-columns:55px 1fr}.listing-actions{grid-column:2}.saved-grid{grid-template-columns:1fr 1fr}.saved-grid article:last-child{display:none}.desktop-nav,.location-button{display:none!important}}

/* Complete marketplace home page additions. */
.category-nav { min-height: 45px; padding: 0 max(4vw, 28px); display: flex !important; align-items: stretch; gap: 3px; background: #fff !important; border-bottom: 1px solid var(--line) !important; }
.category-nav > a, .nav-category > a { display: flex !important; align-items: center; padding: 0 13px; color: #4d5663; text-decoration: none; font-size: 12px; font-weight: 700; white-space: nowrap; }
.category-nav > a:first-child { color: var(--accent); }.nav-category { position: relative; }.nav-category > a:hover { color: var(--ink); background: #fff4f4; }.category-mega { display: none; position: absolute; left: 0; top: 45px; width: 385px; z-index: 8; padding: 18px; grid-template-columns: 1fr 1fr; gap: 10px 20px; border: 1px solid var(--line); border-radius: 0 0 10px 10px; background: #fff; box-shadow: 0 18px 35px #17233b20; }.category-mega:before { content:""; position:absolute; top:-7px; left:28px; width:13px; height:13px; transform:rotate(45deg); background:#fff; border-left:1px solid var(--line); border-top:1px solid var(--line); }.nav-category:hover .category-mega { display: grid !important; }.category-mega strong { grid-column: 1 / -1; color: var(--accent); font: 900 13px "Nunito Sans", sans-serif; }.category-mega div { display: grid; gap: 10px; }.category-mega a { color: #586273; text-decoration: none; font-size: 12px; }.category-mega a:hover { color: var(--accent); }
.promo-strip { max-width: 1170px; margin: 0 auto; padding: 0 30px 35px; display: grid !important; grid-template-columns: 1.1fr 1.1fr 1fr; gap: 15px; }.promo-tile { min-height: 145px; position: relative; overflow: hidden; padding: 20px; border-radius: 12px; color: #fff; }.promo-tile:after { content:""; position:absolute; inset:0; pointer-events:none; }.promo-tile span { position: relative; z-index:1; display:inline-block; padding:4px 7px; border-radius:4px; color:#fff; background:#ffffff2a; font-size:10px; font-weight:700; text-transform:uppercase; letter-spacing:.5px; }.promo-tile h2 { position:relative; z-index:1; margin:9px 0; font:900 21px/.96 "Nunito Sans", sans-serif; letter-spacing:-.7px; }.promo-tile a { position:relative; z-index:1; color:#fff; text-decoration:none; font-size:12px; font-weight:700; }.promo-car { background:linear-gradient(120deg,#2d3445,#536d78); }.promo-car:after { background:radial-gradient(ellipse at 78% 83%,#ef4a42 0 11%,transparent 12%),linear-gradient(135deg,transparent 50%,#ffffff16 51% 54%,transparent 55%); }.promo-sell { background:linear-gradient(118deg,#bc1e2d,#e6534d); }.promo-sell:after { background:radial-gradient(circle at 83% 20%,#fff2 0 3%,transparent 3.5%),radial-gradient(circle at 76% 75%,#fff2 0 8%,transparent 8.5%); }.mini-post { position:relative; z-index:1; padding:8px 11px; border:1px solid #fff8; border-radius:6px; color:var(--accent); background:#fff !important; font-size:11px; font-weight:800; }.promo-safe { display:flex !important; align-items:center; gap:14px; color:var(--ink); background:#fff2f2; }.promo-safe:after { background:linear-gradient(145deg,transparent 64%,#d9232e12 65%); }.promo-safe i { z-index:1; width:37px; height:37px; display:grid; place-items:center; flex:0 0 auto; border-radius:50%; color:#fff; background:var(--accent); font-style:normal; font-size:18px; }.promo-safe div { position:relative; z-index:1; }.promo-safe b { display:block; font:900 16px/1 "Nunito Sans", sans-serif; }.promo-safe p { margin:7px 0 0; color:var(--muted); font-size:11px; line-height:1.35; }.promo-safe a { position:absolute; bottom:19px; left:70px; color:var(--accent); }
.recommendations { margin-top: 27px; padding-top: 20px; border-top: 1px solid var(--line); }.recommendations-heading { display:flex !important; align-items:center; justify-content:space-between; margin-bottom:12px; }.recommendations-heading h2 { margin:0; font:900 16px "Nunito Sans", sans-serif; }.recommendations-heading span { color:var(--accent); font-size:10px; font-weight:800; }.recommended-item { display:flex !important; align-items:center; gap:8px; padding:8px 0; color:var(--ink); text-decoration:none; border-bottom:1px solid #f0f1f3; }.recommendation-thumb { display:block; width:35px; height:35px; border-radius:6px; background:linear-gradient(135deg,#d9dfdc,#888f96); }.thumb-phone { background:linear-gradient(145deg,#e7a9ab,#892c38); }.thumb-car { background:linear-gradient(145deg,#97bcc9,#24394d); }.thumb-home { background:linear-gradient(145deg,#e7d9be,#a68b72); }.recommended-item b,.recommended-item small { display:block; }.recommended-item b { font-size:10px; }.recommended-item small { margin-top:3px; color:var(--muted); font-size:9px; }.recommended-item i { margin-left:auto; color:var(--accent); font-style:normal; font-size:17px; }.view-recommendations { display:block; margin-top:12px; color:var(--accent); text-decoration:none; font-size:10px; font-weight:800; }
.confidence { max-width:1170px; margin:0 auto 55px; padding:0 30px; display:grid !important; grid-template-columns:repeat(4,1fr); }.confidence article { display:flex !important; align-items:center; gap:10px; padding:16px; background:#fff4f4; border-right:1px solid #f3dddd; }.confidence article:first-child { border-radius:10px 0 0 10px; }.confidence article:last-child { border:0; border-radius:0 10px 10px 0; }.confidence i { width:30px; height:30px; display:grid; place-items:center; flex:0 0 auto; border:1px solid var(--accent); border-radius:50%; color:var(--accent); font-style:normal; }.confidence b,.confidence span { display:block; }.confidence b { font-size:11px; }.confidence span { margin-top:3px; color:var(--muted); font-size:9px; }
.site-footer { position:relative; display:grid !important; grid-template-columns:2fr 1fr 1fr 1fr; gap:35px; padding:50px max(6vw,30px) 65px; color:#d8e1ee; background:#0b1629 !important; }.footer-brand p { max-width:220px; color:#aab5c6; font-size:12px; line-height:1.65; }.footer-brand div { display:flex; gap:7px; }.footer-brand div span { width:23px; height:23px; display:grid; place-items:center; border-radius:50%; background:#243149; color:#fff; font-size:10px; }.site-footer h3 { margin:4px 0 15px; color:#fff; font:900 13px "Nunito Sans", sans-serif; }.site-footer > div > a:not(.brand) { display:block; margin:0 0 11px; color:#aab5c6; text-decoration:none; font-size:11px; }.site-footer > div > a:not(.brand):hover { color:#fff; }.copyright { position:absolute; bottom:19px; left:max(6vw,30px); margin:0; color:#65748d; font-size:10px; }
@media (max-width:900px) { .category-nav { overflow-x:auto; padding:0 18px; }.category-nav > a,.nav-category>a { padding:0 11px; }.promo-strip { grid-template-columns:1fr 1fr; }.promo-safe { grid-column:1 / -1; }.confidence { grid-template-columns:1fr 1fr; }.confidence article { border-bottom:1px solid #f3dddd; }.confidence article:nth-child(2) { border-radius:0 10px 0 0; }.confidence article:nth-child(3) { border-radius:0 0 0 10px; }.site-footer { grid-template-columns:1.7fr 1fr 1fr; }.site-footer > div:last-of-type { display:none; } }
@media (max-width:680px) { .category-nav { min-height:40px; }.category-nav > a,.nav-category>a { font-size:11px; }.category-mega { display:none !important; }.promo-strip { padding:0 18px 25px; grid-template-columns:1fr; gap:10px; }.promo-tile { min-height:120px; }.promo-safe { min-height:115px; }.promo-safe a { left:70px; bottom:15px; }.recommendations { margin-bottom:25px; }.confidence { padding:0 18px; margin-bottom:35px; }.confidence article { padding:12px; }.confidence span { font-size:8px; }.site-footer { grid-template-columns:1.5fr 1fr; gap:25px 15px; padding:35px 20px 55px; }.site-footer > div:nth-of-type(3) { display:none; }.site-footer .footer-brand { grid-column:1 / -1; }.copyright { left:20px; bottom:17px; }.filters.open { width:88%; }.filters.open .recommendations { display:block; } }

.after-card-recommendations { margin-top: 38px; padding-top: 25px; border-top: 1px solid var(--line); }.after-card-heading { display:flex !important; align-items:end; justify-content:space-between; margin-bottom:15px; }.after-card-heading p { margin:0 0 4px; color:var(--accent); font-size:9px; font-weight:800; letter-spacing:1px; }.after-card-heading h2 { margin:0; font:900 20px "Nunito Sans", sans-serif; letter-spacing:-.5px; }.after-card-heading a { color:var(--accent); text-decoration:none; font-size:11px; font-weight:800; }.pick-grid { display:grid !important; grid-template-columns:repeat(3,1fr); gap:12px; }.pick-card { display:flex !important; align-items:center; gap:10px; min-width:0; padding:10px; border:1px solid var(--line); border-radius:8px; color:var(--ink); text-decoration:none; background:#fff; transition:transform .2s,box-shadow .2s; }.pick-card:hover { transform:translateY(-2px); box-shadow:0 8px 16px #17233b12; }.pick-image { display:block; width:60px; height:60px; flex:0 0 auto; overflow:hidden; position:relative; border-radius:6px; background:#ddd; }.pick-image:before,.pick-image:after { content:""; position:absolute; }.pick-laptop { background:linear-gradient(135deg,#9bb6c3,#e4e4d9); }.pick-laptop:before { inset:15px 11px 21px; border:4px solid #3c5365; background:#dceeee; }.pick-laptop:after { left:8px; right:8px; bottom:15px; height:4px; border-radius:5px; background:#3c5365; }.pick-chair { background:linear-gradient(135deg,#e1be9e,#f5eee3); }.pick-chair:before { left:23px; bottom:11px; width:18px; height:28px; border-radius:8px 8px 3px 3px; background:#915542; box-shadow:-8px 23px 0 -6px #5c3f39,8px 23px 0 -6px #5c3f39; }.pick-watch { background:linear-gradient(135deg,#5b6070,#b7bac3); }.pick-watch:before { left:21px; top:14px; width:18px; height:31px; border-radius:9px; background:#e6c56c; }.pick-watch:after { left:17px; top:22px; width:25px; height:25px; border:3px solid #efdf9e; border-radius:50%; background:#405a6f; }.pick-copy { min-width:0; }.pick-copy b,.pick-copy small,.pick-copy strong { display:block; }.pick-copy b { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:900 11px "Nunito Sans",sans-serif; }.pick-copy small { margin:4px 0 7px; color:var(--muted); font-size:9px; }.pick-copy strong { color:var(--accent); font:900 13px "Nunito Sans",sans-serif; }
@media (max-width:680px) { .after-card-recommendations { margin-top:28px; }.after-card-heading h2 { font-size:18px; }.after-card-heading a { font-size:10px; text-align:right; }.pick-grid { display:flex !important; overflow-x:auto; padding-bottom:5px; }.pick-card { min-width:210px; } }

/* Listing cards styled to match the supplied vehicle marketplace reference. */
.ad-card { border-radius: 9px; border-color: #dfe4eb; box-shadow: none; }
.ad-image { height: 150px; background: #e8edf0; }
.ad-image::before, .ad-image::after { content: none; }
.ad-image img { width: 100%; height: 100%; display: block; object-fit: cover; }
.location { position: absolute; top: 9px; left: 9px; display: inline-flex; align-items: center; gap: 5px; padding: 5px 9px; border-radius: 18px; color: #fff; background: var(--accent); font-size: 10px; font-weight: 800; box-shadow: 0 2px 7px #0002; }
.location span { font-size: 8px; }
.heart { top: 9px; right: 9px; width: 29px; height: 29px; border: 1px solid #e7e9ed; color: var(--accent); box-shadow: 0 2px 7px #0002; cursor: pointer; }
.ad-content { position: relative; padding: 12px 13px 10px; }
.ad-content h3 { font: 700 14px/1.3 "Space Grotesk", sans-serif; white-space: normal; min-height: 18px; }
.ad-meta { min-height: 32px; margin: 5px 0 9px; color: #667080; font-size: 11px; line-height: 1.45; }
.ad-tags { display: flex; align-items: center; gap: 6px; min-height: 25px; }
.ad-tags span { display: inline-flex; align-items: center; padding: 4px 7px; border-radius: 14px; background: #f1f3f5; color: #344054; font-size: 9px; font-weight: 700; }
.ad-tags .verified { color: #16864f; background: #effaf4; }
.ad-bottom { display: flex; align-items: center; justify-content: space-between; gap: 5px; margin-top: 8px; padding-top: 9px; border-top: 1px solid var(--line); }
.ad-bottom .price { color: #159447; font-size: 15px; white-space: nowrap; }
.ad-time { color: #667080; font-size: 10px; white-space: nowrap; }
.call { position: absolute; top: -18px; right: 9px; width: 34px; height: 34px; display: grid; place-items: center; border: 3px solid #fff; border-radius: 50%; color: #fff; background: var(--ink); box-shadow: 0 3px 9px #0002; text-decoration: none; font-size: 16px; }
@media (max-width: 680px) { .ad-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .ad-image { height: clamp(92px, 31vw, 125px); } .ad-content { padding: 11px 9px 9px; } .ad-content h3 { font-size: 12px; } .ad-meta { min-height: 42px; font-size: 10px; } .ad-bottom .price { font-size: clamp(11px, 3.5vw, 14px); } .ad-tags { gap: 4px; } .ad-tags span { padding: 4px 5px; font-size: 8px; } }
@media (max-width: 375px) { .ad-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ad-image { height: clamp(84px, 30vw, 105px); } .ad-content { padding: 9px 7px 8px; } .ad-content h3 { font-size: 11px; } .ad-meta { min-height: 48px; font-size: 9px; } .ad-bottom .price { font-size: 11px; } }

/* Listing skeletons shown during the short category loading transition. */
.ad-card-skeleton { pointer-events: none; }
.ad-card-skeleton .skeleton-image { position: relative; height: 150px; overflow: hidden; background: #e9edf1; }
.ad-card-skeleton i, .ad-card-skeleton .skeleton-price { display: block; position: relative; overflow: hidden; border-radius: 5px; background: #e9edf1; }
.ad-card-skeleton i::after, .ad-card-skeleton .skeleton-price::after { content: ""; position: absolute; inset: 0; transform: translateX(-100%); background: linear-gradient(90deg, transparent, #ffffffb8, transparent); animation: skeleton-shimmer 1.25s ease-in-out infinite; }
.ad-card-skeleton .skeleton-image i { position: absolute; inset: 0; border-radius: 0; background: transparent; }
.ad-card-skeleton .skeleton-content { padding: 13px; }
.ad-card-skeleton .skeleton-title { width: 72%; height: 14px; margin: 1px 0 10px; }
.ad-card-skeleton .skeleton-description { width: 100%; height: 10px; margin: 0 0 6px; }
.ad-card-skeleton .skeleton-description.short { width: 68%; }
.ad-card-skeleton .skeleton-tags { display: flex; gap: 7px; margin-top: 10px; }
.ad-card-skeleton .skeleton-tags i { width: 62px; height: 20px; border-radius: 14px; }
.ad-card-skeleton .skeleton-tags i + i { width: 54px; }
.ad-card-skeleton .skeleton-price { height: 34px; margin-top: 10px; border-top: 1px solid var(--line); border-radius: 0; background: transparent; }
.ad-card-skeleton .skeleton-price::before { content: ""; position: absolute; top: 11px; left: 0; width: 48%; height: 13px; border-radius: 4px; background: #e9edf1; }
.ad-card-skeleton .skeleton-price::after { top: 11px; height: 13px; }
@keyframes skeleton-shimmer { to { transform: translateX(100%); } }
@media (max-width: 680px) { .ad-card-skeleton .skeleton-image { height: clamp(92px, 31vw, 125px); } .ad-card-skeleton .skeleton-content { padding: 11px 9px 9px; } }
@media (max-width: 375px) { .ad-card-skeleton .skeleton-image { height: clamp(84px, 30vw, 105px); } .ad-card-skeleton .skeleton-content { padding: 9px 7px 8px; } }
@media (prefers-reduced-motion: reduce) { .ad-card-skeleton i::after, .ad-card-skeleton .skeleton-price::after { animation: none; } }

/* The index is the discovery landing page; filters live on ads.html. */
.home-page .filters, .home-page .mobile-filter { display: none !important; }
.home-page .listings-shell { grid-template-columns: minmax(0, 1fr); }
.home-page .results-header { align-items: center; }
.browse-all-link { margin-left: auto; color: var(--accent); font-size: 12px; font-weight: 800; text-decoration: none; white-space: nowrap; }
.browse-all-link:hover { text-decoration: underline; }
.crumbs a { color: inherit; text-decoration: none; }
.crumbs a:hover { color: var(--accent); }
@media (max-width: 680px) { .home-page .results-header { flex-wrap: wrap; } .home-page .results-header > div:first-child { min-width: 0; } .browse-all-link { font-size: 10px; } }

.home-page .sort-control { display: none !important; }


@media (min-width: 1200px) { .home-page .ad-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }


/* Aligned category navigation with individually grouped mega menus. */
.category-nav { position: relative; z-index: 31; justify-content: center; gap: 2px; min-height: 48px; padding: 0 clamp(18px, 4vw, 54px); overflow: visible; }
.category-nav > a, .nav-category > a { position: relative; justify-content: center; min-height: 48px; padding: 0 clamp(11px, 1.45vw, 21px); border-radius: 7px; color: #4d5663; font-size: 12px; font-weight: 700; transition: color .2s ease, background-color .2s ease, transform .2s ease; }
.nav-category { display: flex; align-items: stretch; }
.nav-category > a::after { content: "⌄"; margin-left: 7px; color: #9299a5; font-size: 12px; transition: transform .2s ease, color .2s ease; }
.nav-category:hover > a, .nav-category:focus-within > a, .category-nav > a:hover { color: var(--accent); background: #fff1f2; transform: translateY(-1px); }
.nav-category:hover > a::after, .nav-category:focus-within > a::after { color: var(--accent); transform: rotate(180deg); }
.category-mega { display: grid; position: absolute; top: 100%; left: 50%; z-index: 32; width: min(430px, calc(100vw - 32px)); padding: 20px 22px 22px; grid-template-columns: 1fr 1fr; gap: 13px 26px; border: 1px solid #e5e8ee; border-top: 2px solid var(--accent); border-radius: 0 0 12px 12px; background: #fff; box-shadow: 0 20px 48px #1525362b; opacity: 0; visibility: hidden; pointer-events: none; transform: translate(-50%, 9px); transition: opacity .2s ease, transform .2s ease, visibility .2s ease; }
.nav-category:hover .category-mega, .nav-category:focus-within .category-mega { opacity: 1; visibility: visible; pointer-events: auto; transform: translate(-50%, 0); }
.category-mega::before { content: none; }
.category-mega strong { grid-column: 1 / -1; color: var(--ink); font: 800 15px "Nunito Sans", sans-serif; }
.category-mega div { display: grid; align-content: start; gap: 5px; }
.category-mega a { display: block; padding: 8px 9px; border-radius: 6px; color: #586273; font-size: 12px; line-height: 1.25; text-decoration: none; transition: color .18s ease, background-color .18s ease, padding-left .18s ease; }
.category-mega a:hover, .category-mega a:focus-visible { padding-left: 13px; color: var(--accent); background: #fff3f3; outline: none; }
.category-overlay { position: fixed; top: 158px; right: 0; bottom: 0; left: 0; z-index: 30; background: rgb(14 23 39 / 42%); backdrop-filter: blur(1.5px); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .22s ease, visibility .22s ease; }
body:has(.nav-category:hover) .category-overlay, body:has(.nav-category:focus-within) .category-overlay { opacity: 1; visibility: visible; }
@media (max-width: 900px) { .category-nav { justify-content: flex-start; gap: 1px; overflow-x: auto; } .category-nav > a, .nav-category > a { padding-inline: 12px; } }
@media (max-width: 680px) { .category-overlay { display: none; } .category-mega { display: none !important; } }

.nav-category:last-child .category-mega { right: 0; left: auto; transform: translateY(9px); }
.nav-category:last-child:hover .category-mega, .nav-category:last-child:focus-within .category-mega { transform: translateY(0); }

/* Compact utility strip and state-aware search form. */
.utility-bar { min-height: 34px; padding: 0 max(4vw, 28px); display: flex; align-items: center; justify-content: space-between; gap: 18px; color: #fff; background: var(--accent); }
.security-notice { display: flex; align-items: center; gap: 6px; margin: 0; font-size: 12px; font-weight: 500; letter-spacing: .05px; }
.security-notice > span { width: 17px; height: 17px; display: inline-grid; place-items: center; flex: 0 0 auto; border: 1px solid #ffffff9c; border-radius: 50%; font-size: 10px; font-weight: 800; }
.social-links { display: flex; align-items: center; gap: 12px; margin-left: auto; }
.social-links a { width: 22px; height: 22px; display: grid; place-items: center; border-radius: 50%; color: #fff; transition: background-color .18s ease, transform .18s ease; }
.social-links a:hover { transform: translateY(-1px); background: #ffffff30; }
.social-links a:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.social-links svg { width: 16px; height: 16px; fill: currentColor; }
.searchbox { grid-template-columns: minmax(0, 1.6fr) minmax(145px, .9fr) minmax(135px, .8fr) auto; }

/* Hard-coded, three-level category navigation. */
.category-nav { z-index: 40; justify-content: flex-start; gap: 0; overflow-x: clip; overflow-y: visible; }
.category-all-link { display: flex; align-items: center; padding: 0 14px; color: var(--accent); font-size: 12px; font-weight: 800; text-decoration: none; white-space: nowrap; }
.nav-category > a { min-height: 48px; white-space: nowrap; }
.category-mega { top: 100%; left: 0; width: 250px; padding: 14px; grid-template-columns: minmax(0, 1fr); gap: 8px; transform: translateY(8px); }
.nav-category:nth-last-child(-n + 5) > .category-mega { right: 0; left: auto; }
.category-mega > strong { display: block; padding: 3px 8px 8px; border-bottom: 1px solid var(--line); font-size: 13px; }
.category-mega .mega-level-two, .category-mega .mega-level-three { display: grid; align-content: start; gap: 2px; margin: 0; padding: 0; list-style: none; }
.category-mega .mega-level-two > li { position: relative; }
.category-mega .mega-level-two > li > a { display: flex; align-items: center; justify-content: space-between; padding: 9px 10px; border-radius: 6px; color: #465160; font-size: 12px; font-weight: 700; text-decoration: none; }
.category-mega .mega-level-two > li:hover > a, .category-mega .mega-level-two > li:focus-within > a { color: var(--accent); background: #fff1f2; }
.category-mega .mega-level-three { position: absolute; top: -8px; left: calc(100% - 1px); z-index: 2; width: 230px; padding: 12px; border: 1px solid #e5e8ee; border-radius: 8px; background: #fff; box-shadow: 0 16px 36px #15253624; opacity: 0; visibility: hidden; pointer-events: none; transform: translateX(5px); transition: opacity .16s ease, transform .16s ease, visibility .16s ease; }
.category-mega .mega-level-two > li:hover > .mega-level-three, .category-mega .mega-level-two > li:focus-within > .mega-level-three { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(0); }
.category-mega .mega-level-three a { display: block; padding: 9px 10px; border-radius: 5px; color: #586273; font-size: 12px; font-weight: 700; text-decoration: none; }
.category-mega .mega-level-three a:hover, .category-mega .mega-level-three a:focus-visible { color: var(--accent); background: #fff3f3; outline: none; }
.nav-category:nth-last-child(-n + 7) .mega-level-three { right: calc(100% - 1px); left: auto; transform: translateX(-5px); }
.nav-category:nth-last-child(-n + 7) .mega-level-two > li:hover > .mega-level-three, .nav-category:nth-last-child(-n + 7) .mega-level-two > li:focus-within > .mega-level-three { transform: translateX(0); }
@media (min-width: 681px) and (max-width: 1180px) { .category-nav { flex-wrap: wrap; justify-content: flex-start; } .nav-category:nth-last-child(-n + 4) > .category-mega { right: auto; left: 0; } .nav-category:nth-last-child(-n + 4) .mega-level-three { right: auto; left: calc(100% - 1px); } }
.category-nav .nav-category > .category-mega { top: 100%; right: auto; left: 0; transform: translateY(8px); }
.category-nav .nav-category:hover > .category-mega, .category-nav .nav-category:focus-within > .category-mega { transform: translateY(0); }
.category-nav > .nav-category:last-child > .category-mega { right: 0; left: auto; }
@media (min-width: 681px) and (max-width: 1180px) {
  .category-nav { flex-wrap: nowrap; min-height: 48px; justify-content: space-between; padding-inline: 8px; gap: 0; }
  .category-all-link, .category-nav .nav-category > a { padding-inline: clamp(3px, .6vw, 8px); font-size: clamp(9px, .9vw, 11px); }
  .category-nav .nav-category:nth-last-child(-n + 5) > .category-mega { right: 0; left: auto; }
  .category-nav .nav-category:nth-last-child(-n + 7) .mega-level-three { right: calc(100% - 1px); left: auto; }
}
.category-field, .state-field { min-width: 0; min-height: 52px; display: grid !important; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 4px 10px; border: 1px solid var(--line); border-radius: 8px; padding: 0 12px; }
.category-field span, .state-field span { font-size: 10px; text-transform: uppercase; letter-spacing: .65px; font-weight: 700; color: var(--muted); }
.category-field select, .state-field select { grid-column: 2; grid-row: 1 / 2; min-width: 0; width: 100%; border: 0; outline: 0; color: var(--ink); font-size: 12px; font-weight: 700; background: transparent; }
.searchbox > button { border: 0; background: var(--accent) !important; color: #fff; transition: background-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.searchbox > button:hover { background: #bb1e28 !important; transform: translateY(-1px); box-shadow: 0 6px 14px #d9232e35; }
@media (max-width: 900px) { .searchbox { grid-template-columns: minmax(0, 1.4fr) minmax(130px, .8fr) minmax(125px, .8fr) auto; } }
@media (max-width: 680px) { .utility-bar { min-height: 32px; padding: 0 12px; gap: 7px; }.security-notice { gap: 3px; font-size: 8px; }.security-notice > span { width: 13px; height: 13px; font-size: 8px; }.social-links { gap: 5px; }.social-links a { width: 18px; height: 18px; }.social-links svg { width: 12px; height: 12px; }.searchbox { grid-template-columns: 1fr; }.category-field { display: none !important; }.state-field { display: grid !important; } }
@media (max-width: 350px) { .security-notice { font-size: 7px; }.social-links { gap: 3px; }.utility-bar { padding-inline: 8px; } }

/* Shared route example chip used in the Find a ride card. */
.ride-example { width: 100%; display: flex; align-items: flex-start; gap: 8px; margin-top: 11px; padding: 9px 10px; border: 1px solid #f2d8da; border-radius: 8px; background: #fff; }
.ride-route-icon { width: 20px; height: 20px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; color: #fff; background: var(--accent); font-size: 12px; }
/* Find a ride feature beneath Popular Listings. */
.find-ride-section { max-width: 1230px; min-height: 235px; margin: 30px 0 0; padding: 23px 24px; display: grid !important; grid-template-columns: minmax(260px, .9fr) minmax(320px, 1.1fr); align-items: center; gap: 30px; overflow: hidden; border: 1px solid #f0d9da; border-radius: 15px; background: linear-gradient(115deg, #fff 0%, #fffafa 54%, #fff2f2 100%); box-shadow: 0 8px 24px #17233b08; }
.find-ride-copy { max-width: 430px; }
.find-ride-eyebrow { margin: 0 0 7px; color: var(--accent); font-size: 9px; font-weight: 800; letter-spacing: 1.4px; }
.find-ride-copy h2 { margin: 0; color: var(--ink); font: 900 25px/1.1 "Nunito Sans", sans-serif; letter-spacing: -.6px; }
.find-ride-description { max-width: 360px; margin: 8px 0 0; color: var(--muted); font-size: 12px; line-height: 1.55; }
.find-ride-section .ride-example { max-width: 350px; margin-top: 15px; padding: 10px 11px; background: #fff; }
.find-ride-section .ride-example strong { font-size: 11px; }
.find-ride-section .ride-example small { font-size: 10px; }
.ride-visual { min-width: 0; padding: 13px 15px 10px; border: 1px solid #f0e3e4; border-radius: 12px; background: #fff; }
.ride-visual-top { display: flex; align-items: center; justify-content: space-between; color: #8992a0; font-size: 8px; font-weight: 800; letter-spacing: .8px; }
.ride-destination { display: inline-flex; align-items: center; gap: 5px; color: var(--ink); font-size: 10px; letter-spacing: 0; }
.ride-destination i { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); box-shadow: 0 0 0 3px #d9232e1c; }
.ride-stage { height: 112px; position: relative; overflow: hidden; margin-top: 8px; border-radius: 8px; background: linear-gradient(180deg, #edf6fa 0%, #f7f8f7 68%, #dde7e7 69%, #d2dddd 100%); }
.ride-sun { position: absolute; top: 13px; right: 15%; width: 21px; height: 21px; border-radius: 50%; background: #f7d98b; opacity: .8; }
.ride-road { position: absolute; right: 0; bottom: 0; left: 0; height: 38px; background: #303b4a; }
.road-dashes { position: absolute; top: 18px; left: 0; width: 100%; height: 2px; background: repeating-linear-gradient(90deg, #fff 0 22px, transparent 22px 42px); opacity: .7; }
.ride-car { width: 116px; height: 54px; position: absolute; z-index: 2; bottom: 24px; left: -34%; animation: ride-car-pickup 7.2s cubic-bezier(.45,0,.28,1) infinite; }
.ride-car svg { width: 100%; height: 100%; overflow: visible; }
.car-shadow { fill: #14223524; }
.car-body { fill: #d9232e; stroke: #a71922; stroke-width: 1.5; }
.car-window { fill: #cce4ec; stroke: #fff; stroke-width: 1.3; }
.car-detail { fill: none; stroke: #f9a0a4; stroke-width: 1.4; }
.car-wheel { fill: #202a38; stroke: #111923; stroke-width: 1.5; }
.car-wheel-inner { fill: #d6dee5; }
.car-light { fill: none; stroke: #fff2cf; stroke-width: 2.2; stroke-linecap: round; }
.ride-passenger { position: absolute; z-index: 1; bottom: 34px; left: 63%; width: 16px; height: 43px; animation: passenger-pickup 7.2s ease-in-out infinite; }
.ride-passenger i { position: absolute; top: 0; left: 4px; width: 9px; height: 9px; border-radius: 50%; background: #e3a77d; }
.ride-passenger b { position: absolute; top: 10px; left: 2px; width: 12px; height: 20px; border-radius: 6px 6px 3px 3px; background: #526d88; }
.ride-passenger b::before, .ride-passenger b::after { content: ""; position: absolute; top: 16px; width: 4px; height: 14px; border-radius: 3px; background: #283748; }
.ride-passenger b::before { left: 1px; transform: rotate(5deg); }.ride-passenger b::after { right: 1px; transform: rotate(-5deg); }
.ride-visual-caption { margin: 8px 0 0; color: #7b8492; font-size: 9px; text-align: right; }
@keyframes ride-car-pickup { 0% { left: -34%; } 26% { left: calc(50% - 55px); } 48% { left: calc(50% - 55px); } 72% { left: 112%; } 100% { left: 112%; } }
@keyframes passenger-pickup { 0%, 23% { opacity: 0; transform: translateY(5px); } 28%, 40% { opacity: 1; transform: translateY(0); } 48% { opacity: 0; transform: translate(-14px, 4px) scale(.65); } 100% { opacity: 0; transform: translate(-14px, 4px) scale(.65); } }
@media (max-width: 900px) { .find-ride-section { grid-template-columns: minmax(210px, .85fr) minmax(280px, 1.15fr); gap: 18px; padding: 19px; } }
@media (max-width: 680px) { .find-ride-section { margin-top: 23px; padding: 17px; grid-template-columns: 1fr; gap: 17px; }.find-ride-copy h2 { font-size: 23px; }.ride-visual { padding: 11px; }.ride-stage { height: 105px; } }
@media (prefers-reduced-motion: reduce) { .ride-car, .ride-passenger { animation: none; }.ride-car { left: calc(50% - 55px); }.ride-passenger { opacity: .5; } }

/* Mobile and compact tablet category cards plus searchable full-screen panel. */
.mobile-category-menu, .mobile-category-overlay { display: none; }
body.mobile-categories-open { overflow: hidden; }
@media (max-width: 680px) {
  .category-nav { display: none !important; }
  .mobile-category-menu { display: block; margin-top: 21px; }
  .mobile-category-menu > h2 { margin: 0 0 10px; color: var(--ink); font: 800 16px/1.2 "Nunito Sans", sans-serif; }
  .mobile-category-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .mobile-category-card { min-width: 0; min-height: 94px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 10px 7px; border: 1px solid #f0dcde; border-radius: 11px; color: var(--ink); background: linear-gradient(145deg, #fff, #fff7f7); box-shadow: 0 3px 10px #d9232e0b; text-align: center; font-size: 10px; font-weight: 700; line-height: 1.25; cursor: pointer; transition: transform .18s ease, border-color .18s ease, background-color .18s ease, box-shadow .18s ease; }
  .mobile-category-card:active { transform: scale(.97); }
  .mobile-category-card:hover, .mobile-category-card:focus-visible { transform: translateY(-2px); border-color: #eab6ba; background: #fff0f1; box-shadow: 0 7px 16px #d9232e16; outline: none; }
  .mobile-category-icon { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid #f3d5d8; border-radius: 10px; color: var(--accent); background: #fff; }
  .mobile-category-icon svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
  .mobile-category-overlay { position: fixed; inset: 0; z-index: 100; display: block; overflow-y: auto; overscroll-behavior: contain; color: var(--ink); background: #fff; opacity: 0; visibility: hidden; transform: translateY(12px); transition: opacity .22s ease, transform .22s ease, visibility .22s ease; }
  .mobile-category-overlay.is-open { opacity: 1; visibility: visible; transform: translateY(0); }
  .mobile-category-dialog { width: min(100%, 620px); min-height: 100vh; min-height: 100dvh; margin: 0 auto; padding: max(18px, env(safe-area-inset-top)) 20px max(22px, env(safe-area-inset-bottom)); background: #fff; }
  .mobile-category-back { min-height: 42px; display: inline-flex; align-items: center; gap: 8px; padding: 0 13px 0 8px; border: 0; border-radius: 8px; color: var(--ink); background: #f6f7f9; font-size: 12px; font-weight: 700; }
  .mobile-category-back span { color: var(--accent); font-size: 18px; }
  .mobile-category-title { margin: 25px 0 16px; }
  .mobile-category-title p { margin: 0 0 5px; color: var(--accent); font-size: 9px; font-weight: 800; letter-spacing: 1.2px; }
  .mobile-category-title h2 { margin: 0; font: 900 25px/1.15 "Nunito Sans", sans-serif; letter-spacing: -.5px; }
  .mobile-subcategory-search { height: 50px; display: flex; align-items: center; gap: 10px; padding: 0 14px; border: 1px solid #e3e6eb; border-radius: 10px; background: #f9fafb; }
  .mobile-subcategory-search:focus-within { border-color: #df8e94; box-shadow: 0 0 0 3px #d9232e12; }
  .mobile-subcategory-search svg { width: 18px; height: 18px; flex: 0 0 auto; fill: none; stroke: #9099a5; stroke-width: 1.8; stroke-linecap: round; }
  .mobile-subcategory-search input { width: 100%; min-width: 0; border: 0; outline: 0; color: var(--ink); background: transparent; font-size: 13px; }
  .mobile-subcategory-search input::placeholder { color: #929aa6; }
  .mobile-subcategory-list { display: grid; gap: 8px; }
  .mobile-subcategory-link { min-height: 52px; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 0 15px; border: 1px solid #eceef2; border-radius: 9px; color: var(--ink); background: #fff; text-decoration: none; font-size: 13px; font-weight: 600; transition: border-color .18s ease, color .18s ease, background-color .18s ease; }
  .mobile-subcategory-link > span:last-child { color: #a3aab4; font-size: 17px; }
  .mobile-subcategory-link:hover, .mobile-subcategory-link:focus-visible { border-color: #e6b4b8; color: var(--accent); background: #fff8f8; outline: none; }
  .mobile-subcategory-empty { margin: 24px 0; color: var(--muted); font-size: 13px; text-align: center; }
}
@media (max-width: 540px) { .mobile-category-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }.mobile-category-card { min-height: 90px; font-size: 11px; } }
@media (prefers-reduced-motion: reduce) { .mobile-category-card, .mobile-category-overlay, .mobile-subcategory-link { transition: none; } }

/* Compact mobile discovery hero and persistent member avatar. */
.mobile-hero { display: none; }
.profile-avatar-button { width: 40px; height: 40px; display: grid; place-items: center; flex: 0 0 auto; overflow: hidden; border: 2px solid #f3d7d9; border-radius: 50%; color: #fff; background: linear-gradient(145deg, #f06a65, #a7182a); text-decoration: none; box-shadow: 0 2px 8px #17233b12; transition: transform .18s ease, box-shadow .18s ease; }
.profile-avatar-button:hover { transform: translateY(-1px); box-shadow: 0 5px 12px #17233b1c; }
.profile-avatar-button:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
.member-avatar-image { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; }
.member-avatar-fallback { display: grid; place-items: center; width: 100%; height: 100%; font: 800 11px "Nunito Sans", sans-serif; letter-spacing: .2px; }
@media (max-width: 680px) {
  .intro { padding: 17px 18px 22px; }
  .intro > .eyebrow, .intro > .title-row, .intro > .quick-links { display: none !important; }
  .mobile-hero { min-height: 122px; display: flex; align-items: center; justify-content: space-between; gap: 8px; position: relative; overflow: hidden; padding: 16px 15px; border: 1px solid #f1d7da; border-radius: 15px; background: linear-gradient(115deg, #fff8f8 0%, #fff1f2 56%, #ffe6e8 100%); }
  .mobile-hero-copy { position: relative; z-index: 1; min-width: 0; }
  .mobile-hero-copy > p { margin: 0 0 5px; color: var(--accent); font-size: 8px; font-weight: 800; letter-spacing: 1.1px; }
  .mobile-hero-copy h1 { margin: 0; color: var(--ink); font: 900 21px/1.05 "Nunito Sans", sans-serif; letter-spacing: -.55px; }
  .mobile-hero-copy > span { display: block; margin-top: 5px; color: #727d8d; font-size: 9px; }
  .mobile-hero-art { width: 94px; height: 90px; position: relative; flex: 0 0 94px; display: grid; place-items: center; }
  .mobile-hero-glow { position: absolute; width: 74px; height: 74px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 9px #ffffff62; }
  .mobile-hero-art > svg { position: relative; z-index: 1; width: 43px; height: 50px; fill: #d9232e; stroke: #fff; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; filter: drop-shadow(0 4px 5px #a7182a30); }
  .mobile-hero-tag { position: absolute; z-index: 2; right: -4px; bottom: 1px; display: flex; align-items: center; gap: 4px; padding: 5px 7px; border: 1px solid #f0dfe0; border-radius: 20px; color: #475264; background: #fff; box-shadow: 0 3px 8px #17233b0c; font-size: 8px; font-weight: 700; white-space: nowrap; }
  .mobile-hero-tag i { width: 6px; height: 6px; border-radius: 50%; background: #27a16a; box-shadow: 0 0 0 3px #27a16a1c; }
  .searchbox { margin-top: 13px; }
  .search-field { min-height: 54px; border-color: #eadcde; box-shadow: 0 4px 12px #17233b08; }
  .mobile-category-menu { margin-top: 19px; }
  .mobile-category-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .mobile-category-card { min-height: 88px; padding: 8px 5px; font-size: clamp(9px, 2.7vw, 11px); }
  .mobile-category-icon { width: 31px; height: 31px; }
  .mobile-category-overlay { overflow: hidden; }
  .mobile-category-dialog { height: 100vh; height: 100dvh; min-height: 0; display: flex; flex-direction: column; overflow: hidden; }
  .mobile-category-title, .mobile-subcategory-search { flex: 0 0 auto; }
  .mobile-subcategory-list { min-height: 0; flex: 1 1 auto; display: grid; align-content: start; gap: 8px; overflow-y: auto; padding: 0 2px 8px 0; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; }
  .mobile-subcategory-link { flex: 0 0 auto; min-height: 52px; }
  .mobile-subcategory-empty { flex: 1 1 auto; }
  .profile-avatar-button { width: 36px; height: 36px; }
  .header-actions { gap: 9px; }
}
@media (max-width: 360px) { .mobile-hero { min-height: 116px; padding: 13px 12px; }.mobile-hero-copy h1 { font-size: 19px; }.mobile-hero-art { width: 82px; flex-basis: 82px; }.profile-avatar-button { width: 34px; height: 34px; }.post-button { padding: 8px 9px; } }

/* Recursive category tree: every level is rendered from the database tree. */
.mobile-category-strip { display: none; }
.category-mega { display: block; grid-template-columns: 1fr; width: 260px; max-height: min(70vh, 560px); overflow: visible; padding: 14px; }
.category-mega > strong { display: block; margin: 2px 8px 8px; }
.category-mega .category-tree-list { display: grid; gap: 2px; margin: 0; padding: 0; list-style: none; }
.category-mega .category-tree-item { position: relative; min-width: 0; }
.category-mega .category-tree-item > a { display: flex; min-height: 36px; align-items: center; justify-content: space-between; gap: 14px; padding: 7px 9px; border-radius: 6px; color: #465160; font-size: 12px; text-decoration: none; white-space: nowrap; }
.category-mega .category-tree-item:hover > a, .category-mega .category-tree-item:focus-within > a { color: var(--accent); background: #fff1f2; }
.category-mega .category-tree-list .category-tree-list { position: absolute; top: -5px; left: calc(100% - 1px); z-index: 5; width: 235px; max-height: min(65vh, 500px); overflow: visible; padding: 10px; border: 1px solid #e5e8ee; border-radius: 8px; background: #fff; box-shadow: 0 16px 36px #15253624; opacity: 0; visibility: hidden; pointer-events: none; transform: translateX(5px); transition: opacity .16s ease, transform .16s ease, visibility .16s ease; }
.category-mega .category-tree-item:hover > .category-tree-list, .category-mega .category-tree-item:focus-within > .category-tree-list { opacity: 1; visibility: visible; pointer-events: auto; transform: translateX(0); }
.category-nav .nav-category:nth-last-child(-n + 5) .category-tree-list .category-tree-list { right: calc(100% - 1px); left: auto; transform: translateX(-5px); }
.category-nav .nav-category:nth-last-child(-n + 5) .category-tree-item:hover > .category-tree-list, .category-nav .nav-category:nth-last-child(-n + 5) .category-tree-item:focus-within > .category-tree-list { transform: translateX(0); }
.category-tree-arrow { color: #9ba3ad; font-size: 17px; }
.ad-card-link { display: block; color: inherit; text-decoration: none; }
.ad-card-link:focus-visible { outline: 3px solid #d9232e80; outline-offset: -3px; }
.mobile-category-view-all { display: inline-flex; margin: 0 0 15px; color: var(--accent); font-size: 12px; font-weight: 700; text-decoration: none; }
.mobile-category-link-button { width: 100%; font: inherit; text-align: left; cursor: pointer; }
.ad-grid > .listings-empty { grid-column: 1 / -1; min-height: 340px; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 5px 0 12px; padding: 34px 24px; border: 1px solid #e7ebf0; border-radius: 14px; background: radial-gradient(ellipse at 50% 0%, #fff3f4 0, #fff 58%); text-align: center; }
.listings-empty-icon { width: 72px; height: 72px; display: grid; place-items: center; margin-bottom: 18px; border: 1px solid #f5d8dc; border-radius: 22px; color: var(--accent); background: #fff; box-shadow: 0 10px 28px #bd1d2b12; }
.listings-empty-icon svg { width: 42px; height: 42px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.listings-empty-eyebrow { color: var(--accent); font-size: 11px; font-weight: 800; letter-spacing: .12em; }
.listings-empty h3 { margin: 8px 0 7px; color: #202b3b; font: 800 24px/1.2 "Nunito Sans", sans-serif; }
.listings-empty p { max-width: 430px; margin: 0; color: #667387; font-size: 14px; line-height: 1.65; }
.listings-empty-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 22px; }
.listings-empty-actions a { min-height: 42px; box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 0 17px; border: 1px solid #dfe4eb; border-radius: 7px; color: #26344a; background: #fff; font-size: 13px; font-weight: 700; text-decoration: none; transition: background .18s ease, transform .18s ease; }
.listings-empty-actions a:hover { transform: translateY(-1px); background: #fafbfc; }
.listings-empty-actions .empty-browse-link { border-color: var(--accent); color: #fff; background: var(--accent); }
.listings-empty-actions .empty-browse-link:hover { background: #b81c2a; }
@media (max-width: 680px) { .ad-grid > .listings-empty { min-height: 290px; padding: 28px 17px; border-radius: 10px; } .listings-empty-icon { width: 62px; height: 62px; border-radius: 18px; } .listings-empty-icon svg { width: 36px; height: 36px; } .listings-empty h3 { font-size: 21px; } .listings-empty p { font-size: 13px; } .empty-desktop-break { display: none; } }
.messages-page { min-height: 100vh; background: #f5f7fa; color: #1e2a3b; font-family: Inter, sans-serif; }
.messages-shell { width: min(1180px, calc(100% - 40px)); margin: 0 auto; padding: 38px 0 56px; }
.messages-page-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.messages-page-heading .eyebrow { margin: 0 0 7px; color: var(--accent); font-size: 11px; font-weight: 800; letter-spacing: .12em; }
.messages-page-heading h1 { margin: 0; font: 900 30px/1.1 "Nunito Sans", sans-serif; }
.messages-page-heading p:not(.eyebrow) { margin: 7px 0 0; color: #667387; font-size: 14px; }
.messages-page-heading > a { color: var(--accent); font-size: 13px; font-weight: 700; text-decoration: none; }
.messages-workspace { min-height: 610px; display: grid; grid-template-columns: 350px minmax(0, 1fr); overflow: hidden; border: 1px solid #e1e7ee; border-radius: 14px; background: #fff; box-shadow: 0 12px 36px #1d2d460c; }
.conversation-sidebar { min-width: 0; border-right: 1px solid #e5eaf0; }
.conversation-sidebar-head { display: flex; align-items: center; justify-content: space-between; padding: 20px; border-bottom: 1px solid #edf0f4; }
.conversation-sidebar-head h2 { margin: 0; font-size: 16px; }
.conversation-sidebar-head > span { min-width: 24px; padding: 4px 7px; border-radius: 20px; color: #69778b; background: #f1f3f6; font-size: 11px; text-align: center; }
.conversation-list { max-height: 590px; overflow-y: auto; }
.conversation-list-loading,.conversation-list-empty { padding: 22px 18px; color: #78869a; font-size: 13px; line-height: 1.55; }
.conversation-item { width: 100%; min-height: 82px; display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; gap: 11px; padding: 12px 15px; border: 0; border-bottom: 1px solid #f0f2f5; background: #fff; text-align: left; cursor: pointer; }
.conversation-item:hover,.conversation-item.is-active { background: #fff6f7; }
.conversation-person-avatar { width: 42px; height: 42px; display: grid; flex: 0 0 auto; place-items: center; border-radius: 50%; color: #b51d2a; background: #ffeaec; font-size: 13px; font-weight: 800; }
.conversation-item-copy { min-width: 0; display: grid; gap: 4px; }
.conversation-item-copy strong,.conversation-item-copy small,.conversation-item-copy > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.conversation-item-copy strong { color: #243147; font-size: 13px; }
.conversation-item-copy small,.conversation-item-copy > span { color: #738198; font-size: 11px; }
.conversation-item-meta { display: grid; justify-items: end; gap: 7px; color: #8591a2; font-size: 10px; }
.unread-count { min-width: 19px; height: 19px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: var(--accent); font-size: 10px; }
.conversation-panel { min-width: 0; min-height: 610px; display: flex; flex-direction: column; }
.conversation-empty { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 25px; color: #758297; text-align: center; }
.conversation-empty[hidden],.active-conversation-head[hidden],.message-thread[hidden],.message-composer[hidden],.new-chat-intro[hidden] { display: none; }
.conversation-empty > span { width: 62px; height: 62px; display: grid; place-items: center; border-radius: 20px; color: var(--accent); background: #fff0f1; font-size: 28px; }
.conversation-empty h2 { margin: 15px 0 6px; color: #243147; font: 800 19px "Nunito Sans", sans-serif; }
.conversation-empty p { max-width: 300px; margin: 0; font-size: 13px; line-height: 1.6; }
.active-conversation-head { min-height: 72px; display: flex; align-items: center; gap: 12px; padding: 12px 18px; border-bottom: 1px solid #edf0f4; }
.active-conversation-person { min-width: 0; display: grid; gap: 4px; }
.active-conversation-person strong { color: #26344a; font-size: 14px; }
.active-conversation-person a { overflow: hidden; color: #728097; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.conversation-listing-photo { width: 52px; height: 48px; margin-left: auto; border-radius: 7px; background-position: center; background-size: cover; }
.message-thread { flex: 1; max-height: 460px; display: flex; flex-direction: column; gap: 11px; overflow-y: auto; padding: 22px; background: #fafbfd; }
.message-row { display: flex; justify-content: flex-start; }
.message-row.is-mine { justify-content: flex-end; }
.message-bubble { max-width: min(78%, 510px); padding: 11px 13px 8px; border: 1px solid #e5eaf0; border-radius: 12px 12px 12px 3px; background: #fff; box-shadow: 0 2px 6px #20334a08; }
.message-row.is-mine .message-bubble { border-color: #f1d3d6; border-radius: 12px 12px 3px 12px; background: #fff0f1; }
.message-bubble p { margin: 0; color: #28364a; font-size: 13px; line-height: 1.55; white-space: pre-wrap; overflow-wrap: anywhere; }
.message-bubble time { display: block; margin-top: 6px; color: #8793a4; font-size: 10px; text-align: right; }
.message-bubble .message-receipt { display: block; margin-top: 2px; color: #8290a2; font: 700 11px/1 Inter, sans-serif; text-align: right; letter-spacing: -2px; }
.message-bubble .message-receipt.is-read { color: #1786d4; }
.thread-start-note,.thread-loading { margin: auto; color: #8390a2; font-size: 13px; }
.thread-loading { display: flex; align-items: center; justify-content: center; gap: 9px; }
.new-chat-intro { padding: 13px 20px 0; color: #44536a; }
.new-chat-intro strong { font-size: 13px; }
.new-chat-intro p { margin: 5px 0 0; color: #78869a; font-size: 11px; }
.message-composer { padding: 13px 16px 16px; border-top: 1px solid #edf0f4; background: #fff; }
.message-composer textarea { width: 100%; min-height: 58px; box-sizing: border-box; resize: vertical; padding: 12px; border: 1px solid #dfe5ec; border-radius: 8px; color: #26344a; font: 13px/1.5 Inter, sans-serif; outline: none; }
.message-composer textarea:focus { border-color: #d9232e; box-shadow: 0 0 0 3px #d9232e13; }
.composer-footer { min-height: 39px; display: flex; align-items: end; justify-content: space-between; gap: 12px; margin-top: 8px; }
.composer-footer > span { color: #718096; font-size: 11px; }
.composer-footer > span.is-error { color: #c42030; }
.composer-footer button { min-height: 38px; padding: 0 15px; border: 0; border-radius: 7px; color: #fff; background: var(--accent); font-size: 12px; font-weight: 700; cursor: pointer; }
.composer-footer button:disabled { opacity: .65; cursor: wait; }
.owner-listing-note { margin: 12px 0 0; color: #667387; font-size: 12px; }
.notifications-page { min-height: 100vh; background: #f5f7fa; color: #1e2a3b; font-family: Inter, sans-serif; }
.notifications-shell { width: min(1000px, calc(100% - 40px)); min-height: 560px; margin: 0 auto; padding: 42px 0 55px; }
.notifications-shell > header .eyebrow { margin: 0 0 7px; color: var(--accent); font-size: 11px; font-weight: 800; letter-spacing: .12em; }
.notifications-shell h1 { margin: 0; font: 900 30px/1.1 "Nunito Sans", sans-serif; }
.notifications-shell > header p:last-child { margin: 8px 0 0; color: #667387; font-size: 14px; }
.notifications-empty { min-height: 350px; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 25px; padding: 30px; border: 1px solid #e3e8ef; border-radius: 14px; background: #fff; text-align: center; box-shadow: 0 10px 30px #1d2d4608; }
.notifications-empty > span { width: 68px; height: 68px; display: grid; place-items: center; border-radius: 21px; color: var(--accent); background: #fff0f1; }
.notifications-empty svg { width: 34px; height: 34px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.notifications-empty h2 { margin: 16px 0 6px; color: #243147; font: 800 21px "Nunito Sans", sans-serif; }
.notifications-empty p { max-width: 380px; margin: 0 0 18px; color: #728097; font-size: 14px; line-height: 1.6; }
.notifications-empty a { display: inline-flex; align-items: center; min-height: 42px; padding: 0 17px; border-radius: 7px; color: #fff; background: var(--accent); font-size: 13px; font-weight: 700; text-decoration: none; }
@media (max-width: 760px) { .messages-shell { width: min(100% - 24px, 600px); padding: 25px 0 38px; } .messages-page-heading { align-items: flex-start; } .messages-page-heading h1 { font-size: 26px; } .messages-workspace { min-height: 70vh; grid-template-columns: 1fr; } .conversation-sidebar { border-right: 0; border-bottom: 1px solid #e5eaf0; } .conversation-list { max-height: 210px; } .conversation-panel { min-height: 420px; } .message-thread { max-height: 390px; min-height: 220px; padding: 16px; } }
@media (min-width: 681px) {
  .category-nav { flex-wrap: wrap; justify-content: center; overflow: visible; }
}
@media (min-width: 681px) and (max-width: 1180px) {
  .category-nav .nav-category:nth-last-child(-n + 4) .category-tree-list .category-tree-list { right: auto; left: calc(100% - 1px); transform: translateX(5px); }
  .category-nav .nav-category:nth-last-child(-n + 4) .category-tree-item:hover > .category-tree-list, .category-nav .nav-category:nth-last-child(-n + 4) .category-tree-item:focus-within > .category-tree-list { transform: translateX(0); }
}
@media (max-width: 680px) {
  .mobile-category-strip { display: flex; flex-wrap: nowrap; gap: 8px; overflow-x: auto; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding: 10px 18px; border-bottom: 1px solid var(--line); background: #fff; }
  .mobile-category-strip::-webkit-scrollbar { display: none; }
  .mobile-category-pill { flex: 0 0 auto; min-height: 37px; padding: 0 13px; border: 1px solid #f0dcde; border-radius: 20px; color: #4d5663; background: #fff; font-size: 11px; font-weight: 700; white-space: nowrap; cursor: pointer; }
  .mobile-category-pill:hover, .mobile-category-pill:focus-visible { border-color: #eab6ba; color: var(--accent); background: #fff5f5; outline: none; }
  .mobile-category-pill-all { color: var(--accent); background: #fff8f8; }
  .home-page .mobile-category-strip { display: none; }
  .mobile-category-view-all { flex: 0 0 auto; min-height: 35px; align-items: center; }
  .mobile-subcategory-link:is(button) { width: 100%; font: inherit; text-align: left; cursor: pointer; }
}

/* Keep mobile search controls on a single touch-friendly row. */
@media (max-width: 680px) {
  .searchbox { grid-template-columns: minmax(0, 1fr) minmax(86px, 120px) 58px; align-items: stretch; gap: 7px; }
  .search-field { min-width: 0; min-height: 52px; gap: 7px; padding-inline: 9px; }
  .search-field span { font-size: 22px; }
  .search-field input { min-width: 0; font-size: 12px; }
  .state-field { min-width: 0; min-height: 52px; grid-template-columns: 1fr; grid-template-rows: auto 1fr; align-content: center; gap: 1px; padding: 5px 7px; }
  .state-field span { grid-column: 1; grid-row: 1; font-size: 8px; }
  .state-field select { grid-column: 1; grid-row: 2; align-self: center; font-size: 10px; }
  .searchbox > button { width: 58px; min-width: 58px; min-height: 52px; padding: 0 5px; font-size: 10px; }
  .search-arrow { display: none; }
  .security-notice { font-size: 9px; }
  .security-notice > span { width: 16px; height: 16px; font-size: 10px; }
  .social-links a { width: 20px; height: 20px; }
  .social-links svg { width: 14px; height: 14px; }
}
@media (max-width: 360px) {
  .searchbox { grid-template-columns: minmax(0, 1fr) 82px 54px; gap: 5px; }
  .state-field { padding-inline: 6px; }
  .searchbox > button { width: 54px; min-width: 54px; }
  .security-notice { font-size: 8px; }
  .security-notice > span { width: 14px; height: 14px; }
  .social-links { gap: 3px; }
  .social-links a { width: 18px; height: 18px; }
  .social-links svg { width: 13px; height: 13px; }
}

/* Homepage discovery features and compact city-scene hero. */
.intro { position: relative; isolation: isolate; overflow: hidden; margin: 0 auto; padding-top: 38px; padding-bottom: 26px; border: 1px solid #f1e4e4; border-top: 0; border-radius: 0 0 20px 20px; background: linear-gradient(118deg, #fff 0%, #fffafa 57%, #fff2f2 100%); }
.intro > *:not(.hero-city-art) { position: relative; z-index: 1; }
.hero-city-art { position: absolute; z-index: 0; right: max(2vw, 18px); bottom: 0; width: min(40vw, 420px); height: 170px; color: #c8323a; opacity: .10; pointer-events: none; }
.hero-city-art svg { display: block; width: 100%; height: 100%; fill: currentColor; }
.title-row { max-width: 1040px; }
.searchbox { position: relative; z-index: 1; max-width: 1040px; margin-top: 22px; }
.popular-states { position: relative; z-index: 1; max-width: 1040px; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 9px; margin-top: 12px; }
.popular-state-card { min-width: 0; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 9px 11px; border: 1px solid #f0e2e2; border-radius: 9px; color: var(--ink); background: #ffffffdf; box-shadow: 0 3px 10px #17233b07; text-decoration: none; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; }
.popular-state-card:hover { transform: translateY(-2px); border-color: #e9bdc0; box-shadow: 0 7px 16px #d9232e12; }
.popular-state-card > span { overflow: hidden; color: #586273; font-size: 11px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; }
.popular-state-card strong { flex: 0 0 auto; color: var(--accent); font-size: 11px; }
.popular-state-card small { color: #858d98; font-size: 9px; font-weight: 600; }
.feature-section { max-width: 1170px; margin: 3px auto 34px; padding: 0 30px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.feature-card { min-width: 0; min-height: 188px; position: relative; display: flex; flex-direction: column; align-items: flex-start; overflow: hidden; padding: 18px 17px 15px; border: 1px solid #eee3e3; border-radius: 14px; color: var(--ink); background: linear-gradient(145deg, #fff 0%, #fffafa 100%); box-shadow: 0 5px 18px #17233b08; text-decoration: none; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.feature-card::after { content: ""; position: absolute; width: 105px; height: 105px; right: -32px; top: -35px; border-radius: 50%; background: #d9232e08; transition: transform .24s ease, background .24s ease; }
.feature-card:hover { transform: translateY(-4px); border-color: #e7bdc0; box-shadow: 0 13px 27px #17233b12; }
.feature-card:hover::after { transform: scale(1.35); background: #d9232e12; }
.feature-icon { width: 38px; height: 38px; z-index: 1; display: grid; place-items: center; margin-bottom: 12px; border: 1px solid #f0d9db; border-radius: 11px; color: var(--accent); background: #fff4f4; }
.feature-icon svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.feature-kicker { color: #8a929e; font-size: 8px; font-weight: 800; letter-spacing: 1px; }
.feature-card > strong { margin-top: 3px; font: 800 16px/1.2 "Nunito Sans", sans-serif; letter-spacing: -.25px; }
.feature-description { max-width: 240px; margin-top: 6px; color: #727d8d; font-size: 10px; line-height: 1.5; }
.feature-link { margin-top: auto; padding-top: 10px; color: var(--accent); font-size: 10px; font-weight: 800; }
.feature-link b { margin-left: 3px; font-size: 12px; transition: margin .18s ease; }
.feature-card:hover .feature-link b { margin-left: 7px; }
@media (max-width: 900px) { .feature-section { grid-template-columns: repeat(2, minmax(0, 1fr)); }.popular-state-card { padding-inline: 8px; } }
@media (max-width: 680px) {
  .intro { padding: 18px 18px 21px; border-radius: 0 0 15px 15px; }
  .intro > .mobile-hero { display: none !important; }
  .intro > .eyebrow { display: block !important; margin-bottom: 6px; font-size: 9px; }
  .intro > .title-row { display: block !important; }
  .title-row h1 { font-size: clamp(29px, 8vw, 37px); line-height: 1.02; letter-spacing: -1.7px; }
  .title-row p { max-width: 280px; margin-top: 7px; font-size: 12px; }
  .hero-city-art { right: -32px; width: 220px; height: 104px; opacity: .08; }
  .searchbox { grid-template-columns: minmax(0, 1fr) 80px 80px 56px; gap: 5px; margin-top: 13px; padding: 5px; }
  .category-field { display: grid !important; grid-template-columns: 1fr; grid-template-rows: auto 1fr; align-content: center; gap: 1px; padding: 5px 6px; }
  .category-field span, .state-field span { grid-column: 1; grid-row: 1; font-size: 7px; }
  .category-field select, .state-field select { grid-column: 1; grid-row: 2; align-self: center; font-size: 9px; }
  .state-field { grid-template-columns: 1fr; grid-template-rows: auto 1fr; gap: 1px; padding: 5px 6px; }
  .search-field { gap: 4px; padding-inline: 6px; }
  .search-field span { font-size: 18px; }
  .search-field input { font-size: 10px; }
  .searchbox > button { width: 56px; min-width: 56px; padding: 0 3px; font-size: 9px; }
  .search-arrow { display: none; }
  .popular-states { grid-template-columns: repeat(5, minmax(92px, 1fr)); overflow-x: auto; margin-top: 9px; padding: 1px 1px 5px; scrollbar-width: thin; }
  .popular-state-card { padding: 8px; }
  .popular-state-card > span, .popular-state-card strong { font-size: 10px; }
  .intro > .quick-links { display: none !important; }
  .feature-section { display: none !important; }
}
@media (max-width: 380px) {
  .searchbox { grid-template-columns: minmax(0, 1fr) 72px 72px 50px; gap: 4px; }
  .searchbox > button { width: 50px; min-width: 50px; }
  .search-field input { font-size: 9px; }
}

/* Keep the full hero and state discovery row for larger screens. */
.popular-state-card { border-color: #edcfd1; background: linear-gradient(125deg, #fff4f4, #fff 78%); box-shadow: 0 4px 12px #d9232e0d; }
.popular-state-card > span { color: #343e4c; }
.popular-state-card strong { padding: 4px 6px; border-radius: 6px; background: #fdebed; }
.search-button-icon { display: none; }
@media (max-width: 680px) {
  .intro { padding: 8px 18px 21px; overflow: visible; border: 0; border-radius: 0; background: transparent; }
  .hero-city-art,
  .intro > .eyebrow,
  .intro > .title-row,
  .intro > .popular-states,
  .intro > .quick-links { display: none !important; }
  .intro > .mobile-hero { display: flex !important; min-height: 108px; margin-bottom: 11px; }
  .intro > .searchbox { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(84px, 110px) 56px; margin-top: 0; }
  .intro .category-field { display: none !important; }
  .intro .state-field { display: grid !important; }
  .searchbox > button .search-button-text { display: none; }
  .searchbox > button .search-arrow { display: none; }
  .searchbox > button .search-button-icon { width: 22px; height: 22px; display: grid; place-items: center; margin: 0; }
  .searchbox > button .search-button-icon svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; }
  .intro > .mobile-category-menu { display: block !important; margin-top: 0; }
}
@media (max-width: 680px) {
  .category-card-skeletons { display: none; }
  .mobile-category-grid.is-loading > .mobile-category-card { display: none; }
  .mobile-category-grid.is-loading > .category-card-skeletons { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
  .category-skeleton-card { min-width: 0; min-height: 90px; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 9px; overflow: hidden; border: 1px solid #f0dcde; border-radius: 11px; background: linear-gradient(145deg, #fff, #fff7f7); }
  .category-skeleton-card > i { width: 34px; height: 34px; border: 1px solid #f3e5e6; border-radius: 10px; background: #f7eded; }
  .category-skeleton-card > b { width: 58%; height: 7px; border-radius: 5px; background: #f0e6e7; }
  .category-skeleton-card::after { content: ""; position: absolute; inset: 0; transform: translateX(-100%); background: linear-gradient(100deg, transparent 15%, #fff9 48%, transparent 80%); animation: category-skeleton-shimmer 1.15s ease-in-out infinite; }
}
@keyframes category-skeleton-shimmer { to { transform: translateX(100%); } }
@media (prefers-reduced-motion: reduce) { .category-skeleton-card::after { animation: none; } }

/* Refined, readable marketplace footer shared by the homepage and ad results. */
.confidence { margin-bottom: 28px; }
.site-footer { width: min(1230px, calc(100% - 48px)); position: relative; display: block !important; margin: 26px auto 24px; padding: 0 34px 10px; overflow: hidden; border: 1px solid #253349; border-radius: 20px; color: #e4eaf2; background: #101c30 !important; box-shadow: 0 18px 42px #101c3020; }
.site-footer .footer-cta { display: flex !important; align-items: center; justify-content: space-between; gap: 26px; margin: 0 -34px; padding: 27px 34px; color: #fff; background: linear-gradient(115deg, #b91f2b, #dc3d43 62%, #ed655b); }
.site-footer .footer-cta p { margin: 0 0 7px; color: #ffe4e3; font-size: 11px; font-weight: 800; letter-spacing: 1.2px; }
.site-footer .footer-cta h2 { margin: 0; color: #fff; font: 900 clamp(23px, 3vw, 32px)/1.04 "Nunito Sans", sans-serif; letter-spacing: -.7px; }
.footer-cta-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.footer-cta-actions a { min-height: 44px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 0 16px; border: 1px solid #ffffff80; border-radius: 9px; color: #9f1c27; background: #fff; text-decoration: none; font-size: 14px; font-weight: 800; transition: transform .18s ease, box-shadow .18s ease; }
.footer-cta-actions a:last-child { color: #fff; background: #9f1c27; border-color: #ffffff60; }
.footer-cta-actions a:hover { transform: translateY(-2px); box-shadow: 0 6px 14px #58121b30; }
.site-footer .footer-main { display: grid !important; grid-template-columns: 1.55fr repeat(3, minmax(130px, 1fr)); gap: 30px; padding: 36px 0 30px; }
.site-footer .footer-intro .brand { display: inline-block; color: #fff; font-size: 34px; }
.site-footer .footer-intro p { max-width: 270px; margin: 10px 0 15px; color: #b9c4d3; font-size: 14px; line-height: 1.65; }
.site-footer .socials { display: flex; gap: 9px; }
.site-footer .socials a { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid #ffffff30; border-radius: 50%; color: #fff; text-decoration: none; font-size: 15px; font-weight: 700; transition: background-color .18s ease, border-color .18s ease; }
.site-footer .socials a:hover { border-color: #ef888b; background: #d9232e55; }
.site-footer .footer-main h3 { margin: 5px 0 17px; color: #fff; font: 800 15px/1.2 "Nunito Sans", sans-serif; }
.site-footer .footer-main > div > a:not(.brand) { display: block; margin: 0 0 12px; color: #c1cad7; text-decoration: none; font-size: 13px; line-height: 1.35; transition: color .16s ease; }
.site-footer .footer-main > div > a:not(.brand):hover { color: #ff9b98; }
.site-footer .footer-trust { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 0; padding: 17px 0; border-top: 1px solid #ffffff20; border-bottom: 1px solid #ffffff20; }
.site-footer .footer-trust article { min-width: 0; display: flex !important; align-items: center; gap: 11px; padding: 0 16px; border-right: 1px solid #ffffff20; }
.site-footer .footer-trust article:first-child { padding-left: 0; }
.site-footer .footer-trust article:last-child { border: 0; }
.site-footer .footer-trust i { width: 34px; height: 34px; display: grid; place-items: center; flex: 0 0 auto; border-radius: 50%; color: #ff9996; background: #d9232e35; font-size: 17px; font-style: normal; }
.site-footer .footer-trust b, .site-footer .footer-trust small { display: block; }
.site-footer .footer-trust b { color: #fff; font-size: 13px; }
.site-footer .footer-trust small { margin-top: 4px; color: #b1bdcd; font-size: 11px; line-height: 1.35; }
.site-footer .footer-bottom { display: flex !important; align-items: center; justify-content: space-between; gap: 15px; padding: 17px 0 8px; color: #bdc7d5; font-size: 12px; }
.site-footer .footer-bottom p { margin: 0; }
.site-footer .footer-bottom div { display: flex; flex-wrap: wrap; gap: 18px; }
.site-footer .footer-bottom a { color: #bdc7d5; text-decoration: none; }
.site-footer .footer-bottom a:hover { color: #ff9996; }
@media (max-width: 760px) {
  .confidence { margin-bottom: 22px; }
  .site-footer { width: auto; margin: 20px 14px 18px; padding: 0 20px 10px; border-radius: 17px; }
  .site-footer .footer-cta { align-items: flex-start; flex-direction: column; gap: 17px; margin: 0 -20px; padding: 24px 20px; }
  .site-footer .footer-cta h2 { font-size: 26px; }
  .footer-cta-actions { width: 100%; }
  .footer-cta-actions a { flex: 1 1 135px; min-height: 45px; padding-inline: 12px; font-size: 13px; }
  .site-footer .footer-main { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 25px 20px; padding: 26px 0 23px; }
  .site-footer .footer-intro { grid-column: 1 / -1; }
  .site-footer .footer-intro p { max-width: 340px; font-size: 14px; }
  .site-footer .footer-main h3 { margin-bottom: 13px; font-size: 14px; }
  .site-footer .footer-main > div > a:not(.brand) { margin-bottom: 11px; font-size: 13px; }
  .site-footer .footer-trust { grid-template-columns: 1fr; padding: 9px 0; }
  .site-footer .footer-trust article, .site-footer .footer-trust article:first-child { min-height: 56px; padding: 9px 0; border-right: 0; border-bottom: 1px solid #ffffff20; }
  .site-footer .footer-trust article:last-child { border-bottom: 0; }
  .site-footer .footer-trust b { font-size: 13px; }
  .site-footer .footer-trust small { font-size: 11px; }
  .site-footer .footer-bottom { align-items: flex-start; flex-direction: column; gap: 12px; padding-top: 16px; font-size: 12px; }
  .site-footer .footer-bottom div { gap: 17px; }
}
@media (max-width: 380px) {
  .site-footer { margin-inline: 10px; padding-inline: 16px; }
  .site-footer .footer-cta { margin-inline: -16px; padding-inline: 16px; }
  .site-footer .footer-main { gap: 22px 14px; }
  .site-footer .footer-main > div > a:not(.brand) { font-size: 12px; }
}

/* Lightweight footer refresh: airy white surface, readable links, subtle motion. */
.site-footer { width: min(1230px, calc(100% - 48px)); display: block !important; margin: 28px auto 24px; padding: 0 32px; overflow: hidden; border: 1px solid #efe2e3; border-top: 3px solid var(--accent); border-radius: 15px; color: #334052; background: #fff !important; box-shadow: 0 8px 24px #17233b08; }
.site-footer .footer-main { display: grid !important; grid-template-columns: 1.55fr repeat(3, minmax(0, 1fr)); gap: 30px; padding: 30px 0 26px; }
.site-footer .footer-intro .brand { display: inline-block; color: #17233b; font-size: 31px; }
.site-footer .footer-intro p { max-width: 260px; margin: 9px 0 15px; color: #687486; font-size: 14px; line-height: 1.65; }
.site-footer .socials { display: flex; gap: 8px; }
.site-footer .socials a { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid #f0dadd; border-radius: 50%; color: var(--accent); background: #fff8f8; text-decoration: none; font-size: 15px; font-weight: 700; transition: transform .18s ease, color .18s ease, background-color .18s ease, border-color .18s ease; }
.site-footer .socials a:hover { transform: translateY(-3px); border-color: #e5adb1; color: #fff; background: var(--accent); }
.site-footer .footer-main h3 { margin: 4px 0 14px; color: #202b3a; font: 800 15px/1.25 "Nunito Sans", sans-serif; }
.site-footer .footer-main > div:not(.footer-intro) a { width: fit-content; max-width: 100%; position: relative; display: block; margin: 0 0 11px; color: #657184; text-decoration: none; font-size: 14px; line-height: 1.35; transition: color .18s ease, transform .18s ease; }
.site-footer .footer-main > div:not(.footer-intro) a::after { content: ""; position: absolute; right: 100%; bottom: -2px; left: 0; height: 1px; background: var(--accent); transition: right .2s ease; }
.site-footer .footer-main > div:not(.footer-intro) a:hover { transform: translateX(2px); color: var(--accent); }
.site-footer .footer-main > div:not(.footer-intro) a:hover::after { right: 0; }
.site-footer .footer-bottom { min-height: 53px; display: flex !important; align-items: center; justify-content: space-between; gap: 15px; padding: 13px 0; border-top: 1px solid #eee7e7; color: #758092; font-size: 13px; }
.site-footer .footer-bottom p { margin: 0; }
.site-footer .footer-bottom div { display: flex; flex-wrap: wrap; gap: 19px; }
.site-footer .footer-bottom a { color: #687486; text-decoration: none; transition: color .18s ease; }
.site-footer .footer-bottom a:hover { color: var(--accent); }
@media (max-width: 760px) {
  .site-footer { width: auto; margin: 24px 14px 18px; padding: 0 21px; border-radius: 13px; }
  .site-footer .footer-main { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 20px; padding: 25px 0 21px; }
  .site-footer .footer-intro { grid-column: 1 / -1; }
  .site-footer .footer-intro p { max-width: 340px; }
  .site-footer .footer-main h3 { margin-bottom: 12px; font-size: 14px; }
  .site-footer .footer-main > div:not(.footer-intro) a { margin-bottom: 10px; font-size: 13px; }
  .site-footer .footer-bottom { align-items: flex-start; flex-direction: column; gap: 9px; font-size: 12px; }
  .site-footer .footer-bottom div { gap: 17px; }
}
@media (max-width: 380px) {
  .site-footer { margin-right: 10px; margin-left: 10px; padding-right: 16px; padding-left: 16px; }
  .site-footer .footer-main { gap: 22px 13px; }
  .site-footer .footer-main > div:not(.footer-intro) a { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) { .site-footer a, .site-footer a::after { transition: none !important; } }

/* Account dashboard refinement for desktop, tablet, and phone layouts. */
.profile-chip { min-height: 40px; display: inline-flex; align-items: center; gap: 9px; padding: 4px 12px 4px 5px; border: 1px solid #f0dadd; border-radius: 24px; color: var(--ink); background: #fff8f8; font-size: 12px; font-weight: 800; cursor: pointer; }
.profile-chip > b { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; color: #fff; background: linear-gradient(140deg, #e76762, #a7192a); font-size: 10px; }
.account-page { max-width: 1240px; padding: 36px 32px 60px; }
.account-page > .eyebrow { margin-bottom: 9px; }
.account-title { align-items: center; gap: 24px; margin-bottom: 24px; padding: 23px 26px; border: 1px solid #f0e1e2; border-radius: 16px; background: linear-gradient(115deg, #fff 0%, #fff8f8 100%); box-shadow: 0 6px 18px #17233b06; }
.account-title h1 { font-size: clamp(29px, 4vw, 39px); }
.account-title p { margin: 9px 0 0; font-size: 14px; line-height: 1.5; }
.account-title > .post-button { flex: 0 0 auto; border-radius: 9px; text-decoration: none; }
.account-layout { grid-template-columns: 250px minmax(0, 1fr); align-items: start; gap: 22px; }
.account-nav { position: sticky; top: 18px; padding: 18px; border-color: #e9e5e5; box-shadow: 0 7px 20px #17233b06; }
.member { margin-bottom: 12px; padding-bottom: 16px; }
.member b { color: #243044; font-size: 14px; }
.member small, .member em { margin-top: 4px; font-size: 11px; }
.account-tab { min-height: 44px; margin: 3px 0; padding: 10px 11px; border-radius: 9px; font-size: 14px; transition: color .16s ease, background-color .16s ease, transform .16s ease; }
.account-tab:hover { transform: translateX(2px); color: var(--accent); background: #fff7f7; }
.account-tab.active { color: var(--accent); background: #fff0f1; }
.account-tab b { font-size: 11px; }
.sign-out { margin-top: 14px; padding-top: 13px; font-size: 13px; }
.account-panel { min-width: 0; padding: 25px; border-color: #e9e5e5; border-radius: 15px; box-shadow: 0 7px 20px #17233b06; }
.panel-heading { align-items: center; gap: 14px; margin-bottom: 21px; }
.panel-heading h2 { font-size: 24px; }
.panel-heading p { margin: 5px 0 0; font-size: 13px; line-height: 1.45; }
.panel-heading select { min-height: 40px; font-size: 13px; }
.listing-summary { gap: 8px; margin-bottom: 18px; border: 0; overflow: visible; }
.listing-summary article { min-width: 0; padding: 13px 14px; border: 1px solid #eee6e6; border-radius: 10px; background: #fffafa; }
.listing-summary article:last-child { border-right: 1px solid #eee6e6; }
.listing-summary span { color: #273448; font-size: 21px; }
.listing-summary b { margin-top: 4px; font-size: 11px; }
.my-listings article { grid-template-columns: 76px minmax(0, 1fr) auto; gap: 14px; padding: 13px; border-color: #ece7e7; border-radius: 11px; transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease; }
.my-listings article:hover { transform: translateY(-1px); border-color: #e8c6c8; box-shadow: 0 7px 17px #17233b0b; }
.listing-thumb { height: 72px; border-radius: 8px; }
.listing-thumb.is-image-loading, .listing-thumb.is-image-loaded { position: relative; overflow: hidden; background: #edf0f3; }
.listing-thumb.is-image-loading::after { position: absolute; z-index: 2; inset: 0; transform: translateX(-100%); background: linear-gradient(100deg, transparent 15%, #fff9 48%, transparent 80%); content: ""; animation: profile-listing-shimmer 1.2s ease-in-out infinite; pointer-events: none; }
.listing-thumb img { transition: opacity .2s ease; }
.listing-thumb.is-image-loading img { opacity: 0; }
.listing-thumb.is-image-loaded img { opacity: 1; }
.status { padding: 4px 7px; border-radius: 20px; font-size: 10px; }
.listing-info h3 { font-size: 15px; }
.listing-info p { margin: 5px 0; color: #748093; font-size: 12px; line-height: 1.4; }
.listing-info strong, .saved-grid strong { font-size: 15px; }
.listing-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 8px; white-space: normal; }
.listing-actions button, .listing-actions a { min-height: 36px; display: inline-flex; align-items: center; justify-content: center; padding: 0 12px; border: 1px solid #e2e7ee; border-radius: 9px; font: 800 11px/1.2 var(--font-body); text-align: center; text-decoration: none; transition: background .16s ease, border-color .16s ease, color .16s ease, transform .16s ease, box-shadow .16s ease; }
.listing-actions button { width: auto; height: auto; color: #536174; background: #fff; cursor: pointer; }
.listing-actions button[data-listing-status-action="sold"] { border-color: #f0d9dc; color: #ae2937; background: #fff8f8; }
.listing-actions button[data-listing-status-action="active"] { border-color: #cfe9db; color: #237b50; background: #f5fbf7; }
.listing-actions button:disabled { opacity: .6; cursor: wait; }
.listing-actions button:not(:disabled):hover { border-color: #d8a1a6; color: var(--accent); background: #fff5f6; }
.listing-actions a { border-color: var(--accent); color: #fff; background: var(--accent); box-shadow: 0 3px 8px #c9233522; }
.listing-actions a:hover { transform: translateY(-1px); background: #ae1f30; box-shadow: 0 5px 12px #c9233533; }
.listing-actions button:focus-visible, .listing-actions a:focus-visible { outline: 3px solid #c9233538; outline-offset: 2px; }
.account-form { gap: 16px; }
.account-form label { color: #344154; font-size: 13px; }
.account-form input, .account-form textarea { min-height: 42px; padding: 10px 12px; border-color: #e1e5eb; font-size: 14px; }
.account-form textarea { min-height: 100px; }
.account-form input:focus, .account-form textarea:focus, .panel-heading select:focus { border-color: #df9297; box-shadow: 0 0 0 3px #d9232e12; }
.avatar-edit { grid-template-columns: 50px auto; gap: 5px 14px; }
.avatar-edit > span { width: 48px; height: 48px; grid-row: 1 / 3; }
.avatar-edit button { min-height: 35px; padding: 7px 0; text-align: left; font-size: 13px; }
.avatar-edit small { color: #7a8492; font-size: 11px; }
.save-button { min-height: 43px; padding: 0 17px; font-size: 13px; }
.settings-list { max-width: none; }
.settings-list label { gap: 15px; padding: 17px 0; }
.settings-list b, .security-row b { font-size: 14px; }
.settings-list small, .security-row small { margin-top: 4px; font-size: 12px; line-height: 1.45; }
.settings-list input { width: 18px; height: 18px; flex: 0 0 auto; }
.security-status { padding: 15px; }
.security-status b { font-size: 14px; }
.security-status p { margin: 4px 0 0; color: #647184; font-size: 12px; }
.password-form h3 { font-size: 16px; }
.security-row { gap: 14px; }
.security-row .outline-button { min-height: 40px; }
.saved-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.saved-grid article { min-width: 0; padding: 11px; border-color: #ece7e7; border-radius: 11px; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.saved-grid article:hover { transform: translateY(-3px); border-color: #e8c6c8; box-shadow: 0 9px 20px #17233b10; }
.saved-image { height: auto; aspect-ratio: 4 / 3; margin-bottom: 11px; border-radius: 8px; }
.saved-grid b { font-size: 13px; line-height: 1.4; }
.saved-grid small { margin-top: 4px; color: #788395; font-size: 11px; }
.profile-toast { z-index: 60; bottom: 24px; padding: 12px 16px; border-radius: 9px; font-size: 13px; }
@media (max-width: 900px) {
  .account-page { padding-right: 22px; padding-left: 22px; }
  .account-layout { grid-template-columns: 215px minmax(0, 1fr); gap: 16px; }
  .account-panel { padding: 21px; }
  .my-listings article { grid-template-columns: 68px minmax(0, 1fr); }
  .listing-actions { grid-column: 2; justify-content: flex-end; }
}
@media (max-width: 780px) {
  .account-page { padding: 20px 16px 38px; }
  .account-title { align-items: flex-start; flex-direction: column; gap: 15px; margin-bottom: 15px; padding: 20px; }
  .account-title h1 { font-size: clamp(28px, 7vw, 35px); }
  .account-title p { max-width: 440px; font-size: 13px; }
  .account-title > .post-button { min-height: 43px; display: inline-flex; align-items: center; justify-content: center; }
  .account-layout { display: grid !important; grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .account-nav { position: static; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 7px; overflow: visible; padding: 12px; border-radius: 13px; }
  .member { display: flex !important; grid-column: 1 / -1; margin: 0 0 4px; padding: 2px 3px 13px; }
  .member > span { width: 48px; height: 48px; font-size: 15px; }
  .member b { font-size: 14px; }
  .account-tab { width: 100%; min-height: 43px; display: flex !important; justify-content: flex-start; gap: 8px; margin: 0; padding: 9px 10px; border: 1px solid #f0e8e8; background: #fff; white-space: normal; text-align: left; font-size: 12px; }
  .account-tab.active { border-color: #edc9cc; background: #fff2f3; }
  .account-tab b { margin-left: auto; }
  .sign-out { display: block !important; grid-column: 1 / -1; margin: 3px 2px 0; padding: 11px 5px 1px; border-top: 1px solid #eee7e7; font-size: 12px; }
  .account-panels { min-width: 0; }
  .account-panel { padding: 19px; border-radius: 13px; }
  .panel-heading { align-items: flex-start; flex-direction: column; gap: 11px; margin-bottom: 16px; }
  .panel-heading h2 { font-size: 21px; }
  .panel-heading select { width: 100%; }
  .listing-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-bottom: 13px; }
  .listing-summary article, .listing-summary article:last-child { border: 1px solid #eee6e6; border-radius: 9px; padding: 11px; }
  .listing-summary span { font-size: 19px; }
  .listing-summary b { font-size: 11px; }
  .my-listings article { grid-template-columns: 64px minmax(0, 1fr); gap: 10px; padding: 10px; }
  .listing-info { min-width: 0; }
  .listing-thumb { height: 64px; }
  .listing-info h3 { font-size: 13px; line-height: 1.35; }
  .listing-info h3, .listing-info p { overflow-wrap: anywhere; }
  .listing-info p { font-size: 11px; }
  .listing-info strong, .saved-grid strong { font-size: 14px; }
  .listing-actions { display: grid; grid-column: 1 / -1; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; min-width: 0; padding-top: 3px; border-top: 1px solid #f0edef; }
  .listing-actions button, .listing-actions a { width: 100%; min-width: 0; min-height: 40px; padding: 7px 9px; font-size: 11px; white-space: normal; overflow-wrap: anywhere; }
  .listing-actions a { grid-column: 1 / -1; }
  .saved-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .saved-grid article:last-child { display: block; }
  .saved-grid article { padding: 9px; }
  .saved-grid b { font-size: 12px; }
  .saved-grid small { font-size: 10px; }
  .two-fields { grid-template-columns: minmax(0, 1fr); gap: 13px; }
  .account-form { max-width: none; }
  .settings-list b, .security-row b { font-size: 13px; }
  .settings-list small, .security-row small { font-size: 11px; }
  .profile-toast { bottom: calc(78px + env(safe-area-inset-bottom)); max-width: calc(100% - 32px); text-align: center; }
}
@media (max-width: 380px) {
  .account-page { padding-right: 12px; padding-left: 12px; }
  .account-title { padding: 17px; }
  .account-nav { padding: 9px; gap: 6px; }
  .account-tab { padding: 8px; font-size: 11px; }
  .account-panel { padding: 15px; }
  .my-listings article { grid-template-columns: 56px minmax(0, 1fr); gap: 8px; }
  .listing-thumb { height: 58px; }
  .listing-actions { justify-content: space-between; }
  .saved-grid { gap: 8px; }
  .saved-grid article { padding: 8px; }
  .saved-grid b { font-size: 11px; }
}

/* Footer rebuilt to match the light, airy user reference. */
.site-footer { width: 100%; display: block !important; position: relative; margin: 0; padding: 0; overflow: hidden; border: 0; border-radius: 0; color: #28384b; background: #fbfbfc !important; box-shadow: none; }
.site-footer .footer-main { min-height: 435px; position: relative; isolation: isolate; display: grid !important; grid-template-columns: minmax(250px, 1.25fr) minmax(165px, .82fr) minmax(185px, .9fr) minmax(330px, 1.55fr); align-items: start; gap: 0; padding: 78px max(5.2vw, 34px) 58px; }
.site-footer .footer-intro, .site-footer .footer-column, .site-footer .footer-connect { min-width: 0; position: relative; z-index: 1; min-height: 350px; padding: 0 34px 0 40px; border-left: 1px solid #e1e4e9; }
.site-footer .footer-intro { padding-left: 0; border-left: 0; }
.site-footer .footer-logo { display: inline-flex; align-items: center; gap: 9px; color: #13243a; text-decoration: none; font: 900 31px/1 "Nunito Sans", sans-serif; letter-spacing: -.9px; }
.site-footer .footer-logo > svg { width: 43px; height: 49px; fill: #c91d39; stroke: #c91d39; stroke-width: 1; }
.site-footer .footer-logo > svg circle { fill: #fbfbfc; stroke: none; }
.site-footer .footer-logo > span > span { color: #c91d39; }
.site-footer .footer-tagline { margin: 0 0 22px 52px; color: #67768a; font-size: 16px; line-height: 1.35; }
.site-footer .footer-description { max-width: 310px; margin: 0 0 24px; color: #3d4d62; font-size: 15px; line-height: 1.8; }
.site-footer .socials { display: flex; flex-wrap: wrap; gap: 12px; }
.site-footer .socials a { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid #f4d9de; border-radius: 50%; color: #aa1630; background: #fae9ec; transition: transform .2s ease, color .2s ease, background-color .2s ease, box-shadow .2s ease; }
.site-footer .socials a:hover { transform: translateY(-4px); color: #fff; background: #bd1d37; box-shadow: 0 7px 15px #b5193330; }
.site-footer .socials svg { width: 18px; height: 18px; fill: currentColor; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.site-footer .footer-column h3, .site-footer .footer-connect h3 { min-height: 43px; display: flex; align-items: center; gap: 13px; margin: 0 0 20px; color: #19283b; font: 800 18px/1.25 "Nunito Sans", sans-serif; }
.footer-heading-icon { width: 39px; height: 39px; display: inline-grid; place-items: center; flex: 0 0 auto; border: 1px solid #f5d9de; border-radius: 13px; color: #bd1d37; background: #fbe9ec; font-size: 23px; }
.site-footer .footer-column a { min-height: 36px; display: flex; align-items: center; justify-content: space-between; gap: 12px; color: #38495e; text-decoration: none; font-size: 15px; line-height: 1.35; transition: color .17s ease, transform .17s ease; }
.site-footer .footer-column a span { color: #61738a; transition: transform .17s ease, color .17s ease; }
.site-footer .footer-column a:hover { transform: translateX(3px); color: #b21933; }
.site-footer .footer-column a:hover span { transform: translateX(3px); color: #b21933; }
.site-footer .footer-connect > p { max-width: 320px; margin: 0 0 23px; color: #3d4d62; font-size: 15px; line-height: 1.6; }
.footer-newsletter { height: 52px; max-width: 380px; display: flex; align-items: center; gap: 13px; margin-bottom: 49px; padding: 4px 5px 4px 15px; border: 1px solid #f0dfe2; border-radius: 13px; background: #fff; box-shadow: 0 4px 13px #a51b300d; }
.footer-newsletter > svg { width: 21px; height: 21px; flex: 0 0 auto; fill: none; stroke: #27384c; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.footer-newsletter input { width: 100%; min-width: 0; border: 0; outline: 0; color: #26374b; background: transparent; font: 400 14px/1.3 "Inter", sans-serif; }
.footer-newsletter input::placeholder { color: #788599; opacity: 1; }
.footer-newsletter button { width: 43px; height: 43px; display: grid; place-items: center; flex: 0 0 auto; border: 0; border-radius: 11px; color: #fff; background: #c51e3a; font-size: 22px; cursor: pointer; transition: transform .18s ease, background-color .18s ease; }
.footer-newsletter button:hover { transform: translateX(2px); background: #a81730; }
.site-footer .footer-connect h4 { margin: 0 0 16px; color: #19283b; font: 800 17px/1.3 "Nunito Sans", sans-serif; }
.footer-app-badges { display: flex; flex-wrap: wrap; gap: 12px; }
.app-badge { min-width: 164px; min-height: 54px; display: inline-flex; align-items: center; gap: 10px; padding: 6px 12px; border: 1px solid #30343b; border-radius: 10px; color: #fff; background: #111318; }
.app-badge > b { color: #35d17c; font-size: 24px; }
.app-badge > span { display: flex; flex-direction: column; }
.app-badge small { color: #e5e8ec; font-size: 9px; line-height: 1.25; }
.app-badge strong { color: #fff; font-size: 16px; line-height: 1.2; letter-spacing: -.3px; }
.app-badge:nth-child(2) > b { color: #fff; }
.site-footer .footer-city-art { width: min(37vw, 520px); height: auto; position: absolute; z-index: 0; right: 0; bottom: 0; color: #d92343; fill: currentColor; opacity: .095; pointer-events: none; }
.site-footer .footer-bottom { min-height: 76px; display: flex !important; align-items: center; justify-content: space-between; gap: 20px; padding: 13px max(5.2vw, 34px); border-top: 1px solid #e3e6eb; color: #405168; background: #fbfbfc; font-size: 14px; }
.site-footer .footer-bottom p { margin: 0; }
.site-footer .footer-bottom nav { display: flex; align-items: center; gap: 0; }
.site-footer .footer-bottom nav > a { padding: 0 17px; border-right: 1px solid #df7786; color: #35475d; text-decoration: none; white-space: nowrap; transition: color .17s ease; }
.site-footer .footer-bottom nav > a:hover { color: #b21933; }
.site-footer .back-to-top { width: 46px; height: 46px; display: grid; place-items: center; margin-left: 17px; border: 1px solid #f1d3d8; border-radius: 50%; color: #ba1c36; background: #fff; box-shadow: 0 3px 10px #a51b3010; font-size: 25px; cursor: pointer; transition: transform .2s ease, box-shadow .2s ease; }
.site-footer .back-to-top:hover { transform: translateY(-4px); box-shadow: 0 7px 16px #a51b3020; }
@media (max-width: 1050px) {
  .site-footer .footer-main { grid-template-columns: minmax(220px, 1.2fr) minmax(155px, .9fr) minmax(175px, 1fr); gap: 0; padding-right: 28px; padding-left: 28px; }
  .site-footer .footer-intro { grid-row: span 2; }
  .site-footer .footer-connect { grid-column: 2 / 4; min-height: auto; margin-top: 28px; padding-top: 24px; border-top: 1px solid #e1e4e9; }
  .footer-newsletter { margin-bottom: 27px; }
}
@media (max-width: 680px) {
  .site-footer .footer-main { min-height: 0; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 29px 0; padding: 40px 20px 35px; }
  .site-footer .footer-intro { grid-column: 1 / -1; grid-row: auto; min-height: 0; padding: 0 0 26px; border-bottom: 1px solid #e1e4e9; }
  .site-footer .footer-column { min-height: 0; padding: 0 14px 0 0; border: 0; }
  .site-footer .footer-column + .footer-column { padding-right: 0; padding-left: 16px; border-left: 1px solid #e1e4e9; }
  .site-footer .footer-column h3, .site-footer .footer-connect h3 { min-height: 40px; gap: 9px; margin-bottom: 12px; font-size: 16px; }
  .footer-heading-icon { width: 34px; height: 34px; border-radius: 11px; font-size: 19px; }
  .site-footer .footer-column a { min-height: 39px; font-size: 13px; }
  .site-footer .footer-connect { grid-column: 1 / -1; min-height: 0; margin: 0; padding: 24px 0 0; border-top: 1px solid #e1e4e9; border-left: 0; }
  .site-footer .footer-connect > p { font-size: 14px; }
  .footer-newsletter { max-width: none; margin-bottom: 29px; }
  .footer-app-badges { gap: 8px; }
  .app-badge { min-width: 0; flex: 1 1 145px; }
  .site-footer .footer-city-art { width: 70vw; opacity: .055; }
  .site-footer .footer-bottom { min-height: 0; align-items: flex-start; flex-direction: column; gap: 13px; padding: 18px 20px calc(18px + env(safe-area-inset-bottom)); font-size: 12px; }
  .site-footer .footer-bottom nav { width: 100%; justify-content: space-between; }
  .site-footer .footer-bottom nav > a { padding: 0 9px; font-size: 11px; }
  .site-footer .footer-bottom nav > a:first-child { padding-left: 0; }
  .site-footer .back-to-top { width: 40px; height: 40px; flex: 0 0 auto; margin-left: 10px; font-size: 22px; }
}
@media (max-width: 380px) {
  .site-footer .footer-main { padding-right: 15px; padding-left: 15px; }
  .site-footer .footer-bottom { padding-right: 15px; padding-left: 15px; }
  .site-footer .footer-logo { font-size: 28px; }
  .site-footer .footer-description { font-size: 14px; }
  .site-footer .footer-column a { font-size: 12px; }
  .app-badge { flex-basis: 130px; padding-right: 8px; padding-left: 8px; }
}
@media (prefers-reduced-motion: reduce) { .site-footer a, .site-footer button { transition: none !important; } }

/* Filter drawer backdrop, working dual price slider, and tiled mobile shortcuts. */
.price-error { display:block; min-height:0; margin-top:5px; color:#c42331; font-size:11px; }
.price-inputs input:focus-visible { border-color:var(--accent); box-shadow:0 0 0 3px #d9232e18; }
.range-line { height:26px; margin:12px 4px 0; position:relative; }
.range-line .range-track { position:absolute; top:11px; right:0; left:0; height:4px; overflow:hidden; border-radius:5px; background:#e3e6e9; }
.range-line .range-track i { position:absolute; top:0; bottom:0; left:0; right:auto; width:100%; background:var(--accent); }
.range-line input[type=range] { position:absolute; inset:0; width:100%; height:26px; margin:0; appearance:none; pointer-events:none; background:transparent; }
.range-line input[type=range]::-webkit-slider-runnable-track { height:4px; background:transparent; }
.range-line input[type=range]::-moz-range-track { height:4px; background:transparent; }
.range-line input[type=range]::-webkit-slider-thumb { width:16px; height:16px; margin-top:-6px; appearance:none; border:2px solid var(--accent); border-radius:50%; background:#fff; box-shadow:0 1px 4px #15233730; pointer-events:auto; cursor:grab; }
.range-line input[type=range]::-moz-range-thumb { width:12px; height:12px; border:2px solid var(--accent); border-radius:50%; background:#fff; box-shadow:0 1px 4px #15233730; pointer-events:auto; cursor:grab; }
.range-line input[type=range]:focus-visible { outline:0; }
.range-line input[type=range]:focus-visible::-webkit-slider-thumb { box-shadow:0 0 0 4px #d9232e22; }
@media (max-width:680px) {
  .filters { z-index:51!important; padding-bottom:calc(30px + env(safe-area-inset-bottom))!important; overscroll-behavior:contain; }
  .filter-backdrop { position:fixed; z-index:50; inset:0; width:100%; height:100%; display:block; border:0; background:#11182780; backdrop-filter:blur(2px); }
  .filter-backdrop[hidden] { display:none!important; }
  .mobile-bottom-nav { min-height:68px; grid-template-columns:repeat(5,minmax(0,1fr)); grid-template-areas:"listings chats post alerts saved"; gap:5px; padding:7px 10px calc(7px + env(safe-area-inset-bottom)); border-top:1px solid #edf0f4; background:#ffffffed; box-shadow:0 -8px 28px #16233717; }
  .mobile-nav-item { min-height:49px; padding:4px 2px; border:1px solid #edf0f4; border-radius:13px; background:linear-gradient(180deg,#fff,#f9fafc); box-shadow:0 2px 7px #1d2b3d09; transition:border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease; }
  .mobile-nav-item:hover,.mobile-nav-item:focus-visible { border-color:#f0c5ca; box-shadow:0 4px 12px #a7182a12; transform:translateY(-1px); }
  .mobile-nav-item[href$="/notifications"] { grid-area:alerts; }
  .mobile-nav-icon-wrap { position:relative; display:grid; place-items:center; }
  .mobile-nav-icon-wrap svg { width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
  .mobile-notification-badge { position:absolute; top:-7px; right:-10px; min-width:15px; height:15px; display:grid; place-items:center; padding:0 3px; border:2px solid #fff; border-radius:99px; color:#fff; background:#e12c3a; font:800 8px/1 Inter,sans-serif; }
  .mobile-notification-badge[hidden] { display:none!important; }
  .mobile-nav-post { min-height:49px; padding:4px 2px; border:1px solid #f0c8cc; border-radius:13px; background:linear-gradient(180deg,#fff8f8,#fff); box-shadow:0 3px 10px #a7182a12; }
  .mobile-nav-plus { margin-top:-13px; }
  .mobile-nav-item[href$="/profile#listings"] { grid-area:listings; }
  .mobile-nav-item[href$="/messages"] { grid-area:chats; }
  .mobile-nav-item[href$="/profile#saved"] { grid-area:saved; }
}

/* Four-item mobile navigation for the main marketplace pages. */
.mobile-bottom-nav { display: none; }
@media (max-width: 680px) {
  body:has(.mobile-bottom-nav) { padding-bottom: calc(70px + env(safe-area-inset-bottom)); }
  .mobile-bottom-nav { position: fixed; z-index: 40; right: 0; bottom: 0; left: 0; min-height: 64px; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-template-areas: "listings chats post saved"; align-items: end; padding: 7px 10px calc(7px + env(safe-area-inset-bottom)); border-top: 1px solid #efcfd1; background: linear-gradient(180deg, #fffafa 0%, #fff2f3 100%); box-shadow: 0 -7px 22px #a7182a14; backdrop-filter: blur(14px); transition: transform .24s ease, opacity .2s ease; }
  .mobile-bottom-nav.is-hidden { transform: translateY(110%); opacity: 0; pointer-events: none; }
  .mobile-nav-item[href*="#listings"] { grid-area: listings; }
  .mobile-nav-item[data-mobile-action="chats"] { grid-area: chats; }
  .mobile-nav-post { grid-area: post; }
  .mobile-nav-item[href*="#saved"] { grid-area: saved; }
  .mobile-nav-item { min-width: 0; min-height: 48px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; padding: 3px 2px; border: 0; color: #748091; background: transparent; text-decoration: none; font: inherit; cursor: pointer; -webkit-tap-highlight-color: transparent; }
  .mobile-nav-item svg { width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
  .mobile-nav-item span { overflow: hidden; max-width: 100%; font-size: 9px; font-weight: 700; line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; }
  .mobile-nav-item:hover, .mobile-nav-item:focus-visible { color: var(--accent); outline: none; }
  .mobile-nav-post { min-width: 0; min-height: 54px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; color: var(--accent); text-decoration: none; }
  .mobile-nav-plus { width: 36px; height: 36px; display: grid; place-items: center; margin-top: -16px; border: 3px solid #fff; border-radius: 50%; color: #fff; background: var(--accent); box-shadow: 0 3px 10px #d9232e35; font-size: 25px; font-weight: 400; line-height: 1; }
  .mobile-nav-post > span:last-child { font-size: 9px; font-weight: 800; }
  .mobile-nav-post:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
  @media (prefers-reduced-motion: reduce) { .mobile-bottom-nav { transition: none; } }
}
/* Ads browse banner with its search kept inside the illustrated scene. */
.ads-hero { min-height: 255px; position: relative; isolation: isolate; overflow: hidden; padding: 29px max(30px, calc((100vw - 1170px) / 2)) 22px; background: linear-gradient(112deg, #fff 0%, #fffaf9 45%, #fff0e9 100%); }
.ads-hero::after { position: absolute; z-index: -1; inset: 0; content: ""; background: linear-gradient(90deg, #fff 0%, #fffdfbde 40%, #fff8f2a8 70%, #fff1ec85 100%); }
.ads-hero-art { position: absolute; z-index: -2; right: 0; bottom: 0; width: min(74vw, 980px); height: 100%; color: #80677a; opacity: .48; pointer-events: none; }
.ads-hero-copy { max-width: 1170px; min-height: 137px; position: relative; margin: auto; }
.ads-crumbs { display: flex; align-items: center; gap: 13px; margin: 0 0 17px; color: var(--accent); font-size: 12px; }
.ads-crumbs a { display: inline-flex; align-items: center; gap: 9px; color: #596273; text-decoration: none; }
.ads-crumbs a:hover { color: var(--accent); }
.ads-crumbs a:first-letter { font-size: 14px; }
.ads-crumbs > span:nth-child(2) { color: #8791a0; font-size: 17px; }
.ads-hero h1 { margin: 0; color: #142035; font: 800 clamp(30px, 3.4vw, 38px)/1.05 "Space Grotesk", sans-serif; letter-spacing: -1.4px; }
.ads-hero-description { max-width: 430px; margin: 7px 0 0; color: #4d596b; font-size: 13px; line-height: 1.5; }
.ads-hero-script { position: absolute; top: 8px; right: 14%; margin: 0; color: #c72143; font: italic 25px/1.03 "Brush Script MT", "Segoe Script", cursive; transform: rotate(-7deg); }
.ads-hero-script span { display: inline-block; margin-left: 15px; }
.ads-hero .searchbox { width: min(100%, 1040px); min-height: 58px; margin: 12px auto 0; box-shadow: 0 9px 25px #28334b13; }
.ads-page .listings-shell { padding-top: 26px; }
.pagination { display: flex; align-items: center; justify-content: center; gap: 14px; margin: 30px 0 8px; }
.pagination-pages { display: flex; align-items: center; gap: 7px; }
.pagination button { min-width: 38px; height: 38px; padding: 0 11px; border: 1px solid var(--line); border-radius: 8px; color: var(--ink); background: #fff; font: 600 13px "Inter", sans-serif; cursor: pointer; transition: color .18s ease, border-color .18s ease, background .18s ease, transform .18s ease; }
.pagination button:not(:disabled):hover { transform: translateY(-1px); border-color: var(--accent); color: var(--accent); }
.pagination .pagination-page.is-active { border-color: var(--accent); color: #fff; background: var(--accent); }
.pagination .pagination-arrow { display: inline-flex; align-items: center; gap: 7px; }
.pagination button:disabled { color: #a7adb7; background: #f7f8fa; cursor: not-allowed; }
@media (max-width: 680px) {
  .ads-hero { min-height: 0; padding: 19px 18px 17px; }
  .ads-hero-art { right: -22%; width: 96%; opacity: .32; }
  .ads-hero-copy { min-height: 125px; }
  .ads-crumbs { gap: 9px; margin-bottom: 12px; font-size: 11px; }
  .ads-hero h1 { font-size: 31px; }
  .ads-hero-description { max-width: 270px; font-size: 12px; }
  .ads-hero-script { top: 25px; right: 0; font-size: 16px; }
  .ads-hero-script span { margin-left: 8px; }
  .ads-hero .searchbox { display: grid; grid-template-columns: minmax(0, 1fr) minmax(82px, 106px) 52px; gap: 5px; min-height: 0; margin-top: 8px; padding: 5px; }
  .ads-hero .category-field { display: none !important; }
  .ads-hero .state-field { display: grid !important; }
  .ads-hero .search-field { min-width: 0; }
  .ads-hero .search-field input { min-width: 0; }
  .ads-hero .searchbox > button { min-height: 44px; padding: 0; }
  .ads-page .listings-shell { padding-top: 20px; }
  .pagination { gap: 8px; margin-top: 22px; }
  .pagination button { min-width: 36px; height: 36px; padding: 0 9px; }
}
.ad-card[role="link"] { cursor: pointer; }
.ad-card[role="link"]:focus-visible { outline: 3px solid #d9232e80; outline-offset: 3px; }
.main-car-image.has-photo::before, .main-car-image.has-photo::after { display: none; }
.detail-listing-photo { position: absolute; z-index: 0; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.thumbnails[hidden] { display: none !important; }
.seller-more[hidden] { display: none !important; }

/* Single listing page, based on the supplied vehicle-detail reference. */
.listing-detail-page { background: #f4f8fb !important; }
.listing-detail-page .topbar { padding-inline: max(4vw, 28px); }
.listing-detail-page .detail-nav { max-width: 1280px; padding: 14px 24px; gap: 11px; font-size: 11px; }
.listing-detail-page .detail-nav a { display: inline-flex; gap: 7px; align-items: center; }
.listing-detail-page .detail-nav b { color: #41506a; font-weight: 500; }
.listing-detail-shell { max-width: 1280px; margin: 0 auto; padding: 0 24px 50px; }
.listing-detail-grid { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 16px; align-items: start; }
.listing-detail-main,.listing-detail-sidebar { min-width: 0; }
.listing-heading { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 15px; padding: 6px 0 13px; }
.listing-heading-copy { min-width: 0; }
.listing-status { display: inline-flex; padding: 4px 9px; border-radius: 4px; color: #fff; background: var(--accent); font-size: 10px; font-weight: 800; }
.listing-heading h1 { margin: 5px 0 3px; color: #15233b; font: 900 clamp(22px, 2.4vw, 29px)/1.12 "Nunito Sans", sans-serif; letter-spacing: -.6px; }
.listing-heading-copy > p { margin: 0; color: #4d5a70; font-size: 12px; }
.listing-heading-price { display: flex; flex-direction: column; align-items: flex-end; gap: 5px; }
.listing-heading-price strong { color: var(--accent); font: 900 clamp(22px, 2.5vw, 29px)/1 "Nunito Sans", sans-serif; white-space: nowrap; }
.listing-heading-price > span { padding: 4px 10px; border-radius: 5px; color: #b51e2a; background: #ffe7e8; font-size: 10px; }
.listing-meta { grid-column: 1/-1; display: flex; align-items: center; flex-wrap: wrap; gap: 11px 20px; margin-top: 12px; color: #607087; }
.listing-meta > span,.listing-meta > button { display: inline-flex; align-items: center; gap: 7px; color: inherit; font-size: 11px; }
.listing-meta i { width: 16px; height: 16px; display: inline-grid; flex: 0 0 16px; place-items: center; color: #243957; font-size: 15px; font-style: normal; }
.listing-meta i svg { display: block; width: 15px; height: 15px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.listing-meta > span b { font-weight: 500; }
.listing-meta > button { margin-left: auto; padding: 5px 0; border: 0; background: none; }
.listing-meta > button + button { margin-left: 0; }
.listing-meta > button:hover { color: var(--accent); }
.listing-meta > button i { width: 19px; height: 19px; }
.listing-meta > button i svg { width: 18px; height: 18px; }
.listing-meta > button.is-saved { color: var(--accent); }
.listing-gallery-card,.detail-panel,.seller-card-modern,.related-listings { border: 1px solid #e2eaf1; border-radius: 8px; background: #fff; box-shadow: 0 2px 8px #19395a06; }
.listing-gallery-card { min-width: 0; padding: 9px; }
.listing-gallery-main { width: 100%; height: auto; max-height: 460px; aspect-ratio: 1.9; position: relative; overflow: hidden; border-radius: 7px; background: #dbe6ee; }
.detail-listing-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.gallery-count { bottom: auto; top: 11px; left: 11px; padding: 6px 10px; border-radius: 5px; background: #152338d9; font-size: 11px; }
.gallery-nav { display: grid; place-items: center; width: 38px; height: 38px; padding: 0; transform: translateY(-50%); border: 0; color: #fff; background: #17233bcc; font-size: 27px; line-height: 1; }
.gallery-nav.prev { left: 12px; }
.gallery-nav.next { right: 12px; }
.gallery-expand { position: absolute; right: 11px; bottom: 11px; z-index: 2; width: 31px; height: 31px; border: 0; border-radius: 5px; color: #fff; background: #17233bcc; font-size: 18px; }
.listing-thumbnails { min-width: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(64px, 1fr)); gap: 8px; margin-top: 10px; }
.listing-thumbnail { min-width: 0; width: 100%; height: 64px; position: relative; overflow: hidden; padding: 0; border: 2px solid transparent; border-radius: 6px; background-color: #dce4eb; background-position: center; background-size: cover; }
.listing-thumbnail.active { border-color: var(--accent); }
.listing-thumbnail.more-photos { display: grid; place-items: center; color: #fff; background: #1e2938; font-size: 12px; font-weight: 700; }
.listing-thumbnail[hidden] { display: none; }
.listing-thumbnails[hidden] { display: none !important; }
.detail-section-tabs { position: sticky; top: 0; z-index: 4; display: flex; overflow-x: auto; gap: 0; margin-top: 12px; padding: 0 8px; border: 1px solid #e2eaf1; border-radius: 8px 8px 0 0; background: #fff; scrollbar-width: none; }
.detail-section-tabs::-webkit-scrollbar { display: none; }
.detail-section-tabs a { min-width: 100px; position: relative; display: flex; justify-content: center; align-items: center; min-height: 42px; padding: 0 12px; color: #4a5a72; text-decoration: none; font-size: 11px; white-space: nowrap; }
.detail-section-tabs a.active,.detail-section-tabs a:hover { color: var(--accent); }
.detail-section-tabs a.active::after { position: absolute; right: 0; bottom: 0; left: 0; height: 3px; border-radius: 4px 4px 0 0; content: ""; background: var(--accent); }
.detail-panel { margin-top: 10px; padding: 17px; scroll-margin-top: 56px; }
.detail-panel h2,.related-listings h2 { margin: 0 0 12px; color: #192940; font: 800 17px/1.2 "Nunito Sans", sans-serif; }
.spec-note { margin: -3px 0 18px; color: #77869a; font-size: 12px; line-height: 1.5; }
.vehicle-spec-groups > .spec-group + .spec-group { margin-top: 20px; }
.vehicle-spec-groups > .spec-group h3 { margin: 0 0 9px; color: #566982; font-size: 12px; font-weight: 800; letter-spacing: .045em; text-transform: uppercase; }
.vehicle-specs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); overflow: hidden; border: 1px solid #e2eaf1; border-radius: 8px; background: #fff; }
.vehicle-specs article { min-width: 0; min-height: 74px; display: flex; align-items: flex-start; gap: 10px; padding: 13px 11px; border-right: 1px solid #e6edf3; border-bottom: 1px solid #e6edf3; }
.vehicle-specs article:nth-child(4n) { border-right: 0; }
.vehicle-specs:not(.compact-specs) article:nth-child(n+13) { border-bottom: 0; }
.vehicle-specs article > i { flex: 0 0 26px; width: 26px; height: 26px; display: grid; place-items: center; border-radius: 7px; color: var(--accent); background: #fff0f1; font-size: 14px; font-style: normal; font-weight: 800; text-align: center; }
.vehicle-specs article > i[data-icon] { font-size: 0; }
.vehicle-specs article > i[data-icon]::before { content: attr(data-icon); font-size: 12px; line-height: 1; }
.vehicle-specs article > i svg { display: block; width: 19px; height: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.vehicle-specs article > div { min-width: 0; }
.vehicle-specs article span,.vehicle-specs article b,.vehicle-specs article small { display: block; }
.vehicle-specs article span { margin-bottom: 5px; color: #65768e; font-size: 11px; line-height: 1.25; }
.vehicle-specs article b { overflow-wrap: anywhere; color: #1c2b44; font-size: 12px; font-weight: 650; line-height: 1.4; }
.vehicle-specs article small { margin-top: 4px; color: #718097; font-size: 10px; }
.vehicle-specs article.spec-price { align-items: flex-start; background: #fff5f5; }
.vehicle-specs article.spec-price b { color: var(--accent); font-size: 15px; }
.feature-specs article { min-height: 68px; }
.features-panel { padding: 12px 14px; }
.listing-features { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 0; padding: 0; list-style: none; }
.listing-features li { min-width: 0; position: relative; padding: 7px 8px 7px 22px; color: #4e607a; font-size: 10px; line-height: 1.35; }
.listing-features li::before { position: absolute; top: 7px; left: 0; display: grid; width: 13px; height: 13px; place-items: center; border-radius: 50%; color: #fff; content: "✓"; background: var(--accent); font-size: 8px; font-weight: 800; }
.description-panel p { margin: 0; color: #4f6079; font-size: 11px; line-height: 1.65; }
.location-panel { margin-bottom: 20px; }
.listing-location-content { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(150px, .8fr); gap: 18px; align-items: center; }
.mini-map { height: 94px; position: relative; overflow: hidden; border-radius: 6px; background-color: #eef2ed; background-image: linear-gradient(25deg, transparent 46%, #d4dfd7 47% 50%, transparent 51%), linear-gradient(100deg, transparent 35%, #d7e2dd 36% 39%, transparent 40%), linear-gradient(150deg, transparent 62%, #d3dfdf 63% 66%, transparent 67%), repeating-linear-gradient(0deg, transparent 0 23px, #fff 24px 27px), repeating-linear-gradient(90deg, transparent 0 34px, #fff 35px 38px); }
.mini-map > i { position: absolute; top: 36px; left: 48%; display: grid; width: 25px; height: 25px; place-items: center; border-radius: 50% 50% 50% 0; color: #fff; background: var(--accent); font-size: 15px; font-style: normal; transform: rotate(-45deg); }
.mini-map > i::first-letter { transform: rotate(45deg); }
.location-copy { display: flex; flex-direction: column; align-items: flex-start; gap: 5px; color: #1d2d46; font-size: 11px; }
.location-copy > span { color: #738197; font-size: 9px; }
.location-copy a { margin-top: 5px; padding: 7px 11px; border: 1px solid #dce5ed; border-radius: 5px; color: #263853; text-decoration: none; font-size: 9px; font-weight: 700; }
.listing-detail-sidebar { display: grid; gap: 11px; }
.premium-ad-card { min-height: 174px; position: relative; overflow: hidden; border-radius: 8px; color: #fff; background: linear-gradient(125deg, #941324 0%, #d82031 62%, #f13738 100%); }
.premium-ad-card::before { position: absolute; inset: 0; content: ""; background: linear-gradient(90deg, #710e1bbd, transparent 90%), repeating-linear-gradient(90deg, transparent 0 50px, #ffffff08 51px 58px); }
.premium-ad-copy { position: relative; z-index: 1; padding: 16px 17px; }
.premium-ad-copy small { font-size: 9px; }
.premium-ad-copy h2 { margin: 8px 0 5px; font: 800 20px/1.08 "Nunito Sans", sans-serif; }
.premium-ad-copy p { margin: 0 0 11px; font-size: 10px; }
.premium-ad-copy a { display: inline-flex; gap: 10px; align-items: center; padding: 7px 12px; border-radius: 5px; color: #fff; background: #c31128; text-decoration: none; font-size: 10px; font-weight: 700; }
.premium-car-art { width: 59%; position: absolute; right: -6%; bottom: 2px; filter: drop-shadow(0 7px 6px #1b081d70); }
.seller-card-modern { padding: 13px; }
.seller-card-modern > h2 { margin: 0 0 12px; color: #182941; font: 800 16px "Nunito Sans", sans-serif; }
.seller-profile { gap: 11px; }
.seller-avatar { width: 62px !important; height: 62px !important; flex: 0 0 62px; border: 5px solid #f2f5f8; color: #8996a7 !important; background: #e6ebf0 !important; font-size: 0 !important; }
.seller-avatar::before { width: 17px; height: 17px; display: block; border-radius: 50%; content: ""; background: #8b98a7; }
.seller-avatar::after { width: 32px; height: 17px; display: block; margin-top: 3px; border-radius: 16px 16px 7px 7px; content: ""; background: #8b98a7; }
.seller-profile h3 { margin: 0 0 4px; color: #1c2d46; font-size: 12px; }
.seller-verified { display: inline-block; padding: 3px 6px; border-radius: 12px; color: #1874ca; background: #e9f3ff; font-size: 9px; }
.seller-profile p { margin: 5px 0 0; color: #6d7d94; font-size: 10px; }
.seller-rating { display: flex; align-items: center; gap: 5px; margin: 8px 0 0 73px; color: #253a57; font-size: 10px; }
.seller-rating > span { color: #edaa19; font-size: 16px; }
.seller-rating small { color: #77869a; font-size: 9px; }
.seller-location { display: flex; align-items: center; gap: 7px; margin: 8px 0 11px 73px; color: #4f627c; font-size: 10px; }
.seller-location i { color: #263d5a; font-size: 14px; font-style: normal; }
.contact-button { min-height: 37px; color: #fff !important; background: var(--accent) !important; font-size: 11px; }
.seller-actions { display: grid !important; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 8px; }
.seller-actions button { min-height: 36px; border: 1px solid #d9232e; border-radius: 5px; color: #c51d2c; background: #fff; font-size: 10px; font-weight: 700; }
.seller-actions button:hover { color: #fff; background: var(--accent); }
.seller-actions button.is-saved { border-color: #f1c8cb; color: var(--accent); background: #fff2f3; }
.seller-actions.secondary-actions button { border-color: #e3eaf0; color: #2c405e; }
.advertise-card { min-height: 161px; position: relative; overflow: hidden; padding: 15px; border: 1px solid #f5dddd; border-radius: 8px; background: linear-gradient(130deg, #fff4f4, #fffafa); }
.advertise-card > span { color: var(--accent); font-size: 9px; }
.advertise-card > i { position: absolute; top: 15px; right: 15px; color: #dc9d6f; font-style: normal; }
.advertise-card h2 { margin: 7px 0 4px; color: #bd1d2b; font: 800 20px "Nunito Sans", sans-serif; }
.advertise-card p { max-width: 195px; margin: 0 0 10px; color: #56647a; font-size: 10px; line-height: 1.5; }
.advertise-card a { display: inline-block; padding: 8px 14px; border-radius: 5px; color: #fff; background: var(--accent); text-decoration: none; font-size: 10px; font-weight: 700; }
.advertise-card > b { position: absolute; right: 11px; bottom: 3px; color: #d9232e; font-size: 80px; line-height: 1; opacity: .14; transform: rotate(-8deg); }
.related-listings { padding: 12px; }
.related-listings > header { display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.related-listings h2 { margin: 0; font-size: 14px; }
.related-listings > header a { color: var(--accent); text-decoration: none; font-size: 9px; white-space: nowrap; }
.related-listing { min-width: 0; display: grid; grid-template-columns: 94px minmax(0, 1fr) 18px; gap: 10px; align-items: center; padding: 9px 0; border-bottom: 1px solid #e7edf2; color: #1d2d46; text-decoration: none; }
.related-listing:last-child { border-bottom: 0; }
.related-photo { height: 61px; display: block; border-radius: 5px; background-color: #dce5e8; background-position: center; background-size: cover; }
.related-one { background-image: url("https://images.unsplash.com/photo-1552519507-da3b142c6e3d?auto=format&fit=crop&w=240&q=75"); }
.related-two { background-image: url("https://images.unsplash.com/photo-1621007947382-bb3c3994e3fb?auto=format&fit=crop&w=240&q=75"); }
.related-three { background-image: url("https://images.unsplash.com/photo-1605559424843-9e4c228bf1c2?auto=format&fit=crop&w=240&q=75"); }
.related-four { background-image: url("https://images.unsplash.com/photo-1617469767053-d3b523a0b982?auto=format&fit=crop&w=240&q=75"); }
.related-five { background-image: url("https://images.unsplash.com/photo-1492144534655-ae79c964c9d7?auto=format&fit=crop&w=240&q=75"); }
.related-listing > span:nth-child(2) { min-width: 0; }
.related-listing b,.related-listing small,.related-listing strong { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.related-listing b { font-size: 10px; font-weight: 600; }
.related-listing small { margin: 4px 0; color: #6d7c92; font-size: 9px; }
.related-listing strong { color: var(--accent); font-size: 10px; }
.related-listing > i { align-self: start; color: #30425d; font-size: 16px; font-style: normal; }
.listing-detail-sidebar .advertise-card { box-sizing: border-box; min-height: 483px; padding: 28px; display: flex; flex-direction: column; align-items: flex-start; justify-content: center; }
.listing-detail-sidebar .advertise-card > span { font-size: 14px; font-weight: 700; }
.listing-detail-sidebar .advertise-card > i { top: 28px; right: 28px; font-size: 22px; }
.listing-detail-sidebar .advertise-card h2 { max-width: 300px; margin: 16px 0 10px; font-size: 30px; line-height: 1.15; }
.listing-detail-sidebar .advertise-card p { max-width: 290px; margin-bottom: 20px; font-size: 15px; line-height: 1.6; }
.listing-detail-sidebar .advertise-card a { padding: 12px 20px; font-size: 14px; }
.listing-detail-sidebar .advertise-card > b { right: 18px; bottom: 8px; font-size: 150px; }
.related-empty { padding: 20px 4px 12px; color: #56647a; }
.related-empty p { margin: 0 0 10px; font-size: 14px; line-height: 1.5; }
.related-empty a { color: var(--accent); font-size: 13px; font-weight: 700; text-decoration: none; }
.related-listings > header a { font-size: 12px; }
.related-listing b { font-size: 13px; }
.related-listing small { font-size: 11px; }
.related-listing strong { font-size: 12px; }
.listing-detail-page .detail-toast { bottom: 24px; }
@media (max-width: 960px) {
  .listing-detail-shell { padding-inline: 20px; }
  .listing-detail-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .listing-detail-sidebar { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .listing-detail-page .detail-nav { padding-inline: 20px; }
  .listing-meta { gap: 8px 12px; }
  .listing-meta > button { margin-left: 0; }
  .vehicle-specs { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .vehicle-specs article:nth-child(4n) { border-right: 1px solid #e6edf3; }
  .vehicle-specs article:nth-child(3n) { border-right: 0; }
  .vehicle-specs:not(.compact-specs) article:nth-child(n+13) { border-bottom: 0; }
}
@media (max-width: 720px) {
  .listing-detail-page .topbar { height: 64px; padding-inline: 16px; }
  .listing-detail-page .detail-nav { max-width: none; overflow-x: auto; padding: 12px 16px; font-size: 10px; scrollbar-width: none; }
  .listing-detail-page .detail-nav::-webkit-scrollbar { display: none; }
  .listing-detail-shell { padding: 0 14px 35px; }
  .listing-detail-grid { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .listing-detail-sidebar { grid-template-columns: minmax(0, 1fr); }
  .premium-ad-card { min-height: 150px; }
  .premium-car-art { width: 52%; }
  .listing-heading { padding-top: 4px; }
  .listing-heading h1 { font-size: 22px; }
  .listing-heading-price strong { font-size: 20px; }
  .listing-heading-copy > p { max-width: 100%; font-size: 10px; }
  .listing-meta { gap: 5px 11px; font-size: 9px; }
  .listing-meta > span,.listing-meta > button { font-size: 9px; }
  .listing-gallery-main { height: auto; max-height: 420px; aspect-ratio: 1.65; }
  .listing-thumbnail { height: clamp(50px, 12vw, 62px); }
  .detail-section-tabs { top: 0; margin-top: 9px; }
  .detail-section-tabs a { min-width: 89px; min-height: 40px; font-size: 10px; }
  .detail-panel { padding: 14px; }
  .vehicle-specs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vehicle-specs article:nth-child(3n) { border-right: 1px solid #e6edf3; }
  .vehicle-specs article:nth-child(2n) { border-right: 0; }
  .vehicle-specs article:nth-last-child(-n+3) { border-bottom: 1px solid #e6edf3; }
  .vehicle-specs article:nth-last-child(-n+2) { border-bottom: 0; }
  .listing-features { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .listing-location-content { grid-template-columns: 1fr 1fr; gap: 10px; }
  .seller-card-modern { order: -1; }
}
@media (max-width: 420px) {
  .listing-detail-shell { padding-inline: 10px; }
  .listing-detail-page .detail-nav { padding-inline: 10px; }
  .listing-heading { grid-template-columns: minmax(0, 1fr); row-gap: 8px; }
  .listing-heading-price { flex-direction: row; align-items: center; justify-content: space-between; }
  .listing-heading-price strong { font-size: 23px; }
  .listing-meta { display: grid; grid-template-columns: 1fr 1fr; }
  .listing-meta > button { justify-self: start; }
  .listing-thumbnails { grid-template-columns: repeat(auto-fit, minmax(56px, 1fr)); gap: 6px; }
  .vehicle-specs article:nth-child(3n) { border-right: 1px solid #e6edf3; }
  .vehicle-specs article:nth-child(2n) { border-right: 0; }
  .vehicle-specs article { border-bottom: 1px solid #e6edf3; }
  .vehicle-specs:not(.compact-specs) article:nth-child(n+15) { border-bottom: 0; }
  .vehicle-specs.compact-specs article:last-child { border-bottom: 0; }
  .listing-location-content { grid-template-columns: 1fr; }
  .mini-map { height: 112px; }
  .related-listing { grid-template-columns: 82px minmax(0, 1fr) 16px; }
}

/* Keep category browsing visible as the viewport narrows. */
@media (min-width: 1181px) {
  .category-nav { flex-wrap: nowrap !important; justify-content: space-between !important; gap: 1px !important; overflow: visible !important; padding-inline: clamp(18px, 2.5vw, 38px) !important; }
  .category-nav > .category-all-link, .category-nav > .nav-category > a { flex: 0 0 auto; padding-inline: clamp(4px, .55vw, 8px) !important; font-size: clamp(12px, .95vw, 14px) !important; font-weight: 700 !important; }
}
@media (min-width: 681px) and (max-width: 1180px) {
  .category-nav { flex-wrap: wrap !important; justify-content: center !important; gap: 4px 8px !important; overflow: visible !important; padding: 8px 14px !important; }
  .category-nav > .category-all-link, .category-nav > .nav-category > a { flex: 0 0 auto; padding-inline: 10px !important; font-size: clamp(12px, 1.15vw, 14px) !important; font-weight: 700 !important; }
}
.category-nav .nav-category > .category-mega { top: 100%; left: 0; width: min(560px, calc(100vw - 32px)); height: min(64vh, 540px); max-height: min(75vh, 620px); display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto minmax(0, 1fr); gap: 0; overflow: hidden; padding: 0; border: 1px solid #e5e8ee; border-top: 2px solid var(--accent); border-radius: 0 0 12px 12px; background: #fff; box-shadow: 0 20px 48px #1525362b; transform: translateY(8px); }
.category-nav .nav-category:hover > .category-mega, .category-nav .nav-category:focus-within > .category-mega { transform: translateY(0); }
.category-nav .nav-category:first-of-type > .category-mega { left: 0; }
.category-nav .nav-category:last-child > .category-mega { right: 0; left: auto; }
.mega-menu-heading, .mega-subcategory-heading { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 20px; border-bottom: 1px solid #e9edf1; }
.mega-menu-heading strong, .mega-subcategory-heading strong { color: var(--ink); font: 800 15px "Nunito Sans", sans-serif; }
.mega-menu-heading > a, .mega-subcategory-heading > a { color: var(--accent); font-size: 12px; font-weight: 700; text-decoration: none; white-space: nowrap; }
.mega-menu-columns { height: calc(min(64vh, 540px) - 56px); min-height: 220px; display: grid; grid-template-columns: 250px minmax(0, 1fr); }
.mega-category-list { min-width: 0; min-height: 0; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; padding: 8px; border-right: 1px solid #e9edf1; background: #f7f8fa; scrollbar-gutter: stable; }
.mega-category-choice { width: 100%; min-height: 38px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 12px; border: 0; border-radius: 5px; color: #344054; background: transparent; font: 700 13px/1.35 Inter, sans-serif; text-align: left; white-space: nowrap; cursor: pointer; }
.mega-category-choice > .mega-category-choice-icon { width: 16px; height: 16px; flex: 0 0 16px; display: grid; place-items: center; color: #000; }
.mega-category-choice-icon svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.mega-category-choice > .mega-category-choice-label { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mega-category-choice > span:last-child { color: #8b95a3; font-size: 17px; }
.mega-category-choice:hover, .mega-category-choice:focus-visible, .mega-category-choice.is-active { color: #1769d2; background: #fff; outline: none; }
.mega-category-choice.is-active > span:last-child { color: #1769d2; }
.mega-category-choice.is-active > .mega-category-choice-icon { color: #000; }
.mega-subcategory-area { min-width: 0; min-height: 0; overflow-y: auto; overscroll-behavior: contain; scrollbar-gutter: stable; }
.mega-subcategory-panel { min-height: 100%; }
.mega-subcategory-panel[hidden] { display: none !important; }
.mega-subcategory-grid { display: grid; grid-template-columns: minmax(0, 1fr); align-content: start; gap: 5px; padding: 12px 14px 18px; }
.mega-subcategory-group { min-width: 0; }
.mega-subcategory-link, .mega-leaf-list a { color: #475467; font-size: 13px; font-weight: 700; line-height: 1.45; text-decoration: none; }
.mega-subcategory-link:hover, .mega-leaf-list a:hover { color: #1769d2; }
.mega-leaf-list { display: grid; gap: 8px; margin: 8px 0 0; padding: 0; list-style: none; }
.mega-leaf-list .mega-leaf-list { margin: 7px 0 0; padding-left: 10px; }
.mega-leaf-list a { display: block; font-weight: 700; }
.mega-menu-empty { margin: 18px 20px; color: var(--muted); font-size: 13px; line-height: 1.5; }
.category-nav .nav-category > a::after { position: absolute; right: 12px; bottom: 0; left: 12px; height: 3px; content: ""; background: var(--ink); transform: scaleX(0); transform-origin: center; transition: transform .18s ease; }
.category-nav .nav-category:hover > a::after, .category-nav .nav-category:focus-within > a::after { transform: scaleX(1); }
.category-nav .nav-category:hover > a, .category-nav .nav-category:focus-within > a { color: var(--ink); background: transparent; transform: none; }
.category-overlay { background: rgb(14 23 39 / 42%); backdrop-filter: blur(1.5px); }
@media (max-width: 900px) and (min-width: 681px) {
  .category-nav .nav-category > .category-mega { left: 50%; width: min(520px, calc(100vw - 32px)); transform: translate(-50%, 8px); }
  .category-nav .nav-category:hover > .category-mega, .category-nav .nav-category:focus-within > .category-mega { transform: translate(-50%, 0); }
  .category-nav .nav-category:first-of-type > .category-mega { left: 0; transform: translateY(8px); }
  .category-nav .nav-category:first-of-type:hover > .category-mega, .category-nav .nav-category:first-of-type:focus-within > .category-mega { transform: translateY(0); }
  .category-nav .nav-category:last-child > .category-mega { right: 0; left: auto; }
  .category-nav .nav-category:last-child:hover > .category-mega, .category-nav .nav-category:last-child:focus-within > .category-mega { transform: translateY(0); }
  .mega-category-list { min-width: 175px; }
  .mega-subcategory-grid { gap: 14px 18px; padding-inline: 16px; }
}

/* Align the supporting copy with the second line of the landing headline. */
@media (min-width: 981px) {
  .home-page .title-row { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(390px, 1fr); align-items: start; gap: clamp(26px, 3vw, 42px); }
  .home-page .hero-copy { min-width: 0; }
  .home-page .hero-support { display: grid; grid-template-columns: minmax(0, 1fr) minmax(190px, .9fr); align-items: center; gap: 18px; margin-top: clamp(46px, 4.6vw, 62px); }
  .home-page .hero-support > p { max-width: 440px; margin: 0; font-size: 15px; line-height: 1.45; }
  .home-page .hero-support .trust-note { min-width: 0; margin: 0; }
  .home-page .hero-support .trust-note strong { font-size: 21px; }
  .home-page .hero-support .trust-note span { font-size: 13px; line-height: 1.4; }
  .home-page .intro > .searchbox { margin-top: 22px; }
}
@media (min-width: 681px) and (max-width: 980px) {
  .home-page .title-row { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; }
  .home-page .hero-support { display: grid; grid-template-columns: minmax(0, 1fr) minmax(240px, .8fr); align-items: center; gap: 24px; margin-top: 18px; }
  .home-page .hero-support > p { margin: 0; }
}
/* Improve readability throughout the ad creation flow. */
.post-page { font-size: 16px; }
.post-page .back-link { font-size: 14px; }
.post-page .post-aside h1 { font-size: clamp(38px, 4.4vw, 54px); }
.post-page .post-aside > p:not(.eyebrow) { font-size: 16px; }
.post-page .selling-tip { padding: 15px; }
.post-page .selling-tip b { font-size: 14px; }
.post-page .selling-tip span { font-size: 13px; line-height: 1.45; }
.post-page .post-card { padding: 28px; }
.post-page .post-card-head h2 { font-size: 30px; }
.post-page .post-card-head > span { font-size: 13px; }
.post-page .step h3 { font-size: 24px; }
.post-page .step-lead { font-size: 15px; line-height: 1.5; }
.post-page #category-status { font-size: 14px; }
.post-page .category-options { gap: 10px; }
.post-page .category-options label { min-height: 96px; padding: 13px; }
.post-page .category-options span { font-size: 21px; }
.post-page .category-options b { font-size: 14px; line-height: 1.3; }
.post-page .category-options small { margin-top: 3px; font-size: 12px; line-height: 1.35; }
.post-page .subcategory-field { margin-top: 18px; font-size: 14px; }
.post-page .subcategory-field[hidden] { display: none !important; }
.post-page .category-path { display: grid; gap: 11px; margin-top: 7px; }
.post-page .category-level-field { display: block; color: var(--ink); font-size: 14px; font-weight: 700; }
.post-page .category-level-field select,
.post-page .form-grid input,
.post-page .form-grid select,
.post-page .form-grid textarea { min-height: 46px; margin-top: 7px; padding: 11px 12px; font-size: 15px; }
.post-page .category-path-summary { margin: 1px 0 0; color: var(--muted); font-size: 14px; line-height: 1.5; }
.post-page .form-grid { gap: 14px; }
.post-page .form-grid label { font-size: 14px; }
.post-page .form-grid label > small { display: block; margin-top: 4px; font-size: 12px; }
.post-page .specification-fields { gap: 14px; }
.post-page .upload-zone { gap: 7px; min-height: 155px; font-size: 14px; }
.post-page .upload-zone b { font-size: 14px; }
.post-page .upload-zone small { font-size: 12px; }
.post-page .photo-note { font-size: 13px; line-height: 1.5; }
.post-page .review-category { font-size: 13px; }
.post-page .review-card h4 { font-size: 19px; }
.post-page .review-card p { font-size: 14px; line-height: 1.5; }
.post-page .terms { font-size: 13px; line-height: 1.5; }
.post-page .plan { min-height: 68px; padding: 12px; }
.post-page .plan b { font-size: 15px; }
.post-page .plan small { margin-top: 3px; font-size: 13px; }
.post-page .plan strong { font-size: 16px; }
.post-page .day-one, .post-page .previous, .post-page .next { min-height: 46px; font-size: 15px; }
.post-page .loyalty-note { font-size: 13px; }
@media (max-width: 780px) {
  .post-page .post-card { padding: 22px; }
  .post-page .category-options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 420px) {
  .post-page .post-card { padding: 17px; }
  .post-page .category-options label { min-height: 88px; padding: 10px; }
  .post-page .category-options b { font-size: 13px; }
  .post-page .category-options small { font-size: 11px; }
}
.post-page .specification-section { margin: 12px 0; }
.post-page .specification-section h4, .post-page .feature-options h4 { margin: 0 0 9px; color: var(--ink); font-size: 15px; }
.post-page .specification-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.post-page .specification-field { display: block; color: var(--ink); font-size: 14px; font-weight: 700; }
.post-page .specification-field input, .post-page .specification-field select, .post-page .specification-field textarea { display: block; width: 100%; min-height: 44px; margin-top: 6px; padding: 10px 12px; border: 1px solid var(--line); border-radius: var(--radius-sm); color: var(--ink); background: #fff; font: 500 15px var(--font-body); }
.post-page .specification-field textarea { min-height: 80px; }
.post-page .feature-accordion { margin: 12px 0; border: 1px solid var(--line); border-radius: var(--radius-md); background: #fff; }
.post-page .feature-accordion summary { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 15px; cursor: pointer; list-style: none; font-weight: 800; }
.post-page .feature-accordion summary::-webkit-details-marker { display: none; }
.post-page .feature-accordion summary::after { content: '+'; color: var(--accent); font-size: 22px; }
.post-page .feature-accordion[open] summary::after { content: '−'; }
.post-page .feature-accordion summary small { margin-left: auto; color: var(--muted); font-size: 12px; font-weight: 500; }
.post-page .feature-options { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding: 0 15px 15px; }
.post-page .feature-options h4 { grid-column: 1 / -1; margin: 4px 0 0; }
.post-page .feature-option { display: flex; align-items: center; gap: 8px; min-height: 40px; padding: 8px 10px; border: 1px solid var(--line); border-radius: var(--radius-sm); color: var(--ink); font-size: 13px; font-weight: 600; cursor: pointer; }
.post-page .feature-option input { width: 17px; height: 17px; accent-color: var(--accent); }
@media (max-width: 780px) { .post-page .specification-fields { grid-template-columns: 1fr; } .post-page .feature-options { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.post-page .commercial-section { margin: 12px 0; padding: 16px; border: 1px solid var(--line); border-radius: var(--radius-md); background: #fcfcfd; }
.post-page .commercial-section h4 { margin: 0 0 12px; color: var(--ink); font-size: 16px; }
.post-page .commercial-mode-field, .post-page .commercial-period-field, .post-page .commercial-amount-grid label { display: block; color: var(--ink); font-size: 14px; font-weight: 700; }
.post-page .commercial-mode-field select, .post-page .commercial-period-field select, .post-page .commercial-amount-grid input { display: block; width: 100%; min-height: 44px; margin-top: 6px; padding: 10px 12px; border: 1px solid var(--line); border-radius: var(--radius-sm); color: var(--ink); background: #fff; font: 500 15px var(--font-body); }
.post-page .commercial-amount-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; margin-top: 12px; }
.post-page .commercial-period-field { max-width: 320px; margin-top: 12px; }
.post-page .commercial-negotiable { display: flex; align-items: center; gap: 8px; margin-top: 12px; color: var(--ink); font-size: 14px; font-weight: 600; }
.post-page .commercial-negotiable input { flex: 0 0 17px; width: 17px; height: 17px; min-height: 17px; margin: 0; padding: 0; border: 0; border-radius: 3px; accent-color: var(--accent); }
.post-page .commercial-negotiable[hidden] { display: none !important; }
.post-page .commercial-note, .post-page .commercial-status { margin: 11px 0 0; color: var(--muted); font-size: 14px; }
@media (max-width: 780px) { .post-page .commercial-amount-grid { grid-template-columns: 1fr; } }

/* Post form validation and required/optional cues */
.post-page .field-requirement{display:inline-block;margin-left:5px;font-size:11px;font-weight:600}.post-page .field-requirement.required{color:#b33a45}.post-page .field-requirement.optional{color:#7b8492}.post-page .field-error{display:block;min-height:0;margin-top:4px;color:#b42332;font-size:12px;font-weight:600}.post-page .field-error:empty{display:none}.post-page input.is-invalid,.post-page select.is-invalid,.post-page textarea.is-invalid{border-color:#c83e4b!important;background:#fff9f9!important;box-shadow:0 0 0 3px #c83e4b1a}.post-page [aria-invalid=true]:focus{outline:2px solid #c83e4b;outline-offset:1px}.post-page .feature-option .field-requirement{display:none}.post-page .category-options.is-invalid{outline:2px solid #c83e4b;outline-offset:4px;border-radius:8px}

/* TradePost account access pages */
.auth-header-links{display:flex;align-items:center;gap:14px}.auth-header-links a{color:var(--ink);font-size:13px;font-weight:800;text-decoration:none}.auth-header-links a:last-child{padding:10px 14px;border-radius:8px;background:var(--accent);color:#fff}.auth-page{min-height:calc(100vh - 76px);display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.9fr);background:#fff}.auth-decoration{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:640px;overflow:hidden;padding:clamp(40px,9vw,140px);color:#fff;background:radial-gradient(ellipse at 20% 20%,#ed8279 0,transparent 44%),linear-gradient(145deg,#961f2d,#481b32 75%,#201b32)}.auth-decoration:after{position:absolute;right:-130px;bottom:-205px;width:480px;height:480px;border:1px solid #ffffff22;border-radius:50%;box-shadow:0 0 0 55px #ffffff0a,0 0 0 110px #ffffff08;content:''}.auth-decoration>span{position:relative;z-index:1;font:900 clamp(48px,6vw,78px)/.98 var(--font-heading);letter-spacing:-4px}.auth-decoration>span i{display:block;margin-top:18px;color:#ffc3ad;font-style:normal}.auth-decoration>small{position:relative;z-index:1;margin-top:30px;color:#ffffffbd;font-size:15px}.auth-panel{width:min(100%,520px);align-self:center;justify-self:center;padding:60px 44px}.auth-panel>.eyebrow{margin:0 0 9px;color:var(--accent);font-size:11px;font-weight:900;letter-spacing:1.5px}.auth-panel h1{margin:0;color:var(--ink);font:900 clamp(28px,3vw,36px)/1.15 var(--font-heading);letter-spacing:-1px}.auth-intro{margin:10px 0 26px;color:var(--muted);font-size:14px;line-height:1.6}.auth-form{display:flex;flex-direction:column;gap:9px}.auth-form>label,.auth-name-row label,.auth-password-heading label{color:var(--ink);font-size:13px;font-weight:800}.auth-form input:not([type=checkbox]){width:100%;min-height:49px;padding:0 14px;border:1px solid #dce1e8;border-radius:9px;background:#fff;color:var(--ink);font:500 14px var(--font-body);outline:none;transition:border-color .15s,box-shadow .15s}.auth-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c63f4b1a}.auth-form input[aria-invalid=true]{border-color:#c63f4b;background:#fff9f9}.auth-password-heading{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.auth-muted-link{color:var(--accent);font-size:12px;font-weight:700;text-decoration:none}.auth-password-wrap{position:relative}.auth-password-wrap input{padding-right:62px!important}.password-toggle{position:absolute;top:50%;right:12px;transform:translateY(-50%);padding:4px;border:0;background:none;color:var(--accent);font-size:12px;font-weight:800;cursor:pointer}.auth-submit{display:flex;justify-content:center;align-items:center;gap:10px;min-height:50px;margin-top:13px;border:0;border-radius:9px;background:var(--accent);color:#fff;font-size:14px;font-weight:900;cursor:pointer;transition:transform .15s,background .15s}.auth-submit:hover{transform:translateY(-1px);background:#a92534}.auth-submit span{font-size:19px}.auth-switch{margin:22px 0 0;color:var(--muted);font-size:13px;text-align:center}.auth-switch a{color:var(--accent);font-weight:800;text-decoration:none}.auth-trust{display:flex;justify-content:center;align-items:center;gap:7px;margin:30px 0 0;color:#818997;font-size:11px}.auth-trust span{font-size:16px}.auth-alert{margin:12px 0;padding:11px 13px;border:1px solid #f3c4c8;border-radius:8px;background:#fff5f5;color:#a32734;font-size:13px;line-height:1.5}.auth-error{display:block;color:#b42332;font-size:12px;line-height:1.4}.auth-name-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:4px}.auth-field{display:flex;min-width:0;flex-direction:column;gap:8px}.auth-consent{display:flex;align-items:flex-start;gap:9px;margin-top:9px;color:var(--muted)!important;font-size:12px!important;font-weight:500!important;line-height:1.5}.auth-consent input{width:16px;height:16px;margin:1px 0 0;accent-color:var(--accent)}.auth-consent a{color:var(--accent);font-weight:800;text-decoration:none}.auth-mobile-brand{display:none}.signup-page .auth-panel{padding-top:38px;padding-bottom:38px}.auth-page+.site-footer{display:none}@media(max-width:800px){.auth-page{min-height:calc(100vh - 63px);grid-template-columns:1fr}.auth-decoration{display:none}.auth-panel{width:min(100%,520px);padding:38px 26px}.auth-mobile-brand{display:block;margin-bottom:28px}.auth-mobile-brand .brand{text-decoration:none}.signup-page .auth-panel{padding-top:28px;padding-bottom:34px}}@media(max-width:460px){.auth-panel{padding-inline:20px}.auth-name-row{grid-template-columns:1fr}.auth-name-row .auth-field{gap:7px}.auth-header-links{gap:9px}.auth-header-links a{font-size:12px}.auth-header-links a:last-child{padding:8px 10px}}
.auth-logout-form{display:inline-flex;margin:0}.auth-logout-form button{padding:8px 2px;border:0;background:none;color:var(--muted);font-size:12px;font-weight:700;cursor:pointer}.auth-logout-form button:hover{color:var(--accent)}@media(max-width:680px){.auth-logout-form button{font-size:11px}}

/* Account pages: split photo panel, single-viewport layout */
.auth-body{width:100%;height:100vh;height:100dvh;overflow:hidden;background:#edf0f3!important}.auth-body #main-content{width:100%;height:100%;overflow:hidden}.auth-body .auth-page{width:100%;height:100%;min-height:0;display:grid;place-items:center;overflow:hidden;padding:24px;background:linear-gradient(145deg,#f5f7f9,#e9edf1)}.auth-card{width:min(1480px,100%);height:min(850px,calc(100dvh - 48px));min-height:0;display:grid;grid-template-columns:minmax(330px,.9fr) minmax(430px,1.1fr);overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 20px 55px #15253624}.auth-card .auth-decoration{position:relative;min-height:0;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:36px clamp(30px,4vw,58px);color:#fff;background-color:#651c28;background-position:center;background-size:cover}.login-auth .auth-decoration{background-image:linear-gradient(180deg,#611520de 0%,#721b26ad 45%,#3e1327a6 100%),url('https://images.unsplash.com/photo-1552519507-da3b142c6e3d?auto=format&fit=crop&w=1200&q=85')}.signup-auth .auth-decoration{background-image:linear-gradient(180deg,#611520e8 0%,#831d2abd 51%,#351322c4 100%),url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=1200&q=85')}.auth-card .auth-decoration:after{position:absolute;right:-100px;bottom:-150px;width:360px;height:360px;border:1px solid #ffffff35;border-radius:50%;box-shadow:0 0 0 45px #ffffff12,0 0 0 90px #ffffff0b;content:'';pointer-events:none}.auth-brand{position:relative;z-index:1;display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.auth-brand-mark{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:#fff;color:#a51f30;font:900 31px/1 var(--font-heading);font-style:italic}.auth-brand>span:last-child{display:grid;gap:2px}.auth-brand b{font:900 24px/1 var(--font-heading)}.auth-brand small{font-size:12px;color:#ffffffdb}.auth-promo-copy{position:relative;z-index:1;max-width:440px;margin-block:auto;padding-block:30px}.auth-promo-copy h2{margin:0 0 8px;font:900 clamp(32px,3vw,44px)/1.05 var(--font-heading);letter-spacing:-1px}.auth-promo-copy>p{max-width:370px;margin:0;color:#ffffffed;font-size:16px;line-height:1.55}.auth-promo-copy ul{display:grid;gap:18px;margin:30px 0 0;padding:0;list-style:none}.auth-promo-copy li{display:flex;align-items:center;gap:13px}.auth-promo-copy li>i{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border:1px solid #ffffffa8;border-radius:50%;font-style:normal;font-size:17px}.auth-promo-copy li span{display:grid;gap:3px}.auth-promo-copy li b{font-size:13px}.auth-promo-copy li small{font-size:11px;color:#ffffffd6}.auth-promo-footer{position:relative;z-index:1;color:#ffffffd0;font-size:12px;font-style:italic}.auth-card .auth-panel{width:100%;height:100%;min-height:0;align-self:stretch;justify-self:stretch;overflow:hidden;padding:28px clamp(28px,4vw,62px);display:flex;flex-direction:column;justify-content:center}.auth-panel-head{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-bottom:clamp(20px,4vh,44px);font-size:11px;color:var(--muted)}.auth-panel-head a{color:var(--accent);font-size:12px;font-weight:800;text-decoration:none}.auth-panel-head a b{margin-left:3px}.auth-panel>.eyebrow{margin-bottom:7px;font-size:10px}.auth-panel h1{font-size:clamp(26px,2.4vw,34px)}.auth-panel .auth-intro{margin:6px 0 20px;font-size:13px;line-height:1.5}.auth-form{gap:6px}.auth-form>label,.auth-password-heading label,.auth-field>label{font-size:12px}.auth-form label em,.auth-account-type em{color:#d9232e;font-style:normal}.auth-input-wrap{position:relative;width:100%}.auth-input-wrap>span{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#64748b;font-size:15px;pointer-events:none}.auth-form .auth-input-wrap input:not([type=checkbox]){min-height:43px;padding:0 42px 0 37px;font-size:12px}.auth-input-wrap .password-toggle{right:8px}.auth-password-heading{margin-top:5px}.auth-submit{min-height:45px;margin-top:8px;font-size:13px}.auth-error{margin-top:0;font-size:11px}.auth-alert{margin:4px 0 8px;padding:8px 10px;font-size:12px}.auth-new-note{display:flex;gap:11px;margin-top:clamp(14px,3vh,28px);padding:12px;border-radius:9px;background:#fff3f3}.auth-new-note>span{width:26px;height:26px;flex:0 0 26px;display:grid;place-items:center;border:1px solid #efadb3;border-radius:50%;color:var(--accent)}.auth-new-note>div{display:grid;gap:3px}.auth-new-note b{font-size:12px;color:#84202c}.auth-new-note small{color:var(--muted);font-size:10px}.auth-new-note a{color:var(--accent);font-size:10px;font-weight:800;text-decoration:none}.auth-panel .auth-trust{margin:15px 0 0;font-size:10px}.auth-mobile-brand{display:none}.signup-panel .auth-panel-head{margin-bottom:16px}.signup-panel .auth-intro{margin-bottom:10px}.signup-panel .auth-form{gap:4px}.signup-panel .auth-input-wrap input:not([type=checkbox]){min-height:38px}.signup-panel .auth-name-row{gap:9px;margin:2px 0 3px}.signup-panel .auth-field{gap:4px}.signup-panel .auth-account-type{min-width:0;margin:5px 0 2px;padding:0;border:0}.auth-account-type legend{margin-bottom:5px;font-size:12px;font-weight:800}.auth-account-type{display:grid;grid-template-columns:1fr 1fr;gap:8px}.auth-account-type label{position:relative;min-height:57px;display:flex;align-items:center;gap:9px;padding:7px 9px;border:1px solid #dce1e8;border-radius:8px;cursor:pointer}.auth-account-type label:has(input:checked){border-color:var(--accent);background:#fff8f8;box-shadow:0 0 0 1px #d9232e22}.auth-account-type input{position:absolute;inset:0;opacity:0}.auth-account-type .account-type-icon{width:27px;height:27px;flex:0 0 27px;display:grid;place-items:center;border-radius:50%;background:#fff0f1;color:var(--accent);font-size:15px}.auth-account-type label>span:last-child{display:grid;gap:2px}.auth-account-type b{font-size:11px}.auth-account-type small{color:var(--muted);font-size:9px}.auth-referral{margin:3px 0 1px}.auth-referral summary{color:var(--accent);font-size:11px;font-weight:800;cursor:pointer}.auth-referral summary span{margin-left:4px;color:var(--muted);font-weight:500}.auth-referral label{display:block;margin:7px 0 3px;font-size:11px;font-weight:700}.auth-referral input{min-height:36px!important}.auth-consent{margin:5px 0 0!important;font-size:10px!important}.signup-panel .auth-submit{min-height:42px;margin-top:5px}.signup-panel .auth-trust{margin-top:9px}.auth-body .auth-page+.site-footer{display:none}@media(max-width:900px){.auth-body .auth-page{padding:14px}.auth-card{height:calc(100dvh - 28px);grid-template-columns:minmax(260px,.78fr) minmax(400px,1.22fr)}.auth-card .auth-decoration{padding:27px 25px}.auth-card .auth-panel{padding:22px 28px}.auth-promo-copy ul{gap:13px}.auth-panel-head{margin-bottom:20px}.auth-new-note{margin-top:14px}}@media(max-width:700px){.auth-body .auth-page{padding:0}.auth-card{width:100%;height:100dvh;border-radius:0;grid-template-columns:minmax(0,1fr)}.auth-card .auth-decoration{display:none}.auth-card .auth-panel{padding:16px 24px;justify-content:center}.auth-mobile-brand{display:block;margin-bottom:8px}.auth-mobile-brand .brand{font-size:23px}.auth-panel-head{margin-bottom:12px}.auth-panel>.eyebrow{margin-top:2px}.auth-panel .auth-intro{margin-bottom:12px}.auth-panel .auth-trust{display:none}.auth-new-note{margin-top:13px}.signup-panel .auth-panel{padding:10px 22px}.signup-panel .auth-mobile-brand{margin:0 0 4px}.signup-panel .auth-panel-head{margin-bottom:7px}.signup-panel>.eyebrow{margin-bottom:3px}.signup-panel h1{font-size:25px}.signup-panel .auth-intro{margin:3px 0 7px}.signup-panel .auth-form{gap:3px}.signup-panel .auth-form>label,.signup-panel .auth-field>label{font-size:10px}.signup-panel .auth-input-wrap input:not([type=checkbox]){min-height:34px;font-size:11px}.signup-panel .auth-name-row{gap:7px;margin:0 0 2px}.signup-panel .auth-account-type{margin:3px 0 1px}.signup-panel .auth-account-type label{min-height:48px;padding:5px 7px}.signup-panel .auth-account-type .account-type-icon{width:22px;height:22px;flex-basis:22px;font-size:12px}.signup-panel .auth-account-type b{font-size:10px}.signup-panel .auth-account-type small{font-size:8px}.signup-panel .auth-referral summary{font-size:10px}.signup-panel .auth-referral input{min-height:31px!important}.signup-panel .auth-consent{font-size:9px!important}.signup-panel .auth-submit{min-height:37px;margin-top:3px}.signup-panel .auth-error{font-size:9px;line-height:1.1}}@media(max-width:380px){.auth-card .auth-panel{padding-inline:17px}.signup-panel .auth-panel{padding-inline:16px}.signup-panel .auth-input-wrap input:not([type=checkbox]){min-height:31px;padding-left:32px;font-size:10px}.signup-panel .auth-name-row{gap:5px}.signup-panel .auth-account-type{gap:5px}.signup-panel .auth-account-type label{gap:5px;padding:4px}.signup-panel .auth-panel-head{font-size:9px}}@media(max-height:740px) and (min-width:701px){.auth-body .auth-page{padding:12px}.auth-card{height:calc(100dvh - 24px)}.auth-card .auth-decoration{padding-block:23px}.auth-card .auth-panel{padding-block:16px}.auth-panel-head{margin-bottom:12px}.signup-panel .auth-intro{margin-bottom:5px}.signup-panel .auth-form{gap:2px}.signup-panel .auth-input-wrap input:not([type=checkbox]){min-height:34px}.signup-panel .auth-account-type label{min-height:48px}.signup-panel .auth-trust{margin-top:5px}}
.auth-body .auth-page{grid-template-columns:minmax(0,1fr)}
.signup-auth .auth-decoration{background-image:linear-gradient(180deg,#611520b8 0%,#831d2a72 51%,#3513229c 100%),url('https://images.unsplash.com/photo-1600596542815-ffad4c1539a9?auto=format&fit=crop&w=1200&q=85')}

@media(min-width:901px){.auth-body .auth-page{padding-left:80px;padding-right:80px}}

@media(min-width:1100px){.auth-body .auth-page{padding-left:140px;padding-right:140px}}

/* Auth pages need a real scroll area on phones: signup is taller than one viewport. */
.signup-panel,.signup-panel .auth-form{min-width:0}
.signup-account-options{display:flex;min-width:0;flex-direction:column;gap:0!important;align-content:start}
.signup-account-options .auth-account-type{flex:0 0 auto;margin:0!important;padding:0!important}
.signup-account-options .auth-referral{flex:0 0 auto;margin:0!important;padding:0!important}
.signup-account-options .auth-error{margin:0}
.auth-account-type{box-sizing:border-box;width:100%;max-width:100%;min-width:0;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:max-content 42px;grid-auto-flow:row;align-content:start;align-items:start}
.auth-account-type>.auth-account-type-title{display:block;box-sizing:border-box;width:100%;max-width:100%;grid-column:1/-1;min-width:0;margin:0 0 5px;color:var(--ink);font-size:12px;font-weight:800}
.signup-panel .auth-account-type label{height:42px;min-height:42px;padding:6px 10px;align-self:start;justify-content:center;text-align:center}
.signup-panel .auth-account-type label{box-sizing:border-box;min-width:0;overflow:hidden;white-space:normal;overflow-wrap:anywhere}
.signup-panel .auth-account-type label:focus-within{outline:0;box-shadow:inset 0 0 0 2px #c9233540}
.signup-panel .auth-account-type label:focus-within:has(input:checked){box-shadow:inset 0 0 0 1px #d9232e22}
.signup-panel .auth-account-type label>span:last-child{display:block}
.signup-panel .auth-account-type b{font-size:12px}
.signup-panel .auth-account-type .account-type-icon{display:none}
.auth-card .signup-panel{justify-content:flex-start}
.signup-panel{overflow-y:auto!important;overscroll-behavior:contain;scrollbar-width:thin}
.signup-panel .auth-input-wrap input[type=password]{padding-right:62px!important}
@media(max-width:700px){
  .auth-body{height:auto;min-height:100dvh;overflow-x:hidden;overflow-y:auto}
  .auth-body #main-content{height:auto;min-height:100dvh;overflow:visible}
  .auth-body .auth-page{height:auto;min-height:100dvh;overflow:visible;place-items:start center;padding:0;background:#fff}
  .auth-card{width:100%;height:auto;min-height:100dvh;overflow:visible;border-radius:0;box-shadow:none}
  .auth-card .auth-panel{width:100%;height:auto;min-height:100dvh;overflow:visible;justify-content:flex-start;padding:24px clamp(20px,6vw,32px)}
  .auth-panel-head{margin-bottom:18px}
  .auth-mobile-brand{margin-bottom:20px}
  .auth-panel .auth-intro{margin-bottom:18px}
  .auth-form{gap:8px}
  .auth-form>label,.auth-field>label,.auth-password-heading label{font-size:13px}
  .auth-form .auth-input-wrap input:not([type=checkbox]){min-height:46px;font-size:14px}
  .signup-panel .auth-panel-head{margin-bottom:14px}
  .signup-panel .auth-mobile-brand{margin-bottom:16px}
  .signup-panel .auth-intro{margin:6px 0 14px}
  .signup-panel .auth-form{gap:7px}
  .signup-panel .auth-form>label,.signup-panel .auth-field>label{font-size:12px}
  .signup-panel .auth-input-wrap input:not([type=checkbox]){min-height:43px;font-size:13px}
  .signup-panel .auth-account-type{margin:4px 0 0}
  .signup-panel .auth-account-type{grid-template-rows:max-content 40px}
  .signup-panel .auth-account-type label{height:40px;min-height:40px}
  .signup-account-options{gap:3px}
  .signup-account-options .auth-account-type,.signup-account-options .auth-referral{margin:0}
  .signup-panel .auth-account-type b{font-size:11px}
  .signup-panel .auth-consent{font-size:11px!important}
  .signup-panel .auth-submit{min-height:44px}
  .signup-panel .auth-trust{display:flex;margin-top:14px}
}
@media(max-height:640px) and (max-width:700px){
  .auth-card .auth-panel{min-height:0}
}

/* Homepage discovery shortcuts: coordinated cards with distinct category accents. */
.home-page .feature-card{
  --feature-accent:#c92335;
  --feature-tint:#fff1f2;
  min-height:194px;
  height:100%;
  padding:18px 17px 15px;
  border:1px solid #e8eaf0;
  border-radius:16px;
  background:linear-gradient(145deg,#fff 0%,#fff 62%,var(--feature-tint) 150%);
  box-shadow:0 8px 22px #17233b0a;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background-color .2s ease;
}
.home-page .feature-jobs{--feature-accent:#635bce;--feature-tint:#f0efff}
.home-page .feature-services{--feature-accent:#c07a19;--feature-tint:#fff5e6}
.home-page .feature-business{--feature-accent:#16876e;--feature-tint:#e9f8f3}
.home-page .feature-rides{--feature-accent:#2874bb;--feature-tint:#eaf4ff}
.home-page .feature-kadgis{--feature-accent:#ba4d43;--feature-tint:#fff0eb}
.home-page .feature-card::before{position:absolute;top:0;right:18px;left:18px;height:3px;border-radius:0 0 4px 4px;background:var(--feature-accent);content:"";opacity:.72}
.home-page .feature-card::after{top:-42px;right:-35px;width:122px;height:122px;background:var(--feature-tint);opacity:.8}
.home-page .feature-card:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--feature-accent) 32%,#fff);box-shadow:0 16px 30px #17233b14}
.home-page .feature-card:hover::after{transform:scale(1.12);background:var(--feature-tint)}
.home-page .feature-icon{width:42px;height:42px;margin-bottom:11px;border:1px solid color-mix(in srgb,var(--feature-accent) 16%,#fff);border-radius:13px;color:var(--feature-accent);background:var(--feature-tint)}
.home-page .feature-icon svg{width:20px;height:20px;stroke-width:1.9}
.home-page .feature-kicker{position:relative;z-index:1;color:var(--feature-accent);font-size:8px;letter-spacing:1.05px}
.home-page .feature-card>strong{position:relative;z-index:1;min-height:38px;margin-top:4px;font-size:16px;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.home-page .feature-description{position:relative;z-index:1;min-height:30px;margin-top:5px;color:#687386;font-size:10px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.home-page .feature-link{position:relative;z-index:1;display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:10px;color:var(--feature-accent);font-size:10px;font-weight:800}
.home-page .feature-link b{display:grid;width:20px;height:20px;place-items:center;margin:0;border-radius:50%;background:var(--feature-tint);font-size:12px;transition:transform .18s ease}
.home-page .feature-card:hover .feature-link b{margin:0;transform:translate(2px,-1px)}
.home-page .feature-card:focus-visible{outline:3px solid color-mix(in srgb,var(--feature-accent) 42%,transparent);outline-offset:3px}
@media(max-width:999px) and (min-width:681px){.home-page .feature-card{min-height:188px;padding:16px}}
/* Four compact shortcuts leave room for the KADGIS offer to stand out. */
@media(min-width:1000px){.home-page .feature-section{grid-template-columns:repeat(4,minmax(0,1fr))}}
.home-page .feature-card{min-height:166px;padding:14px 16px 12px}
.home-page .feature-icon{width:36px;height:36px;margin-bottom:8px;border-radius:11px}
.home-page .feature-card>strong{min-height:34px;margin-top:3px;font-size:15px}
.home-page .feature-description{min-height:28px;margin-top:3px;font-size:9px;line-height:1.4}
.home-page .feature-link{padding-top:7px}
@media(max-width:999px) and (min-width:681px){.home-page .feature-section{grid-template-columns:repeat(2,minmax(0,1fr))}.home-page .feature-card{min-height:158px;padding:13px}}

/* Shared TradePost footer refresh. */
.site-footer{
  width:100%;
  margin:44px 0 0;
  padding:0 clamp(20px,5vw,72px) 18px;
  overflow:hidden;
  border:0;
  border-top:1px solid #263449;
  border-radius:0;
  color:#e7edf5;
  background:radial-gradient(ellipse at 12% 0%,#25324a 0,transparent 42%),linear-gradient(145deg,#0d1728,#111e32 72%,#0c1728)!important;
  box-shadow:none;
}
.site-footer .footer-main{
  width:min(1230px,100%);
  margin:0 auto;
  padding:48px 0 38px;
  display:grid!important;
  grid-template-columns:minmax(200px,1.2fr) minmax(145px,.8fr) minmax(210px,1fr) minmax(240px,1.2fr);
  align-items:start;
  gap:clamp(22px,3vw,46px);
}
.site-footer .footer-logo{display:inline-flex;align-items:center;gap:11px;color:#fff;text-decoration:none}
.tradepost-brand{display:inline-flex;align-items:center;min-width:0;text-decoration:none}
.tradepost-brand img{display:block;width:158px;height:auto;max-width:100%;object-fit:contain}
.site-footer .footer-logo img{display:block;width:184px;height:auto;max-width:100%;border-radius:5px}
.auth-brand img{display:block;width:260px;height:auto;max-width:100%;border-radius:5px}
.auth-reset-brand img{width:230px}
.auth-mobile-brand .tradepost-brand img{width:180px}
.ride-match-footer .tradepost-brand img{width:160px}
.site-footer .footer-logo-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(145deg,#ed4651,#bd182c);box-shadow:0 6px 16px #d9232e30;font:900 14px/1 "Nunito Sans",sans-serif;letter-spacing:-.4px}
.site-footer .footer-logo-word{color:#fff!important;font:900 22px/1 "Nunito Sans",sans-serif;letter-spacing:-.65px}
.site-footer .footer-tagline{margin:14px 0 6px;color:#fff;font-size:12px;font-weight:800;letter-spacing:.25px}
.site-footer .footer-intro .footer-description{max-width:285px;margin:0;color:#aebbcbd9;font-size:12px;line-height:1.7}
.site-footer .footer-column h3,.site-footer .footer-connect h3{margin:5px 0 14px;color:#fff;font:800 13px/1.3 "Nunito Sans",sans-serif;letter-spacing:.2px}
.site-footer .footer-column a{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid #ffffff0d;color:#bcc7d6;text-decoration:none;font-size:11px;line-height:1.35;transition:color .16s ease,padding .16s ease}
.site-footer .footer-column a span{flex:0 0 auto;color:#73839a;font-size:13px;transition:transform .16s ease,color .16s ease}
.site-footer .footer-column a:hover{padding-left:3px;color:#fff}
.site-footer .footer-column a:hover span{transform:translateX(2px);color:#ff8f93}
.site-footer .footer-column[aria-label="Categories"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:17px;max-height:250px;overflow:auto;scrollbar-color:#45536a transparent;scrollbar-width:thin}
.site-footer .footer-column[aria-label="Categories"] h3{grid-column:1/-1}
.site-footer .footer-connect{padding:19px;border:1px solid #ffffff18;border-radius:14px;background:#ffffff08;box-shadow:inset 0 1px #ffffff0a}
.site-footer .footer-connect h3{display:flex;align-items:center;gap:8px;margin-top:0}
.site-footer .footer-heading-icon{width:27px;height:27px;display:grid;place-items:center;border:1px solid #ef737b44;border-radius:8px;color:#ff9296;background:#d9232e20;font-size:17px}
.site-footer .footer-connect>p{margin:0 0 14px;color:#b5c0cf;font-size:11px;line-height:1.55}
.site-footer .footer-newsletter{display:grid;grid-template-columns:16px minmax(0,1fr) 38px;gap:5px;padding:5px;border:1px solid #ffffff24;border-radius:10px;background:#fff}
.site-footer .footer-newsletter>svg{width:16px;height:16px;align-self:center;justify-self:center;fill:none;stroke:#8290a1;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.site-footer .footer-newsletter input[type="email"]{width:100%;min-width:0;min-height:37px;padding:0 5px 0 0;border:0;outline:0;color:#17233b;background:transparent;font:500 11px/1.2 Inter,Arial,sans-serif}
.site-footer .footer-newsletter input[type="email"]::placeholder{color:#8490a0}
.site-footer .footer-newsletter button{width:38px;height:37px;display:grid;place-items:center;border:0;border-radius:7px;color:#fff;background:linear-gradient(145deg,#e23a46,#c51b2b);font-size:19px;font-weight:700;transition:filter .15s ease,transform .15s ease}
.site-footer .footer-newsletter button:hover{filter:brightness(1.08);transform:translateX(1px)}
.site-footer .footer-newsletter button:disabled{opacity:.6;cursor:wait}
.site-footer .footer-newsletter .newsletter-feedback{grid-column:1/-1;display:block;width:100%;margin:3px 0 0;color:#a8e5c5;font-size:11px;line-height:1.4}
.site-footer .footer-newsletter .newsletter-feedback.is-error{color:#ffb5b8}
.site-footer .footer-bottom{width:min(1230px,100%);margin:0 auto;display:flex!important;align-items:center;justify-content:space-between;gap:16px;padding:17px 0 2px;border-top:1px solid #ffffff18;color:#96a4b7;font-size:10px}
.site-footer .footer-bottom p{margin:0}
.site-footer .footer-bottom div{display:flex;flex-wrap:wrap;align-items:center;gap:18px}
.site-footer .footer-bottom a{color:#b5c0ce;text-decoration:none;transition:color .15s ease}
.site-footer .footer-bottom a:hover{color:#fff}
.site-footer .footer-bottom .back-to-top{width:32px;height:32px;display:grid;place-items:center;border:1px solid #ffffff24;border-radius:50%;color:#fff;background:#ffffff0a;font-size:16px}
@media(max-width:900px){
  .site-footer{padding-inline:28px}
  .site-footer .footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 36px}
  .site-footer .footer-intro,.site-footer .footer-connect{grid-column:1/-1}
  .site-footer .footer-intro .footer-description{max-width:430px}
  .site-footer .footer-connect{max-width:520px}
}
@media(max-width:600px){
  .site-footer{margin-top:30px;padding:0 18px 15px}
  .site-footer .footer-main{padding:34px 0 25px;gap:25px 18px}
  .site-footer .footer-logo-word{font-size:21px}
  .site-footer .footer-intro p{font-size:12px}
  .site-footer .footer-column h3,.site-footer .footer-connect h3{font-size:12px}
  .site-footer .footer-column a{font-size:10px}
  .site-footer .footer-column[aria-label="Categories"]{grid-template-columns:1fr;max-height:250px;column-gap:0}
  .site-footer .footer-connect{padding:16px}
  .site-footer .footer-bottom{align-items:flex-start;flex-direction:column;gap:12px;padding-top:15px;font-size:10px}
  .site-footer .footer-bottom div{gap:13px 16px}
}
@media(max-width:360px){
  .site-footer .footer-main{grid-template-columns:1fr;gap:22px}
  .site-footer .footer-intro,.site-footer .footer-connect{grid-column:auto}
  .site-footer .footer-column[aria-label="Categories"]{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}
  .site-footer .footer-column[aria-label="Categories"] h3{grid-column:1/-1}
}
/* Light footer palette to match the marketplace surfaces. */
.site-footer{border-top-color:#e7e9ee;color:#263346;background:linear-gradient(145deg,#fff,#f7f8fa 76%,#fff5f5)!important}
.site-footer .footer-logo-word{color:#17233b!important}
.site-footer .footer-tagline,.site-footer .footer-main h3,.site-footer .footer-connect h3{color:#17233b}
.site-footer .footer-intro .footer-description,.site-footer .footer-connect>p{color:#697586}
.site-footer .footer-column a{border-bottom-color:#e9edf2;color:#596579}
.site-footer .footer-column a span{color:#9ba5b4}
.site-footer .footer-column a:hover,.site-footer .footer-bottom a:hover{color:#c92335}
.site-footer .footer-connect{border-color:#e5e8ee;background:#fff;box-shadow:0 8px 24px #17233b0a}
.site-footer .footer-heading-icon{border-color:#f0d4d7;color:#c92335;background:#fff1f2}
.site-footer .footer-newsletter{border-color:#e1e5eb;background:#fff;box-shadow:0 2px 7px #17233b08}
.site-footer .footer-newsletter>svg{stroke:#8190a2}
.site-footer .footer-newsletter input[type="email"]{color:#17233b}
.site-footer .footer-newsletter .newsletter-feedback{color:#087e5b}
.site-footer .footer-newsletter .newsletter-feedback.is-error{color:#b42318}
.site-footer .footer-bottom{border-top-color:#e5e8ee;color:#7b8797}
.site-footer .footer-bottom a{color:#586579}
.site-footer .footer-bottom .back-to-top{border-color:#e1e5eb;color:#17233b;background:#fff}
/* Minimal light footer with a single bold TradePost red feature band. */
.site-footer{padding-top:1px;background:#f8f9fb!important}
.site-footer .footer-feature{width:min(1230px,100%);min-height:126px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:24px auto 0;padding:22px 28px;border:1px solid #c91f32;border-radius:15px;color:#fff;background:linear-gradient(105deg,#d92335,#c5192b 72%,#a91529);box-shadow:0 10px 24px #c91f3220}
.site-footer .footer-feature-copy>span{display:block;margin-bottom:5px;color:#ffe0e2;font-size:9px;font-weight:800;letter-spacing:1.3px}
.site-footer .footer-feature-copy h2{margin:0;color:#fff;font:900 clamp(20px,2.4vw,27px)/1.1 "Nunito Sans",sans-serif;letter-spacing:-.55px}
.site-footer .footer-feature-copy p{margin:5px 0 0;color:#ffebec;font-size:11px;line-height:1.45}
.site-footer .footer-feature-actions{display:flex;flex:0 0 auto;gap:9px}
.site-footer .footer-feature-actions a{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 14px;border:1px solid #ffffff90;border-radius:8px;color:#a81528;background:#fff;text-decoration:none;font-size:11px;font-weight:800;transition:transform .16s ease,box-shadow .16s ease}
.site-footer .footer-feature-actions a:last-child{border-color:#ffffff95;color:#fff;background:#9e1427}
.site-footer .footer-feature-actions a:hover{transform:translateY(-2px);box-shadow:0 5px 12px #70132345}
.site-footer .footer-feature-actions b{font-size:14px}
.site-footer .footer-main{padding:34px 0 27px;gap:clamp(20px,3vw,38px)}
.site-footer .footer-connect{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
.site-footer .footer-connect h3{margin-top:5px}
.site-footer .footer-newsletter{box-shadow:none}
.site-footer .footer-bottom{padding-top:14px}
@media(max-width:760px){
  .site-footer .footer-feature{min-height:0;align-items:flex-start;flex-direction:column;gap:16px;margin-top:18px;padding:20px;border-radius:13px}
  .site-footer .footer-feature-actions{width:100%}
  .site-footer .footer-feature-actions a{flex:1 1 0;padding-inline:10px}
}
@media(max-width:380px){
  .site-footer .footer-feature{padding:17px}
  .site-footer .footer-feature-actions{flex-direction:column}
  .site-footer .footer-feature-actions a{width:100%}
}

/* Mobile hero carousel: rotate the marketplace welcome with a KADGIS highlight. */
@media(max-width:680px){
  .intro>.mobile-hero{height:148px;min-height:148px;padding:0;display:block!important;border-radius:16px;box-shadow:0 9px 22px #a7182a12}
  .intro>.mobile-hero{touch-action:pan-y;user-select:none;-webkit-user-select:none}
  .mobile-hero-track{width:300%;height:100%;display:flex;transform:translateX(0);transition:transform .5s cubic-bezier(.22,.75,.25,1)}
  .mobile-hero-slide{position:relative;isolation:isolate;height:100%;min-width:0;flex:0 0 33.333%;display:flex;align-items:center;justify-content:space-between;gap:6px;overflow:hidden;padding:13px 37px 20px 14px;color:var(--ink);text-decoration:none;background:linear-gradient(115deg,#fff9f9 0%,#fff2f3 58%,#ffe9eb 100%)}
  .mobile-hero-slide-kadgis{background:linear-gradient(115deg,#fffaf5 0%,#fff4e9 60%,#ffeadb 100%)}
  .mobile-hero-slide-pro5{background:linear-gradient(115deg,#f7fff9 0%,#eaf8ef 58%,#d9f2e1 100%)}
  .mobile-hero-slide::before{position:absolute;z-index:-1;right:-26px;bottom:-78px;width:175px;height:175px;border:1px solid #d9232e12;border-radius:50%;box-shadow:0 0 0 17px #fff5,0 0 0 36px #fff3;content:""}
  .mobile-hero-slide-kadgis::before{border-color:#ba4d4318;box-shadow:0 0 0 17px #fff5,0 0 0 36px #fff3}
  .mobile-hero-slide-pro5::before{border-color:#14834f20;box-shadow:0 0 0 17px #fff7,0 0 0 36px #fff4}
  .mobile-hero-copy{max-width:calc(100% - 76px)}
  .mobile-hero-copy>p{font-size:8px;letter-spacing:1px}
  .mobile-hero-copy h1,.mobile-hero-copy h2{margin:0;color:var(--ink);font:900 20px/1.05 "Nunito Sans",sans-serif;letter-spacing:-.55px}
  .mobile-hero-copy>span{max-width:220px;margin-top:4px;font-size:9px;line-height:1.3}
  .mobile-hero-slide-action{display:inline-flex;align-items:center;gap:5px;margin-top:7px;color:#bd2433;font-size:9px;font-weight:800}
  .mobile-hero-slide-action i{font-size:12px;font-style:normal}
  .mobile-hero-art{width:68px;height:74px;flex-basis:68px}
  .mobile-hero-glow{width:57px;height:57px;background:#ffffffc9;box-shadow:0 0 0 7px #ffffff66}
  .mobile-hero-art>svg{width:36px;height:43px}
  .mobile-hero-slide-kadgis .mobile-hero-art>svg{fill:none;stroke:#ba4d43;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
  .mobile-hero-slide-pro5 .mobile-hero-copy>p,.mobile-hero-slide-pro5 .mobile-hero-slide-action{color:#137b49}
  .mobile-hero-slide-pro5 .mobile-hero-art>svg{fill:none;stroke:#137b49;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
  .mobile-hero-slide-pro5{flex-direction:row;align-items:center;justify-content:space-between;gap:6px;padding-top:13px}
  .mobile-hero-slide-pro5 .mobile-hero-copy{max-width:calc(100% - 114px)}
  .mobile-hero-slide-pro5 .mobile-hero-copy>p{margin:0 0 3px;font-size:7px;letter-spacing:.8px}
  .mobile-hero-slide-pro5 .mobile-hero-copy h2{font-size:17px;line-height:1.06}
  .mobile-hero-slide-pro5 .mobile-hero-copy>span{margin-top:3px;font-size:8px}
  .mobile-hero-slide-pro5 .mobile-hero-slide-action{margin-top:5px}
  .mobile-hero-slide-pro5 .mobile-hero-pro5-logo{width:108px;height:62px;flex:0 0 108px;overflow:hidden;border:1px solid #e5e7eb;border-radius:10px;background:#fff;box-shadow:0 5px 12px #123b281c}
  .mobile-hero-pro5-logo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
  .mobile-hero-tag{right:-7px;bottom:0;padding:4px 6px;font-size:7px}
  .mobile-hero-controls{position:absolute;z-index:3;right:12px;bottom:9px;display:flex;gap:5px;align-items:center}
  .mobile-hero-controls button{width:20px;height:20px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent}
  .mobile-hero-controls button::after{width:6px;height:6px;border-radius:99px;background:#c8a8aa;content:"";transition:width .2s ease,background .2s ease}
  .mobile-hero-controls button[aria-current="true"]::after{width:16px;background:#c92335}
  .mobile-hero-slide:focus-visible,.mobile-hero-controls button:focus-visible{outline:2px solid #bd2433;outline-offset:-3px}
  .mobile-hero-slide{cursor:grab}
  .mobile-hero.is-dragging{cursor:grabbing}
  .mobile-hero.is-dragging .mobile-hero-track{transition:none}
}
@media(prefers-reduced-motion:reduce){.mobile-hero-track{transition:none}}

.profile-chip{text-decoration:none}.profile-logout{margin:17px 8px 3px;padding-top:14px;border-top:1px solid var(--line)}.profile-logout .sign-out{width:100%;margin:0;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.account-notice{margin:0 0 18px;padding:11px 14px;border:1px solid #d4eadf;border-radius:8px;background:#f2fbf6;color:#23734c;font-size:13px;font-weight:700}.account-empty{display:grid;justify-items:center;padding:38px 20px;border:1px dashed #d8dee6;border-radius:10px;text-align:center}.account-empty>span{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#fff0f1;color:var(--accent);font-size:20px}.account-empty h3{margin:12px 0 4px;font-size:16px}.account-empty p{max-width:380px;margin:0 0 15px;color:var(--muted);font-size:12px;line-height:1.5}.account-empty .post-button{font-size:12px;text-decoration:none}.listing-thumb img{width:100%;height:100%;object-fit:cover;border-radius:6px}.account-listing-placeholder{background:linear-gradient(135deg,#f4dfe1,#e5eaf0)}.referral-card{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid var(--line);border-radius:10px;background:#fcfcfd}.referral-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#fff0f1;color:var(--accent);font-size:22px}.referral-card>div{display:grid;gap:3px}.referral-card small{color:var(--muted);font-size:11px}.referral-card strong{font:900 20px var(--font-heading);letter-spacing:1px}.referral-card .outline-button{margin-left:auto;white-space:nowrap;text-decoration:none}.referral-count{margin-top:15px;color:var(--muted);font-size:13px}.referral-count b{color:var(--ink)}@media(max-width:780px){.profile-logout{display:none}.referral-card{flex-wrap:wrap}.referral-card .outline-button{margin-left:auto}}

/* Keep the mobile filter drawer above its dismissible backdrop. */
@media(max-width:680px){
  body.filters-modal-open{overflow:hidden}
  .filters.open{z-index:51!important;overscroll-behavior:contain;padding-bottom:calc(30px + env(safe-area-inset-bottom))!important}
  .filter-backdrop{position:fixed;z-index:50;inset:0;display:block;width:100%;height:100%;border:0;background:#11182780;backdrop-filter:blur(2px)}
  .filter-backdrop[hidden]{display:none!important}
  .mobile-bottom-nav{min-height:68px;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-areas:"listings chats post alerts saved";gap:5px;padding:7px 10px calc(7px + env(safe-area-inset-bottom));border-top:1px solid #edf0f4;background:#ffffffed;box-shadow:0 -8px 28px #16233717}
  .mobile-nav-item{min-height:49px;padding:4px 2px;border:1px solid #edf0f4;border-radius:13px;background:linear-gradient(180deg,#fff,#f9fafc);box-shadow:0 2px 7px #1d2b3d09;transition:border-color .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease}
  .mobile-nav-item:hover,.mobile-nav-item:focus-visible{border-color:#f0c5ca;box-shadow:0 4px 12px #a7182a12;transform:translateY(-1px)}
  .mobile-nav-item[href$="/notifications"]{grid-area:alerts}
  .mobile-nav-item[href$="/profile#listings"]{grid-area:listings}
  .mobile-nav-item[href$="/messages"]{grid-area:chats}
  .mobile-nav-item[href$="/profile#saved"]{grid-area:saved}
  .mobile-nav-icon-wrap{position:relative;display:grid;place-items:center}
  .mobile-nav-icon-wrap svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .mobile-notification-badge{position:absolute;top:-7px;right:-10px;min-width:15px;height:15px;display:grid;place-items:center;padding:0 3px;border:2px solid #fff;border-radius:99px;color:#fff;background:#e12c3a;font:800 8px/1 Inter,sans-serif}
  .mobile-notification-badge[hidden]{display:none!important}
  .mobile-nav-post{min-height:49px;padding:4px 2px;border:1px solid #f0c8cc;border-radius:13px;background:linear-gradient(180deg,#fff8f8,#fff);box-shadow:0 3px 10px #a7182a12}
  .mobile-nav-plus{margin-top:-13px}
}

.search-field .search-field-icon{width:22px;height:22px;display:grid;place-items:center;flex:0 0 22px;margin:0;color:#66758a;font-size:0;line-height:0}
.search-field .search-field-icon svg{display:block;width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.search-button-icon{flex:0 0 22px;place-items:center}
.search-button-icon svg{display:block}
.mobile-category-icon svg{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.price-filter-group h3{margin-bottom:15px}
.price-range-fields{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:9px}
.filter-group .price-field{min-width:0;display:grid!important;align-items:start!important;gap:6px!important;margin:0!important;color:#6b7584!important;font-size:10px!important;font-weight:700}
.price-input-wrap{min-width:0;height:42px;display:flex;align-items:center;gap:5px;padding:0 9px;border:1px solid #dfe4eb;border-radius:9px;background:#fff;transition:border-color .18s ease,box-shadow .18s ease}
.price-input-wrap:focus-within{border-color:#79aa8e;box-shadow:0 0 0 3px #4b95651c}
.price-input-wrap>b{flex:0 0 auto;color:#778394;font-size:11px;font-weight:700}
.price-input-wrap input{width:100%;min-width:0;padding:0;border:0;outline:0;color:#233248;background:transparent;font:700 12px/1.2 Inter,sans-serif;font-variant-numeric:tabular-nums}
.price-input-wrap input::placeholder{color:#a6afba;font-weight:500}
.price-range-separator{padding-bottom:13px;color:#9aa3af;font-size:10px;font-weight:600}
.price-range-scale{display:flex;justify-content:space-between;margin-top:1px;color:#7d8897;font-size:9px;font-variant-numeric:tabular-nums}
.range-line:before{display:none}
.range-line .range-track{top:11px;height:4px;background:#e4e9e6}
.range-line .range-track i{background:#54a377}
.range-line input[type=range]::-webkit-slider-thumb{border-color:#438c62}
.range-line input[type=range]::-moz-range-thumb{border-color:#438c62}
.price-error:not(:empty){min-height:15px;margin-top:6px}
@media(max-width:680px){
  .intro>.searchbox{grid-template-columns:minmax(0,1fr) minmax(84px,110px) 54px;align-items:stretch;gap:6px}
  .intro>.searchbox .search-field{min-width:0;display:flex;align-items:center;gap:8px;padding-inline:9px}
  .intro>.searchbox .search-field-icon{width:20px;height:20px;flex-basis:20px}
  .intro>.searchbox .search-field-icon svg{width:19px;height:19px}
  .intro>.searchbox input{width:100%;min-width:0;font-size:11px;line-height:1.2}
  .intro>.searchbox>button{width:54px;min-width:54px;min-height:52px;display:grid;place-items:center;align-self:stretch;padding:0;border-radius:10px}
  .intro>.searchbox>button .search-button-icon{width:24px;height:24px;display:grid;place-items:center;flex:0 0 24px;margin:0}
  .intro>.searchbox>button .search-button-icon svg{width:22px;height:22px;stroke-width:2.2}
  .ads-hero .searchbox>button{width:52px;min-width:52px;display:grid;place-items:center;align-self:stretch;border-radius:9px}
  .ads-hero .searchbox>button .search-button-text,.ads-hero .searchbox>button .search-arrow{display:none}
  .ads-hero .searchbox>button .search-button-icon{width:23px;height:23px;display:grid;place-items:center;flex:0 0 23px;margin:0}
  .ads-hero .searchbox>button .search-button-icon svg{width:22px;height:22px;stroke-width:2.2}
  .mobile-category-icon{width:36px;height:36px}
  .mobile-category-icon svg{width:21px;height:21px}
}

/* Readable filter typography across the desktop sidebar and mobile drawer. */
.filters{font-family:Inter,Arial,sans-serif;font-size:14px;line-height:1.5;color:#26364a}
.filters .filter-heading{align-items:center;padding-bottom:15px}
.filters .filter-heading h2{font:800 22px/1.2 "Nunito Sans",sans-serif!important;letter-spacing:-.45px}
.filters .filter-heading button{font:700 13px/1.3 Inter,Arial,sans-serif!important;text-decoration:none}
.filters .filter-group{padding:18px 0}
.filters .filter-group h3{margin-bottom:13px;font:700 15px/1.35 Inter,Arial,sans-serif;letter-spacing:-.15px;color:#25354a}
.filters .filter-group label:not(.price-field){gap:10px;margin:12px 0;color:#465468;font:500 13px/1.45 Inter,Arial,sans-serif}
.filters .filter-group input[type="checkbox"],.filters .filter-group input[type="radio"]{width:17px;height:17px;flex:0 0 17px;border-radius:4px}
.filters .filter-group input[type="radio"]{border-radius:50%}
.filters .filter-select select,.filters .filter-group select.spec-select{min-height:44px;padding:10px 12px!important;border-radius:9px!important;font:600 13px/1.4 Inter,Arial,sans-serif!important}
.filters .price-field{font-size:11px!important;line-height:1.35}
.filters .price-input-wrap{height:44px}
.filters .price-input-wrap input{font:700 12px/1.2 Inter,Arial,sans-serif!important}
.filters .price-range-separator{padding-bottom:14px;font-size:11px}
.filters .price-range-scale{font-size:10px;line-height:1.4}
.filters .apply-button{min-height:48px;margin-top:17px;border-radius:10px;font:700 14px/1.2 Inter,Arial,sans-serif!important;letter-spacing:.05px}
.filters .recommendations-heading h2{font:800 17px/1.3 "Nunito Sans",sans-serif}
.filters .recommendations-heading span{font-size:11px}
.filters .recommended-item b{font:650 12px/1.35 Inter,Arial,sans-serif}
.filters .recommended-item small{font-size:11px;line-height:1.4}
.filters .view-recommendations{font-size:12px;line-height:1.4}
.heart.is-saved{color:#d9232e;background:#fff1f2}
.save-toast{position:fixed;z-index:120;left:50%;bottom:calc(28px + env(safe-area-inset-bottom));max-width:min(90vw,420px);transform:translate(-50%,18px);padding:12px 17px;border:1px solid #dce7e0;border-radius:11px;color:#244536;background:#f4fbf6;box-shadow:0 10px 28px #14291c24;font:600 13px/1.4 Inter,Arial,sans-serif;opacity:0;visibility:hidden;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
.save-toast.show{transform:translate(-50%,0);opacity:1;visibility:visible}
.save-toast.is-error{border-color:#f2c6ca;color:#8d2029;background:#fff5f5}
.saved-listings-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.saved-listings-grid .saved-ad-card{position:relative;min-width:0;display:flex;flex-direction:column;gap:10px;padding:11px;border:1px solid #e7ece9;border-radius:11px;background:#fff}
.saved-ad-link{min-width:0;display:block;color:var(--ink);text-decoration:none}
.saved-listings-grid .saved-image{width:100%;display:block;aspect-ratio:4/3;height:auto;margin-bottom:10px;background-size:cover;background-position:center;background-repeat:no-repeat}
.saved-image-placeholder{background-image:linear-gradient(135deg,#dce8e1,#eef3ef)!important}
.saved-ad-link>b,.saved-ad-link>small,.saved-ad-link>strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.saved-ad-link>b{font-size:13px;line-height:1.4}
.saved-ad-link>small{margin-top:4px;color:#788395;font-size:11px}
.saved-ad-link>strong{margin-top:8px;color:var(--accent);font-size:15px}
.saved-card-remove{min-height:36px;padding:7px 10px;border:1px solid #e6ebef;border-radius:8px;color:#667386;background:#fff;font:600 11px/1.2 Inter,Arial,sans-serif!important}
.saved-card-remove:hover{border-color:#efc9cc;color:var(--accent);background:#fff7f7}
@media(max-width:680px){
  .filters{padding:23px 20px calc(30px + env(safe-area-inset-bottom))!important}
  .filters .filter-heading h2{font-size:23px!important}
  .filters .filter-heading button{font-size:13px!important}
  .filters .filter-group{padding:20px 0}
  .filters .filter-group h3{font-size:15px}
  .filters .filter-group label:not(.price-field){font-size:14px;line-height:1.5;margin:13px 0}
  .filters .filter-select select,.filters .filter-group select.spec-select{min-height:46px;font-size:14px!important}
  .filters .price-input-wrap{height:46px}
  .filters .price-input-wrap input{font-size:13px!important}
  .filters .apply-button{min-height:50px;font-size:15px!important}
  .saved-listings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .saved-listings-grid .saved-ad-card{padding:8px}
  .saved-ad-link>b{font-size:12px}
}

@media(max-width:680px){
  .mobile-nav-item{border-color:#dcece4;color:#4d7462;background:linear-gradient(155deg,#fbfefc 0%,#edf7f1 100%);box-shadow:0 2px 8px #2860440d}
  .mobile-nav-item:hover,.mobile-nav-item:focus-visible{border-color:#b8d8c7;color:#276348;background:linear-gradient(155deg,#fff 0%,#e4f3e9 100%);box-shadow:0 4px 12px #28604418}
  .mobile-nav-post{border-color:#d4e9dc;background:linear-gradient(155deg,#f5fbf7,#e7f4ec);box-shadow:0 3px 10px #28604414}
}

/* Keep listing cards aligned and clamp preview copy consistently on every viewport. */
.ad-card{display:flex;flex-direction:column;height:100%}
.ad-card-link{display:flex;flex:1;flex-direction:column;min-width:0;height:100%}
.ad-content{display:flex;flex:1;flex-direction:column;min-width:0}
.ad-content h3{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;min-height:2.6em;max-height:2.6em}
.ad-meta{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:2.9em;min-height:0;max-height:2.9em;line-height:1.45em}
.ad-bottom{margin-top:auto}

/* Keep selected-photo previews and detail-gallery thumbnails compact with few images. */
.photo-preview,.listing-thumbnails{grid-template-columns:repeat(auto-fill,84px);justify-content:start;align-items:start}
.photo-preview img{width:84px;height:84px;max-width:100%}
.listing-thumbnail{width:84px;height:64px}
@media(max-width:680px){
  .photo-preview,.listing-thumbnails{grid-template-columns:repeat(auto-fill,72px)}
  .photo-preview img{width:72px;height:72px}
  .listing-thumbnail{width:72px;height:56px}
}

/* Upload previews provide per-photo loading feedback, cover labeling and removal. */
.photo-count{display:block;margin:8px 0 4px;color:var(--muted);font-size:11px}
.photo-preview-item{position:relative;width:84px;height:84px;overflow:hidden;border-radius:8px;background:#eef2f5}
.photo-preview-item>img{position:relative;z-index:1;display:block;width:100%;height:100%;max-width:none;opacity:0;transition:opacity .2s ease}
.photo-preview-item.is-loaded>img{opacity:1}
.photo-preview-loading{position:absolute;inset:0;z-index:2;display:grid;place-items:center;color:#687586;background:#eef2f5;font-size:9px}
.photo-preview-loading::before{display:none}
.photo-preview-item.is-loaded .photo-preview-loading{display:none}
.photo-preview-item.is-error .photo-preview-loading{padding:5px;text-align:center}
.photo-preview-item.is-error .photo-preview-loading::before{display:none}
.photo-preview-remove{position:absolute;top:5px;right:5px;z-index:4;display:grid;width:23px;height:23px;place-items:center;padding:0;border:1px solid #ffffffa6;border-radius:50%;color:#fff;background:#182333c9;font:700 17px/1 Arial,sans-serif;cursor:pointer}
.photo-preview-remove:hover,.photo-preview-remove:focus-visible{background:var(--accent);outline:2px solid #fff;outline-offset:1px}
.photo-preview-cover{position:absolute;top:6px;left:6px;z-index:3;padding:3px 5px;border-radius:4px;color:#fff;background:#182333c9;font-size:8px;font-weight:800;pointer-events:none}
@media(max-width:680px){.photo-preview-item{width:72px;height:72px}}

/* Shared loading ring for actions and compact in-place waits. */
.tp-spinner{width:20px;height:20px;flex:0 0 20px;display:inline-block;border:2px solid #d9e0e7;border-top-color:var(--accent);border-radius:50%;animation:tp-spinner-rotate .75s linear infinite;vertical-align:middle}
.tp-spinner--small{width:15px;height:15px;flex-basis:15px;border-width:2px}
.tp-spinner--large{width:26px;height:26px;flex-basis:26px;border-width:3px}
.tp-spinner--inverse{border-color:#ffffff68;border-top-color:#fff}
@keyframes tp-spinner-rotate{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.tp-spinner{animation-duration:1.8s}}
.navigation-progress{position:fixed;top:0;right:0;left:0;z-index:1000;height:3px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,visibility .12s ease}
.navigation-progress.is-active{opacity:1;visibility:visible}
.navigation-progress-bar{position:absolute;inset:0 auto 0 0;width:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform 8s cubic-bezier(.12,.78,.22,1)}
.navigation-progress.is-running .navigation-progress-bar{transform:scaleX(.78)}
.navigation-progress.is-complete .navigation-progress-bar{transform:scaleX(1);transition-duration:.14s}
.navigation-progress-spinner{position:absolute;top:9px;right:12px;opacity:0;background:#fff;border-radius:50%;box-shadow:0 1px 5px #17233b20;transition:opacity .15s ease}
.navigation-progress.is-delayed .navigation-progress-spinner{opacity:1}
@media(prefers-reduced-motion:reduce){.navigation-progress-bar{transition-duration:1.8s}}

/* Premium listing-card finish: clearer copy, balanced spacing, and seller contact shortcut. */
.ad-card{border:1px solid #e1e6ed;border-radius:12px;box-shadow:0 3px 12px #18263b0a;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.ad-card:hover{transform:translateY(-2px);border-color:#d2dbe6;box-shadow:0 10px 24px #18263b14}
.ad-card-link{border-radius:inherit}
.ad-image{border-radius:11px 11px 0 0}
.ad-content{padding:16px 15px 13px}
.ad-content h3{font-size:16px;line-height:1.3;letter-spacing:-.25px;color:#17233b}
.ad-meta{font-size:12px;line-height:1.5;color:#5f6c7c}
.ad-card .call{top:132px;right:14px;z-index:3;width:40px;height:40px;border:1px solid #fff;border-radius:50%;color:#d9232e;background:linear-gradient(145deg,#fff 15%,#fff5f5 100%);box-shadow:0 0 0 1px #d9232e1c,0 5px 14px #17233b26;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.ad-card .call:hover,.ad-card .call:focus-visible{transform:translateY(-2px) scale(1.04);color:#bd1724;background:#fff;box-shadow:0 0 0 3px #d9232e18,0 8px 17px #17233b30}
.ad-card .call:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.ad-card .call svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}
.ad-card .ad-tags{position:absolute;top:-18px;left:14px;z-index:3;min-height:0}
.ad-card .ad-tags span{padding:5px 9px;border:1px solid #e8edf2;border-radius:999px;background:#fff;color:#344054;box-shadow:0 3px 9px #17233b12;font-size:10px}
.ad-card .ad-tags .verified{border-color:#d6efe2;background:#f4fcf7;color:#16864f}
@media(max-width:680px){.ad-content{padding:14px 11px 10px}.ad-content h3{font-size:13px;line-height:1.3}.ad-meta{font-size:10.5px;line-height:1.45}.ad-card .call{top:calc(clamp(92px,31vw,125px) - 18px);right:10px;width:34px;height:34px}.ad-card .call svg{width:15px;height:15px}.ad-card .ad-tags{top:-16px;left:10px}.ad-card .ad-tags span{padding:4px 7px;font-size:9px}}
@media(max-width:375px){.ad-content{padding:13px 9px 9px}.ad-content h3{font-size:12px}.ad-meta{font-size:10px}.ad-card .call{top:calc(clamp(84px,30vw,105px) - 18px)}}
.ad-card .heart{display:grid;place-items:center;padding:0;line-height:1;text-align:center;font-family:Arial,sans-serif;box-sizing:border-box;-webkit-appearance:none;appearance:none}
@media(max-width:680px){.ad-card .heart{width:30px;height:30px;padding:0;font-size:17px;line-height:1;place-items:center}}
.ad-card .location{z-index:2;gap:5px}
.ad-card .location svg{display:block;width:13px;height:13px;flex:0 0 13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ad-card .location span{font-size:10px;line-height:1.1}

/* Full-size listing photos stay in-page so closing preserves the gallery position. */
.photo-lightbox{position:fixed;inset:0;width:100vw;height:100vh;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;color:#fff;background:transparent}
.photo-lightbox::backdrop{background:#08111ee8;backdrop-filter:blur(5px)}
.photo-lightbox-stage{position:relative;display:grid;width:100%;height:100%;place-items:center;padding:56px 64px}
.photo-lightbox-image{display:block;width:auto;height:auto;max-width:min(92vw,1500px);max-height:calc(100vh - 112px);object-fit:contain;border-radius:8px;box-shadow:0 18px 70px #0008}
.photo-lightbox-close,.photo-lightbox-nav{position:absolute;z-index:1;display:grid;place-items:center;border:1px solid #ffffff38;color:#fff;background:#ffffff1a;box-shadow:0 4px 18px #0002;cursor:pointer;backdrop-filter:blur(8px)}
.photo-lightbox-close{top:20px;right:22px;width:44px;height:44px;border-radius:50%;font:300 30px/1 Arial,sans-serif}
.photo-lightbox-nav{top:50%;width:46px;height:46px;transform:translateY(-50%);border-radius:50%;font:300 33px/1 Arial,sans-serif}
.photo-lightbox-prev{left:22px}.photo-lightbox-next{right:22px}
.photo-lightbox-count{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);padding:7px 12px;border:1px solid #ffffff26;border-radius:999px;color:#fff;background:#ffffff16;font:600 12px/1.2 Inter,Arial,sans-serif;backdrop-filter:blur(8px)}
.photo-lightbox-close:hover,.photo-lightbox-nav:hover,.photo-lightbox-close:focus-visible,.photo-lightbox-nav:focus-visible{border-color:#ffffff85;background:#ffffff30;outline:2px solid #fff;outline-offset:3px}
@media(max-width:680px){.photo-lightbox-stage{padding:56px 12px 64px}.photo-lightbox-image{max-width:96vw;max-height:calc(100vh - 132px);border-radius:5px}.photo-lightbox-close{top:12px;right:12px;width:40px;height:40px}.photo-lightbox-nav{width:40px;height:40px;font-size:29px}.photo-lightbox-prev{left:10px}.photo-lightbox-next{right:10px}.photo-lightbox-count{bottom:13px}}

/* Make the homepage search panel stand out as the primary hero action. */
.home-page .intro > .searchbox{padding:10px;border:1px solid #efc7cb;background:#fff;box-shadow:0 14px 34px #d9232e18,0 4px 12px #17233b0a}
.home-page .intro > .searchbox > button{background:var(--accent)!important;box-shadow:0 4px 11px #d9232e30;transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease}
.home-page .intro > .searchbox > button:hover{background:#bd1e29!important;box-shadow:0 6px 15px #d9232e40;transform:translateY(-1px)}

/* Keep the homepage discovery cards compact as the new KADGIS card joins the row. */
.feature-card{min-height:0;padding:15px 16px}
.feature-card .feature-icon{width:36px;height:36px;margin-bottom:9px}
.feature-card strong{margin:0;font-size:16px;line-height:1.2}
.feature-card .feature-description{margin-top:7px;line-height:1.35}
.feature-card .feature-link{margin-top:10px}
@media(min-width:1000px){
  .home-page .feature-section{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px;width:100%;max-width:1230px;margin-inline:auto;padding-inline:30px}
  .home-page .feature-card{min-width:0;height:100%}
}
@media(min-width:681px) and (max-width:999px){
  .home-page .feature-section{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px}
}
.home-page .feature-card::before,.home-page .feature-card::after{display:none;content:none}
.home-page .feature-card{min-height:145px;padding:11px 14px 10px;border-radius:13px;box-shadow:0 4px 13px #17233b08}
.home-page .feature-icon{width:32px;height:32px;margin-bottom:6px;border-radius:10px}
.home-page .feature-icon svg{width:18px;height:18px}
.home-page .feature-kicker{font-size:9px;letter-spacing:.85px}
.home-page .feature-card>strong{min-height:30px;margin-top:2px;font-size:15px;line-height:1.18}
.home-page .feature-description{min-height:27px;margin-top:2px;font-size:10.5px;line-height:1.35}
.home-page .feature-link{padding-top:5px;font-size:10px}

/* Buyer and seller walkthrough linked from the main navigation. */
.how-it-works{max-width:1230px;margin:8px auto 58px;padding:34px 30px 0;scroll-margin-top:90px}
.how-heading{max-width:620px;margin:0 0 22px}
.how-heading>span{color:var(--accent);font-size:10px;font-weight:800;letter-spacing:1.2px}
.how-heading h2{margin:7px 0 5px;color:var(--ink);font:900 clamp(24px,3vw,32px)/1.15 "Nunito Sans",sans-serif;letter-spacing:-.7px}
.how-heading p{margin:0;color:#697586;font-size:13px;line-height:1.55}
.how-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.how-path{min-width:0;padding:21px;border:1px solid #e7eaf0;border-radius:14px;background:linear-gradient(150deg,#fff 0%,#fff 70%,#fff7f7 150%);box-shadow:0 6px 20px #17233b09}
.how-sell{background:linear-gradient(150deg,#fff 0%,#fff 70%,#fff5f5 150%)}
.how-path-heading{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid #edf0f3}
.how-path-icon{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border:1px solid #f1dadd;border-radius:12px;color:var(--accent);background:#fff4f5}
.how-path-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.how-path-heading>div>span{color:var(--accent);font-size:9px;font-weight:800;letter-spacing:1px}
.how-path-heading h3{margin:3px 0 0;color:var(--ink);font:800 17px/1.25 "Nunito Sans",sans-serif}
.how-steps{display:grid;gap:0;margin:0;padding:5px 0 2px;list-style:none}
.how-steps li{display:grid;grid-template-columns:31px minmax(0,1fr);gap:11px;padding:12px 0;border-bottom:1px solid #f0f2f5}
.how-steps li:last-child{border-bottom:0}
.how-steps li>span{display:grid;width:27px;height:27px;place-items:center;border-radius:50%;color:var(--accent);background:#fff0f1;font-size:10px;font-weight:800}
.how-steps b{display:block;color:#263246;font-size:12px;line-height:1.35}
.how-steps p{margin:3px 0 0;color:#6e7989;font-size:11px;line-height:1.5}
.how-action{display:inline-flex;align-items:center;gap:9px;margin-top:8px;padding:9px 13px;border:1px solid #edc9cd;border-radius:8px;color:var(--accent);background:#fff;font-size:11px;font-weight:800;text-decoration:none;transition:background .16s ease,border-color .16s ease,transform .16s ease}
.how-action:hover,.how-action:focus-visible{transform:translateY(-1px);border-color:var(--accent);background:#fff6f6;outline:none}
.how-action span{font-size:15px;line-height:1}
.how-safety{display:flex;align-items:center;gap:8px;margin:15px 0 0;color:#727d8b;font-size:11px;line-height:1.45}
.how-safety span{color:var(--accent)}
@media(max-width:680px){.how-it-works{margin:0 auto 38px;padding:28px 18px 0;scroll-margin-top:70px}.how-heading{margin-bottom:16px}.how-heading>span{font-size:9px}.how-heading h2{font-size:25px}.how-heading p{font-size:12px}.how-paths{grid-template-columns:1fr;gap:12px}.how-path{padding:16px;border-radius:12px}.how-path-heading{padding-bottom:12px}.how-path-heading h3{font-size:16px}.how-steps li{padding:10px 0}.how-safety{align-items:flex-start;font-size:10px}}

/* Seller controls for sold and temporarily hidden listings. */
.listing-actions{max-width:230px;flex-wrap:wrap;justify-content:flex-end;gap:7px}
.listing-actions button[data-listing-status-action]{width:auto;height:auto;min-height:30px;padding:6px 9px;border:1px solid #e5e9ef;border-radius:7px;color:#526073;background:#fff;font:700 10px/1.2 Inter,Arial,sans-serif;cursor:pointer}
.listing-actions button[data-listing-status-action="sold"]{border-color:#f0d0d2;color:#b51f2b;background:#fff8f8}
.listing-actions button[data-listing-status-action]:hover{border-color:#d9232e;color:#b51f2b;background:#fff4f4}
.listing-actions button[data-listing-status-action]:disabled{opacity:.55;cursor:wait}
.status.paused{color:#805c12;background:#fff4d9}
.status.sold{color:#586575;background:#edf0f3}
.listing-status-unavailable{color:#667080;background:#edf0f3}
.listing-unavailable-banner{display:flex;flex-direction:column;gap:3px;margin:0 0 14px;padding:13px 16px;border:1px solid #e7eaf0;border-radius:9px;color:#39465a;background:#f5f7f9}
.listing-unavailable-banner strong{font-size:13px}.listing-unavailable-banner span{color:#687588;font-size:11px}
.listing-unavailable-banner.is-sold{border-color:#f0d0d2;background:#fff7f7}
.listing-contact-unavailable{margin:12px 0 0;padding:10px;border-radius:7px;color:#586575;background:#f3f5f7;font-size:11px;line-height:1.45}
@media(max-width:780px){.listing-actions{grid-column:2;max-width:none;justify-content:flex-start}}
@media(max-width:480px){.listing-actions{gap:6px}.listing-actions button[data-listing-status-action]{min-height:32px;padding:6px 8px;font-size:9px}}
.listing-status-dialog{width:min(440px,calc(100vw - 32px));max-width:none;max-height:calc(100vh - 32px);margin:auto;padding:0;overflow:visible;border:0;border-radius:16px;color:var(--ink);background:transparent;box-shadow:0 24px 70px #0b17294d}
.listing-status-dialog::backdrop{background:#10182780;backdrop-filter:blur(3px)}
.listing-status-dialog-card{position:relative;padding:28px;border:1px solid #e8ebf0;border-radius:16px;background:#fff}
.listing-status-dialog-close{position:absolute;top:12px;right:12px;display:grid;width:32px;height:32px;place-items:center;border:0;border-radius:50%;color:#7c8795;background:#f4f6f8;font:400 23px/1 Arial,sans-serif;cursor:pointer}
.listing-status-dialog-icon{display:grid;width:44px;height:44px;place-items:center;border:1px solid #f0d9db;border-radius:13px;color:var(--accent);background:#fff2f3;font:800 19px/1 "Nunito Sans",sans-serif}
.listing-status-dialog.is-sold .listing-status-dialog-icon{border-color:#eadfe0;color:#596577;background:#f1f3f5}
.listing-status-dialog-kicker{margin:18px 0 5px;color:var(--accent);font-size:9px;font-weight:800;letter-spacing:1.1px}
.listing-status-dialog h2{margin:0;color:#1d2939;font:800 21px/1.25 "Nunito Sans",sans-serif;letter-spacing:-.3px}
.listing-status-dialog-copy{margin:9px 0 23px;color:#657184;font-size:13px;line-height:1.6}
.listing-status-dialog-actions{display:flex;justify-content:flex-end;gap:9px}
.listing-status-dialog-actions button{min-height:40px;padding:0 14px;border:1px solid #e1e6ec;border-radius:8px;color:#536174;background:#fff;font:700 12px/1 Inter,Arial,sans-serif;cursor:pointer}
.listing-status-dialog-actions .listing-status-confirm{border-color:var(--accent);color:#fff;background:var(--accent)}
.listing-status-dialog.is-sold .listing-status-dialog-actions .listing-status-confirm{border-color:#b51f2b;background:#b51f2b}
.listing-status-dialog-actions button:focus-visible,.listing-status-dialog-close:focus-visible{outline:3px solid #d9232e40;outline-offset:2px}
@media(max-width:480px){.listing-status-dialog-card{padding:23px 20px 20px}.listing-status-dialog h2{font-size:19px}.listing-status-dialog-copy{font-size:12px}.listing-status-dialog-actions button{flex:1}}

/* Keep the category bar compact and mega menus inside the viewport. */
@media(min-width:1181px){
  .category-nav > .category-all-link,.category-nav > .nav-category > a{padding-inline:clamp(3px,.4vw,6px)!important;font-size:12px!important}
  .category-nav .nav-category:nth-last-child(-n + 3) > .category-mega{right:0;left:auto}
}
@media(min-width:681px) and (max-width:1180px){
  .category-nav > .category-all-link,.category-nav > .nav-category > a{padding-inline:8px!important;font-size:12px!important}
}
.category-nav .nav-category > .category-mega{border-top:1px solid #e5e8ee}
.category-nav .category-mega > .mega-menu-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}
.category-nav .category-mega > .mega-menu-heading > a{margin-left:auto}
.category-nav .category-mega > .mega-subcategory-panel > .mega-subcategory-heading{display:flex;align-items:center;justify-content:flex-start}
/* Keep the current subcategory list visible; reveal deeper levels on hover/focus. */
.category-nav .mega-subcategory-group.has-deeper-categories > .mega-leaf-list{display:none!important}
.category-nav .mega-leaf-list .mega-leaf-list{display:none;margin:5px 0 5px 8px;padding:5px 0 5px 9px;border-left:2px solid #e5e8ee}
.category-nav .mega-leaf-list > li:hover > .mega-leaf-list,.category-nav .mega-leaf-list > li:focus-within > .mega-leaf-list{display:grid}
.category-nav .nav-category > .category-mega.has-deeper-open{width:min(760px,calc(100vw - 32px))}
.category-nav .category-mega.has-deeper-open .mega-menu-columns{grid-template-columns:250px minmax(0,1fr) 190px}
.category-nav .mega-subcategory-link{display:flex;align-items:center;justify-content:space-between;min-height:36px;padding:8px 10px;border-radius:6px}
.category-nav .mega-subcategory-group.has-deeper-categories > .mega-subcategory-link::after{content:"›";margin-left:12px;color:#8994a3;font-size:17px;line-height:1}
.category-nav .mega-subcategory-group.has-deeper-categories:hover > .mega-subcategory-link,.category-nav .mega-subcategory-group.has-deeper-categories:focus-within > .mega-subcategory-link{color:var(--accent);background:#fff3f3}
.category-nav .mega-deeper-category-column{min-width:0;min-height:0;overflow-y:auto;padding:14px;border-left:1px solid #e9edf1;background:#fff}
.category-nav .mega-deeper-category-column[hidden]{display:none!important}
.category-nav .mega-deeper-heading{display:block;margin:0 0 12px;padding:2px 0 10px;border-bottom:1px solid #e9edf1;color:var(--ink);font:800 14px/1.3 "Nunito Sans",sans-serif}
.category-nav .mega-deeper-category-column > .mega-leaf-list{display:grid;gap:7px;margin:0;padding:0;list-style:none}
.category-nav .mega-deeper-category-column .mega-leaf-list a{display:block;padding:7px 8px;border-radius:6px;color:#475467;font-size:12px;font-weight:700;text-decoration:none}
.category-nav .mega-deeper-category-column .mega-leaf-list a:hover,.category-nav .mega-deeper-category-column .mega-leaf-list a:focus-visible{color:var(--accent);background:#fff3f3;outline:none}
.category-load-error,.database-load-error{display:block;margin:8px 0;color:#9f2525;font-size:12px;font-weight:700;line-height:1.45}
.category-nav>.category-load-error{flex-basis:100%;margin:0;padding:9px 14px;border:1px solid #f0caca;border-radius:8px;background:#fff5f5}
.database-error-banner{width:min(1200px,calc(100% - 32px));margin:16px auto;padding:14px 18px;border:1px solid #f0b7b7;border-radius:10px;background:#fff5f5;color:#8f1d27;font-weight:600;line-height:1.5}

/* Async My Listings loading and retry states. */
.my-listings-skeleton{position:relative;display:grid!important;grid-template-columns:76px minmax(0,1fr) auto;align-items:center;gap:14px;min-height:100px;padding:13px!important;overflow:hidden;border:1px solid #ece7e7!important;border-radius:11px!important;background:#fff}
.my-listings-skeleton::after{position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(100deg,transparent 15%,#fff9 48%,transparent 80%);content:"";animation:profile-listing-shimmer 1.2s ease-in-out infinite}
.my-listings-skeleton>i,.my-listings-skeleton>div>b,.my-listings-skeleton>div>span,.my-listings-skeleton>div>strong{display:block;border-radius:6px;background:#edf0f3}
.my-listings-skeleton>i{width:76px;height:72px}
.my-listings-skeleton>div{display:grid;justify-items:start;gap:9px}
.my-listings-skeleton>div>b{width:38%;height:10px}
.my-listings-skeleton>div>span{width:76%;height:13px}
.my-listings-skeleton>div>strong{width:28%;height:12px}
.my-listings-error{display:grid;justify-items:start;gap:10px;padding:18px;border:1px solid #f1d3d5;border-radius:10px;background:#fff8f8;color:#7a2630;font-size:13px}
.my-listings-error p{margin:0}
.my-listings-error button{min-height:36px;padding:0 13px;border:0;border-radius:7px;color:white;background:var(--accent);font-weight:700;cursor:pointer}
@keyframes profile-listing-shimmer{to{transform:translateX(100%)}}
@media(max-width:780px){.my-listings-skeleton{grid-template-columns:64px minmax(0,1fr);gap:10px;padding:10px!important}.my-listings-skeleton>i{width:64px;height:64px}}
@media(max-width:420px){.my-listings-skeleton{grid-template-columns:56px minmax(0,1fr);gap:8px;padding:9px!important}.my-listings-skeleton>i{width:56px;height:58px}}
@media(prefers-reduced-motion:reduce){.my-listings-skeleton::after,.listing-thumb.is-image-loading::after{animation:none;transform:none;opacity:.35}}

/* Keep listing detail photo thumbnails compact in one horizontally scrollable row. */
.listing-detail-page .listing-thumbnails {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  gap: 7px;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 2px 1px 7px;
  scrollbar-width: thin;
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
}
.listing-detail-page .listing-thumbnail {
  flex: 0 0 68px;
  width: 68px;
  height: 52px;
  aspect-ratio: auto;
  scroll-snap-align: start;
}
@media (max-width: 760px) {
  .listing-detail-page .listing-thumbnails { gap: 6px; }
  .listing-detail-page .listing-thumbnail {
    flex-basis: 58px;
    width: 58px;
    height: 46px;
  }
}

/* Google sign-in buttons on existing email/password auth screens. */
.auth-google-button{min-height:48px;display:flex;align-items:center;justify-content:center;gap:11px;padding:0 16px;border:1px solid #d9dee7;border-radius:9px;color:#263246;background:#fff;font-size:14px;font-weight:700;text-decoration:none;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}
.auth-google-button:hover{border-color:#aeb8c7;background:#fbfcfd;box-shadow:0 3px 10px #17233b0c}
.auth-google-button:focus-visible{outline:3px solid #4285f455;outline-offset:2px}
.auth-google-button svg{width:20px;height:20px;flex:0 0 auto}
.auth-divider{display:flex;align-items:center;gap:12px;margin:17px 0;color:#8791a0;font-size:11px}
.auth-divider::before,.auth-divider::after{height:1px;flex:1;background:#e6e9ee;content:""}
.signup-panel .auth-google-button{min-height:42px}
.signup-panel .auth-divider{margin:11px 0;font-size:10px}
.auth-google-consent{margin:8px 0 0;color:#778294;font-size:10px;line-height:1.5;text-align:center}
.auth-google-consent a{color:var(--accent);font-weight:700;text-decoration:none}
.signup-panel .auth-google-consent{margin-top:6px;font-size:9px}

/* Refined single-ad page: clean gallery, scannable specs, seller actions, and mobile recommendations. */
.listing-detail-page{background:#f5f7fa!important}
.listing-detail-page .topbar{min-height:78px;padding-inline:max(4vw,28px);border-bottom:1px solid #e8edf2;background:#fff}
.listing-detail-page .desktop-nav{gap:clamp(20px,3.5vw,48px)}
.listing-detail-page .desktop-nav a{position:relative;color:#45546b;font-size:12px;font-weight:650}
.listing-detail-page .desktop-nav a:hover,.listing-detail-page .desktop-nav a[aria-current=page]{color:var(--accent)}
.listing-detail-page .desktop-nav a::before{display:inline-block;margin-right:7px;color:inherit;font-size:13px}
.listing-detail-page .desktop-nav a:nth-child(1)::before{content:"⌂"}
.listing-detail-page .desktop-nav a:nth-child(2)::before{content:"▦"}
.listing-detail-page .desktop-nav a:nth-child(3)::before{content:"▤"}
.listing-detail-page .desktop-nav a:nth-child(4)::before{content:"♙"}
.listing-detail-page .detail-nav{padding-top:16px;padding-bottom:11px}
.listing-detail-shell{max-width:1280px}
.detail-action-bar{display:flex;justify-content:flex-end;gap:9px;margin-top:0;margin-bottom:14px}
.detail-action-bar button{min-height:36px;display:inline-flex;align-items:center;gap:7px;padding:0 13px;border:1px solid #dfe5ec;border-radius:9px;color:#35465e;background:#fff;font:700 11px/1 var(--font-body);cursor:pointer;box-shadow:0 2px 5px #13223808;transition:border-color .16s ease,color .16s ease,background .16s ease,transform .16s ease}
.detail-action-bar button:hover{transform:translateY(-1px);border-color:#d8a5aa;color:var(--accent);background:#fffafa}
.detail-action-bar button:focus-visible{outline:3px solid #c9233538;outline-offset:2px}
.listing-detail-grid{grid-template-columns:minmax(0,1fr) 310px;gap:19px}
.listing-detail-main{display:flex;flex-direction:column;min-width:0}
.listing-gallery-card{order:0;padding:8px;border-color:#e5eaf0;border-radius:12px;box-shadow:0 5px 20px #20344a0a}
.listing-gallery-main{aspect-ratio:1.78;max-height:500px;border-radius:8px}
.gallery-count{right:11px;left:auto}
.gallery-nav{width:40px;height:40px;border-radius:50%;background:#fff;color:#25364e;box-shadow:0 2px 12px #18294026}
.gallery-nav:hover{color:#fff;background:var(--accent)}
.gallery-expand{border-radius:50%;background:#17233bcc}
.listing-thumbnails{grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:8px;margin-top:9px}
.listing-thumbnail{height:68px;border-radius:8px}
.listing-heading{order:1;grid-template-columns:minmax(0,1fr) auto;padding:17px 4px 14px;column-gap:16px}
.listing-status{padding:4px 8px;border-radius:20px;font-size:9px;letter-spacing:.02em}
.listing-heading h1{margin:7px 0 4px;font-size:clamp(24px,2.6vw,32px);letter-spacing:-.8px}
.listing-heading-copy>p{font-size:13px}
.listing-heading-price strong{font-size:clamp(23px,2.8vw,31px)}
.listing-heading-price>span{padding:4px 9px;border-radius:20px}
.listing-meta{gap:9px 17px;margin-top:12px;padding-top:11px;border-top:1px solid #e9edf2}
.listing-meta>span,.listing-meta>button{font-size:11px}
.listing-meta>span+span{padding-left:15px;border-left:1px solid #e6ebf0}
.listing-meta>button{min-height:30px;margin-left:auto;padding:0 10px;border:1px solid #e1e6ed;border-radius:8px;background:#fff;font-weight:700}
.listing-meta>button+button{margin-left:0}
.listing-detail-main>.detail-panel{order:2;margin-top:3px;padding:18px;border-color:#e5eaf0;border-radius:11px;box-shadow:0 4px 15px #20344a08}
.listing-detail-main>.features-panel{order:3;margin-top:12px}
.listing-detail-main>.description-panel{order:4;margin-top:12px}
.listing-detail-main>.location-panel{order:5;margin-top:12px;margin-bottom:0}
.detail-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}
.detail-panel-heading h2{margin:0 0 4px;font-size:18px}
.detail-panel-heading p{margin:0;color:#758297;font-size:11px}
.vehicle-spec-groups>.spec-group+.spec-group{margin-top:16px}
.vehicle-spec-groups>.spec-group h3{margin-bottom:8px;color:#65748a;font-size:10px;letter-spacing:.07em}
.vehicle-specs{grid-template-columns:repeat(6,minmax(0,1fr));border-color:#e6ebf0;border-radius:10px;background:#fbfcfd}
.vehicle-specs article,.vehicle-specs article:nth-child(4n),.vehicle-specs article:nth-child(3n){min-height:82px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 7px;border-right:1px solid #e6ebf0;border-bottom:0;text-align:center}
.vehicle-specs article:last-child{border-right:0}
.vehicle-specs article>i{width:27px;height:27px;flex-basis:27px;border-radius:8px;color:#314966;background:#eef3f8}
.vehicle-specs article>i svg{width:17px;height:17px}
.vehicle-specs article>div{width:100%}
.vehicle-specs article span{margin-bottom:3px;font-size:10px}
.vehicle-specs article b{font-size:11px;line-height:1.3}
.spec-empty{margin:0;color:#718097;font-size:12px}
.listing-detail-main>.features-panel{padding:15px 17px}
.listing-detail-main>.features-panel h2{margin-bottom:11px}
.listing-features{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.listing-features li{padding:8px 9px 8px 27px;border:1px solid #e9edf2;border-radius:8px;background:#f8fafc;font-size:10px}
.listing-features li::before{top:8px;left:8px;width:13px;height:13px;color:var(--accent);background:#ffe8ea}
.description-panel p{font-size:12px;line-height:1.75}
.listing-location-content{grid-template-columns:minmax(0,1fr) minmax(160px,.8fr)}
.mini-map{height:126px;border-radius:9px}
.location-copy{font-size:12px}
.location-copy a{padding:8px 11px;border-radius:8px;font-size:10px}
.listing-detail-sidebar{align-content:start;gap:12px}
.seller-card-modern{padding:16px;border-color:#e5eaf0;border-radius:12px;box-shadow:0 5px 18px #20344a0a}
.seller-card-modern>h2{margin-bottom:14px;font-size:16px}
.seller-profile{gap:11px}
.seller-avatar{width:56px!important;height:56px!important;flex-basis:56px;border:3px solid #eef2f6;font-size:16px!important;background:linear-gradient(145deg,#e84751,#ac172b)!important;color:#fff!important}
.seller-avatar::before,.seller-avatar::after{display:none}
.seller-profile h3{font-size:14px}
.seller-verified{padding:4px 8px;font-size:9px}
.seller-profile p{font-size:10px}
.seller-location{margin:12px 0;padding:10px 0;border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4;font-size:11px}
.seller-card-modern .contact-button{min-height:42px;border:0;border-radius:9px;box-shadow:0 4px 10px #c9233522;font-size:12px}
.seller-actions{gap:8px;margin-top:8px}
.seller-actions button{min-height:39px;border-radius:9px;font-size:10px}
.seller-actions.secondary-actions button{min-height:34px}
.listing-detail-sidebar>.advertise-card{min-height:176px;padding:17px;border-radius:11px;background:linear-gradient(140deg,#171d25,#0c1118 65%,#861321)}
.listing-detail-sidebar>.advertise-card>span{font-size:10px;color:#ffd1d3}
.listing-detail-sidebar>.advertise-card h2{max-width:210px;margin:11px 0 7px;color:#fff;font-size:23px}
.listing-detail-sidebar>.advertise-card p{max-width:200px;margin-bottom:12px;color:#e5e8eb;font-size:10px}
.listing-detail-sidebar>.advertise-card a{padding:8px 12px;border-radius:7px;font-size:10px}
.listing-detail-sidebar>.advertise-card>b{right:8px;bottom:0;color:#d9232e;font-size:98px;opacity:.28}
.listing-detail-page .related-listings.recommended-listings{margin:22px 24px 0;padding:18px;border-color:#e5eaf0;border-radius:12px;box-shadow:0 4px 15px #20344a08}
.recommended-listings>header{align-items:center;margin-bottom:13px}
.recommended-listings>header h2{margin:0;color:#1b2b43;font-size:20px}
.recommended-listings>header p{margin:4px 0 0;color:#79869a;font-size:11px}
.recommended-listings>header a{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:11px;font-weight:800}
.related-listing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.related-card{min-width:0;overflow:hidden;border:1px solid #e7ebf0;border-radius:10px;color:#1b2b43;background:#fff;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.related-card:hover{transform:translateY(-2px);border-color:#e1b4b8;box-shadow:0 7px 18px #17233b12}
.related-card .related-photo{height:auto;aspect-ratio:1.7;border-radius:0;background-color:#e6ebf0}
.related-card-info{display:grid;gap:5px;padding:10px}
.related-card-info b{overflow:hidden;color:#1d2d46;font-size:11px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}
.related-card-info strong{color:var(--accent);font-size:13px}
.related-card-info small{overflow:hidden;color:#758297;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
.related-card-info small span{margin-right:4px;color:#425873}
.recommended-listings .related-empty{grid-column:1/-1;padding:10px 0}
@media(max-width:960px){.listing-detail-grid{grid-template-columns:minmax(0,1fr) 290px}.vehicle-specs{grid-template-columns:repeat(3,minmax(0,1fr))}.vehicle-specs article,.vehicle-specs article:nth-child(4n),.vehicle-specs article:nth-child(3n){border-right:1px solid #e6ebf0}.vehicle-specs article:nth-child(3n){border-right:0}.listing-features{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.listing-detail-page .topbar{min-height:64px}.detail-action-bar{margin-bottom:10px}.listing-detail-grid{grid-template-columns:minmax(0,1fr)}.listing-detail-sidebar{grid-template-columns:minmax(0,1fr)}.listing-detail-main>.detail-panel{padding:15px}.listing-gallery-main{aspect-ratio:1.55}.listing-heading{padding:13px 2px 12px}.listing-heading h1{font-size:23px}.listing-heading-price strong{font-size:23px}.listing-meta>span+span{padding-left:0;border-left:0}.listing-meta>button{margin-left:0}.vehicle-specs{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-specs article,.vehicle-specs article:nth-child(3n){border-right:1px solid #e6ebf0}.vehicle-specs article:nth-child(2n){border-right:0}.vehicle-specs article:nth-child(n){border-bottom:1px solid #e6ebf0}.vehicle-specs article:nth-last-child(-n+2){border-bottom:0}.listing-features{grid-template-columns:repeat(2,minmax(0,1fr))}.listing-location-content{grid-template-columns:1fr 1fr}.listing-detail-page .related-listings.recommended-listings{margin:16px 14px 0;padding:15px}.related-listing-grid{display:flex;overflow-x:auto;gap:10px;padding:2px 2px 10px;scroll-snap-type:x mandatory;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.related-card{flex:0 0 min(76vw,260px);scroll-snap-align:start}.listing-detail-sidebar>.advertise-card{min-height:155px}}
@media(max-width:420px){.detail-action-bar button{min-height:34px;padding-inline:10px;font-size:10px}.listing-gallery-main{aspect-ratio:1.35}.listing-thumbnail{height:54px}.listing-heading{grid-template-columns:minmax(0,1fr);row-gap:7px}.listing-heading-price{justify-content:flex-start;gap:10px}.listing-meta{display:flex;gap:8px 12px}.listing-features{grid-template-columns:1fr 1fr}.listing-location-content{grid-template-columns:1fr}.mini-map{height:110px}.related-card{flex-basis:80vw}}

/* Dynamic listing details: seller-provided history, trust, and feature tiles. */
.listing-thumbnails{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:8px}
.listing-thumbnail{width:100%;height:auto;aspect-ratio:1.25}
.listing-features{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.listing-features li{display:flex;align-items:center;gap:8px;min-height:48px;padding:8px;border:1px solid #e8edf3;border-radius:9px;background:#f8fafc;color:#20324a}
.listing-features li::before{display:none}
.listing-features li>i{display:grid;flex:0 0 29px;width:29px;height:29px;place-items:center;border-radius:8px;background:#fff0f1;color:#d7192d}
.listing-features li>i svg,.seller-detail-row dt svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.listing-features li>span{display:grid;min-width:0;gap:2px}
.listing-features li b{font-size:10px;line-height:1.25}
.listing-features li small{color:#708096;font-size:9px;line-height:1.25}
.features-empty{margin:0;color:#77869b;font-size:11px}
.listing-trust-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:17px}
.vehicle-history-card,.listing-verification-card{min-width:0;padding:13px;border:1px solid #e4eaf1;border-radius:10px;background:#f9fbfd}
.vehicle-history-card h3,.listing-verification-card h3{margin:0;color:#1d2d45;font-size:12px;font-weight:800}
.vehicle-history-card>p{margin:4px 0 8px;color:#738198;font-size:10px;line-height:1.45}
.vehicle-history-list{display:grid;gap:0;margin:0}
.vehicle-history-list>div{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-top:1px solid #e8edf2;font-size:10px}
.vehicle-history-list dt{color:#65748a}
.vehicle-history-list dd{margin:0;color:#22344c;font-weight:700;text-align:right}
.vehicle-history-list dd.is-unknown{color:#8490a0;font-weight:500}
.vehicle-history-card .safety-tip{margin:9px 0 0;padding:8px;border-radius:7px;background:#fff7e8;color:#735622;font-size:9px}
.safety-tip b{display:block;margin-bottom:2px;color:#795313}
.listing-verification-card{display:flex;align-items:flex-start;gap:9px;background:#f1f7ff;border-color:#d8e7fa}
.listing-verification-card.is-verified{background:#f0faf7;border-color:#d6eee6}
.verification-icon{display:grid;flex:0 0 28px;width:28px;height:28px;place-items:center;border-radius:50%;background:#dcecff;color:#2476cf;font-size:0}
.verification-icon::before{content:"✓";font-size:15px;font-weight:900}
.is-verified .verification-icon{background:#d9f0e9;color:#218b74}
.listing-verification-card p{margin:5px 0 0;color:#53657d;font-size:10px;line-height:1.5}
.seller-verified.is-verified{color:#218b74}
.seller-details-list{display:grid;gap:10px;margin:13px 0}
.seller-detail-row{display:flex;align-items:center;gap:10px;min-width:0}
.seller-detail-row dt{display:grid;flex:0 0 29px;width:29px;height:29px;place-items:center;border-radius:8px;background:#f0f4f8;color:#51647a}
.seller-detail-row dd{display:grid;min-width:0;gap:2px;margin:0}
.seller-detail-row small{color:#78869a;font-size:9px}
.seller-detail-row b{overflow-wrap:anywhere;color:#26374d;font-size:10px}
.seller-about{margin:10px 0;color:#586a80;font-size:10px;line-height:1.55}
#phone-button .phone-value{overflow-wrap:anywhere}
#phone-button.is-revealed{color:#16785f;background:#f0faf7}
@media(max-width:960px){.listing-features{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.listing-trust-grid{grid-template-columns:1fr}.listing-features{grid-template-columns:repeat(2,minmax(0,1fr))}.listing-thumbnails{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.listing-thumbnail{aspect-ratio:1.15}}
@media(max-width:420px){.listing-features li{gap:6px;padding:7px}.listing-features li>i{flex-basis:25px;width:25px;height:25px}.listing-features li b{font-size:9px}.listing-thumbnail{height:auto}}

/* Match the reference layout for ad features, description facts, and seller safety. */
.listing-features{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.listing-features li{display:flex;min-height:38px;align-items:center;gap:8px;padding:6px 9px;border:1px solid #edf0f4;border-radius:9px;background:#f7f9fc}
.listing-features li>i.feature-check{display:grid;flex:0 0 20px;width:20px;height:20px;place-items:center;border:0;border-radius:50%;background:#ffe9eb;color:#ed2435;font-size:13px;font-style:normal;font-weight:900}
.listing-features li>span{display:block;min-width:0}
.listing-features li b{font-size:10px;font-weight:600;line-height:1.25}
.listing-features li small{display:block;margin-top:2px}
.listing-description-extras{display:grid;grid-template-columns:minmax(0,1fr);align-items:end;gap:14px;margin-top:14px}
.listing-description-extras.has-history-highlights{grid-template-columns:minmax(0,1.25fr) minmax(220px,.9fr)}
.description-highlights ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}
.description-highlights li{display:flex;align-items:flex-start;gap:8px;color:#51647c;font-size:10px;line-height:1.45}
.description-highlights li>span{display:grid;flex:0 0 13px;width:13px;height:13px;place-items:center;margin-top:1px;border-radius:50%;background:#dff4ed;color:#27987a;font-size:10px;font-weight:900}
.description-highlights li.is-neutral>span{background:#eef2f6;color:#6d7d91}
.history-not-reported{margin:0;color:#718097;font-size:10px}
.listing-verification-card{min-height:68px;padding:11px;border-radius:8px}
.listing-verification-card h3{color:#1473d1;font-size:10px}
.listing-verification-card p{font-size:9px;line-height:1.45}
.verification-icon{font-size:14px}
.verification-icon::before{content:none}
.seller-safety-card{padding:14px;border:1px solid #e5ebf1;border-radius:12px;background:linear-gradient(145deg,#f6faf9,#f1f6fa)}
.seller-safety-card h2{margin:0 0 11px;color:#1d2d45;font-size:14px;font-weight:800}
.seller-safety-card ul{display:grid;gap:11px;margin:0;padding:0;list-style:none}
.seller-safety-card li{display:flex;align-items:flex-start;gap:9px}
.seller-safety-card li>i{display:grid;flex:0 0 25px;width:25px;height:25px;place-items:center;border-radius:50%;background:#daf0e9;color:#268e79;font-size:12px;font-style:normal;font-weight:900}
.seller-safety-card li>span{display:grid;gap:3px}
.seller-safety-card li b{color:#25374d;font-size:10px}
.seller-safety-card li small{color:#667790;font-size:9px;line-height:1.4}
.listing-gallery-badges{position:absolute;z-index:4;top:10px;left:10px;display:flex;flex-wrap:wrap;gap:6px;pointer-events:none}
.gallery-badge{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:7px;color:#fff;font-size:9px;font-weight:800;line-height:1;background:#536476dd}
.gallery-badge.is-featured{background:#df1f2d}
.gallery-badge.is-seller-verified{background:#506272e8}
.gallery-call-button{position:absolute;z-index:3;right:13px;bottom:13px;display:grid;width:48px;height:48px;place-items:center;border:3px solid #fff;border-radius:50%;background:#e51f30;color:#fff;box-shadow:0 3px 12px #1116;font-size:22px;cursor:pointer}
.gallery-call-button:hover{background:#c91729;transform:scale(1.04)}
.seller-avatar{overflow:hidden}
.seller-avatar img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}
.seller-profile .seller-rating{display:flex;align-items:center;gap:4px;color:#25384f;font-weight:800}
.seller-rating>span{color:#f4a900;font-size:14px}
.seller-rating small{color:#6f7e92;font-size:9px;font-weight:500}
.listing-report-dialog{width:min(440px,calc(100vw - 32px));padding:0;border:1px solid #e3e8ef;border-radius:14px;color:#213149;background:#fff;box-shadow:0 18px 60px #17233b33}
.listing-report-dialog::backdrop{background:#18253b77;backdrop-filter:blur(2px)}
.listing-report-dialog form{position:relative;display:grid;gap:9px;padding:22px}
.listing-report-dialog h2{margin:0;color:#1c2c43;font-size:20px}
.listing-report-dialog p{margin:0 0 6px;color:#66758a;font-size:12px;line-height:1.55}
.listing-report-dialog label{color:#26374d;font-size:11px;font-weight:700}
.listing-report-dialog label span{color:#8290a2;font-weight:500}
.listing-report-dialog select,.listing-report-dialog textarea{width:100%;padding:10px 11px;border:1px solid #dce3eb;border-radius:8px;color:#26374d;background:#fff;font:inherit;font-size:12px}
.listing-report-dialog textarea{resize:vertical}
.report-close{position:absolute;top:10px;right:12px;width:30px;height:30px;border:0;border-radius:50%;color:#66758a;background:#f1f4f7;font-size:20px;cursor:pointer}
.report-submit{min-height:40px;margin-top:4px;border:0;border-radius:8px;color:#fff;background:#d91f32;font-size:12px;font-weight:800;cursor:pointer}
.report-submit:disabled{opacity:.65;cursor:wait}
@media(max-width:760px){
  .vehicle-specs{display:flex;overflow-x:auto;grid-template-columns:none;gap:0;scroll-snap-type:x proximity;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
  .vehicle-specs article,.vehicle-specs article:nth-child(n){flex:0 0 min(29vw,112px);min-width:96px;min-height:82px;border-right:1px solid #e6ebf0;border-bottom:0;scroll-snap-align:start}
  .vehicle-specs article:last-child{border-right:0}
  .listing-description-extras.has-history-highlights{grid-template-columns:minmax(0,1fr)}
  .listing-features{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.listing-detail-page .vehicle-spec-groups>.spec-group h3{margin-bottom:10px;color:#556981;font-size:11px;font-weight:800;letter-spacing:.06em}
.listing-detail-page .vehicle-specs article span{margin-bottom:4px;color:#61738b;font-size:11px;font-weight:500;line-height:1.35}
.listing-detail-page .vehicle-specs article b{color:#172b45;font-size:13px;font-weight:750;line-height:1.35}
.listing-detail-page .detail-action-bar{align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-bottom:14px}
.listing-detail-page .detail-action-bar button{min-width:92px;min-height:40px;justify-content:center;padding:0 13px;border-color:#dfe5ec;border-radius:9px;color:#34465e;background:#fff;font-size:12px;box-shadow:0 2px 5px #1322380a}
.listing-detail-page .detail-action-bar button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.listing-detail-page .detail-action-bar button:hover{border-color:#e2a5ab;color:#d91f32;background:#fffafb}
.seller-status-badges{display:flex;flex-wrap:wrap;gap:6px;margin:-5px 0 12px}
.seller-status-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:7px;font-size:10px;font-weight:800;line-height:1.1}
.seller-status-badge.is-featured{color:#fff;background:#df1f2d}
.seller-status-badge.is-verified{color:#126fc2;background:#e6f1ff}
.seller-status-badge.is-unverified{color:#68768a;background:#f0f3f6}
.seller-account-type{display:inline-block;color:#25886f;font-size:10px}
@media(max-width:760px){.listing-detail-page .detail-action-bar{gap:7px;margin-bottom:10px}.listing-detail-page .detail-action-bar button{min-width:0;min-height:38px;padding-inline:12px}}
.listing-detail-page .listing-top-row{display:flex;align-items:center;gap:18px;max-width:1280px;margin:0 auto;padding:10px 24px 12px}
.listing-detail-page .listing-top-row .detail-nav{flex:1 1 auto;min-width:0;max-width:none;margin:0;padding:0;gap:11px;color:#61738a;font-size:12px}
.listing-detail-page .listing-top-row .detail-nav b{max-width:260px}
.listing-detail-page .listing-top-row .detail-action-bar{flex:0 0 auto;gap:8px;margin:0}
.listing-detail-page .listing-top-row .detail-action-bar button{min-width:82px;min-height:40px;padding:0 11px}
.listing-detail-page .gallery-badge{gap:6px;padding:7px 10px;border-radius:8px;font-size:11px;letter-spacing:.01em}
.listing-detail-page .gallery-badge.is-featured{background:#ed1728}
.listing-detail-page .gallery-badge.is-seller-verified{background:#596b7ceF}
.listing-detail-page .gallery-badge svg,.listing-detail-page .seller-status-badge svg{width:15px;height:15px;flex:0 0 15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.listing-detail-page .gallery-badge.is-featured svg,.listing-detail-page .seller-status-badge.is-featured svg{fill:currentColor;stroke:none}
.listing-detail-page .seller-status-badges{gap:7px;margin:-4px 0 14px}
.listing-detail-page .seller-status-badge{gap:6px;padding:6px 9px;border-radius:7px;font-size:11px}
.listing-detail-page .gallery-badge{min-height:34px;gap:7px;padding:7px 12px;border:1px solid #ffffffb8;border-radius:999px;font-size:12px;font-weight:800;letter-spacing:.01em;box-shadow:0 4px 14px #11182735;backdrop-filter:blur(10px)}
.listing-detail-page .gallery-badge.is-featured{background:linear-gradient(135deg,#ff3949,#d80d25);color:#fff}
.listing-detail-page .gallery-badge.is-seller-verified{background:linear-gradient(135deg,#1677e8,#0755b8);color:#fff}
.listing-detail-page .seller-status-badges{align-items:center;gap:8px;margin:-4px 0 14px}
.listing-detail-page .seller-status-badge{min-height:32px;gap:7px;padding:7px 11px;border:1px solid transparent;border-radius:999px;font-size:12px;font-weight:750;box-shadow:0 2px 8px #172b4510}
.listing-detail-page .seller-status-badge.is-featured{border-color:#ffd2a0;background:linear-gradient(135deg,#fff4e7,#ffe6cb);color:#a84c00}
.listing-detail-page .seller-status-badge.is-verified{border-color:#b8dcff;background:linear-gradient(135deg,#edf7ff,#dcebff);color:#075ab8}
.listing-detail-page .seller-status-badge.is-unverified{border-color:#e5e9ef;background:#f5f7fa;color:#66758a}
.listing-detail-page .listing-meta{align-items:center;gap:10px 22px;margin-top:13px;padding-top:12px}
.listing-detail-page .listing-meta>span{display:inline-flex;align-items:center;gap:8px;color:#334860;font-size:14px;font-weight:600;line-height:1.4}
.listing-detail-page .listing-meta>span i{display:grid;width:24px;height:24px;place-items:center;flex:0 0 24px;border-radius:7px;background:#f0f5fa;color:#435a74;font-size:18px;font-style:normal;line-height:1}
.listing-detail-page .listing-meta>span i svg{display:block;width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.listing-detail-page .listing-meta>span b{font-size:14px;font-weight:650}
.listing-detail-page .seller-safety-card{padding:18px;border-color:#e2eaf0;border-radius:14px;background:linear-gradient(145deg,#f6fbfa,#f2f6fb)}
.listing-detail-page .seller-safety-card h2{margin-bottom:15px;font-size:17px;line-height:1.3;letter-spacing:-.01em}
.listing-detail-page .seller-safety-card ul{gap:15px}
.listing-detail-page .seller-safety-card li{gap:11px}
.listing-detail-page .seller-safety-card li>i{width:29px;height:29px;flex-basis:29px;font-size:14px}
.listing-detail-page .seller-safety-card li>span{gap:4px;min-width:0}
.listing-detail-page .seller-safety-card li b{font-size:13px;font-weight:750;line-height:1.4}
.listing-detail-page .seller-safety-card li small{font-size:12px;line-height:1.5}
.listing-detail-page .seller-card-modern>h2{font-size:18px}
.listing-detail-page .seller-profile h3{font-size:16px;line-height:1.35}
.listing-detail-page .seller-account-type{font-size:12px}
.listing-detail-page .seller-profile p{font-size:12px;line-height:1.45}
.listing-detail-page .seller-profile .seller-rating{font-size:12px}
.listing-detail-page .seller-rating small{font-size:11px}
.listing-detail-page .seller-detail-row small{font-size:11px}
.listing-detail-page .seller-detail-row b{font-size:12px;line-height:1.4}
.listing-detail-page .seller-about{font-size:12px;line-height:1.6}
.listing-detail-page .vehicle-specs article.spec-long-value{grid-column:1/-1;min-height:0;border-right:0!important}
.listing-detail-page .vehicle-specs article.spec-long-value>div{flex:1;min-width:0}
.listing-detail-page .vehicle-specs article.spec-long-value b{font-size:13px;line-height:1.55;overflow-wrap:anywhere}
.listing-detail-page .features-panel h2{font-size:20px;line-height:1.3}
.listing-detail-page .listing-features li{min-height:42px}
.listing-detail-page .listing-features li b{font-size:13px;line-height:1.4;font-weight:650}
@media(max-width:760px){.listing-detail-page .vehicle-specs article.spec-long-value{grid-column:auto;flex:0 0 min(86vw,620px);min-width:min(86vw,620px)}.listing-detail-page .features-panel h2{font-size:19px}.listing-detail-page .listing-features li b{font-size:12px}}
.listing-detail-page .related-listings.recommended-listings{width:100%;margin:22px 0 0;border-radius:0}
@media(max-width:760px){.listing-detail-page .related-listings.recommended-listings{margin:16px 0 0;border-radius:0}}
@media(max-width:760px){
  .listing-detail-page .listing-top-row{flex-wrap:wrap;gap:9px;padding:10px 14px 12px}
  .listing-detail-page .listing-top-row .detail-nav{flex:1 1 100%;overflow:hidden;white-space:nowrap;font-size:10px}
  .listing-detail-page .listing-top-row .detail-action-bar{width:100%;justify-content:flex-end}
  .listing-detail-page .listing-top-row .detail-action-bar button{min-height:36px}
}
@media(max-width:420px){.listing-detail-page .listing-top-row .detail-action-bar{gap:6px}.listing-detail-page .listing-top-row .detail-action-bar button{padding-inline:9px;font-size:10px}}
@media(max-width:760px){.listing-detail-page .listing-meta{gap:10px 16px}.listing-detail-page .listing-meta>span,.listing-detail-page .listing-meta>span b{font-size:13px}.listing-detail-page .listing-meta>span i{width:23px;height:23px;flex-basis:23px}}
@media print{.topbar,.detail-action-bar,.detail-nav,.listing-detail-sidebar,.listing-gallery-card .gallery-nav,.gallery-expand,.site-footer,.detail-toast{display:none!important}.listing-detail-page{background:#fff!important}.listing-detail-shell{max-width:none;padding:0}.listing-detail-grid{display:block}.listing-detail-main>.detail-panel{box-shadow:none;break-inside:avoid}}
.listing-detail-page .seller-share-card{margin-top:12px;padding:16px;border:1px solid #e5eaf0;border-radius:12px;background:#fff;box-shadow:0 4px 14px #20344a08}
.listing-detail-page .seller-share-card h2{margin:0;color:#1d2d45;font-size:16px;font-weight:800;line-height:1.3}
.listing-detail-page .seller-share-card>p{margin:5px 0 12px;color:#718097;font-size:11px;line-height:1.45}
.listing-detail-page .seller-share-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.listing-detail-page .seller-share-link{display:grid;min-width:0;min-height:63px;justify-items:center;align-content:center;gap:5px;padding:7px 4px;border:1px solid #e7ecf1;border-radius:9px;color:#40536a;background:#fafbfd;font:600 10px/1.2 Inter,sans-serif;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease}
.listing-detail-page .seller-share-link:hover,.listing-detail-page .seller-share-link:focus-visible{transform:translateY(-2px);border-color:#cfd9e4;background:#fff;box-shadow:0 5px 12px #17233b12;outline:none}
.listing-detail-page .seller-share-link:focus-visible{outline:2px solid #8cb7e8;outline-offset:2px}
.listing-detail-page .seller-share-link svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.listing-detail-page .seller-share-link.is-whatsapp{color:#168b55}.listing-detail-page .seller-share-link.is-instagram{color:#bd3e78}.listing-detail-page .seller-share-link.is-x{color:#202a36}.listing-detail-page .seller-share-link.is-tiktok{color:#171a20}.listing-detail-page .seller-share-link.is-youtube{color:#d4252f}.listing-detail-page .seller-share-link.is-copy{color:#526a85}
@media(max-width:760px){.listing-detail-page .seller-share-card{padding:15px}.listing-detail-page .seller-share-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.listing-detail-page .seller-share-link{transition:none}}
.recommended-listings .related-listing-grid .ad-card{min-width:0}
.recommended-listings .related-listing-grid .ad-content h3{min-height:2.6em}
@media(max-width:760px){.recommended-listings .related-listing-grid .ad-card{flex:0 0 min(76vw,260px);scroll-snap-align:start}}
@media(max-width:420px){.recommended-listings .related-listing-grid .ad-card{flex-basis:80vw}}

/* Vehicle facts visitors commonly check first. */
.listing-detail-page .vehicle-highlight-strip{order:2;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin:0 0 12px;padding:12px 8px;border:1px solid #e1e9f2;border-radius:12px;background:linear-gradient(135deg,#fbfcfe,#f5f8fc)}
.listing-detail-page .vehicle-highlight-strip article{display:grid;min-width:0;justify-items:center;align-content:center;gap:4px;padding:4px 8px;text-align:center}
.listing-detail-page .vehicle-highlight-strip article+article{border-left:1px solid #e0e8f0}
.listing-detail-page .vehicle-highlight-strip article>i{display:grid;width:30px;height:30px;place-items:center;color:#253b57}
.listing-detail-page .vehicle-highlight-strip article>i svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.listing-detail-page .vehicle-highlight-strip article>span{color:#5d7088;font-size:12px;line-height:1.3}
.listing-detail-page .vehicle-highlight-strip article>b{color:#192b43;font-size:13px;font-weight:750;line-height:1.3;overflow-wrap:anywhere}
@media(max-width:960px){.listing-detail-page .vehicle-highlight-strip{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:8px}.listing-detail-page .vehicle-highlight-strip article:nth-child(4){border-left:0}}
@media(max-width:760px){.listing-detail-page .vehicle-highlight-strip{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;-webkit-overflow-scrolling:touch;padding:9px 5px}.listing-detail-page .vehicle-highlight-strip article{flex:0 0 112px;scroll-snap-align:start}.listing-detail-page .vehicle-highlight-strip article>span{font-size:11px}.listing-detail-page .vehicle-highlight-strip article>b{font-size:12px}}
.listing-detail-page .listing-heading-price>#detail-negotiable{padding:5px 11px;border-radius:7px;font-size:13px;font-weight:700;line-height:1.25}
.listing-detail-page .listing-verification-card.is-verified{background:#f1f7ff;border-color:#d7e7fb}
.listing-detail-page .listing-verification-card.is-verified .verification-icon{background:#e2efff;color:#1673d1}
.listing-detail-page .verification-icon svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.listing-detail-page .verification-icon::before{content:none!important}
.listing-detail-page .listing-verification-card h3{font-size:12px;line-height:1.35}
.listing-detail-page .listing-verification-card p{font-size:10px;line-height:1.5}
.listing-detail-page .description-highlights li.is-unknown>span{background:#eef2f6;color:#738198}
@media(max-width:760px){.listing-detail-page .listing-heading-price>#detail-negotiable{font-size:13px}}
.listing-detail-page .listing-description-extras .description-highlights ul{gap:9px}
.listing-detail-page .listing-description-extras .description-highlights li{align-items:center;gap:10px;color:#3d526b;font-size:13px;line-height:1.5}
.listing-detail-page .listing-description-extras .description-highlights li>span{flex-basis:18px;width:18px;height:18px;margin-top:0;background:#e1f5ed;color:#168b69;font-size:11px}
.listing-detail-page .listing-description-extras .description-highlights li.is-neutral>span{background:#e8f1ff;color:#3475c5}
.listing-detail-page .listing-description-extras .description-highlights li.is-unknown>span{background:#fff2d9;color:#b77814}
.listing-detail-page .listing-verification-card{animation:verification-card-enter .55s cubic-bezier(.2,.75,.25,1) both;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.listing-detail-page .listing-verification-card:hover{transform:translateY(-3px);box-shadow:0 10px 24px #1c57901a;border-color:#b8d4f6}
.listing-detail-page .listing-verification-card .verification-icon{transition:transform .22s ease,background-color .22s ease}
.listing-detail-page .listing-verification-card:hover .verification-icon{transform:scale(1.08)}
@keyframes verification-card-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.listing-detail-page .listing-verification-card,.listing-detail-page .listing-verification-card:hover,.listing-detail-page .listing-verification-card .verification-icon{animation:none;transition:none;transform:none}}
@media(max-width:760px){.listing-detail-page .listing-description-extras .description-highlights li{font-size:13px}}
.listing-detail-page .seller-share-card{padding:17px;border-color:#e3eaf2;border-radius:14px;background:linear-gradient(145deg,#fff,#fbfcfe);box-shadow:0 7px 22px #1d35500c}
.listing-detail-page .seller-share-card h2{font-size:17px;letter-spacing:-.2px}
.listing-detail-page .seller-share-card>p{margin:5px 0 14px;font-size:12px}
.listing-detail-page .seller-share-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.listing-detail-page .seller-share-link{display:flex;min-height:52px;justify-content:flex-start;gap:10px;padding:8px 10px;border-color:#e8edf3;border-radius:11px;color:#27394e;background:#fff;font-size:11px;font-weight:650;text-align:left;box-shadow:0 2px 6px #18263b06}
.listing-detail-page .seller-share-link:hover,.listing-detail-page .seller-share-link:focus-visible{transform:translateY(-2px);border-color:#d5deea;background:#fff;box-shadow:0 7px 16px #17233b12}
.listing-detail-page .seller-share-link svg{flex:0 0 32px;width:32px;height:32px;padding:7px;border-radius:10px;stroke-width:2.1}
.listing-detail-page .seller-share-link.is-whatsapp svg{color:#fff;background:#20bd67}
.listing-detail-page .seller-share-link.is-instagram svg{color:#fff;background:linear-gradient(140deg,#7552d8,#d83a85 58%,#f28c3c)}
.listing-detail-page .seller-share-link.is-x svg{color:#fff;background:#171b22}
.listing-detail-page .seller-share-link.is-tiktok svg{color:#fff;background:#171b22}
.listing-detail-page .seller-share-link.is-youtube svg{color:#fff;background:#f12632}
.listing-detail-page .seller-share-link.is-copy svg{color:#fff;background:#3978c5}

/* Larger listing thumbnails with scroll controls and a remaining-photo count. */
.listing-detail-page .listing-thumbnail-rail {
  display: flex;
  min-width: 0;
  align-items: center;
  gap: 7px;
  margin-top: 9px;
}
.listing-detail-page .listing-thumbnail-rail .listing-thumbnails {
  flex: 1 1 auto;
  width: 0;
  margin-top: 0;
}
.listing-detail-page .thumbnail-scroll-button {
  display: grid;
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  place-items: center;
  padding: 0 0 2px;
  border: 1px solid #dce3ec;
  border-radius: 50%;
  color: #24364e;
  background: #fff;
  box-shadow: 0 3px 10px #17233b16;
  font: 700 25px/1 Arial, sans-serif;
  cursor: pointer;
}
.listing-detail-page .thumbnail-scroll-button:disabled { opacity: .42; cursor: default; }
.listing-detail-page .thumbnail-scroll-button:not(:disabled):hover,
.listing-detail-page .thumbnail-scroll-button:not(:disabled):focus-visible {
  border-color: var(--accent);
  color: #fff;
  background: var(--accent);
}
.listing-detail-page .thumbnail-scroll-button[hidden] { display: none !important; }
.listing-detail-page .listing-thumbnail {
  flex: 0 0 82px;
  width: 82px;
  height: 62px;
  aspect-ratio: auto;
}
.listing-detail-page .thumbnail-remaining-badge {
  position: absolute;
  right: 4px;
  bottom: 4px;
  display: grid;
  min-width: 31px;
  height: 23px;
  place-items: center;
  padding: 0 6px;
  border: 1px solid #ffffffa8;
  border-radius: 12px;
  color: #fff;
  background: #132238d9;
  box-shadow: 0 2px 7px #0005;
  font-size: 11px;
  font-weight: 800;
  pointer-events: none;
}
@media (max-width: 760px) {
  .listing-detail-page .listing-thumbnail-rail { gap: 5px; }
  .listing-detail-page .thumbnail-scroll-button {
    flex-basis: 29px;
    width: 29px;
    height: 29px;
    font-size: 23px;
  }
  .listing-detail-page .listing-thumbnail {
    flex-basis: 72px;
    width: 72px;
    height: 56px;
  }
}

/* Keep the posting review cover image visible and prevent mobile feature options from colliding. */
.post-page .review-image {
  min-width: 0;
  overflow: hidden;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
.post-page .feature-option {
  min-width: 0;
  overflow-wrap: anywhere;
}
.post-page .feature-option input {
  flex: 0 0 17px;
  margin: 0;
}
@media (max-width: 780px) {
  .post-page .feature-options { grid-template-columns: minmax(0, 1fr); }
  .post-page .feature-option { align-items: flex-start; }
  .post-page .feature-accordion summary { flex-wrap: wrap; }
  .post-page .feature-accordion summary small { width: 100%; margin-left: 0; }
}