/* Opt-in detailing service layouts, using the shared VW V2 components and tokens. */
#detailing-main section[id]{scroll-margin-top:145px}
#detailing-main .dt-eyebrow{font-size:13px;font-weight:700;letter-spacing:.065em;text-transform:uppercase;color:var(--blue);margin-bottom:14px}
#detailing-main figcaption{font-size:12.5px;color:var(--steel);line-height:1.5;padding:12px 2px 0}
#detailing-main .dt-price-cue{margin:24px 0;padding:16px 20px;border-left:3px solid var(--blue);background:var(--tint);border-radius:0 var(--r-sm) var(--r-sm) 0}
#detailing-main .dt-price-cue strong{display:block;font-size:16px;color:var(--navy);margin-bottom:5px}
#detailing-main .dt-price-cue span{display:block;font-size:14px;line-height:1.6}
#detailing-main #dt-prices .sec-head{display:block;max-width:800px;margin-bottom:32px}
#detailing-main #dt-prices .sec-head h2{margin-bottom:16px}
#detailing-main #dt-prices .sec-head .answer{justify-self:auto;max-width:74ch}
#detailing-main .dt-service-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
#detailing-main .dt-service-options article{display:flex;flex-direction:column;min-width:0;padding:26px;background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--blue);border-radius:var(--r-lg);box-shadow:0 12px 28px -20px rgba(0,30,80,.22)}
#detailing-main .dt-service-options article.dt-combined{background:var(--mist);border-color:var(--line-2);border-top-color:var(--blue)}
#detailing-main .dt-number{display:block;font-size:11.5px;line-height:1.5;letter-spacing:.065em;font-weight:700;color:var(--steel);margin-bottom:10px}
#detailing-main .dt-service-options h3{font-size:24px;line-height:1.2;margin:0}
#detailing-main .dt-price{padding:18px;background:var(--mist);border:1px solid var(--line);border-radius:var(--r-sm);margin:22px 0 18px}
#detailing-main .dt-combined .dt-price{background:var(--paper)}
#detailing-main .dt-price strong{display:block;color:var(--blue);font-size:27px;line-height:1.2;margin:6px 0 8px}
#detailing-main .dt-price span{display:block;font-size:12px;line-height:1.5}
#detailing-main .dt-price .dt-price-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.045em;color:var(--steel)}
#detailing-main .dt-service-options article>p{font-size:14.5px;line-height:1.65;margin:0 0 20px;min-height:4.95em}
#detailing-main .dt-service-options ul{padding:18px 0 0;margin:0;display:grid;gap:12px;list-style:none;border-top:1px solid var(--line);font-size:14px;line-height:1.5}
#detailing-main .dt-service-options li{display:flex;gap:9px;align-items:flex-start}
#detailing-main .dt-service-options li svg{width:16px;height:16px;margin-top:3px;flex:none;color:var(--blue)}
#detailing-main .dt-price-note{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;border:1px solid var(--line);border-radius:var(--r-md);padding:22px 24px;background:var(--mist);margin-top:24px}
#detailing-main .dt-price-note p{font-size:13px;line-height:1.65}
#detailing-main .dt-price-note strong{color:var(--navy)}
#detailing-main .dt-results-layout{display:grid;grid-template-columns:.9fr 1.45fr;gap:56px;align-items:start}
#detailing-main .dt-result-head{max-width:none;margin:0}
#detailing-main .dt-result-head h2{margin-bottom:22px}
#detailing-main .dt-result-head>.answer{font-size:16px;line-height:1.7}
#detailing-main .dt-results{display:grid;grid-template-columns:1fr;gap:16px;border:0}
#detailing-main .dt-results article{display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;align-items:start;padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md)}
#detailing-main .dt-result-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--tint);color:var(--blue)}
#detailing-main .dt-result-icon svg{width:23px;height:23px}
#detailing-main .dt-result-type{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--blue);margin-bottom:7px}
#detailing-main .dt-results h3{font-size:21px;line-height:1.25;margin-bottom:10px}
#detailing-main .dt-results p{font-size:14.5px;line-height:1.7;margin:0;max-width:62ch}
#detailing-main .dt-wash-note{font-size:14px;margin-top:28px;padding:22px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md)}
#detailing-main .dt-wash-note>strong{display:block;color:var(--navy);font-size:16px;line-height:1.4;margin-bottom:8px}
#detailing-main .dt-wash-note p{font-size:14px;line-height:1.7;margin:0}
#detailing-main .dt-interior-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:start}
#detailing-main .dt-interior-layout h2{margin-bottom:24px}
#detailing-main .dt-interior-layout .answer{font-size:16px;margin-bottom:30px}
#detailing-main .dt-materials>div{display:grid;grid-template-columns:1fr 1.65fr;gap:24px;padding:20px 0;border-top:1px solid var(--line)}
#detailing-main .dt-materials dt{font-weight:700;color:var(--navy);font-size:17px;line-height:1.4}
#detailing-main .dt-materials dd{font-size:14.5px;line-height:1.7}
#detailing-main .dt-interior-media img{width:100%;height:auto;border-radius:var(--r-lg)}
#detailing-main .dt-odour-note{background:var(--mist);padding:22px 24px;margin-top:26px;border-radius:var(--r-md)}
#detailing-main .dt-odour-note h3{font-size:20px;margin-bottom:12px}
#detailing-main .dt-odour-note p{font-size:14px;line-height:1.7}
#detailing-main .dt-exterior-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:64px;align-items:start}
#detailing-main .dt-exterior-layout img{width:100%;border-radius:var(--r-lg)}
#detailing-main .dt-finish-steps{list-style:none}
#detailing-main .dt-finish-steps li{display:flex;gap:22px;padding:22px 0;border-top:1px solid var(--line)}
#detailing-main .dt-finish-steps li:first-child{padding-top:0;border-top:0}
#detailing-main .dt-finish-steps li>span{font-size:13px;font-weight:700;color:var(--blue);flex:none;padding-top:4px}
#detailing-main .dt-finish-steps h3{font-size:22px;margin-bottom:12px}
#detailing-main .dt-finish-steps p{font-size:15px;line-height:1.75}
#detailing-main .dt-special-finish{display:grid;grid-template-columns:1fr 1.6fr;gap:32px;border-left:3px solid var(--blue);padding:22px 26px;background:var(--tint);border-radius:0 var(--r-md) var(--r-md) 0;margin-top:36px}
#detailing-main .dt-special-finish strong{font-size:18px;line-height:1.4;color:var(--navy)}
#detailing-main .dt-special-finish p{font-size:15px;line-height:1.7}
#detailing-main .dt-protection-compare{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:2px solid var(--navy);border-bottom:1px solid var(--line)}
#detailing-main .dt-protection-compare>div{padding:28px 28px 30px;border-left:1px solid var(--line)}
#detailing-main .dt-protection-compare>div:first-child{padding-left:0;border-left:0}
#detailing-main .dt-protection-compare>div:last-child{padding-right:0}
#detailing-main .dt-protection-compare h3{font-size:23px;margin-bottom:16px}
#detailing-main .dt-protection-compare p{font-size:15px;line-height:1.75}
#detailing-main .dt-limit-note{margin-top:24px;font-size:14px;max-width:90ch}
#detailing-main .dt-visit-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
#detailing-main .dt-visit-layout h2{margin-bottom:24px}
#detailing-main .dt-visit-layout .answer{font-size:16px}
#detailing-main .dt-visit-layout>div>p:not(.dt-eyebrow){font-size:15px;line-height:1.75}
#detailing-main .dt-visit-layout .hero-actions{margin-top:28px;margin-bottom:0}
#detailing-main .dt-visit-list{list-style:none;counter-reset:visit}
#detailing-main .dt-visit-list li{counter-increment:visit;border-top:1px solid var(--line);padding:24px 0 24px 48px;position:relative}
#detailing-main .dt-visit-list li::before{content:counter(visit);position:absolute;left:0;top:24px;width:30px;height:30px;border:1px solid var(--line-2);border-radius:50%;color:var(--blue);display:grid;place-items:center;font-size:13px;font-weight:700}
#detailing-main .dt-visit-list strong{font-size:20px;line-height:1.3;color:var(--navy);display:block;margin-bottom:12px}
#detailing-main .dt-visit-list p{font-size:15px;line-height:1.75}
#detailing-main .dt-closing{background:var(--tint)}
#detailing-main .dt-closing .wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:center}
#detailing-main .dt-closing h2{margin-bottom:20px}
#detailing-main .dt-closing p{font-size:16px;max-width:60ch}
#detailing-main .dt-closing .dt-eyebrow{font-size:13px}
#detailing-main .dt-closing .dt-hours{font-size:14px;margin-top:20px}
#detailing-main .dt-closing .hero-actions{margin-bottom:0}
@media(max-width:1024px){#detailing-main .dt-interior-layout,#detailing-main .dt-exterior-layout,#detailing-main .dt-visit-layout{gap:36px}}
@media(max-width:900px){#detailing-main .dt-interior-layout,#detailing-main .dt-exterior-layout,#detailing-main .dt-visit-layout,#detailing-main .dt-closing .wrap{grid-template-columns:1fr}#detailing-main .dt-interior-media{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;align-items:start}#detailing-main .dt-interior-media img{grid-row:span 2}#detailing-main .dt-interior-media figcaption{grid-column:2}#detailing-main .dt-interior-media .dt-odour-note{grid-column:2;margin-top:20px}#detailing-main .dt-exterior-layout>figure{max-width:500px}#detailing-main .dt-special-finish{grid-template-columns:1fr;gap:12px}}
@media(max-width:650px){#detailing-main section[id]{scroll-margin-top:100px}#detailing-main .dt-protection-compare,#detailing-main .dt-interior-media{grid-template-columns:1fr}#detailing-main .dt-materials>div{grid-template-columns:1fr;gap:10px}#detailing-main .dt-interior-media img,#detailing-main .dt-interior-media figcaption,#detailing-main .dt-interior-media .dt-odour-note{grid-column:auto;grid-row:auto}#detailing-main .dt-interior-media img{max-height:500px;object-fit:cover}#detailing-main .dt-protection-compare>div,#detailing-main .dt-protection-compare>div:first-child,#detailing-main .dt-protection-compare>div:last-child{padding:24px 0;border-left:0;border-bottom:1px solid var(--line)}#detailing-main .dt-protection-compare>div:last-child{border-bottom:0}#detailing-main .dt-closing .wrap{gap:30px}}


@media(max-width:1100px){#detailing-main .dt-service-options{gap:18px}#detailing-main .dt-service-options article{padding:22px}#detailing-main .dt-service-options h3{font-size:22px}#detailing-main .dt-results-layout{gap:32px;grid-template-columns:.9fr 1.4fr}}
@media(max-width:900px){#detailing-main .dt-service-options{grid-template-columns:1fr}#detailing-main .dt-service-options article{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;padding:26px}#detailing-main .dt-card-heading{grid-column:1}#detailing-main .dt-service-options article>p{grid-column:1;grid-row:2;min-height:0;margin:18px 0 0}#detailing-main .dt-service-options .dt-price{grid-column:2;grid-row:1/3;align-self:center;margin:0}#detailing-main .dt-service-options ul{grid-column:1/-1;margin-top:22px;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}#detailing-main .dt-price-note{grid-template-columns:1fr;gap:20px}#detailing-main .dt-price-note>div{justify-self:start}#detailing-main .dt-results-layout{grid-template-columns:1fr;gap:30px}#detailing-main .dt-result-head{max-width:760px}#detailing-main .dt-wash-note{margin-top:22px}}
@media(max-width:600px){#detailing-main .dt-service-options article{display:flex;padding:24px}#detailing-main .dt-service-options h3{font-size:24px}#detailing-main .dt-service-options .dt-price{align-self:stretch;margin:20px 0 18px}#detailing-main .dt-service-options article>p{margin:0 0 20px}#detailing-main .dt-service-options ul{margin-top:0;grid-template-columns:1fr;gap:12px}#detailing-main .dt-results article{grid-template-columns:36px minmax(0,1fr);gap:14px;padding:20px}#detailing-main .dt-result-icon{width:36px;height:36px;border-radius:10px}#detailing-main .dt-result-icon svg{width:20px;height:20px}#detailing-main .dt-results h3{font-size:19px}#detailing-main .dt-price-note{padding:20px}}