/* Public partner pages: the service promise and an accessible persistent header. */
.vp-repair-offer{display:flex;align-items:flex-start;gap:16px;margin:25px 0 27px;padding:22px 24px;max-width:760px;border:1px solid #b7dcd6;border-radius:16px;background:#edf8f3;color:#173c3e}
.vp-repair-offer>svg{flex:0 0 30px;width:30px;height:30px;color:#087f88;margin-top:3px}
.vp-repair-offer strong{display:block;font-size:clamp(20px,2vw,26px);font-weight:750;line-height:1.25;letter-spacing:-.025em}
.vp-repair-offer strong span{white-space:nowrap;color:#087f88}
.vp-repair-offer p{font-size:13px;line-height:1.55;color:#48696b;margin:9px 0 0}
.vp-hero-copy .vp-repair-offer{background:#fff}
@media screen{
 html.vp-public-partner-page{scroll-padding-top:var(--vp-public-header-offset,180px)}
 .vp-public-partner-page main[id],.vp-public-partner-page main [id]{scroll-margin-top:18px}
 .vp-public-header{position:sticky;top:0;z-index:100;background:#fff;box-shadow:0 4px 18px #17313c0b}
 .vp-public-partner-page .vp-skip-link{position:fixed;z-index:110}
}
@media(max-width:760px){
 .vp-repair-offer{gap:12px;padding:19px 18px;margin:23px 0}
 .vp-repair-offer>svg{flex-basis:25px;width:25px;height:25px}
 .vp-repair-offer p{font-size:12px}
 .vp-partner-hub .vp-public-header .vp-header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;min-height:76px;padding-top:12px;padding-bottom:12px}
 .vp-partner-hub .vp-public-header .vp-brand img{width:110px}
 .vp-partner-hub .vp-public-header .vp-auth-actions--header{display:flex;gap:7px;width:auto;margin:0}
 .vp-partner-hub .vp-public-header .vp-auth-actions--header .vp-auth-button{padding:10px 9px;min-height:44px;font-size:12px}
 .vp-public-header .vp-audience-nav{flex-wrap:nowrap;overflow-x:auto;overscroll-behavior-inline:contain;gap:6px;width:100%;padding:9px 16px;scroll-padding-inline:16px}
 .vp-public-header .vp-audience-nav a{flex-shrink:0;white-space:nowrap;min-height:38px;display:flex;align-items:center;font-size:12px}
}
@media(max-width:380px){
 .vp-partner-hub .vp-public-header .vp-brand img{width:94px}
 .vp-partner-hub .vp-public-header .vp-auth-actions--header .vp-auth-button{padding-inline:8px;font-size:11px}
}
@media print{.vp-public-header{position:static;box-shadow:none}}
