/* SYSNET Auction v2.83 — product gallery + compact bid history
   UI-only: no changes to bidding, Auto Bid, quick close, settlement or winner logic. */
.auction-v282-pro .auction-detail-media{
  height:auto!important;
  min-height:0!important;
  padding:18px!important;
  overflow:visible!important;
}
.auction-v283-gallery{position:relative;z-index:1;display:grid;gap:10px;min-width:0}
.auction-v283-gallery-main{
  position:relative;
  height:clamp(330px,35vw,440px);
  display:grid;
  place-items:center;
  overflow:hidden;
  border:1px solid #e0e8f1;
  border-radius:18px;
  background:linear-gradient(145deg,#fff,#f5f9fd);
}
.auction-v283-gallery-main img{
  width:100%;height:100%;object-fit:contain;display:block;
  padding:12px;box-sizing:border-box;
  filter:drop-shadow(0 10px 18px rgba(18,45,76,.08));
  transition:opacity .18s ease,transform .18s ease;
}
.auction-v283-gallery-main img.is-changing{opacity:.35;transform:scale(.985)}
.auction-v283-gallery-count{
  position:absolute;right:10px;bottom:10px;z-index:2;
  min-width:50px;padding:5px 9px;border-radius:999px;
  background:rgba(7,29,56,.82);color:#fff;text-align:center;
  font-size:10px;font-weight:900;letter-spacing:.02em;
  backdrop-filter:blur(8px)
}
.auction-v283-gallery-thumbs{
  display:grid;grid-auto-flow:column;grid-auto-columns:82px;gap:8px;
  overflow-x:auto;overflow-y:hidden;padding:2px 1px 6px;
  scrollbar-width:thin;scroll-snap-type:x proximity;
}
.auction-v283-gallery-thumb{
  position:relative;width:82px;height:72px;padding:5px;
  border:1px solid #d8e2ed;border-radius:12px;background:#fff;
  cursor:pointer;overflow:hidden;scroll-snap-align:start;
  transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
.auction-v283-gallery-thumb:hover{border-color:#8cb9e2;transform:translateY(-1px)}
.auction-v283-gallery-thumb.is-active{border-color:#0b75df;box-shadow:0 0 0 2px rgba(11,117,223,.12)}
.auction-v283-gallery-thumb img{width:100%;height:100%;object-fit:contain;display:block}
.auction-v283-gallery-thumb span{
  position:absolute;right:4px;bottom:4px;min-width:18px;height:18px;padding:0 4px;
  display:grid;place-items:center;border-radius:999px;background:rgba(9,39,73,.78);color:#fff;
  font-size:8px;font-weight:900
}
.auction-v283-gallery-note{display:flex;align-items:center;gap:6px;color:#6f8196;font-size:10px;line-height:1.5}
.auction-v283-gallery-note:before{content:"▦";color:#0b75df;font-size:12px}
.auction-v282-pro .auction-detail-media .auction-product-link{
  position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;
  margin-top:11px!important;width:100%!important;box-sizing:border-box!important;
}

/* Keep the public history useful without letting it dominate the page. */
.auction-v283-history[data-history-expanded="false"] .auction-bid-history-row:nth-child(n+6){display:none!important}
.auction-v283-history-controls{display:flex;justify-content:center;margin-top:14px}
.auction-v283-history-controls[hidden]{display:none!important}
.auction-v283-history-toggle{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-height:42px;padding:9px 18px;border:1px solid #cbd9e7;border-radius:999px;
  background:#fff;color:#0c5d9d;font:inherit;font-size:12px;font-weight:900;cursor:pointer;
  box-shadow:0 7px 18px rgba(18,48,84,.06);transition:.16s ease
}
.auction-v283-history-toggle:hover{border-color:#8db8de;background:#f7fbff;transform:translateY(-1px)}
.auction-v283-history-toggle small{color:#7a8da2;font-size:9.5px;font-weight:700}
.auction-v283-history-toggle .auction-v283-chevron{font-size:14px;transition:transform .18s ease}
.auction-v283-history[data-history-expanded="true"] .auction-v283-chevron{transform:rotate(180deg)}

@media(max-width:1050px){
  .auction-v283-gallery-main{height:390px}
}
@media(max-width:780px){
  .auction-v282-pro .auction-detail-media{padding:12px!important}
  .auction-v283-gallery-main{height:clamp(285px,72vw,390px);border-radius:15px}
  .auction-v283-gallery-thumbs{grid-auto-columns:72px;gap:7px}
  .auction-v283-gallery-thumb{width:72px;height:64px;border-radius:10px}
  .auction-v283-gallery-note{font-size:9.5px}
  .auction-v283-history-controls{margin-top:11px}
  .auction-v283-history-toggle{width:100%;min-height:44px}
}
@media(max-width:430px){
  .auction-v283-gallery-main{height:285px}
  .auction-v283-gallery-thumbs{grid-auto-columns:66px}
  .auction-v283-gallery-thumb{width:66px;height:59px}
}
@media(prefers-reduced-motion:reduce){
  .auction-v283-gallery-main img,.auction-v283-gallery-thumb,.auction-v283-history-toggle,.auction-v283-chevron{transition:none!important}
}