.haggle-demo{width:100%;min-width:0;max-width:520px;margin-left:auto;overflow:hidden;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 20px 60px rgb(0 0 0/.09),0 3px 8px rgb(0 0 0/.08)}.demo-top{display:flex;align-items:center;gap:.7rem;padding:1.1rem 1.35rem;background:var(--surface-raised);color:var(--foreground)}.demo-avatar{display:block;flex:none;width:38px;height:38px}.demo-top>div{min-width:0;flex:1;line-height:1.4}.demo-top strong{display:block;font-family:var(--font-display),Arial,sans-serif;font-size:1.1rem;font-weight:650;letter-spacing:-.025em}.demo-top>div>span{display:block;color:var(--muted-foreground);font-size:.7rem}.demo-label{flex:none;border:1px solid var(--border);border-radius:100px;padding:.35rem .55rem;color:var(--muted-foreground);font-size:.57rem;font-weight:650;letter-spacing:.045em}.demo-body{padding:1.3rem}.demo-item{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:center;gap:1.1rem;padding-bottom:1.2rem;border-bottom:1px solid var(--border)}.demo-item-art{display:grid;place-items:center;aspect-ratio:1;background:var(--surface);border-radius:var(--radius)}.demo-item-art img{display:block;width:100%;height:100%;padding:.35rem;object-fit:contain;filter:drop-shadow(0 5px 4px #3523431a)}.demo-kicker{display:block;margin-bottom:.35rem;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted-foreground)}.demo-item h3{margin:0 0 .55rem;font-size:1.1rem;line-height:1.25;font-weight:650;letter-spacing:-.025em}.demo-item p{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem .6rem;margin:0}.demo-item p strong{font-family:var(--font-display),Arial,sans-serif;font-size:1.6rem;line-height:1.1;letter-spacing:-.04em}.demo-item p>span{max-width:5rem;font-size:.64rem;line-height:1.35;color:var(--muted-foreground)}.demo-conversation{display:flex;flex-direction:column;justify-content:center;gap:.7rem;min-height:19rem;padding:1.1rem 0}.demo-conversation p{margin:0}.demo-invitation{font-size:.73rem;color:var(--muted-foreground)}.demo-seller{max-width:96%;padding:.85rem 1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);font-size:.82rem;line-height:1.65;animation:demo-message-in .18s ease-out}.demo-message-label{display:block;margin-bottom:.3rem;font-size:.62rem;line-height:1.4;font-weight:700;color:var(--muted-foreground)}.demo-conversation .demo-buyer{align-self:flex-end;max-width:92%;padding:.65rem .9rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);font-size:.82rem;font-weight:550;line-height:1.5}.demo-buyer .demo-message-label{color:var(--muted-foreground)}.demo-outcome{display:flex;align-items:center;justify-content:space-between;gap:.65rem;margin-top:.8rem;padding-top:.75rem;border-top:1px solid var(--border)}.demo-outcome>div{min-width:0}.demo-outcome>div>span{display:block;font-size:.6rem;font-weight:650;color:var(--muted-foreground)}.demo-outcome strong{display:block;font-family:var(--font-display),Arial,sans-serif;font-size:1.4rem;line-height:1.3;letter-spacing:-.035em}.demo-outcome small{display:block;font-family:var(--font-body),Arial,sans-serif;font-size:.63rem;font-weight:450;letter-spacing:0;color:var(--muted-foreground)}.demo-outcome button{min-height:44px;flex:none;padding:.55rem .7rem;border:1px solid var(--border);border-radius:var(--radius);color:var(--foreground);font-size:.7rem;font-weight:650;cursor:pointer}.demo-outcome button,.demo-outcome button:hover{background:var(--surface-raised)}.demo-outcome button span{margin-left:.25rem}.demo-outcome.is-agreed{border-color:var(--border)}.demo-deal-check{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--success-surface);color:var(--foreground);font-size:1.1rem}.demo-offer-heading{display:flex;justify-content:space-between;align-items:center;gap:.5rem;border-top:1px solid var(--border);padding-top:.45rem}.demo-offer-heading>span{font-size:.71rem;font-weight:650}.demo-offer-heading button{min-height:44px;padding:.4rem 0 .4rem .4rem;border:0;background:transparent;color:var(--muted-foreground);font-size:.67rem;cursor:pointer}.demo-offer-heading button:hover{color:var(--foreground);text-decoration:underline}.demo-offer-heading button span{margin-left:.3rem;font-size:1rem}.demo-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}.demo-offers button{min-width:0;min-height:65px;padding:.6rem .3rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);color:var(--foreground);font-family:var(--font-display),Arial,sans-serif;font-size:1.35rem;line-height:1.25;font-weight:650;letter-spacing:-.025em;font-variant-numeric:tabular-nums;cursor:pointer;transition:background .15s,border-color .15s,box-shadow .15s}.demo-offers button>span{display:block;margin-top:.3rem;font-family:var(--font-body),Arial,sans-serif;font-size:.65rem;font-weight:450;letter-spacing:0}.demo-offers button:hover{background:var(--surface);border-color:var(--border)}.demo-offers button[aria-pressed=true]{background:var(--success-surface);border-color:var(--ring);box-shadow:inset 0 0 0 1px rgb(0 0 0/.24)}.demo-disclaimer{margin:.8rem 0 .6rem;text-align:center;color:var(--muted-foreground);font-size:.65rem}.demo-real-items{display:flex;justify-content:space-between;align-items:center;gap:.75rem;min-height:44px;padding:.55rem .75rem;border:1px solid var(--border);border-radius:var(--radius);font-size:.74rem;font-weight:650;text-decoration:none}.demo-real-items:hover{background:var(--surface)}.demo-real-items>span{flex:none;font-size:1rem}@keyframes demo-message-in{0%{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1000px){.haggle-demo{margin-inline:auto}}@media(max-width:420px){.demo-top{padding:1rem;gap:.6rem}.demo-top strong{font-size:1rem}.demo-label{max-width:5.4rem;text-align:center;font-size:.52rem}.demo-body{padding:1rem}.demo-item{grid-template-columns:88px minmax(0,1fr);gap:.8rem}.demo-item h3{font-size:1rem}.demo-item p strong{font-size:1.45rem}.demo-seller{padding:.75rem;max-width:100%}.demo-outcome button{padding:.5rem;font-size:.66rem}.demo-real-items{font-size:.7rem}}@media(prefers-reduced-motion:reduce){.demo-seller{animation:none}.demo-offers button{transition:none}}