/* Experimental JSON SPA detail only. Scoped so production vehicle pages are untouched. */
.vl-json-single-active .vl-single-right{gap:14px}
.vl-json-single-active .vl-json-summary-card,
.vl-json-single-active .vl-s-variants,
.vl-json-single-active .vl-s-similar,
.vl-json-single-active .vl-s-trust{background:#fff;border:1px solid #e4e7eb;border-radius:20px;overflow:hidden;box-sizing:border-box}

/* Main information card */
.vl-json-single-active .vl-json-summary-head{padding:24px 10px 18px}
.vl-json-single-active .vl-json-summary-price{padding:18px 10px 22px;border-top:1px solid #d8dadd}
.vl-json-single-active .vl-json-summary-delivery{padding:18px 10px;border-top:1px solid #d8dadd}
.vl-json-single-active .vl-json-loyalty{padding:20px 10px 18px;border-top:1px solid #d8dadd;font-size:14px;line-height:1.55;color:#171717}
.vl-json-single-active .vl-json-loyalty__title{display:block;color:#ff1717;font-size:14px;font-weight:800;margin:0 0 3px!important;padding:0!important}
.vl-json-single-active .vl-json-loyalty p{margin:0!important;padding:0!important;color:#171717;font-size:14px;line-height:1.55}
.vl-json-single-active .vl-json-loyalty strong{font-weight:800}
.vl-json-single-active .vl-json-loyalty-disclaimer{padding:16px 10px 18px;border-top:1px solid #d8dadd;color:#323232;font-size:14px;line-height:1.55}
.vl-json-single-active .vl-json-loyalty-disclaimer p{margin:0!important;padding:0!important}
.vl-json-single-active .vl-s-title{font-size:25px;line-height:1.22;color:#ef3e42;font-weight:750;margin:0!important}
.vl-json-single-active .vl-s-quick-info{font-size:13px;color:#6e7b99;margin-top:14px!important}
.vl-json-single-active .vl-s-price{margin:0!important}
.vl-json-single-active .vl-s-price__label{font-size:12px;color:#61708e;margin-bottom:8px!important}
.vl-json-single-active .vl-s-price__amount{font-size:31px;line-height:1.1;color:#08162a;font-weight:750}
.vl-json-single-active .vl-s-price__sign{font-size:17px;color:#08162a}
.vl-json-single-active .vl-s-price__currency{font-size:13px;color:#687694;margin-left:5px}
.vl-json-single-active .vl-s-price__monthly{margin-top:6px!important}
.vl-json-single-active .vl-s-price__bonus{margin-top:6px!important}
.vl-json-single-active .vl-s-delivery{font-size:13px;color:#2e405e;font-weight:600;margin:0!important}

/* Primary WhatsApp CTA */
.vl-json-single-active .vl-json-detail-quote{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px;width:100%;min-height:52px;padding:12px 18px;border-radius:999px;background:#00c83a;color:#fff!important;font-size:14px;font-weight:800;text-decoration:none!important;box-sizing:border-box;transition:filter .15s ease}
.vl-json-single-active .vl-json-detail-quote:hover{filter:brightness(.95);color:#fff!important}
.vl-json-single-active .vl-json-detail-quote svg{width:18px;height:18px;flex:none}

/* Variants card */
.vl-json-single-active .vl-s-variants{padding:12px 12px}
.vl-json-single-active .vl-s-variant-row{padding:14px 16px;border-bottom:1px solid #e4e7eb}
.vl-json-single-active .vl-s-variant-row:last-child{border-bottom:0}
.vl-json-single-active .vl-s-variant-label{font-size:13px;color:#6c7896;font-weight:600}
.vl-json-single-active .vl-s-variant-value,.vl-json-single-active .vl-s-variant-row>span:last-child{font-size:14px;color:#111;font-weight:700}
.vl-json-single-active .vl-s-variant-more{background:#eaf6fd;color:#2474b6;padding:7px 11px;border-radius:16px;font-size:11px;font-weight:700}

/* Similar vehicles card */
.vl-json-single-active .vl-s-similar{padding:17px 8px 8px}
.vl-json-single-active .vl-s-similar__title{font-size:13px;color:#151515;font-weight:800;padding:0 0 10px 0!important;margin:0!important}
.vl-json-single-active .vl-s-similar-item{padding:12px 0;border-bottom:1px solid #e5e8ec;gap:14px;align-items:flex-start!important}
.vl-json-single-active .vl-s-similar-item:last-of-type{border-bottom:0}
.vl-json-single-active .vl-s-similar-img,.vl-json-single-active .vl-s-similar-img--empty{width:95px!important;max-width:95px!important;height:70px!important;border-radius:7px}
.vl-json-single-active .vl-s-similar-info{padding-top:1px;min-width:0}
.vl-json-single-active .vl-s-similar-name{font-size:13px;line-height:1.35;color:#101010;font-weight:800;margin:0 0 5px!important}
.vl-json-single-active .vl-s-similar-meta{font-size:11px;color:#70809f;font-weight:600;margin:0 0 6px!important}
.vl-json-single-active .vl-s-similar-price{font-size:13px;color:#ff3038;font-weight:800;margin:0!important}
.vl-json-single-active .vl-s-similar-monthly{font-size:11px;color:#718096;margin-top:3px!important}
.vl-json-single-active .vl-s-similar-monthly-link{display:none}

/* Trust card — exact messaging from the existing design */
.vl-json-single-active .vl-s-trust{padding:14px 12px;gap:0}
.vl-json-single-active .vl-s-trust-item{display:grid!important;grid-template-columns:38px 1fr;align-items:center!important;gap:12px;padding:11px 0;color:#171717;font-size:14px;font-weight:600;line-height:1.35}
.vl-json-single-active .vl-s-trust-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;margin:0;color:#ff3038}
.vl-json-single-active .vl-s-trust-icon svg{width:30px;height:30px;display:block;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}

@media (max-width:960px){
  .vl-json-single-active .vl-json-summary-head,
  .vl-json-single-active .vl-json-summary-price,
  .vl-json-single-active .vl-json-summary-delivery,
  .vl-json-single-active .vl-json-loyalty,
  .vl-json-single-active .vl-json-loyalty-disclaimer{padding-left:12px;padding-right:12px}
}

/* Mobile-only section order: mirrors the established product-page flow.
   No visual styles are changed; only document presentation order below 960px. */
@media (max-width:960px){
  .vl-json-single-active .vl-single-layout{display:flex!important;flex-direction:column!important}
  .vl-json-single-active .vl-single-left,
  .vl-json-single-active .vl-single-right{display:contents!important}

  .vl-json-single-active .vl-gallery{order:10}
  .vl-json-single-active .vl-json-summary-card{order:20}
  .vl-json-single-active .vl-json-detail-quote{order:30}
  .vl-json-single-active .vl-s-variants{order:40}
  .vl-json-single-active .vl-s-trust{order:50}
  .vl-json-single-active .vl-s-specs{order:60}
  .vl-json-single-active .vl-s-features{order:70}
  .vl-json-single-active .vl-s-featured-eq{order:80}
  .vl-json-single-active .vl-s-description{order:90}
  .vl-json-single-active .vl-s-similar{order:100}
}


/* 1.1.11.1 — Mobile-only containment fixes.
   Keep the approved visual design; only make sections consume the available width. */
@media (max-width:960px){
  .vl-json-single-active .vl-single-layout{
    width:100%!important;
    max-width:100%!important;
    align-items:stretch!important;
  }
  .vl-json-single-active .vl-gallery,
  .vl-json-single-active .vl-json-summary-card,
  .vl-json-single-active .vl-json-detail-quote,
  .vl-json-single-active .vl-s-variants,
  .vl-json-single-active .vl-s-trust,
  .vl-json-single-active .vl-s-specs,
  .vl-json-single-active .vl-s-features,
  .vl-json-single-active .vl-s-featured-eq,
  .vl-json-single-active .vl-s-description,
  .vl-json-single-active .vl-s-similar{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
    align-self:stretch!important;
  }
  .vl-json-single-active .vl-s-specs__grid,
  .vl-json-single-active .vl-s-features{
    width:100%!important;
  }
}

/* While a JSON vehicle detail is open, no inventory instance on the same page
   may leak below the detail. This also covers duplicate Divi shortcode modules. */
body.vl-json-detail-open [data-vl-json-test="1"] > .vl-inv__topbar,
body.vl-json-detail-open [data-vl-json-test="1"] > .vl-inv__body,
body.vl-json-detail-open .vl-inv:not(.vl-json-single-active){
  display:none!important;
}