/* Zenith Japan vehicle page UI v6.2.2-hotfix2 */
:root{
  --bg:#090a0c;
  --surface:#121318;
  --surface2:#18191f;
  --line:rgba(255,255,255,.10);
  --line2:rgba(255,255,255,.17);
  --text:#f7f7f8;
  --muted:#a8a9b2;
  --accent:#f5223d;
  --green:#24c875;
  --gold:#e9b949;
  --control:12px;
  --card:16px;
  --max:1400px;
  --pad:24px;
  --shadow:0 18px 50px rgba(0,0,0,.22);
  font-synthesis:none;
}

*{box-sizing:border-box}
html{color-scheme:dark;background:var(--bg);scroll-behavior:smooth}
body.carpage{
  margin:0;
  min-width:320px;
  overflow-x:hidden;
  background:radial-gradient(circle at 82% 4%,rgba(245,34,61,.055),transparent 28%),var(--bg);
  color:var(--text);
  font-family:Manrope,Arial,sans-serif;
  line-height:1.45;
}
body.carpage button,body.carpage a{font:inherit}
body.carpage img{max-width:100%}
body.carpage a{color:inherit;text-decoration:none}
body.carpage h1,body.carpage h2,body.carpage h3,body.carpage p{margin:0}
body.carpage .container{
  width:min(100%,calc(var(--max) + var(--pad)*2));
  margin:0 auto;
  padding-left:var(--pad);
  padding-right:var(--pad);
}

.topbar{
  border-bottom:1px solid var(--line);
  background:rgba(9,10,12,.88);
  backdrop-filter:blur(18px);
}
.topbarInner{
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding-top:12px;
  padding-bottom:12px;
}
.badgeBack{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:46px;
  padding:0 18px;
  border:1px solid rgba(245,34,61,.46);
  border-radius:var(--control);
  background:linear-gradient(180deg,rgba(245,34,61,.16),rgba(245,34,61,.085));
  color:var(--text);
  font-family:Montserrat,Manrope,Arial,sans-serif;
  font-size:13px;
  font-weight:800;
  line-height:1.1;
  letter-spacing:.015em;
  text-transform:uppercase;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045);
  transition:border-color .2s,background .2s,transform .2s,box-shadow .2s;
}
.badgeBack:hover{
  border-color:rgba(245,34,61,.82);
  background:linear-gradient(180deg,rgba(245,34,61,.25),rgba(245,34,61,.13));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 24px rgba(245,34,61,.09);
  transform:translateY(-1px);
}
.badgeBack:focus-visible{
  outline:2px solid rgba(245,34,61,.92);
  outline-offset:3px;
}
.badgeBack span:first-child{color:var(--accent);font-size:18px;line-height:1}
.lotMeta{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:8px;
  min-width:0;
}
.badge{
  width:auto;
  min-width:0;
  min-height:46px;
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  padding:8px 13px;
  border:1px solid var(--line);
  border-radius:var(--control);
  background:var(--surface);
  font-family:Manrope,Arial,sans-serif;
  white-space:nowrap;
}
.badge small{
  color:var(--muted);
  font-size:10px;
  font-weight:800;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
}
body.carpage .badgeBack span:last-child,
body.carpage .badge strong{
  font-family:Montserrat,Manrope,Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.1!important;
  letter-spacing:.01em!important;
}
.badge.grade strong{color:var(--gold)}

.carMain{padding-top:24px;padding-bottom:64px}
.detailHero{
  display:grid;
  grid-template-columns:minmax(0,1.95fr) minmax(340px,.95fr);
  grid-template-areas:
    "gallery summary"
    "auction auction";
  gap:18px;
  align-items:start;
}
.panel{
  min-width:0;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:var(--card);
  background:linear-gradient(155deg,rgba(24,25,31,.96),rgba(16,17,21,.98));
  box-shadow:var(--shadow);
}
.vehicleStage{grid-area:gallery;align-self:start;display:flex}
.summaryCard{grid-area:summary;align-self:start;display:flex;flex-direction:column;padding:24px}

.galleryWrap{
  display:flex;
  flex-direction:column;
  width:100%;
  min-width:0;
  padding:12px;
  gap:10px;
}
.galleryMain{
  position:relative;
  overflow:hidden;
  border-radius:12px;
  background:#070709;
  aspect-ratio:16/9;
  isolation:isolate;
  cursor:zoom-in;
}
.galleryMain::after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  z-index:1;
  height:20%;
  background:linear-gradient(transparent,rgba(0,0,0,.3));
  pointer-events:none;
}
.galleryMain>img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  touch-action:pan-y;
  transition:opacity .18s ease;
}
.galleryMain.isSwitching>img{opacity:.42}
.mainNav{
  position:absolute;
  z-index:3;
  top:50%;
  width:46px;
  height:46px;
  margin-top:-23px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:12px;
  background:rgba(9,10,12,.72);
  backdrop-filter:blur(12px);
  color:#fff;
  cursor:pointer;
  transition:.2s;
}
.mainNav:hover{border-color:var(--accent);background:rgba(245,34,61,.92);transform:scale(1.035)}
.mainNav.prev{left:14px}
.mainNav.next{right:14px}
.mainNav span,.lbNav span{
  position:absolute;
  top:50%;
  left:50%;
  width:10px;
  height:10px;
  border-top:2px solid currentColor;
  border-right:2px solid currentColor;
}
.mainNav.prev span,.lbNavPrev span{transform:translate(-36%,-50%) rotate(-135deg)}
.mainNav.next span,.lbNavNext span{transform:translate(-64%,-50%) rotate(45deg)}
.imageCount{
  position:absolute;
  z-index:3;
  right:14px;
  bottom:14px;
  height:36px;
  display:flex;
  align-items:center;
  gap:6px;
  padding:0 11px;
  border:1px solid var(--line2);
  border-radius:10px;
  background:rgba(9,10,12,.72);
  backdrop-filter:blur(12px);
  color:#fff;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
}
.imageCount svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8}
.galleryThumbs{
  display:flex;
  justify-content:safe center;
  gap:9px;
  overflow-x:auto;
  padding:2px 0 4px;
  scroll-snap-type:x proximity;
  scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.16) transparent;
}
.thumbButton{
  flex:0 0 108px;
  width:108px;
  height:74px;
  padding:0;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:10px;
  background:#0b0c0f;
  cursor:pointer;
  scroll-snap-align:start;
  opacity:.65;
  transition:.2s;
}
.thumbButton:hover{opacity:.9}
.thumbButton.active{border-color:var(--accent);opacity:1;box-shadow:0 0 0 1px rgba(245,34,61,.26)}
.thumbButton .timg{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border:0;
  pointer-events:none;
}

.vehicleIdentity{padding-bottom:20px;border-bottom:1px solid var(--line)}
.heroYear{
  margin-bottom:6px;
  color:var(--accent);
  font-family:Montserrat,Manrope,sans-serif;
  font-size:18px;
  font-weight:900;
}
.heroTitle{
  font-family:Montserrat,Manrope,sans-serif;
  font-size:clamp(25px,2vw,36px);
  line-height:1.05;
  font-weight:900;
  letter-spacing:-.03em;
  text-transform:uppercase;
}
.sub{min-height:22px;margin-top:9px;color:var(--muted);font-size:14px;font-weight:600}
.priceBlock{padding:20px 0;border-bottom:1px solid var(--line)}
.sectionEyebrow{
  display:block;
  margin-bottom:7px;
  color:var(--muted);
  font-size:10px;
  font-weight:850;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.heroPrice,.heroPrice .zc-price{
  color:var(--accent);
  font-family:Montserrat,Manrope,sans-serif;
  font-size:clamp(28px,2.6vw,42px);
  line-height:1;
  font-weight:900;
  letter-spacing:-.035em;
}
.heroPrice .zc-price .zc-price-value{
  color:var(--accent)!important;
  font-family:Montserrat,Manrope,sans-serif!important;
  font-size:inherit!important;
  font-weight:900!important;
  line-height:inherit!important;
  letter-spacing:inherit!important;
}
.heroPrice .zc-price .zc-price-currency,
.heroPrice .zc-price > span:not(.zc-price-value){
  color:var(--muted)!important;
  font-family:Manrope,Arial,sans-serif!important;
  font-size:14px!important;
  font-weight:800!important;
  letter-spacing:0!important;
}
.estimateBlock{position:relative;padding:20px 0;border-bottom:1px solid var(--line)}
.estimateBlock[hidden]{display:none!important}
.estimateBlock .sectionEyebrow{color:var(--green)}
.estimateValue{min-height:42px;display:flex;align-items:center;gap:11px;color:var(--green);font-family:Montserrat,Manrope,sans-serif;font-size:clamp(22px,2.1vw,32px);font-weight:900;line-height:1;letter-spacing:-.025em}
.estimateBlock.is-ready .estimateValue{color:var(--green)}
.estimateValue .zc-price-value{color:var(--green)!important;font-family:Montserrat,Manrope,sans-serif!important;font-size:inherit!important;font-weight:900!important;line-height:inherit!important;letter-spacing:inherit!important}
.estimateValue .zc-price-currency,.estimateCurrency{color:var(--muted)!important;font-family:Manrope,Arial,sans-serif!important;font-size:14px!important;font-weight:800!important;line-height:1!important;letter-spacing:0!important}
.estimateBlur{display:inline-block;filter:blur(8px);-webkit-filter:blur(8px);user-select:none;color:var(--green);opacity:.92;text-shadow:0 0 18px rgba(36,200,117,.5)}
.estimateCurrency{opacity:1;filter:none}
.estimateLock{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border:1px solid rgba(245,34,61,.45);border-radius:10px;background:rgba(245,34,61,.09);color:#fff;font-size:15px;filter:none}
.estimateStatus{margin:9px 0 0;color:var(--muted);font-size:11px;font-weight:700}
.estimateBlock.is-ready .estimateLock,.estimateBlock.is-ready .estimateStatus{display:none}
.estimateBlock.is-unavailable .estimateBlur,.estimateBlock.is-unavailable .estimateLock,.estimateBlock.is-unavailable .estimateStatus{display:none}
.estimateBlock.is-unavailable .estimateValue{min-height:0;color:var(--muted);font-family:Manrope,Arial,sans-serif;font-size:14px;font-weight:750;letter-spacing:0}
.vehicleDetails{padding-top:20px}
.sectionHeading{margin-bottom:13px}
.sectionHeading h2,.auctionHead h2,.panelHead h2{
  font-family:Montserrat,Manrope,sans-serif;
  font-size:17px;
  line-height:1.2;
  font-weight:850;
}
.table,.table tbody{display:block;width:100%}
.table tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.table tr{
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
  padding:11px 12px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:10px;
  background:rgba(255,255,255,.025);
}
.table th,.table td{display:block;padding:0;border:0;text-align:left;line-height:1.25}
.table th{color:var(--muted);font-size:9px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}
.table td{overflow:hidden;font-size:13px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}
.table tr[data-field="grade"] td{color:var(--gold)}

.auctionCta{
  grid-area:auction;
  display:grid;
  grid-template-columns:190px minmax(330px,.9fr) minmax(440px,1.25fr);
  align-items:center;
  gap:20px;
  padding:20px;
}
.auctionHead{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:10px;
}
.auctionHead .sectionEyebrow{margin-bottom:4px}
.auctionDate{font-size:12px;font-weight:800;white-space:nowrap}
.auctionDate .tz{margin-left:4px;color:var(--muted);font-size:10px}
.countdown{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.cdItem{
  min-width:0;
  min-height:64px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px solid var(--line);
  border-radius:10px;
  background:rgba(255,255,255,.025);
}
.cdNum{font-family:Montserrat,sans-serif;font-size:21px;font-weight:850;line-height:1}
.cdLbl{margin-top:5px;color:var(--muted);font-size:8px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.auctionActions{min-width:0}
.ctaBtns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.btn{
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:0 12px;
  border:1px solid transparent;
  border-radius:var(--control);
  font-size:11px;
  font-weight:850;
  text-align:center;
  cursor:pointer;
  transition:.2s;
}
.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}
.btn svg{width:18px;height:18px}
.btnFavorite{order:1;border-color:rgba(245,34,61,.45);background:rgba(245,34,61,.09);color:#fff}
.btnFavorite.is-guest-locked{
  border-color:rgba(255,255,255,.16);
  background:rgba(255,255,255,.045);
  color:#92949d;
  cursor:help;
}
.btnFavorite.is-guest-locked:hover{
  border-color:rgba(255,255,255,.22);
  background:rgba(255,255,255,.065);
  filter:none;
  transform:none;
}
.btnWhatsapp{order:2;border-color:rgba(36,200,117,.55);background:linear-gradient(180deg,#145f3b,#0e472d);color:#fff}
.btnDeposit{order:3;border-color:var(--accent);background:var(--accent);color:#fff}
.auctionMicro{margin-top:9px!important;color:var(--muted);font-size:9.5px;line-height:1.45}

.buyRowWrap{margin-top:18px}
.buyRow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.buyCard{
  position:relative;
  min-width:0;
  overflow:hidden;
  padding:18px;
  border:1px solid var(--line);
  border-radius:var(--card);
  background:linear-gradient(150deg,rgba(24,25,31,.92),rgba(14,15,19,.96));
}
.buyIndex{
  position:absolute;
  right:13px;
  top:8px;
  color:rgba(255,255,255,.055);
  font-family:Montserrat,sans-serif;
  font-size:46px;
  font-weight:900;
  line-height:1;
}
.buyCard h2{position:relative;margin-bottom:12px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:850}
.buyCard ul{position:relative;margin:0;padding:0;list-style:none}
.buyCard li{position:relative;margin-top:7px;padding-left:16px;color:#c7c8ce;font-size:11px;font-weight:600}
.buyCard li::before{
  content:"";
  position:absolute;
  left:1px;
  top:.55em;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--accent);
  box-shadow:0 0 0 4px rgba(245,34,61,.1);
}

.sheetRow{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.panelHead{
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:17px 18px;
  border-bottom:1px solid var(--line);
}
.panelIconBtn,.panelLinkBtn{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 13px;
  border:1px solid var(--line);
  border-radius:10px;
  background:var(--surface2);
  color:var(--text);
  font-size:10px;
  font-weight:800;
  cursor:pointer;
}
.panelIconBtn{width:40px;padding:0;font-size:17px}
.sheetWrap{padding:12px}
.sheet{display:block;width:100%;height:auto;border-radius:11px;background:#fff;cursor:zoom-in}
.sheetMissing{
  min-height:320px;
  display:grid;
  place-items:center;
  padding:28px;
  border:1px dashed var(--line2);
  border-radius:11px;
  color:var(--muted);
  font-size:13px;
  font-weight:700;
  text-align:center;
}
.guideBody{padding:18px}
.guideBody h3{margin-bottom:9px;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.gradeList{display:grid;gap:7px;margin:0;padding:0;list-style:none}
.gradeList li{display:grid;grid-template-columns:28px 1fr;align-items:start;gap:9px;color:#c7c8ce;font-size:11px}
.gradeList b{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--line);border-radius:8px;background:#1d1f26;color:#fff}
.damageGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px}
.damageGrid section,.guideNotes{padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:11px;background:rgba(255,255,255,.025)}
.damageGrid p,.guideNotes p{margin-top:5px!important;color:#c7c8ce;font-size:10.5px}
.guideNotes{margin-top:9px}
.guideDisclaimer{margin-top:11px!important;color:var(--muted);font-size:9.5px;line-height:1.55}
.carFooter{padding-top:26px}

.lb,.sheetLb{
  position:fixed;
  inset:0;
  z-index:99999;
  display:none;
  background:rgba(3,4,6,.96);
  backdrop-filter:blur(14px);
}
.lb.open,.sheetLb.open{display:block}
.lbInner{height:100%;display:grid;grid-template-rows:64px minmax(0,1fr) 96px;outline:0}
.lbTopbar{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:16px;
  padding:10px 18px;
  border-bottom:1px solid var(--line);
  background:rgba(9,10,12,.9);
}
.lbIdentity{display:flex;align-items:baseline;gap:12px;min-width:0}
.lbIdentity strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}
.lbIdentity span{color:var(--muted);font-size:10px}
.lbCounter{font-family:Montserrat,sans-serif;font-size:14px;font-weight:850}
.lbClose{
  position:relative;
  justify-self:end;
  width:44px;
  height:44px;
  border:1px solid var(--line2);
  border-radius:12px;
  background:var(--surface);
  color:#fff;
  cursor:pointer;
}
.lbClose span::before,.lbClose span::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:17px;
  height:2px;
  background:currentColor;
}
.lbClose span::before{transform:translate(-50%,-50%) rotate(45deg)}
.lbClose span::after{transform:translate(-50%,-50%) rotate(-45deg)}
.lbStage{position:relative;display:grid;place-items:center;min-height:0;overflow:hidden}
.lbImg{
  display:block;
  max-width:calc(100vw - 150px);
  max-height:100%;
  width:auto;
  height:auto;
  object-fit:contain;
  transition:opacity .16s;
}
.lb.loading .lbImg{opacity:.28}
.lbSpinner{
  position:absolute;
  z-index:3;
  width:34px;
  height:34px;
  border:3px solid rgba(255,255,255,.15);
  border-top-color:var(--accent);
  border-radius:50%;
  opacity:0;
  animation:spin .7s linear infinite;
}
.lb.loading .lbSpinner{opacity:1}
@keyframes spin{to{transform:rotate(360deg)}}
.lbNav{
  position:absolute;
  top:50%;
  width:50px;
  height:50px;
  margin-top:-25px;
  border:1px solid var(--line2);
  border-radius:12px;
  background:rgba(18,19,24,.82);
  color:#fff;
  cursor:pointer;
  transition:.2s;
}
.lbNav:hover{border-color:var(--accent);background:rgba(245,34,61,.88)}
.lbNavPrev{left:20px}
.lbNavNext{right:20px}
.lbThumbs{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  overflow-x:auto;
  padding:10px 18px;
  border-top:1px solid var(--line);
  background:rgba(9,10,12,.92);
}
.lbThumbs button{flex:0 0 92px;width:92px;height:68px;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:9px;background:#111;opacity:.5;cursor:pointer}
.lbThumbs button.active{border-color:var(--accent);opacity:1}
.lbThumbs img{display:block;width:100%;height:100%;object-fit:cover}
.sheetLb{padding:24px}
.sheetLbInner{position:relative;width:min(1100px,100%);height:100%;margin:0 auto;display:grid;place-items:center;outline:0}
.sheetLbImg{max-width:100%;max-height:100%;object-fit:contain}
.sheetClose{position:absolute;z-index:2;right:0;top:0}

@media(max-width:1120px){
  .detailHero{grid-template-columns:minmax(0,1.55fr) minmax(330px,1fr)}
  .auctionCta{grid-template-columns:180px minmax(0,1fr)}
  .auctionActions{grid-column:1/-1}
  .buyRow{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:920px){
  :root{--pad:18px}
  .topbarInner{align-items:flex-start;flex-direction:column}
  .lotMeta{width:100%;justify-content:flex-start}
  .badge{flex:1 1 0;justify-content:center}
  .detailHero{
    grid-template-columns:1fr;
    grid-template-areas:"gallery" "summary" "auction";
  }
  .summaryCard{padding:22px}
  .auctionCta{grid-template-columns:1fr 1fr}
  .auctionActions{grid-column:1/-1}
  .sheetRow{grid-template-columns:1fr}
}

@media(max-width:640px){
  :root{--pad:12px;--card:14px}
  .topbarInner{gap:10px;padding-top:12px;padding-bottom:12px}
  .topbarInner>.badgeBack,
  .carFooter>.badgeBack{
    width:100%;
    min-height:50px;
    padding:0 16px;
    font-size:14px;
  }
  .lotMeta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .badge{min-width:0;min-height:52px;padding:9px 10px;gap:7px}
  .badge small{font-size:10px}
  body.carpage .badgeBack span:last-child,
  body.carpage .badge strong{font-size:13px!important}
  .carMain{padding-top:12px;padding-bottom:40px}
  .detailHero{gap:10px}
  .galleryWrap{padding:8px;gap:8px}
  .galleryMain{aspect-ratio:4/3;border-radius:10px}
  .mainNav{width:42px;height:42px;margin-top:-21px;border-radius:11px}
  .mainNav.prev{left:8px}
  .mainNav.next{right:8px}
  .imageCount{right:8px;bottom:8px}
  .galleryThumbs{justify-content:flex-start}
  .thumbButton{flex-basis:84px;width:84px;height:60px}
  .summaryCard{padding:18px}
  .heroTitle{font-size:27px}
  .heroPrice,.heroPrice .zc-price{font-size:30px}
  .auctionCta{grid-template-columns:1fr;gap:14px;padding:18px}
  .auctionHead{flex-direction:row;align-items:flex-end;justify-content:space-between}
  .auctionActions{grid-column:auto}
  .ctaBtns{grid-template-columns:1fr}
  .buyRow{grid-template-columns:1fr}
  .buyCard{padding:16px}
  .sheetRow{gap:10px}
  .panelHead{min-height:64px;padding:14px}
  .panelLinkBtn{padding:0 10px;font-size:9px}
  .guideBody{padding:14px}
  .damageGrid{grid-template-columns:1fr}
  .lbInner{grid-template-rows:58px minmax(0,1fr) 82px}
  .lbTopbar{grid-template-columns:1fr auto auto;padding:8px 10px}
  .lbIdentity span{display:none}
  .lbClose{width:40px;height:40px}
  .lbImg{max-width:100vw}
  .lbNav{width:42px;height:42px;margin-top:-21px;background:rgba(18,19,24,.66)}
  .lbNavPrev{left:8px}
  .lbNavNext{right:8px}
  .lbThumbs{justify-content:flex-start;padding:8px 10px}
  .lbThumbs button{flex-basis:78px;width:78px;height:58px}
  .sheetLb{padding:10px}
  .sheetClose{right:4px;top:4px}
}

@media(max-width:390px){
  .table tbody{grid-template-columns:1fr}
  .badge{padding-left:8px;padding-right:8px;gap:5px}
  .badge small{font-size:8.5px}
  body.carpage .badgeBack span:last-child,
  body.carpage .badge strong{font-size:11.5px!important}
  .countdown{gap:5px}
  .cdNum{font-size:18px}
  .summaryCard{padding:15px}
}

@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important;transition:none!important;animation-duration:.001ms!important}
}