/* =========================================================================
   QUICK JUMPSTART - BRAND PAGE presentation layer (shared)

   A de-scoped copy of qjs-chevrolet-795.css. That file anchors every rule on
   body.page-id-795, so it can only ever style one page; this one anchors every
   rule on the qjs-cv-* design-system classes instead. Those classes exist only
   on the brand pages built to this template, so nothing here can reach the
   header, the footer, the global stylesheets or any other page - including the
   brand pages still on the older layout, which carry none of these classes.

   Loaded per page by an HTML widget in the hero, exactly as the Chevrolet page
   loads its own. Nothing is enqueued globally and the theme is not touched.

   Two selectors need a tighter anchor than the rest, because the class they
   target is NOT unique to this template:
     .qjs-crumbs  - every brand page has one, so it is scoped to .qjs-cv-crumbs
     .qjs-reveal  - the older brand pages use it, so the reveal rules are
                    scoped to .qjs-cv-card, which only this template sets.
   Getting either wrong would restyle - or, for the reveal rules, permanently
   hide - content on pages that are not part of this work.

   One rule is additional to the Chevrolet file: .qjs-cv-split__text
   .qjs-cv-intro, which left-aligns the optional lead-in paragraph some brands
   carry in the benefits column. The Chevrolet copy has no such paragraph, so
   its file never needed it.

   Palette is the theme's own "Ampere Gold" (navy + gold), deepened for an
   automotive feel. Values are identical to the Chevrolet file.

   TWO ELEMENTOR QUIRKS THIS FILE WORKS AROUND:
   - .e-con::before / ::after are already styled by Elementor (left:0;
     width:100%; height:100%), so container pseudo-elements must reset the
     sides they do not want.
   - the kit sets widget margins and widths at a higher specificity, so
     widget margin / max-width here needs !important to land.
   ========================================================================= */

.qjs-cv-style{display:none!important}
.qjs-cv-hero,.qjs-cv-sec,.qjs-cv-cta{--cv-gold:#D4A50F;--cv-gold-hi:#F3D060;--cv-gold-deep:#8F6C05;--cv-navy:#02295B;--cv-ink:#01152F;--cv-body:#4A5D78;--cv-body-d:#B4C7DE;--cv-line:rgba(2,41,91,.10);--cv-line-d:rgba(255,255,255,.13);--cv-e:cubic-bezier(.2,.7,.3,1)}

/* ---------- 1. HERO - centred brand-landing composition ----------
   Order: breadcrumb -> logo medallion -> H1 -> lead -> CTAs, all centred. */
.qjs-cv-hero.e-con{position:relative;isolation:isolate;overflow:hidden;background-color:var(--cv-ink)}
.qjs-cv-hero>.elementor-background-overlay{display:none!important}
.qjs-cv-hero::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(72% 58% at 50% 4%,rgba(212,165,15,.20) 0%,rgba(212,165,15,0) 62%),radial-gradient(120% 100% at 50% 100%,rgba(10,60,122,.45) 0%,rgba(1,17,38,0) 70%),linear-gradient(180deg,rgba(1,17,38,.965) 0%,rgba(2,30,66,.965) 45%,rgba(1,19,42,.985) 100%)}
.qjs-cv-hero::after{content:"";position:absolute;left:0;right:0;top:auto;bottom:0;width:auto;height:1px;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(212,165,15,0),rgba(212,165,15,.75),rgba(255,255,255,.30),rgba(212,165,15,0))}
.qjs-cv-hero>.e-con-inner{position:relative;z-index:1}
.qjs-cv-hero__inner{max-width:960px;margin-inline:auto;text-align:center}
.qjs-cv-hero__inner>*{width:100%}

/* breadcrumb - anchored to .qjs-cv-crumbs so other pages keep their own */
.qjs-cv-crumbs{position:relative;z-index:2;margin:0 0 42px!important}
.qjs-cv-crumbs .qjs-crumbs{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:9px;font-family:var(--font-b);font-size:11.5px;font-weight:700;line-height:1;letter-spacing:.16em;text-transform:uppercase}
.qjs-cv-crumbs .qjs-crumbs a{color:rgba(255,255,255,.60);text-decoration:none;transition:color .25s}
.qjs-cv-crumbs .qjs-crumbs a:hover{color:var(--cv-gold-hi)}
.qjs-cv-crumbs .qjs-crumbs span[aria-hidden]{color:rgba(255,255,255,.26)}
.qjs-cv-crumbs .qjs-crumbs [aria-current]{color:var(--cv-gold)}

/* brand medallion - the marque leads the page */
.qjs-cv-mark{position:relative;width:100%!important;margin:0 0 38px!important;text-align:center}
.qjs-cv-mark::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:290px;height:290px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(212,165,15,.20) 0%,rgba(212,165,15,.05) 44%,rgba(212,165,15,0) 68%)}
.qjs-cv-mark img{position:relative;z-index:1;display:block;width:92px;height:auto;margin-inline:auto;box-sizing:content-box;padding:18px 26px;border-radius:26px;background:linear-gradient(155deg,#ffffff 0%,#e9eef6 46%,#ffffff 72%,#dde5ef 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 0 0 1px rgba(255,255,255,.5),0 0 0 7px rgba(212,165,15,.14),0 26px 54px -22px rgba(0,0,0,.85),0 0 64px -14px rgba(212,165,15,.5)}

/* headline */
.qjs-cv-h1{margin:0 0 32px!important;text-align:center}
.qjs-cv-h1 h1.elementor-heading-title{font-family:var(--font-d)!important;font-size:clamp(31px,4.4vw,45px)!important;line-height:1.07!important;font-weight:800!important;letter-spacing:-.032em!important;color:#fff!important;margin:0;text-wrap:balance}
.qjs-cv-h1::after{content:"";display:block;width:76px;height:4px;margin:30px auto 0;border-radius:99px;background:linear-gradient(90deg,var(--cv-gold-hi),var(--cv-gold) 55%,var(--cv-gold-deep));box-shadow:0 0 20px rgba(212,165,15,.6)}

/* lead */
.qjs-cv-lead{max-width:740px!important;margin:0 auto!important;text-align:center}
.qjs-cv-lead p{color:#C6D7EC!important;font-size:17px!important;line-height:1.78!important;margin:0 0 14px;text-align:center}
.qjs-cv-lead p:last-child{margin-bottom:0;color:#A9BDD6!important;font-size:16px!important}
.qjs-cv-hero .qjs-cv-ctas{justify-content:center!important;margin-top:38px!important}

/* optional vehicle showcase - own container so it can lift over the band edge */
.qjs-cv-showcase.e-con{position:relative;z-index:3;margin-top:-124px;background:transparent}
.qjs-cv-hero-shot{position:relative;width:100%!important;max-width:1080px!important;margin-inline:auto!important}
.qjs-cv-hero-shot::before{content:"";position:absolute;left:9%;right:9%;bottom:-22px;top:auto;width:auto;height:56px;border-radius:50%;filter:blur(26px);background:rgba(212,165,15,.34);z-index:0;pointer-events:none}
.qjs-cv-hero-shot img{position:relative;z-index:1;display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;object-position:center 46%;border-radius:26px;box-shadow:0 0 0 1px rgba(255,255,255,.20),0 0 0 8px rgba(255,255,255,.055),0 54px 96px -44px rgba(1,21,47,.8)}

/* ---------- 2. BUTTONS ---------- */
.qjs-cv-ctas .elementor-button{position:relative;overflow:hidden;border-radius:999px!important;font-family:var(--font-b)!important;font-weight:800!important;font-size:15.5px!important;letter-spacing:.01em!important;padding:17px 34px!important;transition:transform .26s var(--cv-e),box-shadow .26s,background .26s,color .26s,border-color .26s}
.qjs-cv-ctas .elementor-button::after{content:"";position:absolute;top:0;left:-140%;right:auto;width:58%;height:100%;transform:skewX(-18deg);pointer-events:none;background:linear-gradient(100deg,transparent,rgba(255,255,255,.45),transparent)}
.qjs-cv-ctas .elementor-button:hover::after{animation:qjsCvSheen .85s var(--cv-e)}
@keyframes qjsCvSheen{from{left:-140%}to{left:150%}}
.qjs-cv-ctas .elementor-button:hover{transform:translateY(-3px)}
.qjs-cv-ctas .qjs-btn-primary .elementor-button{background:linear-gradient(180deg,var(--cv-gold-hi) 0%,var(--cv-gold) 52%,#B8900B 100%)!important;color:var(--cv-navy)!important;border:0!important;box-shadow:0 12px 30px -12px rgba(212,165,15,.85),inset 0 1px 0 rgba(255,255,255,.5)}
.qjs-cv-ctas .qjs-btn-primary .elementor-button:hover{box-shadow:0 20px 40px -12px rgba(212,165,15,.95),inset 0 1px 0 rgba(255,255,255,.6)}
.qjs-cv-ctas .qjs-btn-primary .elementor-button svg,.qjs-cv-ctas .qjs-btn-primary .elementor-button i{fill:var(--cv-navy)!important;color:var(--cv-navy)!important}
.qjs-cv-ctas .qjs-btn-secondary .elementor-button{background:rgba(255,255,255,.08)!important;border:1.5px solid rgba(255,255,255,.42)!important;color:#fff!important;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:none}
.qjs-cv-ctas .qjs-btn-secondary .elementor-button:hover{background:rgba(255,255,255,.16)!important;border-color:#fff!important;color:#fff!important}
.qjs-cv-ctas .qjs-btn-secondary .elementor-button svg,.qjs-cv-ctas .qjs-btn-secondary .elementor-button i{fill:#25D366!important;color:#25D366!important}
@media(min-width:768px){.qjs-cv-ctas .elementor-button{width:auto!important}}
@media(max-width:767px){.qjs-cv-ctas .elementor-button{width:100%!important;justify-content:center}}
.qjs-cv-ctas--left{justify-content:flex-start!important;margin-top:26px!important}
@media(min-width:768px){.qjs-cv-ctas--left>.elementor-widget-button{width:auto!important;flex:0 0 auto}}

/* ---------- 3. SECTION HEADERS ---------- */
.qjs-cv-h2{position:relative;padding-top:30px;text-align:center;margin:0}
.qjs-cv-h2::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:64px;height:4px;border-radius:99px;background:linear-gradient(90deg,var(--cv-gold-hi),var(--cv-gold),var(--cv-gold-deep));box-shadow:0 0 18px rgba(212,165,15,.45)}
.qjs-cv-h2 h2.elementor-heading-title{font-family:var(--font-d)!important;font-size:clamp(26px,3.1vw,42px)!important;line-height:1.14!important;font-weight:800!important;letter-spacing:-.03em!important;color:var(--cv-navy)!important;margin:0;text-wrap:balance}
.qjs-cv-h2--left{text-align:left;padding-top:26px}
.qjs-cv-h2--left::before{left:0;transform:none}
.qjs-dark .qjs-cv-h2 h2.elementor-heading-title{color:#fff!important}
.qjs-cv-intro{max-width:680px;margin:0 auto!important;text-align:center}
.qjs-cv-intro p{font-size:16.5px!important;line-height:1.75!important;color:var(--cv-body)!important;margin:0}
.qjs-dark .qjs-cv-intro p{color:var(--cv-body-d)!important}

/* ---------- 4. CARD GRID ---------- */
.qjs-cv-grid.e-con{display:grid!important;grid-template-columns:repeat(var(--cv-cols,3),minmax(0,1fr));gap:22px!important;align-items:stretch;position:relative}
.qjs-cv-grid.e-con>.e-con{width:auto!important;max-width:none!important;min-width:0;flex:1 1 auto}
.qjs-cv-grid--4{--cv-cols:4}
@media(max-width:1024px){.qjs-cv-grid.e-con{--cv-cols:2!important;gap:18px!important}}
@media(max-width:767px){.qjs-cv-grid.e-con{--cv-cols:1!important;gap:14px!important}}
.qjs-cv-card.e-con{position:relative;overflow:hidden;background:#fff;border:1px solid var(--cv-line);border-radius:20px;box-shadow:0 16px 38px -24px rgba(2,41,91,.42);transition:transform .38s var(--cv-e),box-shadow .38s var(--cv-e),border-color .38s,background .38s}
.qjs-cv-card.e-con:hover{transform:translateY(-8px);border-color:rgba(212,165,15,.45);box-shadow:0 34px 60px -28px rgba(2,41,91,.5)}
.qjs-cv-card.e-con::after{content:"";position:absolute;top:0;left:0;right:0;bottom:auto;width:auto;height:4px;transform:scaleX(0);transform-origin:left;transition:transform .45s var(--cv-e);background:linear-gradient(90deg,var(--cv-gold-hi),var(--cv-gold),var(--cv-gold-deep))}
.qjs-cv-card.e-con:hover::after{transform:scaleX(1)}
/* Elementor's own .elementor-widget-icon-box.elementor-position-top rule sets
   text-align:center with three classes. The Chevrolet file outranks it because
   .page-id-795 gives its copy a third class too, and it loads later. De-scoped
   here the same selector carries only two, so Elementor won and the signs and
   process cards rendered with a left icon above centred text. !important
   restores the master's left alignment without touching anything else. */
.qjs-cv-ib .elementor-icon-box-wrapper{text-align:left!important}
.qjs-cv-ib .elementor-icon-box-icon{margin-bottom:18px!important}
.qjs-cv-ib .elementor-icon{width:56px!important;height:56px!important;border-radius:17px!important;display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,var(--cv-gold-hi),var(--cv-gold) 55%,var(--cv-gold-deep))!important;color:var(--cv-navy)!important;box-shadow:0 14px 26px -14px rgba(212,165,15,.9),inset 0 1px 0 rgba(255,255,255,.5);transition:transform .4s var(--cv-e),box-shadow .4s}
.qjs-cv-ib .elementor-icon svg,.qjs-cv-ib .elementor-icon i{width:23px!important;height:23px!important;font-size:22px!important;fill:var(--cv-navy)!important;color:var(--cv-navy)!important}
.qjs-cv-card:hover .qjs-cv-ib .elementor-icon{transform:translateY(-3px) rotate(-6deg)}
.qjs-cv-ib .elementor-icon-box-title{margin:0 0 10px!important;font-family:var(--font-d)!important;font-size:19px!important;line-height:1.3!important;font-weight:700!important;letter-spacing:-.018em!important;color:var(--cv-navy)!important}
.qjs-cv-ib .elementor-icon-box-description{margin:0!important;font-size:15px!important;line-height:1.72!important;color:var(--cv-body)!important}

/* ---------- 5. BENEFITS SPLIT ---------- */
.qjs-cv-split.e-con{display:grid!important;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:56px!important;align-items:center}
.qjs-cv-split.e-con>.e-con{width:auto!important;max-width:none!important;min-width:0}
@media(max-width:1024px){.qjs-cv-split.e-con{grid-template-columns:minmax(0,1fr)!important;gap:34px!important}}
/* the lead-in paragraph some brands carry in this column reads as body copy
   beside a left-aligned H2, so it drops the centring .qjs-cv-intro applies
   when it sits alone under a centred section heading. */
.qjs-cv-split__text .qjs-cv-intro{max-width:none;margin:0!important;text-align:left}
.qjs-cv-checks .elementor-icon-list-items{display:flex;flex-direction:column;gap:11px;margin:0;padding:0}
.qjs-cv-checks .elementor-icon-list-item{align-items:flex-start;background:#fff;border:1px solid var(--cv-line);border-radius:14px;padding:14px 18px!important;margin:0!important;box-shadow:0 8px 20px -14px rgba(2,41,91,.4);transition:transform .3s var(--cv-e),border-color .3s,box-shadow .3s}
.qjs-cv-checks .elementor-icon-list-item:hover{transform:translateX(5px);border-color:rgba(212,165,15,.55);box-shadow:0 14px 26px -14px rgba(2,41,91,.45)}
.qjs-cv-checks .elementor-icon-list-icon{margin-top:1px}
.qjs-cv-checks .elementor-icon-list-icon svg,.qjs-cv-checks .elementor-icon-list-icon i{width:19px!important;height:19px!important;font-size:18px!important;fill:var(--cv-gold)!important;color:var(--cv-gold)!important}
.qjs-cv-checks .elementor-icon-list-text{padding-inline-start:12px!important;font-size:15.5px!important;line-height:1.6!important;font-weight:600!important;color:var(--cv-navy)!important}
.qjs-cv-shot{position:relative}
.qjs-cv-shot::before{content:"";position:absolute;left:-18px;bottom:-18px;width:150px;height:150px;border-radius:26px;z-index:0;opacity:.22;filter:blur(2px);background:linear-gradient(150deg,var(--cv-gold-hi),var(--cv-gold-deep))}
.qjs-cv-shot img{position:relative;z-index:1;display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center 62%;border-radius:26px;box-shadow:0 44px 80px -44px rgba(2,41,91,.62),0 0 0 1px rgba(255,255,255,.6);transition:transform .9s var(--cv-e)}
.qjs-cv-shot:hover img{transform:scale(1.045)}

/* ---------- 6. PROCESS (dark band) ---------- */
.qjs-cv-process.e-con{position:relative;overflow:hidden;background:linear-gradient(160deg,#0A3C7A 0%,#02295B 45%,#01152F 100%)}
.qjs-cv-process::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(90% 70% at 78% 6%,rgba(212,165,15,.17),rgba(212,165,15,0) 60%)}
.qjs-cv-process>.e-con-inner{position:relative;z-index:1}
.qjs-cv-steps{counter-reset:cvstep}
@media(min-width:1025px){.qjs-cv-steps::before{content:"";position:absolute;top:58px;bottom:auto;left:12%;right:auto;width:76%;height:1px;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(212,165,15,0),rgba(212,165,15,.5) 18%,rgba(212,165,15,.5) 82%,rgba(212,165,15,0))}}
.qjs-cv-step.e-con{counter-increment:cvstep;background:rgba(255,255,255,.055)!important;border:1px solid var(--cv-line-d)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 22px 44px -28px rgba(0,0,0,.85)}
.qjs-cv-step.e-con:hover{background:rgba(255,255,255,.085)!important;border-color:rgba(212,165,15,.5)!important;box-shadow:0 34px 60px -30px rgba(0,0,0,.9)}
.qjs-cv-step.e-con::before{content:counter(cvstep,decimal-leading-zero);position:absolute;top:12px;bottom:auto;left:auto;right:18px;width:auto;height:auto;z-index:0;pointer-events:none;font-family:var(--font-d);font-size:42px;font-weight:800;line-height:1;letter-spacing:-.04em;color:rgba(255,255,255,.11)}
.qjs-cv-step .qjs-cv-ib .elementor-icon{background:rgba(212,165,15,.18)!important;box-shadow:inset 0 0 0 1px rgba(212,165,15,.45)!important}
.qjs-cv-step .qjs-cv-ib .elementor-icon svg,.qjs-cv-step .qjs-cv-ib .elementor-icon i{fill:var(--cv-gold-hi)!important;color:var(--cv-gold-hi)!important}
.qjs-cv-step .qjs-cv-ib .elementor-icon-box-title{color:#fff!important}
.qjs-cv-step .qjs-cv-ib .elementor-icon-box-description{color:var(--cv-body-d)!important}

/* ---------- 7. MODEL CHIPS ---------- */
.qjs-cv-chips .elementor-icon-list-items{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0;padding:0}
.qjs-cv-chips .elementor-icon-list-item{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:11px;text-align:center;background:#fff;border:1px solid var(--cv-line);border-radius:18px;padding:24px 14px!important;margin:0!important;box-shadow:0 12px 28px -20px rgba(2,41,91,.45);transition:transform .34s var(--cv-e),border-color .34s,box-shadow .34s}
.qjs-cv-chips .elementor-icon-list-item:hover{transform:translateY(-7px);border-color:rgba(212,165,15,.6);box-shadow:0 26px 44px -24px rgba(2,41,91,.5)}
.qjs-cv-chips .elementor-icon-list-icon{width:48px;height:48px;border-radius:15px;display:flex;align-items:center;justify-content:center;margin:0!important;padding:0!important;background:linear-gradient(150deg,rgba(212,165,15,.18),rgba(212,165,15,.07));box-shadow:inset 0 0 0 1px rgba(212,165,15,.34);transition:background .34s,box-shadow .34s}
.qjs-cv-chips .elementor-icon-list-item:hover .elementor-icon-list-icon{background:linear-gradient(150deg,var(--cv-gold-hi),var(--cv-gold-deep));box-shadow:0 12px 22px -12px rgba(212,165,15,.85)}
.qjs-cv-chips .elementor-icon-list-icon svg,.qjs-cv-chips .elementor-icon-list-icon i{width:22px!important;height:22px!important;font-size:21px!important;fill:var(--cv-gold-deep)!important;color:var(--cv-gold-deep)!important;transition:fill .34s,color .34s}
.qjs-cv-chips .elementor-icon-list-item:hover .elementor-icon-list-icon svg,.qjs-cv-chips .elementor-icon-list-item:hover .elementor-icon-list-icon i{fill:var(--cv-navy)!important;color:var(--cv-navy)!important}
.qjs-cv-chips .elementor-icon-list-text{padding:0!important;font-family:var(--font-d)!important;font-size:15px!important;font-weight:700!important;letter-spacing:-.01em!important;color:var(--cv-navy)!important}
@media(max-width:1024px){.qjs-cv-chips .elementor-icon-list-items{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.qjs-cv-chips .elementor-icon-list-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}}
.qjs-cv-note{max-width:640px;margin:6px auto 0!important;text-align:center}
.qjs-cv-note p{margin:0;font-size:15.5px!important;line-height:1.7!important;color:var(--cv-body)!important}

/* ---------- 8. FINAL CTA ---------- */
.qjs-cv-cta.e-con{position:relative;overflow:hidden;background:linear-gradient(152deg,#0A3C7A 0%,#02295B 48%,#01152F 100%)}
.qjs-cv-cta::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(70% 120% at 50% 0%,rgba(212,165,15,.20),rgba(212,165,15,0) 62%)}
.qjs-cv-cta::after{content:"";position:absolute;top:0;bottom:auto;left:0;right:0;width:auto;height:1px;pointer-events:none;background:linear-gradient(90deg,rgba(212,165,15,0),rgba(212,165,15,.7),rgba(255,255,255,.25),rgba(212,165,15,0))}
.qjs-cv-cta>.e-con-inner{position:relative;z-index:1}
.qjs-cv-cta__inner{max-width:820px;margin:0 auto;align-items:center;text-align:center}
.qjs-cv-cta__inner .qjs-cv-lead{max-width:680px!important;margin:0 auto!important}
.qjs-cv-cta .qjs-cv-ctas{justify-content:center!important}

/* ---------- 9. FAQ ---------- */
.qjs-cv-acc .elementor-accordion{display:flex;flex-direction:column;gap:12px;max-width:920px;margin:0 auto;border:0}
.qjs-cv-acc .elementor-accordion-item{border:1.5px solid var(--cv-line)!important;border-radius:16px!important;overflow:hidden;background:#fff!important;box-shadow:0 8px 22px -18px rgba(2,41,91,.5);transition:border-color .35s,box-shadow .35s}
.qjs-cv-acc .elementor-accordion-item:hover{border-color:rgba(212,165,15,.5)!important}
.qjs-cv-acc .elementor-tab-title{display:flex!important;align-items:center;gap:14px;padding:20px 24px!important;background:transparent!important;border:0!important;font-family:var(--font-d)!important;font-size:17px!important;line-height:1.4!important;font-weight:700!important;letter-spacing:-.012em!important;color:var(--cv-navy)!important;transition:background .35s,color .35s}
.qjs-cv-acc .elementor-tab-title:hover{color:var(--cv-gold-deep)!important}
.qjs-cv-acc .elementor-accordion-title{color:inherit!important;text-decoration:none;order:1;flex:1 1 auto}
/* Elementor's .elementor-accordion-icon-left rule sets display:block with three
   classes. As with the icon-box wrapper above, the Chevrolet file outranks it via
   .page-id-795; de-scoped this selector has only two, so display:block won and the
   flex centring below was inert - the +/- glyph sat top-left of the rounded square
   instead of centred. display is the only property that was losing here. */
.qjs-cv-acc .elementor-accordion-icon{order:2;margin:0 0 0 auto!important;padding:0!important;width:32px;min-width:32px;height:32px;border-radius:10px;display:flex!important;align-items:center;justify-content:center;background:rgba(212,165,15,.14);color:var(--cv-gold-deep)!important;transition:background .35s,color .35s,transform .35s var(--cv-e)}
.qjs-cv-acc .elementor-accordion-icon svg,.qjs-cv-acc .elementor-accordion-icon i{width:13px!important;height:13px!important;font-size:13px!important;fill:currentColor!important;color:inherit!important}
.qjs-cv-acc .elementor-tab-title.elementor-active{background:linear-gradient(150deg,#0A3C7A,#02295B 70%)!important;color:#fff!important}
.qjs-cv-acc .elementor-tab-title.elementor-active .elementor-accordion-icon{background:linear-gradient(150deg,var(--cv-gold-hi),var(--cv-gold-deep));color:var(--cv-navy)!important}
.qjs-cv-acc .elementor-tab-content{padding:0 24px 22px!important;border:0!important;background:transparent!important}
.qjs-cv-acc .elementor-tab-content.elementor-active{background:linear-gradient(180deg,#02295B,#01152F)!important;padding-top:20px!important}
.qjs-cv-acc .elementor-tab-content p{margin:0;max-width:76ch;font-size:15.5px!important;line-height:1.78!important;color:var(--cv-body)!important}
.qjs-cv-acc .elementor-tab-content.elementor-active p{color:#C4D6EC!important}

/* ---------- 10. SCROLL REVEAL (JS-gated so it can never hide content) ----------
   .qjs-reveal is scoped to .qjs-cv-card here: the older brand pages use the
   bare class, and an unscoped rule would hide their cards for good. */
@media(prefers-reduced-motion:no-preference){
  html.qjs-cv-js .qjs-cv-card.qjs-reveal,html.qjs-cv-js .qjs-cv-fade{opacity:0;transform:translateY(24px);transition:opacity .75s var(--cv-e) var(--cv-d,0ms),transform .75s var(--cv-e) var(--cv-d,0ms)}
  html.qjs-cv-js .qjs-cv-card.qjs-reveal.qjs-cv-in,html.qjs-cv-js .qjs-cv-fade.qjs-cv-in{opacity:1;transform:none}
  .qjs-cv-hero__inner>*{animation:qjsCvUp .8s var(--cv-e) both}
  .qjs-cv-hero__inner>:nth-child(3){animation-delay:.06s}
  .qjs-cv-hero__inner>:nth-child(4){animation-delay:.16s}
  .qjs-cv-hero__inner>:nth-child(5){animation-delay:.26s}
  .qjs-cv-hero__inner>:nth-child(6){animation-delay:.36s}
}
@keyframes qjsCvUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}

/* ---------- 11. RESPONSIVE ---------- */
@media(max-width:1024px){
  .qjs-cv-hero__inner{max-width:none}
  .qjs-cv-mark::before{width:240px;height:240px}
  .qjs-cv-showcase.e-con{margin-top:-92px}
  .qjs-cv-hero-shot img{aspect-ratio:16/9;border-radius:22px}
  .qjs-cv-split.e-con{gap:34px!important}
}
@media(max-width:767px){
  .qjs-cv-crumbs{margin:0 0 28px!important}
  .qjs-cv-crumbs .qjs-crumbs{font-size:10.5px;letter-spacing:.12em}
  .qjs-cv-mark{margin:0 0 28px!important}
  .qjs-cv-mark img{width:68px;padding:20px 26px;border-radius:20px}
  .qjs-cv-mark::before{width:180px;height:180px}
  .qjs-cv-h1{margin:0 0 24px!important}
  .qjs-cv-h1::after{margin-top:22px;width:60px;height:3px}
  .qjs-cv-lead p{font-size:16px!important}
  .qjs-cv-hero .qjs-cv-ctas{margin-top:30px!important}
  .qjs-cv-showcase.e-con{margin-top:-58px}
  .qjs-cv-hero-shot img{aspect-ratio:4/3;border-radius:18px;box-shadow:0 0 0 1px rgba(255,255,255,.18),0 0 0 5px rgba(255,255,255,.05),0 30px 56px -30px rgba(1,21,47,.8)}
  .qjs-cv-hero-shot::before{display:none}
  .qjs-cv-h2{padding-top:24px}
  .qjs-cv-step.e-con::before{font-size:34px;top:12px;right:16px}
  .qjs-cv-acc .elementor-tab-title{font-size:15.5px!important;padding:16px 18px!important;gap:10px}
  .qjs-cv-acc .elementor-tab-content{padding:0 18px 18px!important}
  .qjs-cv-acc .elementor-tab-content.elementor-active{padding-top:16px!important}
  .qjs-cv-shot::before{display:none}
  .qjs-cv-shot img{aspect-ratio:16/11}
}
