/* Opt-in compositions for Volkswagen tuning page 5709. Shared tokens and controls remain in V2. */
#vw-tuning{color:var(--body)}
#vw-tuning :is(section,nav)[id]{scroll-margin-top:154px}
#vw-tuning :is(p,h1,h2,h3,dd,dt,a){overflow-wrap:break-word}
#vw-tuning p{line-height:1.7}
#vw-tuning :is(h2,h3,strong,dt){color:var(--navy)}
#vw-tuning h3{font-size:21px;line-height:1.22;margin-bottom:10px;font-weight:750}
#vw-tuning .tn-sec{padding:64px 0}
#vw-tuning .tn-mist{background:var(--mist)}
#vw-tuning .tn-kicker{display:block;font-size:12px;font-weight:750;letter-spacing:.09em;text-transform:uppercase;color:var(--blue);margin-bottom:15px}
#vw-tuning .tn-head{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:34px}
#vw-tuning .tn-head p{margin:0}
#vw-tuning .tn-actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
#vw-tuning a:not(.btn){text-underline-offset:3px}
#vw-tuning .tn-sec a:not(.btn){color:var(--blue);text-decoration:underline}
#vw-tuning .tn-sec a:not(.btn):hover{color:var(--navy)}
#vw-tuning .tn-hero{padding:50px 0 48px}
#vw-tuning .tn-hero .wrap{grid-template-columns:1.08fr .92fr;gap:44px}
#vw-tuning .tn-crumb{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px;margin-bottom:23px;color:var(--steel)}
#vw-tuning .tn-crumb a{color:var(--body);text-decoration:none}
#vw-tuning .tn-hero h1 span{display:block}
#vw-tuning .tn-hero .answer{margin-bottom:21px}
#vw-tuning .tn-price-cue{border-left:3px solid var(--blue);padding:0 0 0 18px;margin-bottom:23px}
#vw-tuning .tn-price-cue strong{display:block;font-size:17px;line-height:1.45;margin-bottom:5px}
#vw-tuning .tn-price-cue span{display:block;font-size:13px;line-height:1.6;max-width:60ch}
#vw-tuning .hero-facts{margin-top:20px;gap:10px 16px;font-size:13px}
#vw-tuning .hero-facts li{border-left:2px solid var(--blue);padding-left:9px}
#vw-tuning figure{margin:0;min-width:0}
#vw-tuning figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:13px;background:var(--tint)}
#vw-tuning figcaption{font-size:12px;color:var(--steel);line-height:1.5;margin-top:9px}
#vw-tuning .tn-hero-note{display:grid;grid-template-columns:1fr 1.8fr;gap:20px;border-top:1px solid var(--line-2);margin-top:22px;padding-top:20px;font-size:14px}
#vw-tuning .tn-hero-note p{margin:0}
#vw-tuning .tn-shortcuts{background:var(--navy)}
#vw-tuning .tn-shortcuts .wrap{display:flex;gap:15px 25px;flex-wrap:wrap;align-items:center;padding-top:17px;padding-bottom:17px}
#vw-tuning .tn-shortcuts span{font-size:12px;color:#b9c9e5}
#vw-tuning .tn-shortcuts a{font-size:13px;font-weight:650;color:#fff;text-decoration:none;line-height:1.5}
#vw-tuning .tn-shortcuts a:hover{color:var(--sky)}
#vw-tuning .tn-budget-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:36px;align-items:start}
#vw-tuning .tn-budget{border-top:2px solid var(--navy)}
#vw-tuning .tn-budget article{padding:23px 0;display:grid;grid-template-columns:1.3fr 1fr;gap:25px;align-items:center;border-bottom:1px solid var(--line)}
#vw-tuning .tn-budget h3{font-size:20px}
#vw-tuning .tn-budget article p{font-size:14px}
#vw-tuning .tn-budget article>strong{text-align:right;font-size:29px;line-height:1.1;letter-spacing:-.03em}
#vw-tuning .tn-budget small{display:block;font-size:12px;font-weight:600;letter-spacing:0;color:var(--steel);margin-bottom:5px}
#vw-tuning .tn-budget article>strong.tn-quote{font-size:19px;letter-spacing:0;line-height:1.35}
#vw-tuning .tn-fine{font-size:12.5px;color:var(--steel);margin-top:17px}
#vw-tuning .tn-estimate{background:var(--mist);border-radius:16px;padding:30px}
#vw-tuning .tn-estimate dl{margin-top:22px}
#vw-tuning .tn-estimate dl>div+div{border-top:1px solid var(--line);padding-top:16px;margin-top:16px}
#vw-tuning .tn-estimate dt{font-size:15px;font-weight:750;margin-bottom:4px}
#vw-tuning .tn-estimate dd{font-size:14px;line-height:1.6;margin:0}
#vw-tuning .tn-estimate>p{font-size:13px;margin-top:22px;border-left:2px solid var(--blue);padding-left:14px}
#vw-tuning .tn-cost-action{margin-top:28px;display:grid;grid-template-columns:1fr 1.1fr;gap:30px;align-items:center}
#vw-tuning .tn-cost-action p{font-size:14px}
#vw-tuning .tn-cost-action .tn-actions{justify-content:flex-end}
#vw-tuning .tn-option-rows{border-top:1px solid var(--line-2)}
#vw-tuning .tn-option-rows article{display:grid;grid-template-columns:50px 1fr .9fr;gap:26px;padding:28px 0;border-bottom:1px solid var(--line-2);align-items:start}
#vw-tuning .tn-number{font-size:13px;font-weight:750;color:var(--blue);padding-top:3px}
#vw-tuning .tn-option-rows p{font-size:14.5px}
#vw-tuning .tn-decision{border-left:2px solid var(--line-2);padding-left:24px}
#vw-tuning .tn-section-note{font-size:13px;color:var(--steel);margin-top:21px;max-width:95ch}
#vw-tuning .tn-fit-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:start}
#vw-tuning .tn-fit-layout h2{margin-bottom:23px}
#vw-tuning .tn-fit-list{display:grid;grid-template-columns:1fr 1fr;gap:28px}
#vw-tuning .tn-fit-list>div{border-top:2px solid var(--blue);padding-top:17px}
#vw-tuning .tn-fit-list strong{font-size:17px;display:block;line-height:1.25;margin-bottom:9px}
#vw-tuning .tn-fit-list p{font-size:14px}
#vw-tuning .tn-check-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
#vw-tuning .tn-check-layout figure{position:sticky;top:150px}
#vw-tuning .tn-check-list>div{display:grid;grid-template-columns:.8fr 1.25fr;gap:25px;padding:18px 0;border-bottom:1px solid var(--line)}
#vw-tuning .tn-check-list>div:first-child{padding-top:0}
#vw-tuning .tn-check-list h3{font-size:16px;line-height:1.35}
#vw-tuning .tn-check-list p{font-size:13.5px}
#vw-tuning .tn-repair-note{border-top:1px solid var(--line-2);padding-top:25px;margin-top:30px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}
#vw-tuning .tn-repair-note strong{display:block;margin-bottom:5px}
#vw-tuning .tn-repair-note p{font-size:14px}
#vw-tuning .tn-dark{background:var(--navy);color:#d9e4f5}
#vw-tuning .tn-dark :is(h2,h3,strong){color:#fff}
#vw-tuning .tn-dark .tn-kicker{color:#9adfff}
#vw-tuning .tn-fuel-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
#vw-tuning .tn-fuel-columns article+article{border-left:1px solid #32517e;padding-left:32px}
#vw-tuning .tn-fuel-columns article>span{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#9adfff;margin-bottom:15px}
#vw-tuning .tn-fuel-columns p{font-size:14.5px}
#vw-tuning .tn-work-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:80px}
#vw-tuning .tn-work-layout h2{margin-bottom:22px}
#vw-tuning .tn-access{margin-top:25px;background:var(--mist);border-radius:12px;padding:22px}
#vw-tuning .tn-access strong{font-size:17px;display:block;margin-bottom:8px}
#vw-tuning .tn-access p{font-size:14px}
#vw-tuning .tn-work-steps{list-style:none;margin:0;padding:0}
#vw-tuning .tn-work-steps li{display:grid;grid-template-columns:38px 1fr;gap:22px;padding-bottom:23px}
#vw-tuning .tn-work-steps li+li{padding-top:23px;border-top:1px solid var(--line)}
#vw-tuning .tn-work-steps li>span{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--tint);color:var(--blue);font-size:14px;font-weight:750}
#vw-tuning .tn-work-steps h3{font-size:20px}
#vw-tuning .tn-work-steps p{font-size:14.5px}
#vw-tuning .tn-outcome-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px}
#vw-tuning .tn-outcome-layout h3{margin-bottom:24px}
#vw-tuning .tn-outcome-layout dl>div{display:grid;grid-template-columns:.7fr 1.3fr;gap:20px;border-top:1px solid var(--line-2);padding:20px 0}
#vw-tuning .tn-outcome-layout dt{font-size:14px;font-weight:750}
#vw-tuning .tn-outcome-layout dd{font-size:14px;line-height:1.65;margin:0}
#vw-tuning .tn-visit{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:start}
#vw-tuning .tn-visit h2{margin-bottom:21px}
#vw-tuning .tn-maintenance{border-left:3px solid var(--blue);padding-left:30px}
#vw-tuning .tn-maintenance p{font-size:14px}
#vw-tuning .tn-maintenance ul{padding:0;list-style:none;margin:19px 0;display:grid;gap:10px}
#vw-tuning .tn-maintenance a{font-size:14px;font-weight:650}
#vw-tuning .tn-close .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:40px;align-items:center}
#vw-tuning .tn-close h2{margin-bottom:20px}
#vw-tuning .tn-close p{font-size:15px;max-width:64ch}
#vw-tuning .tn-close .tn-actions{justify-content:flex-end}
@media(max-width:1050px){
 #vw-tuning .tn-hero .wrap{grid-template-columns:1fr 1fr;gap:28px}
 #vw-tuning .tn-head{gap:32px}
 #vw-tuning :is(.tn-fit-layout,.tn-work-layout,.tn-visit){gap:40px}
 #vw-tuning .tn-fit-list{gap:22px}
 #vw-tuning .tn-cost-action{grid-template-columns:1fr}
 #vw-tuning .tn-cost-action .tn-actions{justify-content:flex-start}
 #vw-tuning .tn-check-list>div{grid-template-columns:1fr;gap:0}
 #vw-tuning .tn-fuel-columns{gap:25px}
 #vw-tuning .tn-fuel-columns article+article{padding-left:24px}
 #vw-tuning .tn-close .wrap{grid-template-columns:1fr}
 #vw-tuning .tn-close .tn-actions{justify-content:flex-start}
}
@media(max-width:800px){
 #vw-tuning :is(section,nav)[id]{scroll-margin-top:120px}
 #vw-tuning .tn-sec{padding:46px 0}
 #vw-tuning .tn-hero{padding:35px 0 38px}
 #vw-tuning :is(.tn-hero .wrap,.tn-head,.tn-budget-layout,.tn-fit-layout,.tn-check-layout,.tn-work-layout,.tn-outcome-layout,.tn-visit){grid-template-columns:1fr;gap:30px}
 #vw-tuning .tn-hero figure{max-width:650px}
 #vw-tuning .tn-hero-note{max-width:650px}
 #vw-tuning .tn-head{margin-bottom:29px}
 #vw-tuning .tn-option-rows article{grid-template-columns:30px 1fr;gap:16px}
 #vw-tuning .tn-decision{grid-column:2;padding-left:16px}
 #vw-tuning .tn-check-layout figure{position:static}
 #vw-tuning .tn-check-list>div{grid-template-columns:.75fr 1.25fr;gap:22px}
 #vw-tuning .tn-repair-note{grid-template-columns:1fr;gap:20px}
 #vw-tuning .tn-repair-note .btn{justify-self:start}
 #vw-tuning .tn-fuel-columns{grid-template-columns:1fr;gap:24px}
 #vw-tuning .tn-fuel-columns article+article{border-left:0;padding:24px 0 0;border-top:1px solid #32517e}
 #vw-tuning .tn-fuel-columns p{max-width:70ch}
 #vw-tuning .tn-outcome-layout dl>div{grid-template-columns:.65fr 1.35fr}
}
@media(max-width:480px){
 #vw-tuning .tn-shortcuts .wrap{gap:14px 18px}
 #vw-tuning .tn-shortcuts span{width:100%}
 #vw-tuning .tn-budget article{grid-template-columns:1fr;gap:15px}
 #vw-tuning .tn-budget article>strong{text-align:left;font-size:30px}
 #vw-tuning .tn-budget small{display:inline;margin-right:8px}
 #vw-tuning .tn-estimate{padding:24px}
 #vw-tuning .tn-fit-list{grid-template-columns:1fr}
 #vw-tuning .tn-check-list>div{grid-template-columns:1fr;gap:0}
 #vw-tuning .tn-outcome-layout dl>div{grid-template-columns:1fr;gap:8px}
 #vw-tuning .tn-maintenance{padding-left:20px}
 #vw-tuning .tn-hero-note{grid-template-columns:1fr;gap:7px}
 #vw-tuning .tn-actions{align-items:stretch}
}