@media (min-width: 1025px) {
:root {
--so-desktop-section-space: clamp(58px, 5vw, 74px);
--so-desktop-section-space-wide: clamp(64px, 5.4vw, 82px);
--so-desktop-head-space: clamp(30px, 3vw, 42px);
}
.so-hero h1,
.so-standard-page h1,
.so-error-page h1,
.so-workshop-hero h1,
.so-faq-hero h1,
.so-thanks-hero h1,
.so-chip-hero h1,
.so-recall-hero h1,
.so-legal-hero h1,
.so-brand-hero h1,
.so-landing-hero h1,
.so-jc-hero h1,
.so-gt-hero h1,
.so-ident-hero h1 {
font-size: clamp(3.15rem, 5vw, 5.15rem);
line-height: .9;
}
.so-section,
.so-home-offer,
.so-final-cta,
.so-standard-page,
.so-google-proof,
.so-workshop-intro,
.so-workshop-quality,
.so-workshop-process,
.so-workshop-proof,
.so-workshop-cta,
.so-thanks-process,
.so-thanks-next,
.so-chip-benefits,
.so-chip-method,
.so-chip-process,
.so-chip-fit,
.so-recall-info,
.so-recall-process,
.so-legal-content,
.so-brand-focus,
.so-vag-approval,
.so-mercedes-control,
.so-brand-benefits,
.so-brand-switcher,
.so-brand-cta,
.so-ecu-flow,
.so-ecu-shipping,
.so-ecu-costs,
.so-downloads,
.so-camper-problem,
.so-landing-benefits,
.so-platforms,
.so-landing-process,
.so-landing-proof,
.so-jc-signals,
.so-jc-methods,
.so-jc-proof,
.so-jc-comparison,
.so-jc-process,
.so-jc-faq,
.so-jc-cta,
.so-gt-signals,
.so-gt-difference,
.so-gt-process,
.so-gt-machine,
.so-gt-interval,
.so-gt-faq,
.so-gt-cta,
.so-ident-intro,
.so-ident-capabilities,
.so-tool-guide {
padding-block: var(--so-desktop-section-space);
}
.so-legal-hero {
padding-block: var(--so-desktop-section-space-wide);
}
.so-heading-row,
.so-home-offer__head,
.so-funnel-desire__intro,
.so-funnel-performance__head,
.so-funnel-reviews__head,
.so-workshop-intro__heading,
.so-workshop-process__head,
.so-google-proof__head,
.so-faq-section-head,
.so-chip-process__head,
.so-brand-switcher__head,
.so-ecu-flow__head,
.so-ecu-costs__head,
.so-camper-problem__intro,
.so-landing-heading,
.so-platforms__head,
.so-jc-signals__head,
.so-jc-section-head,
.so-jc-comparison__head,
.so-jc-process__head,
.so-gt-signals header,
.so-gt-process__head,
.so-ident-capabilities header,
.so-tool-guide__head {
margin-bottom: var(--so-desktop-head-space);
}
.so-camper-problem__intro .so-section-index,
.so-landing-heading .so-section-index,
.so-platforms__head .so-section-index,
.so-landing-process .so-section-index,
.so-brand-benefits__head .so-section-index,
.so-faq-basics__heading .so-section-index,
.so-faq-boxes__content .so-section-index,
.so-faq-answers__intro .so-section-index,
.so-faq-section-head .so-section-index {
margin-bottom: 24px;
}
.so-funnel-desire__grid li { min-height: 285px; }
.so-funnel-desire__grid li > i { margin-block: 34px 19px; }
.so-funnel-reviews blockquote { min-height: 255px; }
.so-workshop-service { min-height: 290px; }
.so-workshop-service__icon { margin-block: 24px 21px; }
.so-workshop-quality__media { min-height: 620px; }
.so-workshop-process__steps li { min-height: 225px; }
.so-workshop-process__steps h3 { margin-top: 48px; }
.so-faq-method { min-height: 330px; }
.so-faq-process__steps li { min-height: 265px; }
.so-faq-process__steps h3 { margin-top: 38px; }
.so-brand-focus__grid article { min-height: 340px; }
.so-brand-focus__grid h3 { margin-block: 48px 24px; }
.so-brand-benefits h2 { margin-bottom: 38px; }
.so-brand-benefits__grid article { min-height: 280px; }
.so-brand-benefits__grid i { margin-block: 38px 22px; }
.so-feature-grid article { min-height: 275px; }
.so-feature-grid article > i { margin-block: 38px 22px; }
.so-platform-grid article { min-height: 220px; }
.so-torque-card { min-height: 475px; }
.so-ecu-option-grid article { min-height: 445px; }
.so-ecu-cost-grid article { min-height: 220px; }
.so-ecu-cost-grid strong { margin-top: 34px; }
.so-jc-signals__grid article,
.so-gt-signals__grid article { min-height: 220px; }
.so-jc-method { min-height: 560px; }
.so-jc-proof__gallery figure { min-height: 380px; }
.so-jc-process li,
.so-gt-process li { min-height: 225px; }
.so-ident-capabilities .so-icon { margin-bottom: 38px; }
.so-google-proof__grid article { min-height: 255px; }
}
@media (min-width: 621px) and (max-width: 1024px) {
.so-hero h1,
.so-standard-page h1,
.so-error-page h1,
.so-workshop-hero h1,
.so-faq-hero h1,
.so-thanks-hero h1,
.so-chip-hero h1,
.so-recall-hero h1,
.so-legal-hero h1,
.so-brand-hero h1,
.so-landing-hero h1,
.so-jc-hero h1,
.so-gt-hero h1,
.so-ident-hero h1 {
font-size: clamp(3rem, 7.2vw, 4.2rem);
line-height: .9;
}
}
@media (max-width: 620px) {
.so-hero h1,
.so-standard-page h1,
.so-error-page h1,
.so-workshop-hero h1,
.so-faq-hero h1,
.so-thanks-hero h1,
.so-chip-hero h1,
.so-recall-hero h1,
.so-legal-hero h1,
.so-brand-hero h1,
.so-landing-hero h1,
.so-jc-hero h1,
.so-gt-hero h1,
.so-ident-hero h1 {
font-size: clamp(2.2rem, 9.5vw, 2.65rem);
line-height: .98;
}
}