:root{--white:#f0ede8;--off:#e8e4de;--off2:#dedad3;--border:#ccc8c0;--border2:#b8b4ac;--text:#1a1814;--muted:#7a7672;--muted2:#a8a49e;--accent:#c49a2e;--adk:#a07d18;--alt:#ede0b8;--red:#c0392b;--green:#2d7a4f;--sh:0 1px 3px rgba(26,24,20,.08),0 4px 16px rgba(26,24,20,.1);--shl:0 8px 32px rgba(26,24,20,.15),0 2px 8px rgba(26,24,20,.08);}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Inter',sans-serif;background:var(--off);color:var(--text);min-height:100vh;overflow-x:hidden;}
::-webkit-scrollbar{width:5px;}::-webkit-scrollbar-track{background:var(--off);}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px;}
/* HEADER */
header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.97);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);height:66px;display:flex;align-items:center;}
.hdr{width:100%;max-width:1360px;margin:0 auto;padding:0 32px;display:flex;align-items:center;gap:32px;}
.logo{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:32px;color:var(--text);text-decoration:none;letter-spacing:-.1px;flex-shrink:0;text-transform:uppercase;display:flex;align-items:center;gap:0;line-height:1;position:relative;}
.logo-turbo{color:var(--text);transition:color .22s;}
.logo-bid{color:var(--accent);position:relative;transition:color .22s;}
.logo-bid::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--accent);border-radius:1px;transform:scaleX(1);transform-origin:left;transition:transform .22s ease;}
.logo-dot{width:6px;height:6px;border-radius:50%;background:var(--red);margin:0 1px 8px;flex-shrink:0;transition:transform .22s,background .22s;}
/* hover: Turbo goes red, dot scales, Bid underline sweeps out & back */
.logo:hover .logo-turbo{color:var(--red);}
.logo:hover .logo-dot{transform:scale(1.7);background:var(--accent);}
.logo:hover .logo-bid{color:var(--text);}
.logo:hover .logo-bid::after{animation:swipe .4s ease forwards;}
@keyframes swipe{0%{transform:scaleX(1);transform-origin:right}50%{transform:scaleX(0);transform-origin:right}51%{transform:scaleX(0);transform-origin:left}100%{transform:scaleX(1);transform-origin:left;background:var(--red);}}
.logo-turbo{color:var(--text);}
.logo-bid{color:var(--accent);position:relative;}
.logo-bid::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--accent);border-radius:1px;}
.logo-dot{width:6px;height:6px;border-radius:50%;background:var(--red);margin:0 1px 8px;flex-shrink:0;}
.hdr-r{display:flex;align-items:center;gap:12px;margin-left:auto;flex-shrink:0;}
.btn-v{background:var(--text);color:#fff;font-family:'Inter',sans-serif;font-weight:600;font-size:13px;padding:9px 20px;border-radius:8px;border:none;cursor:pointer;transition:opacity .18s;}
.btn-v:hover{opacity:.82;}
/* Buton VIP premium */
#btnSellMain.vip-btn{
  background:linear-gradient(135deg,#2a2010 0%,#1a1400 100%);
  color:#c49a2e;
  border:1px solid rgba(196,154,46,.35);
  font-weight:700;
  letter-spacing:.4px;
  position:relative;
  overflow:hidden;
  transition:all .25s ease;
  box-shadow:0 2px 12px rgba(196,154,46,.12);
}
#btnSellMain.vip-btn::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(196,154,46,.15) 0%,transparent 60%);
  opacity:0;
  transition:opacity .25s;
}
#btnSellMain.vip-btn:hover{
  color:#e8c97e;
  border-color:rgba(196,154,46,.6);
  box-shadow:0 4px 20px rgba(196,154,46,.22);
  transform:translateY(-1px);
}
#btnSellMain.vip-btn:hover::before{opacity:1;}
#btnSellMain.vip-btn:active{
  transform:translateY(1px) scale(.97);
  box-shadow:0 1px 6px rgba(196,154,46,.15);
  color:#c49a2e;
}
@keyframes vipShimmer{
  0%{left:-100%;}
  100%{left:200%;}
}
#btnSellMain.vip-btn::after{
  content:'';
  position:absolute;
  top:0;bottom:0;
  left:-100%;
  width:60%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);
  animation:vipShimmer 3s ease-in-out infinite;
}
/* USER PILL */
.usw{position:relative;}
.upill{display:flex;align-items:center;gap:0;padding:0;border:none;background:none;cursor:pointer;position:relative;}
.upill:hover .pav{background:#2d2820;}
.pav{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--text);color:var(--accent);border:none;transition:all .2s;}
.pname{display:none;}
.pchev{display:none;}
.pnotif{position:absolute;top:-3px;right:-3px;width:14px;height:14px;border-radius:50%;background:var(--red);color:#fff;font-size:8px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #fff;}
.udd{position:absolute;top:calc(100% + 14px);right:0;background:#141210;border:1px solid rgba(196,154,46,.2);border-radius:18px;width:270px;overflow:hidden;display:none;box-shadow:0 20px 60px rgba(0,0,0,.4),0 0 0 1px rgba(196,154,46,.08);z-index:400;}
.udd.on{display:block;animation:ddIn .2s cubic-bezier(.34,1.56,.64,1);}
@keyframes ddIn{from{opacity:0;transform:translateY(-10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
.dd-hdr{padding:11px 16px;border-bottom:1px solid var(--border);font-size:10px;font-weight:700;color:var(--muted2);text-transform:uppercase;letter-spacing:1.5px;}
.ddi{display:flex;align-items:center;gap:12px;padding:11px 16px;cursor:pointer;transition:all .15s;font-size:13px;font-weight:500;color:rgba(255,255,255,.75);font-family:'Inter',sans-serif;text-decoration:none;}
.ddi:hover{background:rgba(196,154,46,.08);color:#fff;}
.ddi.on{background:rgba(196,154,46,.1);color:#c49a2e;}
.dav{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'DM Mono',monospace;font-weight:500;font-size:13px;flex-shrink:0;}
.dinf{flex:1;min-width:0;}
.dname{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.dsub{font-size:11px;color:var(--muted);margin-top:1px;}
.dck{color:var(--accent);font-weight:700;font-size:14px;}
.dbdg{background:var(--red);color:#fff;font-size:9px;font-weight:700;padding:2px 5px;border-radius:5px;}
/* PAGE TABS */
.ptbar{background:var(--white);border-bottom:1px solid var(--border);position:sticky;top:66px;z-index:90;}
.pti{max-width:1360px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.ptabs-left{display:flex;flex-shrink:0;}
.ptab{padding:15px 22px;font-size:13px;font-weight:500;color:#5e5a56;cursor:pointer;border:none;background:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .18s;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;}
.ptab:hover{color:var(--text);}
.ptab.on{color:var(--text);font-weight:600;border-bottom-color:var(--accent);}
.ptab .tc{background:var(--off2);color:#5e5a56;font-size:10px;font-weight:600;padding:2px 7px;border-radius:10px;margin-left:5px;}
.ptab.on .tc{background:var(--alt);color:var(--adk);}
/* GLOBAL SEARCH */
.gsearch-wrap{position:relative;flex-shrink:0;}
.gsearch-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);pointer-events:none;display:flex;align-items:center;}
.gsearch-inp{width:240px;background:var(--off);border:1.5px solid var(--border);color:var(--text);border-radius:8px;padding:8px 32px 8px 32px;font-family:'Inter',sans-serif;font-size:13px;font-weight:500;outline:none;transition:all .18s;}
.gsearch-inp:focus{border-color:var(--accent);background:var(--white);box-shadow:0 0 0 3px rgba(196,154,46,.1);}
.gsearch-inp::placeholder{color:var(--muted2);}
.gsearch-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--muted2);font-size:13px;line-height:1;padding:2px 4px;border-radius:4px;transition:color .15s;}
.gsearch-clear:hover{color:var(--text);}
.gsearch-results{position:absolute;top:calc(100% + 8px);right:0;width:340px;background:var(--white);border:1.5px solid var(--border);border-radius:12px;box-shadow:var(--shl);display:none;overflow:hidden;z-index:200;}
.gsearch-results.on{display:block;animation:ddIn .18s ease;}
.gsr-item{display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;transition:background .12s;border-bottom:1px solid var(--border);}
.gsr-item:last-child{border-bottom:none;}
.gsr-item:hover{background:var(--off);}
.gsr-thumb{width:52px;height:38px;border-radius:6px;background-size:cover;background-position:center;flex-shrink:0;}
.gsr-info{flex:1;min-width:0;}
.gsr-name{font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gsr-meta{font-size:11px;color:var(--muted);margin-top:2px;}
.gsr-price{font-family:'Inter',sans-serif;font-size:15px;font-weight:700;white-space:nowrap;flex-shrink:0;}
.gsr-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase;margin-left:6px;}
.gsr-badge.live{background:var(--red);color:#fff;}
.gsr-badge.ending{background:rgba(26,24,20,.1);color:var(--muted);}
.gsr-none{padding:20px;text-align:center;font-size:13px;color:var(--muted);}
/* MAIN */
main{max-width:1360px;margin:0 auto;padding:44px 32px 80px;}
/* FEATURED */
.fhero{display:grid;grid-template-columns:1fr 400px;align-items:stretch;background:var(--white);border:2px solid transparent;border-radius:20px;box-shadow:var(--shl);margin-bottom:44px;position:relative;isolation:isolate;}


.fhimg{height:480px;position:relative;background-size:cover;background-position:center;transition:opacity .2s ease;overflow:hidden;border-radius:18px 0 0 18px;align-self:stretch;}
.fhgrad{display:none;}
.feat-arr{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.18);backdrop-filter:blur(10px);border:1.5px solid rgba(255,255,255,.35);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:10;}
.feat-arr:hover{background:rgba(255,255,255,.35);border-color:rgba(255,255,255,.7);transform:translateY(-50%) scale(1.1);}
.feat-arr-l{left:14px;}
.feat-arr-r{right:14px;}
.feat-counter{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);font-family:'DM Mono',monospace;font-size:11px;color:rgba(255,255,255,.85);background:rgba(0,0,0,.35);backdrop-filter:blur(4px);padding:4px 12px;border-radius:20px;letter-spacing:1.5px;z-index:10;}
.fhbdgs{position:absolute;top:18px;left:18px;display:flex;gap:8px;}
.blive{background:var(--red);color:#fff;font-size:11px;font-weight:700;letter-spacing:1px;padding:5px 11px;border-radius:5px;display:flex;align-items:center;gap:5px;text-transform:uppercase;}
.blive::before{content:'';width:6px;height:6px;border-radius:50%;background:#fff;animation:blink 1.1s infinite;}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.2}}
.bfeat{background:rgba(196,154,46,.18);color:var(--adk);border:1px solid rgba(196,154,46,.4);font-size:11px;font-weight:600;padding:5px 11px;border-radius:5px;text-transform:uppercase;backdrop-filter:blur(6px);}
.fhths{position:absolute;bottom:14px;left:14px;display:flex;gap:6px;z-index:3;}
.fhth{width:52px;height:38px;border-radius:7px;background-size:cover;background-position:center;border:2px solid rgba(255,255,255,.35);cursor:pointer;transition:all .18s;opacity:.65;}
.fhth:hover{opacity:1;border-color:rgba(255,255,255,.85);}
.fhth.on{opacity:1;border-color:var(--accent);}
.fhpanel{padding:28px 24px;display:flex;flex-direction:column;justify-content:space-between;border-left:1px solid var(--border);overflow:hidden;min-width:0;border-radius:0 18px 18px 0;}
.fhey{font-size:10px;font-weight:700;letter-spacing:2.5px;color:var(--accent);text-transform:uppercase;}
.fhseller-mob{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:4px;}
.fh-desktop-only{display:flex;}
.fhtit{font-family:'Inter',sans-serif;font-size:30px;font-weight:800;line-height:1.1;letter-spacing:-.3px;}
.fhtags{display:flex;gap:6px;flex-wrap:wrap;}
.fhtag{font-size:11px;font-weight:500;color:#5e5a56;background:var(--off);border:1px solid var(--border);padding:3px 10px;border-radius:20px;}
.div{height:1px;background:var(--border);}
.fhpr{background:var(--off);border:1px solid var(--border);border-radius:10px;padding:10px 14px;text-align:center;}
.fhpl{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--muted);margin-bottom:5px;}
.fhpv{font-family:'Inter',sans-serif;font-size:42px;font-weight:800;color:var(--text);letter-spacing:-.2px;line-height:1;}
.fhps{font-size:12px;color:var(--muted);margin-top:5px;}
.fhcd{text-align:center;}
.fhcdl{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--muted);text-transform:uppercase;margin-bottom:10px;}
.fhcdd{display:flex;gap:7px;justify-content:center;align-items:center;}
.fhcu{text-align:center;}
.fhcn{font-family:'DM Mono',monospace;font-size:27px;font-weight:500;background:var(--white);border:1px solid var(--border);border-radius:8px;padding:8px 13px;min-width:52px;display:block;line-height:1;box-shadow:0 1px 3px rgba(0,0,0,.04);}
.fhcsep{font-family:'DM Mono',monospace;font-size:20px;color:var(--muted2);padding-bottom:4px;}
.fhcl{font-size:9px;color:var(--muted2);margin-top:4px;text-transform:uppercase;letter-spacing:1px;}
.urgent .fhcn{color:var(--red);border-color:rgba(192,57,43,.2);background:rgba(192,57,43,.04);}
.snipn{background:rgba(196,154,46,.07);border:1px solid rgba(196,154,46,.28);border-radius:9px;padding:10px 13px;font-size:12px;color:var(--adk);display:flex;align-items:flex-start;gap:8px;line-height:1.55;}
.fhbids{display:flex;flex-direction:column;gap:8px;}
.qbs{display:flex;gap:6px;}
.qb{flex:1;background:var(--white);border:1px solid var(--border);color:var(--text);border-radius:7px;padding:7px 4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;text-align:center;}
.qb:hover{border-color:var(--accent);color:var(--adk);background:var(--alt);}
.bidr{display:flex;gap:0;border:1.5px solid var(--border);border-radius:10px;overflow:hidden;background:var(--white);transition:border-color .18s;}
.bidr:focus-within{border-color:var(--accent);}
.bidinp{flex:1;min-width:0;background:transparent;border:none;color:var(--text);padding:11px 13px;font-family:'DM Mono',monospace;font-size:17px;font-weight:500;outline:none;}
.bidinp::placeholder{color:var(--muted2);font-size:13px;font-family:'Inter',sans-serif;}
.btnbid{background:var(--text);color:#fff;font-family:'Inter',sans-serif;font-weight:700;font-size:14px;padding:11px 18px;border-radius:0;border:none;border-left:1.5px solid var(--border);cursor:pointer;transition:all .2s;white-space:nowrap;flex-shrink:0;}
.btnbid:hover{opacity:.82;}
.btnbid:disabled{opacity:.35;cursor:not-allowed;}
.btnbid.win{background:var(--green);}
/* Buton Licitează featured — pulse premium */
#btnbid{width:100%;padding:14px;font-size:15px;border-radius:12px;border:none;letter-spacing:.3px;position:relative;overflow:hidden;animation:bid-pulse 2.5s ease-in-out infinite;box-shadow:0 4px 20px rgba(196,154,46,.25);will-change:transform;}
#btnbid::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08) 0%,transparent 60%);pointer-events:none;}
/* box-shadow animat = paint pe main thread la fiecare frame → non-composited.         */
/* Soluție: box-shadow rămâne static pe #btnbid, keyframes animă DOAR transform (GPU). */
@keyframes bid-pulse{0%,100%{transform:scale(1);}50%{transform:scale(1.012);}}
.bidhint{font-size:11px;color:var(--muted2);text-align:center;}
.btn-view-listing{display:flex;align-items:center;justify-content:center;gap:7px;background:var(--off);border:1.5px solid var(--border);color:var(--muted);border-radius:10px;padding:10px 16px;font-family:'Inter',sans-serif;font-weight:600;font-size:13px;cursor:pointer;transition:all .18s;text-decoration:none;width:100%;}
.btn-view-listing:hover{border-color:var(--accent);color:var(--adk);background:rgba(196,154,46,.06);}
.btn-view-listing svg{flex-shrink:0;}
/* ── LISTING PAGE ── */
.lp-wrap{max-width:1200px;margin:0 auto;padding:24px 28px 60px;overflow-x:hidden;}
.lp-left,.lp-right{min-width:0;width:100%;}
.lp-gallery{width:100%;max-width:100%;overflow:hidden;}
.lp-back{display:inline-flex;align-items:center;gap:7px;background:none;border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:7px 14px;font-size:13px;font-weight:500;cursor:pointer;transition:all .18s;margin-bottom:24px;font-family:'Inter',sans-serif;}
.lp-back:hover{border-color:var(--accent);color:var(--text);}
.lp-grid{display:grid;grid-template-columns:1fr 380px;gap:28px;align-items:start;}
/* Plasare grid desktop: stânga (col 1, rând 1), dreapta (col 2, rândurile 1+2), istoric (col 1, rând 2) */
.lp-left{grid-column:1;grid-row:1;}
.lp-right{grid-column:2;grid-row:1 / span 2;}
.lp-bids-section{grid-column:1;grid-row:2;margin-top:0;}
/* Gallery */
.lp-main-img{height:450px;width:100%;border-radius:18px;background-size:contain;background-position:center;background-repeat:no-repeat;position:relative;overflow:hidden;background-color:#1a1814;box-shadow:0 4px 24px rgba(26,24,20,.13);border:1px solid var(--border);}
.lp-thumbs{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap;justify-content:flex-start;}
.lp-thumb{width:76px;height:58px;border-radius:10px;background-size:contain;background-position:center;background-repeat:no-repeat;background-color:#1a1814;cursor:pointer;border:2.5px solid transparent;transition:all .2s;opacity:.65;box-shadow:0 1px 4px rgba(26,24,20,.1);}
.lp-thumb:hover{opacity:1;border-color:var(--border2);}
.lp-thumb.on{border-color:var(--accent);border-width:3px;opacity:1;box-shadow:0 0 0 3px rgba(196,154,46,.22),0 2px 12px rgba(196,154,46,.18);}
/* Sections */
.lp-section{background:var(--white);border:1px solid var(--border);border-radius:14px;padding:20px;margin-top:16px;}
.lp-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin-bottom:14px;}
.lp-specs{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.lp-spec{display:flex;flex-direction:column;gap:2px;}
.lp-spec-lbl{font-size:11px;color:var(--muted2);}
.lp-spec-val{font-size:14px;font-weight:600;color:var(--text);}
.lp-desc{font-size:14px;color:var(--muted);line-height:1.75;}
.lp-bids-count{font-size:11px;color:var(--muted);font-weight:400;margin-left:4px;}
.lp-bid-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--border);}
.lp-bid-row:last-child{border-bottom:none;}
.lp-bid-user{flex:1;font-size:13px;font-weight:500;color:var(--accent);cursor:pointer;}
.lp-bid-user:hover{text-decoration:underline;}
.lp-bid-amt{font-family:'Inter',sans-serif;font-size:16px;font-weight:700;}
.lp-bid-time{font-size:11px;color:var(--muted2);}
.lp-bid-first{color:var(--green);}
/* Right panel */
.lp-panel{background:var(--white);border:1px solid var(--border);border-radius:18px;padding:24px;position:sticky;top:80px;display:flex;flex-direction:column;gap:14px;box-shadow:0 4px 24px rgba(0,0,0,.06);}
.lp-seller{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--border);}
.lp-seller-av{width:36px;height:36px;border-radius:50%;background:var(--text);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:15px;flex-shrink:0;}
.lp-seller-name{font-size:13px;font-weight:600;cursor:pointer;color:var(--accent);}
.lp-seller-name:hover{text-decoration:underline;}
.lp-seller-lbl{font-size:11px;color:var(--muted2);}
.lp-price-box{background:linear-gradient(135deg,var(--off) 0%,rgba(196,154,46,.06) 100%);border:1px solid rgba(196,154,46,.2);border-radius:14px;padding:20px 16px;text-align:center;}
.lp-price-lbl{font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--accent);margin-bottom:8px;}
.lp-price-val{font-family:'Inter',sans-serif;font-size:52px;font-weight:800;color:var(--text);letter-spacing:-2px;line-height:1;}
.lp-price-sub{font-size:12px;color:var(--muted);margin-top:7px;}
.lp-reserve{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);}
.lp-timer-box{text-align:center;background:var(--off);border:1px solid var(--border);border-radius:14px;padding:16px;}
.lp-timer-lbl{font-size:10px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--muted);margin-bottom:12px;}
.lp-timer-digits{display:flex;gap:7px;justify-content:center;align-items:center;}
.lp-td{background:var(--white);border:1px solid var(--border);border-radius:10px;padding:10px 14px;min-width:58px;text-align:center;box-shadow:0 2px 6px rgba(0,0,0,.05);}
.lp-td span{font-family:'DM Mono',monospace;font-size:28px;font-weight:700;display:block;line-height:1;}
.lp-tl{font-size:9px;color:var(--muted);letter-spacing:1px;text-transform:uppercase;margin-top:2px;}
.lp-tsep{font-size:24px;font-weight:700;color:var(--border2);margin-bottom:18px;}
.lp-timer-box.urgent .lp-td{border-color:var(--red);background:rgba(192,57,43,.05);}
.lp-timer-box.urgent .lp-td span{color:var(--red);}
.lp-snip{background:rgba(196,154,46,.06);border:1px solid rgba(196,154,46,.22);border-radius:10px;padding:11px 13px;font-size:11px;color:var(--adk);line-height:1.6;letter-spacing:.1px;}
.lp-bid-area{display:flex;flex-direction:column;gap:8px;}
.lp-qbs{display:flex;gap:6px;}
.lp-qb{flex:1;background:var(--white);border:1.5px solid var(--border);color:var(--text);border-radius:8px;padding:9px 4px;font-size:12px;font-weight:700;cursor:pointer;transition:all .18s;text-align:center;letter-spacing:.3px;}
.lp-qb:hover{border-color:var(--accent);color:var(--adk);background:rgba(196,154,46,.06);transform:translateY(-1px);}
.lp-bidr{display:flex;gap:0;border:1.5px solid var(--border);border-radius:10px;overflow:hidden;background:var(--white);transition:border-color .18s;}
.lp-bidr:focus-within{border-color:var(--accent);}
.lp-bidinp{flex:1;min-width:0;background:transparent;border:none;color:var(--text);padding:11px 13px;font-family:'DM Mono',monospace;font-size:17px;font-weight:500;outline:none;}
.lp-bidinp::placeholder{color:var(--muted2);font-size:13px;font-family:'Inter',sans-serif;}
.lp-btnbid{background:var(--text);color:#fff;font-family:'Inter',sans-serif;font-weight:700;font-size:14px;letter-spacing:.5px;padding:12px 20px;border:none;border-left:1.5px solid rgba(0,0,0,.1);cursor:pointer;transition:all .18s;white-space:nowrap;flex-shrink:0;}
.lp-btnbid:hover{background:#2a2520;}
.lp-btnbid:disabled{opacity:.35;cursor:not-allowed;}
.lp-btnbid.is-leader{background:#1a3d1a!important;color:#81c784!important;border-left:1.5px solid #2e7d32!important;opacity:1!important;cursor:default!important;}
.lp-btnbid.is-leader:hover{background:#1a3d1a!important;}
.lp-btnbid.win{background:var(--green);}
.lp-bidhint{font-size:11px;color:var(--muted2);text-align:center;}
.lp-status-box{border-radius:10px;padding:14px;text-align:center;font-size:14px;font-weight:600;}
.lp-status-won{background:rgba(45,122,79,.08);border:1px solid rgba(45,122,79,.2);color:var(--green);}
.lp-status-neg{background:rgba(196,154,46,.08);border:1px solid rgba(196,154,46,.25);color:var(--adk);}
.lp-status-fail{background:var(--off);border:1px solid var(--border);color:var(--muted);}
.lp-status-pending{background:rgba(196,154,46,.06);border:1px solid rgba(196,154,46,.2);color:var(--adk);display:flex;align-items:center;justify-content:center;gap:10px;}
.lp-pending-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(196,154,46,.25);border-top-color:var(--adk);border-radius:50%;animation:lpSpin .8s linear infinite;}
@keyframes lpSpin{to{transform:rotate(360deg)}}
.lp-chat-btn{width:100%;background:var(--text);color:#fff;border:none;border-radius:10px;padding:12px;font-family:'Inter',sans-serif;font-weight:700;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .18s;}
.lp-chat-btn:hover{opacity:.85;}
.lp-chat-locked{background:var(--off);border:1.5px dashed var(--border2);color:var(--muted);border-radius:10px;padding:11px;font-size:13px;font-weight:600;text-align:center;cursor:pointer;}
/* ── SHARE TOOLTIP WIDGET (uiverse style, TurboBid branded) ── */
.lp-share{padding-top:14px;border-top:1px solid var(--border);display:flex;justify-content:center;}
.lp-share-lbl{display:none;}

.tb-share-tooltip{position:relative;display:inline-block;font-family:'Inter',sans-serif;}

/* Buton principal */
.tb-share-btn{
  display:flex;align-items:center;justify-content:center;gap:10px;
  background:linear-gradient(135deg,#c49a2e,#e8bb45);
  color:#fff;padding:11px 22px;border-radius:50px;cursor:pointer;
  transition:background .4s cubic-bezier(.25,.8,.25,1),transform .3s ease,box-shadow .4s ease;
  box-shadow:0 6px 16px rgba(196,154,46,.35);
  position:relative;z-index:10;overflow:hidden;user-select:none;
  animation:tbSharePulse 3s infinite;
}
.tb-share-btn::after{
  content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;
  background:radial-gradient(circle,rgba(255,255,255,.25) 0%,rgba(255,255,255,0) 70%);
  transform:scale(0);transition:transform .6s ease-out;z-index:-1;
}
.tb-share-tooltip:hover .tb-share-btn::after{transform:scale(1);}
.tb-share-tooltip:hover .tb-share-btn{
  background:linear-gradient(135deg,#d4aa3e,#c49a2e);
  box-shadow:0 10px 24px rgba(196,154,46,.45);
  transform:translateY(-3px) scale(1.03);
}
.tb-share-btn:active{transform:translateY(-1px) scale(.98);}

.tb-share-text{font-size:14px;font-weight:700;white-space:nowrap;letter-spacing:.2px;transition:letter-spacing .3s ease;}
.tb-share-tooltip:hover .tb-share-text{letter-spacing:.8px;}

.tb-share-icon{fill:white;flex-shrink:0;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55);}
.tb-share-tooltip:hover .tb-share-icon{transform:rotate(180deg) scale(1.1);}

/* Tooltip panel */
.tb-share-panel{
  position:absolute;top:calc(100% + 12px);left:50%;
  transform:translateX(-50%) scale(.92);
  background:rgba(255,255,255,.96);
  border-radius:14px;padding:16px 18px;
  box-shadow:0 12px 32px rgba(0,0,0,.16);
  opacity:0;visibility:hidden;pointer-events:none;
  /* Apare rapid, dispare lent — dă timp utilizatorului să ajungă la panel */
  transition:opacity .3s cubic-bezier(.68,-.55,.265,1.55),
             transform .3s cubic-bezier(.68,-.55,.265,1.55),
             visibility 0s linear .4s;
  z-index:100;backdrop-filter:blur(10px);white-space:nowrap;
}
/* Bridge invizibil care acoperă gap-ul dintre buton și panel */
/* Previne pierderea hover-ului când mouse-ul trece prin spațiul gol */
.tb-share-panel::before{
  content:'';position:absolute;top:-14px;left:0;right:0;height:14px;
  background:transparent;
}
/* Săgeată sus — indică spre buton */
.tb-share-panel::after{
  content:'';position:absolute;top:-9px;left:50%;transform:translateX(-50%);
  border-width:0 9px 9px 9px;border-style:solid;
  border-color:transparent transparent rgba(255,255,255,.96) transparent;
  filter:drop-shadow(0 -2px 3px rgba(0,0,0,.06));
}
.tb-share-tooltip:hover .tb-share-panel{
  opacity:1;visibility:visible;
  transform:translateX(-50%) scale(1);
  pointer-events:auto;
  /* Apare imediat, fără delay */
  transition:opacity .3s cubic-bezier(.68,-.55,.265,1.55),
             transform .3s cubic-bezier(.68,-.55,.265,1.55),
             visibility 0s linear 0s;
}
/* Zona hover extinsă pe .tb-share-tooltip ca să includă și gap-ul */
.tb-share-tooltip::after{
  content:'';position:absolute;top:100%;left:-20px;right:-20px;height:14px;
  background:transparent;
}

/* Iconițele sociale */
.tb-share-icons{display:flex;gap:10px;}
.tb-social-icon{
  display:flex;align-items:center;justify-content:center;
  width:46px;height:46px;border-radius:50%;
  background:#f4f1eb;border:none;cursor:pointer;
  box-shadow:0 3px 8px rgba(0,0,0,.1);
  transition:transform .4s cubic-bezier(.68,-.55,.265,1.55),background .3s ease,box-shadow .3s ease;
  position:relative;overflow:hidden;
}
.tb-social-icon::before{
  content:'';position:absolute;inset:0;
  background:radial-gradient(circle at center,rgba(255,255,255,.7) 0%,rgba(255,255,255,0) 70%);
  opacity:0;transition:opacity .3s ease;
}
.tb-social-icon:hover::before{opacity:1;}
.tb-social-icon svg{width:20px;height:20px;transition:transform .4s cubic-bezier(.68,-.55,.265,1.55),fill .3s ease,stroke .3s ease;z-index:1;position:relative;}
.tb-social-icon:hover{transform:translateY(-5px) scale(1.12);box-shadow:0 10px 20px rgba(0,0,0,.15);}
.tb-social-icon:active{transform:translateY(-2px) scale(1.05);}
.tb-social-icon:hover svg{transform:scale(1.15);}

/* Facebook */
.tb-social-fb svg{fill:#1877f2;}
.tb-social-fb:hover{background:linear-gradient(135deg,#1877f2,#165ed0);}
.tb-social-fb:hover svg{fill:#fff;}
/* WhatsApp */
.tb-social-wa svg{fill:#25d366;}
.tb-social-wa:hover{background:linear-gradient(135deg,#25d366,#1aa84f);}
.tb-social-wa:hover svg{fill:#fff;}
/* Copy link */
.tb-social-copy svg{stroke:#888;fill:none;}
.tb-social-copy:hover{background:linear-gradient(135deg,#c49a2e,#e8bb45);}
.tb-social-copy:hover svg{stroke:#fff;}

/* Dark mode */
body.dark-mode .tb-share-panel{background:rgba(30,28,24,.96);box-shadow:0 12px 32px rgba(0,0,0,.4);}
body.dark-mode .tb-share-panel::after{border-color:transparent transparent rgba(30,28,24,.96) transparent;}
body.dark-mode .tb-social-icon{background:rgba(255,255,255,.08);}
body.dark-mode .tb-social-fb svg{fill:#6aa5f8;}
body.dark-mode .tb-social-wa svg{fill:#4de888;}
body.dark-mode .tb-social-copy svg{stroke:rgba(255,255,255,.5);}

@keyframes tbSharePulse{
  0%{box-shadow:0 6px 16px rgba(196,154,46,.35),0 0 0 0 rgba(196,154,46,.4);}
  70%{box-shadow:0 6px 16px rgba(196,154,46,.35),0 0 0 14px rgba(196,154,46,0);}
  100%{box-shadow:0 6px 16px rgba(196,154,46,.35),0 0 0 0 rgba(196,154,46,0);}
}
@media(prefers-reduced-motion:reduce){
  .tb-share-btn,.tb-share-icon,.tb-social-icon,.tb-share-panel{transition:none;animation:none;}
}
@media(max-width:600px){
  body.dark-mode .tb-share-panel::after{border-color:transparent transparent rgba(30,28,24,.96) transparent;}
}
.lp-delete-btn{width:100%;background:none;border:1.5px solid rgba(192,57,43,.3);color:var(--red);border-radius:10px;padding:10px;font-family:'Inter',sans-serif;font-weight:600;font-size:13px;cursor:pointer;transition:all .18s;display:flex;align-items:center;justify-content:center;gap:7px;}
.lp-delete-btn:hover{background:rgba(192,57,43,.06);border-color:var(--red);}
.lp-views{font-size:11px;color:var(--muted2);text-align:center;}
.lp-similar{margin-top:40px;}
/* Notificare outbid */
.lp-outbid{position:fixed;top:80px;left:50%;transform:translateX(-50%);background:#1a1814;color:#fff;border-radius:12px;padding:14px 22px;font-size:14px;font-weight:600;z-index:400;display:flex;align-items:center;gap:10px;box-shadow:0 8px 32px rgba(0,0,0,.25);animation:slideDown .3s ease;}
@keyframes slideDown{from{transform:translateX(-50%) translateY(-20px);opacity:0}to{transform:translateX(-50%) translateY(0);opacity:1}}
@media(max-width:900px){.lp-grid{grid-template-columns:1fr;}.lp-panel{position:static;}.lp-main-img{height:300px;}}
@media(max-width:600px){.lp-wrap{padding:16px;}.lp-share-btns{flex-direction:column;}}

/* ── PROFIL PUBLIC ── */
.prof-wrap{max-width:900px;margin:0 auto;padding:28px 28px 60px;}
.prof-back{display:inline-flex;align-items:center;gap:7px;background:none;border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:7px 14px;font-size:13px;font-weight:500;cursor:pointer;transition:all .18s;margin-bottom:28px;font-family:'Inter',sans-serif;}
.prof-back:hover{border-color:var(--accent);color:var(--text);}

/* Hero */
.prof-hero{background:var(--white);border:1px solid var(--border);border-radius:20px;overflow:hidden;margin-bottom:20px;}
.prof-hero-bg{height:120px;background:linear-gradient(135deg,#1a1814 0%,#2d2820 40%,#1a1814 100%);position:relative;overflow:hidden;}
.prof-hero-bg::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(196,154,46,.04) 20px,rgba(196,154,46,.04) 21px);}
.prof-hero-bg::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(196,154,46,.12) 0%,transparent 70%);border-radius:50%;}
.prof-hero-body{padding:0 28px 24px;display:flex;align-items:flex-end;gap:20px;margin-top:-40px;position:relative;}
.prof-av{width:80px;height:80px;border-radius:50%;border:4px solid var(--white);background:var(--text);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:32px;flex-shrink:0;box-shadow:0 4px 16px rgba(0,0,0,.15);}
.prof-info{flex:1;padding-bottom:4px;}
.prof-username{font-family:'Inter',sans-serif;font-size:24px;font-weight:800;color:var(--text);}
.prof-meta{font-size:12px;color:var(--muted);margin-top:3px;}
.prof-member{font-family:'DM Mono',monospace;font-size:11px;color:var(--accent);font-weight:600;margin-top:4px;letter-spacing:1px;}

/* Stats futuriste */
.prof-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;}
.pstat{position:relative;background:var(--white);border:1px solid var(--border);border-radius:16px;padding:18px 16px;overflow:hidden;transition:transform .2s;}
.pstat:hover{transform:translateY(-2px);}
.pstat::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent);opacity:0;}
.pstat:hover::before{opacity:1;}
.pstat-glow{position:absolute;top:-20px;right:-20px;width:80px;height:80px;border-radius:50%;opacity:.06;}
.pstat-icon{font-size:20px;margin-bottom:8px;}
.pstat-val{font-family:'DM Mono',monospace;font-size:26px;font-weight:700;color:var(--text);line-height:1;}
.pstat-lbl{font-size:11px;color:var(--muted);margin-top:4px;letter-spacing:.5px;}
.pstat-sub{font-size:10px;color:var(--muted2);margin-top:2px;}

/* Grafic activitate */
.prof-chart-card{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:20px;margin-bottom:20px;}
.prof-chart-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin-bottom:16px;}
.prof-chart{display:flex;align-items:flex-end;gap:8px;height:80px;}
.prof-bar-group{flex:1;display:flex;gap:3px;align-items:flex-end;}
.prof-bar{flex:1;border-radius:4px 4px 0 0;transition:height .6s cubic-bezier(.34,1.56,.64,1),opacity .3s;cursor:default;min-height:3px;}
.prof-bar-won{background:linear-gradient(to top,var(--accent),rgba(196,154,46,.4));}
.prof-bar-sold{background:linear-gradient(to top,var(--green),rgba(45,122,79,.3));}
.prof-bar:hover{filter:brightness(1.2);}
.prof-chart-labels{display:flex;gap:8px;margin-top:8px;}
.prof-chart-label{flex:1;text-align:center;font-size:10px;color:var(--muted2);font-family:'DM Mono',monospace;}
.prof-chart-legend{display:flex;gap:16px;margin-bottom:10px;}
.prof-legend-item{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);}
.prof-legend-dot{width:8px;height:8px;border-radius:2px;}

/* Radar chart */
.prof-radar-card{background:var(--text);border-radius:16px;padding:20px;margin-bottom:20px;position:relative;overflow:hidden;}
.prof-radar-card::before{content:'';position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(196,154,46,.15),transparent 70%);}
.prof-radar-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:rgba(255,255,255,.4);margin-bottom:16px;}
.prof-radar-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.prof-rs{display:flex;flex-direction:column;gap:4px;}
.prof-rs-lbl{font-size:10px;color:rgba(255,255,255,.4);letter-spacing:1px;text-transform:uppercase;}
.prof-rs-val{font-family:'Inter',sans-serif;font-size:22px;font-weight:800;color:#fff;}
.prof-rs-bar{height:3px;background:rgba(255,255,255,.1);border-radius:2px;margin-top:4px;overflow:hidden;}
.prof-rs-fill{height:100%;border-radius:2px;background:linear-gradient(to right,var(--accent),#e8c97e);transition:width .8s cubic-bezier(.34,1.56,.64,1);}

/* Badges */
.prof-section{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:20px;margin-bottom:16px;}
.prof-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin-bottom:14px;}

/* Listings grid */
.prof-listings{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.prof-listing-card{display:flex;gap:10px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:all .18s;}
.prof-listing-card:hover{border-color:var(--accent);background:var(--alt);}
.prof-listing-img{width:56px;height:42px;border-radius:6px;background-size:cover;background-position:center;flex-shrink:0;background-color:var(--off);}
.prof-listing-title{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.prof-listing-price{font-family:'DM Mono',monospace;font-size:12px;color:var(--accent);font-weight:600;}
.prof-listing-date{font-size:10px;color:var(--muted2);}

@media(max-width:700px){.prof-stats{grid-template-columns:1fr 1fr;}.prof-listings{grid-template-columns:1fr;}.prof-wrap{padding:16px;}}

/* ═══════════════════════════════════════════════════════════════
   PUBLIC PROFILE - SOCIAL REDESIGN
   ═══════════════════════════════════════════════════════════════ */
.pub-wrap{max-width:860px;margin:0 auto;padding:0 20px 60px;}

/* Cover + Avatar */
.pub-cover{width:100%;aspect-ratio:1600/450;background:linear-gradient(135deg,#1a1814 0%,#2d2820 50%,#1a1814 100%);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:16px 16px 0 0;position:relative;overflow:visible;z-index:1;}
.pub-cover::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 28px,rgba(196,154,46,.05) 28px,rgba(196,154,46,.05) 29px);}
.pub-cover::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:300px;background:radial-gradient(circle,rgba(196,154,46,.14) 0%,transparent 70%);}
.pub-cover-back{position:absolute;top:14px;left:14px;display:inline-flex;align-items:center;gap:6px;background:rgba(0,0,0,.35);backdrop-filter:blur(6px);color:rgba(255,255,255,.85);border:1px solid rgba(255,255,255,.15);border-radius:8px;padding:6px 12px;font-size:12px;font-weight:500;cursor:pointer;transition:all .18s;z-index:2;}
.pub-cover-back:hover{background:rgba(0,0,0,.5);color:#fff;}

/* Profile card */
.pub-card{background:var(--white);border:1px solid var(--border);border-radius:0 0 18px 18px;padding:24px 28px 24px;margin-bottom:12px;overflow:visible;position:relative;}
.pub-avatar-row{display:flex;align-items:flex-start;justify-content:space-between;padding:0 0 14px;margin-top:0;position:relative;z-index:3;}
.pub-avatar{width:140px;height:140px;border-radius:50%;border:5px solid var(--white);background:var(--text);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:48px;flex-shrink:0;box-shadow:0 6px 24px rgba(0,0,0,.22);overflow:hidden;position:absolute;bottom:-70px;left:24px;z-index:10;}
.pub-avatar img{width:100%;height:100%;object-fit:cover;}
.pub-name-row{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:8px;padding-left:160px;min-height:70px;}
.pub-name-left{display:flex;flex-direction:column;gap:2px;}
.pub-username{font-family:'Inter',sans-serif;font-size:24px;font-weight:800;color:var(--text);display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.pub-meta-right{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px;flex-shrink:0;margin-top:4px;}
.pub-meta-right .pub-meta-num{font-family:'DM Mono',monospace;font-size:11px;color:var(--accent);font-weight:600;}
.pub-stats-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px;}
.pub-stat-card{background:var(--off);border-radius:12px;padding:16px 12px;text-align:center;transition:all .18s;border:1px solid transparent;}
.pub-stat-card:hover{border-color:var(--border);background:var(--white);}
.pub-stat-val{font-family:'Inter',sans-serif;font-size:26px;font-weight:800;color:var(--text);line-height:1;}
.pub-stat-lbl{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;margin-top:6px;font-weight:600;}
.pub-vip-tag{background:rgba(196,154,46,.1);border:1px solid rgba(196,154,46,.3);color:var(--adk);border-radius:20px;padding:2px 10px;font-size:11px;font-weight:700;letter-spacing:.5px;}
.pub-meta-sep{color:var(--border2);}

/* Stats inline */
/* stats replaced by pub-stats-cards */

/* Rating badge */
.pub-rating-badge{display:flex;align-items:center;gap:6px;background:var(--off);border:1px solid var(--border);border-radius:20px;padding:4px 12px;font-size:13px;font-weight:700;}
.pub-stars{color:#f59e0b;letter-spacing:1px;}

/* Two col layout */
.pub-two-col{display:grid;grid-template-columns:1fr 300px;gap:12px;margin-bottom:12px;}
.pub-section{background:var(--white);border:1px solid var(--border);border-radius:14px;padding:20px;}
.pub-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin-bottom:14px;}

/* Reviews */
.pub-review{padding:12px 0;border-bottom:1px solid var(--border);}
.pub-review:last-child{border-bottom:none;padding-bottom:0;}
.pub-review-header{display:flex;align-items:center;gap:8px;margin-bottom:6px;}
.pub-rev-av{width:28px;height:28px;border-radius:50%;background:var(--text);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;overflow:hidden;}
.pub-rev-av img{width:100%;height:100%;object-fit:cover;}
.pub-rev-name{font-size:13px;font-weight:600;}
.pub-rev-date{font-size:11px;color:var(--muted2);margin-left:auto;}
.pub-rev-stars{color:#f59e0b;font-size:12px;letter-spacing:1px;}
.pub-rev-text{font-size:13px;color:var(--muted);line-height:1.6;}
.pub-rev-role{font-size:10px;color:var(--muted2);background:var(--off);border-radius:4px;padding:1px 6px;margin-left:4px;}
.pub-empty-rev{text-align:center;padding:24px;font-size:13px;color:var(--muted);}

/* Badges compact */
.pub-badges-compact{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.pub-badge-row{display:flex;align-items:center;gap:8px;background:var(--off);border-radius:10px;padding:8px 10px;}
.pub-badge-ico{width:34px;height:34px;border-radius:50%;overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.pub-badge-ico img{width:100%;height:100%;object-fit:cover;}
.pub-badge-name{font-size:12px;font-weight:600;line-height:1.2;}
.pub-badge-sub{font-size:10px;color:var(--muted);}
.pub-badge-locked{opacity:.35;}

/* Listings */
.pub-listings-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.pub-listing{display:flex;gap:12px;align-items:center;padding:10px;border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:all .18s;}
.pub-listing:hover{border-color:var(--accent);background:var(--alt);}
.pub-listing-img{width:64px;height:48px;border-radius:6px;background-size:cover;background-position:center;flex-shrink:0;background-color:var(--off);}
.pub-listing-title{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.pub-listing-price{font-family:'DM Mono',monospace;font-size:13px;font-weight:700;color:var(--accent);}

/* Leave review button */
.pub-review-btn{width:100%;background:var(--text);color:#fff;border:none;border-radius:10px;padding:11px;font-family:'Inter',sans-serif;font-weight:600;font-size:13px;cursor:pointer;transition:opacity .18s;margin-top:12px;}
.pub-review-btn:hover{opacity:.85;}

/* Star picker */
.star-picker{display:flex;gap:6px;font-size:28px;cursor:pointer;justify-content:center;margin:10px 0;}
.star-picker span{transition:transform .1s;color:var(--border2);}
.star-picker span.on,.star-picker span:hover{color:#f59e0b;transform:scale(1.15);}

@media(max-width:700px){
  .pub-two-col{grid-template-columns:1fr;}
  .pub-listings-grid{grid-template-columns:1fr;}
  .pub-stats-cards{grid-template-columns:repeat(2,1fr);gap:8px;}
  .pub-name-row{padding-left:0;padding-top:80px;flex-direction:column;}
  .pub-avatar{width:110px;height:110px;bottom:-55px;font-size:40px;}
  .pub-wrap{padding:0 12px 40px;}
}

/* ── PAGINA DONAȚII ── */
.donate-card{background:var(--white);border:1px solid var(--border);border-radius:14px;padding:20px;text-align:center;transition:border-color .2s;}
.donate-card:hover{border-color:var(--accent);}

/* ── FOOTER ── */
.tb-footer{border-top:1px solid var(--border);margin-top:60px;padding:28px 0;}
.tb-footer-inner{max-width:1200px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;}
.tb-footer-brand{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:18px;color:var(--text);text-transform:uppercase;letter-spacing:-.3px;}
.tb-footer-tagline{font-size:11px;color:var(--muted2);margin-top:3px;font-family:'Inter',sans-serif;font-weight:400;letter-spacing:0;}
.tb-footer-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.tb-footer-links a{font-size:12px;color:var(--muted);cursor:pointer;transition:color .15s;text-decoration:none;}
.tb-footer-links a:hover{color:var(--accent);}
.tb-footer-sep{color:var(--border2);font-size:11px;}
.tb-footer-copy{font-size:11px;color:var(--muted2);}

/* ── GDPR CONSENT BANNER ── */
#gdprOverlay{position:fixed;bottom:0;left:0;right:0;z-index:99999;transform:translateY(100%);transition:transform .4s cubic-bezier(.4,0,.2,1);pointer-events:none;}
#gdprOverlay.visible{transform:translateY(0);pointer-events:auto;}
#gdprBox{background:#1a1814;border-top:1px solid rgba(255,255,255,.08);padding:20px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.gdpr-content{flex:1;min-width:280px;display:flex;align-items:center;gap:16px;}
.gdpr-icon{font-size:28px;flex-shrink:0;}
.gdpr-text-wrap{flex:1;}
.gdpr-title{font-size:14px;font-weight:700;color:#fff;margin-bottom:4px;}
.gdpr-text{font-size:12px;color:rgba(255,255,255,.6);line-height:1.6;}
.gdpr-text a{color:#c49a2e;text-decoration:none;cursor:pointer;transition:color .15s;}
.gdpr-text a:hover{color:#e0b94a;text-decoration:underline;}
.gdpr-btns{display:flex;gap:10px;flex-shrink:0;}
.gdpr-btn{padding:10px 20px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;font-family:'Inter',sans-serif;transition:all .15s;border:none;}
.gdpr-btn-decline{background:transparent;border:1px solid rgba(255,255,255,.2);color:rgba(255,255,255,.7);}
.gdpr-btn-decline:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.3);color:#fff;}
.gdpr-btn-accept{background:#c49a2e;color:#1a1814;font-weight:700;}
.gdpr-btn-accept:hover{background:#d4aa3e;}
@media(max-width:700px){#gdprBox{padding:16px 20px;gap:16px;}.gdpr-content{flex-direction:column;align-items:flex-start;gap:10px;text-align:left;}.gdpr-icon{display:none;}.gdpr-btns{width:100%;}.gdpr-btn{flex:1;text-align:center;padding:12px 16px;}}

/* ── LEGAL PAGES ── */
.legal-wrap{max-width:720px;margin:0 auto;padding:20px 28px 80px;}
.legal-title{font-family:'Inter',sans-serif;font-size:34px;font-weight:800;color:var(--text);margin-bottom:8px;letter-spacing:-.1px;}
.legal-date{font-size:12px;color:var(--muted2);margin-bottom:36px;font-family:'DM Mono',monospace;}
.legal-section{margin-bottom:32px;}
.legal-h2{font-size:16px;font-weight:700;color:var(--text);margin-bottom:10px;}
.legal-p{font-size:14px;color:var(--muted);line-height:1.8;margin-bottom:10px;}
.legal-ul{font-size:14px;color:var(--muted);line-height:1.8;padding-left:20px;margin-bottom:10px;}
.legal-ul li{margin-bottom:4px;}
.legal-contact{background:var(--off);border:1px solid var(--border);border-radius:12px;padding:16px 20px;margin-top:16px;font-size:13px;color:var(--muted);line-height:1.7;}

/* ── LIVE BADGE ── */
.live-badge{display:inline-flex;align-items:center;gap:5px;background:rgba(220,38,38,.1);border:1px solid rgba(220,38,38,.3);color:#dc2626;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700;letter-spacing:.5px;}
.live-dot{width:7px;height:7px;border-radius:50%;background:#dc2626;animation:live-pulse 1.2s ease-in-out infinite;flex-shrink:0;}
@keyframes live-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}
.live-badge.viewers{background:rgba(220,38,38,.07);font-size:10px;}
.ac-live{position:absolute;top:8px;left:8px;z-index:3;}
.lp-live-badge{margin-bottom:8px;}
/* ── AUTO-BID ── */
.autobid-box{background:linear-gradient(135deg,rgba(196,154,46,.06),rgba(196,154,46,.03));border:1px solid rgba(196,154,46,.25);border-radius:12px;padding:14px 16px;margin-top:4px;}
.autobid-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--accent);margin-bottom:10px;display:flex;align-items:center;gap:6px;}
.autobid-crown{font-size:13px;}
.autobid-row{display:flex;gap:8px;align-items:center;}
.autobid-inp{flex:1;border:1px solid var(--border);border-radius:8px;padding:8px 12px;font-size:13px;font-family:'Inter',sans-serif;background:var(--white);color:var(--text);outline:none;}
.autobid-inp:focus{border-color:var(--accent);}
.autobid-set{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:700;cursor:pointer;font-family:'Inter',sans-serif;white-space:nowrap;}
.autobid-set:hover{opacity:.85;}
.autobid-cancel{background:none;border:1px solid var(--border);color:var(--muted);border-radius:8px;padding:8px 12px;font-size:12px;cursor:pointer;font-family:'Inter',sans-serif;}
.autobid-active{font-size:12px;color:var(--adk);margin-top:8px;display:flex;align-items:center;gap:6px;}
.autobid-hint{font-size:11px;color:var(--muted2);margin-top:6px;}
/* ── MODAL AUTO-BID DEPĂȘIT ── */
.autobid-modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:600;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(4px);}
.autobid-modal-box{background:var(--white);border-radius:18px;padding:32px 28px;max-width:400px;width:100%;text-align:center;box-shadow:0 20px 60px rgba(0,0,0,.2);}
.autobid-modal-icon{font-size:44px;margin-bottom:12px;}
.autobid-modal-title{font-family:'Inter',sans-serif;font-size:22px;font-weight:800;color:var(--text);margin-bottom:8px;}
.autobid-modal-desc{font-size:14px;color:var(--muted);line-height:1.7;margin-bottom:20px;}
.autobid-modal-price{font-family:'Inter',sans-serif;font-size:32px;font-weight:800;color:var(--accent);margin:12px 0;}
.autobid-modal-new{display:flex;gap:8px;margin-bottom:12px;}
.autobid-modal-new input{flex:1;border:1.5px solid var(--border);border-radius:10px;padding:10px 14px;font-size:14px;font-family:'Inter',sans-serif;background:var(--white);color:var(--text);outline:none;}
.autobid-modal-new input:focus{border-color:var(--accent);}
.autobid-modal-btn{width:100%;background:var(--text);color:#fff;border:none;border-radius:10px;padding:12px;font-size:14px;font-weight:700;cursor:pointer;font-family:'Inter',sans-serif;margin-bottom:8px;transition:opacity .18s;}
.autobid-modal-btn:hover{opacity:.85;}
.autobid-modal-btn.gold{background:linear-gradient(135deg,#a07d18,#c49a2e);}
.autobid-modal-skip{background:none;border:none;color:var(--muted);font-size:13px;cursor:pointer;font-family:'Inter',sans-serif;text-decoration:underline;}

/* ── BUTON CUM FUNCȚIONEAZĂ ── */
.hiw-btn{width:100%;display:flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:10px;padding:10px 13px;font-family:'Inter',sans-serif;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;position:relative;overflow:hidden;}
.hiw-btn:hover{border-color:var(--accent);color:var(--adk);background:rgba(196,154,46,.04);}
.hiw-btn::before{content:'';position:absolute;inset:-1px;border-radius:11px;background:conic-gradient(from var(--a,0deg),transparent 75%,rgba(196,154,46,.7) 88%,#fff8e1 92%,rgba(196,154,46,.7) 96%,transparent 100%);animation:laser-spin 2s linear infinite;z-index:-1;}
.hiw-btn::after{content:'';position:absolute;inset:1px;border-radius:10px;background:var(--white);z-index:-1;}
.hiw-btn:hover::after{background:rgba(196,154,46,.04);}
/* pulse-dot: ripple cu box-shadow → non-composited. Înlocuit cu scale+opacity pe       */
/* pseudo-element ::after — aceeași vizual, 100% compositor (GPU), zero main-thread).   */
.hiw-pulse{width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0;position:relative;}
.hiw-pulse::after{content:'';position:absolute;inset:0;border-radius:50%;background:var(--accent);animation:pulse-dot 1.8s ease-in-out infinite;will-change:transform,opacity;}
@keyframes pulse-dot{0%,100%{transform:scale(1);opacity:.7}50%{transform:scale(3);opacity:0}}

/* ── PAGINA CUM FUNCȚIONEAZĂ ── */
.hiw-wrap{max-width:800px;margin:0 auto;padding:16px 28px 80px;}
.hiw-back{display:inline-flex;align-items:center;gap:8px;background:none;border:1px solid var(--border);color:var(--muted);border-radius:10px;padding:9px 16px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:40px;font-family:'Inter',sans-serif;}
.hiw-back:hover{border-color:var(--accent);color:var(--adk);}
.hiw-hero{text-align:center;margin-bottom:56px;}
.hiw-hero-eyebrow{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-bottom:12px;}
.hiw-hero-title{font-family:'Inter',sans-serif;font-size:42px;font-weight:800;color:var(--text);letter-spacing:-.2px;line-height:1.1;margin-bottom:16px;}
.hiw-hero-sub{font-size:16px;color:var(--muted);line-height:1.7;max-width:520px;margin:0 auto;}
.hiw-steps{display:flex;flex-direction:column;gap:0;}
.hiw-step{display:grid;grid-template-columns:64px 1fr;gap:24px;padding:32px 0;position:relative;}
.hiw-step:not(:last-child)::after{content:'';position:absolute;left:31px;top:80px;bottom:0;width:2px;background:linear-gradient(to bottom,var(--border),transparent);}
.hiw-step-num{width:64px;height:64px;border-radius:50%;background:var(--text);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Inter',sans-serif;font-size:22px;font-weight:800;flex-shrink:0;position:relative;z-index:1;}
.hiw-step-num.gold{background:linear-gradient(135deg,#a07d18,#c49a2e);}
.hiw-step-content{padding-top:10px;}
.hiw-step-title{font-family:'Inter',sans-serif;font-size:20px;font-weight:700;color:var(--text);margin-bottom:8px;}
.hiw-step-desc{font-size:14px;color:var(--muted);line-height:1.75;}
.hiw-step-tip{display:flex;align-items:flex-start;gap:8px;background:rgba(196,154,46,.06);border:1px solid rgba(196,154,46,.2);border-radius:10px;padding:12px 14px;margin-top:14px;font-size:13px;color:var(--adk);line-height:1.6;}
.hiw-divider{height:1px;background:var(--border);margin:8px 0;}
.hiw-faq{margin-top:56px;}
.hiw-faq-title{font-family:'Inter',sans-serif;font-size:26px;font-weight:800;margin-bottom:24px;text-align:center;}
.hiw-faq-item{border:1px solid var(--border);border-radius:12px;margin-bottom:8px;overflow:hidden;}
.hiw-faq-q{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;font-size:14px;font-weight:600;transition:background .15s;}
.hiw-faq-q:hover{background:var(--off);}
.hiw-faq-a{padding:0 20px 16px;font-size:13px;color:var(--muted);line-height:1.7;display:none;}
.hiw-faq-item.open .hiw-faq-a{display:block;}
.hiw-faq-item.open .hiw-faq-q{background:var(--off);}
.hiw-faq-chevron{transition:transform .2s;font-size:12px;color:var(--muted);}
.hiw-faq-item.open .hiw-faq-chevron{transform:rotate(180deg);}
.hiw-cta{background:var(--text);color:#fff;border-radius:16px;padding:40px;text-align:center;margin-top:48px;}
.hiw-cta-title{font-family:'Inter',sans-serif;font-size:28px;font-weight:800;margin-bottom:8px;}
.hiw-cta-sub{font-size:14px;color:rgba(255,255,255,.6);margin-bottom:24px;}
.hiw-cta-btn{display:inline-flex;align-items:center;gap:8px;background:#c49a2e;color:#fff;border:none;border-radius:10px;padding:12px 28px;font-size:14px;font-weight:700;cursor:pointer;font-family:'Inter',sans-serif;transition:opacity .18s;}
.hiw-cta-btn:hover{opacity:.85;}

/* ── DUAL LASER CONTUR FEATURED ── */

.laser-btn{
  position:relative;background:var(--white);color:var(--text);border:none;
  border-radius:8px;padding:7px 14px;font-size:12px;font-weight:600;
  cursor:pointer;font-family:'Inter',sans-serif;overflow:hidden;
  isolation:isolate;transition:color .2s;
}
.laser-btn::before{
  content:'';position:absolute;inset:-2px;border-radius:10px;
  background:conic-gradient(from var(--a,0deg),transparent 18%,rgba(196,154,46,.85) 35%,#fffbeb 48%,#fff 50%,#fffbeb 52%,rgba(196,154,46,.85) 65%,transparent 82%);
  animation:laser-spin 2.5s linear infinite;z-index:-1;
}
.laser-btn::after{
  content:'';position:absolute;inset:1.5px;border-radius:7px;
  background:var(--white);z-index:-1;transition:background .2s;
}
.laser-btn:hover::after{background:var(--off);}
.laser-btn:hover{color:var(--adk);}
@property --a{syntax:'<angle>';initial-value:0deg;inherits:false;}
@keyframes laser-spin{to{--a:360deg;}}

/* ── MODALS ── */
.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.55);z-index:500;display:flex;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(3px);}
.modal-box{background:var(--white);border:1px solid var(--border);border-radius:16px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.2);}
.modal-hdr{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--border);}
.modal-title{font-size:15px;font-weight:700;color:var(--text);}
.modal-x{background:none;border:none;color:var(--muted);font-size:18px;cursor:pointer;padding:0;line-height:1;transition:color .15s;}
.modal-x:hover{color:var(--text);}

/* ── COVER PICKER ── */
.cover-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;}
.cover-picker-item{border-radius:8px;height:60px;background-size:cover;background-position:center;cursor:pointer;border:2px solid transparent;transition:all .18s;position:relative;}
.cover-picker-item:hover{border-color:var(--accent);transform:scale(1.02);}
.cover-picker-item.selected{border-color:var(--accent);box-shadow:0 0 0 3px rgba(196,154,46,.25);}
.cover-picker-item.locked{opacity:.35;cursor:not-allowed;}
.cover-upload-area{border:2px dashed var(--border);border-radius:10px;padding:20px;text-align:center;cursor:pointer;transition:all .18s;margin-top:10px;}
.cover-upload-area:hover{border-color:var(--accent);background:var(--alt);}
.cover-upload-lbl{font-size:13px;color:var(--muted);margin-top:6px;}
.cover-upload-hint{font-size:11px;color:var(--muted2);margin-top:4px;}

/* ── AVATAR PICKER ── */
/* ── AVATAR PICKER — Xbox style ── */
.avpick-bg{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);z-index:9999;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(6px);}
.avpick-box{background:#141210;border:1px solid rgba(196,154,46,.2);border-radius:20px;width:400px;max-width:95vw;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.6);position:relative;margin:auto;}
.avpick-hdr{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 10px;border-bottom:1px solid rgba(255,255,255,.07);}
.avpick-title{font-family:'Inter',sans-serif;font-size:17px;font-weight:800;color:#fff;letter-spacing:-.3px;}
.avpick-close{background:rgba(255,255,255,.08);border:none;width:28px;height:28px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.6);transition:all .15s;}
.avpick-close:hover{background:rgba(255,255,255,.15);color:#fff;}

/* Preview + Upload row */
.avpick-preview-row{display:flex;align-items:center;gap:12px;padding:10px 18px;border-bottom:1px solid rgba(255,255,255,.07);}
.avpick-preview{width:54px;height:54px;border-radius:50%;border:2px solid var(--accent);overflow:hidden;flex-shrink:0;background:#1a1814;display:flex;align-items:center;justify-content:center;font-family:'DM Mono',monospace;font-size:18px;color:#fff;}
.avpick-preview img{width:100%;height:100%;object-fit:cover;border-radius:50%;}
.avpick-vip-upload{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:2px;}
.avpick-vip-label{font-size:11px;font-weight:700;color:var(--accent);letter-spacing:.5px;margin-bottom:4px;}
.avpick-upload-btn{display:inline-flex;align-items:center;gap:6px;background:rgba(196,154,46,.15);border:1px solid rgba(196,154,46,.3);color:var(--accent);border-radius:8px;padding:7px 14px;font-size:12px;font-weight:600;cursor:pointer;font-family:'Inter',sans-serif;transition:all .15s;}
.avpick-upload-btn:hover{background:rgba(196,154,46,.25);}

/* Grid */
.avpick-scroll{padding:10px 18px;max-height:220px;overflow-y:auto;}
.avpick-scroll::-webkit-scrollbar{width:3px;}
.avpick-scroll::-webkit-scrollbar-thumb{background:rgba(196,154,46,.3);border-radius:2px;}
.avpick-section-lbl{font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(255,255,255,.3);margin-bottom:6px;margin-top:2px;}
.avpick-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-bottom:8px;}
.avpick-item{aspect-ratio:1;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:all .15s;overflow:hidden;position:relative;}
.avpick-item img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block;}
.avpick-item:hover{border-color:rgba(196,154,46,.6);transform:scale(1.08);}
.avpick-item.selected{border-color:var(--accent);box-shadow:0 0 0 3px rgba(196,154,46,.2);}
.avpick-item .avpick-check{display:none;position:absolute;inset:0;background:rgba(196,154,46,.25);border-radius:50%;align-items:center;justify-content:center;}
.avpick-item.selected .avpick-check{display:flex;}

/* Footer */
.avpick-footer{padding:10px 18px 14px;border-top:1px solid rgba(255,255,255,.07);}
.avpick-save{width:100%;background:var(--accent);color:#1a1814;border:none;border-radius:10px;padding:11px;font-size:14px;font-weight:700;cursor:pointer;font-family:'Inter',sans-serif;letter-spacing:.2px;transition:opacity .15s;}
.avpick-save:hover{opacity:.88;}

/* Vechiul picker — păstrat pentru alte locuri */
.av-picker-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:16px;}
.av-picker-item{position:relative;cursor:pointer;border-radius:50%;border:2px solid transparent;transition:all .18s;aspect-ratio:1;}
.av-picker-item img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;}
.av-picker-item:hover{border-color:var(--accent);transform:scale(1.08);}
.av-picker-item.selected{border-color:var(--accent);box-shadow:0 0 0 3px rgba(196,154,46,.25);}
.av-section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin:14px 0 10px;}


/* ── ANIMAȚII CARDURI ── */
@keyframes cardIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.ac{animation:cardIn .35s ease both;}
.ac:nth-child(1){animation-delay:.04s}
.ac:nth-child(2){animation-delay:.08s}
.ac:nth-child(3){animation-delay:.12s}
.ac:nth-child(4){animation-delay:.16s}
.ac:nth-child(5){animation-delay:.20s}
.ac:nth-child(6){animation-delay:.24s}
.ac:nth-child(7){animation-delay:.28s}
.ac:nth-child(8){animation-delay:.32s}

/* ── PRICE INPUT PREMIUM ── */
.lp-bidinp{flex:1;min-width:0;background:transparent;border:none;color:var(--text);padding:12px 13px;font-family:'DM Mono',monospace;font-size:18px;font-weight:500;outline:none;}
.lp-bidinp::placeholder{color:var(--muted2);font-size:13px;font-family:'Inter',sans-serif;}
.lp-bidr{display:flex;gap:0;border:1.5px solid var(--border);border-radius:11px;overflow:hidden;background:var(--white);transition:border-color .18s;box-shadow:0 2px 6px rgba(0,0,0,.04);}
.lp-bidr:focus-within{border-color:var(--accent);box-shadow:0 2px 12px rgba(196,154,46,.15);}

/* ENDING */
.secline{display:flex;align-items:center;gap:14px;margin-bottom:20px;}
.sltxt{font-size:10px;font-weight:700;letter-spacing:2.5px;color:var(--muted);text-transform:uppercase;white-space:nowrap;}
.slhr{flex:1;height:1px;background:var(--border);}
.egrid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}
.ec{background:var(--white);border:1px solid var(--border);border-radius:14px;overflow:hidden;cursor:pointer;transition:all .2s;}
.ec:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:var(--shl);}
.ecimg{height:130px;background-size:cover;background-position:center;position:relative;}
.ectmr{position:absolute;bottom:8px;right:8px;background:rgba(10,9,8,.82);color:#fff;backdrop-filter:blur(6px);font-family:'DM Mono',monospace;font-size:11px;font-weight:600;padding:4px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.1);letter-spacing:.3px;}
.ectmr.urg{background:rgba(192,57,43,.92);border-color:rgba(255,100,80,.3);}
.ecwbtn{position:absolute;top:8px;right:8px;width:27px;height:27px;border-radius:50%;background:rgba(255,255,255,.85);backdrop-filter:blur(4px);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .15s;}
.ecbody{padding:11px;}
.ectit{font-weight:700;font-size:13px;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ecloc{font-size:11px;color:var(--muted);margin-bottom:9px;}
.ecft{display:flex;align-items:flex-end;justify-content:space-between;}
.ecprice{font-family:'Inter',sans-serif;font-size:17px;font-weight:700;}
.ecbids{font-size:10px;color:var(--muted2);}
/* HISTORY */
.hcard{background:var(--white);border:1px solid var(--border);border-radius:14px;overflow:hidden;margin-top:40px;}
.hhdr{padding:15px 20px;border-bottom:1px solid var(--border);font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px;}
.hdot{width:8px;height:8px;border-radius:50%;background:var(--red);animation:blink 1.1s infinite;}
.hrow{display:flex;align-items:center;gap:12px;padding:11px 20px;border-bottom:1px solid var(--border);font-size:13px;}
.hrow:last-child{border-bottom:none;}
.hd{width:8px;height:8px;border-radius:50%;flex-shrink:0;}
.hu{flex:1;font-weight:600;}
.ha{font-family:'Inter',sans-serif;font-size:16px;font-weight:700;}
.ht{font-size:11px;color:var(--muted2);}

/* ─── LICITATII PAGE ─── */
.liclayout{display:grid;grid-template-columns:220px 1fr;gap:22px;align-items:start;}
/* SIDEBAR */
.fsb{background:var(--white);border:1px solid var(--border);border-radius:14px;overflow:hidden;position:sticky;top:134px;}
.fsb-hdr{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px;border-bottom:1px solid var(--border);}
.fsb-title{font-family:'Inter',sans-serif;font-size:14px;font-weight:700;}
.fsb-reset-top{background:none;border:none;font-size:11px;color:var(--muted);cursor:pointer;font-family:'Inter',sans-serif;font-weight:600;padding:3px 6px;border-radius:5px;transition:color .15s;}
.fsb-reset-top:hover{color:var(--red);}
.fsb-body{padding:12px 14px;display:flex;flex-direction:column;gap:12px;}
.fs-sec{display:flex;flex-direction:column;gap:6px;}
.fs-lbl{font-size:9px;font-weight:700;letter-spacing:1.8px;color:var(--muted2);text-transform:uppercase;}
/* MARCA dropdown */
.marca-wrap{position:relative;}
.marca-search{width:100%;background:var(--off);border:1.5px solid var(--border);color:var(--text);border-radius:7px;padding:6px 26px 6px 10px;font-family:'Inter',sans-serif;font-size:12px;font-weight:500;outline:none;cursor:pointer;transition:border-color .18s;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='5' fill='none'%3E%3Cpath d='M1 1l3.5 3.5L8 1' stroke='%238a8680' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}
.marca-search:hover{border-color:var(--accent);}
.marca-dd{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--white);border:1.5px solid var(--accent);border-radius:9px;z-index:300;display:none;box-shadow:var(--shl);overflow:hidden;}
.marca-dd.on{display:block;}
.marca-dd-inp{width:100%;border:none;border-bottom:1px solid var(--border);padding:8px 10px;font-family:'Inter',sans-serif;font-size:12px;outline:none;background:var(--off);}
.marca-dd-inp::placeholder{color:var(--muted2);}
.marca-list{max-height:200px;overflow-y:auto;}
.marca-list::-webkit-scrollbar{width:3px;}
.marca-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px;}
.marca-opt{padding:7px 10px;font-size:12px;font-weight:500;cursor:pointer;transition:background .12s;}
.marca-opt:hover{background:var(--off);}
.marca-opt.sel{background:var(--alt);color:var(--adk);font-weight:600;}
/* selects & inputs */
.fs-sel{width:100%;background:var(--off);border:1.5px solid var(--border);color:var(--text);border-radius:7px;padding:6px 24px 6px 9px;font-family:'Inter',sans-serif;font-size:12px;font-weight:500;outline:none;cursor:pointer;transition:border-color .18s;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='5' fill='none'%3E%3Cpath d='M1 1l3.5 3.5L8 1' stroke='%238a8680' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;}
.year-dd-wrap{position:relative;flex:1;}
.year-dd-btn{width:100%;background:var(--off);border:1.5px solid var(--border);color:var(--text);border-radius:7px;padding:6px 24px 6px 9px;font-family:'Inter',sans-serif;font-size:12px;font-weight:500;outline:none;cursor:pointer;transition:border-color .18s;text-align:left;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='5' fill='none'%3E%3Cpath d='M1 1l3.5 3.5L8 1' stroke='%238a8680' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;}
.year-dd-btn:hover,.year-dd-btn.open{border-color:var(--accent);}
.year-dd-list{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--off);border:1.5px solid var(--accent);border-radius:7px;z-index:999;max-height:200px;overflow-y:auto;box-shadow:0 4px 16px rgba(0,0,0,.18);}
.year-dd-list.open{display:block;}
.year-dd-opt{padding:7px 10px;font-size:12px;font-family:'Inter',sans-serif;cursor:pointer;color:var(--text);}
.year-dd-opt:hover{background:var(--accent);color:#fff;}
.year-dd-opt.selected{background:var(--accent);color:#fff;font-weight:600;}

.fs-sel:focus,.fs-sel:hover{border-color:var(--accent);}
.fs-sel:disabled{opacity:.4;cursor:not-allowed;}
.fs-row{display:flex;gap:6px;}
.fs-row .fs-sel{flex:1;}
.fs-inp{flex:1;background:var(--off);border:1.5px solid var(--border);color:var(--text);border-radius:7px;padding:6px 8px;font-family:'Inter',sans-serif;font-size:12px;font-weight:500;outline:none;transition:border-color .18s;min-width:0;}
.fs-inp:focus{border-color:var(--accent);}
.fs-inp::placeholder{color:var(--muted2);}
/* chips */
.fs-chips{display:flex;flex-direction:column;gap:5px;}
.fchip{display:flex;align-items:center;gap:6px;padding:5px 9px;background:var(--off);border:1.5px solid var(--border);border-radius:6px;cursor:pointer;font-size:11px;font-weight:600;transition:all .15s;color:var(--muted);}
.fchip:hover{border-color:var(--accent);color:var(--adk);}
.fchip.on{border-color:var(--accent);background:var(--alt);color:var(--adk);}
/* apply button */
.btnapply{background:var(--text);color:#fff;border:none;border-radius:7px;padding:8px 14px;font-size:12px;font-family:'Inter',sans-serif;font-weight:700;cursor:pointer;transition:opacity .18s;}
.btnapply:hover{opacity:.82;}
.btnreset{background:none;border:1.5px solid var(--border);color:var(--muted);border-radius:7px;padding:7px 14px;font-size:12px;font-family:'Inter',sans-serif;font-weight:600;cursor:pointer;transition:all .15s;}
.btnreset:hover{border-color:var(--border2);color:var(--text);}
/* ── LOCATION FILTER ── */
.loc-wrap{position:relative;}
.loc-trigger{display:flex;align-items:center;gap:7px;width:100%;background:var(--off);border:1.5px solid var(--border);border-radius:7px;padding:6px 10px;font-family:'Inter',sans-serif;font-size:12px;font-weight:500;color:var(--text);cursor:pointer;transition:border-color .18s;user-select:none;}
.loc-trigger:hover{border-color:var(--accent);}
.loc-trigger.on{border-color:var(--accent);}
.loc-trigger span{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.loc-trigger::after{content:'▾';font-size:10px;color:var(--muted2);flex-shrink:0;}
.loc-dd{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--white);border:1.5px solid var(--accent);border-radius:9px;z-index:300;display:none;box-shadow:var(--shl);overflow:hidden;}
.loc-dd.on{display:block;animation:ddIn .16s ease;}
.loc-dd-head{padding:8px 8px 0;display:flex;flex-direction:column;gap:6px;}
.loc-inp{width:100%;border:1.5px solid var(--border);border-radius:7px;padding:7px 10px;font-family:'Inter',sans-serif;font-size:12px;outline:none;background:var(--off);transition:border-color .18s;}
.loc-inp:focus{border-color:var(--accent);}
.loc-inp::placeholder{color:var(--muted2);}
.loc-clear-all{background:none;border:none;font-size:11px;color:var(--red);font-weight:600;cursor:pointer;font-family:'Inter',sans-serif;padding:0 2px;text-align:right;}
.loc-shortcut{display:flex;align-items:center;gap:8px;padding:8px 10px;font-size:12px;font-weight:500;cursor:pointer;transition:background .12s;color:var(--text);}
.loc-shortcut:hover{background:var(--off);}
.loc-radio{width:13px;height:13px;border-radius:50%;border:1.5px solid var(--border2);background:var(--white);flex-shrink:0;transition:all .15s;}
.loc-divider{height:1px;background:var(--border);margin:2px 0;}
.loc-list{max-height:200px;overflow-y:auto;padding-bottom:4px;}
.loc-list::-webkit-scrollbar{width:3px;}
.loc-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px;}
.loc-item{display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:12px;font-weight:500;cursor:pointer;transition:background .12s;color:var(--text);}
.loc-item:hover{background:var(--off);}
.loc-item.sel{background:var(--alt);}
.loc-cb{width:13px;height:13px;border-radius:3px;border:1.5px solid var(--border2);background:var(--white);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s;font-size:9px;color:transparent;}
.loc-item.sel .loc-cb{background:var(--accent);border-color:var(--accent);color:#fff;}
.loc-count{margin-left:auto;font-size:10px;color:var(--muted2);}
/* selected tags */
.loc-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;}
.loc-tag{display:flex;align-items:center;gap:4px;background:var(--alt);border:1px solid rgba(196,154,46,.35);color:var(--adk);border-radius:4px;padding:3px 7px;font-size:11px;font-weight:600;}
.loc-tag-x{cursor:pointer;font-size:12px;line-height:1;opacity:.7;transition:opacity .15s;}
.loc-tag-x:hover{opacity:1;}
/* AUCT GRID */
.auchdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;}
.auccnt{font-size:13px;color:var(--muted);font-weight:500;}
.sortsel{background:var(--white);border:1.5px solid var(--border);color:var(--text);border-radius:8px;padding:7px 30px 7px 12px;font-family:'Inter',sans-serif;font-size:13px;font-weight:500;outline:none;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238a8680' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;}
.agrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;}
.ac{background:var(--white);border:1px solid var(--border);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .25s;box-shadow:0 2px 8px rgba(0,0,0,.04);display:flex;flex-direction:column;}
.ac:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.1);}
.acimg{aspect-ratio:16/9;width:100%;position:relative;background-size:cover;background-position:center;flex-shrink:0;}
.acimg::after{content:'';position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to top,rgba(10,9,8,.35) 0%,transparent 100%);pointer-events:none;}
.ac-timer-overlay{position:absolute;bottom:10px;left:10px;background:rgba(10,9,8,.82);color:#fff;backdrop-filter:blur(6px);font-family:'DM Mono',monospace;font-size:12px;font-weight:600;padding:5px 11px;border-radius:7px;border:1px solid rgba(255,255,255,.12);letter-spacing:.3px;z-index:2;}
.ac-timer-overlay.urg{background:rgba(192,57,43,.92);border-color:rgba(255,100,80,.3);}
.acwbtn{position:absolute;top:10px;right:10px;width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,.88);backdrop-filter:blur(4px);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;z-index:2;transition:transform .15s;}
.acwbtn:hover{transform:scale(1.15);}
.acwbtn.wchd{background:rgba(255,255,255,.95);}
.acbody{padding:14px 16px 16px;display:flex;flex-direction:column;gap:3px;flex:1;}
.actit{font-family:'Playfair Display',serif;font-weight:700;font-size:16px;line-height:1.3;color:var(--text);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.acprice{font-family:'Playfair Display',serif;font-size:22px;font-weight:800;color:var(--text);line-height:1.1;letter-spacing:-.3px;margin-top:2px;}
.acbids{font-size:11px;color:var(--muted);}
.actags{display:flex;gap:5px;flex-wrap:wrap;margin-top:4px;}
.actag{font-size:10px;color:var(--muted);background:transparent;border:1px solid var(--border2);padding:3px 8px;border-radius:5px;letter-spacing:.2px;}

.actmr{display:none;}

/* ── PAGINARE ── */
.pagination{display:flex;align-items:center;justify-content:center;gap:6px;padding:24px 0 8px;flex-wrap:wrap;}
.pg-btn{min-width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:var(--white);border:1.5px solid var(--border);border-radius:8px;font-family:'DM Mono',monospace;font-size:13px;font-weight:600;color:var(--text);cursor:pointer;transition:all .18s;padding:0 10px;}
.pg-btn:hover{border-color:var(--accent);background:var(--alt);color:var(--adk);}
.pg-btn.active{background:var(--text);border-color:var(--text);color:var(--white);cursor:default;}
.pg-btn.active:hover{background:var(--text);color:var(--white);}
.pg-btn.disabled{opacity:.4;cursor:default;pointer-events:none;}
.pg-dots{font-size:14px;color:var(--muted);padding:0 4px;letter-spacing:2px;}
.pg-nav{background:var(--text);border-color:var(--text);color:var(--white);padding:0 16px;gap:6px;font-family:'DM Sans',sans-serif;font-size:12px;font-weight:600;letter-spacing:.3px;}
.pg-nav:hover{background:var(--accent);border-color:var(--accent);color:var(--text);}
@media(max-width:600px){
  .pagination{gap:4px;padding:16px 0;}
  .pg-btn{min-width:34px;height:34px;font-size:12px;}
  .pg-nav{padding:0 12px;font-size:11px;}
}

/* ACCOUNT */

/* ── SOCIAL FEED & FOLLOW ── */
.pub-follow-btn{width:100%;background:var(--text);color:#fff;border:none;border-radius:10px;padding:11px;font-family:'DM Sans',sans-serif;font-weight:700;font-size:13px;cursor:pointer;margin-top:12px;transition:all .18s;letter-spacing:.3px;}
.pub-follow-btn:hover{opacity:.85;}
.pub-follow-btn.following{background:var(--off);color:var(--text);border:1.5px solid var(--border);}
.pub-follow-btn.following:hover{background:rgba(192,57,43,.06);color:var(--red);border-color:rgba(192,57,43,.3);}
.feed-item{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid var(--border);transition:background .15s;}
.feed-item:hover{background:var(--off);}
.feed-icon{font-size:18px;flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--off);border-radius:8px;}
.feed-content{flex:1;min-width:0;}
.feed-text{font-size:13px;line-height:1.5;color:var(--text);}
.feed-user{color:var(--accent);font-weight:600;cursor:pointer;}
.feed-user:hover{text-decoration:underline;}
.feed-time{font-size:11px;color:var(--muted);margin-top:2px;font-family:'DM Mono',monospace;}
.feed-thumb{width:44px;height:34px;border-radius:6px;background-size:cover;background-position:center;flex-shrink:0;}
.acclyt{display:grid;grid-template-columns:210px 1fr;gap:26px;align-items:start;}
.accsb{background:var(--white);border:1px solid var(--border);border-radius:16px;overflow:hidden;position:sticky;top:140px;}
.accub{text-align:center;border-bottom:1px solid var(--border);padding-bottom:16px;}
.acc-cover{height:90px;background:linear-gradient(135deg,#1a1814,#2d2820);border-radius:0;display:flex;align-items:center;justify-content:center;transition:filter .2s;}
.acc-cover:hover{filter:brightness(1.1);}
.acc-cover-banner{width:100%;aspect-ratio:1600/450;border-radius:12px;margin-bottom:14px;background:linear-gradient(135deg,#1a1814,#2d2820);background-size:cover;background-position:center;background-repeat:no-repeat;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:filter .18s;border:1px solid rgba(255,255,255,.07);}
.acc-cover-banner:hover{filter:brightness(1.12);}
.accav{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'DM Mono',monospace;font-size:20px;margin:0 auto 10px;}
.accav-lg{width:65px;height:65px;font-size:24px;}
.accname{font-weight:700;font-size:14px;margin-bottom:2px;}
.accsub{font-size:12px;color:var(--muted);}
.accnav{display:flex;align-items:center;gap:9px;padding:12px 16px;cursor:pointer;font-size:13px;font-weight:500;border-left:3px solid transparent;transition:all .15s;color:var(--muted);}
.accnav:hover{background:var(--off);color:var(--text);}
.accnav.on{border-left-color:var(--accent);color:var(--text);background:var(--alt);font-weight:600;}
.accpan{background:var(--white);border:1px solid var(--border);border-radius:14px;overflow:hidden;margin-bottom:14px;}
.aphdr{padding:18px 22px;border-bottom:1px solid var(--border);font-family:'Inter',sans-serif;font-size:16px;font-weight:700;}
.br{display:flex;align-items:center;gap:13px;padding:13px 22px;border-bottom:1px solid var(--border);}
.br:last-child{border-bottom:none;}
.brimg{width:62px;height:44px;border-radius:7px;background-size:cover;background-position:center;flex-shrink:0;}
.br-clickable{cursor:pointer;transition:background .15s;}
.br-clickable:hover{background:var(--off);}
.stneg{color:#c8a96e!important;font-weight:600;}
.br-neg-btn{background:var(--accent);color:#fff;border:none;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:700;cursor:pointer;font-family:'Inter',sans-serif;transition:opacity .15s;}
.br-neg-btn:hover{opacity:.85;}
.br-del-btn{background:none;border:1px solid rgba(192,57,43,.3);color:var(--red);border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;cursor:pointer;font-family:'Inter',sans-serif;transition:all .15s;}
.br-del-btn:hover{background:rgba(192,57,43,.08);border-color:var(--red);}
.br-chat-btn{display:flex;align-items:center;gap:6px;border:none;border-radius:7px;padding:6px 12px;font-size:12px;font-weight:700;cursor:pointer;font-family:'Inter',sans-serif;margin-top:6px;transition:all .18s;}
.br-chat-active{background:var(--text);color:#fff;}
.br-chat-active:hover{opacity:.85;}
.br-chat-locked{background:var(--off);border:1.5px dashed var(--border2)!important;color:var(--muted);cursor:pointer;}
.br-chat-locked:hover{border-color:var(--accent)!important;color:var(--text);}
.brinf{flex:1;min-width:0;}
.brcar{font-weight:700;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.brst{font-size:12px;margin-top:3px;}
.stwin{color:var(--green);font-weight:600;}
.stout{color:var(--red);font-weight:600;}
.bramt{font-family:'Inter',sans-serif;font-size:17px;font-weight:700;white-space:nowrap;}
/* REZULTATE */
.rezcrd{background:var(--white);border:1px solid var(--border);border-radius:13px;padding:18px 20px;display:flex;align-items:center;gap:15px;margin-bottom:12px;}
.rezcrd-highlight{border-color:var(--accent);background:var(--alt);box-shadow:0 2px 12px rgba(196,154,46,.15);}
.rez-mybadge{display:inline-block;font-size:10px;font-weight:700;padding:2px 8px;border-radius:4px;margin-top:5px;}
.rez-buyer{background:rgba(45,122,79,.1);color:var(--green);border:1px solid rgba(45,122,79,.2);}
.rez-seller{background:rgba(196,154,46,.15);color:var(--adk);border:1px solid rgba(196,154,46,.3);}
.rezimg{width:78px;height:56px;border-radius:8px;background-size:cover;background-position:center;flex-shrink:0;}
.rezinf{flex:1;}
.reztit{font-weight:700;font-size:14px;margin-bottom:4px;}
.rezsub{font-size:12px;color:var(--muted);}
.rezprice{font-family:'Inter',sans-serif;font-size:21px;font-weight:700;text-align:right;}
.rezsold{font-size:11px;color:var(--green);font-weight:600;margin-top:2px;text-align:right;}
/* TOAST */
.twrap{position:fixed;bottom:24px;right:24px;z-index:500;display:flex;flex-direction:column;gap:8px;}
.toast{background:var(--white);border:1px solid var(--border);border-radius:10px;padding:11px 15px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:9px;box-shadow:var(--shl);max-width:280px;animation:tIn .25s ease;}
@keyframes tIn{from{transform:translateX(110%);opacity:0}to{transform:translateX(0);opacity:1}}
.toast.s{border-left:3px solid var(--green);}
.toast.e{border-left:3px solid var(--red);}
.toast.i{border-left:3px solid var(--accent);}
/* MODAL */
.mdbg{position:fixed;inset:0;z-index:400;background:rgba(26,24,20,.5);backdrop-filter:blur(8px);display:none;align-items:center;justify-content:center;}
.mdbg.on{display:flex;}
.mdbox{background:var(--white);border:1px solid var(--border);border-radius:20px;padding:38px 34px;max-width:390px;width:90%;text-align:center;box-shadow:var(--shl);animation:mIn .25s ease;}
@keyframes mIn{from{transform:scale(.93);opacity:0}to{transform:scale(1);opacity:1}}
.mdico{font-size:42px;margin-bottom:14px;}
.mdtit{font-family:'Inter',sans-serif;font-size:21px;font-weight:800;margin-bottom:10px;}
.mdtxt{font-size:13px;color:var(--muted);line-height:1.65;margin-bottom:18px;}
.mdcd{font-family:'DM Mono',monospace;font-size:46px;font-weight:500;color:var(--text);margin-bottom:22px;letter-spacing:-.2px;}
.btnmd{background:var(--text);color:#fff;font-family:'Inter',sans-serif;font-weight:700;font-size:14px;padding:11px 30px;border-radius:9px;border:none;cursor:pointer;transition:opacity .18s;}
.btnmd:hover{opacity:.82;}

/* Daune tab accent — removed */

/* ══════════════════════════════════════════
   TurboBid Secure Video Player
   ══════════════════════════════════════════ */

/* Modal wrapper — forțează centrare verticală inclusiv pe mobil,
   suprascrie regula globală align-items:flex-end de pe .mdbg mobile */
#videoModal {
  align-items: center !important;
  padding: 16px;
  box-sizing: border-box;
}

/* Cutia modală */
.tb-video-modal-box {
  background: #0f0f0f;
  border-radius: 14px;
  overflow: hidden;
  width: 92%;
  max-width: 820px;
  box-shadow: 0 20px 60px rgba(0,0,0,.75);
  animation: mIn .22s ease;
  flex-shrink: 0;
}

/* Header modal */
.tb-video-modal-hdr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px 18px;
  background: #1a1814;
  border-bottom: 1px solid rgba(255,255,255,.07);
}
.tb-video-modal-title {
  font-size: 14px;
  font-weight: 600;
  color: #c8a96e;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* Container 16:9 — padding-top trick */
.tb-video-container {
  position: relative;
  width: 100%;
  padding-top: 56.25%; /* 16:9 */
  background: #000;
  overflow: hidden;
}

/* Player wrap + iframe — umplu tot containerul */
#tbPlayerWrap,
#tbPlayerWrap > div,
#tbPlayerWrap iframe {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  border: none !important;
  display: block;
}

/* Overlay transparent — blochează link-urile native YouTube
   (titlu, logo, buton share, etc.) */
.tb-video-overlay {
  position: absolute;
  inset: 0;
  z-index: 10;
  cursor: pointer;
  background: transparent;
  -webkit-tap-highlight-color: transparent;
  touch-action: none;
}

/* Buton Play/Pause centrat */
.tb-video-play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 64px;
  height: 64px;
  background: rgba(0,0,0,.58);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  transition: opacity .2s ease, transform .15s ease;
  opacity: 1;
}
.tb-video-play-icon svg { display: block; }
.tb-video-play-icon.playing {
  opacity: 0;
  transform: translate(-50%, -50%) scale(1.15);
}
.tb-video-play-icon.flash {
  opacity: 1 !important;
  transform: translate(-50%, -50%) scale(1) !important;
  transition: none;
}

/* ── Mobile portrait — video centrat, nu căzut jos ── */
@media (max-width: 600px) {
  #videoModal { padding: 12px; }
  .tb-video-modal-box {
    width: 100%;
    border-radius: 12px;
    max-height: calc(100dvh - 24px);
    overflow: hidden;
  }
  .tb-video-play-icon { width: 52px; height: 52px; }
}



.dps{display:flex;align-items:center;gap:7px;}
.dps-n{font-family:'DM Mono',monospace;font-size:16px;font-weight:500;color:#fff;}
.dps-l{font-size:12px;color:rgba(255,255,255,.4);}
.dps-sep{color:rgba(255,255,255,.2);font-size:18px;}
.dc{background:var(--white);border:1px solid var(--border);border-radius:14px;overflow:hidden;cursor:pointer;transition:all .2s;}
.dc:hover{border-color:rgba(192,57,43,.35);transform:translateY(-3px);box-shadow:0 8px 28px rgba(192,57,43,.08);}
.dc-img{height:180px;position:relative;background-size:cover;background-position:center;}
.dc-sev{position:absolute;top:10px;left:10px;font-size:10px;font-weight:800;letter-spacing:.8px;padding:4px 10px;border-radius:5px;text-transform:uppercase;z-index:1;}
.dc-sev.usoare{background:rgba(245,197,24,.92);color:#5a3e00;}
.dc-sev.medii{background:rgba(230,126,34,.92);color:#fff;}
.dc-sev.grave{background:rgba(192,57,43,.92);color:#fff;}
.dc-sev.total{background:rgba(20,18,16,.88);color:#fff;border:1px solid rgba(255,255,255,.15);}
.dc-est{position:absolute;bottom:10px;right:10px;background:rgba(255,255,255,.92);border-radius:5px;padding:3px 9px;font-size:10px;font-weight:700;color:var(--text);backdrop-filter:blur(4px);}
.dc-body{padding:14px;}
.dc-title{font-weight:700;font-size:15px;margin-bottom:5px;color:var(--text);}
.dc-meta{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:9px;}
.dc-tag{font-size:10px;color:var(--muted);background:var(--off);border:1px solid var(--border);padding:2px 8px;border-radius:3px;}
.dc-dmg-desc{font-size:12px;color:var(--muted);line-height:1.5;margin-bottom:12px;border-left:3px solid rgba(192,57,43,.25);padding-left:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.dc-footer{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid var(--border);}
.dc-price{font-family:'Inter',sans-serif;font-size:22px;font-weight:800;color:var(--text);}
.dc-price-orig{font-size:11px;color:var(--muted2);text-decoration:line-through;margin-top:2px;}
.dc-bids{font-size:11px;color:var(--muted);text-align:right;}
.dc-timer{font-family:'DM Mono',monospace;font-size:11px;color:var(--muted);}
.dc-timer.urg{color:var(--red);}
/* ── AUTH BUTTONS in header ── */
.btn-auth-outline{background:none;border:1.5px solid var(--border);color:var(--text);font-family:'Inter',sans-serif;font-weight:600;font-size:13px;padding:7px 16px;border-radius:8px;cursor:pointer;transition:all .18s;}
.btn-auth-outline:hover{border-color:var(--accent);color:var(--adk);}
.btn-auth-solid{background:var(--text);color:#fff;font-family:'Inter',sans-serif;font-weight:600;font-size:13px;padding:7px 16px;border-radius:8px;border:none;cursor:pointer;transition:opacity .18s;}
.btn-auth-solid:hover{opacity:.82;}
/* ── AUTH MODAL ── */
.auth-box{background:var(--white);border:1px solid var(--border);border-radius:20px;padding:36px 32px;max-width:380px;width:92%;position:relative;box-shadow:var(--shl);animation:mIn .25s ease;}
.auth-close{position:absolute;top:14px;right:16px;background:none;border:none;font-size:18px;cursor:pointer;color:var(--muted);transition:color .15s;line-height:1;}
.auth-close:hover{color:var(--text);}
.auth-logo{font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:24px;text-align:center;margin-bottom:20px;letter-spacing:-.1px;text-transform:uppercase;}
.auth-tabs{display:flex;background:var(--off);border-radius:9px;padding:3px;margin-bottom:20px;}
.auth-tab{flex:1;background:none;border:none;padding:8px;font-family:'Inter',sans-serif;font-size:13px;font-weight:600;color:var(--muted);cursor:pointer;border-radius:7px;transition:all .18s;}
.auth-tab.on{background:var(--white);color:var(--text);box-shadow:0 1px 4px rgba(0,0,0,.08);}
.auth-google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--white);border:1.5px solid var(--border);color:var(--text);font-family:'Inter',sans-serif;font-weight:600;font-size:13px;padding:10px;border-radius:9px;cursor:pointer;transition:all .18s;margin-bottom:14px;}
.auth-google-btn:hover{border-color:#4285F4;background:#f8f9ff;}
.auth-divider{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.auth-divider::before,.auth-divider::after{content:'';flex:1;height:1px;background:var(--border);}
.auth-divider span{font-size:11px;color:var(--muted2);font-weight:500;}
.auth-inp{width:100%;background:var(--off);border:1.5px solid var(--border);color:var(--text);border-radius:9px;padding:10px 13px;font-family:'Inter',sans-serif;font-size:13px;font-weight:500;outline:none;transition:border-color .18s;margin-bottom:10px;display:block;}
.auth-inp:focus{border-color:var(--accent);}
.auth-inp::placeholder{color:var(--muted2);}
.auth-submit-btn{width:100%;background:var(--text);color:#fff;font-family:'Inter',sans-serif;font-weight:700;font-size:14px;padding:11px;border-radius:9px;border:none;cursor:pointer;transition:opacity .18s;margin-top:4px;}
.auth-submit-btn:hover{opacity:.82;}
.auth-forgot{text-align:center;margin-top:12px;}
/* User dropdown logged in */
.dd-user-block{display:flex;align-items:center;gap:11px;padding:14px 14px 12px;}
.dd-uav{width:36px;height:36px;border-radius:50%;background:var(--text);color:#fff;display:flex;align-items:center;justify-content:center;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:15px;flex-shrink:0;}
.dd-uname{font-size:13px;font-weight:700;}
.dd-uemail{font-size:11px;color:var(--muted);margin-top:1px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.dd-divider{height:1px;background:var(--border);margin:2px 0;}
.ddi-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:rgba(196,154,46,.08);color:rgba(255,255,255,.6);}
.ddi:hover .ddi-icon{background:rgba(196,154,46,.18);color:#c49a2e;}
.ddi-arrow{margin-left:auto;font-size:10px;color:rgba(255,255,255,.2);}
.ddi-logout{color:rgba(220,80,80,.8)!important;}
.ddi-logout:hover{background:rgba(220,80,80,.08)!important;color:rgba(220,80,80,1)!important;}
.ddi-logout .ddi-icon{background:rgba(220,80,80,.08);}
/* ── CREATE LISTING MODAL ── */
.create-box{background:var(--white);border-radius:20px;max-width:560px;width:94%;max-height:90vh;overflow-y:auto;box-shadow:var(--shl);animation:mIn .25s ease;position:relative;}
.create-hdr{display:flex;align-items:center;justify-content:space-between;padding:22px 28px 0;position:sticky;top:0;background:var(--white);z-index:10;border-radius:20px 20px 0 0;}
.create-hdr .auth-close{position:static;font-size:22px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--off);transition:all .18s;}
.create-hdr .auth-close:hover{background:var(--border);color:var(--text);}
.create-title{font-family:'Inter',sans-serif;font-size:20px;font-weight:800;}
.create-body{padding:20px 28px 28px;}
.create-step-label{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:18px;}
.create-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;}
.create-field{display:flex;flex-direction:column;gap:5px;margin-bottom:12px;}
.create-lbl{font-size:12px;font-weight:600;color:var(--text);}
.create-hint{font-size:10px;color:var(--muted);font-weight:400;margin-left:4px;}
.create-inp{background:var(--off);border:1.5px solid var(--border);color:var(--text);border-radius:9px;padding:9px 12px;font-family:'Inter',sans-serif;font-size:13px;outline:none;transition:border-color .18s;width:100%;}
.create-inp:focus{border-color:var(--accent);}
.create-sel{background:var(--off);border:1.5px solid var(--border);color:var(--text);border-radius:9px;padding:9px 12px;font-family:'Inter',sans-serif;font-size:13px;outline:none;cursor:pointer;width:100%;}
#wrapCYear .year-dd-btn{background:var(--off);border:1.5px solid var(--border);color:var(--text);border-radius:9px;padding:9px 28px 9px 12px;font-family:'Inter',sans-serif;font-size:13px;outline:none;cursor:pointer;width:100%;text-align:left;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='5' fill='none'%3E%3Cpath d='M1 1l3.5 3.5L8 1' stroke='%238a8680' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;}
#wrapCYear .year-dd-btn:hover,#wrapCYear .year-dd-btn.open{border-color:var(--accent);}
#wrapCYear .year-dd-list{border-radius:9px;}
.create-next-btn{background:var(--text);color:#fff;border:none;border-radius:9px;padding:11px 20px;font-family:'Inter',sans-serif;font-weight:700;font-size:13px;cursor:pointer;transition:opacity .18s;width:100%;}
.create-next-btn:hover{opacity:.82;}
.create-back-btn{background:var(--off);border:1.5px solid var(--border);color:var(--text);border-radius:9px;padding:11px 16px;font-family:'Inter',sans-serif;font-weight:600;font-size:13px;cursor:pointer;transition:all .18s;}
.create-back-btn:hover{border-color:var(--accent);}
.create-price-hint{font-size:12px;color:var(--muted);margin:-6px 0 14px;padding:8px 12px;background:var(--alt);border-radius:7px;display:none;}
.create-price-hint.on{display:block;}
.create-duration-btns{display:flex;gap:10px;}
.cdur-btn{flex:1;background:var(--off);border:2px solid var(--border);border-radius:9px;padding:10px;font-family:'Inter',sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;display:flex;flex-direction:column;align-items:center;gap:4px;}
.cdur-btn.on{border-color:var(--accent);background:var(--alt);}
.cdur-rec{font-size:9px;font-weight:700;background:var(--accent);color:#fff;padding:2px 7px;border-radius:3px;text-transform:uppercase;letter-spacing:.5px;}
.photo-upload-area{border:2px dashed var(--border);border-radius:12px;padding:28px;text-align:center;cursor:pointer;transition:all .2s;background:var(--off);}
.photo-upload-area:hover{border-color:var(--accent);background:var(--alt);}
.pua-icon{font-size:28px;margin-bottom:8px;}
.pua-txt{font-size:14px;font-weight:600;margin-bottom:4px;}
.pua-sub{font-size:11px;color:var(--muted);}
.photo-previews{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}
.photo-prev-wrap{position:relative;display:inline-block;}
.photo-prev{width:96px;aspect-ratio:16/9;border-radius:8px;object-fit:cover;border:2px solid var(--border);}
.photo-prev-del{position:absolute;top:-5px;right:-5px;background:var(--red);color:#fff;border:none;border-radius:50%;width:18px;height:18px;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.create-err{font-size:12px;color:var(--red);min-height:16px;text-align:center;margin-top:4px;}
/* ── NEGOTIATION MODAL ── */
.neg-box{background:var(--white);border-radius:20px;max-width:500px;width:94%;max-height:90vh;overflow-y:auto;box-shadow:var(--shl);animation:mIn .25s ease;}
.neg-body{padding:20px 28px 28px;}
.neg-status{text-align:center;padding:16px;border-radius:10px;margin-bottom:16px;}
.neg-status.active{background:var(--alt);border:1px solid rgba(196,154,46,.3);}
.neg-status.agreed{background:rgba(45,122,79,.08);border:1px solid rgba(45,122,79,.25);}
.neg-status.failed{background:rgba(192,57,43,.06);border:1px solid rgba(192,57,43,.2);}
.neg-round{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:4px;}
.neg-price{font-family:'Inter',sans-serif;font-size:28px;font-weight:800;margin-bottom:4px;}

/* ── STATUS BANNER ── */
.neg-status-banner{border-radius:12px;padding:14px 16px;margin-bottom:14px;text-align:center;}
.neg-status-banner.my-turn{background:rgba(59,130,246,.08);border:1.5px solid rgba(59,130,246,.25);}
.neg-status-banner.their-turn{background:var(--off);border:1px solid var(--border);}
.neg-status-banner.agreed{background:rgba(45,122,79,.08);border:1.5px solid rgba(45,122,79,.3);}
.neg-status-banner.failed{background:rgba(192,57,43,.06);border:1px solid rgba(192,57,43,.2);}
.neg-status-txt{font-size:15px;font-weight:700;color:var(--text);}
.neg-status-sub{font-size:12px;color:var(--muted);margin-top:3px;}
.neg-timer{font-family:'DM Mono',monospace;font-size:11px;color:var(--muted);margin-top:5px;}

/* ── ISTORICUL OFERTELOR ── */
.neg-history-wrap{margin-bottom:14px;}
.neg-history-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);margin-bottom:8px;}
.neg-history{border:1px solid var(--border);border-radius:10px;overflow:hidden;}
.neg-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--border);font-size:13px;position:relative;}
.neg-row:last-child{border-bottom:none;}
.neg-row-last{background:rgba(196,154,46,.05);}
.neg-row-mine{background:rgba(59,130,246,.04);}
.neg-row-left{flex:1;min-width:0;}
.neg-who{font-weight:600;font-size:13px;color:var(--text);}
.neg-role{font-size:11px;color:var(--muted);margin-top:1px;}

/* Coloana dreapta — badge deasupra sumei, fără suprapunere */
.neg-row-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0;}
.neg-amt{font-family:'DM Mono',monospace;font-weight:600;font-size:14px;color:var(--text);}

/* Suma evidențiată — glow auriu + pulse */
.neg-amt-highlight{
  font-family:'DM Mono',monospace;font-weight:700;font-size:17px;
  color:var(--accent);
  text-shadow:0 0 8px rgba(196,154,46,.5),0 0 20px rgba(196,154,46,.25);
  animation:negAmtPulse 2.4s ease-in-out infinite;
  display:block;
}
@keyframes negAmtPulse{
  0%,100%{
    text-shadow:0 0 6px rgba(196,154,46,.4),0 0 14px rgba(196,154,46,.2);
    transform:scale(1);
  }
  50%{
    text-shadow:0 0 12px rgba(196,154,46,.75),0 0 28px rgba(196,154,46,.4),0 0 40px rgba(196,154,46,.15);
    transform:scale(1.04);
  }
}

/* Badge — pe rând separat deasupra sumei, aliniat la dreapta */
.neg-row-badge{
  font-size:9px;font-weight:700;text-transform:uppercase;
  letter-spacing:.8px;background:var(--accent);color:#fff;
  padding:2px 7px;border-radius:20px;opacity:.9;
  /* Scos din flow absolut — acum e în flex column */
  position:static;
  display:inline-block;align-self:flex-end;
}
.neg-no-rounds{font-size:13px;color:var(--muted);padding:16px;text-align:center;}

/* ── ZONA DE ACȚIUNE ── */
.neg-action-card{background:var(--off);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:12px;}
.neg-their-offer{text-align:center;margin-bottom:14px;padding:12px;background:var(--white);border-radius:10px;border:1px solid var(--border);}
.neg-their-label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px;}
.neg-their-amount{display:block;font-family:'DM Mono',monospace;font-size:26px;font-weight:700;color:var(--text);}
.neg-accept-big{width:100%;background:#2d7a4f;color:#fff;border:none;border-radius:10px;padding:14px;font-family:'Inter',sans-serif;font-weight:700;font-size:15px;cursor:pointer;transition:opacity .15s;}
.neg-accept-big:hover{opacity:.88;}
.neg-divider-or{display:flex;align-items:center;gap:10px;margin:12px 0;color:var(--muted);font-size:12px;}
.neg-divider-or::before,.neg-divider-or::after{content:'';flex:1;height:1px;background:var(--border);}
.neg-counter-toggle{width:100%;background:none;border:1.5px solid var(--border);border-radius:10px;padding:12px;font-family:'Inter',sans-serif;font-weight:600;font-size:14px;color:var(--text);cursor:pointer;transition:border-color .15s,background .15s;}
.neg-counter-toggle:hover{border-color:var(--accent);background:rgba(196,154,46,.05);}
.neg-counter-form{margin-top:12px;}
.neg-hint{font-size:12px;color:var(--muted);margin-bottom:8px;}
.neg-hint strong{color:var(--text);}
.neg-offer-area{background:var(--off);border-radius:10px;padding:14px;}
.neg-offer-lbl{font-size:12px;font-weight:600;margin-bottom:8px;}
.neg-offer-row{display:flex;gap:8px;}
.neg-offer-inp{flex:1;background:var(--white);border:1.5px solid var(--border);border-radius:8px;padding:10px 12px;font-family:'Inter',sans-serif;font-size:14px;outline:none;color:var(--text);}
.neg-offer-inp:focus{border-color:var(--accent);}
.neg-btn{background:var(--text);color:#fff;border:none;border-radius:8px;padding:10px 18px;font-family:'Inter',sans-serif;font-weight:700;font-size:13px;cursor:pointer;white-space:nowrap;}
.neg-btn:hover{opacity:.85;}
.neg-waiting{text-align:center;padding:20px 16px;background:var(--off);border-radius:12px;border:1px dashed var(--border);margin-bottom:12px;}
.neg-waiting-icon{font-size:28px;margin-bottom:8px;}
.neg-waiting-text{font-size:14px;font-weight:600;color:var(--text);}
.neg-waiting-sub{font-size:13px;color:var(--muted);margin-top:6px;}
.neg-waiting-timer{font-family:'DM Mono',monospace;font-size:11px;color:var(--muted);margin-top:8px;}
.neg-contact-box{background:rgba(45,122,79,.08);border:1px solid rgba(45,122,79,.25);border-radius:10px;padding:14px;margin-top:12px;}
.neg-contact-title{font-weight:700;margin-bottom:8px;color:#2d7a4f;font-size:13px;}
.neg-contact-row{font-size:13px;margin-top:4px;color:var(--text);}
.neg-accept-btn{width:100%;background:var(--green);color:#fff;border:none;border-radius:9px;padding:11px;font-family:'Inter',sans-serif;font-weight:700;font-size:14px;cursor:pointer;margin-top:10px;}

/* ── CHAT MODAL ── */
.chat-box{background:var(--white);border-radius:20px;max-width:440px;width:94%;height:560px;display:flex;flex-direction:column;box-shadow:var(--shl);animation:mIn .25s ease;}
.chat-messages{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:10px;}
.chat-msg{max-width:78%;padding:9px 13px;border-radius:12px;font-size:13px;line-height:1.5;}
.chat-msg.mine{background:var(--text);color:#fff;align-self:flex-end;border-bottom-right-radius:4px;}
.chat-msg.theirs{background:var(--off);border:1px solid var(--border);align-self:flex-start;border-bottom-left-radius:4px;}
.chat-msg-name{font-size:10px;font-weight:700;margin-bottom:3px;opacity:.7;}
.chat-msg-time{font-size:10px;opacity:.5;margin-top:3px;}
.chat-footer{padding:12px 16px;border-top:1px solid var(--border);display:flex;gap:8px;}
.chat-inp{flex:1;background:var(--off);border:1.5px solid var(--border);border-radius:9px;padding:9px 12px;font-family:'Inter',sans-serif;font-size:13px;outline:none;}
.chat-inp:focus{border-color:var(--accent);}
.chat-send-btn{background:var(--text);color:#fff;border:none;border-radius:9px;padding:9px 16px;font-family:'Inter',sans-serif;font-weight:700;font-size:13px;cursor:pointer;}
.reserve-ind{display:flex;gap:3px;align-items:center;}
.ri-dot{width:10px;height:10px;border-radius:50%;background:var(--border);}
.ri-dot.filled{background:var(--accent);}
.ri-dot.full{background:var(--green);}

/* ── BARA DE PROGRES REZERVĂ (VIP) ── */
.reserve-bar-wrap{
  display:flex;align-items:center;gap:6px;width:100%;
}
.reserve-bar{
  flex:1;height:5px;border-radius:9999px;
  background:var(--border);overflow:hidden;
  position:relative;
  outline:1.5px solid transparent;
  outline-offset:2px;
  transition:outline-color .3s;
}
.reserve-bar.reached{outline-color:var(--green);}
.reserve-bar-fill{
  height:100%;border-radius:9999px;
  background:var(--accent);
  transition:width .6s cubic-bezier(.4,0,.2,1),background .4s;
}
.reserve-bar.reached .reserve-bar-fill{background:var(--green);}
.reserve-bar-pct{
  font-size:9px;font-weight:700;color:var(--muted);
  font-family:'DM Mono',monospace;white-space:nowrap;min-width:26px;
  text-align:right;
}
.reserve-bar.reached + .reserve-bar-pct{color:var(--green);}

/* ── LOCK pentru non-VIP ── */
.reserve-lock{
  display:inline-flex;align-items:center;gap:4px;
  font-size:10px;color:var(--muted2);font-family:'Inter',sans-serif;
  opacity:.7;cursor:default;
}
.reserve-lock span{font-weight:600;letter-spacing:.3px;}
@media(max-width:600px){
  .reserve-bar-wrap{gap:4px;}
  .reserve-bar{height:4px;}
  .reserve-bar-pct{font-size:8px;}
  .reserve-lock{font-size:9px;}
}
/* ── BADGES ── */
.acc-badge-item{display:flex;flex-direction:column;align-items:center;gap:6px;cursor:default;transition:transform .2s;}
.acc-badge-item:hover{transform:translateY(-3px);}
.acc-badge-item svg{filter:drop-shadow(0 2px 6px rgba(0,0,0,.15));}
.acc-badge-label{font-size:11px;font-weight:700;color:var(--text);text-align:center;max-width:64px;}
.acc-badge-item.locked{opacity:.4;}
.acc-badge-item.locked:hover{transform:none;}
.locked-lbl{color:var(--muted);}
.acc-badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:18px;padding:20px;}
/* ── SETTINGS STYLES ── */
.acc-content{flex:1;}
.settings-panel{padding-bottom:0!important;}
.settings-section{padding:0 22px 20px;border-bottom:1px solid var(--border);}
.settings-section:last-child{border-bottom:none;}
.settings-section.danger{background:rgba(192,57,43,.02);}
.settings-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);margin:18px 0 12px;padding-top:6px;}
.settings-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:16px;}
.settings-item.clickable{cursor:pointer;border-radius:8px;margin:0 -10px;padding:12px 10px;transition:background .15s;}
.settings-item.clickable:hover{background:var(--off);}
.settings-label{flex:1;min-width:0;}
.settings-name{font-size:14px;font-weight:600;color:var(--text);}
.settings-desc{font-size:12px;color:var(--muted);margin-top:2px;}
.settings-arrow{font-size:16px;color:var(--muted2);transition:transform .15s;}
.settings-item.clickable:hover .settings-arrow{transform:translateX(3px);}
.settings-select{background:var(--off);border:1.5px solid var(--border);border-radius:8px;padding:8px 28px 8px 12px;font-family:'Inter',sans-serif;font-size:13px;font-weight:500;outline:none;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238a8680' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;}
/* Toggle switch */
.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0;}
.toggle-switch input{opacity:0;width:0;height:0;}
.toggle-slider{position:absolute;cursor:pointer;inset:0;background:var(--border);border-radius:24px;transition:.25s;}
.toggle-slider::before{position:absolute;content:'';height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.25s;box-shadow:0 1px 3px rgba(0,0,0,.15);}
.toggle-switch input:checked+.toggle-slider{background:var(--accent);}
.toggle-switch input:checked+.toggle-slider::before{transform:translateX(20px);}
/* Stats grid */
.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:20px;}
.stat-card{background:var(--off);border:1px solid var(--border);border-radius:12px;padding:18px;text-align:center;}
.stat-num{font-family:'Inter',sans-serif;font-size:28px;font-weight:800;color:var(--text);margin-bottom:4px;}
.stat-lbl{font-size:12px;color:var(--muted);font-weight:500;}
/* Watchlist */
.watchlist-container{padding:0;}
.watch-item{display:flex;align-items:center;gap:14px;padding:14px 22px;border-bottom:1px solid var(--border);transition:background .12s;}
.watch-item:last-child{border-bottom:none;}
.watch-item:hover{background:var(--off);}
.watch-img{width:70px;height:50px;border-radius:8px;background-size:cover;background-position:center;flex-shrink:0;}
.watch-info{flex:1;min-width:0;}
.watch-title{font-weight:700;font-size:14px;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.watch-meta{font-size:12px;color:var(--muted);}
.watch-remove{background:none;border:1.5px solid var(--border);color:var(--muted);width:28px;height:28px;border-radius:6px;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;font-size:12px;}
.watch-remove:hover{border-color:var(--red);color:var(--red);background:rgba(192,57,43,.04);}
/* Account nav improvements */
.accnav{position:relative;}
.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;background:var(--red);color:#fff;font-size:10px;font-weight:700;border-radius:10px;padding:0 5px;margin-left:6px;}
.accnav-logout{color:var(--red)!important;margin-top:auto;border-top:1px solid var(--border);}
.accnav-logout:hover{background:rgba(192,57,43,.06)!important;}
/* ── DARK MODE ── */
body.dark-mode{--white:#1a1814;--off:#242119;--off2:#2e2a23;--border:#3a3630;--border2:#4a4640;--text:#f5f4f2;--muted:#a5a29c;--muted2:#7a7772;background:var(--off);color:var(--text);}
body.dark-mode header{background:rgba(26,24,20,.97);}
body.dark-mode .toast{background:var(--off2);border-color:var(--border);}
body.dark-mode .auth-box,body.dark-mode .create-box,body.dark-mode .neg-box,body.dark-mode .chat-box{background:var(--off2);}
body.dark-mode .mdbox{background:var(--off2);}
body.dark-mode .fhero{background:var(--off2);border-color:var(--border);}
body.dark-mode .ac{background:var(--off2);border-color:var(--border);}
body.dark-mode .fsb{background:var(--off2);border-color:var(--border);}
body.dark-mode .accpan,body.dark-mode .accsb{background:var(--off2);border-color:var(--border);}
body.dark-mode .ptbar{background:var(--white);border-color:var(--border);}
body.dark-mode .dc{background:var(--off2);border-color:var(--border);}
body.dark-mode .rezcrd{background:var(--off2);border-color:var(--border);}
body.dark-mode .stat-card{background:var(--off);border-color:var(--border);}
body.dark-mode .gsearch-inp{background:var(--off2);border-color:var(--border);color:var(--text);}
body.dark-mode .toggle-slider{background:var(--border2);}
body.dark-mode .settings-select{background:var(--off);border-color:var(--border);color:var(--text);}
body.dark-mode .watch-item:hover{background:var(--off);}
body.dark-mode .fhpanel{border-left-color:var(--border);}
body.dark-mode .fhpr{background:var(--off);border-color:var(--border);}
body.dark-mode .fhcn{background:var(--off2);border-color:var(--border);}
body.dark-mode .bidinp{background:var(--off);border-color:var(--border);color:var(--text);}
body.dark-mode .qb{background:var(--off);border-color:var(--border);color:var(--text);}
body.dark-mode .udd{background:var(--off2);border-color:var(--border);}
body.dark-mode .ddi:hover{background:rgba(196,154,46,.08);color:#fff;}
body.dark-mode .upill{background:var(--off2);border-color:var(--border);}
/* ══════════════════════════════════════════════════════
   RESPONSIVE MOBIL — TurboBid
   ══════════════════════════════════════════════════════ */

/* ── BUTON FILTRU MOBIL ── */
.mob-filter-btn{display:none;align-items:center;gap:5px;background:var(--white);border:1px solid var(--border);border-radius:8px;padding:7px 12px;font-size:12px;font-weight:600;cursor:pointer;font-family:'Inter',sans-serif;color:var(--text);transition:all .15s;}
.mob-filter-btn.active{background:var(--text);color:#fff;border-color:var(--text);}

/* ── TABLET (< 900px) ── */
@media(max-width:900px){
  main{padding:20px 16px 60px;}
  .fhero{grid-template-columns:1fr;border-radius:16px;}
  .fhimg{height:240px;border-radius:16px 16px 0 0;}
  .fhpanel{border-left:none;border-top:1px solid var(--border);border-radius:0 0 16px 16px;padding:20px 18px;}
  .acclyt{grid-template-columns:1fr;}
  .accsb{position:static;top:auto;}
  .egrid{grid-template-columns:repeat(2,1fr);}
}

/* ── MOBIL (< 600px) ── */
@media(max-width:600px){

  /* Scrollbar ascuns */
  ::-webkit-scrollbar{display:none;}

  /* Header */
  header{height:54px;}
  .hdr{padding:0 14px;gap:8px;height:54px;}
  .logo{font-size:22px;}
  .btn-v{font-size:12px;padding:8px 12px;border-radius:8px;}
  .pav{width:32px;height:32px;border-radius:8px;}

  /* Tab bar */
  .ptbar{top:54px;}
  .pti{padding:0 12px;gap:6px;}
  .ptab{padding:11px 12px;font-size:12px;}
  .gsearch-wrap{width:100%;order:3;margin-top:4px;}
  .gsearch-inp{width:100%;}
  .pti{flex-wrap:wrap;}

  /* Main */
  main{padding:14px 12px 80px;}

  /* Featured hero */
  /* ── FEATURED HERO MOBIL — poza deasupra, text dedesubt ── */
  .fhero{grid-template-columns:1fr;margin-bottom:20px;border-radius:14px;}
  .fhimg{height:240px;border-radius:14px 14px 0 0;grid-column:1;}
  .fhths{position:absolute;bottom:10px;left:10px;display:flex;gap:5px;z-index:3;}
  .fhth{width:44px;height:32px;flex-shrink:0;}
  .fh-desktop-only{display:none !important;}
  .fhpanel{border-left:none;border-top:1px solid var(--border);border-radius:0 0 14px 14px;padding:14px 14px 16px;gap:10px;grid-column:1;}
  .fhtit{font-size:21px;line-height:1.2;font-family:'Inter',sans-serif;}
  .fhseller-mob{display:none !important;}
  .fhpr{padding:8px 12px;border-radius:8px;text-align:center;}
  .fhpl{display:none;}
  .fhpv{font-size:32px;letter-spacing:-.1px;}
  .fhps{font-size:11px;margin-top:2px;}
  .fhcd{text-align:center;margin:0;}
  .fhcdl{font-size:9px;margin-bottom:4px;}
  .fhcdd{gap:4px;justify-content:center;}
  .fhcn{font-size:19px;padding:5px 8px;min-width:36px;}
  .fhcl{font-size:8px;}
  .fhcsep{font-size:15px;line-height:1.8;}
  .fhbids{gap:8px;margin-top:2px;}
  #btnbid{padding:13px;font-size:15px;}
  .secline{margin:14px 0 10px;}

  /* Grid egrid (featured section) */
  .egrid{grid-template-columns:repeat(2,1fr);gap:8px;}

  /* Grid licitatii — 1 coloana pe mobil */
  .liclayout{grid-template-columns:1fr;}
  .agrid{grid-template-columns:1fr;gap:14px;}
  .ac{border-radius:12px;}
  .ac:hover{transform:none;box-shadow:0 2px 8px rgba(0,0,0,.06);}
  .acimg{aspect-ratio:16/9;height:auto;background-size:cover;background-position:center;}
  .acbody{padding:12px 14px 14px;}
  .actit{font-size:15px;}
  .acprice{font-size:20px;}
  .acbids{font-size:10px;}

  /* Filtru — ascuns, apare la toggle */
  .fsb{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:300;background:var(--white);overflow-y:auto;padding:20px 16px 100px;}
  .fsb.mob-open{display:block;}
  .mob-filter-btn{display:flex;}
  .fsb-hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-top:8px;}
  .fsb-title{font-size:18px;font-weight:700;}
  /* Buton X real — #mobFilterClose — vizibil pe mobil când filtrul e deschis */
  #mobFilterClose{display:flex !important;}

  /* Auchdr */
  .auchdr{margin-bottom:12px;gap:8px;flex-wrap:wrap;}
  .auccnt{font-size:12px;}
  .sortsel{font-size:12px;padding:6px 10px;}

  /* Contul meu */
  .acclyt{grid-template-columns:1fr;gap:12px;}
  .accsb{border-radius:12px;}
  .accav-lg{width:58px;height:58px;}
  .accname{font-size:15px;}

  /* Auth modal — slide up */
  .mdbg{align-items:flex-end;}
  .auth-box{border-radius:20px 20px 0 0;padding:28px 20px 36px;width:100%;max-width:100%;animation:slideUp .3s ease;max-height:92vh;overflow-y:auto;}
  @keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
  .auth-google-btn{padding:13px;font-size:14px;}
  .auth-inp{padding:12px 14px;font-size:15px;}
  .auth-submit-btn{padding:13px;font-size:15px;}

  /* Ascunde bara de navigație (tabs + search) pe pagina de licitație — mai mult spațiu pentru conținut */
  body[data-page="licitatie"] .ptbar { display: none; }
  body[data-page="profil"] .ptbar { display: none; }

  /* Pagina licitatie — mobil premium */
  .lp-wrap{padding:16px 16px 90px;width:100%;max-width:100vw;box-sizing:border-box;overflow-x:hidden;}
  .lp-grid{grid-template-columns:1fr;gap:16px;width:100%;}
  /* Pe mobil: reset grid explicit — flow natural: .lp-left → .lp-right → .lp-bids-section */
  .lp-left{grid-column:1;grid-row:auto;min-width:0;width:100%;max-width:100%;}
  .lp-right{grid-column:1;grid-row:auto;}
  .lp-bids-section{grid-column:1;grid-row:auto;}
  .lp-gallery{width:100%;max-width:100%;overflow:hidden;}
  .lp-panel{position:static;border-radius:20px;padding:20px;gap:14px;}
  .lp-main-img{width:100% !important;max-width:100% !important;height:260px;border-radius:18px;background-size:contain;background-repeat:no-repeat;background-color:#1a1814;box-shadow:0 3px 16px rgba(26,24,20,.14);border:1px solid var(--border);}
  .lp-thumb{width:60px;height:60px;aspect-ratio:1/1;border-radius:12px;border:2.5px solid transparent;transition:all .2s;opacity:.6;}
  .lp-thumb.on{border-color:#f1c40f !important;border-width:3px !important;opacity:1;box-shadow:0 0 0 3px rgba(241,196,15,.28),0 0 14px rgba(241,196,15,.25) !important;margin-right:5px;}
  .lp-thumb:active{transform:scale(.93);}
  .lp-thumbs{gap:8px;margin-top:12px;justify-content:flex-start;overflow-x:auto;max-width:100%;}
  .lp-price-val{font-size:30px;}
  .lp-timer-digits{gap:5px;}
  .lp-td{padding:7px 10px;min-width:44px;}
  .lp-tn{font-size:22px;}
  .lp-back{font-size:13px;padding:8px 0;margin-bottom:8px;}
  .lp-det{border-radius:20px;padding:20px;background:var(--white);border:1px solid var(--border);}
  .lp-specs{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px;}
  .lp-spec{display:flex;flex-direction:column;gap:3px;}
  .lp-spec-lbl{font-size:11px;color:var(--muted2);letter-spacing:.3px;}
  .lp-spec-val{font-size:14px;font-weight:600;}

  /* Modals */
  .modal-box{width:95%;padding:20px 16px;border-radius:16px;}
  .avpick-box{width:100%;max-width:100%;border-radius:20px 20px 0 0;max-height:88vh;}
  .avpick-bg{align-items:flex-end;}

  /* Toast */
  .twrap{left:10px;right:10px;bottom:68px;}
  .toast{max-width:100%;}

  /* Profile public */
  .pub-cover{aspect-ratio:1600/450;}

  /* Footer */
  .tb-footer{margin-top:30px;}
  .tb-footer-inner{flex-direction:column;text-align:center;gap:8px;padding:0 16px;}
  .tb-footer-links{justify-content:center;flex-wrap:wrap;}
  .tb-footer-copy{font-size:11px;}

  /* Bottom padding pentru bara de jos */
  body{padding-bottom:58px;}
}

/* ── BARA NAVIGARE MOBIL — doar pentru useri logați ── */
.mob-nav{display:none !important;}
@media(max-width:768px){
  .mob-nav.logged-in{
    display:flex !important;
    position:fixed;
    bottom:0;left:0;right:0;
    height:calc(58px + env(safe-area-inset-bottom,0px));
    padding-bottom:env(safe-area-inset-bottom,0px);
    background:rgba(240,237,232,.88);
    backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
    border-top:1px solid rgba(26,24,20,.06);
    z-index:250;
    align-items:stretch;
    box-shadow:0 -1px 20px rgba(0,0,0,.05);
  }
  .mob-nav-btn{
    flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:3px;border:none;background:none;cursor:pointer;
    font-family:'Inter',sans-serif;font-size:10px;font-weight:500;
    color:var(--muted);transition:color .15s;text-decoration:none;
    -webkit-tap-highlight-color:transparent;touch-action:manipulation;
  }
  .mob-nav-btn:active{transform:scale(.92);transition:transform .08s;}
  .mob-nav-btn.active{color:var(--accent);}
  .mob-nav-btn svg{transition:stroke .15s;}
  .mob-nav-btn.active svg{stroke:var(--accent);}
  .mob-nav-sell{
    flex:1.2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
    background:var(--text);border:none;cursor:pointer;
    font-family:'Inter',sans-serif;font-size:10px;font-weight:700;color:#fff;
    -webkit-tap-highlight-color:transparent;touch-action:manipulation;
    border-radius:0;
  }
  .mob-nav-sell:active{opacity:.85;transform:scale(.95);}
  .mob-nav-chat{position:relative;}
  .mob-chat-dot{
    position:absolute;top:6px;right:calc(50% - 14px);
    width:8px;height:8px;border-radius:50%;
    background:#e53e3e;border:2px solid rgba(240,237,232,.88);
    animation:notifPulse 2s ease-in-out infinite;
  }
  body.dark-mode .mob-chat-dot{border-color:rgba(26,24,20,.85);}
  body.dark-mode .mob-nav.logged-in{
    background:rgba(26,24,20,.88) !important;
    border-top-color:rgba(255,255,255,.07);
  }
  /* Spațiu pentru bara de jos să nu acopere conținutul */
  main{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px)) !important;}
}

/* ── AUTH MODAL MOBIL ── */
@media(max-width:600px){
  .mdbg{align-items:flex-end;}
  .auth-box{border-radius:20px 20px 0 0;padding:28px 20px 36px;width:100%;max-width:100%;max-height:92vh;overflow-y:auto;}
}

/* ── HEADER MOBIL ── */
@media(min-width:601px){
  [data-desktop-only="true"]{display:inline-flex !important;}
}
@media(max-width:600px){
  [data-desktop-only="true"]{display:none !important;}
  /* Pe mobil: butonul login vizibil doar când NU ești logat */
  /* JS adaugă/scoate clasa .is-logged pe body */
  body:not(.is-logged) #authBtnArea{display:flex !important;align-items:center;gap:6px;}
  body.is-logged #authBtnArea{display:none !important;}
  .btn-auth-solid{padding:7px 12px;font-size:12px;border-radius:8px;}
}

/* ══════════════════════════════════════════
   REZ TABS + NOTIFICĂRI + CARD VARIANTS
   ══════════════════════════════════════════ */

/* ── REZ TABS — Glassmorphism Segmented Control ── */
.rez-tabs{
  position:relative;display:flex;gap:0;margin-bottom:24px;
  padding:3px;border-radius:14px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;
  background:rgba(26,24,20,.04);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(26,24,20,.06);
}
.rez-tabs::-webkit-scrollbar{display:none;}
.rez-tab{
  position:relative;z-index:1;flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;
  padding:10px 14px;border-radius:11px;border:none;
  background:transparent;
  font-family:'Inter',sans-serif;font-size:12px;font-weight:600;color:var(--muted);
  cursor:pointer;white-space:nowrap;
  transition:color .25s cubic-bezier(.4,0,.2,1),transform .1s;
  touch-action:manipulation;-webkit-tap-highlight-color:transparent;
}
.rez-tab svg{width:13px;height:13px;opacity:.4;transition:opacity .25s;}
.rez-tab:active{transform:scale(.96);}
.rez-tab:hover{color:var(--text);}
.rez-tab:hover svg{opacity:.7;}
.rez-tab.active{
  color:var(--text);
  background:var(--white);
  box-shadow:0 1px 4px rgba(26,24,20,.08),0 2px 12px rgba(26,24,20,.05);
}
.rez-tab.active svg{opacity:1;}
.rez-tab-count{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:18px;height:18px;padding:0 5px;border-radius:9px;
  background:rgba(26,24,20,.06);font-size:10px;font-weight:700;color:var(--muted);
  transition:all .25s;
}
.rez-tab.active .rez-tab-count{background:var(--accent);color:#fff;}
.rez-tab-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;background:#e53e3e;border-radius:50%;animation:notifPulse 2s ease-in-out infinite;}

/* ── REZ CARD VARIANTS ── */
.rezcrd{position:relative;transition:border-color .2s,box-shadow .2s;}
.rezcrd-bought{border-left:3px solid var(--green);background:rgba(45,122,79,.03);}
.rezcrd-sold{border-left:3px solid var(--adk);background:rgba(196,154,46,.03);}
.rezcrd-neg{border-left:3px solid #6366f1;background:rgba(99,102,241,.03);}
.rezcrd-myturn{border-left:3px solid #e53e3e;background:rgba(229,62,62,.04);animation:cardGlow 3s ease-in-out infinite;}
@keyframes cardGlow{0%,100%{box-shadow:0 0 0 0 rgba(229,62,62,0)}50%{box-shadow:0 0 0 3px rgba(229,62,62,.1)}}

/* ── CARD ACTIV — licitație în desfășurare unde userul a licitat ── */
.rezcrd-active{
  border-left:3px solid #3b82f6;
  background:rgba(59,130,246,.03);
  animation:activeCardPulse 2.8s ease-in-out infinite;
}
.rezcrd-leader{border-left-color:#2d7a4f;background:rgba(45,122,79,.04);}
.rezcrd-outbid{border-left-color:#e88c30;background:rgba(232,140,48,.04);}
@keyframes activeCardPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(59,130,246,0);}
  50%{box-shadow:0 0 0 3px rgba(59,130,246,.15);}
}
.rezcrd-leader{animation-name:leaderCardPulse;}
@keyframes leaderCardPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(45,122,79,0);}
  50%{box-shadow:0 0 0 3px rgba(45,122,79,.18);}
}
.rezcrd-outbid{animation-name:outbidCardPulse;}
@keyframes outbidCardPulse{
  0%,100%{box-shadow:0 0 0 0 rgba(232,140,48,0);}
  50%{box-shadow:0 0 0 3px rgba(232,140,48,.2);}
}

/* Badge-uri active bids */
.rez-mybadge.rez-leader{background:rgba(45,122,79,.12);color:#2d7a4f;border:1px solid rgba(45,122,79,.25);}
.rez-mybadge.rez-outbid{background:rgba(232,140,48,.12);color:#c4711a;border:1px solid rgba(232,140,48,.3);}

.rez-mybadge.rez-myturn{background:rgba(229,62,62,.1);color:#e53e3e;border:1px solid rgba(229,62,62,.2);}
.rez-mybadge.rez-neg{background:rgba(99,102,241,.1);color:#6366f1;border:1px solid rgba(99,102,241,.2);}

/* Dark mode */
body.dark-mode .rezcrd-active{background:rgba(59,130,246,.07);}
body.dark-mode .rezcrd-leader{background:rgba(45,122,79,.07);}
body.dark-mode .rezcrd-outbid{background:rgba(232,140,48,.07);}
.rez-card-dot{position:absolute;top:10px;left:10px;width:8px;height:8px;background:#e53e3e;border-radius:50%;animation:notifPulse 2s ease-in-out infinite;}
.rez-action-btn{font-size:11px;font-weight:700;padding:5px 12px;border-radius:6px;border:none;background:var(--text);color:#fff;cursor:pointer;transition:opacity .2s;}
.rez-action-btn:hover{opacity:.85;}

/* ── NOTIF BADGE (nav desktop) ── */
.notif-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#e53e3e;color:#fff;font-size:11px;font-weight:700;margin-left:6px;line-height:1;animation:notifPop .3s cubic-bezier(.175,.885,.32,1.275);}
@keyframes notifPop{0%{transform:scale(0)}100%{transform:scale(1)}}
@keyframes notifPulse{0%,100%{opacity:1}50%{opacity:.4}}

/* ── NOTIF DOT (mobil) ── */
.notif-dot{position:absolute;top:4px;right:50%;transform:translateX(16px);width:8px;height:8px;background:#e53e3e;border-radius:50%;border:2px solid var(--white);animation:notifPulse 2s ease-in-out infinite;}

/* ── NOTIF BADGE PE DROPDOWN ITEM ── */
.notif-dd-badge{position:absolute;right:28px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#e53e3e;color:#fff;font-family:'Inter',sans-serif;font-size:11px;font-weight:700;line-height:1;animation:notifPop .3s cubic-bezier(.175,.885,.32,1.275);}

/* ── NOTIF AVATAR DOT (pe butonul user din header) ── */
.user-avatar-dot{position:absolute;top:-1px;right:-1px;width:10px;height:10px;background:#e53e3e;border-radius:50%;border:2px solid var(--white);animation:notifPulse 2s ease-in-out infinite;}

/* ══════════════════════════════════════════
   NOTIF PANEL (în dropdown bell)
   ══════════════════════════════════════════ */

/* ── NOTIF ITEMS — layout principal ── */
.notif-item{
  display:flex;align-items:flex-start;gap:10px;
  padding:10px 14px;cursor:pointer;
  transition:background .15s;
  border-bottom:1px solid var(--border);
  position:relative;
  text-decoration:none;
}
.notif-item:last-child{border-bottom:none;}
.notif-item:hover{background:var(--off);}

/* ── STARE NECITIT — Facebook style ── */
.notif-item.unread{background:rgba(59,130,246,.07);}
.notif-item.unread:hover{background:rgba(59,130,246,.13);}

/* ── THUMBNAIL — foto mașina + avatar actor ── */
.notif-thumb{position:relative;flex-shrink:0;width:52px;height:52px;}
.notif-thumb-car{
  width:52px;height:52px;border-radius:10px;
  background-size:cover;background-position:center;
  background-color:var(--off);
}
.notif-thumb-avatar{
  width:52px;height:52px;border-radius:50%;
  background-size:cover;background-position:center;
  background-color:var(--off);
}
.notif-thumb-init{
  display:flex;align-items:center;justify-content:center;
  font-family:'DM Mono',monospace;font-weight:600;font-size:15px;
  color:var(--text);background:var(--off2);
}
/* Avatar mic suprapus pe foto mașina */
.notif-thumb-actor{
  position:absolute;bottom:-4px;right:-4px;
  width:22px;height:22px;border-radius:50%;
  background-size:cover;background-position:center;
  border:2px solid var(--white);
  background-color:var(--off2);
}

/* ── BODY TEXT ── */
.notif-body{flex:1;min-width:0;padding-top:2px;}
.notif-text{font-size:12.5px;color:var(--text);line-height:1.4;word-break:break-word;}
.notif-text strong{font-weight:600;}
.notif-text-bold{font-weight:500;}
.notif-meta{font-size:11px;color:var(--muted);margin-top:3px;display:flex;align-items:center;gap:3px;flex-wrap:wrap;}
.notif-type-icon{font-size:11px;}
.notif-time{color:var(--accent);font-weight:500;}

/* ── BULINA ALBASTRĂ — unread indicator ── */
.notif-unread-dot{
  position:absolute;right:10px;top:50%;transform:translateY(-50%);
  width:9px;height:9px;border-radius:50%;
  background:#3b82f6;
  box-shadow:0 0 0 2px rgba(59,130,246,.2);
  flex-shrink:0;
  animation:notifPulse 2.4s ease-in-out infinite;
}

/* ── STARE GOALA ── */
.notif-empty{
  padding:32px 16px;text-align:center;
  font-size:13px;color:var(--muted);
  line-height:1.6;
}

/* Dark mode overrides */
body.dark-mode .notif-item{border-bottom-color:rgba(255,255,255,.05);}
body.dark-mode .notif-item:hover{background:rgba(255,255,255,.04);}
body.dark-mode .notif-item.unread{background:rgba(59,130,246,.12);}
body.dark-mode .notif-item.unread:hover{background:rgba(59,130,246,.18);}
body.dark-mode .notif-thumb-actor{border-color:var(--off2);}
body.dark-mode .notif-text{color:rgba(255,255,255,.88);}
body.dark-mode .notif-text strong{color:#fff;}
body.dark-mode .notif-meta{color:rgba(255,255,255,.38);}
body.dark-mode .notif-time{color:var(--accent);}

/* ── NOTIF PANEL INLINE (în dropdown #udd) — ÎNTOTDEAUNA fundal dark ── */
.notif-panel{border-top:1px solid rgba(255,255,255,.08);max-height:360px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.1) transparent;}
.notif-panel-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px 8px;border-bottom:1px solid rgba(255,255,255,.08);}
.notif-panel-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:rgba(255,255,255,.4);}
.notif-panel-list{padding:0;}
.notif-clear-btn{background:none;border:none;font-size:11px;color:var(--accent);cursor:pointer;font-family:'Inter',sans-serif;font-weight:600;padding:2px 6px;border-radius:4px;transition:background .15s;}
.notif-clear-btn:hover{background:rgba(196,154,46,.12);}
.notif-panel-footer{padding:6px 14px 8px;border-top:1px solid rgba(255,255,255,.06);font-size:11px;color:rgba(255,255,255,.3);min-height:28px;display:flex;align-items:center;}

/* Notif items în dropdown — text ALB forțat (fundalul dropdown e întotdeauna dark) */
.udd .notif-item{border-bottom-color:rgba(255,255,255,.06);background:transparent;}
.udd .notif-item:hover{background:rgba(255,255,255,.05);}
.udd .notif-item.unread{background:rgba(59,130,246,.14);}
.udd .notif-item.unread:hover{background:rgba(59,130,246,.22);}
.udd .notif-text{color:rgba(255,255,255,.88);}
.udd .notif-text strong{color:#fff;font-weight:700;}
.udd .notif-text strong.notif-actor{color:var(--accent);}
.udd .notif-meta{color:rgba(255,255,255,.38);}
.udd .notif-time{color:var(--accent);}
.udd .notif-thumb-init{background:rgba(255,255,255,.1);color:rgba(255,255,255,.8);}
.udd .notif-thumb-actor{border-color:#1a1814;}
.udd .notif-empty{color:rgba(255,255,255,.3);}

/* ══════════════════════════════════════════
   CHAT HUB BUTTON + MODAL
   ══════════════════════════════════════════ */
/* ── CHAT HUB BUTTON — efect rotate-gradient la hover ── */
.tb-chat-btn{
  width:42px;height:42px;
  display:flex;align-items:center;justify-content:center;
  border:none;background:transparent;
  position:relative;border-radius:10px;
  cursor:pointer;transition:all .3s;flex-shrink:0;
  padding:0;
}
/* Fundalul care se rotește */
.tb-chat-bg{
  position:absolute;inset:0;
  background:linear-gradient(135deg,#c49a2e 0%,#e8bb45 40%,#d4aa3e 70%,#a07820 100%);
  z-index:0;border-radius:10px;pointer-events:none;
  transition:transform .35s cubic-bezier(.25,.8,.25,1),opacity .3s;
  opacity:0;
}
.tb-chat-btn:hover .tb-chat-bg{
  transform:rotate(35deg);
  transform-origin:bottom center;
  opacity:1;
}
/* Container SVG cu efect frosted */
.tb-chat-svg{
  width:100%;height:100%;
  display:flex;align-items:center;justify-content:center;
  background:transparent;backdrop-filter:blur(4px);
  border-radius:9px;transition:all .3s;
  border:1.5px solid var(--border);
  color:var(--text);position:relative;z-index:1;
}
.tb-chat-btn:hover .tb-chat-svg{
  background:rgba(196,154,46,.15);
  border-color:var(--accent);
  color:var(--accent);
}
/* Badge mesaje necitite */
.tb-chat-badge{
  position:absolute;top:-5px;right:-5px;
  min-width:18px;height:18px;border-radius:9px;
  background:#e53e3e;color:#fff;font-size:10px;font-weight:700;
  display:flex;align-items:center;justify-content:center;
  padding:0 4px;border:2px solid var(--white);
  font-family:'Inter',sans-serif;z-index:2;
}
/* Ascuns pe mobil — nu are loc în header-ul de 54px */
@media(max-width:600px){.tb-chat-btn{display:none !important;}}
body.dark-mode .tb-chat-svg{border-color:rgba(255,255,255,.15);color:rgba(255,255,255,.75);}
body.dark-mode .tb-chat-btn:hover .tb-chat-svg{background:rgba(196,154,46,.2);border-color:var(--accent);color:var(--accent);}
body.dark-mode .tb-chat-badge{border-color:var(--off2);}

/* Chat hub modal internals (păstrate) */
.chat-hub-btn{width:38px;height:38px;border-radius:50%;border:1.5px solid var(--border);background:var(--white);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text);flex-shrink:0;transition:border-color .18s,background .18s;position:relative;}
.chat-hub-btn:hover{border-color:var(--accent);background:var(--off);}
.chat-hub-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:9px;background:#e53e3e;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--white);font-family:'Inter',sans-serif;}
body.dark-mode .chat-hub-btn{background:var(--off2);border-color:var(--border);color:var(--text);}
body.dark-mode .chat-hub-btn:hover{background:var(--off);border-color:var(--accent);}
body.dark-mode .chat-hub-badge{border-color:var(--off2);}

.chat-hub-box{background:var(--white);border-radius:20px;max-width:480px;width:94%;max-height:86vh;display:flex;flex-direction:column;box-shadow:0 16px 48px rgba(0,0,0,.18);animation:mIn .22s ease;overflow:hidden;}
body.dark-mode .chat-hub-box{background:var(--off2);}
.chat-hub-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 14px;border-bottom:1px solid var(--border);flex-shrink:0;}
.chat-hub-title{font-size:16px;font-weight:700;color:var(--text);}
.chat-hub-list{flex:1;overflow-y:auto;scrollbar-width:thin;}

.chat-conv-item{display:flex;align-items:center;gap:12px;padding:12px 18px;cursor:pointer;transition:background .14s;border-bottom:1px solid var(--border);position:relative;}
.chat-conv-item:last-child{border-bottom:none;}
.chat-conv-item:hover{background:var(--off);}
.chat-conv-thumb{width:48px;height:36px;border-radius:8px;flex-shrink:0;background-size:cover;background-position:center;background-color:var(--off2);}
.chat-conv-body{flex:1;min-width:0;}
.chat-conv-title{font-size:13px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.chat-conv-preview{font-size:12px;color:var(--muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.chat-conv-meta{font-size:11px;color:var(--muted);margin-top:2px;}
.chat-conv-unread{min-width:18px;height:18px;border-radius:9px;background:#e53e3e;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 5px;flex-shrink:0;}
.chat-conv-delete{width:28px;height:28px;border-radius:50%;border:none;background:none;cursor:pointer;font-size:14px;color:var(--muted);transition:color .15s,background .15s;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.chat-conv-delete:hover{background:rgba(229,62,62,.1);color:#e53e3e;}
.chat-hub-empty{padding:40px 20px;text-align:center;font-size:13px;color:var(--muted);line-height:1.7;}
.chat-hub-empty-icon{font-size:32px;margin-bottom:10px;}



/* ── DARK MODE ADDITIONS ── */
body.dark-mode .rez-tabs{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.06);backdrop-filter:blur(12px);}
body.dark-mode .rez-tab:hover{color:var(--white);}
body.dark-mode .rez-tab.active{background:rgba(255,255,255,.1);color:var(--white);box-shadow:0 1px 4px rgba(0,0,0,.3);}
body.dark-mode .rez-tab-count{background:rgba(255,255,255,.08);}
body.dark-mode .rez-tab.active .rez-tab-count{background:var(--accent);color:var(--bg);}
body.dark-mode .rezcrd-bought{background:rgba(45,122,79,.06);}
body.dark-mode .rezcrd-sold{background:rgba(196,154,46,.06);}
body.dark-mode .rezcrd-neg{background:rgba(99,102,241,.06);}
body.dark-mode .rezcrd-myturn{background:rgba(229,62,62,.06);}
body.dark-mode .notif-dot{border-color:var(--bg);}

/* ══════════════════════════════════════════
   GLOBAL TOUCH & NATIVE APP FEEL
   ══════════════════════════════════════════ */
button,a,.ac,.ec,.rezcrd,.rez-tab,.mob-nav-btn,.mob-nav-sell,.lp-thumb,.qb,.lp-qb,.fchip{
  touch-action:manipulation;-webkit-tap-highlight-color:transparent;
}
@media(max-width:600px){
  body{-webkit-text-size-adjust:100%;-webkit-overflow-scrolling:touch;}
  body.dark-mode .mob-nav{background:rgba(26,24,20,.85);border-top-color:rgba(255,255,255,.06);}
  /* Bottom safe area padding */
  body{padding-bottom:calc(58px + env(safe-area-inset-bottom,0px));}
  /* Result cards — extra padding pe mobil */
  .rezcrd{padding:14px 16px;border-radius:16px;}
  .rezimg{width:64px;height:48px;border-radius:10px;}
  .rezprice{font-size:18px;}
  /* Rez tabs mobil — full width, text mai mic */
  .rez-tabs{border-radius:12px;margin:0 -4px 20px;}
  .rez-tab{padding:9px 10px;font-size:11px;gap:4px;}
  .rez-tab svg{width:12px;height:12px;}
}

/* ── SEO SEMANTIC HEADINGS — reset browsere defaults ── */
h1.lp-car-title, h2.ectit, h2.actit, h2.reztit {
  margin: 0;
  padding: 0;
  /* font-size, font-weight, line-height sunt setate explicit pe fiecare clasă */
  color: inherit;
}

/* Titlul mașinii pe pagina dedicată */
h1.lp-car-title {
  font-size: 28px;
  font-weight: 800;
  color: var(--text);
  letter-spacing: -0.5px;
  line-height: 1.15;
  margin-bottom: 16px;
  line-height: 1.2;
  font-family: 'Inter', sans-serif;
}
@media(max-width:600px) {
  h1.lp-car-title { font-size: 22px; font-weight: 800; margin-bottom: 14px; letter-spacing: -0.3px; line-height: 1.2; }
}

/* ── CATEGORY SWITCH — pill toggle Auto / Moto ── */
.cat-switcher{
  display:flex;
  justify-content:center;
  padding:14px 12px 12px;
  border-bottom:1px solid var(--border);
  background:var(--off);
}
.switch{
  --_switch-bg-clr:#1a1814;
  --_switch-padding:4px;
  --_slider-bg-clr:#c49a2e;
  --_slider-bg-clr-on:#a07820;
  --_slider-txt-clr:#ffffff;
  --_label-padding:0.65rem 1.8rem;
  --_switch-easing:cubic-bezier(0.47,1.64,0.41,0.8);

  color:var(--_slider-txt-clr);
  width:fit-content;
  border-radius:9999px;
  cursor:pointer;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  position:relative;
  isolation:isolate;
  font-weight:800;
  letter-spacing:1.2px;
  font-size:0.78rem;
  font-family:'Inter',sans-serif;
  border:1px solid rgba(196,154,46,.3);
  box-shadow:0 2px 12px rgba(0,0,0,.2);
}
/* Ascunde complet checkbox-ul nativ */
.switch input[type="checkbox"]{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;
  pointer-events:none;
}
.switch > span{
  display:grid;place-content:center;align-items:center;
  gap:5px;flex-direction:row;
  transition:opacity 300ms ease-in-out 150ms;
  padding:var(--_label-padding);
  z-index:1;
  user-select:none;
  white-space:nowrap;
}
.switch::before,.switch::after{
  content:"";position:absolute;border-radius:inherit;
  pointer-events:none;
}
/* Slider auriu animat */
.switch::before{
  background-color:var(--_slider-bg-clr);
  inset:var(--_switch-padding) 50% var(--_switch-padding) var(--_switch-padding);
  transition:inset 500ms var(--_switch-easing),background-color 500ms ease-in-out;
  z-index:-1;
  box-shadow:0 2px 8px rgba(196,154,46,.45);
}
/* Fundal întunecat */
.switch::after{
  background-color:var(--_switch-bg-clr);
  inset:0;z-index:-2;
}
/* MOTO activ — slider la dreapta */
.switch:has(input:checked)::before{
  background-color:var(--_slider-bg-clr-on);
  inset:var(--_switch-padding) var(--_switch-padding) var(--_switch-padding) 50%;
}
/* Opacitate text */
.switch > span:last-of-type,
.switch > input:checked + span:first-of-type{ opacity:.45; }
.switch > input:checked ~ span:last-of-type{ opacity:1; }
/* Hover */
.switch:hover::after{ background-color:#2a2620; }

/* Butonul X de închidere filtru mobil — ascuns implicit, apare doar pe mobil */
#mobFilterClose{display:none;}
@media(max-width:768px){
  .fsb.mob-open #mobFilterClose{display:flex !important;}
}
@keyframes filterFadeIn{
  from{opacity:0;transform:translateY(4px);}
  to{opacity:1;transform:translateY(0);}
}
#filtersAuto,#filtersMoto{
  animation:filterFadeIn .22s ease;
}

body.dark-mode .switch{ border-color:rgba(196,154,46,.2); }
body.dark-mode .switch::after{ background-color:#0d0c0a; }
body.dark-mode .switch:hover::after{ background-color:#1a1814; }

@media(max-width:768px){
  .cat-switcher{padding:10px 8px 8px;}
  .switch{
    transform:scale(0.9);
    transform-origin:center;
    --_label-padding:0.6rem 1.4rem;
    font-size:0.75rem;
  }
}

/* ── CATEGORY SWITCH în formularul de postare ── */
.create-cat-switcher{
  border-bottom:1px solid var(--border);
  background:var(--off);
  border-radius:0;
  margin:-20px -28px 20px;
  padding:14px 28px 12px;
}
@media(max-width:600px){
  .create-cat-switcher{margin:-16px -16px 16px;padding:12px 16px 10px;}
}