/* SYSNET Auction v2.82 — Professional public auction layout
   UI-only: does not change bidding, Auto Bid, settlement, winner or database rules. */
:root{--auc282-navy:#0a2749;--auc282-blue:#0b75df;--auc282-ink:#10233e;--auc282-muted:#687c94;--auc282-line:#dce6f0;--auc282-soft:#f6f9fc;--auc282-green:#087451;--auc282-red:#c81e2b}

/* Page rhythm */
.auction-v282-breadcrumb{margin-top:18px!important;margin-bottom:16px!important;color:#74869c!important;font-size:12px!important}
.auction-v282-breadcrumb a{color:#0b67ba!important;font-weight:800!important;text-decoration:none!important}
.auction-detail.auction-v282-pro{
  display:grid!important;
  grid-template-columns:minmax(360px,.82fr) minmax(0,1.18fr)!important;
  gap:30px!important;
  align-items:start!important;
  padding-top:4px!important;
  padding-bottom:54px!important;
  max-width:1180px!important;
}
.auction-detail.auction-v282-pro:before{
  content:"LIVE AUCTION  •  ประมูลแบบเรียลไทม์";
  grid-column:1/-1;
  display:flex;
  align-items:center;
  min-height:34px;
  width:max-content;
  max-width:100%;
  box-sizing:border-box;
  padding:0 12px;
  margin:0 0 -10px;
  border:1px solid #d8e7f5;
  border-radius:999px;
  background:#f4f9ff;
  color:#14548b;
  font-size:10px;
  font-weight:950;
  letter-spacing:.10em;
}

/* Left product gallery card */
.auction-v282-pro .auction-detail-media{
  position:sticky!important;
  top:92px!important;
  width:100%!important;
  height:clamp(430px,42vw,560px)!important;
  min-height:0!important;
  margin:0!important;
  padding:28px 24px 44px!important;
  border:1px solid #dce6f0!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,#ffffff 0%,#f5f9fd 100%)!important;
  box-shadow:0 18px 48px rgba(17,48,84,.08)!important;
  overflow:hidden!important;
}
.auction-v282-pro .auction-detail-media:after{
  content:"";
  position:absolute;
  inset:auto -80px -110px auto;
  width:250px;height:250px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(11,117,223,.09),rgba(11,117,223,0) 68%);
  pointer-events:none;
}
.auction-v282-pro .auction-detail-media>img{
  position:relative;z-index:1;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:none!important;
  object-fit:contain!important;
  filter:drop-shadow(0 12px 20px rgba(18,45,76,.08));
}
.auction-v282-pro .auction-detail-media .auction-state{
  left:16px!important;top:16px!important;
  padding:7px 11px!important;
  border-radius:999px!important;
  font-size:10px!important;
  font-weight:950!important;
  box-shadow:0 6px 16px rgba(17,48,84,.08)!important;
}
.auction-v282-pro .auction-product-link{
  z-index:3!important;
  left:16px!important;right:16px!important;bottom:14px!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  min-height:34px!important;
  border:1px solid #d5e2ef!important;
  border-radius:11px!important;
  background:rgba(255,255,255,.94)!important;
  color:#0b5fa8!important;
  font-size:11px!important;font-weight:900!important;
  text-decoration:none!important;
  backdrop-filter:blur(8px);
}
.auction-v282-pro .auction-product-link:hover{background:#fff!important;border-color:#aac9e7!important}

/* Right information column – ordered by decision priority */
.auction-v282-pro .auction-detail-info{
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
}
.auction-v282-pro .auction-detail-info>*{order:20}
.auction-v282-pro .auction-detail-info>.product-category{order:1}
.auction-v282-pro .auction-detail-info>h1{order:2}
.auction-v282-pro .auction-detail-info>.lead{order:3}
.auction-v282-pro .auction-detail-info>.auction-main-price{order:4}
.auction-v282-pro .auction-detail-info>.auction-v281-quick{order:5}
.auction-v282-pro .auction-detail-info>.auction-detail-countdown{order:6}
.auction-v282-pro .auction-detail-info>.auction-meta-grid{order:7}
.auction-v282-pro .auction-detail-info>.auction-standing{order:8}
.auction-v282-pro .auction-detail-info>.auction-bid-tools,
.auction-v282-pro .auction-detail-info>.auction-login-callout{order:9}
.auction-v282-pro .auction-detail-info>.auction-share-box{order:10}

.auction-v282-pro .product-category{
  margin:2px 0 7px!important;
  color:#67809b!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}
.auction-v282-pro .auction-detail-info h1{
  margin:0 0 10px!important;
  color:var(--auc282-ink)!important;
  font-size:clamp(27px,2.6vw,38px)!important;
  line-height:1.18!important;
  letter-spacing:-.025em!important;
  font-weight:950!important;
  text-wrap:balance!important;
}
.auction-v282-pro .auction-detail-info>.lead{
  margin:0 0 8px!important;
  color:#61758e!important;
  font-size:13px!important;
  line-height:1.75!important;
}

/* Price summary */
.auction-v282-pro .auction-main-price.auction-v263-price-hero{
  grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr)!important;
  gap:10px!important;
  margin:14px 0 12px!important;
}
.auction-v282-pro .auction-v263-price-card{border-radius:18px!important;padding:18px 19px 17px!important}
.auction-v282-pro .auction-v263-current{box-shadow:0 14px 30px rgba(8,52,97,.17)!important}
.auction-v282-pro .auction-main-price.auction-v263-price-hero .auction-v263-current>strong{font-size:clamp(39px,4.2vw,56px)!important}
.auction-v282-pro .auction-main-price.auction-v263-price-hero .auction-v263-retail>strong{font-size:clamp(27px,2.6vw,35px)!important}

/* Quick close – strong, but contained */
.auction-v282-pro .auction-v281-quick{
  margin:4px 0 12px!important;
  padding:15px 16px!important;
  border-radius:16px!important;
  border:1px solid #f5c6c9!important;
  border-left:5px solid #dc2626!important;
  background:linear-gradient(135deg,#fff8f8,#fff)!important;
  box-shadow:none!important;
}
.auction-v282-pro .auction-v281-quick-head{margin-bottom:11px!important;gap:14px!important}
.auction-v282-pro .auction-v281-quick h2{font-size:19px!important;margin:2px 0 3px!important}
.auction-v282-pro .auction-v281-quick p{font-size:11px!important;line-height:1.6!important}
.auction-v282-pro .auction-v281-quick-price strong{font-size:25px!important}
.auction-v282-pro .auction-v281-quick-btn{min-height:52px!important;padding:12px 16px!important;border-radius:12px!important;font-size:16px!important;box-shadow:0 8px 20px rgba(220,38,38,.17)!important}

/* Countdown + stats */
.auction-v282-pro .auction-detail-countdown[data-auction-big]{
  margin:2px 0 10px!important;
  padding:15px 18px!important;
  border-radius:17px!important;
  background:linear-gradient(135deg,#071d38,#0c3764)!important;
  box-shadow:0 12px 28px rgba(7,34,67,.14)!important;
}
.auction-v282-pro .auction-detail-countdown[data-auction-big] strong{font-size:clamp(34px,4vw,50px)!important;letter-spacing:.015em!important}
.auction-v282-pro .auction-detail-countdown[data-auction-big] span{font-size:10px!important}
.auction-v282-pro .auction-detail-countdown[data-auction-big] small{font-size:9px!important}
.auction-v282-pro .auction-meta-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:8px!important;
  margin:0 0 12px!important;
}
.auction-v282-pro .auction-meta-grid>div{
  min-width:0!important;
  padding:10px 10px!important;
  border:1px solid var(--auc282-line)!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 5px 16px rgba(18,48,84,.035)!important;
}
.auction-v282-pro .auction-meta-grid small{font-size:8.5px!important;color:#7d8da0!important}
.auction-v282-pro .auction-meta-grid b{font-size:10.5px!important;color:#183a5e!important;white-space:normal!important;overflow-wrap:anywhere!important}

/* Member status and bidding controls */
.auction-v282-pro .auction-standing{
  margin:0 0 12px!important;
  padding:12px 13px!important;
  border-radius:14px!important;
  box-shadow:none!important;
}
.auction-v282-pro .auction-standing-icon{width:42px!important;height:42px!important;border-radius:12px!important}
.auction-v282-pro .auction-standing strong{font-size:14px!important}
.auction-v282-pro .auction-standing span{font-size:10.5px!important;line-height:1.55!important}
.auction-v282-pro .auction-bid-tools{
  gap:12px!important;
  margin-top:0!important;
  padding:14px!important;
  border:1px solid #dce6f0!important;
  border-radius:20px!important;
  background:#f8fbfe!important;
  box-shadow:0 14px 35px rgba(17,48,84,.055)!important;
}
.auction-v282-pro .auction-auto-processing{margin:0!important;border-radius:12px!important;box-shadow:none!important}
.auction-v282-pro .auction-bid-cap{margin:0!important;padding:10px 12px!important;border-radius:12px!important;background:#fff!important}
.auction-v282-pro .auction-bid-cap b{font-size:12.5px!important}.auction-v282-pro .auction-bid-cap span{font-size:10.5px!important}
.auction-v282-pro .auction-bid-box{margin:0!important;border-radius:16px!important;box-shadow:none!important}
.auction-v282-pro .auction-bid-box.auction-v262-card{padding:18px!important;border-radius:17px!important;box-shadow:none!important}
.auction-v282-pro .auction-v262-ready .auction-bid-row{grid-template-columns:minmax(0,1fr) 190px!important}
.auction-v282-pro .auction-v262-ready input.auction-v262-price-input{height:62px!important;font-size:29px!important;border-radius:13px!important}
.auction-v282-pro .auction-v262-ready .auction-bid-row>.btn.auction-v262-submit{height:62px!important;border-radius:13px!important}
.auction-v282-pro .auction-member-note{padding:1px 2px 0!important;color:#71839a!important}
.auction-v282-pro .auction-login-callout{margin-top:0!important;border-radius:17px!important;padding:18px!important;background:#fff!important;box-shadow:0 10px 28px rgba(17,48,84,.05)!important}

/* Share is intentionally secondary */
.auction-v282-pro .auction-share-box{
  margin:12px 0 0!important;
  padding:12px!important;
  border-radius:14px!important;
  border:1px dashed #d6e2ee!important;
  background:#fbfcfe!important;
  box-shadow:none!important;
}
.auction-v282-pro .auction-share-head{margin-bottom:8px!important}.auction-v282-pro .auction-share-head b{font-size:12px!important}.auction-v282-pro .auction-share-head small{font-size:9.5px!important}
.auction-v282-pro .auction-share-url input{font-size:10px!important;padding:8px 9px!important}.auction-v282-pro .auction-social-buttons{gap:5px!important;margin-top:7px!important}.auction-v282-pro .auction-social-buttons a,.auction-v282-pro .auction-social-buttons button{padding:6px 9px!important;font-size:9.5px!important}

/* Below-fold status + Bid History */
.section.section-soft:has(.auction-v282-history){padding-top:38px!important;padding-bottom:56px!important;background:linear-gradient(180deg,#f5f8fc,#fff)!important;border-top:1px solid #e5edf5!important}
.auction-bid-history.auction-v282-history{max-width:1180px!important}
.auction-v282-history .auction-v280-status-stack{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:12px!important;
  margin:0 0 30px!important;
}
.auction-v282-history .auction-v280-status-stack>.auction-auto-watch{grid-column:1/-1!important}
.auction-v282-history .auction-v280-status-stack>.auction-auto-watch,
.auction-v282-history .auction-v280-status-stack>aside{
  margin:0!important;
  border-radius:18px!important;
  box-shadow:0 10px 28px rgba(18,48,84,.05)!important;
}
.auction-v282-history .auction-auto-watch{padding:18px 19px!important;grid-template-columns:50px minmax(0,1fr)!important}
.auction-v282-history .auction-auto-watch-icon{width:50px!important;height:50px!important;border-radius:14px!important;font-size:25px!important}
.auction-v282-history .auction-auto-watch h2{font-size:clamp(19px,2vw,26px)!important}
.auction-v282-history .auction-auto-watch-message{font-size:13.5px!important;line-height:1.65!important}
.auction-v282-history .auction-v280-status-stack>aside{padding:15px 16px!important;font-size:12.5px!important;line-height:1.7!important}
.auction-v282-history .auction-v280-status-stack>aside strong{font-size:16px!important;line-height:1.35!important}
.auction-v282-history .section-head{
  display:flex!important;
  align-items:end!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin:0 0 14px!important;
  padding-bottom:14px!important;
  border-bottom:1px solid #dce6f0!important;
}
.auction-v282-history .section-head h2{margin:3px 0 0!important;color:#102a46!important;font-size:24px!important}
.auction-v282-history .section-head p{max-width:480px!important;margin:0!important;color:#6b7f95!important;font-size:11px!important;line-height:1.6!important;text-align:right!important}
.auction-v282-history .auction-bid-table{
  border:1px solid #dce5ee!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:0 14px 34px rgba(18,48,84,.055)!important;
}
.auction-v282-history .auction-bid-history-row{
  grid-template-columns:minmax(0,1fr) 150px 175px!important;
  gap:14px!important;
  min-height:54px!important;
  padding:11px 16px!important;
  border-bottom:1px solid #edf2f6!important;
  font-size:12px!important;
}
.auction-v282-history .auction-bid-history-row:nth-child(even){background:#fbfcfe}
.auction-v282-history .auction-bid-history-row.top{background:linear-gradient(90deg,#effcf5,#f9fffc)!important;box-shadow:inset 4px 0 0 #14a36f!important}
.auction-v282-history .auction-bid-history-row b{text-align:right!important;color:#0e467d!important;font-size:15px!important;font-variant-numeric:tabular-nums!important}
.auction-v282-history .auction-bid-history-row time{text-align:right!important;color:#7b8da1!important;font-size:10px!important;font-variant-numeric:tabular-nums!important}
.auction-v282-history .empty-state{border:1px solid #dce6f0!important;border-radius:18px!important;background:#fff!important;padding:34px!important}

/* Tablet */
@media(max-width:1050px){
  .auction-detail.auction-v282-pro{grid-template-columns:minmax(310px,.78fr) minmax(0,1.22fr)!important;gap:22px!important}
  .auction-v282-pro .auction-detail-media{height:470px!important;top:80px!important;padding:22px 18px 42px!important}
  .auction-v282-pro .auction-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .auction-v282-pro .auction-main-price.auction-v263-price-hero{grid-template-columns:1fr!important}
}

/* Mobile */
@media(max-width:780px){
  .auction-v282-breadcrumb{margin-top:12px!important;margin-bottom:12px!important;font-size:10.5px!important}
  .auction-detail.auction-v282-pro{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;padding-bottom:34px!important}
  .auction-detail.auction-v282-pro:before{margin-bottom:-3px;min-height:31px;font-size:9px;letter-spacing:.07em}
  .auction-v282-pro .auction-detail-media{position:relative!important;top:auto!important;height:clamp(300px,78vw,430px)!important;min-height:0!important;padding:18px 14px 42px!important;border-radius:19px!important}
  .auction-v282-pro .auction-detail-info h1{font-size:26px!important;line-height:1.23!important}
  .auction-v282-pro .auction-detail-info>.lead{font-size:12px!important;line-height:1.65!important}
  .auction-v282-pro .auction-main-price.auction-v263-price-hero{grid-template-columns:1fr!important;margin-top:10px!important}
  .auction-v282-pro .auction-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .auction-v282-pro .auction-v262-ready .auction-bid-row{grid-template-columns:1fr!important}
  .auction-v282-pro .auction-bid-tools{padding:10px!important;border-radius:17px!important}
  .auction-v282-pro .auction-share-head{align-items:flex-start!important}.auction-v282-pro .auction-share-url{grid-template-columns:1fr!important}
  .auction-v282-history .auction-v280-status-stack{grid-template-columns:1fr!important;gap:10px!important}
  .auction-v282-history .auction-v280-status-stack>.auction-auto-watch{grid-column:auto!important}
  .auction-v282-history .auction-auto-watch{grid-template-columns:42px minmax(0,1fr)!important;padding:14px!important}
  .auction-v282-history .auction-auto-watch-icon{width:42px!important;height:42px!important;font-size:22px!important}
  .auction-v282-history .section-head{display:block!important}.auction-v282-history .section-head p{margin-top:6px!important;text-align:left!important}
  .auction-v282-history .auction-bid-history-row{grid-template-columns:minmax(0,1fr) 105px!important;gap:8px 10px!important;padding:11px 12px!important}
  .auction-v282-history .auction-bid-history-row time{grid-column:1/-1!important;text-align:left!important;padding-left:0!important}
}

@media(max-width:430px){
  .auction-v282-pro .auction-detail-media{height:310px!important}
  .auction-v282-pro .auction-meta-grid{grid-template-columns:1fr 1fr!important}
  .auction-v282-pro .auction-detail-countdown[data-auction-big] strong{font-size:34px!important}
  .auction-v282-pro .auction-v281-quick-head{display:block!important}.auction-v282-pro .auction-v281-quick-price{text-align:left!important;margin-top:8px!important}
  .auction-v282-history .auction-auto-watch-people{gap:5px!important}.auction-v282-history .auction-auto-watch-person{padding:5px 8px!important}
}

@media(prefers-reduced-motion:reduce){.auction-v282-pro *,.auction-v282-history *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}