/* KOC VEHICLE DETAIL V1 */
body{background:#050505!important}.koc-detail-page{padding-top:78px;background:#050505;color:#fff}.koc-detail-page *{box-sizing:border-box}
.koc-detail-page .bg-color-black{background:#050505!important}.koc-detail-page .container{max-width:1200px!important;width:auto!important}
.koc-detail-page .section-detail{height:auto!important;min-height:0!important;padding:54px 0 28px!important;background:#050505!important;border-bottom:1px solid #242424!important}
.koc-detail-page .section-detail h1{border:0!important;margin:0 0 8px!important;padding:0!important;color:#fff!important;font:900 40px/1.05 Arial,Helvetica,sans-serif!important}
.koc-detail-page .section-detail h2{border:0!important;margin:0!important;padding:0!important;color:#aaa!important;font-size:15px!important;line-height:1.6!important;font-weight:500!important}
.koc-detail-kicker{max-width:1170px;margin:0 auto 12px;padding:0 15px;color:#e00000;font-size:9px;font-weight:700;letter-spacing:.18em}
.koc-detail-page .section-cardetail{padding:32px 0 45px!important;background:#050505!important}
.koc-detail-page table.detail-header{border-collapse:collapse!important;border-spacing:0!important;margin:0 0 18px!important;background:#080808!important;border:1px solid #2d2d2d!important}
.koc-detail-page table.detail-header thead th{height:auto!important;padding:9px 14px!important;border:0!important;border-bottom:1px solid #292929!important;color:#666!important;font-size:8px!important;letter-spacing:.1em!important;text-align:left!important}
.koc-detail-page table.detail-header tbody td{padding:13px 14px!important;border:0!important;border-right:1px solid #252525!important}
.koc-detail-page table.detail-header tbody td:last-child{border-right:0!important}
.koc-detail-page table.detail-header td:before{display:none!important}
.koc-detail-page table.detail-header h2{margin:0!important;padding:0!important;color:#eee!important;font:700 16px/1.2 Arial,Helvetica,sans-serif!important}
.koc-detail-page table.detail-header tbody td:first-child h2{color:#fff!important;font-size:25px!important}
.koc-detail-page table.detail-header tbody td:first-child h2::first-letter{color:#e00000}
.koc-detail-page .product-image-large{height:480px!important;background:#080808!important;border:1px solid #303030!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:hidden!important}
.koc-detail-page .product-image-large img{width:100%!important;height:100%!important;object-fit:cover!important;margin:0!important}
.koc-detail-page .product-details{padding-left:9px!important}
.koc-detail-page .product-details>p{margin:0!important}.koc-detail-page table.type1{width:100%!important;margin:0 0 9px!important;border:1px solid #303030!important;background:#080808!important}
.koc-detail-page table.type1 tr{border-bottom:1px solid #242424!important}.koc-detail-page table.type1 th,.koc-detail-page table.type1 td{padding:9px 11px!important;border:0!important;font-size:10px!important;line-height:1.45!important}
.koc-detail-page table.type1 th{width:34%!important;color:#777!important;font-weight:500!important;background:#0b0b0b!important}.koc-detail-page table.type1 td{color:#ddd!important}
.koc-detail-page .square_btn{display:flex!important;width:100%!important;height:48px!important;margin:7px 0 0!important;padding:0 15px!important;align-items:center!important;justify-content:center!important;border:1px solid #e00000!important;border-radius:0!important;background:#d60000!important;box-shadow:none!important;text-decoration:none!important}
.koc-detail-page .square_btn p{margin:0!important;color:#fff!important;font-size:11px!important;font-weight:700!important}.koc-detail-page .square_btn img{width:18px!important;height:18px!important;object-fit:contain!important;margin-right:8px!important}
.koc-detail-page .line_btn{background:#080808!important;border-color:#3a3a3a!important}
.koc-detail-section-head{max-width:1170px;margin:0 auto 20px;padding:0 15px}.koc-detail-section-head small{display:block;margin-bottom:7px;color:#e00000;font-size:8px;font-weight:700;letter-spacing:.18em}.koc-detail-section-head h2{margin:0!important;color:#fff!important;font:800 28px/1 Arial,Helvetica,sans-serif!important}
.koc-detail-page #slider{margin:0 auto 55px!important;padding:0 15px!important}.koc-detail-page .swiper-wrapper{gap:0}.koc-detail-page .swiper-slide{padding:4px!important}.koc-detail-page .swiper-slide a{display:block;height:205px;overflow:hidden;background:#080808}.koc-detail-page .swiper-slide img{width:100%!important;height:100%!important;object-fit:cover!important;margin:0!important;transition:transform .3s ease}.koc-detail-page .swiper-slide:hover img{transform:scale(1.025)}
.koc-detail-page .section-comment{background:#070707!important;padding:48px 0!important;margin:0!important}.koc-detail-page .section-comment .koc-detail-section-head{max-width:1170px}.koc-detail-page .section-comment>.container{border-top:1px solid #292929!important;padding-top:22px!important}.koc-detail-page .section-comment p{color:#aaa!important;font-size:11px!important;line-height:1.95!important;margin:0!important}
.koc-detail-page>hr{display:none!important}
.koc-detail-page .koc-options-section{background:#050505!important;padding-bottom:70px!important}
.koc-detail-page table.option{width:100%!important;margin:0 0 10px!important;border:1px solid #2b2b2b!important;background:#080808!important;table-layout:fixed!important}
.koc-detail-page table.option caption{padding:13px 14px!important;background:#0c0c0c!important;border-bottom:1px solid #303030!important;color:#fff!important;font-size:12px!important;font-weight:700!important;text-align:left!important}
.koc-detail-page table.option th{padding:9px 7px!important;border:0!important;border-right:1px solid #222!important;color:#777!important;background:#090909!important;font-size:8px!important;text-align:center!important}
.koc-detail-page table.option td{padding:10px 7px!important;border:0!important;border-right:1px solid #222!important;border-top:1px solid #222!important;color:#ddd!important;font-size:11px!important;text-align:center!important}
@media(max-width:767px){.koc-detail-page{padding-top:64px}.koc-detail-page .section-detail{padding:38px 15px 22px!important}.koc-detail-page .section-detail h1{font-size:31px!important}.koc-detail-kicker{padding:0 15px}.koc-detail-page table.detail-header,.koc-detail-page table.detail-header tbody,.koc-detail-page table.detail-header tr{display:block!important}.koc-detail-page table.detail-header thead{display:none!important}.koc-detail-page table.detail-header tbody tr{display:grid!important;grid-template-columns:repeat(2,1fr)!important}.koc-detail-page table.detail-header tbody td{display:block!important;padding:11px!important;border-right:1px solid #252525!important;border-bottom:1px solid #252525!important}.koc-detail-page table.detail-header tbody td:before{display:block!important;content:attr(aria-label)!important;color:#666!important;font-size:8px!important;margin-bottom:5px!important}.koc-detail-page table.detail-header tbody td:first-child{grid-column:1/-1!important}.koc-detail-page .product-image-large{height:310px!important}.koc-detail-page .product-details{padding:12px 15px 0!important}.koc-detail-page .swiper-slide a{height:240px}.koc-detail-page table.option thead{display:none!important}.koc-detail-page table.option,.koc-detail-page table.option tbody,.koc-detail-page table.option tr{display:block!important}.koc-detail-page table.option tbody tr{display:grid!important;grid-template-columns:repeat(2,1fr)!important}.koc-detail-page table.option td{display:block!important;text-align:left!important}.koc-detail-page table.option td:before{content:attr(aria-label);display:block;color:#666;font-size:8px;margin-bottom:4px}}

/* KOC VEHICLE DETAIL V2 */
.koc-detail-page .section-detail h1{font-size:46px!important}
.koc-detail-page .section-detail h2{font-size:18px!important}

/* Price: entire number red, tax note smaller */
.koc-detail-page table.detail-header tbody td:first-child h2{
  color:#e00000!important;
  font-size:28px!important;
  font-weight:800!important;
}
.koc-detail-page table.detail-header tbody td:first-child h2::first-letter{color:inherit!important}
.koc-detail-page table.detail-header tbody td:first-child h2{
  letter-spacing:0!important;
}
/* Generated string is one text node, so size the tax suffix visually via overall line and injected pseudo overlay is unsafe.
   Keep price strong; template phase can wrap tax explicitly if desired. */

/* Vehicle detail table: kill legacy white cells */
.koc-detail-page table.type1,
.koc-detail-page table.type1 tbody,
.koc-detail-page table.type1 tr,
.koc-detail-page table.type1 th,
.koc-detail-page table.type1 td{
  background:#080808!important;
  color:#ddd!important;
}
.koc-detail-page table.type1 th{background:#0d0d0d!important;color:#858585!important}
.koc-detail-page table.type1 td{border-left:1px solid #252525!important}

/* CTA buttons: vertically centered and readable */
.koc-detail-page .square_btn{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:52px!important;
  padding:0 16px!important;
  line-height:1!important;
}
.koc-detail-page .square_btn p{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  font-size:13px!important;
  line-height:1.2!important;
}
.koc-detail-page .square_btn img{margin:0 8px 0 0!important}

/* Align all section heads with the content edge */
.koc-detail-section-head{
  max-width:1200px!important;
  width:auto!important;
  margin:0 auto 20px!important;
  padding-left:15px!important;
  padding-right:15px!important;
}
.koc-detail-page .section-comment>.koc-detail-section-head{
  max-width:1200px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* Equipment tables: no legacy white backgrounds */
.koc-detail-page table.option,
.koc-detail-page table.option thead,
.koc-detail-page table.option tbody,
.koc-detail-page table.option tr,
.koc-detail-page table.option th,
.koc-detail-page table.option td{
  background:#080808!important;
}
.koc-detail-page table.option caption{background:#0d0d0d!important;color:#fff!important}
.koc-detail-page table.option th{background:#090909!important;color:#858585!important}
.koc-detail-page table.option td{background:#0b0b0b!important;color:#ddd!important}

/* Gallery: three desktop rows initially, then reveal everything */
@media(min-width:992px){
  .koc-detail-page #slider .swiper-wrapper{
    display:flex!important;
    flex-wrap:wrap!important;
    height:auto!important;
  }
  .koc-detail-page #slider .swiper-slide:nth-child(n+10){
    display:none!important;
  }
  .koc-detail-page #slider.koc-gallery-open .swiper-slide{
    display:block!important;
  }
}
.koc-gallery-more-wrap{
  width:100%;
  clear:both;
  padding:18px 4px 0;
  text-align:center;
}
.koc-gallery-more{
  appearance:none!important;
  border:1px solid #3a3a3a!important;
  box-shadow:none!important;
  border-radius:0!important;
  background:#080808!important;
  color:#ddd!important;
  min-width:190px!important;
  height:46px!important;
  padding:0 18px!important;
  font:700 10px/46px Arial,Helvetica,sans-serif!important;
  letter-spacing:.12em!important;
}
.koc-gallery-more span{color:#e00000;margin-left:9px}
.koc-gallery-more:hover{background:#111!important;color:#fff!important;border-color:#555!important}

/* INDEX header/footer typography consistency */
.koc-header .koc-desktop-nav>a,
.koc-header .koc-nav-stock-trigger{font-size:14px!important}

/* KOC VEHICLE DETAIL V3 */

/* One shared horizontal baseline */
.koc-detail-page{
  --detail-edge:32px;
}
.koc-detail-page .container{
  max-width:1200px!important;
  padding-left:var(--detail-edge)!important;
  padding-right:var(--detail-edge)!important;
}
.koc-detail-kicker,
.koc-detail-section-head{
  max-width:1200px!important;
  padding-left:var(--detail-edge)!important;
  padding-right:var(--detail-edge)!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.koc-detail-page .section-comment>.koc-detail-section-head{
  max-width:1200px!important;
  padding-left:var(--detail-edge)!important;
  padding-right:var(--detail-edge)!important;
}

/* Tighten title / price / main-photo zone */
.koc-detail-page .section-detail{
  padding-top:38px!important;
  padding-bottom:20px!important;
}
.koc-detail-page .section-detail h1{
  font-size:44px!important;
  margin-bottom:5px!important;
}
.koc-detail-page .section-detail h2{
  font-size:16px!important;
}
.koc-detail-page .section-cardetail{
  padding-top:24px!important;
  padding-bottom:34px!important;
}
.koc-detail-kicker{
  margin-bottom:9px!important;
}
.koc-detail-page table.detail-header{
  margin-bottom:12px!important;
}
.koc-detail-page .product-image-large{
  height:410px!important;
}

/* Price: normal white. SOLD only red. */
.koc-detail-page table.detail-header tbody td:first-child h2{
  color:#fff!important;
  font-size:28px!important;
}
.koc-detail-page table.detail-header tbody td:first-child.is-sold h2{
  color:#e00000!important;
}

/* Gallery alignment + incremental reveal */
.koc-detail-page #slider{
  padding-left:var(--detail-edge)!important;
  padding-right:var(--detail-edge)!important;
}
@media(min-width:992px){
  .koc-detail-page #slider .swiper-slide{
    display:block!important;
  }
  .koc-detail-page #slider .swiper-slide.koc-gallery-hidden{
    display:none!important;
  }
}
.koc-gallery-more-wrap{
  padding-top:16px!important;
}

/* Section labels exactly on the same edge */
.koc-detail-section-head{
  margin-bottom:18px!important;
}
.koc-detail-page .section-comment>.container{
  padding-top:18px!important;
}

/* Mobile keeps the same intent, with a narrower edge */
@media(max-width:767px){
  .koc-detail-page{--detail-edge:16px}
  .koc-detail-page .section-detail{
    padding-top:30px!important;
    padding-bottom:18px!important;
  }
  .koc-detail-page .section-detail h1{
    font-size:32px!important;
  }
  .koc-detail-page .product-image-large{
    height:285px!important;
  }
}

/* KOC VEHICLE DETAIL V4 / unified content width */
.koc-detail-page{
  --detail-content-max:1060px;
  --detail-edge:20px;
}

/* Main vehicle area */
.koc-detail-page .section-detail .container,
.koc-detail-page .section-cardetail .container{
  max-width:var(--detail-content-max)!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:var(--detail-edge)!important;
  padding-right:var(--detail-edge)!important;
}

/* Kicker */
.koc-detail-kicker{
  max-width:var(--detail-content-max)!important;
  width:100%!important;
  padding-left:var(--detail-edge)!important;
  padding-right:var(--detail-edge)!important;
}

/* Gallery */
.koc-detail-page .bg-color-black>.container{
  max-width:var(--detail-content-max)!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:var(--detail-edge)!important;
  padding-right:var(--detail-edge)!important;
}
.koc-detail-page #slider{
  width:100%!important;
  max-width:none!important;
  padding-left:0!important;
  padding-right:0!important;
}
.koc-detail-section-head{
  max-width:var(--detail-content-max)!important;
  width:100%!important;
  padding-left:var(--detail-edge)!important;
  padding-right:var(--detail-edge)!important;
}

/* DETAILS / FEATURES */
.koc-detail-page .section-comment>.container{
  max-width:var(--detail-content-max)!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:var(--detail-edge)!important;
  padding-right:var(--detail-edge)!important;
}
.koc-detail-page .section-comment>.koc-detail-section-head{
  max-width:var(--detail-content-max)!important;
  width:100%!important;
  padding-left:var(--detail-edge)!important;
  padding-right:var(--detail-edge)!important;
}

/* Tighten main vehicle block further */
.koc-detail-page .section-cardetail{
  padding-top:20px!important;
  padding-bottom:28px!important;
}
.koc-detail-page .product-image-large{
  height:370px!important;
}
.koc-detail-page table.detail-header{
  margin-bottom:10px!important;
}

/* Gallery desktop layout: JS decides which slides are visible */
@media(min-width:992px){
  .koc-detail-page #slider .swiper-wrapper{
    display:flex!important;
    flex-wrap:wrap!important;
    height:auto!important;
  }
  .koc-detail-page #slider .swiper-slide{
    width:33.333333%!important;
    padding:4px!important;
  }
  .koc-detail-page #slider .swiper-slide:nth-child(n+10){
    display:block;
  }
}

@media(max-width:767px){
  .koc-detail-page{
    --detail-edge:14px;
  }
  .koc-detail-page .product-image-large{
    height:280px!important;
  }
}

/* KOC VEHICLE DETAIL V5 */

/* DETAILS / FEATURES headings: exact same left edge as their body content.
   Previous double container padding caused the visible shift. */
.koc-detail-page .section-comment>.koc-detail-section-head{
  max-width:1060px!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:20px!important;
  padding-right:20px!important;
}
.koc-detail-page .section-comment>.container{
  max-width:1060px!important;
  width:100%!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:20px!important;
  padding-right:20px!important;
}
/* Both start on identical x; remove Bootstrap row negative-margin offset from content. */
.koc-detail-page .section-comment>.container>.row{
  margin-left:0!important;
  margin-right:0!important;
}
.koc-detail-page .section-comment>.container>.row>[class*="col-"]{
  padding-left:0!important;
  padding-right:0!important;
}

/* Gallery visibility: hard override legacy desktop rule */
.koc-detail-page #slider .swiper-slide.koc-gallery-hidden{
  display:none!important;
}

/* KOC VEHICLE DETAIL V6 */

/* Align every section to one exact 1040px content line.
   Headings and content no longer have independent padding math. */
.koc-detail-page{
  --detail-box:1040px;
  --detail-pad:16px;
}
.koc-detail-page .section-detail .container,
.koc-detail-page .section-cardetail .container,
.koc-detail-page .bg-color-black>.container,
.koc-detail-page .section-comment>.container,
.koc-detail-kicker,
.koc-detail-section-head,
.koc-detail-page .section-comment>.koc-detail-section-head{
  width:calc(100% - 32px)!important;
  max-width:var(--detail-box)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* Bootstrap rows/columns must not shift the common baseline */
.koc-detail-page .section-detail .row,
.koc-detail-page .section-cardetail .row,
.koc-detail-page .bg-color-black>.container>.row,
.koc-detail-page .section-comment>.container>.row{
  margin-left:0!important;
  margin-right:0!important;
}
.koc-detail-page .section-detail [class*="col-"],
.koc-detail-page .section-cardetail [class*="col-"],
.koc-detail-page .bg-color-black>.container>.row>[class*="col-"],
.koc-detail-page .section-comment>.container>.row>[class*="col-"]{
  padding-left:0!important;
  padding-right:0!important;
}

/* Keep the image/spec split but create the gap explicitly */
.koc-detail-page .section-cardetail .row:nth-of-type(2)>.col-sm-8{
  padding-right:8px!important;
}
.koc-detail-page .section-cardetail .row:nth-of-type(2)>.product-details{
  padding-left:8px!important;
}

/* Main image slightly smaller so it cannot visually overpower the aligned content */
.koc-detail-page .product-image-large{
  height:350px!important;
}
.koc-detail-page .product-image-large img{
  max-width:100%!important;
  max-height:100%!important;
}

/* Gallery heading and photos share the exact same left edge */
.koc-detail-page #slider{
  width:100%!important;
  padding:0!important;
  margin-left:0!important;
  margin-right:0!important;
}
.koc-detail-section-head{
  margin-bottom:18px!important;
}

/* Reliable no-JS gallery toggle.
   First view = 9 images (3 rows). Click reveals all. */
.koc-gallery-toggle{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
}
@media(min-width:992px){
  .koc-detail-page #slider .swiper-slide:nth-child(n+10){
    display:none!important;
  }
  .koc-detail-page #slider:has(.koc-gallery-toggle:checked) .swiper-slide{
    display:block!important;
  }
}
.koc-gallery-more{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  cursor:pointer!important;
}
.koc-gallery-toggle:checked + .koc-gallery-more-wrap .koc-gallery-more{
  display:none!important;
}

@media(max-width:767px){
  .koc-detail-page .section-cardetail .row:nth-of-type(2)>.col-sm-8,
  .koc-detail-page .section-cardetail .row:nth-of-type(2)>.product-details{
    padding-left:0!important;
    padding-right:0!important;
  }
}

/* KOC VEHICLE DETAIL V7 */

/* GALLERY heading: use the exact same parent width as the photo grid.
   The previous heading was independently centered and ended up shifted. */
.koc-detail-page .bg-color-black > .container > .row > .col-md-12 > .koc-detail-section-head{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  padding-left:0!important;
  padding-right:0!important;
}
.koc-detail-page .bg-color-black > .container > .row > .col-md-12{
  padding-left:0!important;
  padding-right:0!important;
}
.koc-detail-page .bg-color-black > .container > .row{
  margin-left:0!important;
  margin-right:0!important;
}

/* Gallery controls */
.koc-gallery-more-wrap{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  width:100%!important;
  padding:18px 0 0!important;
}
.koc-gallery-more,
.koc-gallery-close{
  appearance:none!important;
  display:inline-flex;
  align-items:center!important;
  justify-content:center!important;
  min-width:180px!important;
  height:46px!important;
  padding:0 18px!important;
  border:1px solid #3a3a3a!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:#080808!important;
  color:#ddd!important;
  font:700 10px/1 Arial,Helvetica,sans-serif!important;
  letter-spacing:.12em!important;
  cursor:pointer!important;
}
.koc-gallery-more:hover,
.koc-gallery-close:hover{
  background:#111!important;
  border-color:#555!important;
  color:#fff!important;
}
.koc-gallery-more span,
.koc-gallery-close span{
  margin-left:9px!important;
  color:#e00000!important;
}
.koc-gallery-close{
  display:none;
}

/* Let JS completely control visibility. Remove CSS nth-child behavior. */
@media(min-width:992px){
  .koc-detail-page #slider .swiper-slide:nth-child(n+10){
    display:block;
  }
}


/* KOC DETAIL FORMAL TEMPLATE FIXES */
.koc-detail-page table.detail-header tbody td:first-child h2{
  color:#fff!important;
}
.koc-detail-page table.detail-header tbody td:first-child.is-sold h2{
  color:#e00000!important;
}

/* Formal gallery JS owns visibility completely. */
.koc-detail-page #slider .swiper-slide{
  display:block;
}
.koc-detail-page #slider .swiper-slide[style*="display: none"]{
  display:none!important;
}

/* ==========================================================================
   KOC VEHICLE DETAIL FINAL OVERRIDE V14
   Purpose:
   - keep mobile FEATURES as one-column list
   - keep desktop vehicle title compact
   - enlarge TABLE column headers
   - restore complete table grid lines
   ========================================================================== */

/* ---------- DESKTOP / TABLET ---------- */
@media (min-width:768px){

  /* Vehicle page title area */
  body[data-chat="detail"] .koc-detail-page .section-detail h1{
    margin:0 0 6px!important;
    padding:0!important;
    font-size:30px!important;
    line-height:1.15!important;
    font-weight:800!important;
  }

  body[data-chat="detail"] .koc-detail-page .section-detail h2{
    margin:0!important;
    padding:0!important;
    font-size:14px!important;
    line-height:1.5!important;
    font-weight:500!important;
  }

  /* Section label stays compact */
  body[data-chat="detail"] .koc-detail-kicker{
    margin:0 auto 10px!important;
    color:#e00000!important;
    font-size:10px!important;
    line-height:1.2!important;
    font-weight:700!important;
    letter-spacing:.16em!important;
  }

  /* VEHICLE DETAILS table */
  body[data-chat="detail"] .koc-detail-page table.detail-header{
    width:100%!important;
    border-collapse:collapse!important;
    border-spacing:0!important;
    border:1px solid #343434!important;
    background:#080808!important;
  }

  body[data-chat="detail"] .koc-detail-page table.detail-header thead th{
    padding:10px 13px!important;
    border:1px solid #303030!important;
    background:#090909!important;
    color:#b7b7b7!important;
    font-size:13px!important;
    line-height:1.25!important;
    font-weight:600!important;
    letter-spacing:.04em!important;
    text-align:left!important;
    vertical-align:middle!important;
  }

  body[data-chat="detail"] .koc-detail-page table.detail-header tbody td{
    padding:14px 13px!important;
    border:1px solid #303030!important;
    background:#080808!important;
    vertical-align:middle!important;
  }

  body[data-chat="detail"] .koc-detail-page table.detail-header tbody td h2{
    margin:0!important;
    padding:0!important;
    color:#f2f2f2!important;
    font-size:17px!important;
    line-height:1.25!important;
    font-weight:700!important;
  }

  body[data-chat="detail"] .koc-detail-page table.detail-header tbody td:first-child h2{
    color:#fff!important;
    font-size:27px!important;
    font-weight:800!important;
  }

  /* FEATURES tables */
  body[data-chat="detail"] .koc-detail-page table.option{
    width:100%!important;
    margin:0 0 10px!important;
    border-collapse:collapse!important;
    border-spacing:0!important;
    border:1px solid #343434!important;
    background:#080808!important;
    table-layout:fixed!important;
  }

  body[data-chat="detail"] .koc-detail-page table.option caption{
    padding:11px 13px!important;
    border:1px solid #303030!important;
    border-bottom:0!important;
    background:#0d0d0d!important;
    color:#fff!important;
    font-size:14px!important;
    line-height:1.3!important;
    font-weight:700!important;
    text-align:left!important;
  }

  body[data-chat="detail"] .koc-detail-page table.option thead th{
    padding:10px 8px!important;
    border:1px solid #303030!important;
    background:#090909!important;
    color:#b0b0b0!important;
    font-size:12px!important;
    line-height:1.35!important;
    font-weight:600!important;
    text-align:center!important;
    vertical-align:middle!important;
  }

  body[data-chat="detail"] .koc-detail-page table.option tbody td{
    padding:11px 8px!important;
    border:1px solid #303030!important;
    background:#0b0b0b!important;
    color:#eee!important;
    font-size:13px!important;
    line-height:1.3!important;
    text-align:center!important;
    vertical-align:middle!important;
  }
}

/* ---------- PHONE ---------- */
@media (max-width:767px){

  body[data-chat="detail"] .koc-detail-page .section-detail h1{
    font-size:27px!important;
    line-height:1.2!important;
  }

  body[data-chat="detail"] .koc-detail-page .section-detail h2{
    font-size:13px!important;
    line-height:1.5!important;
  }

  /* Keep VEHICLE DETAILS compact */
  body[data-chat="detail"] .koc-detail-kicker{
    color:#e00000!important;
    font-size:10px!important;
    line-height:1.2!important;
    font-weight:700!important;
    letter-spacing:.16em!important;
  }

  /* Summary table: one item per row */
  body[data-chat="detail"] .koc-detail-page table.detail-header,
  body[data-chat="detail"] .koc-detail-page table.detail-header tbody,
  body[data-chat="detail"] .koc-detail-page table.detail-header tr{
    display:block!important;
    width:100%!important;
  }

  body[data-chat="detail"] .koc-detail-page table.detail-header thead{
    display:none!important;
  }

  body[data-chat="detail"] .koc-detail-page table.detail-header tbody tr{
    display:block!important;
  }

  body[data-chat="detail"] .koc-detail-page table.detail-header tbody td{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:10px 14px!important;
    border:0!important;
    border-left:1px solid #303030!important;
    border-right:1px solid #303030!important;
    border-bottom:1px solid #303030!important;
    background:#080808!important;
    text-align:right!important;
  }

  body[data-chat="detail"] .koc-detail-page table.detail-header tbody td:first-child{
    border-top:1px solid #303030!important;
  }

  body[data-chat="detail"] .koc-detail-page table.detail-header tbody td::before{
    content:attr(aria-label)!important;
    display:block!important;
    float:none!important;
    margin:0 16px 0 0!important;
    color:#999!important;
    font-size:13px!important;
    line-height:1.3!important;
    font-weight:600!important;
  }

  body[data-chat="detail"] .koc-detail-page table.detail-header tbody td h2{
    margin:0!important;
    padding:0!important;
    font-size:20px!important;
    line-height:1.2!important;
  }

  body[data-chat="detail"] .koc-detail-page table.detail-header tbody td:first-child h2{
    font-size:27px!important;
  }

  /* FEATURES: one column, complete horizontal rules */
  body[data-chat="detail"] .koc-detail-page table.option{
    display:block!important;
    width:100%!important;
    margin:0 0 12px!important;
    border:1px solid #303030!important;
    border-collapse:separate!important;
    border-spacing:0!important;
    table-layout:auto!important;
    background:#080808!important;
  }

  body[data-chat="detail"] .koc-detail-page table.option caption{
    display:block!important;
    width:100%!important;
    box-sizing:border-box!important;
    margin:0!important;
    padding:10px 14px!important;
    border:0!important;
    border-bottom:1px solid #303030!important;
    border-left:3px solid #e00000!important;
    background:#111!important;
    color:#fff!important;
    font-size:15px!important;
    line-height:1.3!important;
    font-weight:700!important;
    text-align:left!important;
    writing-mode:horizontal-tb!important;
    white-space:nowrap!important;
  }

  body[data-chat="detail"] .koc-detail-page table.option thead{
    display:none!important;
  }

  body[data-chat="detail"] .koc-detail-page table.option tbody,
  body[data-chat="detail"] .koc-detail-page table.option tbody tr{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }

  body[data-chat="detail"] .koc-detail-page table.option tbody tr{
    grid-template-columns:none!important;
  }

  body[data-chat="detail"] .koc-detail-page table.option td{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    width:100%!important;
    box-sizing:border-box!important;
    min-height:40px!important;
    margin:0!important;
    padding:9px 14px!important;
    border:0!important;
    border-bottom:1px solid #303030!important;
    background:#0b0b0b!important;
    color:#eee!important;
    font-size:16px!important;
    line-height:1.35!important;
    text-align:right!important;
  }

  body[data-chat="detail"] .koc-detail-page table.option tbody:last-of-type tr:last-child td:last-child{
    border-bottom:0!important;
  }

  body[data-chat="detail"] .koc-detail-page table.option td::before{
    content:attr(aria-label)!important;
    display:block!important;
    float:none!important;
    flex:1 1 auto!important;
    min-width:0!important;
    margin:0 18px 0 0!important;
    color:#ddd!important;
    font-size:13px!important;
    line-height:1.35!important;
    font-weight:500!important;
    text-align:left!important;
    white-space:normal!important;
  }
}