
.oc-header-editor .oc-header{background:var(--oc-header-background);color:var(--oc-header-text)}
.oc-header-editor .oc-announcement{background:var(--oc-announcement-bg);color:var(--oc-announcement-color)}
.oc-header-editor .oc-announcement a{color:inherit;text-decoration:none}
.oc-header-editor .oc-logo img{width:var(--oc-logo-width);height:calc(var(--oc-header-height,82px) - 16px);max-height:100%;object-fit:contain;object-position:left center}
.oc-header-editor .oc-desktop-nav{font-size:var(--oc-nav-size)}
.oc-header-editor .oc-desktop-nav .oc-nav-mobile{display:none}
.oc-service-editor .oc-product-grid{grid-template-columns:repeat(var(--oc-grid-desktop,4),minmax(0,1fr));gap:3.8rem var(--oc-grid-gap,20px)}
.oc-service-editor .oc-card-image{aspect-ratio:var(--oc-card-ratio,.8)}
.oc-service-editor .oc-card-image>img{object-fit:var(--oc-card-fit,cover)}
.oc-service-editor .oc-cart-summary{background:var(--oc-summary-background,var(--oc-paper))}
.oc-service-editor .oc-footer-top{grid-template-columns:1.4fr repeat(auto-fit,minmax(14rem,1fr))}
.oc-service-editor .oc-footer-top>div>a:not(.oc-footer-brand>a){font-size:var(--oc-footer-font,11px)}
.oc-service-editor .oc-footer-brand img{max-width:180px;height:auto;display:block}
.oc-service-editor.oc-brand-image-left .oc-brand-image{grid-column:1;grid-row:1}
.oc-service-editor.oc-brand-image-left .oc-brand-text{grid-column:2;grid-row:1}
.oc-service-editor .oc-brand-body-no-image{grid-template-columns:1fr;max-width:70rem}
.oc-service-editor .oc-brand-image img{object-fit:var(--oc-brand-image-fit,cover)}
.oc-native-page h1{font-size:clamp(3rem,5vw,6rem);margin-bottom:3rem}
.oc-native-page .rte{max-width:85rem}
@media(max-width:749px){
.oc-header-editor .oc-logo img{width:var(--oc-logo-mobile-width);height:calc(var(--oc-header-mobile-height,64px) - 14px)}
.oc-header-editor .oc-mobile-menu nav{background:var(--oc-header-background);color:var(--oc-header-text)}
.oc-header-editor .oc-mobile-menu nav>a{font-size:calc(var(--oc-nav-size) + 3px)}
.oc-header-editor .oc-mobile-menu nav>.oc-nav-desktop{display:none}
.oc-service-editor .oc-product-grid{grid-template-columns:repeat(var(--oc-grid-mobile,2),minmax(0,1fr));gap:2.6rem calc(var(--oc-grid-gap,20px)*.55)}
.oc-service-editor .oc-footer-top{grid-template-columns:repeat(2,minmax(0,1fr))}
.oc-service-editor .oc-footer-contact{grid-column:auto;grid-row:auto}
.oc-service-editor.oc-brand-image-left .oc-brand-image,.oc-service-editor.oc-brand-image-left .oc-brand-text{grid-column:auto;grid-row:auto}
}
