/* SYSNET Auction v2.84 — full product gallery + click-to-zoom lightbox
   UI-only: no bidding, Auto Bid, quick-close, settlement or winner logic changes. */
.auction-v282-pro .auction-detail-media{
  height:auto!important;
  min-height:0!important;
  padding:14px!important;
}
.auction-v284-gallery-main{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1 / 1;
  border-radius:18px!important;
  background:#fff!important;
  cursor:zoom-in;
  isolation:isolate;
  box-shadow:inset 0 0 0 1px rgba(17,48,84,.035);
}
.auction-v284-gallery-main:focus-visible{
  outline:3px solid rgba(11,117,223,.30);
  outline-offset:3px;
}
.auction-v284-gallery-main:after{
  content:"⌕  คลิกเพื่อขยาย";
  position:absolute;
  left:12px;
  bottom:12px;
  z-index:3;
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.42);
  border-radius:999px;
  background:rgba(7,29,56,.76);
  color:#fff;
  font-size:9.5px;
  font-weight:900;
  letter-spacing:.02em;
  backdrop-filter:blur(9px);
  pointer-events:none;
}
.auction-v284-gallery-main img{
  width:100%!important;
  height:100%!important;
  padding:0!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#fff!important;
  filter:none!important;
}
.auction-v283-gallery-count{right:12px!important;bottom:12px!important}
.auction-v283-gallery-thumbs{
  grid-auto-columns:88px!important;
  gap:9px!important;
  padding-top:3px!important;
}
.auction-v283-gallery-thumb{
  width:88px!important;
  height:78px!important;
  padding:4px!important;
  background:#fff!important;
}
.auction-v283-gallery-thumb img{object-fit:contain!important;background:#fff!important}
.auction-v283-gallery-note{
  min-height:24px;
  margin-top:1px;
  color:#60758d!important;
  font-size:10px!important;
  font-weight:750;
}

/* Full-screen image viewer */
.auction-v284-lightbox[hidden]{display:none!important}
.auction-v284-lightbox{
  position:fixed;
  inset:0;
  z-index:99999;
  display:grid;
  place-items:center;
  padding:28px;
  background:rgba(2,12,25,.93);
  backdrop-filter:blur(7px);
}
.auction-v284-lightbox-stage{
  position:relative;
  width:min(1280px,96vw);
  height:min(900px,91vh);
  display:grid;
  place-items:center;
}
.auction-v284-lightbox-image{
  display:block;
  max-width:100%;
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  border-radius:14px;
  background:#fff;
  box-shadow:0 28px 80px rgba(0,0,0,.42);
  user-select:none;
  -webkit-user-drag:none;
}
.auction-v284-lightbox-close,
.auction-v284-lightbox-prev,
.auction-v284-lightbox-next{
  position:absolute;
  z-index:2;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(4,24,45,.78);
  color:#fff;
  cursor:pointer;
  box-shadow:0 10px 28px rgba(0,0,0,.22);
  backdrop-filter:blur(8px);
}
.auction-v284-lightbox-close{
  top:0;right:0;width:46px;height:46px;border-radius:50%;font-size:22px;font-weight:900
}
.auction-v284-lightbox-prev,
.auction-v284-lightbox-next{
  top:50%;width:52px;height:64px;margin-top:-32px;border-radius:16px;font-size:30px;font-weight:600
}
.auction-v284-lightbox-prev{left:0}.auction-v284-lightbox-next{right:0}
.auction-v284-lightbox-close:hover,
.auction-v284-lightbox-prev:hover,
.auction-v284-lightbox-next:hover{background:#0b75df;border-color:#0b75df}
.auction-v284-lightbox-counter{
  position:absolute;
  left:50%;bottom:0;transform:translateX(-50%);
  min-width:70px;padding:7px 12px;border-radius:999px;
  background:rgba(4,24,45,.82);color:#fff;text-align:center;
  font-size:11px;font-weight:900;letter-spacing:.04em;
  backdrop-filter:blur(8px)
}
html.auction-v284-lightbox-open,html.auction-v284-lightbox-open body{overflow:hidden!important}

/* The normal product page link belongs below auction content, not under the image. */
.auction-v284-product-detail-section{
  max-width:1180px!important;
  margin:0 auto 52px!important;
  padding:0 16px!important;
}
.auction-v284-product-link{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  min-height:78px;
  padding:16px 18px;
  border:1px solid #d8e4ef;
  border-radius:18px;
  background:linear-gradient(135deg,#fff,#f5f9fd);
  color:#123b62;
  text-decoration:none;
  box-shadow:0 12px 30px rgba(18,48,84,.055);
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.auction-v284-product-link:hover{
  transform:translateY(-1px);
  border-color:#9fc5e5;
  box-shadow:0 16px 34px rgba(18,48,84,.085);
}
.auction-v284-product-link-copy{display:grid;gap:3px;min-width:0}
.auction-v284-product-link-copy strong{font-size:17px;line-height:1.35;color:#102a46}
.auction-v284-product-link-copy small{color:#71849a;font-size:11px;line-height:1.55}
.auction-v284-product-link-action{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:42px;padding:0 15px;border-radius:12px;
  background:#0b75df;color:#fff;font-size:11px;font-weight:950;white-space:nowrap
}

@media(max-width:1050px){
  .auction-v284-gallery-main{aspect-ratio:1 / 1}
}
@media(max-width:780px){
  .auction-v282-pro .auction-detail-media{padding:10px!important}
  .auction-v284-gallery-main{aspect-ratio:1 / 1;border-radius:14px!important}
  .auction-v284-gallery-main:after{left:9px;bottom:9px;min-height:28px;font-size:9px}
  .auction-v283-gallery-count{right:9px!important;bottom:9px!important}
  .auction-v283-gallery-thumbs{grid-auto-columns:74px!important;gap:7px!important}
  .auction-v283-gallery-thumb{width:74px!important;height:66px!important}
  .auction-v284-lightbox{padding:12px}
  .auction-v284-lightbox-stage{width:100%;height:88vh}
  .auction-v284-lightbox-close{top:4px;right:4px;width:42px;height:42px}
  .auction-v284-lightbox-prev,.auction-v284-lightbox-next{width:44px;height:56px;margin-top:-28px;border-radius:13px;font-size:25px}
  .auction-v284-lightbox-prev{left:4px}.auction-v284-lightbox-next{right:4px}
  .auction-v284-lightbox-counter{bottom:5px}
  .auction-v284-product-detail-section{margin-bottom:34px!important;padding:0 12px!important}
  .auction-v284-product-link{grid-template-columns:1fr;gap:10px;padding:14px}
  .auction-v284-product-link-action{width:100%;box-sizing:border-box}
}
@media(max-width:430px){
  .auction-v283-gallery-thumbs{grid-auto-columns:68px!important}
  .auction-v283-gallery-thumb{width:68px!important;height:61px!important}
}
@media(prefers-reduced-motion:reduce){
  .auction-v284-product-link{transition:none!important}
}