/* Fixed product scenes use the existing 400px image slots. */
.auction-still { position:relative; width:100%; height:400px; overflow:hidden; border-radius:16px; background:#f4f3fb; }
.auction-method { scroll-margin-top:96px; }
.auction-method-visual { min-height:350px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:20px; padding:32px; background:linear-gradient(135deg,#f0f4ff,#e8f0ff); border-radius:16px; color:var(--primary-dark); text-align:center; }
.auction-method-visual > svg { width:72px; height:72px; }
.auction-method-visual > strong { font-size:1.25rem; }
.auction-method-visual > span,.auction-method-visual > small { color:var(--gray-600); }
.sealed-offers { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; width:100%; }
.sealed-offers span,.rate-options span { display:grid; gap:8px; padding:16px; background:var(--white); border:1px solid #dcd6ff; border-radius:12px; font-size:13px; }
.sealed-offers b { letter-spacing:3px; }
.rate-options { display:grid; grid-template-columns:1fr 1fr; gap:16px; width:100%; max-width:320px; }
.rate-options b { font-size:32px; }
@media(max-width:767px) {
 .auction-still { height:auto; aspect-ratio:16/10; }
 .auction-method-visual { min-height:300px; padding:24px; }
 .sealed-offers span { padding:12px 8px; }
}
/* Illustrative product panels, consistent with sealed-bid and percentage cards. */
.auction-screen { align-items:stretch; text-align:left; gap:18px; padding:28px; }
.auction-screen-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.auction-screen-heading strong { font-size:1rem; }
.auction-screen-heading > span { font-size:11px; color:var(--gray-500); }
.auction-rank-table { background:var(--white); border:1px solid #dcd6ff; border-radius:12px; overflow:hidden; }
.auction-rank-head,.auction-rank-row { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) 44px; align-items:center; gap:8px; padding:13px 14px; color:var(--gray-700); font-size:12px; }
.auction-rank-head { background:#f5f3ff; font-size:11px; color:var(--gray-500); }
.auction-rank-row + .auction-rank-row { border-top:1px solid var(--gray-200); }
.auction-rank-head > span:nth-child(2),
.auction-rank-head > span:nth-child(3) { text-align:center; }
.auction-rank-row b { font-size:12px; text-align:center; font-variant-numeric:tabular-nums; }
.auction-rank { padding:5px 0; border-radius:6px; background:#fff3dc; color:#9b620a; text-align:center; font-weight:700; }
.auction-rank.is-leading { background:#e3f5ec; color:#187752; }
.auction-screen > small { font-size:12px; text-align:center; }
.auction-price-top { display:flex; justify-content:space-between; align-items:center; font-size:13px; color:var(--gray-600); }
.auction-timer { background:var(--white); border:1px solid #dcd6ff; padding:6px 12px; border-radius:8px; color:var(--primary-dark); font-variant-numeric:tabular-nums; }
.auction-screen .auction-current-price { font-size:36px; text-align:center; }
.auction-price-steps { display:flex; justify-content:center; gap:10px; align-items:center; color:var(--gray-500); font-size:12px; }
.auction-price-steps .current { color:var(--primary-dark); font-weight:700; }
.auction-accept-label { align-self:center; padding:10px 28px; border-radius:var(--radius-md); background:var(--primary-dark); color:white!important; font-size:14px; font-weight:600; }
@media(max-width:600px) {
 .auction-screen { padding:20px; }
 .auction-screen-heading { flex-wrap:wrap; }
 .auction-rank-head,.auction-rank-row { padding:11px 9px; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) 34px; gap:6px; font-size:11px; }
 .auction-rank-row b { font-size:11px; }
}
