/* Page-specific rules for lot, lifted from the reference page. */


/* ---------- GALLERY SYSTEM - EXTREMELY SMALL ---------- */
:root {
  --gallery-bg: #000;
  --overlay-bg: rgba(0,0,0,0.95);
  --accent-blue: #1f93dd;
  --thumb-size: 15px;
  --thumb-gap: 2px;
}

/* Main Gallery Container */
.gallery-modern {
  width: 100%;
  background: var(--gallery-bg);
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 20px;
  position: relative;
}

/* Hero Image Area */
.gallery-hero {
  position: relative;
  width: 100%;
  height: min(500px, 60vh);
  background: #0a0a0a;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gallery-hero img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
  transition: opacity 0.25s ease;
  cursor: zoom-in;
}

/* Status Badge */
.gallery-badge {
  position: absolute;
  top: 20px;
  left: 20px;
  padding: 8px 18px;
  background: rgba(0,0,0,0.75);
  backdrop-filter: blur(4px);
  color: white;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0.5px;
  border-radius: 30px;
  text-transform: uppercase;
  border: 1px solid rgba(255,255,255,0.2);
  z-index: 10;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2);
}

.gallery-badge.available { background: linear-gradient(135deg, #1bb55c, #0fa94e); }
.gallery-badge.reserved { background: linear-gradient(135deg, #1f93dd, #1573b4); }
.gallery-badge.sold { background: linear-gradient(135deg, #d24b3b, #d32f2f); }

/* Image Counter */
.gallery-counter {
  position: absolute;
  bottom: 20px;
  right: 20px;
  background: rgba(0,0,0,0.7);
  backdrop-filter: blur(4px);
  color: white;
  padding: 6px 14px;
  border-radius: 30px;
  font-size: 13px;
  font-weight: 600;
  border: 1px solid rgba(255,255,255,0.2);
  z-index: 10;
}

/* Thumbnail Strip */
.gallery-thumbs {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
  padding: 3px;
  background: #0f0f0f;
  width: 100%;
  box-sizing: border-box;
}

/* ========== DESKTOP VERSION - SLIGHTLY SMALLER ========== */
.gallery-thumb {
  flex: 0 0 calc(12.5% - 2px);  /* 8 per row (was 7 per row at 14.285%) */
  max-width: calc(12.5% - 2px);
  aspect-ratio: 4/3;
  border-radius: 1px;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid transparent;
  transition: border-color 0.1s ease;
  position: relative;
  background: #1a1a1a;
  margin-bottom: 2px;
  box-sizing: border-box;
  transform: none !important;
}

.gallery-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  image-rendering: -webkit-optimize-contrast;
}

.gallery-thumb:hover {
  border-color: var(--accent-blue);
  transform: none;
}

.gallery-thumb.active {
  border-color: var(--accent-blue);
  box-shadow: 0 0 0 1px rgba(31,147,221,0.3);
  transform: none;
  box-sizing: border-box;
}

/* Thumbnail number - DESKTOP */
.gallery-thumb-number {
  position: absolute;
  bottom: 0px;
  right: 0px;
  background: rgba(0,0,0,0.7);
  color: white;
  font-size: 7px;  /* Slightly smaller */
  font-weight: 700;
  padding: 1px 3px;
  border-radius: 2px;
  z-index: 2;
  line-height: 1;
}

/* More button styling - DESKTOP */
.gallery-thumb-more {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, var(--accent-blue), #0a6ad8);
  color: white;
  font-weight: 700;
  font-size: 10px;  /* Slightly smaller */        
  border: none;
  cursor: pointer;
  aspect-ratio: 4/3;
  transform: none !important;
}

.gallery-thumb-more span {
  font-size: 14px;  /* Slightly smaller */       
  font-weight: 800;
}

.gallery-thumb-more small {
  font-size: 8px;   /* Slightly smaller */        
  opacity: 0.9;
}

/* ========== MOBILE VERSION - EXACTLY THE SAME ========== */
@media (max-width: 768px) {
  /* Make thumbnails scroll horizontally on mobile */
  .gallery-thumbs {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 10px;
    gap: 8px;
    -webkit-overflow-scrolling: touch;
  }
  
  /* Bigger thumbnails for mobile (unchanged) */
  .gallery-thumb {
    flex: 0 0 auto;
    width: 100px;
    max-width: 100px;
    aspect-ratio: 4/3;
    border-radius: 6px;
    transform: none !important;
  }
  
  /* Bigger numbers on mobile (unchanged) */
  .gallery-thumb-number {
    font-size: 12px;
    padding: 4px 6px;
    bottom: 4px;
    right: 4px;
  }
  
  /* Bigger More button on mobile (unchanged) */
  .gallery-thumb-more {
    width: 100px;
    max-width: 100px;
    font-size: 12px;
  }
  
  .gallery-thumb-more span {
    font-size: 18px;
  }
  
  .gallery-thumb-more small {
    font-size: 10px;
  }
  
  /* Hero image height for mobile */
  .gallery-hero {
    height: min(350px, 50vh);
  }
}

/* ========== SMALLER MOBILE PHONES - UNCHANGED ========== */
@media (max-width: 480px) {
  .gallery-thumb {
    width: 85px;
    max-width: 85px;
  }
  
  .gallery-thumb-more {
    width: 85px;
    max-width: 85px;
  }
  
  .gallery-hero {
    height: min(280px, 45vh);
  }
  
  .gallery-badge {
    top: 12px;
    left: 12px;
    padding: 6px 14px;
    font-size: 11px;
  }
}

/* Lightbox System (unchanged) */
.lightbox-pro {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--overlay-bg);
  backdrop-filter: blur(8px);
  z-index: 99999;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.25s ease;
}

.lightbox-pro.active {
  display: flex;
  opacity: 1;
}

.lightbox-pro-content {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lightbox-pro-img {
  max-width: 90%;
  max-height: 85vh;
  object-fit: contain;
  border-radius: 8px;
  box-shadow: 0 20px 40px rgba(0,0,0,0.4);
}

.lightbox-pro-close {
  position: absolute;
  top: 25px;
  right: 25px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: rgba(0,0,0,0.5);
  border: 1px solid rgba(255,255,255,0.2);
  color: white;
  font-size: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
  z-index: 100001;
}

.lightbox-pro-close:hover {
  background: rgba(255,255,255,0.2);
  transform: scale(1.1);
}

.lightbox-pro-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: rgba(0,0,0,0.5);
  border: 1px solid rgba(255,255,255,0.2);
  color: white;
  font-size: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s;
  z-index: 100001;
}

.lightbox-pro-nav:hover {
  background: rgba(255,255,255,0.2);
  transform: translateY(-50%) scale(1.1);
}

.lightbox-pro-prev { left: 25px; }
.lightbox-pro-next { right: 25px; }

.lightbox-pro-counter {
  position: absolute;
  bottom: 25px;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0,0,0,0.7);
  color: white;
  padding: 8px 20px;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 600;
  border: 1px solid rgba(255,255,255,0.2);
  backdrop-filter: blur(4px);
  z-index: 100001;
}

/* Mobile lightbox adjustments */
@media (max-width: 768px) {
  .lightbox-pro-close {
    top: 15px;
    right: 15px;
    width: 44px;
    height: 44px;
    font-size: 28px;
  }
  
  .lightbox-pro-nav {
    width: 44px;
    height: 44px;
    font-size: 24px;
  }
  
  .lightbox-pro-prev { left: 10px; }
  .lightbox-pro-next { right: 10px; }
  
  .lightbox-pro-counter {
    bottom: 15px;
    padding: 6px 16px;
    font-size: 12px;
  }
}



/* ========== FAST UX GALLERY v2 ========== */
.gallery-modern.gallery-fast{
  background:#0b0f17 !important;
  border-radius:18px !important;
  overflow:hidden !important;
  position:relative !important;
  box-shadow:0 18px 45px rgba(15,23,42,.16) !important;
  border:1px solid rgba(255,255,255,.08) !important;
}
.gallery-fast .gallery-hero{
  height:clamp(320px,58vw,620px) !important;
  background:
    radial-gradient(circle at 50% 35%, rgba(255,255,255,.10), transparent 35%),
    linear-gradient(135deg,#05070c,#14171c) !important;
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
}
.gallery-fast .gallery-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.055), transparent);
  transform:translateX(-100%);
  animation:galleryShimmer 1.25s infinite;
  opacity:.8;
  pointer-events:none;
}
.gallery-fast.loaded .gallery-hero::before{display:none;}
@keyframes galleryShimmer{100%{transform:translateX(100%)}}
.gallery-fast #galleryHeroImage{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  display:block !important;
  transition:opacity .16s ease, transform .22s ease !important;
  cursor:zoom-in !important;
  background:#05070c !important;
}
.gallery-fast .gallery-badge{
  position:absolute !important;
  top:14px !important;
  left:14px !important;
  z-index:7 !important;
  border-radius:999px !important;
  padding:8px 14px !important;
  background:rgba(0,0,0,.58) !important;
  color:#fff !important;
  backdrop-filter:blur(10px) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
}
.gallery-fast .gallery-counter{
  position:absolute !important;
  right:14px !important;
  bottom:14px !important;
  z-index:7 !important;
  color:#fff !important;
  background:rgba(0,0,0,.58) !important;
  border:1px solid rgba(255,255,255,.14) !important;
  border-radius:999px !important;
  padding:8px 13px !important;
  font-size:12px !important;
  font-weight:800 !important;
  backdrop-filter:blur(10px) !important;
}
.gallery-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:8;
  width:44px;
  height:44px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(0,0,0,.45);
  color:#fff;
  font-size:28px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  backdrop-filter:blur(10px);
  transition:.18s ease;
}
.gallery-arrow:hover{background:rgba(255,255,255,.18);transform:translateY(-50%) scale(1.04);}
.gallery-arrow.prev{left:14px;}
.gallery-arrow.next{right:14px;}
.gallery-fast .gallery-thumbs{
  display:flex !important;
  gap:10px !important;
  padding:12px !important;
  background:#fff !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  scroll-snap-type:x proximity !important;
  -webkit-overflow-scrolling:touch !important;
  flex-wrap:nowrap !important;
}
.gallery-fast .gallery-thumbs::-webkit-scrollbar{height:6px}
.gallery-fast .gallery-thumbs::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}
.gallery-fast .gallery-thumb{
  flex:0 0 92px !important;
  width:92px !important;
  height:68px !important;
  border-radius:10px !important;
  overflow:hidden !important;
  position:relative !important;
  border:2px solid transparent !important;
  background:#e4e7eb !important;
  cursor:pointer !important;
  scroll-snap-align:start !important;
  transition:.18s ease !important;
}
.gallery-fast .gallery-thumb.active{
  border-color:#1f93dd !important;
  box-shadow:0 0 0 3px rgba(31,147,221,.16) !important;
}
.gallery-fast .gallery-thumb img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}
.gallery-fast .gallery-thumb-number{
  position:absolute !important;
  right:5px !important;
  bottom:5px !important;
  background:rgba(0,0,0,.65) !important;
  color:#fff !important;
  font-size:10px !important;
  font-weight:900 !important;
  border-radius:999px !important;
  padding:2px 6px !important;
}
.gallery-fast .gallery-thumb-more{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex-direction:column !important;
  background:linear-gradient(135deg,#0f172a,#1e293b) !important;
  color:#fff !important;
}
.gallery-loader{
  position:absolute;
  inset:auto auto 14px 14px;
  z-index:9;
  display:none;
  color:#fff;
  background:rgba(0,0,0,.55);
  border-radius:999px;
  padding:8px 12px;
  font-size:12px;
  font-weight:800;
}
.gallery-fast.loading .gallery-loader{display:block;}
.gallery-fast.loading #galleryHeroImage{opacity:.45;}
@media(max-width:768px){
  .gallery-modern.gallery-fast{border-radius:0 !important;margin-left:-10px !important;margin-right:-10px !important;}
  .gallery-fast .gallery-hero{height:min(68vh,390px) !important;}
  .gallery-arrow{width:38px;height:38px;font-size:24px;}
  .gallery-arrow.prev{left:8px}.gallery-arrow.next{right:8px}
  .gallery-fast .gallery-thumbs{gap:8px !important;padding:10px !important;}
  .gallery-fast .gallery-thumb{flex-basis:82px !important;width:82px !important;height:60px !important;}
}
@media(max-width:420px){
  .gallery-fast .gallery-hero{height:315px !important;}
  .gallery-fast .gallery-thumb{flex-basis:74px !important;width:74px !important;height:56px !important;}
}



.unlock-btn,
a.unlock-btn,
a.unlock-btn:visited{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:14px 22px;
    border-radius:999px;
    background:linear-gradient(135deg,#1f93dd,#1573b4);
    color:#fff !important;
    font-size:15px;
    font-weight:900;
    text-decoration:none !important;
    border:1px solid rgba(31,147,221,.25);
    box-shadow:0 14px 30px rgba(31,147,221,.22);
    transition:.2s ease;
}

.unlock-btn:hover{
    transform:translateY(-1px);
    box-shadow:0 18px 36px rgba(31,147,221,.30);
}

.unlock-btn:active{
    transform:translateY(0);
}
.drivetrain-modern {
    display: flex;
    align-items: center;
    gap: 12px;
}

.drivetrain-label {
    font-weight: 500;
    color: #3d434b;
    font-size: 15px;
}

/* SVG Styling */
.drivetrain-svg {
    flex-shrink: 0;
}

.drivetrain-svg .wheel {
    fill: #f3f4f6;
    stroke: #9ca3af;
    stroke-width: 1.2;
}

.drivetrain-svg .wheel.active {
    fill: #3b82f6;
    stroke: #1d4ed8;
}

.drivetrain-svg .axis {
    fill: none;
    stroke: #d1d5db;
    stroke-width: 1;
    stroke-linecap: round;
}

.drivetrain-svg .center-line {
    fill: none;
    stroke: #d1d5db;
    stroke-width: 1;
    stroke-linecap: round;
}

.drivetrain-svg .center {
    fill: #9ca3af;
    stroke: #6b7178;
    stroke-width: 0.5;
}

.drivetrain-svg .power-flow {
    fill: none;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.drivetrain-svg .arrow {
    fill: currentColor;
    stroke: none;
}

/* Color themes for each type */
.drivetrain-svg.awd .power-flow {
    stroke: #d24b3b;
}

.drivetrain-svg.fwd .power-flow {
    stroke: #3b82f6;
}

.drivetrain-svg.fwd .arrow {
    fill: #3b82f6;
}

.drivetrain-svg.rwd .power-flow {
    stroke: #8b5cf6;
}

.drivetrain-svg.rwd .arrow {
    fill: #8b5cf6;
}



.transmission-simple {
    display: flex;
    align-items: center;
    gap: 8px;
}

.gear-icon {
    font-size: 14px;
}

.trans-icon {
    font-size: 14px;
    padding: 2px 6px;
    border-radius: 4px;
    background: #f0f0f0;
}

.trans-icon.manual {
    background: #e3f2fd;
    color: #1976d2;
}

.trans-icon.auto {
    background: #e8f5e9;
    color: #2e7d32;
}
.shipping-card{
    background:#fff;
    border:1px solid #e4e7eb;
    border-radius:18px;
    padding:18px;
    margin-top:18px;
    box-shadow:0 8px 24px rgba(15,23,42,.05);
}

.shipping-top{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:14px;
}

.shipping-label{
    display:block;
    font-size:11px;
    letter-spacing:.15em;
    font-weight:800;
    color:#64748b;
    margin-bottom:4px;
}

.shipping-top h4{
    margin:0;
    font-size:17px;
    color:#14171c;
}

.shipping-icon{
    width:42px;
    height:42px;
    border-radius:999px;
    background:#f5f6f8;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
}

.shipping-content{
    background:#f5f6f8;
    border-radius:14px;
    padding:14px;
    font-weight:700;
    color:#14171c;
    line-height:1.6;
}

.shipping-content a{
    display:inline-flex;
    align-items:center;
    margin-top:10px;
    padding:10px 18px;
    background:#1f93dd;
    color:#fff;
    border-radius:999px;
    text-decoration:none;
    font-weight:700;
}

.shipping-content a:hover{
    opacity:.9;
}

@media(max-width:640px){

    .shipping-card{
        border-radius:16px;
        padding:15px;
    }

    .shipping-content{
        font-size:14px;
    }

}



.audio-player{
    width:auto;
    margin-top:10px;
    height:40px;
    border-radius:999px; /* fully rounded */
    overflow:hidden;
}

/* Chrome / Edge */
.audio-player::-webkit-media-controls-panel{
    border-radius:999px;
}

/* Firefox */
audio{
    border-radius:999px;
}
.hist-ico.company{
    background:#fff7e6;
    color:#1573b4;
}



.history-locked-wrapper{
    position:relative;
    border-radius:12px;
    overflow:hidden;
    margin:20px 0;
}

.history-card-blur{
    filter:blur(4px);
    transform:scale(1.02);
}

.history-lock-overlay{
    position:absolute;
    inset:0;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    background:rgba(255,255,255,.25);
    backdrop-filter:blur(1px);
    z-index:100;
}

.lock-circle{
    width:42px;
    height:42px;
    border-radius:30%;
    background:#fff;
    border:2px solid #e4e7eb;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:12px;
    box-shadow:0 10px 25px rgba(0,0,0,.10);
}

.lock-title{
    font-size:24px;
    font-weight:800;
    color:#14171c;
    margin-bottom:6px;
}

.lock-text{
    font-size:14px;
    color:#64748b;
    margin-bottom:16px;
}

.unlock-btn{
    background:#1f93dd;
    color:#fff;
    text-decoration:none;
    padding:10px 22px;
    border-radius:8px;
    font-weight:700;
}

.unlock-btn:hover{
    background:#095fd1;
}
.open-full-icon {
  color: #fff;
  background: rgba(0,0,0,.55);
  border-radius: 50%;
  padding: 8px;
  cursor: pointer;
}

.open-full-icon:hover {
  background: rgba(0,0,0,.8);
}



.virtual-lift-card{
    margin:18px 0;
    padding:22px 24px 24px;
    border-radius:14px;
    background:#ffffff;
    color:#14171c;
    border:1px solid #e4e7eb;
    box-shadow:0 10px 28px rgba(15,23,42,.06);
}
.virtual-lift-head{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:10px;
}
.virtual-lift-icon{
    width:30px;
    height:30px;
    border-radius:10px;
    background:#f0f8fe;
    color:#1573b4;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:16px;
    line-height:1;
}
.virtual-lift-head h3{
    margin:0;
    color:#14171c;
    font-size:21px;
    line-height:1.2;
    font-weight:850;
    letter-spacing:-.02em;
}
.virtual-lift-head sup{
    margin-left:6px;
    color:#1573b4;
    font-size:10px;
    font-weight:900;
    top:-.5em;
}
.virtual-lift-copy{
    margin:0 0 16px;
    color:#3d434b;
    font-size:16px;
    line-height:1.55;
}
.virtual-lift-copy mark{
    background:#f0f8fe;
    color:#1573b4;
    padding:1px 4px;
    border-radius:4px;
}
.virtual-lift-open{
    width:100%;
 
    border-radius:12px;
    border:1px dashed #cbd5e1;
    background:linear-gradient(180deg,#ffffff,#f5f6f8);
    color:#14171c;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:10px;
    cursor:pointer;
    font:inherit;
    transition:.18s ease;
}
.virtual-lift-open:hover{
    border-color:#1573b4;
    background:#fffaf0;
    transform:translateY(-1px);
    box-shadow:0 12px 26px rgba(180,83,9,.10);
}
.virtual-lift-zoom{
    width:38px;
    height:38px;
    border-radius:999px;
    border:3px solid #1573b4;
    color:#1573b4;
    background:#f0f8fe;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:28px;
    line-height:1;
    font-weight:900;
}
.virtual-lift-open strong{
    color:#14171c;
    font-size:18px;
    font-weight:900;
}
.virtual-lift-open small{
    color:#6b7178;
    font-size:14px;
}
.virtual-lift-modal{
    display:none;
    position:fixed;
    inset:0;
    z-index:100000;
    background:rgba(15,23,42,.86);
    backdrop-filter:blur(8px);
    align-items:center;
    justify-content:center;
    padding:22px;
}
.virtual-lift-modal.active{
    display:flex;
}
.virtual-lift-modal img{
    max-width:96vw;
    max-height:92vh;
    object-fit:contain;
    border-radius:10px;
    background:#fff;
    box-shadow:0 24px 60px rgba(0,0,0,.45);
}
.virtual-lift-close{
    position:fixed;
    top:22px;
    right:24px;
    width:48px;
    height:48px;
    border-radius:999px;
    border:1px solid rgba(255,255,255,.30);
    background:rgba(15,23,42,.75);
    color:#fff;
    font-size:34px;
    line-height:42px;
    cursor:pointer;
    z-index:100001;
}
.virtual-lift-close:hover{
    background:rgba(15,23,42,.95);
}
@media(max-width:640px){
    .virtual-lift-card{padding:18px 16px 20px;margin:14px 0;border-radius:12px;}
    .virtual-lift-head h3{font-size:18px;}
    .virtual-lift-copy{font-size:14px;}
    .virtual-lift-open{min-height:150px;}
}


.inspection-report-card{
    margin:18px 0;
    padding:22px 24px 24px;
    border-radius:14px;
    background:#ffffff;
    color:#14171c;
    border:1px solid #e4e7eb;
    box-shadow:0 10px 28px rgba(15,23,42,.06);
}
.inspection-report-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:16px;
    margin-bottom:16px;
}
.inspection-report-title-wrap{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:0;
}
.inspection-report-icon{
    width:32px;
    height:32px;
    border-radius:10px;
    background:#f0f8fe;
    color:#047857;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    font-weight:900;
    line-height:1;
    flex:0 0 auto;
}
.inspection-report-title-wrap h3{
    margin:0;
    color:#14171c;
    font-size:21px;
    line-height:1.2;
    font-weight:850;
    letter-spacing:-.02em;
}
.inspection-report-title-wrap p{
    margin:4px 0 0;
    color:#6b7178;
    font-size:14px;
    line-height:1.4;
}
.inspection-score-badge{
    min-width:86px;
    padding:10px 12px;
    border-radius:13px;
    background:linear-gradient(180deg,#f0f8fe,#f5f6f8);
    border:1px solid #cfe9fa;
    text-align:center;
    color:#047857;
    flex:0 0 auto;
}
.inspection-score-badge strong{
    display:block;
    font-size:25px;
    line-height:1;
    font-weight:950;
    letter-spacing:-.03em;
}
.inspection-score-badge span{
    display:block;
    margin-top:4px;
    font-size:11px;
    color:#065f46;
    font-weight:850;
    text-transform:uppercase;
    letter-spacing:.05em;
}
.inspection-summary-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
    margin-bottom:16px;
}
.inspection-summary-box{
    padding:13px 10px;
    border-radius:13px;
    border:1px solid #e4e7eb;
    background:#f5f6f8;
    text-align:center;
}
.inspection-summary-box strong{
    display:block;
    font-size:24px;
    line-height:1;
    font-weight:950;
    color:#14171c;
}
.inspection-summary-box span{
    display:block;
    margin-top:7px;
    font-size:12px;
    color:#64748b;
    font-weight:850;
    text-transform:uppercase;
    letter-spacing:.045em;
}
.inspection-summary-box.pass{background:#f0f8fe;border-color:#cfe9fa;}
.inspection-summary-box.pass strong{color:#047857;}
.inspection-summary-box.note{background:#f0f8fe;border-color:#fed7aa;}
.inspection-summary-box.note strong{color:#1573b4;}
.inspection-summary-box.fail{background:#fef2f2;border-color:#fecaca;}
.inspection-summary-box.fail strong{color:#d24b3b;}
.inspection-category-list{
    display:grid;
    gap:12px;
}
.inspection-category-card{
    border:1px solid #e4e7eb;
    border-radius:13px;
    background:#ffffff;
    overflow:hidden;
}
.inspection-category-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:13px 15px;
    background:#f5f6f8;
    border-bottom:1px solid #e4e7eb;
}
.inspection-category-head strong{
    color:#14171c;
    font-size:15px;
    font-weight:900;
}
.inspection-category-head span{
    color:#6b7178;
    font-size:12px;
    font-weight:850;
    white-space:nowrap;
}
.inspection-items{
    display:grid;
}
.inspection-item-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:12px 15px;
    border-top:1px solid rgba(229,231,235,.78);
}
.inspection-item-row:first-child{border-top:0;}
.inspection-item-main{
    display:flex;
    align-items:flex-start;
    gap:10px;
    min-width:0;
}
.inspection-status-dot{
    width:24px;
    height:24px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:12px;
    font-weight:950;
    flex:0 0 auto;
    margin-top:1px;
}

.inspection-item-main strong{
    display:block;
    color:#14171c;
    font-size:10px;
    font-weight:560;
    line-height:1.25;
}
.inspection-item-main p{
    margin:4px 0 0;
    color:#3d434b;
    font-size:13px;
    line-height:1.45;
}
.inspection-status-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:54px;
    padding:6px 9px;
    border-radius:999px;
    font-size:11px;
    font-weight:950;
    letter-spacing:.04em;
    flex:0 0 auto;
}
.inspection-status-pill.pass{background:#e7f4fd;color:#047857;}
.inspection-status-pill.note{background:#ffedd5;color:#1573b4;}
.inspection-status-pill.fail{background:#fee2e2;color:#d24b3b;}
.inspection-status-pill.info{background:#e0f2fe;color:#0369a1;}
.inspection-announcements{
    margin-top:14px;
    padding:14px 15px;
    border-radius:13px;
    border:1px dashed #fed7aa;
    background:#f0f8fe;
    color:#7c2d12;
}
.inspection-announcements strong{
    display:block;
    font-size:14px;
    font-weight:950;
    margin-bottom:7px;
}
.inspection-announcements p{
    margin:5px 0 0;
    font-size:13px;
    line-height:1.45;
}
.inspection-lines-box{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
}
.inspection-lines-box span{
    display:inline-flex;
    padding:6px 9px;
    border-radius:999px;
    background:#f5f6f8;
    border:1px solid #e4e7eb;
    color:#3d434b;
    font-size:12px;
    font-weight:750;
}
@media(max-width:640px){
    .inspection-report-card{padding:18px 16px 20px;margin:14px 0;border-radius:12px;}
    .inspection-report-head{align-items:stretch;flex-direction:column;gap:12px;}
    .inspection-report-title-wrap h3{font-size:18px;}
    .inspection-score-badge{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;}
    .inspection-score-badge strong{font-size:22px;}
    .inspection-score-badge span{margin-top:0;}
    .inspection-summary-grid{grid-template-columns:repeat(2,1fr);}
    .inspection-item-row{align-items:flex-start;}
    .inspection-status-pill{min-width:48px;padding:5px 8px;font-size:10px;}
}



.history-card{ background:#fff; border:1px solid #e4e7eb; border-radius:12px; padding:16px 20px; margin:16px 0; } .history-title{ display:flex; align-items:center; gap:10px; margin-bottom:14px; } .history-title h3{ margin:0; font-size:18px; font-weight:700; } .history-content{ display:flex; align-items:center; gap:6px; flex-wrap:wrap; } .history-report{ min-width:180px; } .autocheck-logo{ margin-bottom:6px; } .history-report a{ color:#1f93dd; font-size:14px; text-decoration:none; font-weight:600; } .history-item{ text-align:center; min-width:85px; } .hist-ico{ width:32px; height:32px; border:1px solid #cbd5e1; border-radius:50%; margin:0 auto 6px; display:flex; align-items:center; justify-content:center; font-size:15px; position:relative; } .hist-ico.good::after{ content:"✓"; position:absolute; top:-3px; right:-3px; width:14px; height:14px; border-radius:50%; background:#16a34a; color:#fff; font-size:10px; line-height:14px; } .hist-ico.warn::after{ content:"!"; position:absolute; top:-3px; right:-3px; width:14px; height:14px; border-radius:50%; background:#d24b3b; color:#fff; font-size:10px; line-height:14px; font-weight:700; } .history-item span{ display:block; font-size:13px; color:#64748b; line-height:1.2; }
.history-request-card{box-shadow:0 8px 24px rgba(15,23,42,.05);}
.history-request-content{display:block;}
.history-report-request{display:flex;align-items:center;gap:14px;width:100%;min-width:0;padding:14px;border:1px dashed #cbd5e1;border-radius:12px;background:#f5f6f8;}
.history-request-logo{width:76px;min-width:76px;height:46px;border-radius:10px;background:#fff;border:1px solid #e4e7eb;display:flex;align-items:center;justify-content:center;overflow:hidden;}
.history-request-logo img{max-width:66px;max-height:34px;display:block;}
.history-request-copy{flex:1;min-width:150px;display:flex;flex-direction:column;gap:3px;}
.history-request-copy strong{font-size:14px;color:#14171c;}
.history-request-copy span{font-size:13px;color:#64748b;line-height:1.35;}
.history-report-request .history-request-btn{background:#1f93dd;color:#fff;text-decoration:none;font-weight:800;font-size:13px;padding:10px 14px;border-radius:10px;white-space:nowrap;}
.history-report-request .history-request-btn:hover{background:#095fd1;color:#fff;}
@media(max-width:640px){.history-report-request{align-items:flex-start;flex-direction:column}.history-request-logo{width:100%;min-width:0}.history-report-request .history-request-btn{width:100%;text-align:center}}

.similar-lots{
    margin-top:18px;
    padding-top:18px;
    border-top:1px solid #e4e7eb;
}

.similar-lots h3{
    margin:0 0 12px;
    font-size:16px;
    font-weight:700;
}

.similar-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:10px;
}

.similar-card{
    text-decoration:none;
    color:#111;
    background:#fff;
    border:1px solid #e4e7eb;
    border-radius:10px;
    overflow:hidden;
    transition:.2s;
}

.similar-card:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 18px rgba(0,0,0,.08);
}

.similar-card img{
    width:100%;
    height:110px;
    object-fit:cover;
    display:block;
}

.similar-info{
    padding:8px;
}

.similar-title{
    font-size:12px;
    line-height:1.35;
    height:34px;
    overflow:hidden;
}

.similar-price{
    margin-top:6px;
    font-weight:700;
    color:#1f93dd;
}

@media(max-width:768px){

    .similar-grid{
        display:flex;
        overflow-x:auto;
        gap:10px;
        padding-bottom:5px;
    }

    .similar-card{
        min-width:170px;
        flex:0 0 170px;
    }

    .similar-card img{
        height:100px;
    }

    .similar-title{
        font-size:11px;
        height:auto;
    }
}
.feature-list{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:10px 18px;
    margin-top:12px;
}

.feature-item{
    display:flex;
    align-items:flex-start;
    gap:9px;
    background:#f5f6f8;
    border:1px solid #e4e7eb;
    border-radius:10px;
    padding:10px 12px;
    color:#14171c;
    font-size:14px;
    font-weight:600;
    line-height:1.4;
}

.feature-bullet{
    color:#1f93dd;
    font-size:22px;
    line-height:14px;
    font-weight:900;
    margin-top:2px;
}

@media(max-width:640px){
    .feature-list{
        grid-template-columns:1fr;
    }
}

.circle-main-btn,
a.circle-main-btn,
a.circle-main-btn:visited,
a.circle-main-btn:hover,
a.circle-main-btn:focus,
a.circle-main-btn:active{
	
    background: linear-gradient(135deg, #111823, #111823) !important;
    color: #fff !important;
    text-decoration: none !important;
    border: none !important;
}

a.circle-main-btn{
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100%;
}





.circle-bid-history-card{
  border:1px solid #e4e7eb;
  background:#ffffff;
  padding:14px;
  margin:0 0 18px;
  border-radius:4px;
}
.circle-bid-history-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #e6dccb;
  padding-bottom:10px;
  margin-bottom:10px;
}
.circle-bid-history-head h3{
  margin:0;
  font-family:Georgia,'Times New Roman',serif;
  font-size:20px;
  color:#071731;
}
.circle-bid-history-head h3 span{
  font-family:monospace;
  color:#6b7178;
  font-size:14px;
}
.circle-bid-history-list{
  max-height:230px;
  overflow-y:auto;
  display:flex;
  flex-direction:column;
  gap:8px;
  padding-right:2px;
}
.circle-bid-history-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  background:#f3eee4;
  border:1px solid #e7dece;
  border-radius:4px;
  padding:10px 12px;
}
.circle-bidder-left{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}
.circle-bidder-avatar{
  width:34px;
  height:34px;
  border-radius:50%;
  background:#111823;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:monospace;
  font-weight:900;
}
.circle-bidder-left strong{
  display:block;
  color:#071731;
  font-family:monospace;
  letter-spacing:.08em;
  font-size:13px;
}
.circle-bidder-left small{
  display:block;
  color:#6b7178;
  font-size:11px;
  margin-top:2px;
}
.circle-bidder-amount{
  color:#128544;
  font-family:monospace;
  font-size:15px;
  font-weight:900;
  white-space:nowrap;
}
.circle-no-bids{
  margin:0;
  color:#6b7178;
  text-align:center;
  padding:16px 0;
  font-size:13px;
}
@media(max-width:640px){
  .circle-bid-history-card{margin-bottom:14px;padding:12px;}
  .circle-bid-history-head h3{font-size:18px;}
}
.circle-bid-panel{position:sticky!important;top:1px!important;background:transparent!important;border:0!important;padding:0!important;box-shadow:none!important;gap:18px!important}.circle-bid-panel:before{display:none!important}.circle-bid-card{background:#fff;border:1px solid #e4e7eb;border-radius:4px;padding:28px 28px 22px;box-shadow:0 18px 45px rgba(20,30,50,.08);font-family:Inter,Arial,sans-serif}.circle-lot-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.circle-lot-line{font-family:monospace;text-transform:uppercase;letter-spacing:.22em;color:#111823;font-size:10px}.circle-lot-line em{font-style:normal;color:#93a0b6;margin-left:8px}.circle-sale-badge{background:#6b7178;color:#fff;border-radius:3px;padding:9px 13px;font-family:monospace;font-weight:900;text-transform:uppercase;letter-spacing:.22em;font-size:11px}.circle-side-title{font-family:Georgia,'Times New Roman',serif!important;font-size:20px!important;line-height:1.08!important;color:#071731!important;margin:0 0 18px!important;font-weight:800!important}.circle-price-grid{display:grid;grid-template-columns:1fr 1fr 1fr;border:1px solid #e4e7eb;margin-bottom:20px}.circle-price-grid>div{padding:15px 11px;border-right:1px solid #e4e7eb;min-height:1px}.circle-price-grid>div:last-child{border-right:0}.circle-price-grid small{display:block;font-family:monospace;text-transform:uppercase;letter-spacing:.22em;color:#111823;font-size:10px;margin-bottom:7px}.circle-price-grid strong{display:block;color:#101827;font-size:23px;line-height:1.05}.circle-price-grid strong.money{color:#128544;font-family:monospace;font-size:23px}.circle-price-grid span{display:block;margin-top:6px;font-size:12px;color:#566179;font-family:monospace}.circle-steps{display:grid;grid-template-columns:repeat(3,1fr);background:#eee7d5;margin:0 0 15px;padding:5px 5px;text-align:center;gap:14px}.circle-steps b{display:grid;place-items:center;width:34px;height:34px;margin:0 auto 9px;border-radius:50%;background:#dde5dc;color:#09264d;font-family:monospace;font-size:17px}.circle-steps span{display:block;font-family:monospace;text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:#071731}.circle-steps small{display:block;margin-top:6px;color:#44516a;font-size:12px;line-height:1.2}.circle-bid-panel .circle-bid-panel .circle-bid-panel .num{font-family:monospace!important;color:#071731!important;font-size:21px!important;font-weight:900!important}.circle-bid-panel .label{font-family:monospace!important;color:#6b7178!important;font-size:9px!important;letter-spacing:.16em!important}.circle-bid-form{margin:0 0 14px!important;padding:0!important}.circle-bid-form label{display:block!important;font-family:monospace!important;text-transform:uppercase!important;letter-spacing:.18em!important;font-size:11px!important;color:#111823!important;margin:0 0 8px!important}.circle-bid-input-row{display:flex;align-items:center;border:1px solid #111823;height:54px;margin-bottom:12px}.circle-bid-input-row span{width:42px;text-align:center;font-weight:900;color:#111823}.circle-bid-input-row input{border:0!important;outline:0!important;width:100%!important;height:52px!important;font-size:18px!important;font-weight:800!important;padding:0 12px!important;background:#fff!important}.circle-main-btn,.circle-outline-btn{width:100%;height:62px;border:1px solid #111823;background:#fff;color:#111823;font-family:monospace;text-transform:uppercase;letter-spacing:.22em;font-size:16px;font-weight:900;border-radius:3px;cursor:pointer;transition:.2s}.circle-main-btn:hover,.circle-outline-btn:hover{background:#111823;color:#fff}.circle-buy-form{margin:0 0 14px}.circle-minbid{display:block;text-align:center;color:#6b7178;font-size:12px;margin-top:9px}.circle-return-box{border:1px solid #f7d38a;background:#fff8e6;margin-top:20px;padding:20px}.circle-return-box b{display:block;color:#f0a000;font-family:monospace;text-transform:uppercase;letter-spacing:.16em;font-size:20px;font-weight:500;margin-bottom:10px}.circle-return-box p{margin:0;color:#172033;font-size:15px;line-height:1.45}.circle-safe-note{text-align:center;color:#6b7178;font-size:13px;margin-top:15px}.circle-safe-note a{color:#1f93dd;text-decoration:none;font-weight:700}.circle-safe-note img{margin:12px auto 0}.circle-alert{background:#f4f8f2;border:1px solid #cfe4c4;color:#245a21;padding:12px;margin-top:14px;border-radius:3px;font-size:13px;text-align:center}.circle-alert.amber{background:#fff8e6;border-color:#f7d38a;color:#915b00}.circle-closed-card h2{font-family:Georgia,'Times New Roman',serif;font-size:25px;margin:14px 0}.circle-closed-card p{color:#6b7178}.circle-contact-card{background:#ffffff;border:1px solid #e4e7eb;border-radius:4px;padding:20px;box-shadow:0 10px 28px rgba(20,30,50,.06)}.circle-contact-card .lot-contact-kicker{font-family:monospace;text-transform:uppercase;letter-spacing:.18em;color:#6b7178;font-size:10px;margin-bottom:8px}.circle-contact-card .lot-contact-name{color:#071731;font-size:15px;margin-bottom:14px}.circle-contact-btn{display:flex;align-items:center;justify-content:center;width:100%;height:46px;border:1px solid #e4e7eb;background:#fff;color:#111823;text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-family:monospace;font-weight:900;font-size:12px;margin-top:8px;border-radius:3px}.circle-contact-btn.dark{background:#111823;color:#fff;border-color:#111823}.question-modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,.65);z-index:999999;align-items:center;justify-content:center}.question-modal-box{background:#fff;width:95%;max-width:520px;border-radius:6px;padding:24px;position:relative}.question-close{position:absolute;top:10px;right:12px;border:none;background:none;font-size:28px;cursor:pointer}.question-note{color:#64748b;margin-bottom:15px}.question-modal input,.question-modal textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:4px;margin-bottom:10px}.question-modal textarea{min-height:120px}.question-modal button[type=submit]{width:100%;padding:14px;border:none;border-radius:4px;background:#111823;color:#fff;font-weight:800;cursor:pointer}@media(max-width:1024px){.circle-bid-panel{position:relative!important;top:auto!important}.circle-bid-card{padding:22px}.circle-price-grid{grid-template-columns:1fr}.circle-price-grid>div{border-right:0;border-bottom:1px solid #e4e7eb;min-height:auto}.circle-price-grid>div:last-child{border-bottom:0}}@media(max-width:640px){.circle-side-title{font-size:24px!important}.circle-steps{gap:6px;padding:14px 8px}.circle-main-btn,.circle-outline-btn{font-size:13px;letter-spacing:.16em}.circle-return-box b{font-size:16px}}



.fig-faq {
    border-top: 1px solid var(--border);
    padding-top: clamp(2.5rem, 5vw, 3.5rem);
}

.faq-kicker {
    font-family: var(--font-mono);
    font-size: 0.62rem;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--ink-mute);
}

.faq-heading {
    font-family: var(--font-body);
    font-weight: 700;
    font-size: clamp(1.5rem, 3vw, 2rem);
    letter-spacing: -0.02em;
    color: var(--ink);
    margin: 0.4rem 0 0.5rem;
}

.faq-subtitle {
    font-family: var(--font-body);
    font-size: 0.92rem;
    color: var(--ink-mute);
    margin: 0 0 2rem;
    max-width: 52ch;
}

.faq-box {
    border: 1px solid var(--border);
    background: var(--surface);
}

.faq-item {
    border-bottom: 1px solid var(--border);
}

.faq-item:last-child {
    border-bottom: 0;
}

.faq-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%;
    text-align: left;
    background: none;
    border: 0;
    cursor: pointer;
    padding: 1.1rem 1.3rem;
    position: relative;
    z-index: 2;
}

.faq-btn span:first-child {
    font-family: var(--font-body);
    font-size: 0.98rem;
    font-weight: 600;
    color: var(--ink);
    line-height: 1.4;
}

.faq-plus {
    flex-shrink: 0;
    font-family: var(--font-mono);
    font-size: 1.25rem;
    color: var(--brand);
    line-height: 1;
    width: 1rem;
    text-align: center;
}

.faq-answer {
    display: none;
    padding: 0 1.3rem 1.3rem;
}

.faq-item.active .faq-answer {
    display: block;
}

.fig-faq-a {
    font-family: var(--font-body);
    font-size: 0.9rem;
    line-height: 1.7;
    color: var(--ink-soft);
}

.fig-faq-a p {
    margin: 0 0 0.75rem;
}

.fig-faq-a p:last-child {
    margin-bottom: 0;
}

.fig-faq-a ul {
    margin: 0 0 0.75rem;
    padding: 0;
    list-style: none;
}

.fig-faq-a li {
    position: relative;
    padding-left: 1.1rem;
    margin-bottom: 0.4rem;
}

.fig-faq-a li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.62em;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--brand);
}

.fig-faq-a strong {
    color: var(--ink);
    font-weight: 600;
}

.faq-guide-link {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin-top: 1.5rem;
    font-family: var(--font-body);
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--brand);
    text-decoration: none;
}

.faq-guide-link:hover {
    text-decoration: underline;
}



@media (max-width: 640px) {
  .inner{
    display:block !important;
    padding:10px !important;
  }

  main{
    display:block !important;
  }

  #rightPanel.right{
    display:flex !important;
    flex-direction:column !important;
    gap:12px !important;
    width:100% !important;
    margin:14px 0 18px !important;
    padding:16px !important;
    background:#f8fbff !important;
    border-radius:14px !important;
    box-shadow:0 8px 24px rgba(12,18,26,0.08) !important;
    position:relative !important;
  }

  #rightPanel 

  #rightPanel 

  #rightPanel .num{
    font-size:22px !important;
    line-height:1.05 !important;
  }

  #rightPanel .label{
    font-size:10px !important;
  }

  #rightPanel .mobile-bidbar,
  .mobile-bidbar{
    display:none !important;
  }
}

/* Contact card below private bid message */
.lot-contact-card{
  margin-top:18px;
  padding:18px 20px;
  background:#fff;
  border:1px solid #d8cdb8;
  border-radius:4px;
  text-align:left;
}
.lot-contact-kicker{
  color:#2d4d78;
  font-size:12px;

  margin-bottom:12px;
}
.lot-contact-name{
  color:#000;
  font-size:17px;
  margin-bottom:14px;
}
.lot-contact-btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  min-height:46px;
  margin-top:10px;
  border-radius:4px;
  text-decoration:none;
  font-weight:800;
  font-size:15px;
  letter-spacing:.4px;
}
.lot-contact-call{background:#11182b;color:#fff;}
.lot-contact-email{background:#d0ab5a;color:#fff;}
.lot-contact-question{background:#1f93dd;color:#fff;}
.lot-contact-save{background:#fff;color:#475569;border:1px solid #ddd;font-weight:500;}
@media(max-width:640px){
  .lot-contact-card{margin-top:16px;padding:16px;}
  .lot-contact-kicker{font-size:11px;letter-spacing:4px;}
}



/* ── Added blocks ──────────────────────────────────────────────────────
   The reference page carries these two notices as loose text under the
   FAQ; giving them classes keeps the wording out of inline styles. */
.lot-bidding-note{
  margin:18px 0 0;
  color:#3d434b;
  font-size:13px;
  line-height:1.6;
}
.lot-bidding-note a{color:var(--ra-red,#1f93dd);font-weight:700;text-decoration:underline}
.lot-important-note{
  margin-top:14px;
  padding:14px 16px;
  border:1px solid var(--ra-border,#e4e7eb);
  border-left:4px solid var(--ra-red,#1f93dd);
  background:var(--ra-soft,#f5f6f8);
  border-radius:8px;
  color:#3f3f46;
  font-size:13.5px;
  line-height:1.65;
}
.lot-important-note strong{color:var(--ra-ink,#141b26)}


/* ── Figure row fit ───────────────────────────────────────────────────
   The reference panel is wider than ours, so its three-figure row is set
   in a size that overflowed here and clipped the Buy Now column. Sizes
   now scale with the column instead of being fixed. */
.circle-price-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.circle-price-grid > div{min-width:0;overflow:hidden}
.circle-price-grid strong{
  /* Small enough that "$55,700" fits our narrower column whole. Truncating a
     price with an ellipsis is worse than shrinking it: a half-shown figure
     is not information. */
  /* nowrap on purpose: allowing a break inside "$55,700" splits it across
     two lines, which is harder to read than a smaller figure. */
  font-size:19px;
  letter-spacing:-.03em;
  display:block;
  white-space:nowrap;
}
@media(max-width:1280px){.circle-price-grid strong{font-size:16px}}
.circle-price-grid small{font-size:9.5px;letter-spacing:.08em}
.circle-price-grid{gap:8px;padding-left:10px;padding-right:10px}


/* ── Countdown, matched to the reference lot panel ────────────────────
   Cream tile, hairline border, red mono digits, grey caption. Written
   out explicitly because our panel previously inherited a dark tile and
   white digits from the site's own countdown styling. */
.circle-bid-panel 
.circle-bid-panel 
.circle-bid-panel 
.circle-bid-panel 
.circle-bid-panel 
.circle-bid-panel 

/* ── Maximum (proxy) bid panel ────────────────────────────────────────
   Deliberately quieter than Place Bid: it sits directly under the primary
   action and must not compete with it. Gold rule rather than red. */
.lot-proxy{margin-top:14px;padding-top:14px;border-top:1px solid var(--ra-border,#e4e7eb)}
.lot-proxy__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.lot-proxy__title{font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:var(--ra-ink,#141b26)}
.lot-proxy__toggle{background:none;border:0;padding:0;cursor:pointer;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ra-red,#1f93dd);text-decoration:underline}
.lot-proxy__info{margin-top:10px;padding:12px 13px;background:#ffffff;border:1px solid #eef0f3;border-left:3px solid var(--ra-gold,#4bb8f2)}
.lot-proxy__info p{margin:0 0 8px;font-size:12.5px;line-height:1.6;color:#3f3f46}
.lot-proxy__info p:last-child{margin-bottom:0}
.lot-proxy__warn{color:var(--ra-red,#1f93dd);font-weight:700}
.lot-proxy__row{display:flex;gap:8px;margin-top:11px}
.lot-proxy__field{position:relative;flex:1;display:flex;align-items:center}
.lot-proxy__field span{position:absolute;left:11px;color:#9ca3af;font-weight:700;pointer-events:none}
.lot-proxy__field input{width:100%;height:44px;padding:0 12px 0 26px;border:1px solid var(--ra-border,#e4e7eb);border-radius:2px;background:#fff;font:700 14px Inter,Arial,sans-serif;color:var(--ra-ink,#141b26)}
.lot-proxy__field input:focus{outline:none;border-color:var(--ra-gold,#4bb8f2)}
.lot-proxy__row>button{flex:0 0 auto;height:44px;padding:0 16px;border:1px solid var(--ra-ink,#141b26);border-radius:2px;background:#fff;color:var(--ra-ink,#141b26);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .18s,color .18s}
.lot-proxy__row>button:hover:not(:disabled){background:var(--ra-ink,#141b26);color:#fff}
.lot-proxy__row>button:disabled{opacity:.55;cursor:default}
.lot-proxy__ok{margin:9px 0 0;font-size:12px;font-weight:700;color:#047857}

/* ── Gallery stage ────────────────────────────────────────────────────
   Slides overlay rather than stack. In normal flow the incoming slide
   started below the outgoing one for the length of the transition and
   then snapped up, which read as the photo jumping in from the bottom
   on every arrow press. */
.lot-stage > .lot-slide{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

/* ── Bid activity strip, under the gallery ────────────────────────────
   Deliberately small. It sits between the photos and the specs, so it
   has to read at a glance without competing with the bid panel on the
   right: one row per bid, the leading one marked, the rest quieter. */
.lot-bidstrip{
  margin-top:14px;
  background:#fff;
  border:1px solid var(--ra-border,#e4e7eb);
  padding:14px 16px;
}
.lot-bidstrip__head{
  display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  padding-bottom:10px;border-bottom:1px solid #eef0f3;
}
.lot-bidstrip__label{
  font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;
  color:var(--ra-red,#1f93dd);
}
.lot-bidstrip__count{font-size:12px;color:#6b7178;font-weight:700}
.lot-bidstrip__count strong{color:var(--ra-ink,#141b26);font-size:14px;font-weight:900}

.lot-bidstrip__list{list-style:none;margin:0;padding:0}
.lot-bidstrip__list li{
  display:flex;align-items:center;gap:10px;
  padding:9px 0;border-bottom:1px solid #f4efe3;
}
.lot-bidstrip__list li:last-child{border-bottom:0}
.lot-bidstrip__who{
  display:flex;align-items:center;gap:9px;flex:1;min-width:0;
  font-size:13px;color:#3d434b;font-weight:700;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.lot-bidstrip__dot{
  flex:0 0 auto;width:26px;height:26px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  background:#f5f6f8;color:#1573b4;
  font-size:12px;font-weight:900;text-transform:uppercase;
}
.lot-bidstrip__amt{
  font-size:15px;font-weight:900;letter-spacing:-.02em;
  color:var(--ra-ink,#141b26);font-variant-numeric:tabular-nums;
}
.lot-bidstrip__tag{
  flex:0 0 auto;font-size:9px;font-weight:900;letter-spacing:.12em;
  text-transform:uppercase;padding:3px 7px;border-radius:999px;
  background:#dbeefb;color:#065f46;
}
/* The newest row carries the weight; the two below it recede. */
.lot-bidstrip__list li.is-latest .lot-bidstrip__who{color:var(--ra-ink,#141b26)}
.lot-bidstrip__list li.is-latest .lot-bidstrip__dot{background:var(--ra-red,#1f93dd);color:#fff}
.lot-bidstrip__list li.is-latest .lot-bidstrip__amt{color:var(--ra-red,#1f93dd);font-size:17px}
.lot-bidstrip__more{
  margin:9px 0 0;font-size:11px;color:#9ca3af;text-align:center;
  letter-spacing:.06em;text-transform:uppercase;font-weight:800;
}
@media(max-width:520px){
  .lot-bidstrip__tag{display:none}
  .lot-bidstrip__amt{font-size:14px}
}

/* The list scrolls inside a fixed height instead of growing the page.
   The cap is set just off a whole row so a partial row peeks at the
   bottom — that is what tells people there is more to scroll. */
.lot-bidstrip__list{
  /* Exactly three rows, then scroll. A row is 26px of avatar plus 9px of
     padding either side and its 1px rule, so the cap is derived rather than
     guessed — change the padding and the height follows. */
  --bidstrip-row:45px;
  max-height:calc(var(--bidstrip-row) * 3);
  overflow-y:auto;
  overscroll-behavior:contain;
}
.lot-bidstrip__list::-webkit-scrollbar{width:5px}
.lot-bidstrip__list::-webkit-scrollbar-track{background:#f7f3ea}
.lot-bidstrip__list::-webkit-scrollbar-thumb{background:#bfe3f8;border-radius:999px}
.lot-bidstrip__list::-webkit-scrollbar-thumb:hover{background:var(--ra-gold,#4bb8f2)}
.lot-bidstrip__list{scrollbar-width:thin;scrollbar-color:#bfe3f8 #f7f3ea}
.lot-bidstrip__empty{margin:12px 0 2px;text-align:center;font-size:12px;color:#9ca3af;font-weight:700}

/* ═══════════════════════════════════════════════════════════════════════
   LOT — VEHICLE DETAILS
   ───────────────────────────────────────────────────────────────────────
   Was a two-column definition list of bare label/value pairs. Now each
   spec is a tile: the label sits above the value so long values (engine
   strings, locations) wrap without pushing their label around, and the
   left edge carries the accent so the grid reads as a set.
   ═══════════════════════════════════════════════════════════════════════ */
.spec-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));
  gap:10px;margin:0;
}
.spec-row{
  position:relative;display:flex;flex-direction:column;gap:3px;
  min-width:0;padding:11px 13px 11px 15px;
  background:#fff;border:1px solid #e4e7eb;border-radius:10px;
  transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.spec-row::before{
  content:"";position:absolute;left:0;top:10px;bottom:10px;width:2px;
  border-radius:2px;background:#dbe7f1;transition:background .18s ease;
}
.spec-row:hover{
  border-color:#bfe3f8;box-shadow:0 6px 18px rgba(31,147,221,.10);
  transform:translateY(-1px);
}
.spec-row:hover::before{background:#1f93dd}
.spec-row dt{
  display:flex;align-items:center;gap:6px;
  font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.13em;
  font-size:9.5px;font-weight:600;color:#6b7178;margin:0;
}
.spec-row dt svg{width:12px;height:12px;flex:none;color:#1f93dd;opacity:.85}
.spec-row dd{
  margin:0;font-size:14.5px;font-weight:600;color:#14171c;
  line-height:1.35;overflow-wrap:anywhere;
}
.spec-row dd.numeric{font-family:var(--font-mono);font-size:13.5px;letter-spacing:-.01em}
.spec-row:last-child{border-bottom:1px solid #e4e7eb}

@media (prefers-reduced-motion: reduce){
  .spec-row{transition:none}
  .spec-row:hover{transform:none}
}