/* Basic auction page styling used by Views/Auction/List.cshtml */
.auction-hero { display:grid; grid-template-columns:1fr 360px; gap:24px; align-items:start }
.auction-hero h1 { font-weight:700; font-size:32px; margin-bottom:8px }
.auction-stats { background:#0f1720; color:#fff; padding:18px; border-radius:8px }
.auction-stats .stat { background:#111827; padding:12px; border-radius:6px; text-align:center }
.auction-grid { margin-top:18px; display:grid; grid-template-columns:repeat(3,1fr); gap:20px }
.auction-card { background:#fff; border:1px solid #e4e4e7; border-radius:10px; overflow:hidden;
  /* Skip rendering/decoding of off-screen cards to reduce scroll jank.
     intrinsic-size ~= 200px image + ~110px meta block so the scrollbar stays stable. */
  content-visibility:auto; contain-intrinsic-size:310px }
.auction-card img { width:100%; height:100%; object-fit:cover }
@media (max-width: 992px) { .auction-grid { grid-template-columns:repeat(2,1fr) } .auction-hero { grid-template-columns:1fr } }
@media (max-width: 600px) { .auction-grid { grid-template-columns:1fr } }

/* Quick filters bar */
.quick-filters { display:flex; gap:8px; align-items:center; margin:18px 0; flex-wrap:wrap }
.quick-filters .qf-btn { border-radius:999px !important; border:1px solid #cc0000 !important; padding:7px 12px !important; background:#fff !important; color:#cc0000 !important; cursor:pointer !important; font-size:13px !important; white-space:nowrap !important; text-decoration:none !important; font-weight:600 !important }
  .quick-filters .qf-btn.active { background:#cc0000 !important; color:#fff !important; border-color:#cc0000 !important }
  .quick-filters .qf-btn.clear { background:#cc0000 !important; color:#fff !important; border-color:#cc0000 !important; font-weight:700 !important }
.quick-filters-sort { margin-left:auto; display:flex; align-items:center; gap:8px }
@media (max-width:768px) {
  .quick-filters { gap:8px; margin:20px 0 24px 0; }
  .quick-filters-sort { margin-left:0; margin-top:12px; width:100%; }
  .quick-filters-sort select { width:100%; box-sizing:border-box; }
}

/* Search form */
.search-form { display:flex; margin-bottom:12px }
.search-form input[name="q"] { flex:1; padding:10px !important; border-radius:6px !important; border:1px solid #e5e7eb !important; min-width:0 }
.search-form .search-btn { flex-shrink:0; width:80px !important; margin-left:8px !important; border-radius:6px !important; border:none !important; background:#cc0000 !important; color:#fff !important; font-weight:700 !important; cursor:pointer !important }

/* Sell panel styles for auctions index */
.sell-panel { background:#0b1320;color:#fff;border-radius:10px;padding:28px;margin-top:24px;display:flex;gap:24px;align-items:center }
.sell-panel .sell-left { flex:1; min-width:0 }
.sell-panel .kicker { color:#cc0000;font-weight:700;letter-spacing:1px;font-size:12px;margin-bottom:8px }
.sell-panel h2 { font-size:32px;margin:0 0 12px 0;line-height:1.05;font-weight:700 }
.sell-panel p.lead { color:#d1d5db;max-width:700px }
.sell-panel ul { margin:12px 0 0 18px;padding:0;color:#d1d5db }
.sell-panel ul li { margin:8px 0; list-style: none; position:relative; padding-left:16px }
.sell-panel ul li:before { content:""; width:8px;height:8px;background:#cc0000;border-radius:50%;position:absolute;left:0;top:8px }
.sell-panel .sell-right { width:220px;text-align:center }
.sell-panel .sell-btn { display:inline-block;background:#cc0000;color:#fff;padding:12px 18px;border-radius:8px;font-weight:800;text-decoration:none; display:block; margin:0 auto }
@media(max-width:900px){ .sell-panel { flex-direction:column; align-items:stretch; } .sell-panel .sell-right{ width:100%; text-align:center; } }
@media(max-width:600px){
  .sell-panel { padding:18px; }
  .sell-panel h2 { font-size:24px; white-space:normal; }
  .auction-hero h1 { font-size:26px; }
  .auction-hero p, .auction-hero ul { font-size:14px; }
  .auction-stats { padding:12px; margin-bottom:16px; }
}