:root{--bg:#F4F3EF;--card:#fff;--ink:#15151A;--muted:#5B5B66;--line:#E4E2DC;--red:#D62D2D;--red-d:#9E1B1B;--red-t:#FBE9E9;--blue:#1F4E9E;--blue-t:#E8EEF9;--r:18px}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 Inter,system-ui,-apple-system,Segoe UI,sans-serif}
a{color:#C62626;text-decoration:none}a:hover{color:var(--red-d);text-decoration:underline}
img{max-width:100%}
h1,h2,h3{font-family:Archivo,Inter,sans-serif;line-height:1.15;margin:0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.skip{position:absolute;left:8px;top:-60px;background:#fff;padding:10px;border-radius:8px;z-index:99}.skip:focus{top:8px}
:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.wrap{max-width:1240px;margin:0 auto;padding:0 20px}
.ic{flex:0 0 auto}

/* header */
.top{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}
.top-in{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding-top:10px;padding-bottom:10px}
.brand{display:flex;align-items:center;gap:10px;color:var(--ink)}.brand:hover{text-decoration:none;color:var(--ink)}
.brand span{font-family:Archivo,sans-serif;font-weight:900;font-size:22px;letter-spacing:.5px}
.search{flex:1 1 160px;min-width:0}
.search input{width:100%;height:44px;border-radius:22px;border:1px solid var(--line);background:var(--bg);padding:0 18px;font:inherit;font-size:15px}
.mainnav{display:flex;flex-wrap:wrap;gap:2px}
.mainnav a{padding:10px 13px;border-radius:10px;color:var(--ink);font-weight:500;font-size:15px}
.mainnav a:hover{background:var(--bg);text-decoration:none}
.mainnav a.on{background:var(--red-t);color:var(--red-d);font-weight:600}
.top-right{display:flex;align-items:center;gap:8px;margin-left:auto}
.signin{padding:10px 12px;font-weight:600;color:var(--ink)}
.iconbtn{position:relative;display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;border-radius:22px;color:var(--ink)}
.iconbtn:hover{background:var(--bg)}
.dot{background:var(--red);color:#fff;font-size:11px;font-weight:700;border-radius:10px;padding:1px 6px;position:absolute;top:2px;right:0}
.threads .dot{position:static}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:0 18px;border-radius:12px;font:inherit;font-weight:700;font-size:15px;border:0;cursor:pointer;text-decoration:none}
.btn:hover{text-decoration:none}
.btn-red{background:var(--red);color:#fff}.btn-red:hover{background:var(--red-d);color:#fff}
.btn-white{background:#fff;color:var(--red-d)}.btn-white:hover{color:var(--red-d);background:#fff3f3}
.btn-ghost{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn-ghost:hover{color:var(--ink);background:var(--bg)}
.btn.big{min-height:52px;font-size:17px;width:100%}

/* layout */
.cols{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start;padding-top:24px;padding-bottom:56px}
.left{flex:1 1 210px;max-width:240px;min-width:0;position:sticky;top:84px}
.left nav{display:flex;flex-direction:column;gap:2px}
.left a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;color:var(--ink);font-weight:500}
.left a .ic{color:var(--muted)}
.left a:hover{background:#fff;text-decoration:none}
.left a.on{background:#fff;font-weight:600}.left a.on .ic{color:var(--red)}
.side-h{margin:18px 12px 6px;font-size:12px;font-weight:700;letter-spacing:1px;color:var(--muted)}
.feed{flex:999 1 560px;min-width:0;max-width:680px;display:flex;flex-direction:column;gap:18px}
.right{flex:1 1 260px;max-width:320px;min-width:0;display:flex;flex-direction:column;gap:18px}
.narrow{max-width:760px;margin:0 auto;padding-top:28px;padding-bottom:56px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r)}
.right .card{padding:18px}
.right h2{font-size:18px;margin-bottom:8px}
.list{display:flex;flex-direction:column}
.list a{display:flex;justify-content:space-between;gap:8px;padding:10px 0;border-bottom:1px solid #F0EEE8;color:var(--ink);font-weight:500}
.list a span{color:var(--muted);font-size:14px}
.list a.ext{color:#C62626;font-weight:600;border:0}
.list.stories a{font-weight:600;line-height:1.35}
.sell{background:var(--red)!important;border:0!important;color:#fff}
.sell h2{font-size:24px;font-weight:900}
.sell ol{margin:8px 0 14px;padding-left:20px;line-height:1.7}
.sell p{margin:10px 0 0;font-size:13px;color:#FFE3E3}
.adv p{margin:0 0 12px;color:var(--muted);font-size:15px}
.foot{margin:0 6px;font-size:13px;color:var(--muted)}.foot a{color:var(--muted)}
.flash{margin:16px 0 0;padding:12px 16px;border-radius:12px;background:#E9F6EC;color:#1D5B2C;font-weight:600}
.err{padding:12px 14px;border-radius:12px;background:var(--red-t);color:var(--red-d);font-weight:600;margin:0}
.note{margin:0;color:var(--muted)}
.page-h{font-size:28px;margin:4px 0}

/* stories bar */
.stories-bar{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}
.story{flex:0 0 118px;height:196px;border-radius:16px;overflow:hidden;position:relative;color:#fff;background:#222}
.story img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.story:hover img{transform:scale(1.05)}.story:hover{text-decoration:none}
.story::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.8))}
.story .ring{position:absolute;top:10px;left:10px;width:36px;height:36px;border-radius:18px;border:3px solid var(--red);background:var(--ink);font:900 12px/30px Archivo,sans-serif;text-align:center;z-index:1}
.story .lbl{position:absolute;left:10px;right:10px;bottom:10px;font-weight:700;font-size:13px;line-height:1.25;z-index:1}
.story.add{background:#fff;border:2px dashed var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--ink);font-weight:600;font-size:14px;text-align:center;padding:8px}
.story.add::after{display:none}
.story .plus{width:44px;height:44px;border-radius:22px;background:var(--red);color:#fff;font-size:26px;line-height:44px}

/* composer + tabs */
.composer{padding:16px;display:flex;flex-direction:column;gap:14px}
.composer .row{display:flex;gap:12px;align-items:center}
.fake-input{flex:1;min-width:0;height:46px;border-radius:23px;background:var(--bg);padding:0 18px;display:flex;align-items:center;color:var(--muted)}
.fake-input:hover{text-decoration:none;color:var(--ink)}
.pills,.tabs{display:flex;flex-wrap:wrap;gap:8px}
.pill{min-height:40px;padding:0 14px;border-radius:20px;border:1px solid var(--line);display:inline-flex;align-items:center;font-weight:600;font-size:14px;color:var(--ink)}
.pill.red{color:var(--red-d)}.pill:hover{background:var(--bg);text-decoration:none}
.tabs a{padding:9px 16px;border-radius:20px;background:#fff;color:var(--ink);font-weight:600;font-size:14px;border:1px solid var(--line)}
.tabs a:hover{text-decoration:none;border-color:#cfccc3}
.tabs a.on{background:var(--ink);color:#fff;border-color:var(--ink)}

/* avatar + tags */
.av{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#E4E2DC;color:var(--ink);font-weight:700;flex:0 0 auto;font-family:Archivo,sans-serif}
.av-dealer{background:var(--ink);color:#fff;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--red)}
.av-ghost{width:44px;height:44px}
.tag{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:700;vertical-align:1px;font-family:Inter,sans-serif}
.tag-dealer,.tag-sale{background:var(--red-t);color:var(--red-d)}
.tag-sold{background:var(--ink);color:#fff}
.tag-wanted{background:var(--blue-t);color:var(--blue)}
.tag-story{background:#F1ECFA;color:#53308F}
.tag-question{background:#EAF5EE;color:#1D5B2C}

/* posts */
.post{overflow:hidden}
.post-head{display:flex;align-items:center;gap:12px;padding:14px 16px}
.grow{flex:1;min-width:0}
.who{margin:0;font-weight:700;font-size:15px}.who a{color:var(--ink)}
.meta{margin:2px 0 0;font-size:13px;color:var(--muted);font-weight:400}
.hero{display:block;background:#eee}
.hero img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.post-story .hero img{aspect-ratio:16/9}
.gallery{display:flex;gap:6px;overflow-x:auto;scroll-snap-type:x mandatory;background:#111}
.gallery img{flex:0 0 100%;aspect-ratio:4/3;object-fit:cover;scroll-snap-align:start}
.post-body{padding:14px 16px 6px;display:flex;flex-direction:column;gap:10px}
.title-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 12px}
.title-row h2{font-size:21px;font-weight:800}
.title-row h2 a{color:var(--ink)}
.price{font:900 24px Archivo,sans-serif;color:#C62626;white-space:nowrap}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{padding:5px 10px;border-radius:8px;background:var(--bg);font-size:13px;font-weight:600}
.text{margin:0;font-size:15px;line-height:1.6;overflow-wrap:anywhere}
.call{margin:0;display:flex;align-items:center;gap:8px;font-weight:700;font-size:18px}
.post-actions{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:8px 12px 12px;border-top:1px solid var(--line);margin-top:8px}
.post-actions form{margin:0}
.act{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border:0;border-radius:10px;background:transparent;font:inherit;font-weight:600;color:var(--muted);cursor:pointer}
.act:hover{background:var(--bg);color:var(--ink);text-decoration:none}
.act.on{color:var(--red)}.act.on .ic{fill:var(--red)}
.act-main{margin-left:auto}
.post-story{background:var(--ink);border-color:var(--ink);color:#fff}
.post-story .who a,.post-story .title-row h2 a{color:#fff}
.post-story .meta,.post-story .text{color:#D9D9DE}
.post-story .text a{color:#F28B8B}
.post-story .act{color:#C9C9D0}.post-story .act:hover{background:#26262d;color:#fff}
.post-story .post-actions{border-color:#2c2c34}
.more{align-self:center}
.empty{padding:28px;text-align:center}.empty h1,.empty h2{margin-bottom:6px}
.owner{padding:14px 16px;display:flex;flex-wrap:wrap;align-items:center;gap:10px}.owner form{margin:0}

/* comments + chat */
.comments{padding:18px;display:flex;flex-direction:column;gap:14px}
.comments h2{font-size:18px}
.cmt{display:flex;gap:10px}.cmt p{margin:0}
.cmt-form{display:flex;gap:10px;align-items:flex-end}
.cmt-form textarea{flex:1;min-width:0;border-radius:14px;border:1px solid var(--line);padding:10px 14px;font:inherit;resize:vertical}
.chat{padding:0;overflow:hidden}
.chat-h{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line)}.chat-h h1{font-size:20px}
.bubbles{padding:16px;display:flex;flex-direction:column;gap:8px;min-height:240px;background:#FAFAF8}
.bubble{max-width:78%;padding:10px 14px;border-radius:16px;background:#fff;border:1px solid var(--line)}
.bubble p{margin:0}.bubble.me{align-self:flex-end;background:var(--red);border-color:var(--red);color:#fff}.bubble.me .meta{color:#FFE3E3}
.chat .cmt-form{padding:12px;border-top:1px solid var(--line)}
.about-post{margin:0 0 6px;font-size:14px;color:var(--muted)}
.back{display:inline-block;margin-bottom:10px;font-weight:600}
.threads{overflow:hidden}
.thread{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);color:var(--ink)}
.thread:hover{background:var(--bg);text-decoration:none}.thread .meta{display:block}
.thread.unread strong{color:var(--red-d)}

/* forms */
.form{padding:24px;display:flex;flex-direction:column;gap:14px}
.form h1{font-size:28px}.form h2{font-size:24px}
.form label{display:flex;flex-direction:column;gap:6px;font-weight:600;font-size:14px}
.form input:not([type=checkbox]):not([type=radio]),.form select,.form textarea{min-height:46px;border-radius:12px;border:1px solid #D6D3CB;padding:10px 14px;font:inherit;font-size:16px;font-weight:400;background:#fff;width:100%}
.form textarea{resize:vertical}
.form fieldset{border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:10px;margin:0}
.form legend{font-weight:700;padding:0 6px}
.form .check{flex-direction:row;align-items:center;gap:10px;font-weight:500}
.form .check input{width:20px;height:20px}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}
.kinds{flex-direction:row!important;flex-wrap:wrap;gap:8px!important}
.kind{flex-direction:row!important;align-items:center}
.kind input{position:absolute;opacity:0}
.kind span{padding:10px 16px;border-radius:20px;border:1px solid var(--line);font-weight:600;cursor:pointer}
.kind input:checked+span{background:var(--ink);color:#fff;border-color:var(--ink)}
.kind input:focus-visible+span{outline:3px solid var(--blue)}
[hidden]{display:none!important}
.swap{margin:0;text-align:center}
.center{text-align:center;margin-top:14px}
.auth{display:flex;flex-wrap:wrap;gap:32px;align-items:center;padding-top:40px;padding-bottom:64px}
.auth-art{flex:1 1 320px;min-width:0}
.auth-art h1{font-size:44px;font-weight:900;margin-bottom:14px}
.auth-art p{font-size:18px;color:var(--muted);max-width:460px}
.auth .form{flex:1 1 360px;max-width:460px}

/* profile, advertise, admin */
.profile{padding:22px;display:flex;flex-wrap:wrap;align-items:center;gap:18px}
.profile>div{flex:1;min-width:200px}.profile h1{font-size:28px}.profile p{margin:6px 0 0}
.adv-hero{padding:48px 0 24px;max-width:760px}
.adv-hero h1{font-size:44px;font-weight:900}.adv-hero p{font-size:18px;color:var(--muted)}
.packages{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-bottom:28px}
.pkg{padding:22px}.pkg h2{font-size:22px}.pkg p{color:var(--muted)}.pkg .price{font-size:22px}
form.narrow{max-width:760px;margin:0 0 56px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:18px}
.stat{padding:16px;font-weight:600;color:var(--muted)}.stat span{display:block;font:900 32px Archivo,sans-serif;color:var(--ink)}
.narrow>.card+.card,.narrow section.card{margin-top:14px}
section.card{padding:18px}
.enq{padding:12px 0;border-bottom:1px solid var(--line)}.enq p{margin:6px 0}
.prose{padding:28px}.prose h1{font-size:32px;margin-bottom:14px}.prose p{font-size:17px;line-height:1.7}
.site-foot{border-top:1px solid var(--line);background:#fff;padding:24px 0;color:var(--muted);font-size:14px}
.site-foot .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}
.site-foot p{margin:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.site-foot a{color:var(--muted)}

@media (max-width:900px){
  .left{position:static;max-width:100%;flex-basis:100%}
  .left nav{max-width:100%}
  .cols>*{max-width:100%}
  .left nav{flex-direction:row;overflow-x:auto;gap:6px}
  .left a{white-space:nowrap;background:#fff;border:1px solid var(--line)}
  .side-h{display:none}
  .right{max-width:none}
  .mainnav{order:5;width:100%;max-width:100%;overflow-x:auto;flex-wrap:nowrap}
  .mainnav a{white-space:nowrap}
  .auth-art h1,.adv-hero h1{font-size:32px}
}
@media (max-width:520px){
  .brand span{font-size:18px}
  .top-right .btn{padding:0 12px}
  .search{order:6;flex-basis:100%}
  .act-main{margin-left:0;flex:1 1 100%}
}

/* home hero + category tiles */
.hero-band{position:relative;overflow:hidden;background:#121216;color:#fff;border-radius:22px;padding:28px;display:flex;flex-wrap:wrap;gap:24px;align-items:center}
.hero-band::before{content:"";position:absolute;inset:0;background:radial-gradient(520px 320px at 85% 40%,rgba(214,45,45,.38),transparent 70%);pointer-events:none}
.streaks{position:absolute;inset:0;pointer-events:none}
.streaks i{position:absolute;height:3px;border-radius:2px;background:rgba(255,255,255,.09);animation:streak 3.2s linear infinite}
.streaks i:nth-child(odd){background:rgba(214,45,45,.55)}
.streaks i:nth-child(1){top:14%;width:160px;animation-delay:-.4s}.streaks i:nth-child(2){top:30%;width:240px;animation-delay:-1.6s;animation-duration:4s}
.streaks i:nth-child(3){top:52%;width:120px;animation-delay:-2.2s}.streaks i:nth-child(4){top:68%;width:280px;animation-delay:-.9s;animation-duration:4.6s}
.streaks i:nth-child(5){top:84%;width:180px;animation-delay:-2.8s}.streaks i:nth-child(6){top:92%;width:90px;animation-delay:-1.2s;animation-duration:2.6s}
@keyframes streak{from{left:110%}to{left:-40%}}
@media (prefers-reduced-motion:reduce){.streaks i{animation:none;left:60%}}
.hero-copy{position:relative;flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:12px}
.eyebrow{margin:0;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:1.5px;color:#F28B8B}
.hero-copy h1{font-size:40px;font-weight:900;text-wrap:balance}.hero-copy h1 span{color:#F28B8B}
.hero-copy>p{margin:0;color:#D0D0D8;max-width:46ch}
.hero-cta{display:flex;flex-wrap:wrap;gap:10px}
.btn-outline{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.6)}.btn-outline:hover{color:#fff;border-color:#fff}
.hero-stats{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14px;color:#B9B9C2}
.hero-stats strong{display:block;font:900 26px Archivo,sans-serif;color:#fff}
.hero-pic{position:relative;flex:1 1 220px;max-width:280px;transform:rotate(3deg)}
.hero-pic img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:18px;border:6px solid #fff;box-shadow:0 20px 50px rgba(0,0,0,.5);display:block}
.hero-badge{position:absolute;left:-10px;bottom:18px;background:var(--red);color:#fff;font-weight:700;font-size:13px;padding:8px 12px;border-radius:12px;display:flex;align-items:center;gap:6px;box-shadow:0 8px 20px rgba(0,0,0,.35)}
.hero-badge .ic{fill:#fff}
.cat-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px}
.cat-tiles a{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;background:#fff;border:1px solid var(--line);border-radius:16px;color:var(--ink);font-weight:600;font-size:14px;text-align:center}
.cat-tiles a:hover{text-decoration:none;border-color:var(--red);transform:translateY(-2px)}
.cat-tiles .ti{width:48px;height:48px;border-radius:14px;background:var(--red-t);color:var(--red);display:flex;align-items:center;justify-content:center}
@media (max-width:520px){.hero-band{padding:22px}.hero-copy h1{font-size:30px}.hero-pic{max-width:200px;margin:0 auto}}

/* car talk, moderation, ebay */
.chip-topic{background:#EAF5EE;color:#1D5B2C}.chip-topic:hover{text-decoration:none;color:#123a1c}
.talk-head{display:flex;flex-direction:column;gap:12px}.talk-head h1{font-size:28px}.talk-head p{margin:0;color:var(--muted)}
.talk-head .btn{align-self:flex-start}
.pill.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.report{position:relative}
.report summary{list-style:none;cursor:pointer;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:var(--muted)}
.report summary::-webkit-details-marker{display:none}
.report summary:hover{background:var(--bg);color:var(--ink)}
.report[open] form{position:absolute;right:0;bottom:48px;z-index:5;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px;display:flex;gap:8px;width:min(320px,80vw);box-shadow:0 10px 30px rgba(0,0,0,.12)}
.report form input{flex:1;min-width:0;border:1px solid var(--line);border-radius:10px;padding:8px 10px;font:inherit}
.post-story .report summary{color:#C9C9D0}
.rep-c{margin:2px 0 0}
.linkbtn{background:none;border:0;padding:4px 0;font:inherit;font-size:13px;color:var(--muted);cursor:pointer;min-height:32px}.linkbtn:hover{color:var(--red-d);text-decoration:underline}
.rules-note{margin:0;font-size:13px;color:var(--muted)}
.ebay p{margin:0 0 6px;color:var(--muted);font-size:14px}
.ebay-strip{padding:16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.mod-acts{display:flex;flex-wrap:wrap;gap:8px}.mod-acts form{margin:0}
.prose ul{padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:17px;line-height:1.6}

/* free + status */
.free-strip{background:var(--ink);color:#fff;font-size:14px}
.free-strip .wrap{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 20px;padding-top:9px;padding-bottom:9px}
.free-strip strong{background:var(--red);padding:3px 10px;border-radius:8px;font:900 14px Archivo,sans-serif;letter-spacing:1px}
.free-strip span{color:#E6E6EB}
.free-badge{display:inline-block;margin:0 0 6px;background:#fff;color:var(--red-d);font:900 14px Archivo,sans-serif;letter-spacing:2px;padding:4px 10px;border-radius:8px}
.composer textarea{flex:1;min-width:0;border-radius:18px;border:0;background:var(--bg);padding:12px 18px;font:inherit;font-size:16px;resize:vertical}
.comp-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}
.addpic{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--line);font-weight:600;font-size:14px;cursor:pointer;color:var(--ink)}
.addpic input{position:absolute;opacity:0;width:1px;height:1px}
.addpic:focus-within{outline:3px solid var(--blue)}
.status-text{margin:0;font-size:18px;line-height:1.55;overflow-wrap:anywhere}
.tag-update{background:#FFF1D6;color:#7A4B00}
.sell .free-badge{color:var(--red-d);margin:0 0 6px;font-size:14px}

/* sharing */
.share{position:relative}
.share summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border-radius:10px;font-weight:600;color:var(--muted)}
.share summary::-webkit-details-marker{display:none}.share summary:hover{background:var(--bg);color:var(--ink)}
.post-story .share summary{color:#C9C9D0}
.share-menu{position:absolute;left:0;bottom:48px;z-index:6;background:#fff;border:1px solid var(--line);border-radius:14px;padding:6px;display:flex;flex-direction:column;min-width:170px;box-shadow:0 10px 30px rgba(0,0,0,.14)}
.share-menu a,.share-menu button{display:block;text-align:left;padding:10px 12px;border-radius:10px;color:var(--ink);font:600 15px Inter,sans-serif;background:none;border:0;cursor:pointer}
.share-menu a:hover,.share-menu button:hover{background:var(--bg);text-decoration:none}
.share-big{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 18px}
.share-big a,.share-big button{min-height:48px;padding:0 20px;border-radius:12px;display:inline-flex;align-items:center;font:700 15px Inter,sans-serif;color:#fff;background:var(--ink);border:0;cursor:pointer}

.share-page h2{font-size:22px;margin:22px 0 8px}
.invite{background:var(--bg);border-radius:12px;padding:14px;font-size:16px}
.codebox{width:100%;margin:10px 0;border:1px solid var(--line);border-radius:12px;padding:12px;font:13px ui-monospace,Consolas,monospace;resize:vertical}
.w-preview{border:0;border-radius:20px;display:block;margin:10px 0;max-width:100%}

/* embeddable widget */
.wbody{margin:0;background:transparent;font-family:Inter,sans-serif}
.widget{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100%;max-width:320px;height:380px;box-sizing:border-box;padding:22px;border-radius:20px;background:#121216;color:#fff;text-align:center;text-decoration:none}
.widget:hover{text-decoration:none;color:#fff}
.widget::before{content:"";position:absolute;inset:0;background:radial-gradient(220px 180px at 50% 30%,rgba(214,45,45,.45),transparent 70%)}
.w-streaks i{position:absolute;height:3px;border-radius:2px;background:rgba(214,45,45,.6);animation:streak 2.6s linear infinite}
.w-streaks i:nth-child(1){top:12%;width:90px}.w-streaks i:nth-child(2){top:38%;width:140px;animation-delay:-1s;background:rgba(255,255,255,.12)}
.w-streaks i:nth-child(3){top:70%;width:70px;animation-delay:-1.7s}.w-streaks i:nth-child(4){top:88%;width:120px;animation-delay:-.5s;background:rgba(255,255,255,.12)}
.w-heart{position:relative;animation:beat 1.4s ease-in-out infinite}
@keyframes beat{0%,100%{transform:scale(1)}15%{transform:scale(1.15)}30%{transform:scale(1)}45%{transform:scale(1.1)}}
.w-brand{position:relative;font:900 30px Archivo,sans-serif;letter-spacing:2px}
.w-line{position:relative;color:#D0D0D8;font-size:15px}
.w-ticker{position:relative;height:24px;overflow:hidden;width:100%}
.w-ticker span{position:absolute;left:0;right:0;font-weight:700;color:#F28B8B;opacity:0;animation:tick 10s infinite}
.w-ticker span:nth-child(2){animation-delay:2s}.w-ticker span:nth-child(3){animation-delay:4s}.w-ticker span:nth-child(4){animation-delay:6s}.w-ticker span:nth-child(5){animation-delay:8s}
@keyframes tick{0%{opacity:0;transform:translateY(14px)}4%,18%{opacity:1;transform:none}22%,100%{opacity:0;transform:translateY(-14px)}}
.w-free{position:relative;background:#fff;color:#9E1B1B;font:900 13px Archivo,sans-serif;letter-spacing:2px;padding:4px 10px;border-radius:8px}
.w-btn{position:relative;margin-top:6px;background:#D62D2D;color:#fff;font:900 20px Archivo,sans-serif;padding:14px 34px;border-radius:14px;box-shadow:0 0 0 0 rgba(214,45,45,.7);animation:pulse 2s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 16px rgba(214,45,45,0)}100%{box-shadow:0 0 0 0 rgba(214,45,45,0)}}
@media (prefers-reduced-motion:reduce){.w-heart,.w-btn,.w-streaks i{animation:none}.w-ticker span{animation:none}.w-ticker span:first-child{opacity:1}}

/* areas, sponsored */
.area-pick{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.area-pick label{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--muted)}
.area-pick select{min-height:44px;border-radius:12px;border:1px solid var(--line);padding:0 12px;font:inherit;background:#fff}
.region-hero{min-height:0}
.tag-ad{background:#FFF1D6;color:#7A4B00}
.ad-card{border-color:#F2D9A6}
.ad-card h2{font-size:20px}.ad-card h2 a{color:var(--ink)}
.ad-card .btn{align-self:flex-start;margin-bottom:12px}
.adform{padding:16px 0 0}.adform h3{font-size:18px}

/* languages + seo pages */
.langmenu{position:relative}
.langmenu summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;min-height:44px;padding:0 10px;border-radius:10px;font-weight:600;font-size:14px;color:var(--ink)}
.langmenu summary::-webkit-details-marker{display:none}.langmenu summary:hover{background:var(--bg)}
.langlist{position:absolute;right:0;top:48px;z-index:30;background:#fff;border:1px solid var(--line);border-radius:14px;padding:6px;width:240px;max-height:60vh;overflow:auto;box-shadow:0 10px 30px rgba(0,0,0,.14);display:flex;flex-direction:column}
.langlist a{padding:9px 12px;border-radius:10px;color:var(--ink);font-weight:600}.langlist a:hover{background:var(--bg);text-decoration:none}
.langlist small,.lang small,.langcard span{color:var(--muted);font-weight:500}
.speaks{color:#1F4E9E;font-weight:600}
.welcome-langs{padding:18px;display:flex;flex-direction:column;gap:10px}
.welcome-langs p{margin:0}
.wl-words{display:flex;flex-wrap:wrap;gap:6px 14px;font:800 20px Archivo,Inter,sans-serif}
.wl-words span:nth-child(3n+1){color:var(--red)}
.welcome-langs .btn{align-self:flex-start}
.langgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}
.lang{flex-direction:row!important;align-items:center;gap:8px!important;font-weight:600!important;padding:6px 8px;border-radius:10px;border:1px solid var(--line)}
.lang input{width:18px;height:18px}
.langcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin:14px 0}
.langcard{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:14px;border:1px solid var(--line);color:var(--ink)}
.langcard:hover{border-color:var(--red);text-decoration:none}.langcard strong{font-size:20px}
.citylinks{display:flex;flex-wrap:wrap;gap:8px}
.citylinks a{padding:6px 12px;border-radius:16px;background:var(--bg);font-weight:600;font-size:14px}
.prose h2{font-size:22px;margin:20px 0 6px}.prose h2 a{color:var(--ink)}
.foot-cities{display:flex!important;flex-wrap:wrap;gap:6px 16px;margin-top:14px;font-size:13px}
.foot-cities a{color:var(--muted)}
@media (max-width:520px){.langmenu summary span{display:none}}

/* v11: social, hashtags, alerts, promote, notifications */
.htag{font-weight:600;color:var(--blue)}.htag:hover{color:var(--red-d)}
.tagcloud{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0}.tagcloud .htag{background:var(--blue-t);padding:5px 10px;border-radius:14px;font-size:14px}
.socials{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.soc{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--line);border-radius:16px;color:var(--ink);font-weight:600;font-size:14px;background:#fff}
.soc:hover{background:var(--bg);text-decoration:none;color:var(--ink)}
.soc-instagram .ic{color:#C13584}.soc-tiktok .ic{color:#111}.soc-facebook .ic{color:#1877F2}.soc-youtube .ic{color:#E00}.soc-xhandle .ic{color:#111}.soc-website .ic{color:var(--blue)}
.author-box{display:flex;align-items:center;gap:14px;padding:16px;margin-bottom:14px}.author-box .who{margin:0;font-weight:700}.author-box .meta{margin:2px 0 0}
.grow{flex:1 1 auto;min-width:0}
.prof-acts{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;position:relative}
.prof-acts details.share summary{list-style:none}.prof-acts details.share summary::-webkit-details-marker{display:none}
.prof-acts .share-menu{top:50px;bottom:auto;right:0;left:auto}
.profile{flex-wrap:wrap}
.safety-note{display:flex;gap:10px;align-items:flex-start;padding:12px 16px;margin:0 0 14px;background:#EEF6EE;border:1px solid #CFE6CF;color:#1F4D25;font-size:14px;border-radius:14px}
.safety-note .ic{color:#2E7D32;margin-top:1px}.safety-note.warn{background:#FFF4E5;border-color:#F5D19A;color:#6A4100}.safety-note.warn .ic{color:#B26A00}
.tipcard{display:flex;gap:10px;align-items:center;padding:14px 16px;margin-bottom:14px;background:var(--blue-t);border:1px solid #CAD7EF}
.alert-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;margin-bottom:14px;border:1px dashed var(--red)}
.alert-bar .ic{color:var(--red)}.alert-bar small{display:block;color:var(--muted)}
.alert-bar input{height:42px;border:1px solid var(--line);border-radius:10px;padding:0 12px;font:inherit;width:150px}
.promote{padding:20px;margin-bottom:14px;border:2px solid var(--red)}.promote h2{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.promote-grid{display:grid;grid-template-columns:270px 1fr;gap:16px;margin:12px 0}
.promote-grid img{width:100%;border-radius:12px;aspect-ratio:1;object-fit:cover;background:var(--ink)}
.codebox{width:100%;font:14px/1.45 Inter,sans-serif;border:1px solid var(--line);border-radius:10px;padding:10px;background:var(--bg)}
.share-big{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.share-big a,.share-big button{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--ink);font:600 14px Inter,sans-serif;cursor:pointer}
.share-big .btn-red{background:var(--red);color:#fff;border-color:var(--red)}
.share-big a:hover,.share-big button:hover{text-decoration:none;background:var(--bg);color:var(--ink)}.share-big .btn-red:hover{background:var(--red-d)}
.nshare{font-weight:700!important;color:var(--red-d)!important}
.notes{padding:6px}
.note{display:flex;gap:12px;align-items:flex-start;padding:12px;border-radius:12px;color:var(--ink)}.note:hover{background:var(--bg);text-decoration:none;color:var(--ink)}
.note.unread{background:var(--red-t)}.note small{display:block;color:var(--muted)}.note .meta{display:block;font-size:13px;color:var(--muted)}
.note em{font-style:normal;font-weight:600}
.linkbtn{background:none;border:0;color:var(--red-d);font:600 14px Inter,sans-serif;cursor:pointer;padding:4px 0}
.ref-box{background:var(--bg);border-radius:14px;padding:16px;margin:14px 0}
.ref-link{font:700 18px Archivo,sans-serif;word-break:break-all;margin:4px 0 12px}.ref-count{margin:12px 0 0}
.leader{padding-left:22px}.leader li{padding:6px 0;border-bottom:1px solid var(--line)}.leader span{float:right;font-weight:700}
.spark{display:flex;align-items:flex-end;gap:3px;height:90px;margin:12px 0}.spark span{flex:1;background:var(--red);border-radius:3px 3px 0 0;min-height:3px}
.ad-slot{margin:0 0 14px;min-height:100px}.ad-lbl{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 4px}
.house-ad{border:1px dashed var(--line)}
.ll-h{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:6px 12px 4px}
.langlist a.on{background:var(--red-t);color:var(--red-d)}.langlist .gt{font-size:11px}
[dir=rtl] .langlist{right:auto;left:0}[dir=rtl] .share-menu{left:auto;right:0}[dir=rtl] .share-menu a,[dir=rtl] .share-menu button{text-align:right}
[dir=rtl] .top-right{margin-left:0;margin-right:auto}
@media (max-width:640px){.promote-grid{grid-template-columns:1fr}.promote-grid img{max-width:300px}.alert-bar input{width:100%}}

/* v12 design: marketplace grid, photo pills, gallery, hero stack, ticker, covers, phone tab bar */
.hero{position:relative}
.pill-price{position:absolute;left:12px;bottom:12px;background:#fff;color:var(--ink);font:900 20px Archivo,sans-serif;padding:6px 12px;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.25)}
.pill-new,.pill-lhd{position:absolute;left:12px;top:12px;background:var(--red);color:#fff;font:800 11px Inter,sans-serif;letter-spacing:.08em;padding:5px 9px;border-radius:8px}
.pill-lhd{background:var(--blue)}
.pill-count{position:absolute;right:12px;bottom:12px;display:inline-flex;align-items:center;gap:5px;background:rgba(0,0,0,.62);color:#fff;font-weight:700;font-size:13px;padding:5px 9px;border-radius:10px;backdrop-filter:blur(4px)}
.post-sale .hero img{transition:transform .5s}.post-sale .hero{overflow:hidden}.post-sale .hero:hover img{transform:scale(1.03)}
.viewbar{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--muted)}.viewbar span{margin-right:auto}
.viewbar a{padding:7px 14px;border-radius:10px;border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:600;font-size:14px}.viewbar a.on{background:var(--ink);color:#fff;border-color:var(--ink)}.viewbar a:hover{text-decoration:none}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}
.tile{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.tile:hover{box-shadow:0 14px 34px rgba(20,20,26,.12);transform:translateY(-3px)}
.tile-pic{position:relative;display:block;background:#1b1b20;aspect-ratio:4/3;overflow:hidden}
.tile-pic img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}.tile:hover .tile-pic img{transform:scale(1.05)}
.tile-pic .pill-price{font-size:17px;left:10px;bottom:10px;padding:5px 10px}.tile-pic .pill-count{right:10px;bottom:10px;font-size:12px}
.nopic{display:flex;align-items:center;justify-content:center;height:100%;color:#55555f}
.tile.is-sold .tile-pic img{filter:grayscale(1) brightness(.75)}.tile.is-sold .pill-price{background:var(--ink);color:#fff}
.tile-body{padding:12px 14px 12px;display:flex;flex-direction:column;gap:6px;flex:1}
.tile-body h3{font-size:16px;line-height:1.25}.tile-body h3 a{color:var(--ink)}
.specs{margin:0;color:var(--muted);font-size:13px;font-weight:500}
.tile-foot{margin:auto 0 0;padding-top:8px;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}
.tile-foot small{display:block;color:var(--muted);font-weight:500}.tile-foot form{margin:0}
.tile-save{width:38px;height:38px;border-radius:19px;border:1px solid var(--line);background:#fff;color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer}
.tile-save:hover{color:var(--red)}.tile-save.on{color:var(--red)}.tile-save.on .ic{fill:var(--red)}
.gal{background:#111}
.gal-main{position:relative}.gal-main img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}
.gal-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border-radius:23px;border:0;background:rgba(255,255,255,.9);font:700 28px/1 Inter,sans-serif;cursor:pointer;color:var(--ink);box-shadow:0 4px 14px rgba(0,0,0,.3)}
.gal-nav.prev{left:12px}.gal-nav.next{right:12px}.gal-nav:hover{background:#fff}
.gal-thumbs{display:flex;gap:6px;padding:8px;overflow-x:auto;scrollbar-width:thin}
.gal-t{flex:0 0 86px;height:64px;padding:0;border:2px solid transparent;border-radius:8px;overflow:hidden;cursor:pointer;background:#222;opacity:.6}
.gal-t img{width:100%;height:100%;object-fit:cover;display:block}.gal-t.on{border-color:var(--red);opacity:1}.gal-t:hover{opacity:1}
.hero-stack{position:relative;flex:1 1 240px;max-width:300px;height:300px;margin:0 auto}
.hs{position:absolute;width:190px;border-radius:16px;overflow:hidden;border:5px solid #fff;box-shadow:0 18px 44px rgba(0,0,0,.5);transition:transform .35s}
.hs img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.hs span{position:absolute;left:8px;bottom:8px;background:#fff;color:var(--ink);font:900 15px Archivo,sans-serif;padding:3px 8px;border-radius:8px}
.hs0{left:0;top:30px;transform:rotate(-9deg)}.hs1{right:0;top:10px;transform:rotate(8deg)}.hs2{left:50%;top:0;margin-left:-95px;transform:rotate(-1deg);z-index:2}
.hero-stack:hover .hs0{transform:rotate(-13deg) translateX(-14px)}.hero-stack:hover .hs1{transform:rotate(12deg) translateX(14px)}
.hero-stack .hero-badge{z-index:3;left:6px;bottom:40px}
.ticker{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px 12px;overflow:hidden}
.tk-live{flex:0 0 auto;display:flex;align-items:center;gap:6px;font:800 12px Inter,sans-serif;letter-spacing:.1em;color:var(--red)}
.tk-live i{width:9px;height:9px;border-radius:5px;background:var(--red);animation:pulse 1.4s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(214,45,45,.6)}100%{box-shadow:0 0 0 10px rgba(214,45,45,0)}}
.tk-track{overflow:hidden;flex:1;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.tk-run{display:flex;gap:28px;width:max-content;animation:tick 60s linear infinite}.ticker:hover .tk-run{animation-play-state:paused}
.tk-run a{white-space:nowrap;color:var(--ink);font-size:14px;font-weight:500}.tk-run b{color:var(--red-d);font-family:Archivo,sans-serif}.tk-run small{color:var(--muted)}
@keyframes tick{to{transform:translateX(-50%)}}
.profile{position:relative;overflow:hidden;padding-top:0}
.cover{position:relative;flex:1 1 100%;height:140px;margin:0 -22px;background:linear-gradient(120deg,#141418 0%,#2a1215 55%,#D62D2D 140%);overflow:hidden}
.cover-dealer{background:linear-gradient(120deg,#141418 0%,#14203a 60%,#1F4E9E 140%)}
.profile>.av{margin-top:-58px;border:5px solid #fff;box-shadow:0 8px 20px rgba(0,0,0,.18);position:relative}
.tabbar{display:none}
@media (max-width:760px){
  .tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:6px 6px calc(6px + env(safe-area-inset-bottom));justify-content:space-around;align-items:center}
  .tabbar a{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:60px;padding:4px 2px;color:var(--muted);font-size:11px;font-weight:600}
  .tabbar a span{max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .tabbar a.on{color:var(--red)}.tabbar a:hover{text-decoration:none}
  .tabbar .dot{position:absolute;top:0;right:12px;font-style:normal}
  .tabbar .tb-sell{min-width:0;width:56px;height:56px;border-radius:28px;background:var(--red);color:#fff;justify-content:center;margin-top:-26px;box-shadow:0 10px 24px rgba(214,45,45,.45);border:4px solid #fff}
  body{padding-bottom:84px}
  .tiles{grid-template-columns:1fr 1fr;gap:10px}
  .tile-body{padding:10px}.tile-body h3{font-size:14px}.tile-foot .av,.tile-foot small{display:none}
  .hero-stack{height:250px;max-width:280px}.hs{width:150px}.hs2{margin-left:-75px}
}
@media (prefers-reduced-motion:reduce){.tk-run{animation:none}.tk-live i{animation:none}}
[dir=rtl] .pill-price{left:auto;right:12px}[dir=rtl] .pill-count{right:auto;left:12px}
@media (max-width:760px){
  .mainnav,.top-right .btn-red,.left{display:none}
  .top-in{gap:8px 10px;padding-top:8px;padding-bottom:8px}
  .langmenu{margin-left:auto}.top-right{margin-left:0}
  .free-strip span:last-child{display:none}
  .cols{padding-top:14px}
}
.profile>.cover{flex:0 0 calc(100% + 44px);min-width:0;margin:0 -22px;max-width:none}.profile>.prof-acts{flex:1 1 100%}
.card.profile{padding-top:0}

/* v13: sell form, garage */
.sellform{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start;padding-top:24px;padding-bottom:56px}
.sell-main{padding:24px}
.sell-side{position:sticky;top:84px;display:flex;flex-direction:column;gap:14px}
.sell-side .tile{box-shadow:0 18px 40px rgba(20,20,26,.12)}
.sell-tips{padding:18px}.sell-tips h2{font-size:17px;display:flex;align-items:center;gap:8px}.sell-tips ul{margin:10px 0 0;padding-left:18px;color:var(--muted);font-size:14px}.sell-tips li{margin:6px 0}
.kindcards{border:0;padding:0;margin:0 0 6px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.kindcards legend{font-weight:700;margin-bottom:10px}
.kc input{position:absolute;opacity:0;pointer-events:none}
.kc span{display:flex;flex-direction:column;gap:3px;padding:14px;border:2px solid var(--line);border-radius:14px;cursor:pointer;height:100%;transition:border-color .15s,background .15s}
.kc span .ic{color:var(--muted);margin-bottom:4px}.kc b{font-size:15px}.kc small{color:var(--muted);font-size:12.5px;line-height:1.3}
.kc span:hover{border-color:#cfcdc6}
.kc input:checked+span{border-color:var(--red);background:var(--red-t)}.kc input:checked+span .ic{color:var(--red)}
.kc input:focus-visible+span{outline:3px solid var(--blue);outline-offset:2px}
.dropzone{position:relative;border:2px dashed #cfcdc6;border-radius:16px;background:var(--bg);padding:18px;transition:border-color .15s,background .15s}
.dropzone.over{border-color:var(--red);background:var(--red-t)}
.dropzone input{position:absolute;width:1px;height:1px;opacity:0}
.dropzone label{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;cursor:pointer;color:var(--ink);padding:10px}
.dropzone label .ic{color:var(--red)}.dropzone label small{color:var(--muted)}
.dropzone.has label{flex-direction:row;justify-content:center;padding:4px}.dropzone.has label small{display:none}
.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;margin-top:6px}
.th{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;background:#ddd}
.th img{width:100%;height:100%;object-fit:cover;display:block}
.th span{position:absolute;left:6px;bottom:6px;background:var(--red);color:#fff;font:700 11px Inter,sans-serif;padding:3px 7px;border-radius:6px}
.th button{position:absolute;top:5px;right:5px;width:26px;height:26px;border-radius:13px;border:0;background:rgba(0,0,0,.65);color:#fff;font-size:17px;line-height:1;cursor:pointer}
.garage{padding:18px}.sec-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.sec-h h2{font-size:20px;display:flex;align-items:center;gap:8px}
.sec-h .ic{color:var(--red)}
.garage .tiles{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.page-h.small{font-size:20px;margin:6px 0 0}
.tag-garage{background:#FFF0E0;color:#8A4500}
@media (max-width:900px){.sellform{grid-template-columns:1fr}.sell-side{display:none}}
@media (max-width:520px){.kindcards{grid-template-columns:1fr 1fr}.sell-main{padding:16px}}
.form .kindcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;border:0;padding:0;margin:0 0 6px}
.form .kindcards legend{padding:0}
.form .kc{display:block;margin:0}
@media (max-width:520px){.form .kindcards{grid-template-columns:1fr 1fr}.kc span{padding:11px}.kc small{display:none}}
@media (max-width:760px){.top-right .iconbtn[href="?p=notifications"]{display:none}.top-in{flex-wrap:wrap}.brand{flex:1 1 auto}.langmenu{margin-left:0}}
/* v14 brand lockup */
.brand .wm{display:flex;flex-direction:column;line-height:1}
.brand .wm>span{font-family:Archivo,sans-serif;font-weight:900;font-size:22px;letter-spacing:.5px}
.brand .wm small{display:flex;align-items:center;gap:4px;margin-top:4px;color:var(--red);font:800 9.5px Inter,sans-serif;letter-spacing:.14em}
.brand .wm small .ic{stroke-width:2.6}.brand .wm small .ic+.ic{margin-left:0}
.brand .mark{flex:0 0 auto;filter:drop-shadow(0 2px 4px rgba(214,45,45,.25))}
@media (max-width:520px){.brand .wm>span{font-size:18px}.brand .wm small{font-size:8.5px;gap:3px}.brand .mark{width:36px;height:36px}}
.pill-classic{position:absolute;left:12px;top:12px;display:inline-flex;align-items:center;gap:4px;background:#C9A227;color:#141418;font:800 11px Inter,sans-serif;letter-spacing:.08em;padding:5px 9px;border-radius:8px}
.pill-classic .ic{fill:#141418;stroke:#141418}
.classic-hero{background:linear-gradient(120deg,#141418 0%,#1d1a12 60%,#3a2f0c 120%)}
.classic-hero::before{background:radial-gradient(520px 320px at 85% 40%,rgba(201,162,39,.35),transparent 70%)}
.classic-hero h1 span{color:#E6C65A}.classic-hero .eyebrow{color:#E6C65A;display:flex;align-items:center;gap:6px}
.hero-copy .fine{font-size:12.5px;color:#9E9EA8;margin:0}
.tile-pic .pill-classic{left:10px;top:10px}