:root{--ink:#0d1220;--ink2:#141b2e;--paper:#f5f1e8;--paper2:#ece6d7;--white:#fbf9f3;--gold:#c8a25f;--gold2:#e9d5a4;--line:#d9d0bd;--line2:#c4b99f;--wine:#7d2a35;--text:#20242f;--mut:#6f6b5e;--ok:#3d6b4f;--serif:"Fraunces",Georgia,serif;--sans:"Archivo",system-ui,sans-serif}
*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{background:#ffffff;color:var(--text);font:400 15px/1.6 var(--sans)}
::selection{background:var(--gold);color:var(--ink)}a{color:inherit;text-decoration:none}
button{font-family:var(--sans);cursor:pointer;background:none;border:none;color:inherit}
input,select,textarea{font-family:var(--sans);font-size:14px;color:var(--text)}
:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.wrap{max-width:1760px;margin:0 auto;padding:0 105px}
.eyebrow{font:600 10.5px/1 var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:10px}
.eyebrow::after{content:"";height:1px;width:34px;background:var(--gold);opacity:.5}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.12}em{font-style:italic;color:var(--gold)}
.fine{font-size:11.5px;color:var(--mut)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:600 11px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;padding:15px 26px;border:1px solid var(--ink);border-radius:2px;transition:.25s;background:transparent}
.btn.solid{background:var(--ink);color:var(--gold2)}.btn.solid:hover{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.btn.line:hover{background:var(--ink);color:var(--gold2)}.btn.light{border-color:var(--gold);color:var(--gold2)}.btn.light:hover{background:var(--gold);color:var(--ink)}
.btn.wide{width:100%}.btn[disabled]{opacity:.4;pointer-events:none}
.chip{font:600 10.5px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--line2);padding:8px 13px;border-radius:2px;transition:.2s;color:var(--mut);background:var(--white)}
.chip:hover{border-color:var(--gold);color:var(--ink)}.chip.on{background:var(--ink);border-color:var(--ink);color:var(--gold2)}
.badge{font:700 9.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;padding:6px 10px;border-radius:2px}
.badge.por{background:var(--wine);color:#f3e3c9}.badge.new{background:var(--gold);color:var(--ink)}
.reveal{opacity:0;transform:translateY(16px)}.reveal.in{opacity:1;transform:none;transition:.7s}
.topbar{background:var(--ink);color:#a99f85;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase}
.tb-in{display:flex;justify-content:space-between;align-items:center;height:36px;gap:16px}
.tb-r{display:flex;align-items:center;gap:20px}
.tb-r select{background:transparent;color:var(--gold2);border:1px solid #333c58;border-radius:2px;padding:2px 6px;font-size:10.5px}
.tb-r option{color:var(--ink)}.tb-link{color:#cfc4a5}.tb-link:hover{color:var(--gold2)}.tb-link b{color:var(--gold)}
.mainbar{position:sticky;top:0;z-index:60;background:#ffffff;border-bottom:1px solid var(--line)}
.mb-in{display:flex;align-items:center;gap:20px;padding:16px 0}
.wordmark{font-family:var(--serif);font-size:26px;letter-spacing:.4em;color:var(--ink);display:flex;flex-direction:column;line-height:1;flex:0 0 auto}
.wordmark span{font:600 7.5px/1 var(--sans);letter-spacing:.42em;text-transform:uppercase;color:var(--gold);margin-top:6px}
.cats{display:flex;gap:20px;flex:0 1 auto;flex-wrap:nowrap}
.cats a{font:600 10.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;padding:8px 0;border-bottom:1px solid transparent}
.cats a:hover,.cats a.active{color:var(--gold);border-bottom-color:var(--gold)}
.cats a.sell-btn{background:var(--gold);color:var(--ink);padding:8px 16px;border-radius:20px;border-bottom:none;margin-left:4px}
.cats a.sell-btn:hover{background:var(--wine);color:#f3e3c9;border-bottom:none}
.search{position:relative;display:flex;align-items:center;border:1px solid var(--line2);background:#ffffff;padding:0 12px;flex:0 1 405px;min-width:160px;max-width:405px;margin-left:150px}
.search input{border:none;background:none;padding:11px 10px;width:100%}
.suggest{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--white);border:1px solid var(--line);display:none;z-index:70}
.suggest.open{display:block}.sg{display:flex;gap:12px;width:100%;text-align:left;padding:11px 14px;font-size:13px;border-bottom:1px solid var(--paper2)}
.sg:hover,.sg.act{background:var(--paper2)}.sg i{font:600 9px/1.6 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-style:normal;flex:0 0 78px}
.burger{display:none;flex-direction:column;gap:5px}.burger span{width:22px;height:2px;background:var(--ink)}
.mnav{position:fixed;inset:0 0 0 auto;width:min(360px,90vw);background:var(--ink);z-index:100;transform:translateX(100%);transition:.35s;padding:26px;display:flex;flex-direction:column}
.mnav.open{transform:none}.mnav a,.mnav button{font:600 12px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:#d8cfb6;padding:14px 4px;border-bottom:1px solid #232c49;text-align:left}
.mnav a,.mnav button{display:block;width:100%;box-sizing:border-box;margin-bottom:10px;padding:15px 18px;background:rgba(255,255,255,.045);border:1px solid #2a3350;border-radius:8px;transition:.2s}
.mnav a:last-child,.mnav button:last-child{margin-bottom:0}
.mnav a:hover,.mnav a:active,.mnav button:hover,.mnav button:active{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.mnav a.sell-btn{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.mnav a.sell-btn:hover{background:var(--wine);border-color:var(--wine);color:#f3e3c9}
.mnav hr,.mnav .mnav-sep{border:none;border-top:1px solid #232c49;margin:6px 0 12px}
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;padding-top:60px;padding-bottom:52px;align-items:center}
.hero-kicker{font:600 10.5px/1.6 var(--sans);letter-spacing:.3em;text-transform:uppercase;color:var(--mut);margin-bottom:24px;display:flex;align-items:center;gap:12px}
.hero-kicker::before{content:"";width:44px;height:1px;background:var(--gold)}
.hero h1{font-size:clamp(42px,5.2vw,74px);color:var(--ink)}
.lede{font-family:var(--serif);font-weight:300;font-size:18px;color:#4c4a40;max-width:52ch;margin:22px 0 30px}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.hero-stats{display:flex;gap:44px;margin-top:40px;padding-top:24px;border-top:1px solid var(--line)}
.hstat b{font-family:var(--serif);font-size:28px;font-weight:600;display:block}.hstat span{font:600 9.5px/1.4 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--mut)}
.rot-frame{position:relative;aspect-ratio:10/7;background:#ffffff;border:1px solid var(--line);padding:12px}
.rot-stage{position:relative;height:100%;overflow:hidden}
.rot-slide{position:absolute;inset:0;opacity:0;transition:.8s;cursor:pointer}.rot-slide.on{opacity:1}
.rot-cap{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding:14px 4px 0}
.rot-cap h3{font-size:20px}.price{font-family:var(--serif);font-size:18px;color:var(--wine)}.price i{font-style:italic;font-size:15px}
.rot-ctrl{display:flex;align-items:center;gap:16px;margin-top:12px}
.rot-btn{width:42px;height:42px;border:1px solid var(--line2);display:grid;place-items:center;font-size:16px;border-radius:2px}
.rot-btn:hover{background:var(--ink);color:var(--gold2)}
.rot-idx{font:600 11px/1 var(--sans);letter-spacing:.3em;color:var(--mut)}.rot-prog{flex:1;height:1px;background:var(--line)}.rot-prog i{display:block;height:2px;background:var(--gold);width:0}
@keyframes rotprog{from{width:0}to{width:100%}}
.ticker{background:var(--ink);overflow:hidden}.ticker-track{display:flex;width:max-content;animation:tick 55s linear infinite;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:pan-y}.ticker-track:active{cursor:grabbing}.ticker-track img,.ticker-track a{-webkit-user-drag:none}
.ticker span{color:#c9bd9c;font:600 10px/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;padding:12px 0;white-space:nowrap}
.ticker span::after{content:"✦";color:var(--gold);margin:0 26px}@keyframes tick{to{transform:translateX(-50%)}}
.index{padding:64px 32px 16px}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px;gap:20px}
.sec-head h2{font-size:clamp(26px,3vw,38px)}
.sec-head a{font:600 10.5px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gold);border-bottom:1px solid var(--gold);padding-bottom:4px;white-space:nowrap}
.idx-row{display:grid;grid-template-columns:56px 1fr auto auto 40px;align-items:center;gap:20px;padding:18px 8px;border-top:1px solid var(--line);transition:.25s}
.idx-row:last-child{border-bottom:1px solid var(--line)}.idx-row:hover{background:var(--white);padding-left:18px}
.idx-row .n{font-family:var(--serif);font-style:italic;font-size:16px;color:var(--gold)}.idx-row .nm{font-family:var(--serif);font-size:23px}
.idx-row .ct{font:600 10px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--mut)}.idx-row .fr{font-family:var(--serif);color:var(--wine)}
.rail-sec{padding:52px 0}.rail{display:flex;align-items:stretch;gap:22px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:6px 32px 20px;scroll-snap-type:x mandatory}.rail::-webkit-scrollbar{display:none}
.rail>*{flex:0 0 320px;scroll-snap-align:start}
.lot{background:#ffffff;border:1px solid var(--line);border-radius:2px;display:flex;flex-direction:column;transition:.3s}
.lot:hover{transform:translateY(-5px);box-shadow:0 30px 50px -30px rgba(13,18,32,.45)}
.plate-wrap{position:relative}.plate{display:block;background:#ffffff;border:1px solid var(--line);padding:10px;overflow:hidden}
.plate .artbox{overflow:hidden;aspect-ratio:10/7}.plate svg,.plate .artbox img{width:100%;height:100%;object-fit:cover;display:block;transition:.8s}
.lot:hover .plate svg,.lot:hover .plate .artbox img{transform:scale(1.045)}
.lot-tag{position:absolute;left:18px;bottom:18px;background:var(--ink);color:var(--gold2);font:600 9px/1 var(--sans);letter-spacing:.3em;padding:7px 10px}
.heart{position:absolute;right:18px;top:18px;width:36px;height:36px;border-radius:50%;background:rgba(13,18,32,.55);color:var(--gold2);display:grid;place-items:center;font-size:15px}
.heart.on{background:var(--wine);color:#f3e3c9}
.lot-body{padding:16px 20px 20px;display:flex;flex-direction:column;gap:7px;flex:1}
.lot-title{font-size:19px}.lot-sub{font-size:12.5px;color:var(--mut)}
.lot-foot{display:flex;justify-content:space-between;align-items:baseline;margin-top:4px;gap:10px}
.lot-actions{display:flex;gap:8px;margin-top:10px;padding-top:12px;border-top:1px solid var(--paper2)}
.art .ln{stroke:#e9d5a4;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.art .soft{opacity:.55;stroke-width:2}.art .wv{stroke:#cbbd9a;stroke-width:2.5;opacity:.7;fill:none;stroke-linecap:round}
.art .gr{stroke:#e9d5a4;opacity:.2;stroke-width:2}.art .sh{fill:#05070d;opacity:.3}
.art .w5{stroke-width:5}.art .w7{stroke-width:7}.art .w22{stroke-width:22}
.art .artNo{fill:#e9d5a4;opacity:.5;font:600 11px var(--sans);letter-spacing:.35em}
.cat-hero{background:var(--ink);color:#d8cfb6;padding:42px 0}.cat-hero h1{font-size:clamp(30px,4vw,50px);color:var(--paper)}
.cat-hero.has-img{background-size:cover;background-position:center;position:relative;padding:70px 0}
.cat-hero.has-img::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,18,32,.55),rgba(13,18,32,.85));z-index:0}
.cat-hero.has-img .wrap{position:relative;z-index:1}
.cat-hero p{font-family:var(--serif);font-weight:300;color:#9d947c;max-width:60ch;margin-top:8px}
.crumb{font:600 10px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.search-layout{display:grid;grid-template-columns:270px 1fr;gap:44px;padding:42px 0 80px;align-items:start}
.filters{position:sticky;top:92px;display:flex;flex-direction:column;gap:24px}
.facet{border-top:1px solid var(--line);padding-top:16px}.facet h4{font:600 10.5px/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;margin-bottom:12px}
.facet .opts{display:flex;flex-direction:column;gap:8px;max-height:190px;overflow:auto}
.chk{display:flex;align-items:center;gap:10px;font-size:13px;color:#4c4a40;cursor:pointer}
.chk input{accent-color:var(--wine);width:14px;height:14px}.chk em{font-style:normal;color:var(--mut);font-size:11px;margin-left:auto}
.facet input{width:100%;border:1px solid var(--line2);background:var(--white);padding:9px 11px;border-radius:2px;margin-bottom:8px}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.results-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:20px}
.results-bar .cnt{font-family:var(--serif);font-size:20px;margin-right:auto}
.results-bar select{border:1px solid var(--line2);background:var(--white);padding:9px 12px;border-radius:2px}
.viewbtn{width:38px;height:38px;border:1px solid var(--line2);display:grid;place-items:center;border-radius:2px;color:var(--mut)}
.viewbtn.on{background:var(--ink);color:var(--gold2)}
.chips-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.chips-row .chip{background:var(--paper2);border-color:var(--paper2);color:var(--text)}
.grid-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-cards.list{grid-template-columns:1fr}
.lot-row{flex-direction:row}.lot-row .plate-wrap{flex:0 0 300px}.lot-row .plate .artbox{height:100%;aspect-ratio:auto}
.pager{display:flex;justify-content:center;gap:8px;margin-top:40px}
.pager a,.pager span{min-width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line2);font:600 12px/1 var(--sans)}
.pager .cur{background:var(--ink);color:var(--gold2)}
.empty{border:1px dashed var(--line2);padding:60px 30px;text-align:center;display:flex;flex-direction:column;gap:16px;align-items:center}
.detail{display:grid;grid-template-columns:1.15fr .85fr;gap:50px;padding:36px 0 26px;align-items:start}
.gal-frame{background:#fff;border:1px solid var(--line);padding:12px}
.gal-main{aspect-ratio:10/7;overflow:hidden}.gal-main svg,.gal-main img{width:100%;height:100%;object-fit:cover;display:block}
.gal-tabs{display:flex;gap:8px;margin:12px 0 10px}
.gal-tabs button{flex:0 0 130px;padding:10px;border:1px solid var(--line2);border-radius:20px;font:600 11px/1 var(--sans);letter-spacing:.14em}
.gal-tabs button.on{background:var(--ink);color:var(--gold2)}
.gal-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.gal-thumbs button{border:1px solid var(--line);padding:4px;background:var(--white);opacity:.65}
.gal-thumbs button.on,.gal-thumbs button:hover{opacity:1;border-color:var(--gold)}
.gal-thumbs svg,.gal-thumbs img{width:100%;height:64px;object-fit:cover;display:block}
.up-previews{display:flex;gap:8px;flex-wrap:wrap;margin:-4px 0 14px}
.up-previews img{width:78px;height:58px;object-fit:cover;border:1px solid var(--line2)}
.up-previews .cov{width:110px;height:74px}
.d-eyebrow{margin-bottom:12px}.detail h1{font-size:clamp(28px,3.2vw,44px)}
.d-sub{color:var(--mut);margin:8px 0 18px}
.d-price{font-family:var(--serif);font-size:32px;color:var(--wine)}
.d-price small{font:400 11px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--mut);display:block;margin-top:6px}
/*<!-- All right reserved and Copyrighted by Abdallah Alhourani !-->*/
.d-actions{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0;padding:18px 0;border-block:1px solid var(--line)}
.spec-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:var(--white)}
.spec-grid div{padding:13px 18px;border-bottom:1px solid var(--paper2)}
.spec-grid div:nth-child(odd){border-right:1px solid var(--paper2)}
.spec-grid span{display:block;font:600 9.5px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--mut);margin-bottom:5px}
.spec-grid b{font-weight:500;font-size:13.5px}
.feat-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}
.feat{border:1px solid var(--line);background:var(--white);padding:12px 14px;font-size:13px;display:flex;gap:10px;align-items:center}
.feat::before{content:"✓";color:var(--ok);font-weight:700}
.swatch{display:inline-block;width:52px;height:26px;border-radius:4px;border:1px solid rgba(0,0,0,.15);vertical-align:middle;margin-right:10px}
.eng-card{border:1px solid var(--line);background:var(--white);padding:18px;margin-bottom:12px}
.eng-card h4{font-family:var(--serif);font-size:17px;margin-bottom:12px}
.eng-rows{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.eng-rows span{display:block;font:600 9px/1.5 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--mut)}
.eng-rows b{font-weight:500;font-size:13px;color:var(--wine)}
.d-desc{font-size:15px;line-height:1.8;color:#3c3a32}.d-desc p+p{margin-top:12px}
.seller-card{border:1px solid var(--line);background:var(--white);padding:24px;margin-top:22px}
.mono{width:52px;height:52px;background:var(--ink);color:var(--gold2);display:grid;place-items:center;font-family:var(--serif);font-size:22px;border-radius:2px;flex:0 0 auto}
.sc-top{display:flex;gap:14px;align-items:center;margin-bottom:12px}.sc-top h3{font-size:18px}
.verify{font:600 9px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ok);background:#e2ecdf;padding:5px 8px;border-radius:2px;display:inline-block;margin-top:4px}
.sc-meta{display:flex;gap:20px;flex-wrap:wrap;margin:10px 0 14px}
.sc-meta b{display:block;font-family:var(--serif);font-size:16px}.sc-meta span{font:600 9px/1.6 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--mut)}
.msgbox{border:1px solid var(--line);background:var(--white);padding:22px;margin-top:18px}
.ff{display:block;font:600 10px/1.4 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--mut);margin-bottom:14px}
.ff input,.ff select,.ff textarea{width:100%;border:1px solid var(--line2);background:var(--white);padding:12px 13px;margin-top:7px;border-radius:2px}
.ff input[type=file]{padding:9px;background:var(--paper)}
.frow2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fsec{border:1px solid var(--line);background:var(--white);padding:28px;margin-bottom:22px}
.fsec h3{font-size:22px;margin-bottom:18px}
.auth{display:grid;grid-template-columns:1fr;min-height:calc(100vh - 120px);justify-items:center;padding:20px 0}
.auth-r{padding:40px;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:700px;background:var(--white);border:1px solid var(--line);border-radius:3px}
.role-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:6px 0 20px}
.role{border:1px solid var(--line2);background:var(--white);padding:18px 14px;text-align:center;cursor:pointer;transition:.2s;border-radius:2px}
.role .ic{font-size:22px;display:block;margin-bottom:8px}
.role b{font:600 11px/1.5 var(--sans);letter-spacing:.12em;text-transform:uppercase;display:block}
.role.on{border-color:var(--gold);background:var(--gold2);box-shadow:0 10px 24px -14px rgba(200,162,95,.7)}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
.plan{border:1px solid var(--line);background:var(--white);padding:34px 30px;display:flex;flex-direction:column;gap:6px;position:relative}
.plan h3{font-size:26px}.plan .p{font-family:var(--serif);font-size:30px;color:var(--wine);margin:8px 0}
.plan .p-mo{font-family:var(--serif);font-size:14px;color:var(--mut);margin:-4px 0 2px}
.plan .pl-disc{background:rgba(200,162,95,.08);border:1px solid rgba(200,162,95,.35);border-radius:3px;padding:10px 14px;margin:6px 0 2px;display:flex;flex-direction:column;gap:2px}
.plan .pl-disc b{color:var(--mut);font-size:13px;letter-spacing:.04em;text-decoration:line-through;opacity:.75}
.plan .pl-disc span{font-family:var(--serif);font-size:17px;color:var(--wine)}
.plan .pl-disc + .fine{margin-top:6px}
.plan ul{list-style:none;margin:14px 0 22px;display:flex;flex-direction:column;gap:9px;font-size:13.5px}
.plan li::before{content:"— ";color:var(--gold)}
.plan.hot{border-color:var(--gold);box-shadow:0 24px 50px -30px rgba(200,162,95,.6)}
.plan.dark{background:var(--ink);color:#d8cfb6;border-color:var(--ink)}.plan.dark h3{color:var(--paper)}.plan.dark .p{color:var(--gold2)}
.plan .tag{position:absolute;top:-12px;left:30px;background:var(--gold);color:var(--ink);font:700 9px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;padding:6px 10px}
.acc{display:grid;grid-template-columns:300px 1fr;gap:40px;padding:44px 0 90px;align-items:start}
.acc-side{border:1px solid var(--line);background:var(--white);padding:26px;position:sticky;top:92px}
.acc-side nav{display:flex;flex-direction:column;gap:4px;margin-top:16px}
.acc-side nav button{text-align:left;font:600 11px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;padding:12px 10px;color:var(--mut);border-left:2px solid transparent}
.acc-side nav button.on{color:var(--ink);border-left-color:var(--gold);background:var(--paper)}
.tbl{width:100%;border-collapse:collapse;background:var(--white);border:1px solid var(--line)}
.tbl th{font:600 9.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--mut);text-align:left;padding:12px 16px;background:var(--paper)}
.tbl td{padding:13px 16px;border-top:1px solid var(--paper2);font-size:13.5px;vertical-align:middle}
.msg-item{border:1px solid var(--line);background:var(--white);padding:18px 20px;margin-bottom:12px;border-left:3px solid var(--line)}
.msg-item.unread{border-left-color:var(--gold);background:var(--gold2)}
.msg-item h4{font-family:var(--serif);font-size:16px}
.page{padding:50px 0 90px;min-height:60vh}.page>h1{font-size:clamp(30px,3.6vw,46px);margin-bottom:8px}
.cmp-table{width:100%;border-collapse:collapse;background:var(--white);border:1px solid var(--line)}
.cmp-table th,.cmp-table td{padding:13px 18px;border-bottom:1px solid var(--paper2);text-align:left;vertical-align:top;font-size:13.5px}
.cmp-table th{font:600 10px/1.5 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--mut);width:190px;background:var(--paper)}
.cmp-table td svg,.cmp-table td>img{width:100%;max-width:220px;height:130px;object-fit:cover;display:block;margin-bottom:10px}
.stats-band{border-block:1px solid var(--line);background:var(--white)}
.stats-in{display:grid;grid-template-columns:repeat(3,1fr);text-align:center;padding:40px 0}
.stats-in b{font-family:var(--serif);font-size:36px;font-weight:600;display:block}
.stats-in span{font:600 10px/1.6 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--mut)}
.sellband{background:var(--ink);color:#d8cfb6;padding:80px 0}
.sellband .sec-head h2{color:#ffffff}
.mini-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:10px}
.mini{border:1px solid #2a3350;padding:24px;background:#121a30}
.mini b{font-family:var(--serif);font-size:20px;color:var(--gold2)}.mini p{font-size:12.5px;color:#9d947c;margin-top:6px}
footer{background:var(--ink);color:#9d947c}
.ft-in{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:44px;padding:64px 0 46px}
.ft-in h5{font:600 10.5px/1 var(--sans);letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.ft-in a{display:block;font-size:13px;padding:5px 0}.ft-in a:hover{color:var(--gold2)}
.ft-brand{font-family:var(--serif);font-size:26px;letter-spacing:.3em;color:#ffffff}
.ft-bot{border-top:1px solid #232c49;padding:20px 0;display:flex;justify-content:space-between;gap:16px;font-size:11px;flex-wrap:wrap}
.modal-ov{position:fixed;inset:0;background:rgba(13,18,32,.6);backdrop-filter:blur(3px);z-index:200;display:grid;place-items:center;padding:24px}
.modal{background:var(--paper);border:1px solid var(--gold);max-width:600px;width:100%;max-height:88vh;overflow:auto;padding:34px;position:relative;border-radius:2px}
.modal.wide{max-width:980px}.modal .x{position:absolute;top:12px;right:16px;font-size:22px;color:var(--mut)}
.m-head{margin-bottom:20px}.m-head h3{font-size:25px;margin-top:8px}
.ok-panel{text-align:center;padding:16px 0}.ok-panel .ok{width:62px;height:62px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;font-size:25px;color:var(--gold)}
#toast-root{position:fixed;top:90px;right:24px;z-index:300;display:flex;flex-direction:column;gap:10px}
.toast{background:var(--ink);color:var(--gold2);border-left:3px solid var(--gold);padding:14px 20px;font-size:13px;max-width:340px;animation:tin .3s}
@keyframes tin{from{transform:translateX(20px);opacity:0}}
.cmpbar{position:fixed;left:0;right:0;bottom:0;background:var(--ink);color:#d8cfb6;z-index:90;border-top:1px solid var(--gold);transform:translateY(110%);transition:.35s}
.cmpbar.show{transform:none}.cb-in{display:flex;align-items:center;gap:14px;padding:13px 32px;flex-wrap:wrap}
.cb-item{border:1px solid #333c58;padding:8px 12px;font-size:12px;display:flex;gap:10px;align-items:center}.cb-item button{color:var(--gold)}
body.has-cmp footer{padding-bottom:70px}
/* Header search/links spacing scales down on narrower desktops so Account stays in view */
@media(max-width:1600px){.search{margin-left:90px}.nav-pages{margin-inline-start:60px}}
@media(max-width:1380px){.search{margin-left:40px;flex-basis:340px}.nav-pages{margin-inline-start:32px}.mb-in{gap:16px}}
@media(max-width:1200px){.search{margin-left:20px;flex-basis:260px;min-width:140px}.nav-pages{margin-inline-start:auto}.cats{gap:16px}}
@media(max-width:1080px){.cats{display:none}.burger{display:flex}.hero,.detail,.acc,.auth{grid-template-columns:1fr}.auth-l{padding:44px 30px}.auth-r{padding:40px 30px}.search-layout{grid-template-columns:1fr}.filters{position:static}.grid-cards{grid-template-columns:repeat(2,1fr)}.plans,.mini-plans,.feat-grid{grid-template-columns:1fr 1fr}.ft-in{grid-template-columns:1fr 1fr}.acc-side{position:static}.role-cards{grid-template-columns:1fr}}
@media(max-width:1500px){.wrap{padding:0 64px}}
@media(max-width:1100px){.wrap{padding:0 40px}}
@media(max-width:1080px){.search{margin-left:auto;flex-basis:200px;max-width:none}}
@media(max-width:680px){.wrap{padding:0 20px}.grid-cards,.plans,.mini-plans,.feat-grid,.frow2,.spec-grid,.eng-rows{grid-template-columns:1fr}.spec-grid div:nth-child(odd){border-right:none}.lot-row{flex-direction:column}.lot-row .plate-wrap{flex:auto}.tb-in .tb-l{display:none}.idx-row{grid-template-columns:30px 1fr auto}.idx-row .fr,.idx-row .ar{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* ============ OAuth / providers ============ */
.oauth{display:flex;flex-direction:column;gap:10px;margin:6px 0 18px}
.oauth-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:13px 16px;border:1px solid var(--line2);background:var(--white);border-radius:2px;font:600 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;transition:.2s}
.oauth-btn:hover{border-color:var(--gold);background:var(--paper2)}
.oauth-btn .g{width:18px;height:18px;flex:0 0 18px}
.oauth-btn.apple{background:var(--ink);color:#fff;border-color:var(--ink)}.oauth-btn.apple:hover{background:#000}
.oauth-btn.linkedin{background:#0a66c2;color:#fff;border-color:#0a66c2}.oauth-btn.linkedin:hover{filter:brightness(1.08)}
.or-sep{display:flex;align-items:center;gap:14px;color:var(--mut);font:600 10px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;margin:6px 0 14px}
.or-sep::before,.or-sep::after{content:"";flex:1;height:1px;background:var(--line)}
/* ============ admin shell ============ */
.adminwrap{display:grid;grid-template-columns:250px 1fr;min-height:calc(100vh - 36px)}
.adm-side{background:var(--ink);color:#cfc4a5;padding:26px 18px;display:flex;flex-direction:column;gap:6px;position:sticky;top:0;align-self:start;height:100vh;overflow:auto}
.adm-brand{font-family:var(--serif);font-size:20px;letter-spacing:.28em;color:var(--gold2);margin-bottom:4px}
.adm-brand span{display:block;font:600 8px/1 var(--sans);letter-spacing:.34em;color:var(--gold);margin-top:6px}
.adm-side a{display:flex;align-items:center;gap:11px;padding:11px 13px;border-radius:3px;font:600 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#bcb298;transition:.18s}
.adm-side a:hover{background:#1b2338;color:var(--gold2)}
.adm-side a.on,.adm-side a.active{background:var(--gold);color:var(--ink);font-weight:800;box-shadow:inset 4px 0 0 var(--ink);position:relative}
.adm-side .ic{font-size:15px;width:20px;text-align:center}
.adm-side .grp{font:700 8.5px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:#5f6a86;padding:14px 13px 6px}
.adm-side .foot{margin-top:auto;border-top:1px solid #263049;padding-top:14px}
.adm-main{padding:34px 40px 80px;background:var(--paper);max-width:100%;overflow:auto}
.adm-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;flex-wrap:wrap}
.adm-head h1{font-size:32px}.adm-head .sub{color:var(--mut);font-size:12.5px;margin-top:4px}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:30px}
.kpi{background:var(--white);border:1px solid var(--line);border-radius:3px;padding:18px 20px}
.kpi b{font-family:var(--serif);font-size:30px;display:block;color:var(--ink)}
.kpi span{font:600 9.5px/1.3 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--mut)}
.kpi.gold{background:var(--ink);color:var(--gold2)}.kpi.gold b{color:var(--gold2)}.kpi.gold span{color:#a99f85}
.adm-card{background:var(--white);border:1px solid var(--line);border-radius:3px;padding:22px 24px;margin-bottom:22px}
.adm-card h3{font-size:20px;margin-bottom:4px}.adm-card .hint{color:var(--mut);font-size:12px;margin-bottom:16px}
.adm-tbl{width:100%;border-collapse:collapse;font-size:13px}
.adm-tbl th{text-align:left;font:600 9.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--mut);padding:10px 10px;border-bottom:1px solid var(--line)}
.adm-tbl td{padding:11px 10px;border-bottom:1px solid var(--paper2);vertical-align:middle}
.adm-tbl tr:hover td{background:var(--paper)}
.st{display:inline-flex;align-items:center;gap:6px;font:700 9px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;padding:5px 9px;border-radius:20px}
.st::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}
.st.active{background:rgba(61,107,79,.14);color:#3d6b4f}.st.paused{background:rgba(200,162,95,.16);color:#94702a}
.st.suspended{background:rgba(200,162,95,.16);color:#94702a}.st.cancelled{background:rgba(125,42,53,.12);color:var(--wine)}
.st.none{background:#eee;color:#888}
.adm-act{display:flex;gap:6px;flex-wrap:wrap}
.mini-btn{font:600 9.5px/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;padding:7px 11px;border:1px solid var(--line2);border-radius:3px;background:var(--white);transition:.15s;white-space:nowrap}
.mini-btn:hover{border-color:var(--ink);background:var(--paper2)}
.mini-btn.ok{border-color:#3d6b4f;color:#3d6b4f}.mini-btn.ok:hover{background:#3d6b4f;color:#fff}
.mini-btn.warn{border-color:#94702a;color:#94702a}.mini-btn.warn:hover{background:#94702a;color:#fff}
.mini-btn.dang{border-color:var(--wine);color:var(--wine)}.mini-btn.dang:hover{background:var(--wine);color:#fff}
.adm-form{display:grid;grid-template-columns:1fr;gap:14px}
.adm-form .full{grid-column:1/-1}
.adm-form label{display:flex;flex-direction:column;gap:6px;font:600 10px/1.2 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--mut)}
.adm-form input,.adm-form select,.adm-form textarea{border:1px solid var(--line2);background:var(--white);padding:11px 12px;border-radius:2px;font-size:13.5px;color:var(--text)}
.adm-form input:focus,.adm-form select:focus,.adm-form textarea:focus{outline:2px solid var(--gold);outline-offset:1px}
.gate-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.paygate{border:1px solid var(--line);border-radius:3px;padding:16px 18px;background:var(--white)}
.paygate.on{border-color:var(--gold)}
.paygate .gt{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.paygate .gt b{font-family:var(--serif);font-size:17px}
.perm-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px}
.perm-grid label{display:flex;align-items:center;gap:9px;font-size:12.5px;color:var(--text);cursor:pointer;padding:9px 11px;border:1px solid var(--line);border-radius:3px;background:var(--white)}
.perm-grid input{width:15px;height:15px;accent-color:var(--wine)}
.sw{position:relative;width:42px;height:23px;flex:0 0 42px;display:inline-block}
.sw input{opacity:0;width:0;height:0}
.sw i{position:absolute;inset:0;background:#ccc3ae;border-radius:20px;transition:.2s;cursor:pointer}
.sw i::before{content:"";position:absolute;height:17px;width:17px;left:3px;top:3px;background:#fff;border-radius:50%;transition:.2s}
.sw input:checked+i{background:var(--ok)}.sw input:checked+i::before{transform:translateX(19px)}
.adm-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px;align-items:center}
.adm-toolbar input,.adm-toolbar select{border:1px solid var(--line2);background:var(--white);padding:9px 12px;border-radius:2px;font-size:13px}
.adm-toolbar .grow{flex:1;min-width:180px}
.pill{font:600 9px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;padding:5px 9px;border-radius:20px;background:var(--paper2);color:var(--mut)}
.access-deny{max-width:520px;margin:90px auto;text-align:center}
.checkout-methods{display:flex;flex-direction:column;gap:10px;margin:14px 0}
.pm{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid var(--line2);border-radius:3px;cursor:pointer;transition:.15s;background:var(--white)}
.pm:hover{border-color:var(--gold)}.pm.on{border-color:var(--ink);background:var(--paper2)}
.pm .r{width:16px;height:16px;border:1px solid var(--line2);border-radius:50%;flex:0 0 16px;position:relative}
.pm.on .r::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--wine)}
.pm b{font-size:14px}.pm span{font-size:11.5px;color:var(--mut);margin-left:auto}
.adm-mobtoggle{display:none}
.adm-backdrop{display:none}
@media(max-width:900px){
  .adminwrap{grid-template-columns:1fr;display:block;position:relative}
  /* Dropdown toggle button (shows current section) */
  .adm-mobtoggle{
    display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;
    background:var(--ink);color:var(--gold2,#e9d5a4);border:none;
    padding:15px 18px;font:600 14px var(--sans);letter-spacing:.08em;text-transform:uppercase;
    cursor:pointer;position:sticky;top:0;z-index:57;
  }
  .adm-mobtoggle svg{transition:transform .2s}
  body.adm-menu-open .adm-mobtoggle svg{transform:rotate(180deg)}
  /* Sidebar becomes a solid dropdown panel that sits ABOVE the content */
  .adm-side{
    position:fixed;left:0;right:0;top:0;z-index:9999;height:auto!important;padding:0;
    display:flex;flex-direction:column;gap:0;overflow:hidden;max-height:0;
    background:#0d1220;
    transition:max-height .3s ease;box-shadow:0 20px 50px rgba(0,0,0,.6);
    -webkit-overflow-scrolling:touch;
  }
  body:not(.adm-menu-open) .adm-side{max-height:0!important;overflow:hidden!important;box-shadow:none}
  body.adm-menu-open .adm-side{max-height:90vh;overflow-y:auto;padding:8px 0}
  /* Dark backdrop behind the open menu (real element, tappable to close) */
  .adm-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:9990}
  body.adm-menu-open .adm-backdrop{display:block}
  .adm-side .adm-brand{
    display:flex;background:#0d1220;color:var(--gold2,#e9d5a4);padding:16px 20px;
    font-size:15px;letter-spacing:.1em;border-bottom:1px solid rgba(200,162,95,.3);
    position:sticky;top:0;z-index:2;
  }
  .adm-side .adm-brand small{display:inline;font-size:9px;margin-inline-start:8px;opacity:.7}
  .adm-side a{
    display:block;padding:15px 22px;border-bottom:1px solid rgba(255,255,255,.07);
    border-radius:0;font-size:13px;letter-spacing:.1em;white-space:normal;color:#e4dcc8;background:#0d1220;
  }
  .adm-side a.active{background:rgba(200,162,95,.18);color:var(--gold2,#e9d5a4)}
  .adm-main{padding:20px 16px 80px}
  .kpis{grid-template-columns:1fr 1fr;gap:12px}
  .adm-form{grid-template-columns:1fr}
  .adm-card{padding:18px 16px;overflow-x:auto}
  .adm-main table{min-width:560px}
}
@media(max-width:680px){
  .kpis{grid-template-columns:1fr 1fr}
  .adm-main{padding:16px 12px 80px}
  .adm-card{padding:16px 13px;border-radius:10px}
  .adm-head h1{font-size:24px}
  .adm-head{flex-direction:column;align-items:flex-start;gap:10px}
}

/* verified account badge (gold check) */
.verified{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;border-radius:50%;background:var(--gold);color:#1a1200;font:700 9px/1 var(--sans);vertical-align:middle;margin-inline-start:5px;box-shadow:0 0 0 2px rgba(200,162,95,.25)}
.verified.lg{width:19px;height:19px;font-size:11px}
.seller-card b .verified{margin-inline-start:6px}
.mini-btn.gold{border-color:var(--gold);color:#7a5a1e;background:rgba(200,162,95,.14)}

/* ---- admin: checkboxes, department & plan rows (layout fixes) ---- */
.chk{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text);cursor:pointer;text-transform:none;letter-spacing:normal;white-space:nowrap}
.chk input{width:16px;height:16px;accent-color:var(--wine);cursor:pointer;flex:0 0 auto}
.chk b{font-weight:600}
.cat-row{display:grid;grid-template-columns:1fr 1.6fr 130px;gap:14px;align-items:center;padding:12px 0 12px 30px;border-top:1px solid var(--line);position:relative}
.cat-row [data-cf="order"]{display:none}
.cat-row .cat-drag{position:absolute;left:0;top:14px}
.cat-row:first-child{border-top:0}
.plan-row{display:grid;grid-template-columns:130px 1fr 1fr;gap:14px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.plan-row:first-child{border-top:0}
.plan-row .pl-name{font-family:var(--serif);font-size:17px;text-transform:capitalize}
.plan-row label{display:flex;align-items:center;gap:8px;font:600 10px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.cat-row input,.plan-row input{border:1px solid var(--line2);border-radius:3px;padding:9px 11px;background:var(--white);font-size:13px;color:var(--text);width:100%}
.plan-row label input{flex:1}
.perm-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
@media (max-width:900px){.cat-row,.plan-row{grid-template-columns:1fr}}

/* ---- listing: icon spec cards + engine details ---- */
.spec-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
.spec-card{display:flex;gap:13px;align-items:center;background:#ffffff;border:1px solid var(--line);border-radius:7px;padding:14px 16px}
.spec-card .sc-ico{width:34px;height:34px;flex:0 0 auto;display:grid;place-items:center;color:var(--gold);border:1px solid var(--line2);border-radius:8px;background:var(--white)}
.spec-card .sc-ico svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.spec-card .sc-txt{min-width:0}
.spec-card .sc-lab{display:block;font:600 8.5px/1.2 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--mut);margin-bottom:5px}
.spec-card .sc-val{font-family:var(--serif);font-size:15px;color:var(--ink);line-height:1.2;word-break:break-word}
.eng-block{background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px 22px;margin-top:14px}
.eng-block h4{font-size:15px;letter-spacing:.02em;margin-bottom:16px;color:var(--ink)}
.eng-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px 22px}
.eng-grid>div{display:flex;flex-direction:column;gap:5px}
.eng-grid span{font:600 8.5px/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.eng-grid b{font-family:var(--serif);font-size:15px;color:var(--wine)}
.eng-fields label,.eng-fields{margin-top:0}

/* ---- 360 pano + video in gallery ---- */
.gal-video{width:100%;display:block;background:#000;aspect-ratio:16/10;object-fit:contain}
.pano{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;cursor:grab;background:#0d1220}
.pano img{position:absolute;top:0;left:0;height:100%;width:auto;max-width:none;user-select:none;pointer-events:none}
.pano.grab{cursor:grabbing}
.pano-badge{position:absolute;left:12px;bottom:12px;background:rgba(13,18,32,.82);color:var(--gold2);font:600 9px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;padding:6px 9px;border-radius:2px}

/* ---- contact page ---- */
.contact-grid-form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  width: 100%;
}
.contact-grid-form .contact-col {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.contact-grid-form label {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font: 600 10px/1 var(--sans);
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--mut);
}
.contact-grid-form input,
.contact-grid-form textarea {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid var(--line2);
  border-radius: 2px;
  background: var(--white);
  font-size: 14px;
  color: var(--text);
  outline: none;
}
.contact-grid-form input:focus,
.contact-grid-form textarea:focus {
  border-color: var(--gold);
}
.contact-grid-form textarea {
  resize: vertical;
  min-height: 120px;
}
.contact-submit-row {
  grid-column: 1 / -1;
  margin-top: 12px;
}
.contact-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
  margin-bottom: 32px;
}
.contact-card {
  border: 1px solid var(--line);
  background: var(--paper2);
  border-radius: 7px;
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 7px;
}
.contact-card .cc-lab {
  font: 600 9px/1 var(--sans);
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--mut);
}
.contact-card b {
  font-family: var(--serif);
  font-size: 17px;
  color: var(--ink);
  font-weight: normal;
}
.contact-card a {
  color: var(--wine);
}
@media (max-width: 768px) {
  .tb-r { gap: 14px; }
  .burger { margin-inline-start: 0; }
}

/* ============ AURXIA AUCTION — Private Digital Auction House ============ */
/* AURXIA AUCTION header link — premium gold badge in the main bar */
.al-link{font:600 10.5px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid rgba(200,162,95,.45);border-radius:100px;background:linear-gradient(135deg,rgba(200,162,95,.14),rgba(200,162,95,.04));transition:.25s;white-space:nowrap;animation:alGlow 2.4s ease-in-out infinite}
.al-link:hover{background:var(--gold);color:var(--ink);box-shadow:0 6px 22px -10px rgba(200,162,95,.7);animation:none}
.al-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px rgba(200,162,95,.9);animation:alPulse 2.2s ease-in-out infinite}
@keyframes alGlow{0%,100%{box-shadow:0 0 0 0 rgba(200,162,95,0);border-color:rgba(200,162,95,.35)}50%{box-shadow:0 0 16px 1px rgba(200,162,95,.5);border-color:rgba(200,162,95,.85)}}
@media(prefers-reduced-motion:reduce){.al-link,.al-dot{animation:none}}
@keyframes alPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.8)}}
.al-page{background:#0b0b0d;color:#e9e4d8;min-height:100vh;font-family:var(--sans)}
.al-top{display:flex;justify-content:space-between;align-items:center;padding:18px 32px;border-bottom:1px solid rgba(200,162,95,.25);position:sticky;top:0;background:rgba(11,11,13,.92);backdrop-filter:blur(8px);z-index:40}
.al-brand{font:700 15px var(--sans);letter-spacing:.3em;color:#fff;text-decoration:none}
.al-brand em{color:var(--gold);font-style:normal}
.al-top-links{display:flex;gap:22px}
.al-top-links a{color:#b9b2a2;font:600 10.5px var(--sans);letter-spacing:.18em;text-transform:uppercase;text-decoration:none}
.al-top-links a:hover{color:var(--gold)}
.al-hero{background:linear-gradient(180deg,#101014,#0b0b0d);text-align:center;padding:72px 24px 56px;border-bottom:1px solid rgba(200,162,95,.18)}
.al-hero-inner{max-width:900px;margin:0 auto}
.al-kicker{font:600 10px var(--sans);letter-spacing:.34em;text-transform:uppercase;color:var(--gold)}
.al-hero h1{font:300 clamp(44px,7vw,84px)/1 var(--serif,Georgia,serif);letter-spacing:.06em;margin:18px 0 14px;color:#fff}
.al-hero h1 em{color:var(--gold);font-style:normal}
.al-lede{color:#a9a294;font-size:15px;letter-spacing:.04em;max-width:52ch;margin:0 auto 26px}
.al-sectors{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.al-sectors span{border:1px solid rgba(200,162,95,.4);color:#cbb98f;font:600 9.5px var(--sans);letter-spacing:.22em;text-transform:uppercase;padding:8px 14px;border-radius:100px}
.al-wrap{max-width:1280px;margin:0 auto;padding:40px 32px 80px}
.al-gate{max-width:560px;margin:0 auto;text-align:center;border:1px solid rgba(200,162,95,.3);border-radius:14px;padding:48px 40px;background:linear-gradient(180deg,#121216,#0d0d10)}
.al-gate h2{font:300 40px var(--serif,Georgia,serif);color:#fff;margin:10px 0 6px}
.al-gate-txt{color:#a9a294;font-size:14px;line-height:1.7;margin:14px 0 26px}
.al-gate-roles{text-align:left;margin:22px 0 26px}
.al-gate-roles .al-kicker{margin-bottom:12px}
.al-role{display:flex;flex-direction:column;gap:3px;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:14px 16px;margin-bottom:10px;cursor:pointer;transition:.2s}
.al-role:hover{border-color:var(--gold)}
.al-role:has(input:checked){border-color:var(--gold);background:rgba(200,162,95,.08)}
.al-role b{font:600 12px var(--sans);letter-spacing:.16em;color:#fff}
.al-role span{font-size:12px;color:#8f8878}
.al-note{color:#6f6a5e;font-size:11.5px;margin-top:16px}
.al-state{font:600 9.5px var(--sans);letter-spacing:.2em;text-transform:uppercase;border:1px solid rgba(200,162,95,.5);color:var(--gold);padding:7px 12px;border-radius:100px;white-space:nowrap}
.al-state.aurxia_live_verified{background:rgba(200,162,95,.12)}
.al-state.suspended,.al-state.revoked,.al-state.rejected{color:#e07a6a;border-color:#e07a6a}
.al-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;flex-wrap:wrap}
.al-bar h2{font:300 30px var(--serif,Georgia,serif);color:#fff;margin-top:6px}
.al-tabs{display:flex;gap:4px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:28px}
.al-tabs a{font:600 10.5px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#8f8878;padding:12px 18px;text-decoration:none;border-bottom:2px solid transparent}
.al-tabs a.on{color:var(--gold);border-bottom-color:var(--gold)}
.al-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:26px}
.al-card{background:#111115;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;transition:.25s}
.al-card:hover{border-color:rgba(200,162,95,.5);transform:translateY(-3px)}
.al-card-img{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:#0d0d10}
.al-card-img img{width:100%;height:100%;object-fit:cover}
.al-noimg{display:flex;align-items:center;justify-content:center;height:100%;color:#5c574b;font:700 12px var(--sans);letter-spacing:.3em}
.al-noimg.big{min-height:420px;font-size:18px}
.al-lot{position:absolute;left:12px;bottom:12px;background:rgba(0,0,0,.72);color:#d8cfb6;font:600 9px var(--sans);letter-spacing:.2em;padding:6px 10px;border-radius:4px}
.al-live{position:absolute;top:12px;right:12px;background:#a33;color:#fff;font:700 9.5px var(--sans);letter-spacing:.2em;padding:6px 10px;border-radius:4px;animation:pulse 1.6s infinite}
.al-live.off{background:#3a3a3f;animation:none}
@keyframes pulse{50%{opacity:.55}}
.al-card-body{padding:18px}
.al-eyebrow{font:600 9.5px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#8f8878;margin-bottom:8px}
.al-rarity{color:var(--gold)}
.al-card h3{font:300 19px var(--serif,Georgia,serif);color:#fff;margin:0 0 8px}
.al-card h3 a{color:#fff;text-decoration:none}
.al-est{color:#a9a294;font-size:12px;letter-spacing:.04em}
.al-card-meta{margin-bottom:14px}
.al-card-foot{display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}
.al-card-foot>div{display:flex;flex-direction:column;gap:3px}
.al-lab{font:600 8.5px var(--sans);letter-spacing:.22em;text-transform:uppercase;color:#6f6a5e}
.al-card-foot b{font:600 15px var(--sans);color:#fff}
.al-count{font-variant-numeric:tabular-nums}
.al-seller-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:rgba(200,162,95,.08);border:1px solid rgba(200,162,95,.35);border-radius:10px;padding:16px 20px;margin:18px 0 26px;flex-wrap:wrap}
.al-seller-bar b{font:600 13px var(--sans);letter-spacing:.04em;color:#e8dcc0}
.al-cta{text-align:center;margin-top:44px}
.empty{text-align:center;color:#6f6a5e;padding:40px 0}
/* lot detail */
.al-lot-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;flex-wrap:wrap;gap:10px}
.al-lot-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:36px;align-items:start}
.al-lot-media{position:relative}
.al-lot-media>img{width:100%;border-radius:12px;display:block}
.al-rarity-badge{position:absolute;top:14px;left:14px;background:rgba(0,0,0,.78);color:var(--gold);font:700 10px var(--sans);letter-spacing:.24em;padding:8px 14px;border-radius:4px;border:1px solid rgba(200,162,95,.5)}
.al-verif-box{margin-top:16px;border:1px solid rgba(200,162,95,.35);border-radius:10px;padding:16px}
.al-verif-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.al-verif{font:600 9.5px var(--sans);letter-spacing:.14em;color:#cbb98f;border:1px solid rgba(200,162,95,.3);padding:6px 10px;border-radius:100px}
.al-lot-info h1{font:300 clamp(28px,4vw,44px) var(--serif,Georgia,serif);color:#fff;margin:0 0 8px}
.al-est-line{color:#a9a294;font-size:13px;margin:12px 0 20px;letter-spacing:.04em}
.al-est-line b{color:var(--gold);font-weight:600}
.al-bid-box{border:1px solid rgba(200,162,95,.35);border-radius:12px;padding:22px;background:linear-gradient(180deg,#121216,#0d0d10);display:flex;flex-direction:column;gap:12px}
.al-bid-main{display:flex;flex-direction:column;gap:4px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08)}
.al-bid-main b{font:300 40px var(--serif,Georgia,serif);color:#fff}
.al-bid-sub{display:flex;justify-content:space-between;align-items:center;min-height:22px;gap:12px}
.al-bid-sub .al-lab{flex:0 0 auto}
.al-bid-sub b{color:#fff;font:600 14px var(--sans);text-align:right}
.al-bid-btn{margin-top:6px}
.al-sold{font:700 12px var(--sans);letter-spacing:.2em;color:#e07a6a;text-align:center;padding:10px;border:1px solid #e07a6a;border-radius:8px}
.al-winner-box{margin-top:18px;border:1px solid var(--gold);border-radius:12px;padding:20px;background:rgba(200,162,95,.08)}
.al-winner-box h3{font:300 22px var(--serif,Georgia,serif);color:#fff;margin:8px 0}
.al-winner-line{color:#cbb98f;font-size:13px;margin-bottom:14px}
.al-steps{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.al-steps span{font:600 9px var(--sans);letter-spacing:.14em;color:#8f8878;border:1px solid rgba(255,255,255,.14);padding:6px 10px;border-radius:100px}
.al-lot-sections{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:44px}
.al-sec{border-top:1px solid rgba(255,255,255,.1);padding-top:20px}
.al-sec .al-kicker{margin-bottom:14px}
.al-desc{color:#a9a294;font-size:14px;line-height:1.75}
.al-bids{display:flex;flex-direction:column;gap:8px}
.al-bid-row{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:10px 12px;background:#111115;border-radius:8px;font-size:13px}
.al-bid-row b{color:#fff}
.al-prov{display:flex;flex-direction:column;gap:0;border-left:1px solid rgba(200,162,95,.4);padding-left:18px}
.al-prov-item{position:relative;padding:10px 0}
.al-prov-item::before{content:"";position:absolute;left:-23px;top:16px;width:9px;height:9px;border-radius:50%;background:var(--gold)}
.al-prov-item b{display:block;color:var(--gold);font:600 12px var(--sans);letter-spacing:.14em}
.al-prov-item span{color:#a9a294;font-size:13px}
.al-specs{display:flex;flex-direction:column}
.al-spec{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px}
.al-spec span{color:#8f8878}
.al-spec b{color:#e9e4d8;text-align:right;font-weight:500}
.al-docs{display:flex;flex-direction:column;gap:8px}
.al-doc{font-size:13px;color:#a9a294;padding:8px 12px;background:#111115;border-radius:6px}
/* verify */
.al-verify{max-width:760px;margin:0 auto}
.al-verify h2{font:300 34px var(--serif,Georgia,serif);color:#fff;margin:10px 0 6px}
.al-verify .fine{color:#8f8878;margin-bottom:24px}
.al-verify .adm-form label{color:#b9b2a2}
.al-verify .adm-form input,.al-verify .adm-form select,.al-verify .adm-form textarea{background:#111115;border:1px solid rgba(255,255,255,.14);color:#e9e4d8;border-radius:8px;padding:11px 12px;font-size:14px;width:100%}
.al-verify .adm-form input:focus,.al-verify .adm-form select:focus{border-color:var(--gold);outline:none}
.al-upload{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:6px 0}
.al-selfie{margin:18px 0;border:1px dashed rgba(200,162,95,.4);border-radius:10px;padding:18px}
.al-verify .chk{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:#a9a294;margin:16px 0}
/* me / submit */
.al-my-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;background:#111115;border-radius:8px;margin-bottom:8px;font-size:13px;flex-wrap:wrap}
.al-my-row a{color:#e9e4d8;text-decoration:none}
.al-my-row a:hover{color:var(--gold)}
.al-my-row b{color:#fff}
.al-my-row .st{font:600 9px var(--sans);letter-spacing:.14em;color:#8f8878;border:1px solid rgba(255,255,255,.14);padding:4px 8px;border-radius:100px}
.al-my-row .st.live,.al-my-row .st.sold{color:var(--gold);border-color:var(--gold)}
.al-verified-banner{background:rgba(200,162,95,.1);border:1px solid var(--gold);color:#cbb98f;font:600 11px var(--sans);letter-spacing:.16em;padding:14px 18px;border-radius:8px;margin-bottom:26px}
.al-submit-list{margin:20px 0;display:grid;gap:8px}
.al-submit-row{display:flex;align-items:center;gap:14px;padding:10px 14px;background:#111115;border:1px solid rgba(255,255,255,.06);border-radius:8px;font-size:13px;flex-wrap:wrap}
.al-submit-thumb{width:64px;height:48px;border-radius:6px;overflow:hidden;flex:0 0 auto;background:#000;display:flex;align-items:center;justify-content:center}
.al-submit-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.al-submit-thumb .al-noimg.sm{font:600 8px var(--sans);letter-spacing:.14em;color:#8f8878}
.al-submit-info{flex:1 1 180px;min-width:0}
.al-submit-info b{color:#fff;display:block;font-size:13px;margin-bottom:2px}
.al-submit-info .fine{color:#8f8878;font-size:11px}
.al-submit-row > b{color:var(--gold);font-size:13px;white-space:nowrap}
.al-submit-list .mini-btn,.al-new-asset .mini-btn{background:transparent;border:1px solid var(--gold);color:var(--gold);font:600 9px var(--sans);letter-spacing:.16em;padding:8px 12px;border-radius:6px;cursor:pointer}
.al-submit-list .mini-btn:hover,.al-new-asset .mini-btn:hover{background:var(--gold);color:#111}
.al-new-asset{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px dashed rgba(200,162,95,.4);border-radius:10px;padding:20px;margin-top:10px;flex-wrap:wrap}
.al-new-asset b{font:600 13px var(--sans);letter-spacing:.04em;color:#e8dcc0;display:block;margin-bottom:4px}
.al-passport{max-width:720px;margin:0 auto}
.al-passport h2{font:300 34px var(--serif,Georgia,serif);color:#fff;margin:10px 0 24px}
.al-passport .al-specs{border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:6px 18px;margin-bottom:24px}
@media(max-width:900px){.al-lot-grid{grid-template-columns:1fr}.al-lot-sections{grid-template-columns:1fr}.al-upload{grid-template-columns:1fr}}
@media(max-width:680px){.al-top{padding:14px 18px}.al-top-links{gap:12px}.al-wrap{padding:28px 18px 60px}.al-grid{grid-template-columns:1fr}.al-hero{padding:52px 18px 40px}}

/* ---- compare ---- */
.cmp-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:var(--white)}
.cmp-tbl{width:100%;border-collapse:collapse;min-width:520px}
.cmp-tbl th,.cmp-tbl td{border-bottom:1px solid var(--line);border-left:1px solid var(--line);padding:14px 16px;text-align:left;vertical-align:top;font-size:14px}
.cmp-tbl thead th{border-bottom:2px solid var(--line2);background:var(--paper2);vertical-align:bottom}
.cmp-tbl .cmp-corner,.cmp-tbl .cmp-lab{border-left:0}
.cmp-lab{font:600 9.5px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--mut);width:170px;background:var(--paper)}
.cmp-head{display:flex;flex-direction:column;gap:10px;min-width:180px}
.cmp-media{display:block;aspect-ratio:16/10;overflow:hidden;border:1px solid var(--line);border-radius:5px;background:var(--paper2)}
.cmp-media img,.cmp-media svg{width:100%;height:100%;object-fit:cover;display:block}
.cmp-ttl{font-family:var(--serif);font-size:16px;color:var(--ink);line-height:1.25}
.cmp-act{display:flex;gap:6px}
.cmp-sec th{background:var(--ink);color:var(--gold2);font:600 9.5px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;border-left:0}

/* ---- messaging ---- */
.thread-list{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--white)}
.thread{padding:16px 18px;border-bottom:1px solid var(--line);display:block}
.thread:last-child{border-bottom:0}
.thread:hover{background:var(--paper2)}
.thread.unread{background:rgba(200,162,95,.08)}
.th-row{display:flex;align-items:center;gap:10px}
.th-row b{font-family:var(--serif);font-size:16px;color:var(--ink)}
.th-badge{background:var(--wine);color:#fff;font:600 10px/1 var(--sans);border-radius:10px;padding:3px 7px}
.th-time{margin-left:auto}
.th-listing{margin:3px 0}
.th-last{color:var(--text);font-size:14px}
.conv .msg-thread{border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:18px;max-height:54vh;overflow-y:auto;display:flex;flex-direction:column;gap:12px;margin-bottom:14px}
.msg{max-width:76%;padding:11px 14px;border-radius:12px;background:var(--white);border:1px solid var(--line);align-self:flex-start}
.msg.me{align-self:flex-end;background:var(--ink);border-color:var(--ink);color:#f3ede1}
.msg p{font-size:14px;line-height:1.5;white-space:pre-wrap;word-break:break-word}
.msg-at{display:block;margin-top:5px;font-size:10px;letter-spacing:.06em;opacity:.6}
.msg-compose{display:flex;gap:10px;align-items:flex-end}
.msg-compose textarea{flex:1;border:1px solid var(--line2);border-radius:6px;padding:10px 12px;font-size:14px;background:var(--white);resize:vertical;font-family:inherit}

/* ---- color swatches + pickers + multi-engine form ---- */
.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.color-item{display:flex;flex-direction:column;gap:8px}
.color-item .swatch{width:100%; height:66px;border-radius:8px;border:1px solid var(--line2)}
.color-item .cc-lab{font:600 9px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}
input[type=color]{width:100%;height:40px;border:1px solid var(--line2);border-radius:5px;background:var(--white);padding:3px;cursor:pointer}
.eng-block-form{border:1px solid var(--line);border-radius:8px;padding:14px 16px;margin-bottom:12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px 14px;align-items:end}
.eng-block-form label{margin:0}
.eng-block-form [data-engdel]{grid-column:1/-1;justify-self:start}

.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 5px;margin-left:5px;border-radius:9px;background:var(--wine,#7c2230);color:#fff;font:700 9px/1 var(--sans);letter-spacing:.02em;vertical-align:middle}

.rot-slide{cursor:pointer}
.rot-slide .plate,.rot-slide .artbox{height:100%}
.rot-slide .artbox{aspect-ratio:auto;overflow:hidden}
.rot-slide .artbox img,.rot-slide .artbox svg{width:100%;height:100%;object-fit:cover;display:block}
.rot-slide:not(.on){pointer-events:none}
.rot-frame{cursor:pointer}

/* ============ Lightbox ============ */
.lightbox-ov { position: fixed; inset: 0; background: rgba(8, 12, 24, 0.96); z-index: 9999; display: flex; align-items: center; justify-content: center; backdrop-filter: blur(8px); }
.lb-close { position: absolute; top: 20px; right: 26px; font-size: 24px; color: #fff; z-index: 10001; width: 44px; height: 44px; border-radius: 50%; background: rgba(255,255,255,0.1); display: grid; place-items: center; transition: 0.2s; cursor: pointer; }
.lb-close:hover { background: rgba(255,255,255,0.25); transform: scale(1.1); }
.lb-nav { position: absolute; top: 50%; transform: translateY(-50%); font-size: 24px; color: #fff; width: 56px; height: 56px; background: rgba(255,255,255,0.08); border-radius: 50%; display: grid; place-items: center; z-index: 10001; transition: 0.2s; cursor: pointer; }
.lb-nav:hover { background: rgba(255,255,255,0.2); }
.lb-prev { left: 24px; }
.lb-next { right: 24px; }
.lb-stage { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 40px; padding-bottom: 120px; cursor: default; }
.lb-stage img, .lb-stage svg { max-width: 90vw; max-height: 80vh; object-fit: contain; box-shadow: 0 15px 50px rgba(0,0,0,0.6); user-select: none; }
.lb-info { position: absolute; bottom: 0; left: 0; right: 0; padding: 60px 24px 26px; background: linear-gradient(to top, rgba(8,12,24,0.98) 30%, transparent); text-align: center; z-index: 10001; pointer-events: none; display: flex; flex-direction: column; align-items: center; gap: 6px; }
.lb-info h3 { font-family: var(--serif); font-size: 24px; color: #fff; margin: 0; line-height: 1.1; }
.lb-info .lb-price { font-family: var(--serif); font-size: 19px; color: var(--gold2); }
.lb-info .lb-meta { font-size: 13px; color: rgba(255,255,255,0.6); font-family: var(--sans); }
.lb-counter { margin-bottom: 8px; color: rgba(255,255,255,0.7); font: 600 11px var(--sans); letter-spacing: 0.2em; background: rgba(0,0,0,0.6); padding: 6px 14px; border-radius: 20px; }

@media(max-width: 760px) {
    .lb-nav { display: none; }
    .lb-stage { padding: 10px; padding-bottom: 100px; }
    .lb-stage img, .lb-stage svg { max-width: 100vw; max-height: 75vh; }
    .lb-close { top: 12px; right: 12px; }
    .lb-info h3 { font-size: 19px; }
    .lb-info .lb-price { font-size: 16px; }
}

@media(max-width: 768px) {
  .wrap { padding: 0 16px; }
  .mb-in { padding: 12px 16px; gap: 12px; }
  .wordmark { font-size: 20px; letter-spacing: 14px; }
  .grid-cards { grid-template-columns: 1fr !important; gap: 16px; }
  .chips-row { flex-direction: column; align-items: stretch !important; gap: 12px; }
  .detail { grid-template-columns: 1fr !important; gap: 24px; padding: 20px 0; }
  .d-price { font-size: 26px; }
}

.search-modal-overlay {
  position: fixed; top: 0; left: 0; width: 100vw; height: 100vh;
  background: rgba(8, 12, 24, 0.85); backdrop-filter: blur(6px);
  z-index: 99999; display: flex; align-items: flex-start; justify-content: center;
  padding-top: 100px; opacity: 0; pointer-events: none; transition: opacity 0.25s ease;
}
.search-modal-overlay.open { opacity: 1; pointer-events: auto; }
.search-modal-container {
  width: 90%; max-width: 600px; background: var(--white, #fbfaf7);
  padding: 24px; border-radius: 4px; position: relative;
  box-shadow: 0 20px 40px rgba(0,0,0,0.4);
}
.search-modal-close {
  position: absolute; top: 16px; right: 16px; background: transparent;
  border: none; font-size: 18px; cursor: pointer; color: var(--text, #111);
}
.search-modal-input-wrap input {
  width: 100%; padding: 12px 16px; font-size: 16px;
  border: 1px solid var(--line2, #d1cbb8); border-radius: 2px;
  outline: none; background: #fff;
}

/* ============================================================
   MOBILE-ONLY FLEXIBILITY LAYER
   كل القواعد هنا محصورة داخل @media (max-width:768px) فقط،
   لذلك لا تؤثر إطلاقاً على تصميم سطح المكتب (لم يتم تعديل أو
   حذف أي سطر سابق في الملف). الهدف: تحويل أي عرض/شبكة ثابتة
   إلى قيم مرنة (fr / % / auto-fit / clamp) عند التصفح من الجوال.
   ============================================================ */
@media (max-width: 768px) {

  /* منع أي انزلاق أفقي عرضي ناتج عن عناصر ثابتة العرض */
  html, body { max-width: 100%; overflow-x: hidden; }
  * { min-width: 0; }
  img, svg, video, canvas, iframe { max-width: 100%; height: auto; }

  /* الحاوية العامة */
  .wrap { width: 100%; padding: 0 16px; }

  /* الهيدر */
  .topbar .tb-in { flex-wrap: wrap; height: auto; padding: 6px 0; gap: 8px; }
  /* App-like header: wordmark left + burger right on row 1; auction + account row 2; search row 3 */
  .mb-in { flex-wrap: wrap; padding: 12px 16px; gap: 10px 12px; align-items: center; }
  .wordmark { font-size: 20px; order: 1; flex: 1 1 auto; letter-spacing: 14px; }
  .burger { order: 2; flex: 0 0 auto; margin: 0; }
  .al-link { order: 3; }
  .nav-pages { order: 4; margin-inline-start: auto !important; }
  .search { flex: 1 1 100%; order: 5; max-width: 100%; margin-left: 0 !important; }
  .suggest { left: 0; right: 0; }
  #authBtn { order: 4; }

  /* البطل (Hero) */
  .hero { grid-template-columns: 1fr; gap: 28px; padding-top: 32px; padding-bottom: 32px; }
  .hero-stats { flex-wrap: wrap; gap: 20px 28px; }
  .hero-cta { width: 100%; }
  .hero-cta .btn { flex: 1 1 auto; }

  /* الشريط والفهرس */
  .index { padding: 36px 16px 8px; }
  .sec-head { flex-wrap: wrap; gap: 10px; }
  .idx-row { grid-template-columns: 28px 1fr auto; gap: 10px; padding: 14px 4px; }
  .idx-row .fr, .idx-row .ar { display: none; }

  /* الأشرطة الأفقية القابلة للتمرير */
  .rail { padding: 6px 16px 18px; gap: 14px; }
  .rail > * { flex: 0 0 78%; }

  /* شبكات ثابتة الأعمدة -> عمود واحد أو مرن */
  .search-layout { grid-template-columns: 1fr; gap: 24px; padding: 24px 0 48px; }
  .filters { position: static; }
  .grid-cards { grid-template-columns: 1fr; gap: 16px; }
  .lot-row { flex-direction: column; }
  .lot-row .plate-wrap { flex: auto; }
  .results-bar { gap: 10px; }
  .detail { grid-template-columns: 1fr; gap: 22px; padding: 18px 0; }
  .gal-tabs { flex-wrap: wrap; }
  .gal-tabs button { flex: 1 1 auto; }
  .gal-thumbs { grid-template-columns: repeat(auto-fit, minmax(70px, 1fr)); }
  .spec-grid { grid-template-columns: 1fr; }
  .spec-grid div:nth-child(odd) { border-right: none; }
  .feat-grid { grid-template-columns: 1fr; }
  .eng-rows { grid-template-columns: 1fr 1fr; gap: 10px; }
  .frow, .frow2 { grid-template-columns: 1fr; }

  /* المصادقة / الخطط / الأدوار */
  .auth { padding: 12px 0; }
  .auth-r { padding: 24px 18px; }
  .role-cards { grid-template-columns: 1fr; }
  .plans, .mini-plans { grid-template-columns: 1fr; gap: 14px; }
  .plan { padding: 24px 20px; }

  /* الحساب / الإدارة */
  .acc { grid-template-columns: 1fr; gap: 24px; padding: 24px 0 50px; }
  .acc-side { position: static; }
  .adm-main { padding: 20px 16px 50px; }
  .kpis { grid-template-columns: 1fr 1fr; gap: 10px; }
  .adm-form { grid-template-columns: 1fr; }

  /* الجداول: تمرير أفقي بدلاً من كسر التخطيط */
  .tbl, .cmp-table, .adm-tbl { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }

  /* الإحصاءات وتذييل الصفحة */
  .stats-in { grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 16px; padding: 26px 0; }
  .ft-in { grid-template-columns: 1fr; gap: 28px; padding: 40px 0 30px; }

  /* عناصر عامة أخرى */
  .fsec { padding: 20px; }
  .seller-card, .msgbox { padding: 18px; }
  .modal { width: 92%; padding: 22px; }
  .cb-in { padding: 12px 16px; gap: 10px; }
  #toast-root { left: 16px; right: 16px; top: 76px; }
  .toast { max-width: 100%; }
}

/* ============================================================
   MY LOTS (صفحة الحساب) — تحويل الجدول .tbl إلى بطاقات على الجوال
   لا يمس .cmp-table أو .adm-tbl (تبقى بتمرير أفقي كما هي)
   ============================================================ */
@media (max-width: 768px) {
  .tbl { border: none; background: transparent; }
  .tbl thead { display: none; }
  .tbl tbody { display: block; }
  .tbl tr {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 12px;
    background: var(--white);
    border: 1px solid var(--line);
    border-radius: 10px;
    padding: 16px;
    margin-bottom: 12px;
  }
  .tbl tr:hover td { background: transparent; }
  .tbl td { display: block; padding: 0; border: none; }
  .tbl td:first-child {
    flex: 1 1 100%;
    order: 1;
    font-family: var(--serif);
    font-size: 17px;
    color: var(--ink);
    line-height: 1.3;
  }
  .tbl td:nth-child(2) {
    order: 2;
    font-family: var(--serif);
    font-size: 15px;
    color: var(--wine);
  }
  .tbl td:nth-child(3) { order: 3; margin-inline-start: auto; }
  .tbl td:last-child { order: 4; flex: 1 1 100%; margin-top: 4px; }
  .tbl .adm-act { width: 100%; }
  .tbl .adm-act .mini-btn { flex: 1 1 0; text-align: center; }
}

/* ============================================================
   صفحة الكتالوج (Yachts/Cars/...) على الجوال فقط:
   - شريط تصنيفات أفقي أنيق قابل للتمرير بدل التكدس العشوائي
   - إخفاء أزرار تبديل العرض (شبكة/قائمة) على الجوال فقط
   - صندوق الفلاتر (الدولة/السعر) كبطاقة موحّدة أنيقة
   ============================================================ */
@media (max-width: 768px) {
  .chips-row {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    gap: 10px;
    padding: 2px 2px 6px;
    margin-bottom: 18px;
  }
  .chips-row::-webkit-scrollbar { display: none; }
  .chips-row .chip { flex: 0 0 auto; white-space: nowrap; padding: 10px 16px; }

  /* إخفاء زري تبديل العرض (شبكة/قائمة) على الجوال فقط — سطح المكتب لا يتأثر */
  .viewbtn { display: none; }
  .results-bar { justify-content: space-between; }

  .facet {
    background: var(--white);
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 18px 16px;
    margin-bottom: 18px;
  }
  .facet h4 { color: var(--gold); margin-bottom: 14px; }
  .facet input, .facet select { padding: 12px 14px; font-size: 14px; border-radius: 6px; }
  .frow, .frow2 { gap: 10px; }
  .filters .btn, .facet .btn { width: 100%; }
}

/* ============================================================
   الشريط العلوي (Topbar) على الجوال فقط:
   1) تحويل SHORTLIST / COMPARE / CONTROL PANEL من كلمات
      إلى أيقونات ذهبية بدون خلفية (مع إبقاء الرقم ظاهراً)
   2) إزاحة ACCOUNT + زر البرغر إلى أقصى اليمين تماماً
   سطح المكتب لا يتأثر إطلاقاً بأي من هذه القواعد
   ============================================================ */
@media (max-width: 768px) {
  .tb-r { gap: 14px; }
  .tb-r .tb-link {
    font-size: 0;
    display: inline-flex;
    align-items: center;
    background: none;
    border: none;
    padding: 0;
    color: var(--gold);
  }
  .tb-r .tb-link::before {
    font-size: 16px;
    line-height: 1;
    color: var(--gold);
  }
  .tb-r .tb-link b { font-size: 10.5px; margin-inline-start: 3px; }
  .tb-r .tb-link:nth-of-type(1)::before { content: "♡"; }
  .tb-r .tb-link:nth-of-type(2)::before { content: "⇄"; }
  .tb-r .tb-msg::before { content: "✉"; }
  /* Control Panel is hidden from the top bar on mobile — it lives in the side menu */
  #adminLink { display: none !important; }
  /* Account is hidden from the header on mobile — it lives in the side menu + bottom bar */
  #authBtn { display: none !important; }

  /* دفع ACCOUNT وزر البرغر (وكل ما يسبقه مباشرة) إلى أقصى يمين الشريط */
  .mb-in > *:has(+ .burger) { margin-inline-start: auto; }
  .burger { margin-inline-start: 0; }
}.al-req{color:#b8860b;font-weight:700}

/* ── AURXIA AUCTION — asset page clarity & sections ─────────────────── */
.al-page .al-wrap h2{color:#f3ecd9}
.al-page .al-kicker{color:var(--gold2)}
.al-note{color:#c9c1ad !important;font-size:12px;line-height:1.6;border-left:2px solid var(--gold);padding:10px 0 10px 14px;background:rgba(200,162,95,.04)}
.al-bar h2{color:#f5efe0 !important}

/* asset form: dark-surface treatment (was inheriting light admin styles) */
.al-asset-form{display:block}
.al-asset-form .al-fieldset{border:1px solid rgba(200,162,95,.18);border-radius:10px;padding:22px 22px 24px;margin-bottom:20px;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0))}
.al-asset-form .al-legend{display:flex;align-items:center;gap:12px;font:600 11px/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gold2);margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid rgba(200,162,95,.16)}
.al-asset-form .al-legend-no{display:inline-grid;place-items:center;width:28px;height:28px;min-width:28px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font-size:10px;letter-spacing:0;font-weight:700}
.al-asset-form .al-grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}
.al-asset-form label{display:flex;flex-direction:column;gap:7px;font:600 10px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#b7cfc0;color:#c3bcac}
.al-asset-form input,.al-asset-form select,.al-asset-form textarea{background:#131318;border:1px solid rgba(255,255,255,.14);color:#f0ebde;border-radius:8px;padding:12px 13px;font-size:14px;font-family:var(--sans);width:100%;transition:border-color .2s,box-shadow .2s}
.al-asset-form input::placeholder,.al-asset-form textarea::placeholder{color:#6f6a5c}
.al-asset-form input:focus,.al-asset-form select:focus,.al-asset-form textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(200,162,95,.15)}
.al-asset-form select option{background:#1a1a20;color:#f0ebde}
.al-asset-form input[disabled][readonly],.al-asset-form input[disabled]{opacity:.6;cursor:not-allowed}
.al-asset-form textarea{min-height:88px;resize:vertical;line-height:1.5}
.al-asset-form .al-req{color:var(--gold2);font-weight:700}
.al-asset-form .al-check{flex-direction:row;align-items:center;gap:10px;text-transform:none;letter-spacing:.02em;font-size:12px;color:#c9c1ad;align-self:end;padding-bottom:12px}
.al-asset-form .al-check input{width:auto}
.al-asset-form .al-check span{font-weight:600}
.al-form-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:6px}
@media(max-width:680px){.al-asset-form .al-grid2{grid-template-columns:1fr}.al-asset-form .al-fieldset{padding:18px 16px 20px}}

/* AL asset form — upload controls */
.al-asset-form .al-help{font-size:12px;color:#c3bcac;line-height:1.6;margin:-6px 0 18px}
.al-asset-form label.al-file{gap:9px}
.al-asset-form input[type=file]{background:#131318;border:1px dashed rgba(200,162,95,.4);color:#c9c1ad;padding:12px 13px;border-radius:8px;font-size:12px;cursor:pointer;width:100%}
.al-asset-form input[type=file]::file-selector-button{background:var(--gold);color:#141414;border:none;border-radius:5px;padding:8px 14px;margin-right:12px;font:600 10px var(--sans);letter-spacing:.14em;text-transform:uppercase;cursor:pointer}
.al-asset-form input[type=file]:hover{border-color:var(--gold)}
.al-onfile{color:var(--ok,#6bbf8a);font-weight:700;font-size:9px;letter-spacing:.06em;text-transform:none}
.al-uploading{margin-top:14px;color:var(--gold2);font:600 11px var(--sans);letter-spacing:.14em;text-transform:uppercase}
.al-uploading::before{content:"◈ "}

/* AURXIA AUCTION — lot gallery + documents */
.al-main-media{width:100%;border-radius:12px;display:block;aspect-ratio:4/3;object-fit:cover;background:#0e0e12}
.al-thumbs{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}
.al-thumb{width:72px;height:56px;border:1px solid rgba(255,255,255,.14);border-radius:7px;overflow:hidden;background:#131318;cursor:pointer;padding:0;display:grid;place-items:center;transition:border-color .2s}
.al-thumb.on{border-color:var(--gold)}
.al-thumb img{width:100%;height:100%;object-fit:cover}
.al-thumb-ic{color:var(--gold);font:700 11px var(--sans);letter-spacing:.1em}
.al-docs{display:flex;flex-direction:column;gap:8px}
.al-doc{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#111115;border:1px solid rgba(255,255,255,.08);border-radius:8px;color:#e9e4d8;font-size:13px;text-decoration:none;transition:border-color .2s,background .2s}
.al-doc:hover{border-color:var(--gold);background:#15151b}
.al-doc-ic{font-size:18px;line-height:1}
.al-doc-view{margin-left:auto;color:var(--gold);font:600 11px var(--sans);letter-spacing:.08em}

/* AURXIA AUCTION — lot content fixes */
.al-spec-line{padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06);color:#e9e4d8;font-size:13px}
.al-spec-line:last-child{border-bottom:none}
.al-prov-item{display:flex;gap:14px;align-items:baseline;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:13px;color:#d8d2c4}
.al-prov-item:last-child{border-bottom:none}
.al-prov-item b{color:var(--gold);min-width:56px}
.al-desc{color:#b7b0a0;font-size:14px;line-height:1.7;margin:0}
.al-lot-sections{gap:22px 40px}
.al-sec{padding-top:18px}

/* RTL support for Arabic */
html[dir="rtl"] body{direction:rtl;text-align:right}
html[dir="rtl"] .tb-r,html[dir="rtl"] .al-top-links,html[dir="rtl"] .bid-box{direction:rtl}
html[dir="rtl"] .al-bid-sub,html[dir="rtl"] .al-spec,html[dir="rtl"] .al-doc{flex-direction:row-reverse}
html[dir="rtl"] .fine,html[dir="rtl"] .al-lab{text-align:inherit}

/* AURXIA AUCTION full-screen mode — hide the main marketplace header, show only AL's own header */
body.al-mode .topbar,
body.al-mode .mainbar{display:none}
body.al-mode #app{margin:0}
body.al-mode .al-page{min-height:100vh}
/* center AL content and give it comfortable width on laptops + large screens */
.al-page .al-top{padding-left:max(32px,calc((100vw - 1280px)/2));padding-right:max(32px,calc((100vw - 1280px)/2))}

/* Account → Messages button: warming glow when there are unread messages */
.msg-btn.has-unread{position:relative;border-color:var(--gold);color:var(--gold);animation:msgGlow 2s ease-in-out infinite}
@keyframes msgGlow{0%,100%{box-shadow:0 0 0 0 rgba(200,162,95,0);border-color:rgba(200,162,95,.5)}50%{box-shadow:0 0 16px 1px rgba(200,162,95,.55);border-color:rgba(200,162,95,.95)}}
.msg-btn-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;margin-left:8px;border-radius:100px;background:var(--gold);color:var(--ink,#141414);font:700 11px var(--sans);letter-spacing:0;vertical-align:middle}
@media(prefers-reduced-motion:reduce){.msg-btn.has-unread{animation:none}}

/* Account: message-sound toggle */
.msg-sound-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--mut,#6f6b5e);margin:2px 0 4px;cursor:pointer}
.msg-sound-row input{width:auto;cursor:pointer}

/* AURXIA AUCTION — winner row on ended lots */
.al-winner-row b{color:var(--gold)}
.al-bid-sub.al-winner-row{border-top:1px solid rgba(200,162,95,.25);padding-top:10px;margin-top:4px}

/* AURXIA AUCTION — admin note shown to the seller on their asset row */
.al-row-note{margin-top:8px;padding:8px 12px;border-radius:8px;background:rgba(200,162,95,.1);border:1px solid rgba(200,162,95,.35);font-size:13px;line-height:1.6}
.al-row-note.warn{background:rgba(200,80,60,.1);border-color:rgba(200,80,60,.4)}
.al-row-note b{color:var(--gold)}

/* Contact form — inline confirmation shown under the message box */
.contact-note{margin-top:14px;padding:0;font-size:15px;line-height:1.7;border-radius:8px;transition:all .2s}
.contact-note.ok{padding:14px 16px;background:rgba(60,160,90,.12);border:1px solid rgba(60,160,90,.4);color:#2e7d4f}
.contact-note.err{padding:14px 16px;background:rgba(200,80,60,.1);border:1px solid rgba(200,80,60,.4);color:#b3402c}

/* Admin — page-size selector + pager */
.mini-sel{padding:6px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.05);color:inherit;font-size:13px}
.adm-pager .mini-btn[disabled]{opacity:.4;cursor:not-allowed}

/* File upload — clear (✕) button */
.file-row{display:inline-flex;align-items:center;gap:8px;width:100%}
.file-row input[type=file]{flex:1}
.file-clear{flex:0 0 auto;width:28px;height:28px;border-radius:6px;border:1px solid var(--line);background:#fff;color:#b3402c;cursor:pointer;font-size:14px;line-height:1;transition:.15s}
.file-clear:hover{background:#b3402c;color:#fff;border-color:#b3402c}

/* ---- Featured Categories (home) ---- */
.fcats{margin:60px auto}
.fcats .sec-head h2{font-family:var(--serif);font-size:34px}
.fcats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:24px}
.fcat{position:relative;display:block;border-radius:4px;overflow:hidden;aspect-ratio:9/16;background:#1a1a1a;text-decoration:none}
.fcat-img{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .6s}
.fcat:hover .fcat-img{transform:scale(1.05)}
.fcat::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,rgba(0,0,0,.1) 45%,transparent 70%)}
.fcat-body{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:22px;color:#fff}
.fcat-body h3{font-family:var(--serif);font-size:26px;margin:0 0 8px;color:#fff}
.fcat-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.18em;text-transform:uppercase;opacity:.9}
.fcat-meta .ar{font-size:16px}
@media(max-width:1000px){.fcats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.fcats-grid{grid-template-columns:1fr}}

/* ---- Trending (home) ---- */
.trending{margin:60px auto}
.trending .sec-head{display:flex;justify-content:space-between;align-items:center}
.trending .sec-head h2{font-family:var(--serif);font-size:34px}

/* Home sections — mobile visibility toggle */
@media(max-width:640px){.hide-mobile{display:none!important}}
/* Featured cats: keep story cards reasonable on phones (2 cols) */
@media(max-width:560px){.fcats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.fcat-body{padding:14px}.fcat-body h3{font-size:19px}}
/* Admin — featured category image rows */
.fc-item-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}
.fc-img-upl{display:flex;align-items:center;gap:10px}
.fc-thumb{width:44px;height:78px;object-fit:cover;border-radius:3px;border:1px solid var(--line2)}

/* ---- VIP banner: fixed large card left, rail scrolls on its right ---- */
.rail-wrap{display:flex;align-items:stretch;gap:22px;padding-left:105px}
.rail-wrap .rail{flex:1;min-width:0;padding-left:0}
.rail-wrap.has-vip .vip-banner{flex:0 0 clamp(420px,42vw,720px);position:relative;display:flex;padding:6px 0 20px}
.rail-wrap.has-vip .vip-banner .lot{width:100%}
.rail-wrap.has-vip .vip-banner .lot .lot-body{flex:1}
/* VIP image: wide but same HEIGHT as the neighbouring cards' images (not taller) */
.rail-wrap.has-vip .vip-banner .plate .artbox{aspect-ratio:auto;height:208px}
.lot-vip .lot-title{font-size:19px}
.badge.vip-tag{position:absolute;left:18px;top:18px;background:var(--gold);color:#12100c;font-weight:700;letter-spacing:.1em}
@media(max-width:1100px){.rail-wrap{padding-left:40px}.rail-wrap.has-vip{flex-direction:column}.rail-wrap.has-vip .vip-banner{flex:auto;width:100%}}
@media(max-width:680px){.rail-wrap{padding-left:20px}}

/* Rail cards: fit mobile width so horizontal scroll + arrows work cleanly */
@media(max-width:680px){.rail>*{flex:0 0 82vw}.rail{padding-left:20px;padding-right:20px}.rail-wrap{padding-left:0}.rail-wrap.has-vip{flex-direction:column}}

/* Admin — featured reorder handle + order buttons */
.fc-handle{cursor:grab;color:var(--line2);font-size:16px;padding:0 4px}
.fc-ord{display:inline-flex;gap:2px;margin:0 8px}
.fc-ord .mini-btn{padding:2px 7px}
.fc-item-row{align-items:center}

/* Admin — listing thumbnails in the Listings (My lots) table */
.adm-thumb-cell{width:76px;padding-right:0!important}
.adm-thumb{width:64px;height:44px;object-fit:cover;border-radius:4px;border:1px solid var(--line2);display:block}
.adm-thumb-ph{display:flex;align-items:center;justify-content:center;background:var(--paper2,#f0ede8);color:var(--mut,#999);font-size:11px;font-weight:600;letter-spacing:.05em}

/* Legal pages (Terms / Privacy) */
.legal{max-width:820px;padding-top:40px;padding-bottom:60px}
.legal-h{font-family:var(--serif);font-size:38px;margin:6px 0 24px}
.legal-body{line-height:1.8;color:var(--text)}
.legal-body p{margin:0 0 16px}

/* Admin — secret-credential badges (keys live in config.local.php) */
.gate-secret{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;padding:4px 0;color:var(--mut,#888)}
.gate-secret-badge{font-weight:600}
.gate-secret-badge.ok{color:#2e7d4f}
.gate-secret-badge.unset{color:#b08900}
.gate-note{font-size:11px;color:var(--mut,#999);margin-top:6px;line-height:1.5}
.gate-note code{background:rgba(0,0,0,.06);padding:1px 5px;border-radius:3px;font-size:10.5px}

/* Stage 1 — auth recovery + account security */
.auth-links{display:flex;gap:10px;align-items:center;font-size:13px;margin-top:14px;color:var(--mut,#888)}
.auth-links a{color:var(--ink,#1a1a1a);text-decoration:underline}
.auth-divider{display:flex;align-items:center;text-align:center;margin:24px 0 16px;color:var(--mut,#999);font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.auth-divider::before,.auth-divider::after{content:"";flex:1;height:1px;background:var(--line,#e5e0d8)}
.auth-divider span{padding:0 14px}
.auth-register-btn{display:block;text-align:center;width:100%;font-weight:600}
.verify-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#fff8e1;border:1px solid #e8d38a;border-radius:4px;padding:14px 18px;margin-top:20px;font-size:14px}
.acc-sec-grid{display:flex;flex-direction:column;gap:12px;margin-top:16px}
.acc-sec-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border:1px solid var(--line,#e5e0d8);border-radius:4px;background:#fff}
.acc-sec-row b{font-size:14px}

/* Stage 2 — profile avatar, last seen, address/phone books */
.acc-avatar-wrap{position:relative;width:96px;height:96px;margin:6px 0 14px}
.acc-avatar{width:96px;height:96px;border-radius:50%;overflow:hidden;background:var(--paper2,#efece6);display:flex;align-items:center;justify-content:center;border:1px solid var(--line,#e5e0d8)}
.acc-avatar img{width:100%;height:100%;object-fit:cover}
.acc-avatar span{font-size:38px;font-family:var(--serif);color:var(--mut,#999)}
.acc-avatar-edit{position:absolute;right:0;bottom:0;width:30px;height:30px;border-radius:50%;background:var(--ink,#12100c);color:#fff;border:2px solid #fff;cursor:pointer;font-size:13px;line-height:1;display:flex;align-items:center;justify-content:center}
.acc-book{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.book-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;border:1px solid var(--line,#e5e0d8);border-radius:4px;background:#fff}
.book-row b{font-size:14px}
.book-empty{padding:14px 0}

/* Stage 3 — subscription + invoices */
.acc-sub{margin-top:14px}
.sub-current{padding:18px;border:1px solid var(--line,#e5e0d8);border-radius:4px;background:#fff}
.sub-plan{font-size:18px;display:flex;align-items:center;gap:10px;margin-bottom:6px}
.sub-history{margin-top:8px}
.sub-hist-row{padding:6px 0;border-bottom:1px solid var(--line,#eee)}
.inv-row .inv-ref{color:var(--mut,#aaa);font-family:monospace;font-size:11px}

/* Mailing list — recipients + rich editor */
.ml-toolbar{display:flex;flex-wrap:wrap;gap:4px;padding:8px;border:1px solid var(--line,#e5e0d8);border-bottom:none;border-radius:4px 4px 0 0;background:var(--paper2,#f6f3ee)}
.ml-tb{padding:6px 11px;border:1px solid var(--line,#ddd);background:#fff;border-radius:3px;cursor:pointer;font-size:13px;line-height:1;min-width:32px}
.ml-tb:hover{background:var(--ink,#12100c);color:#fff}
.ml-editor{min-height:220px;max-height:460px;overflow:auto;border:1px solid var(--line,#e5e0d8);border-radius:0 0 4px 4px;padding:16px;background:#fff;font-family:Arial,Helvetica,sans-serif;line-height:1.6;outline:none}
.ml-editor:focus{border-color:var(--gold,#c8a25f)}
.ml-editor h2{font-size:20px;margin:10px 0}
.ml-editor a{color:#1a5fb4;text-decoration:underline}
.ml-editor img{max-width:100%}
.ml-chk{width:36px;text-align:center}
.ml-table-wrap{max-height:420px;overflow:auto;border:1px solid var(--line,#e5e0d8);border-radius:4px}
.ml-table{width:100%;border-collapse:collapse}
.ml-table th,.ml-table td{padding:9px 12px;text-align:left;border-bottom:1px solid var(--line,#eee);font-size:13px}
.ml-table thead th{position:sticky;top:0;background:var(--paper2,#f6f3ee);z-index:1;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#888}

/* Mailing editor — extended toolbar */
.ml-sel{padding:5px 6px;border:1px solid var(--line,#ddd);border-radius:3px;background:#fff;font-size:12px;cursor:pointer;max-width:96px}
.ml-color-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--line,#ddd);border-radius:3px;background:#fff;cursor:pointer;vertical-align:middle;overflow:hidden}
.ml-color-ic{font-size:13px;font-weight:bold;font-family:Arial,sans-serif;line-height:1;pointer-events:none;width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:2px}
.ml-fill-ic{color:#666}
.ml-color{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:none;padding:0}
.ml-tb-sep{display:inline-block;width:1px;height:22px;background:var(--line,#ddd);margin:0 3px;vertical-align:middle}
.mls-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.mls-row span{min-width:96px;font-size:13px}
.mls-row input{flex:1}
.ml-editor table{border-collapse:collapse}
.ml-editor td,.ml-editor th{border:1px solid #ccc;padding:8px}

/* Advertise-here slot card (department rails) */
.rail > .ad-slot,.grid-cards > .ad-slot{flex:0 0 320px}
.ad-slot{display:block;text-decoration:none;border:1.5px dashed var(--gold,#c8a25f)!important;background:linear-gradient(160deg,#fbf9f3,#f3ede0);border-radius:6px;transition:transform .18s,box-shadow .18s}
.ad-slot:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(200,162,95,.28);background:linear-gradient(160deg,#fdfbf6,#f0e8d6)}
.ad-slot-inner{height:100%;min-height:320px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px 20px;gap:8px}
.ad-slot-mark{font-size:34px;color:var(--gold,#c8a25f);line-height:1}
.ad-slot-title{font-family:var(--serif,Georgia,serif);font-size:22px;color:var(--ink,#12100c);letter-spacing:.02em}
.ad-slot-sub{font-size:13px;color:var(--mut,#8a8272);max-width:200px;line-height:1.5}
.ad-slot-btn{margin-top:14px;display:inline-block;padding:10px 22px;background:var(--ink,#12100c);color:var(--gold2,#e9d5a4);border-radius:3px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.ad-slot:hover .ad-slot-btn{background:var(--gold,#c8a25f);color:var(--ink,#12100c)}

/* Advertise-here full-width banner (after each department section) */
.ad-banner{display:flex;align-items:center;gap:20px;margin:8px 0 0;padding:22px 30px;border:1.5px dashed var(--gold,#c8a25f);border-radius:8px;background:linear-gradient(135deg,#fbf9f3,#f2ebdc);text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s}
.ad-banner:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(200,162,95,.25);background:linear-gradient(135deg,#fdfbf6,#efe6d2)}
.ad-banner-mark{font-size:30px;color:var(--gold,#c8a25f);line-height:1;flex:0 0 auto}
.ad-banner-txt{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}
.ad-banner-txt b{font-family:var(--serif,Georgia,serif);font-size:20px;color:var(--ink,#12100c);letter-spacing:.02em}
.ad-banner-txt span{font-size:13px;color:var(--mut,#8a8272)}
.ad-banner-btn{flex:0 0 auto;padding:12px 26px;background:var(--ink,#12100c);color:var(--gold2,#e9d5a4);border-radius:4px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
.ad-banner:hover .ad-banner-btn{background:var(--gold,#c8a25f);color:var(--ink,#12100c)}
@media(max-width:640px){.ad-banner{flex-direction:column;text-align:center;gap:12px;padding:20px}.ad-banner-btn{width:100%;text-align:center}}

/* "Advertise Here" chip inside the VIP card action row */
.chip-ad{border-color:var(--gold,#c8a25f)!important;color:var(--gold,#c8a25f)!important;font-weight:600}
.chip-ad:hover{background:var(--gold,#c8a25f)!important;color:var(--ink,#12100c)!important}

/* VIP multi-listing autoscroll — slides overlay INSIDE the existing banner box.
   The active slide is relative (keeps the banner's normal size); others overlay
   absolutely on top. No change to .vip-banner dimensions. */
.vip-banner.vip-multi{position:relative}
.vip-banner.vip-multi .vip-slide{display:flex;width:100%}
.vip-banner.vip-multi .vip-slide:not(.on){position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .5s ease}
.vip-banner.vip-multi .vip-slide.on{position:relative;opacity:1;visibility:visible;transition:opacity .5s ease}
.vip-banner.vip-multi .vip-slide .lot{width:100%}
.vip-dots{position:absolute;left:0;right:0;bottom:30px;display:flex;justify-content:center;gap:8px;z-index:4}
.vip-dot{width:9px;height:9px;border-radius:50%;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.7);cursor:pointer;transition:transform .25s,background .25s}
.vip-dot.on{background:var(--gold,#c8a25f);transform:scale(1.3)}
.vip-dot:hover{background:var(--gold,#c8a25f)}

/* ===== Invitation gate ===== */
body.gate-mode .topbar,body.gate-mode .mainbar,body.gate-mode footer{display:none!important}
.gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:linear-gradient(160deg,#12100c,#1b2338)}
.gate-box{width:100%;max-width:420px;background:var(--white,#fbf9f3);border:1px solid var(--gold,#c8a25f);border-radius:10px;padding:44px 38px;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.5)}
.gate-brand{font-family:var(--serif,Georgia,serif);font-size:34px;letter-spacing:.18em;color:var(--ink,#12100c)}
.gate-sub{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold,#c8a25f);margin:8px 0 28px}
.gate-form{display:flex;flex-direction:column;gap:14px;text-align:left}
.gate-form label{display:flex;flex-direction:column;gap:5px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--mut,#6f6b5e)}
.gate-form input{padding:12px 14px;border:1px solid var(--line,#d9d0bd);border-radius:4px;font-size:15px;background:#fff}
.gate-form input:focus{outline:none;border-color:var(--gold,#c8a25f)}
.gate-btn{margin-top:8px}
.gate-links{margin:16px 0 0;font-size:13px}
.gate-links a{color:var(--mut,#6f6b5e)}
.gate-divider{display:flex;align-items:center;gap:12px;margin:22px 0 16px;color:var(--mut,#8a8272);font-size:12px}
.gate-divider::before,.gate-divider::after{content:"";flex:1;height:1px;background:var(--line,#d9d0bd)}
.gate-req{width:100%}

/* ===== Invitations — elegant cards ===== */
.inv-list{display:flex;flex-direction:column;gap:14px;margin-top:16px}
.inv-card{border:1px solid var(--line,#d9d0bd);border-radius:8px;padding:20px 22px;background:#fff;transition:box-shadow .2s}
.inv-card:hover{box-shadow:0 6px 20px rgba(0,0,0,.06)}
.inv-main{display:grid;grid-template-columns:1.3fr 2fr auto;gap:24px;align-items:start}
.inv-person{min-width:0}
.inv-name{font-family:var(--serif,Georgia,serif);font-size:19px;color:var(--ink,#12100c);line-height:1.3;word-break:break-word}
.inv-role{font-size:13px;color:var(--mut,#8a8272);margin-top:3px}
.inv-contact{display:flex;flex-direction:column;gap:5px;font-size:14px;color:var(--text,#20242f);min-width:0}
.inv-contact div{word-break:break-word}
.inv-lbl{display:inline-block;min-width:62px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--mut,#a89f8c)}
.inv-status{white-space:nowrap}
.inv-badge{display:inline-block;padding:5px 12px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
.inv-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--paper2,#ece6d7)}
.btn.sm{padding:8px 16px;font-size:12px}
.inv-del{margin-left:auto;color:#b04a4a;border-color:#e3c9c9}
.inv-del:hover{background:#b04a4a;color:#fff;border-color:#b04a4a}
@media(max-width:760px){.inv-main{grid-template-columns:1fr;gap:14px}}

/* Membership payment gate note (top of plans page) */
.mem-gate-note{background:linear-gradient(135deg,#faf7f0,#f2ebda);border:1px solid var(--gold,#c8a25f);border-radius:10px;padding:28px 32px;margin-bottom:32px}
.mem-gate-note h2{font-family:var(--serif,Georgia,serif);color:var(--ink,#12100c)}

/* Active membership banner + countdown (plans page) */
.mem-active-note{background:linear-gradient(135deg,#faf7f0,#eef3ea);border:1px solid #cbb26a;border-radius:10px;padding:28px 32px;margin-bottom:32px}
.mem-active-note h2{font-family:var(--serif,Georgia,serif);color:var(--ink,#12100c)}
.mem-countdown{margin-top:18px}
.mem-cd-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut,#8a8272);margin-bottom:10px}
.mem-cd-grid{display:flex;gap:12px;flex-wrap:wrap}
.mem-cd-cell{background:var(--ink,#12100c);color:#fff;border-radius:8px;padding:14px 18px;min-width:74px;text-align:center}
.mem-cd-cell b{display:block;font-size:28px;font-family:var(--serif,Georgia,serif);line-height:1;color:var(--gold,#c8a25f)}
.mem-cd-cell span{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#cfc4a5;margin-top:6px}
.plan.plan-owned{opacity:.85}
.plan.plan-owned .btn.solid[disabled]{background:#2e7d4f;border-color:#2e7d4f;color:#fff}

/* ===== Messages: composer, attachments, video call ===== */
.msg-thread{max-height:52vh;overflow-y:auto;border:1px solid var(--line);padding:16px;display:flex;flex-direction:column;gap:12px;background:var(--paper)}
.msg-bubble{max-width:72%;padding:10px 14px;border-radius:12px;word-wrap:break-word}
.msg-bubble.mine{align-self:flex-end;background:var(--ink);color:var(--gold2,#e9d5a4)}
.msg-bubble.theirs{align-self:flex-start;background:#fff;border:1px solid var(--line);color:var(--text)}
.msg-bubble .msg-text a{color:inherit;text-decoration:underline}
.msg-bubble ul,.msg-bubble ol{margin:6px 0 6px 20px}
.msg-time{font-size:10px;opacity:.6;margin-top:5px}
.msg-call{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:8px 14px;background:#2e7d4f;color:#fff!important;border-radius:6px;text-decoration:none!important;font-size:13px;font-weight:600}
.msg-atts{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.msg-att-img img{max-width:180px;max-height:140px;border-radius:8px;display:block}
.msg-att-file{display:inline-flex;align-items:center;gap:8px;background:rgba(0,0,0,.06);padding:8px 12px;border-radius:8px;text-decoration:none;color:inherit;font-size:13px}
.msg-bubble.mine .msg-att-file{background:rgba(255,255,255,.12)}
.msg-att-sz{opacity:.6;font-size:11px}
.msg-composer{margin-top:14px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}
.msg-toolbar{display:flex;flex-wrap:wrap;gap:2px;padding:8px;background:var(--paper);border-bottom:1px solid var(--line);align-items:center}
.msg-toolbar button{padding:6px 10px;border:1px solid transparent;background:transparent;border-radius:5px;cursor:pointer;font-size:13px;color:var(--ink)}
.msg-toolbar button:hover{background:#fff;border-color:var(--line)}
.msg-tb-sep{width:1px;height:20px;background:var(--line);margin:0 4px}
.msg-editor{min-height:80px;max-height:200px;overflow-y:auto;padding:12px 14px;font-size:15px;outline:none;line-height:1.6}
.msg-editor:empty:before{content:attr(data-placeholder);color:var(--mut)}
.msg-att-staging{display:flex;flex-wrap:wrap;gap:6px;padding:0 12px}
.msg-att-staging:not(:empty){padding:10px 12px}
.msg-stag{display:inline-flex;align-items:center;gap:6px;background:var(--paper2);padding:5px 10px;border-radius:16px;font-size:12px}
.msg-stag button{border:none;background:none;cursor:pointer;color:#b04a4a;font-size:13px}
.msg-send-row{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding:10px 12px;border-top:1px solid var(--line)}
.vc-opts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
.vc-opt{border:1px solid var(--line);border-radius:8px;padding:18px}
.vc-opt h4{margin:0 0 6px;font-family:var(--serif,Georgia,serif)}
@media(max-width:680px){.vc-opts{grid-template-columns:1fr}.msg-bubble{max-width:88%}}

/* New-message search modal */
.nm-results{max-height:280px;overflow-y:auto;margin-top:8px}
.nm-row{display:block;width:100%;text-align:left;padding:12px 14px;border:none;border-bottom:1px solid var(--line);background:#fff;cursor:pointer}
.nm-row:hover{background:var(--paper)}
.nm-nm{font-weight:600;display:block;color:var(--ink)}

/* ===== Embedded video room overlay ===== */
.ax-video-overlay{position:fixed;inset:0;z-index:400;background:rgba(11,11,13,.92);display:flex;align-items:center;justify-content:center;padding:2vh 2vw}
.ax-video-frame{width:100%;max-width:1100px;height:92vh;background:#0b0b0d;border:1px solid var(--gold,#c8a25f);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 90px rgba(0,0,0,.6)}
.ax-video-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:#12100c;border-bottom:1px solid rgba(200,162,95,.3)}
.ax-video-brand{color:var(--gold,#e9d5a4);font-family:var(--serif,Georgia,serif);letter-spacing:.14em;font-size:14px}
.ax-video-bar>div{display:flex;gap:10px;align-items:center}
.ax-video-pop,.ax-video-close{background:transparent;border:1px solid rgba(200,162,95,.4);color:var(--gold,#e9d5a4);width:34px;height:34px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;font-size:15px}
.ax-video-pop:hover,.ax-video-close:hover{background:rgba(200,162,95,.15)}
.ax-video-frame iframe{flex:1;width:100%;border:none;background:#0b0b0d}
@media(max-width:680px){.ax-video-frame{height:96vh;max-width:100%}}

/* Custom page links in the header */
.nav-pages{display:inline-flex;gap:14px;align-items:center;white-space:nowrap;margin-inline-start:90px}
.nav-pages a{font:600 10.5px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.nav-pages a:hover{color:var(--gold)}
@media(max-width:900px){.nav-pages{display:none}}

/* ===== Admin: Pages manager ===== */
.pg-list{display:flex;flex-direction:column;gap:8px;margin-top:16px}
.pg-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:#fff}
.pg-row.dragging{opacity:.5}
.pg-drag{cursor:grab;color:var(--mut);font-size:18px;user-select:none}
.pg-main{flex:1;min-width:0}
.pg-title{font-family:var(--serif,Georgia,serif);font-size:17px;color:var(--ink)}
.pg-sys{font-size:10px;text-transform:uppercase;letter-spacing:.08em;background:var(--paper2);color:var(--mut);padding:2px 8px;border-radius:10px;vertical-align:middle}
.pg-actions{display:flex;gap:8px}
.pg-toolbar{display:flex;flex-wrap:wrap;gap:2px;padding:6px;background:var(--paper);border:1px solid var(--line);border-bottom:none;border-radius:6px 6px 0 0}
.pg-toolbar button{padding:5px 10px;border:1px solid transparent;background:transparent;border-radius:5px;cursor:pointer;font-size:13px}
.pg-toolbar button:hover{background:#fff;border-color:var(--line)}
.pg-editor{min-height:200px;max-height:340px;overflow-y:auto;padding:14px;border:1px solid var(--line);border-radius:0 0 6px 6px;font-size:15px;line-height:1.7;background:#fff}
.pg-editor h2{font-size:22px;margin:12px 0 6px}.pg-editor h3{font-size:18px;margin:10px 0 6px}
.pg-flags{display:flex;flex-wrap:wrap;gap:16px;margin:12px 0}
.pg-flags .inl{display:flex;align-items:center;gap:6px;font-size:14px}

/* ===== Footer social icons (right side) ===== */
.ft-social{display:flex;justify-content:flex-end;gap:12px;padding:0 0 18px;flex-wrap:wrap}
.ft-social a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(200,162,95,.4);border-radius:50%;color:var(--gold2,#e9d5a4);transition:all .2s}
.ft-social a:hover{background:var(--gold,#c8a25f);color:#12100c;border-color:var(--gold,#c8a25f)}
@media(max-width:680px){.ft-social{justify-content:center}}

/* ===== Admin: Social media ===== */
.soc-list{margin-top:16px;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.soc-row{display:grid;grid-template-columns:60px 160px 1fr;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}
.soc-row:last-child{border-bottom:none}
.soc-head{background:var(--paper);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--mut)}
.soc-name{font-weight:600;color:var(--ink)}
.soc-url{padding:9px 12px;border:1px solid var(--line);border-radius:5px;font-size:14px}
.soc-en{display:flex;justify-content:center}
@media(max-width:680px){.soc-row{grid-template-columns:44px 1fr;grid-template-rows:auto auto}.soc-url{grid-column:1/-1}}

/* ============================================================
   MOBILE APP EXPERIENCE — bottom navigation + responsive polish
   ============================================================ */
.mobilebar{display:none}
@media(max-width:1080px){
  .mobilebar{
    display:flex;position:fixed;left:0;right:0;bottom:0;z-index:200;
    background:rgba(18,16,12,.97);backdrop-filter:blur(12px);
    border-top:1px solid rgba(200,162,95,.25);
    padding:6px 4px calc(6px + env(safe-area-inset-bottom));
    justify-content:space-around;align-items:flex-end;
  }
  .mobilebar a{
    flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;
    color:#a99f85;font:600 9px var(--sans);letter-spacing:.06em;text-transform:uppercase;
    padding:5px 2px;position:relative;text-decoration:none;transition:color .15s;
  }
  .mobilebar a.active{color:var(--gold2,#e9d5a4)}
  .mobilebar a svg{display:block}
  .mobilebar .mb-sell svg{
    background:var(--gold,#c8a25f);color:#12100c;border-radius:50%;
    padding:8px;width:40px;height:40px;margin-top:-18px;
    box-shadow:0 6px 16px rgba(200,162,95,.4);border:3px solid rgba(18,16,12,.97);
  }
  .mobilebar .mb-sell{color:var(--gold2,#e9d5a4)}
  .mb-badge{
    position:absolute;top:0;right:calc(50% - 20px);min-width:16px;height:16px;
    background:#c0392b;color:#fff;border-radius:9px;font-size:10px;font-weight:700;
    display:flex;align-items:center;justify-content:center;padding:0 4px;
  }
  /* Leave room so content isn't hidden behind the bar */
  body:not(.gate-mode){padding-bottom:64px}
  body.al-mode{padding-bottom:64px}
}

/* ===== Mobile polish: main site ===== */
@media(max-width:680px){
  /* Tighter, app-like spacing */
  .wrap.page{padding-top:20px}
  .hero{gap:24px}
  .hero h1{font-size:44px;line-height:1.05}
  .hero .lede{font-size:16px}
  .hero-cta{flex-wrap:wrap;gap:10px}
  .hero-cta .btn{flex:1;min-width:140px;text-align:center;justify-content:center}
  .hero-stats{gap:22px}
  .sec-head h2,.legal-h{font-size:28px}
  h2{font-size:26px}
  /* Cards full-width & comfortable */
  .grid-cards{grid-template-columns:1fr;gap:16px}
  .feat-grid{grid-template-columns:1fr 1fr;gap:12px}
  /* Buttons easier to tap */
  .btn{padding:13px 20px}
  /* Search results header stacks */
  .results-bar{flex-direction:column;align-items:flex-start;gap:12px}
  .results-bar .btn{width:100%;text-align:center;justify-content:center}
  /* Plans stack */
  .plans,.mini-plans{grid-template-columns:1fr;gap:16px}
  /* Detail page */
  .detail{gap:22px}
  /* Tables scroll horizontally instead of breaking */
  .spec-grid{grid-template-columns:1fr}
  /* Lot of the week image height */
  .lotw-img,.hero-media img{border-radius:10px}
  /* Account page */
  .acc{gap:20px}
  /* Modals fill more of the screen */
  .modal-card,.axmodal{max-width:94vw!important;margin:0 auto}
}
/* Slightly larger tap targets on tablets too */
@media(max-width:900px){
  .mob-nav a,.mnav a{padding:14px 18px;font-size:16px}
}

/* Hide the consumer bottom bar inside the control panel (admin has its own nav) */
@media(max-width:1080px){
  body.admin-mode .mobilebar{display:none}
  body.admin-mode{padding-bottom:0}
}

/* Hide bottom bar when a video room overlay is open */
@media(max-width:1080px){ body:has(#axVideoOverlay) .mobilebar{display:none} }

/* ===== Mobile top-bar: hide "Language"/"Currency" words, enlarge selects ===== */
@media(max-width:768px){
  /* The label wraps text + select; hide the text node by zeroing font, keep select readable */
  .tb-r label{font-size:0!important;gap:0!important}
  .tb-r label select{font-size:12px!important;padding:5px 6px!important;min-width:56px;max-width:92px}
  .tb-r{gap:12px}
}

/* Messages icon in top bar: mobile-only (desktop reaches messages via account) */
.tb-msg{display:none}
@media(max-width:768px){.tb-msg{display:inline-flex}.tb-msg b:empty{display:none}}

/* Departments drag-reorder */
.cat-row[draggable]{cursor:default}
.cat-row .cat-drag{cursor:grab;color:var(--mut,#999);font-size:18px;user-select:none}
.cat-row.dragging{opacity:.5}

/* ===== Business Forum ===== */
.forum-tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:1px solid var(--line)}
.forum-tab{padding:12px 20px;border:none;background:none;cursor:pointer;font:600 14px var(--sans);letter-spacing:.04em;color:var(--mut);border-bottom:2px solid transparent}
.forum-tab.active{color:var(--ink);border-bottom-color:var(--gold)}
.forum-room{max-height:56vh;overflow-y:auto;border:1px solid var(--line);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:12px;background:var(--paper)}
.forum-msg{background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px;max-width:80%}
.forum-msg.mine{align-self:flex-end;border-color:var(--gold)}
.forum-msg-head{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:6px}
.forum-when{color:var(--mut);font-size:11px;margin-inline-start:auto}
.forum-msg-body{font-size:15px;line-height:1.6;word-break:break-word}
.forum-msg-body a{color:var(--gold2,#b8860b);text-decoration:underline}
.forum-composer textarea{font-family:inherit;font-size:15px;resize:vertical}
.forum-topics{display:flex;flex-direction:column;gap:10px}
.forum-topic-row{display:flex;align-items:center;gap:12px;padding:16px 18px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;transition:.15s}
.forum-topic-row:hover{border-color:var(--gold);box-shadow:0 2px 12px rgba(0,0,0,.04)}
.forum-topic-main{flex:1;min-width:0}
.forum-topic-title{font-family:var(--serif,Georgia,serif);font-size:18px;color:var(--ink);margin-bottom:4px}
.forum-topic-head{border:1px solid var(--line);border-radius:12px;padding:22px 24px;background:var(--paper)}
.forum-topic-body{font-size:16px;line-height:1.8;margin-top:14px;white-space:normal;word-break:break-word}
.forum-topic-body a{color:var(--gold2,#b8860b);text-decoration:underline}
.forum-replies{display:flex;flex-direction:column;gap:12px}
.forum-reply{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px 16px}
.forum-mod-row{display:flex;gap:8px;margin-top:8px}
.forum-mod{font-size:11px;padding:4px 10px;border:1px solid var(--line2);background:none;border-radius:14px;cursor:pointer;color:var(--mut)}
.forum-mod.dang{color:#c0392b;border-color:#e0b4b4}
.forum-mod:hover{background:var(--paper2)}
.hidden-post{opacity:.5;background:repeating-linear-gradient(45deg,#faf7f0,#faf7f0 8px,#f0ebe0 8px,#f0ebe0 16px)}
@media(max-width:680px){.forum-msg{max-width:92%}.forum-room{max-height:60vh}}

/* Admin forum moderation */
.fb-list{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.fb-row{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border:1px solid var(--line);border-radius:8px;background:#fff}
.fb-row.fb-hidden{background:repeating-linear-gradient(45deg,#faf7f0,#faf7f0 8px,#f0ebe0 8px,#f0ebe0 16px)}
.fb-main{flex:1;min-width:0}
.fb-title{font-family:var(--serif,Georgia,serif);font-size:16px;margin:4px 0}
.fb-body{font-size:13px;color:var(--mut);margin-top:6px;word-break:break-word}
.fb-actions{display:flex;flex-direction:column;gap:6px;flex:0 0 auto}
.fb-k{font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:2px 8px;border-radius:10px}
.fb-topic{background:#06272d;color:#e9d5a4}.fb-reply{background:#e7e0cf;color:#06272d}.fb-room{background:#cbe0d0;color:#06272d}
@media(max-width:680px){.fb-row{flex-direction:column}.fb-actions{flex-direction:row}}

/* Forum link in header */
.forum-link{font:600 10.5px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid rgba(200,162,95,.45);border-radius:100px;background:linear-gradient(135deg,rgba(200,162,95,.14),rgba(200,162,95,.04));transition:.25s;white-space:nowrap}
.forum-link:hover{background:var(--gold);color:var(--ink);box-shadow:0 6px 22px -10px rgba(200,162,95,.7)}
.forum-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px rgba(200,162,95,.9)}
@media(max-width:1080px){.forum-link{display:none}}

/* Forum attachments + attach bar */
.forum-atts{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.fa-img img{max-width:200px;max-height:150px;border-radius:8px;display:block;border:1px solid var(--line)}
.fa-audio{height:40px;max-width:280px}
.fa-file{display:inline-flex;align-items:center;gap:6px;background:var(--paper2);padding:8px 12px;border-radius:8px;text-decoration:none;color:var(--ink);font-size:13px}
.forum-attbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}
.fab-btn{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border:1px solid var(--line2);background:#fff;border-radius:20px;cursor:pointer;font-size:12px;color:var(--ink)}
.fab-btn:hover{background:var(--paper)}
.fab-btn.recording{background:#c0392b;color:#fff;border-color:#c0392b;animation:alPulse 1.2s infinite}
.fab-recstate{font-size:12px;color:#c0392b;font-weight:600}
.fab-staged{display:flex;flex-wrap:wrap;gap:6px;width:100%}
.fab-chip{display:inline-flex;align-items:center;gap:6px;background:var(--paper2);padding:5px 10px;border-radius:16px;font-size:12px}
.fab-chip button{border:none;background:none;cursor:pointer;color:#b04a4a}

/* Invite members page */
.inv-fresh{background:var(--paper);border:1px solid var(--gold);border-radius:10px;padding:16px 18px;margin-bottom:8px}
.inv-fresh-row{display:flex;gap:8px}
.inv-fresh-row input{flex:1;padding:10px 12px;border:1px solid var(--line);border-radius:6px;font-size:13px}
.inv-list{display:flex;flex-direction:column;gap:10px}
.inv-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--line);border-radius:8px;background:#fff}
.inv-item-main{flex:1;min-width:0}
.inv-url{font-size:12px;color:var(--mut);font-family:monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:4px}

/* Invite send box */
.inv-send-box{border:1px solid var(--line);border-radius:10px;padding:18px;background:var(--paper);margin-bottom:16px}

/* Logo on the invitation gate / login page */
.gate-logo{max-width:220px;max-height:120px;width:auto;height:auto;display:block;margin:0 auto 4px}

/* Listing location map */
.listing-map{width:100%;height:320px;border-radius:10px;border:1px solid var(--line);overflow:hidden;z-index:0}
.map-box{margin:14px 0}
.map-box label{display:block;margin-bottom:6px}

/* Admin nav group headings */
.adm-nav-group{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:rgba(200,162,95,.6);padding:16px 13px 6px;margin-top:4px;border-top:1px solid rgba(255,255,255,.06)}
.adm-nav-group:first-of-type{border-top:none;margin-top:0}
.adm-side .adm-back{margin-top:14px;color:#8a8272}
@media(max-width:900px){.adm-nav-group{padding:14px 20px 6px}}

/* ── AURXIA AUCTION monthly session banner ── */
.al-session{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;background:rgba(200,162,95,.07);border:1px solid rgba(200,162,95,.35);border-radius:10px;padding:18px 22px;margin:0 0 22px}
.al-session.live{background:rgba(46,125,79,.12);border-color:rgba(98,190,130,.55)}
.al-session b{font:600 15px var(--sans);letter-spacing:.03em;color:#f3ecd9}
.al-session .fine{margin-top:6px;max-width:62ch}
.al-session-count{text-align:right;min-width:150px}
.al-session-count b{display:block;font:600 24px var(--sans);letter-spacing:.06em;color:var(--gold)}
@media (max-width:640px){.al-session-count{text-align:left}}
.al-review-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin:10px 0}
.al-review-grid img{width:100%;height:90px;object-fit:cover;border-radius:6px;border:1px solid rgba(0,0,0,.1)}
.al-review-docs a{display:block;margin:4px 0}
.al-review-docs .missing{color:#b3261e}

/* ════════════════ Header layout (tidy, evenly spaced) ════════════════
   Desktop (≥1081px): two rows on a grid.
     row 1 → logo · search (centred) · Auction · Forum · pages · account
     row 2 → departments + SELL, centred with equal spacing
   Replaces the old fixed margins (90–150px) that pushed the account button
   off-screen below ~1600px. Grid areas mirror automatically in RTL. */
.topbar .tb-l{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topbar .tb-r{flex:0 0 auto}
.topbar .tb-r .tb-link,.topbar .tb-r label{white-space:nowrap}

@media (min-width:1081px){
  .mainbar .mb-in{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto auto auto auto;
    grid-template-areas:"brand search al forum pages auth" "cats cats cats cats cats cats";
    align-items:center;column-gap:22px;row-gap:0;padding-top:14px;padding-bottom:0;
  }
  .mainbar .wordmark{grid-area:brand}
  .mainbar .al-link{grid-area:al}
  .mainbar .search{grid-area:search;justify-self:center;width:100%;max-width:440px;min-width:0;margin:0!important;flex:none}
  .mainbar .forum-link{grid-area:forum}
  .mainbar .nav-pages{grid-area:pages;margin:0!important;gap:20px}
  .mainbar #authBtn{grid-area:auth;white-space:nowrap;padding:9px 0}
  .mainbar .burger{display:none}

  .mainbar .cats{
    grid-area:cats;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;
    gap:clamp(22px,2.6vw,44px);margin-top:14px;border-top:1px solid var(--line);min-width:0;
  }
  .mainbar .cats a{white-space:nowrap;line-height:1;padding:15px 0 13px;border-bottom:2px solid transparent}
  .mainbar .cats a:hover,.mainbar .cats a.active{border-bottom-color:var(--gold)}
  .mainbar .cats a.sell-btn{display:inline-flex;align-items:center;padding:9px 20px;margin:0;margin-inline-start:6px;border-radius:100px;border-bottom:none}
}
@media (min-width:1081px) and (max-width:1240px){
  .mainbar .mb-in{column-gap:14px}
  .mainbar .forum-link,.mainbar .al-link{padding:8px 12px;letter-spacing:.14em}
  .mainbar .nav-pages a{letter-spacing:.1em}
}

/* Invitation request: "Introduce yourself" text in the admin list */
.inv-about{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
.inv-about p{margin:6px 0 0;white-space:pre-wrap;line-height:1.6;font-size:13.5px}

/* Invitation request: language buttons (RU / ع / EN) beside the eyebrow */
.inv-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.inv-langs{display:flex;gap:8px}
.inv-lang{min-width:44px;height:32px;padding:0 12px;border:1px solid var(--gold);border-radius:6px;background:transparent;color:var(--ink);font:600 13px/1 var(--sans);letter-spacing:.06em;cursor:pointer;transition:.2s}
.inv-lang[lang="ar"]{font:600 17px/1 'Noto Naskh Arabic',Tahoma,sans-serif;letter-spacing:0}
.inv-lang:hover,.inv-lang.on{background:var(--gold);color:var(--ink)}