/* Kamiwa luxe: noir and champagne gold (sample A). Loaded after v3.css; dark is the default theme. */
:root{
  --page:#F6F4EF;--surface:#FFFFFF;--soft:#EFECE5;--line:#E2DED4;--text:#121212;--muted:#6B675E;
  --navy:#121212;--petrol-deep:#0B0B0B;--violet:#A88A4F;--accent:#C8A96A;--accent-strong:#D6BA7E;--on-accent:#0B0B0B;
  --gold:#A88A4F;--gold-soft:#a88a4f1f;
  --success:#2E7D4F;--error:#B3261E;--warning:#8A6D1E;
  --brand-deep:#0B0B0B;
  --grad-brand:linear-gradient(#141414,#141414);
  --grad-soft:linear-gradient(#EFECE5,#EFECE5);
  --shadow-sm:none;
  --shadow-md:0 18px 40px #0000001a;
  --radius:2px;--radius-lg:4px;
  --ring:0 0 0 3px #c8a96a4d;
  --chart-a:#121212;--chart-b:#C8A96A;
}
:root[data-theme=dark]{
  --page:#0A0A0A;--surface:#111111;--soft:#181818;--line:#262420;--text:#F4F1EA;--muted:#9A968D;
  --navy:#E3CC98;--petrol-deep:#0A0A0A;--violet:#C8A96A;--accent:#C8A96A;--accent-strong:#D6BA7E;--on-accent:#0A0A0A;
  --gold:#C8A96A;--gold-soft:#c8a96a1f;
  --success:#7BC59A;--error:#F08A80;--warning:#E2C27A;
  --brand-deep:#070707;
  --grad-brand:linear-gradient(#141414,#141414);
  --grad-soft:linear-gradient(#181818,#181818);
  --shadow-sm:none;
  --shadow-md:0 24px 48px #00000080;
  --chart-a:#E3CC98;--chart-b:#8C8678;
  --select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239A968D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}
body{background:var(--page);letter-spacing:0}
::selection{background:#c8a96a4d}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
h1,h2,h3{letter-spacing:-.3px}

/* Header */
.site-header{background:var(--page);box-shadow:0 1px 0 var(--line)}
.wordmark{color:var(--text);font-weight:900;letter-spacing:-1px}
.brand-dot{background:var(--accent);border-radius:0;width:7px;height:7px}
.header-search{border-radius:var(--radius);background:var(--surface);border-color:var(--line)}
.header-search:focus-within{border-color:var(--accent);box-shadow:var(--ring)}
.header-search .button-primary{min-height:40px}
.header-cats{background:var(--page);border-top-color:var(--line)}
.header-cats a{color:var(--muted);font-weight:500}
.header-cats a:hover{color:var(--text)}
.header-cats a[aria-current]{color:var(--text);border-bottom-color:var(--accent)}
.demo-banner{background:var(--soft);color:var(--muted);border-bottom:1px solid var(--line)}

/* Buttons: square, quiet; gold for the one main action */
.button,.icon-button{border-radius:var(--radius);font-weight:600;background:transparent;border:1px solid var(--line);color:var(--text);box-shadow:none;transition:background .2s,border-color .2s,color .2s}
.button:hover,.icon-button:hover{background:var(--soft);border-color:var(--muted);color:var(--text);transform:none}
.button-primary,[data-theme=dark] .button-primary{background:var(--text);border-color:var(--text);color:var(--page)}
.button-primary:hover,[data-theme=dark] .button-primary:hover{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.button-amber,.button-amber:hover{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:none}
.button-amber:hover{background:var(--accent-strong);border-color:var(--accent-strong)}
.button-ghost{background:transparent;border-color:#ffffff40;color:#fff}
.button-ghost:hover{background:#ffffff14;border-color:#fff;color:#fff}
.button-danger{color:var(--error)}
.text-button:hover{color:var(--accent)}

/* Forms */
.field label{font-weight:500;color:var(--text)}
.field input:not([type=checkbox]):not([type=radio]),.field select,.field textarea,.control{border-radius:var(--radius);background-color:var(--surface);border-color:var(--line);color:var(--text)}
.field input:focus,.field select:focus,.field textarea:focus,.control:focus{border-color:var(--accent);box-shadow:var(--ring)}
.field input[type=checkbox],.field input[type=radio]{accent-color:var(--accent)}

/* Surfaces: flat, hairline borders, no glow */
.surface,.card,.listing-card,.filter-panel,.panel-sidebar,.metric,.plan-card,.category-tile,.steps li,.feature,.auth-card,.ticket-row,.page-hero,.inspection-tile,.role-card,.receipt,.chat-bubble{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:none}
.card-head{border-bottom-color:var(--line)}
.status-badge{border-radius:2px;font-weight:600;background:var(--soft);color:var(--muted)}
.status-badge.pending,.status-badge.warning,.status-badge.awaiting_payment,.status-badge.assigned,.status-badge.reported,.status-badge.delayed,.status-badge.open,
[data-theme=dark] .status-badge.pending,[data-theme=dark] .status-badge.warning,[data-theme=dark] .status-badge.awaiting_payment,[data-theme=dark] .status-badge.assigned,[data-theme=dark] .status-badge.reported,[data-theme=dark] .status-badge.delayed,[data-theme=dark] .status-badge.open{background:var(--gold-soft);color:var(--gold)}
.status-badge.approved,.status-badge.final,.status-badge.success{color:var(--success)}
.eyebrow,[data-theme=dark] .eyebrow{background:none;padding:0;border-radius:0;color:var(--gold);font-weight:700;display:inline-flex;align-items:center;gap:12px}
.eyebrow:before{content:'';width:32px;height:1px;background:var(--gold)}
.center-head .eyebrow:after{content:'';width:32px;height:1px;background:var(--gold)}
.notice{border-radius:var(--radius);border-color:var(--line);border-right:2px solid var(--accent);background:var(--surface)}
.nego-negotiable,.role-pro,[data-theme=dark] .role-pro{background:var(--gold-soft);color:var(--gold)}
.spec-chips li{border-radius:2px}

/* Icons: thin gold line icons, no tiles */
.glyph,[data-theme=dark] .glyph{background:transparent;color:var(--gold);box-shadow:none;border-radius:0}
.glyph .icon{width:70%;height:70%;stroke-width:1.4}
.glyph-sm .icon{width:20px;height:20px}
.metric>span.metric-icon{background:transparent;border:1px solid var(--line);border-radius:var(--radius)}

/* Listing cards */
.listing-card{overflow:hidden;transition:border-color .2s}
.listing-card:hover{border-color:var(--accent);box-shadow:none;transform:none}
.listing-card .listing-media{margin:0;border-radius:0}
.listing-card .listing-price,[data-theme=dark] .listing-card .listing-price{color:var(--text);font-weight:800}
.listing-card .media-badge{background:var(--accent);color:var(--on-accent);border-radius:2px}
.category-tabs a{border-radius:var(--radius)}
.category-tabs a[aria-current],[data-theme=dark] .category-tabs a[aria-current]{background:var(--text);color:var(--page);border-color:var(--text)}

/* Panel */
.panel-sidebar nav>a{border-radius:var(--radius)}
.panel-sidebar nav>a[aria-current],[data-theme=dark] .panel-sidebar nav>a[aria-current]{background:var(--soft);color:var(--text);box-shadow:inset -2px 0 0 var(--accent)}
.panel-sidebar nav>a[aria-current] .icon{color:var(--accent)}
.avatar-initial{background:var(--text);color:var(--page)}
.metric strong,[data-theme=dark] .metric strong{color:var(--text);font-weight:300;letter-spacing:-1px}
.price-card .price-big,[data-theme=dark] .price-card .price-big{color:var(--text)}

/* Page pieces built in v3 */
.page-hero{border-inline-start:2px solid var(--accent)}
.wizard-aside{background:#111;border:1px solid #262420;box-shadow:none;color:#F4F1EA}
.wizard-aside p{color:#9A968D}
.wizard-perks li{background:#181818;border-radius:var(--radius)}
.stepper li{border-radius:var(--radius);background:var(--soft)}
.stepper li[aria-current]{background:var(--gold-soft);color:var(--text)}
.stepper li[aria-current]:before{background:var(--accent);color:var(--on-accent)}
.stepper li.is-done:before{background:var(--text);color:var(--page)}
.role-card:has(input:checked){border-color:var(--accent);background:var(--gold-soft);box-shadow:none}
.role-card:has(input:checked):after{background:var(--accent);color:var(--on-accent)}
.receipt-amount{background:#111;border:1px solid #262420;color:#F4F1EA}
.receipt-amount strong{color:#E3CC98}
.plan-card.pro{border:1px solid var(--accent);border-top:3px solid var(--accent)}
.plan-card.is-current{border-color:var(--accent);box-shadow:none}
.plan-ribbon{background:var(--accent);color:var(--on-accent);border-radius:2px}
.plan-card li::marker{color:var(--accent)}
.emoji-steps li{border-radius:var(--radius)}
.emoji-steps li.current{background:var(--gold-soft);box-shadow:inset 0 0 0 1px var(--accent)}
.emoji-steps li.current .glyph,[data-theme=dark] .emoji-steps li.current .glyph{background:transparent;color:var(--accent)}
.emoji-steps li.done:after{background:var(--accent);color:var(--on-accent)}
.progress span{background:var(--accent)}
.chat-message.mine .chat-bubble{background:var(--gold-soft);border-color:#c8a96a59}
.chat-message.mine .chat-avatar{background:var(--accent);color:var(--on-accent)}
.chat-message.staff .chat-bubble{border-inline-start:2px solid var(--accent)}
.best-chip,.best-tag{background:var(--accent);color:var(--on-accent);border-radius:2px}
.v3-compare td.is-best{background:var(--gold-soft)}
.ticket-row:hover,.inspection-tile:hover{border-color:var(--accent);box-shadow:none}

/* Footer */
.site-footer{background:#070707;border-top:1px solid #262420;color:#9A968D}
.site-footer .wordmark{color:#F4F1EA}
.footer-grid h2{color:#F4F1EA}
.footer-brand p,.footer-grid nav a,.footer-bottom{color:#9A968D}
.footer-grid nav a:hover{color:#C8A96A}

/* ---------- Landing (sample A) ---------- */
.is-landing .site-header{position:absolute;inset:0 0 auto 0;background:transparent;box-shadow:none;border-bottom:1px solid #ffffff14}
.is-landing .site-header .wordmark{color:#fff}
.is-landing .site-header .button:not(.button-amber),.is-landing .site-header .icon-button{border-color:#ffffff33;color:#fff}
.is-landing .site-header .button:not(.button-amber):hover,.is-landing .site-header .icon-button:hover{background:#ffffff14;border-color:#fff}
.is-landing .demo-banner{display:none}
.lx-hero{position:relative;min-height:min(100vh,960px);min-height:min(100svh,960px);display:flex;align-items:center;overflow:hidden;background:#0A0A0A;color:#F4F1EA;isolation:isolate}
.lx-hero-media{position:absolute;inset:0;z-index:-2}
.lx-hero-media img{width:100%;height:100%;object-fit:cover;object-position:35% 60%;filter:saturate(.55) brightness(.62) contrast(1.12);transform:scale(1.04);animation:lx-drift 18s ease-out forwards}
.lx-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,#0A0A0AF2 0%,#0A0A0AB3 38%,#0A0A0A26 72%,#0A0A0A0D 100%),linear-gradient(180deg,#0A0A0A99 0%,transparent 22%,transparent 72%,#0A0A0A 100%)}
@keyframes lx-drift{to{transform:scale(1)}}
.lx-hero-inner{width:100%;padding-block:140px 90px}
.lx-copy{max-width:720px}
.lx-kicker{display:flex;align-items:center;gap:14px;color:#C8A96A;font-size:14px;font-weight:600;margin-bottom:26px}
.lx-kicker:before{content:'';width:40px;height:1px;background:#C8A96A}
.lx-hero h1{font-size:72px;line-height:1.28;font-weight:200;letter-spacing:-1.5px;color:#F4F1EA}
.lx-hero h1 b{font-weight:900;color:#C8A96A}
.lx-lead{font-size:19px;line-height:2;color:#C9C4B8;max-width:560px;margin-top:22px}
.lx-search{display:grid;grid-template-columns:1.15fr 1.15fr 1.5fr auto;margin-top:42px;max-width:980px;border:1px solid #3a372f;background:#0A0A0AB8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.lx-search .lx-field{display:flex;flex-direction:column;justify-content:center;padding:12px 20px;border-left:1px solid #3a372f;min-width:0}
.lx-search label{font-size:11px;color:#9A968D;margin-bottom:2px}
.lx-search select,.lx-search input{width:100%;border:0;background:transparent;color:#F4F1EA;font:inherit;font-size:15px;font-weight:600;padding:4px 0;outline:none;appearance:none;-webkit-appearance:none}
.lx-search .lx-field select{background-image:var(--select-arrow);background-repeat:no-repeat;background-position:left 0 center;padding:4px 0 4px 22px;min-height:0;height:auto;text-overflow:clip}
.lx-search select option{background:#111;color:#F4F1EA}
.lx-search input::placeholder{color:#7d796f}
.lx-search .lx-field:focus-within{background:#ffffff0a}
.lx-search button{border:0;border-radius:0;background:#C8A96A;color:#0A0A0A;font:inherit;font-weight:800;font-size:15px;padding:0 38px;cursor:pointer;display:flex;align-items:center;gap:10px;min-height:64px}
.lx-search button:hover{background:#D6BA7E}
.lx-search button .icon{width:20px;height:20px}
.lx-trust{list-style:none;display:flex;flex-wrap:wrap;gap:12px 28px;margin:28px 0 0;padding:0;color:#C9C4B8;font-size:14px}
.lx-trust li{display:flex;align-items:center;gap:8px}
.lx-trust .icon{width:18px;height:18px;color:#C8A96A}
.lx-scroll{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);width:1px;height:56px;background:linear-gradient(#C8A96A,transparent)}

.lx-stats{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}
.lx-stats>div{padding:44px 32px 44px 0;border-left:1px solid var(--line)}
.lx-stats>div:last-child{border-left:0}
.lx-stats strong{display:block;font-size:56px;font-weight:200;letter-spacing:-2px;line-height:1.2;color:var(--text);font-variant-numeric:tabular-nums}
.lx-stats span{font-size:14px;color:var(--muted)}
.lx-section{padding-block:110px}
.lx-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px}
.lx-head h2{font-size:44px;font-weight:800;line-height:1.35;margin-top:14px}
.lx-head p{color:var(--muted);margin-top:12px;max-width:560px}
.lx-cats{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}
.lx-cat{position:relative;display:block;height:420px;overflow:hidden;color:#fff;background:#111}
.lx-cat img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s;filter:saturate(.8)}
.lx-cat:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 35%,#000000cc)}
.lx-cat:hover img{transform:scale(1.06);filter:saturate(1)}
.lx-cat-text{position:absolute;bottom:28px;right:28px;left:28px;z-index:2;display:flex;justify-content:space-between;align-items:flex-end}
.lx-cat b{display:block;font-size:26px;font-weight:800;color:#fff}
.lx-cat span{font-size:13px;color:#d8d3c8}
.lx-cat .lx-arrow{width:44px;height:44px;border:1px solid #ffffff59;display:grid;place-items:center;transition:background .3s,border-color .3s}
.lx-cat:hover .lx-arrow{background:#C8A96A;border-color:#C8A96A;color:#0A0A0A}
.lx-cat .icon{width:18px;height:18px}
.lx-cat:hover{color:#fff}
.lx-features{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}
.lx-features article{padding:40px 28px 8px 28px;border-left:1px solid var(--line)}
.lx-features article:last-child{border-left:0}
.lx-features .icon{width:30px;height:30px;color:var(--gold);stroke-width:1.4}
.lx-features h3{font-size:19px;font-weight:700;margin:22px 0 10px}
.lx-features p{color:var(--muted);font-size:14px;line-height:2}
.lx-split{display:grid;grid-template-columns:1fr 1fr;min-height:620px;background:#0A0A0A;color:#F4F1EA}
.lx-split-media{position:relative;overflow:hidden}
.lx-split-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) brightness(.85)}
.lx-split-copy{padding:90px 80px;display:flex;flex-direction:column;justify-content:center}
.lx-split-copy h2{font-size:42px;font-weight:800;line-height:1.4;margin:14px 0 18px;color:#F4F1EA}
.lx-split-copy>p{color:#9A968D;line-height:2}
.lx-steps{list-style:none;margin:36px 0 0;padding:0;display:grid;gap:0;counter-reset:lx}
.lx-steps li{display:grid;grid-template-columns:56px 1fr;gap:4px 18px;padding:22px 0;border-top:1px solid #262420}
.lx-steps li:before{counter-increment:lx;content:counter(lx,persian);grid-row:span 2;font-size:34px;font-weight:200;color:#C8A96A;line-height:1}
.lx-steps h3{font-size:17px;font-weight:700;color:#F4F1EA}
.lx-steps p{font-size:14px;color:#9A968D}
.lx-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line)}
.lx-plan{padding:44px 36px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:10px;position:relative;background:var(--surface)}
.lx-plan:last-child{border-left:0}
.lx-plan .icon{width:28px;height:28px;color:var(--gold);stroke-width:1.4}
.lx-plan h3{font-size:26px;font-weight:800;margin-top:10px}
.lx-plan>p{color:var(--muted);font-size:14px}
.lx-plan ul{list-style:none;margin:18px 0 26px;padding:0;display:grid;gap:12px;flex:1}
.lx-plan li{display:flex;gap:10px;font-size:14px;align-items:baseline}
.lx-plan li:before{content:'';flex:0 0 14px;height:1px;background:var(--gold);transform:translateY(-4px)}
.lx-plan.featured{background:#0A0A0A;color:#F4F1EA;box-shadow:inset 0 0 0 1px #C8A96A}
.lx-plan.featured>p,.lx-plan.featured li{color:#C9C4B8}
.lx-plan .lx-tag{position:absolute;top:0;left:36px;background:#C8A96A;color:#0A0A0A;font-size:12px;font-weight:800;padding:6px 12px}
.lx-faq{display:grid;grid-template-columns:1fr 1.5fr;gap:80px}
.lx-faq h2{font-size:40px;font-weight:800;line-height:1.4;margin-top:14px}
.lx-faq details{border-bottom:1px solid var(--line);padding:24px 0}
.lx-faq summary{cursor:pointer;font-weight:600;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:16px}
.lx-faq summary::-webkit-details-marker{display:none}
.lx-faq summary:after{content:'+';color:var(--gold);font-size:22px;font-weight:300;line-height:1}
.lx-faq details[open] summary:after{content:'−'}
.lx-faq details p{color:var(--muted);margin-top:14px;line-height:2}
.lx-cta{position:relative;overflow:hidden;background:#0A0A0A;color:#F4F1EA;isolation:isolate}
.lx-cta img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:saturate(.4) brightness(.45)}
.lx-cta:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,#0A0A0AE6,#0A0A0A66)}
.lx-cta .shell{padding-block:120px;display:flex;justify-content:space-between;align-items:center;gap:32px}
.lx-cta h2{font-size:46px;font-weight:200;line-height:1.35;color:#F4F1EA}
.lx-cta h2 b{font-weight:900;color:#C8A96A}
.lx-cta-actions{display:flex;gap:12px;flex-wrap:wrap}
.lx-cta .button{min-height:54px;padding-inline:32px}
[data-reveal]{transition-duration:.8s}

@media(prefers-reduced-motion:reduce){.lx-hero-media img{animation:none;transform:none}.lx-cat img{transition:none}}
@media(max-width:1100px){
  .lx-hero h1{font-size:54px}
  .lx-cats{grid-template-columns:repeat(2,1fr)}
  .lx-features{grid-template-columns:repeat(2,1fr)}
  .lx-features article:nth-child(2){border-left:0}
  .lx-split{grid-template-columns:1fr}
  .lx-split-media{height:380px}
  .lx-split-copy{padding:64px 32px}
}
@media(max-width:760px){
  .lx-hero{min-height:0}
  .lx-hero-inner{padding-block:120px 64px}
  .lx-hero h1{font-size:36px;line-height:1.4}
  .lx-hero h1 br{display:none}
  .lx-lead{font-size:16px}
  .lx-search{grid-template-columns:1fr 1fr}
  .lx-search .lx-field:nth-child(3){grid-column:1/-1;border-top:1px solid #3a372f;border-left:0}
  .lx-search .lx-field:nth-child(2){border-left:0}
  .lx-search button{grid-column:1/-1;justify-content:center;min-height:56px}
  .lx-scroll{display:none}
  .lx-stats{grid-template-columns:1fr 1fr}
  .lx-stats>div{padding:28px 18px 28px 0}
  .lx-stats>div:nth-child(2){border-left:0}
  .lx-stats>div:nth-child(-n+2){border-bottom:1px solid var(--line)}
  .lx-stats strong{font-size:40px}
  .lx-section{padding-block:72px}
  .lx-head{flex-direction:column;align-items:flex-start}
  .lx-head h2,.lx-split-copy h2{font-size:30px}
  .lx-cats{grid-template-columns:1fr 1fr}
  .lx-cat{height:240px}
  .lx-cat-text{bottom:16px;right:16px;left:16px}
  .lx-cat b{font-size:19px}
  .lx-cat .lx-arrow{display:none}
  .lx-features{grid-template-columns:1fr}
  .lx-features article{border-left:0;border-bottom:1px solid var(--line);padding:28px 0}
  .lx-plans{grid-template-columns:1fr}
  .lx-plan{border-left:0;border-bottom:1px solid var(--line)}
  .lx-faq{grid-template-columns:1fr;gap:24px}
  .lx-cta .shell{flex-direction:column;align-items:flex-start;padding-block:72px}
  .lx-cta h2{font-size:32px}
}

/* Auth and sign-up side panels use real photography */
.auth-art{background:linear-gradient(0deg,#0A0A0AF2 12%,#0A0A0A80 55%,#0A0A0A33 100%),url("images/truck-red-sm.edd69b335855.webp") center/cover no-repeat;border:1px solid #262420;border-radius:var(--radius-lg)}
.auth-art:before{display:none}
.auth-art .glyph{display:none}
.wizard-aside{background:linear-gradient(0deg,#0A0A0AF5 30%,#0A0A0A99 70%,#0A0A0A59 100%),url("images/truck-white-sm.f1ffe7df0f7c.webp") center top/cover no-repeat}
.wizard-aside>.glyph{visibility:hidden;height:120px}

/* Member-only contact details and the guest period */
.contact-gate{display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px dashed var(--line);border-radius:var(--radius);background:var(--soft)}
.contact-gate>.icon{flex:0 0 auto;width:22px;height:22px;color:var(--accent);margin-top:2px}
.contact-gate strong{display:block;line-height:1.7}
.contact-gate .help-text{margin:4px 0 0}
.contact-gate-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.seller-contact .contact-gate{max-width:380px}
.listing-card .card-join{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 10px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:.85rem;text-decoration:none;white-space:nowrap}
.listing-card .card-join:hover{color:var(--text);border-color:var(--accent)}
.listing-card .card-join .icon{width:17px;height:17px}
.trial-banner{padding:8px 16px;text-align:center;font-size:.9rem;background:var(--gold-soft);color:var(--text);border-bottom:1px solid var(--line)}
.trial-banner a{color:var(--accent);font-weight:700}
.trial-banner.ended{background:var(--soft)}
/* Header search button uses the site gold, matching the sign-up button and hero search */
.header-search .button-primary,[data-theme=dark] .header-search .button-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.header-search .button-primary:hover,[data-theme=dark] .header-search .button-primary:hover{background:var(--accent-strong);border-color:var(--accent-strong);color:var(--on-accent)}
/* Phones: the header wraps to three rows (logo, search, categories), so on the landing page it sits above
   the hero instead of floating over it, and on every page it scrolls away instead of covering a quarter of the screen */
@media(max-width:760px){
  .site-header,.is-landing .site-header{position:relative;inset:auto}
  .is-landing .site-header{background:#0A0A0A}
  .lx-hero-inner{padding-block:44px 64px}
  .lx-search .lx-field{padding:12px 14px}
}
@media(max-width:380px){
  .lx-search{grid-template-columns:1fr}
  .lx-search .lx-field{border-left:0}
  .lx-search .lx-field+.lx-field{border-top:1px solid #3a372f}
}
/* Phones: once the full header scrolls away, a slim bar with the logo, search and day/night toggle slides in */
.mini-header{display:none}
@media(max-width:760px){
  .mini-header{display:block;position:fixed;top:0;left:0;right:0;z-index:40;background:var(--page);box-shadow:0 10px 28px #0000002e;transform:translateY(-110%);transition:transform .28s ease}
  .mini-header:after{content:'';position:absolute;inset:auto 0 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--accent) 30%,var(--accent) 70%,transparent)}
  .mini-header.is-visible{transform:none}
  .mini-header-inner{display:flex;align-items:center;gap:10px;height:60px}
  .mini-header .wordmark{font-size:24px;flex:0 0 auto}
  .mini-search{flex:1;min-width:0;display:flex;align-items:center;gap:8px;height:40px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);transition:border-color .2s}
  .mini-search:focus-within{border-color:var(--accent)}
  .mini-search .icon{flex:0 0 auto;width:18px;height:18px;color:var(--muted)}
  .mini-search input{flex:1;min-width:0;border:0;background:transparent;color:var(--text);font:inherit;font-size:14px;outline:none}
  .mini-search input::placeholder{color:var(--muted)}
  .mini-header .icon-button{flex:0 0 40px;width:40px;min-height:40px;height:40px}
}
@media(max-width:760px) and (prefers-reduced-motion:reduce){.mini-header{transition:none}}