/* Auction catalog and lot pages share TakeAuto's forms, panels and typography. */
#lot { --muted:var(--subtle); }
#lot > .card { text-align:start; border-radius:12px; }
#lot .lion-catalog-header { gap:12px 20px; padding-bottom:20px; border-bottom:1px solid var(--line); }
#lot .lion-catalog-header h2 { margin:0; font-size:22px; letter-spacing:-.025em; }
#lot .lion-catalog-header p { margin-inline-start:auto; font-size:12px; line-height:1.6; font-variant-numeric:tabular-nums; }
#lot .lion-catalog-logo { width:52px; height:52px; }
#lot .auction-provider-logo { width:100px; height:46px; }
#lot .lion-catalog-layout { grid-template-columns:minmax(210px,230px) minmax(0,1fr); gap:24px; margin-top:22px; }
#lot .auction-filters { padding:18px; background:#fafafb; border-color:var(--line); border-radius:10px; }
#lot .auction-filters h3 { font-size:16px; margin:0 0 20px; letter-spacing:-.02em; }
#lot .auction-filters .search-fields { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 10px; margin-bottom:20px; }
#lot .auction-filters label { display:grid; gap:7px; min-width:0; margin:0; font-size:11px; font-weight:500; color:var(--subtle); }
#lot .auction-filters label:not(.lion-bound) { grid-column:1/-1; }
#lot .auction-filters :is(input:not([type=hidden]),select) { width:100%; min-width:0; height:42px; padding:9px 10px; border:1px solid var(--line); border-radius:8px; background:#fff; font-size:13px; font-weight:400; color:var(--ink); }
#lot .auction-filters :is(input,select):focus-visible { outline:2px solid #be26322e; outline-offset:1px; border-color:#bd7177; }
#lot .auction-filters select:disabled { color:var(--subtle); background:#f1f2f4; opacity:.65; }
#lot .auction-filters button { width:100%; min-height:40px; border-radius:8px; font-size:12px; }
#lot .auction-filters button[type=submit] { background:var(--accent); border-color:transparent; color:white; }
#lot .auction-filters button[type=reset] { margin-top:8px; border-color:transparent; background:transparent; color:var(--subtle); }
#lot .auction-filters button[type=reset]:hover { color:var(--accent); background:var(--accent-light); }
#lot .auction-sort-bar:not([hidden]) { gap:12px 20px; }
#lot .card:has(> .auction-sort-bar:not([hidden])) { padding:12px 16px; }
#lot .card:has(> .auction-sort-bar:not([hidden])):has(.lion-catalog-header) { padding:clamp(16px,2vw,22px); }
#lot .card>.auction-sort-bar+.lion-catalog-header { margin-top:20px; padding-top:20px; border-top:1px solid var(--line); }
#lot .lion-condition { flex:0 1 470px; }
#lot .lion-condition-track { padding:4px; background:#f0f1f3; border-radius:9px; }
#lot .lion-condition-track::before { inset:4px auto 4px 4px; width:calc((100% - 8px)/4); border-radius:6px; background:#fff; box-shadow:0 1px 4px #17243b14; }
#lot .lion-condition label { min-height:28px; padding:3px 8px; margin:0; color:var(--subtle); font-size:11px; line-height:1.35; font-weight:500; }
#lot .lion-condition label:has(input:checked) { color:var(--accent); font-weight:650; }
#lot .lion-sort { font-size:11px; font-weight:400; color:var(--subtle); gap:10px; margin-inline-start:auto; margin-inline-end:0; }
#lot .lion-sort select { height:36px; min-height:36px; width:190px; border-color:var(--line); border-radius:8px; font-size:12px; color:var(--ink); }
#lot .lion-sale-tabs { display:flex; flex-wrap:wrap; gap:0 18px; margin-bottom:18px; border-bottom:1px solid var(--line); }
#lot .lion-sale-tabs button { min-height:40px; padding:8px 0 12px; border:0; border-bottom:2px solid transparent; border-radius:0; background:transparent; color:var(--subtle); font-size:12px; font-weight:550; box-shadow:none; }
#lot .lion-sale-tabs button:hover { color:var(--accent); border-bottom-color:#be263260; }
#lot .lion-sale-tabs button[aria-pressed=true] { color:var(--accent); border-bottom-color:var(--accent); font-weight:650; }
#lot :is(#tserovaniListings,.demo-lots) { display:grid; grid-template-columns:minmax(0,1fr); gap:14px; padding:0; margin:0; list-style:none; }
#lot .lion-card { border:1px solid var(--line); border-radius:10px; background:#fff; }
#lot .lion-card-link { grid-template-columns:minmax(140px,28%) minmax(0,1fr) minmax(125px,24%); gap:16px; padding:16px; align-items:start; text-align:start; transition:background .15s ease; }
#lot .lion-card-link:not(:has(>img)) { grid-template-columns:minmax(0,1fr) minmax(125px,24%); }
#lot .lion-card-link:hover { background:#fafafb; }
#lot .lion-card-link>img { width:100%; height:auto; aspect-ratio:4/3; border-radius:7px; background:#f1f2f4; object-fit:cover; }
#lot .lion-card-body { gap:6px; }
#lot .lion-card-link h3 { font-size:16px; font-weight:650; line-height:1.4; letter-spacing:-.015em; color:var(--ink); overflow-wrap:anywhere; }
#lot .lion-card-link:hover h3 { color:var(--accent); }
#lot .lion-card-body>small { font-size:10px; font-weight:400; color:var(--subtle); overflow-wrap:anywhere; }
#lot .lion-card-specs { background:transparent; padding:0; margin:10px 0 0; gap:10px 14px; font-size:12px; }
#lot .lion-card-specs dt { color:var(--subtle); font-size:10px; font-weight:400; margin-bottom:3px; }
#lot .lion-card-specs dd { font-weight:550; line-height:1.4; }
#lot .lion-card-sale { align-self:stretch; border-left:0; border-inline-start:1px solid var(--line); padding:0; padding-inline-start:16px; gap:12px; }
#lot .lion-auction-badge { padding:4px 7px; border-radius:5px; font-size:10px; background:#f0f1f3; color:var(--subtle); font-weight:600; }
#lot .lion-card-sale>p { font-size:11px; line-height:1.5; color:var(--subtle); }
#lot .lion-card-sale .lion-price { padding-top:12px; gap:10px; font-variant-numeric:tabular-nums; }
#lot .lion-card-sale .lion-price>div { padding:0; gap:4px; background:transparent; text-align:end; }
#lot .lion-card-sale .lion-price small { color:var(--subtle); font-size:10px; }
#lot .lion-card-sale .lion-price strong { font-size:20px; line-height:1.3; font-weight:650; letter-spacing:-.025em; overflow-wrap:anywhere; }
#lot .demo-notice { background:#fafafb; border:1px solid var(--line); color:var(--subtle); font-size:11px; padding:12px 14px; margin:16px 0 0; }
#lot .auction-empty { min-height:220px; background:#fafafb; font-size:13px; color:var(--subtle); }
#lot [id$=tserovaniRetry] { margin-top:18px; border-color:var(--line); font-size:12px; border-radius:8px; }
.lot-detail { --muted:var(--subtle); }
.lot-detail .lot-panel { border-color:var(--line); border-radius:12px; padding:22px; }
.lot-detail .lot-source,.lot-detail .lot-chip { background:#f0f1f3; color:var(--subtle); border-radius:6px; }
.lot-detail .lot-heading h2 { font-size:clamp(22px,2.5vw,28px); }
.lot-detail .lot-spec-row { border-color:var(--line); }
.lot-detail .lot-spec-row dd { text-align:end; }
.lot-detail .lot-price-row strong { font-size:28px; font-weight:650; letter-spacing:-.03em; }
.lot-detail .lot-source-action { border-radius:8px; font-size:13px; }
.lot-detail .lot-detail-tabs { padding:4px; border:0; background:#f0f1f3; }
.lot-detail .lot-detail-tabs button { font-size:12px; }
.lot-detail .lot-detail-tabs button[aria-selected=true] { color:var(--accent); background:#fff; box-shadow:0 1px 4px #17243b14; }
html[dir=rtl] #lot .lion-condition-track::before { left:auto; right:4px; transform:translateX(calc(-1 * var(--segment,0%))); }
@media(max-width:1100px) and (min-width:701px) {
 #lot .lion-card-link,#lot .lion-card-link:not(:has(>img)) { grid-template-columns:minmax(140px,.85fr) minmax(0,1fr); }
 #lot .lion-card-sale { grid-column:1/-1; flex-direction:row; align-items:center; border-inline-start:0; border-top:1px solid var(--line); padding:12px 0 0; }
 #lot .lion-card-sale .lion-auction-badge { align-self:center; }
 #lot .lion-card-sale .lion-price { display:flex; margin:0; margin-inline-start:auto; padding:0; border:0; }
 #lot .lion-card-sale .lion-price>div { min-width:90px; }
}
@media(max-width:800px) {
 #lot .lion-condition { flex:1 1 100%; }
 #lot .lion-condition label { min-height:32px; }
}
@media(max-width:700px) {
 #lot .lion-catalog-layout { grid-template-columns:minmax(0,1fr); gap:20px; }
 #lot .lion-catalog-header h2 { font-size:19px; }
 #lot .lion-catalog-header p { max-width:100%; font-size:11px; }
 #lot .auction-filters { padding:16px; }
 #lot .auction-filters label:not(.lion-bound) { grid-column:auto; }
 #lot .auction-filters :is(input:not([type=hidden]),select) { font-size:16px; }
 #lot .auction-filters button { width:calc(50% - 4px); }
 #lot .auction-filters button[type=reset] { margin:0; }
 #lot .lion-sale-tabs { gap:0 16px; }
 #lot .lion-sale-tabs button { font-size:11px; }
 #lot .lion-card-link,#lot .lion-card-link:not(:has(>img)) { grid-template-columns:minmax(0,1fr); gap:14px; }
 #lot .lion-card-link>img { aspect-ratio:16/10; }
 #lot .lion-card-sale { flex-direction:row; align-items:center; border-inline-start:0; border-top:1px solid var(--line); padding:14px 0 0; }
 #lot .lion-card-sale .lion-auction-badge { align-self:center; }
 #lot .lion-card-sale .lion-price { display:flex; padding:0; margin:0; margin-inline-start:auto; border:0; }
 #lot .lion-card-specs { grid-template-columns:repeat(2,minmax(0,1fr)); }
 #lot .lion-sort { width:100%; justify-content:space-between; }
 #lot .lion-sort select { flex:0 1 210px; min-width:0; }
 #lot .lion-condition label { padding:4px 3px; font-size:10px; }
 #lot .lion-card-sale>p { max-width:30%; font-size:10px; }
 .lot-detail .lot-panel { padding:18px; }
}
@media(prefers-reduced-motion:reduce) { #lot .lion-card-link { transition:none; } }
#lot .lion-card-sale>small { color:var(--subtle); font-size:10px; line-height:1.5; }
#lot .lion-card-sale .lion-price strong { white-space:nowrap; overflow-wrap:normal; }
@media(max-width:1100px) and (min-width:701px) {
 #lot .lion-card-sale { flex-wrap:wrap; }
 #lot .lion-card-sale>small { flex-basis:100%; }
}
@media(max-width:700px) {
 #lot .lion-card-sale { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; }
 #lot .lion-card-sale .lion-auction-badge { justify-self:start; }
 #lot .lion-card-sale>p { max-width:none; text-align:end; margin:0; }
 #lot .lion-card-sale .lion-price { grid-column:1/-1; margin:0; justify-content:space-between; }
 #lot .lion-card-sale .lion-price>div { text-align:start; }
 #lot .lion-card-sale:has(>small) .lion-price { grid-column:1; }
 #lot .lion-card-sale>small { grid-column:2; text-align:end; }
}
.lot-detail .demo-notice { background:#fafafb; border:1px solid var(--line); border-radius:8px; color:var(--subtle); font-size:11px; line-height:1.6; padding:12px 14px; margin:16px 0 22px; }
#lot #tserovaniListings .lion-card-sale .lion-price strong { white-space:normal; }