@media (max-width: 900px) {
.so-nav {
pointer-events: none;
}
.so-nav__list .sub-menu {
visibility: inherit;
}
.so-site-header.is-menu-open .so-nav {
pointer-events: auto;
}
}
@media (max-width: 620px) {
:root {
--so-mobile-section-space: 46px;
}
body.so-2026 {
font-size: 16px;
}
.so-section,
.so-final-cta,
.so-chip-benefits,
.so-chip-method,
.so-chip-process,
.so-chip-fit,
.so-recall-info,
.so-recall-process,
.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-gt-signals,
.so-gt-comparison,
.so-gt-process,
.so-gt-machine,
.so-gt-faq,
.so-gt-cta {
padding-block: var(--so-mobile-section-space);
}
.so-mobile-cta {
right: auto;
left: 12px;
width: auto;
min-height: 44px;
padding: 0 17px;
border-radius: 999px;
font-size: .76rem;
box-shadow: 0 10px 28px rgba(0,0,0,.26);
}
.is-primary-hero-visible .so-mobile-cta {
visibility: hidden;
opacity: 0;
pointer-events: none;
transform: translateY(14px);
}
.so-heading-row h2,
.so-process h2,
.so-about h2,
.so-final-cta h2,
.so-home-offer__head h2,
.so-funnel-video h2,
.so-funnel-desire h2,
.so-funnel-performance h2,
.so-funnel-story h2,
.so-funnel-consultation h2,
.so-funnel-reviews h2,
.so-chip-method h2,
.so-chip-process h2,
.so-chip-fit h2,
.so-brand-benefits h2,
.so-brand-switcher h2,
.so-brand-cta h2,
.so-camper-problem__intro h2,
.so-landing-heading h2,
.so-platforms h2,
.so-landing-process h2 {
font-size: clamp(2rem, 8.8vw, 2.4rem);
line-height: 1.02;
}
body.so-2026 .so-brand-focus .so-landing-heading h2 {
font-size: clamp(2rem, 8.6vw, 2.35rem);
line-height: 1.02;
}
.so-landing-heading,
.so-camper-problem__intro,
.so-platforms__head,
.so-chip-process__head,
.so-brand-switcher__head {
margin-bottom: 26px;
gap: 18px;
}
.so-chip-method__content .so-section-index,
.so-chip-process__head .so-section-index,
.so-chip-fit .so-section-index,
.so-brand-benefits__head .so-section-index,
.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 {
margin-bottom: 14px;
}
.so-chip-benefit-grid,
.so-chip-process__steps,
.so-brand-benefits__grid,
.so-feature-grid,
.so-platform-grid {
gap: 8px;
}
.so-chip-benefit-grid article,
.so-chip-process__steps li,
.so-brand-benefits__grid article,
.so-feature-grid article,
.so-platform-grid article,
.so-recall-card-grid article,
.so-ecu-flow__steps li,
.so-ecu-cost-grid article,
.so-thanks-steps li,
.so-faq-process__steps li {
min-height: 0;
padding: 18px;
}
.so-chip-benefit-grid i,
.so-chip-process__steps i,
.so-brand-benefits__grid i,
.so-feature-grid article > i {
width: 40px;
height: 40px;
margin: 14px 0 11px;
}
.so-brand-focus__grid {
gap: 8px;
}
.so-brand-focus__grid article {
min-height: 0;
padding: 20px 18px;
border-radius: 15px;
}
.so-brand-focus__grid h3 {
margin: 18px 0 14px;
font-size: clamp(1.5rem, 6.6vw, 1.8rem);
line-height: 1.05;
}
.so-brand-focus__grid ul {
gap: 7px;
padding-top: 14px;
}
.so-vag-approval__card,
.so-vag-approval__card--lead,
.so-mercedes-control__grid article,
.so-mercedes-control__lead {
min-height: 0 !important;
padding: 20px !important;
}
.so-vag-approval__card--lead,
.so-mercedes-control__grid article,
.so-mercedes-control__lead {
grid-template-columns: 1fr;
align-content: start;
}
.so-vag-approval__card i,
.so-vag-approval__card--lead i,
.so-mercedes-control__grid i {
width: 44px;
height: 44px;
margin: 16px 0 13px;
}
.so-mercedes-control__intro {
margin: 26px 0 20px;
gap: 14px;
}
.so-camper-situations article {
min-height: 0;
padding: 17px;
grid-template-columns: 30px 1fr;
gap: 10px;
}
.so-torque-card {
gap: 16px;
padding: 22px 18px;
}
.so-platform-grid article {
grid-template-rows: auto;
}
.so-platform-grid h3 {
margin: 16px 0 8px;
}
.so-platform-grid strong {
margin-top: 12px;
}
.so-landing-process__layout {
gap: 24px;
}
.so-landing-process li {
padding: 16px 0;
grid-template-columns: 40px 1fr;
gap: 12px;
}
.so-landing-proof blockquote {
margin: 32px 0 18px;
font-size: clamp(1.65rem, 7.4vw, 2.1rem);
}
.so-landing-proof__cta h2 {
margin-top: 28px;
font-size: clamp(1.9rem, 8.2vw, 2.25rem);
line-height: 1.03;
} body.so-2026 .so-workshop-intro__heading h2,
body.so-2026 .so-workshop-quality h2,
body.so-2026 .so-workshop-process h2,
body.so-2026 .so-workshop-cta h2,
body.so-2026 .so-faq-basics h2,
body.so-2026 .so-faq-section-head h2,
body.so-2026 .so-faq-boxes h2,
body.so-2026 .so-faq-process h2,
body.so-2026 .so-faq-answers h2,
body.so-2026 .so-google-proof__head h2,
body.so-2026 .so-thanks-process h2,
body.so-2026 .so-thanks-next h2,
body.so-2026 .so-chip-brands__head h2,
body.so-2026 .so-recall-process h2,
body.so-2026 .so-vag-approval__intro h2,
body.so-2026 .so-mercedes-control__head h2,
body.so-2026 .so-ecu-flow h2,
body.so-2026 .so-ecu-shipping__content h2,
body.so-2026 .so-ecu-costs h2,
body.so-2026 .so-downloads h2,
body.so-2026 .so-motorhome-makers__head h2,
body.so-2026 .so-jc-signals__head h2,
body.so-2026 .so-jc-section-head h2,
body.so-2026 .so-jc-proof__copy h2,
body.so-2026 .so-jc-comparison__head h2,
body.so-2026 .so-jc-process h2,
body.so-2026 .so-jc-faq h2,
body.so-2026 .so-jc-cta h2,
body.so-2026 .so-gt-signals h2,
body.so-2026 .so-gt-difference__copy h2,
body.so-2026 .so-gt-process h2,
body.so-2026 .so-gt-machine__content h2,
body.so-2026 .so-gt-interval h2,
body.so-2026 .so-gt-faq h2,
body.so-2026 .so-gt-cta h2,
body.so-2026 .so-ident-intro h2,
body.so-2026 .so-ident-capabilities h2,
body.so-2026 .so-tool-guide__head h2 {
font-size: clamp(2rem, 8.8vw, 2.4rem);
line-height: 1.02;
}
body.so-2026 #so-news-title {
font-size: clamp(2.1rem, 8.8vw, 2.35rem);
line-height: 1.02;
}
body.so-2026.home .so-home-news .so-heading-row h2 {
font-size: clamp(2rem, 8.8vw, 2.4rem);
line-height: 1.02;
overflow-wrap: normal;
word-break: normal;
hyphens: none;
}
.so-chip-method__visual img,
.so-ecu-shipping__visual img {
min-height: 320px;
}
.so-ecu-option-grid article {
min-height: 0;
padding: 20px 18px;
}
.so-ecu-option-grid article > span {
margin-bottom: 16px;
}
body.so-2026 .so-news-card__media {
aspect-ratio: 16 / 8.6;
}
.so-news-card__body {
padding: 18px;
}
.so-news-card__body p {
margin-bottom: 15px;
}
.so-workshop-service,
.so-workshop-process__steps li,
.so-faq-method,
.so-faq-process__steps li,
.so-jc-signals__grid article,
.so-jc-process li,
.so-gt-signals__grid article,
.so-gt-process li {
min-height: 0 !important;
}
.so-workshop-service {
padding: 19px;
}
.so-workshop-process__steps h3,
.so-faq-process__steps h3 {
margin-top: 19px;
}
.so-jc-signals__grid article,
.so-gt-signals__grid article {
padding: 18px 0;
}
.so-jc-method {
min-height: 0;
}
.so-jc-method__tag {
margin-top: 20px;
}
.so-jc-process li,
.so-gt-process li {
padding: 17px 0;
}
.so-ident-intro,
.so-ident-capabilities,
.so-ident-tool,
.so-tool-guide {
padding-block: var(--so-mobile-section-space);
}
.so-ident-capabilities article,
.so-tool-guide__grid article {
padding: 18px;
}
.so-ident-capabilities .so-icon,
.so-tool-guide__grid .so-icon {
margin-bottom: 16px;
} .so-home-offer {
padding-block: var(--so-mobile-section-space);
}
.so-home-offer__head,
.so-funnel-desire__intro,
.so-funnel-performance__head,
.so-faq-section-head,
.so-faq-process__head,
.so-google-proof__head {
margin-bottom: 26px;
gap: 18px;
}
.so-ecu-flow__head,
.so-ecu-costs__head {
margin-bottom: 26px;
gap: 18px;
}
.so-ecu-shipping__layout,
.so-downloads__inner {
gap: 24px;
}
.so-ecu-option-grid {
gap: 8px;
}
.so-ecu-flow__head .so-section-index,
.so-ecu-costs__head .so-section-index,
.so-ecu-shipping__content .so-section-index {
margin-bottom: 14px;
}
.so-service-grid,
.so-home-offer__grid,
.so-funnel-desire__grid,
.so-funnel-benefits,
.so-workshop-services,
.so-faq-methods__grid,
.so-faq-process__steps,
.so-google-proof__grid,
.so-motorhome-makers__grid,
.so-recall-card-grid,
.so-recall-codes__grid,
.so-ecu-cost-grid,
.so-brand-switcher__grid,
.so-chip-brands__grid {
gap: 8px;
}
.so-service-card,
.so-home-offer__card,
.so-funnel-desire__grid li,
.so-funnel-benefits article,
.so-workshop-service,
.so-faq-method,
.so-faq-process__steps li,
.so-google-proof__grid article,
.so-motorhome-makers__grid article,
.so-recall-card-grid article,
.so-recall-codes__grid article,
.so-ecu-cost-grid article {
min-height: 0 !important;
padding: 18px;
}
.so-service-card {
grid-template-columns: 36px minmax(0,1fr);
gap: 13px;
}
.so-service-card__icon {
width: 40px;
height: 40px;
margin-bottom: 11px;
}
.so-service-card h3 {
margin: 10px 0 8px;
}
.so-home-offer__card {
min-height: 118px !important;
grid-template-columns: 42px minmax(0,1fr);
grid-template-rows: auto;
align-items: center;
gap: 12px;
}
.so-home-offer__card > span:nth-child(2) {
align-self: center;
}
.so-home-offer__card > i {
top: 14px;
right: 15px;
}
.so-funnel-desire__grid li > i {
width: 40px;
height: 40px;
margin: 14px 0 11px;
}
.so-funnel-benefits article > span {
width: 40px;
height: 40px;
}
.so-funnel-benefits h3 {
margin-top: 16px;
}
.so-workshop-service__icon {
width: 44px;
height: 44px;
margin: 16px 0 13px;
}
.so-workshop-service h3 {
margin-top: 0;
}
.so-faq-method__tag {
margin-top: 18px;
}
.so-faq-process__top i {
width: 44px;
height: 44px;
}
.so-google-proof blockquote {
margin: 20px 0 22px;
}
.so-google-proof article footer {
padding-top: 15px;
}
.so-brand-curves {
margin-bottom: 34px;
}
.so-brand-curves__intro {
margin-bottom: 20px;
}
.so-brand-curves__grid {
gap: 8px;
}
.so-brand-curve-card {
padding: 18px;
}
.so-thanks-steps i {
width: 42px;
height: 42px;
margin: 16px 0 12px;
}
.so-recall-card-grid article > span {
width: 42px;
height: 42px;
margin-bottom: 16px;
}
.so-ecu-flow__steps h3,
.so-ecu-cost-grid strong {
margin-top: 18px;
}
.so-brand-switcher__grid a,
.so-chip-brand-card {
min-height: 64px;
padding: 14px 16px;
}
.so-chip-brand-card {
grid-template-columns: minmax(0,1fr) 40px auto;
gap: 11px;
}
.so-chip-brand-card img {
width: 38px;
height: 38px;
}
.so-motorhome-makers__grid h3 {
margin-bottom: 14px;
}
.so-solution-cta {
margin-top: 22px;
padding-top: 20px;
} .so-chip-benefit-grid article,
.so-chip-process__steps li,
.so-brand-benefits__grid article,
.so-feature-grid article,
.so-funnel-desire__grid li,
.so-thanks-steps li {
display: grid;
grid-template-columns: 40px minmax(0,1fr);
grid-template-rows: auto auto;
align-items: start;
column-gap: 12px;
row-gap: 5px;
}
.so-chip-benefit-grid article > span,
.so-chip-process__steps li > span,
.so-brand-benefits__grid article > span,
.so-feature-grid article > span,
.so-funnel-desire__grid li > span,
.so-thanks-steps__number {
grid-column: 1;
grid-row: 1;
}
.so-chip-benefit-grid i,
.so-chip-process__steps i,
.so-brand-benefits__grid i,
.so-feature-grid article > i,
.so-funnel-desire__grid li > i,
.so-thanks-steps i {
grid-column: 1;
grid-row: 2;
margin: 4px 0 0;
}
.so-chip-benefit-grid h3,
.so-chip-process__steps h3,
.so-brand-benefits__grid h3,
.so-feature-grid h3,
.so-funnel-desire__grid h3,
.so-thanks-steps h3 {
grid-column: 2;
grid-row: 1;
margin: 0;
}
.so-chip-benefit-grid p,
.so-chip-process__steps p,
.so-brand-benefits__grid p,
.so-feature-grid p,
.so-funnel-desire__grid p,
.so-thanks-steps p {
grid-column: 2;
grid-row: 2;
}
.so-recall-card-grid article,
.so-ecu-flow__steps li,
.so-ecu-cost-grid article,
.so-platform-grid article {
display: grid;
grid-template-columns: 42px minmax(0,1fr);
grid-template-rows: auto auto auto;
align-items: start;
column-gap: 12px;
row-gap: 6px;
}
.so-recall-card-grid article > span,
.so-ecu-flow__steps li > span,
.so-ecu-cost-grid article > span,
.so-platform-grid article > span {
grid-column: 1;
grid-row: 1 / span 2;
margin: 0;
}
.so-recall-card-grid h3,
.so-ecu-flow__steps h3,
.so-ecu-cost-grid strong,
.so-platform-grid h3 {
grid-column: 2;
grid-row: 1;
margin: 0;
}
.so-recall-card-grid p,
.so-ecu-flow__steps p,
.so-ecu-cost-grid p,
.so-platform-grid p {
grid-column: 2;
grid-row: 2;
}
.so-platform-grid strong {
grid-column: 2;
grid-row: 3;
margin-top: 6px;
}
.so-workshop-service:not(.so-workshop-service--cta) {
display: grid;
grid-template-columns: 44px minmax(0,1fr);
grid-template-rows: auto auto auto;
align-items: start;
column-gap: 12px;
row-gap: 6px;
}
.so-workshop-service:not(.so-workshop-service--cta) .so-workshop-service__number {
grid-column: 1;
grid-row: 1;
}
.so-workshop-service:not(.so-workshop-service--cta) .so-workshop-service__icon {
grid-column: 1;
grid-row: 2;
margin: 2px 0 0;
}
.so-workshop-service:not(.so-workshop-service--cta) h3 {
grid-column: 2;
grid-row: 1;
margin: 0;
}
.so-workshop-service:not(.so-workshop-service--cta) p {
grid-column: 2;
grid-row: 2;
}
.so-workshop-service:not(.so-workshop-service--cta) .so-workshop-service__more {
grid-column: 2;
grid-row: 3;
margin-top: 8px;
padding-top: 10px;
}
.so-workshop-service--cta {
min-height: 170px !important;
}
.so-faq-method,
.so-faq-process__steps li {
display: grid;
grid-template-columns: 44px minmax(0,1fr);
grid-template-rows: auto auto auto;
align-items: start;
column-gap: 12px;
row-gap: 5px;
}
.so-faq-method__top,
.so-faq-process__top {
grid-column: 1;
grid-row: 1 / span 3;
align-items: flex-start;
flex-direction: column;
justify-content: flex-start;
gap: 9px;
}
.so-faq-method__tag {
grid-column: 2;
grid-row: 1;
margin: 0;
}
.so-faq-method h3,
.so-faq-process__steps h3 {
grid-column: 2;
grid-row: 2;
margin: 0;
}
.so-faq-method p,
.so-faq-process__steps p {
grid-column: 2;
grid-row: 3;
}
}