/* Commercial pages: preserve the current header while restoring page-specific layouts. */
body:has(.site-header25)>.footer{
  display:block!important;width:100%!important;max-width:none!important;
  box-sizing:border-box;margin:0!important;
  padding:28px max(24px,calc((100vw - 1200px)/2)) 36px!important;
  background:#0b3555!important;color:#e0edf5!important;
  border:0!important;border-radius:0!important;text-align:left;
}
body:has(.site-header25) main.wrap{min-width:0}
body:has(.site-header25) main.wrap>section{min-width:0}

/* Scope4mation owns its dark hero; generic light banners must not style it. */
body:has(.site-header25) main.s4m-page>.s4m-hero{
  display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
  gap:0!important;align-items:stretch!important;padding:0!important;
  margin-top:0!important;background:#0b3555!important;color:#fff!important;
  border-radius:0!important;overflow:hidden;
}
body:has(.site-header25) main.s4m-page .s4m-hero-copy{
  padding:36px!important;min-width:0;
  background:#0b3555!important;color:#e7f0f5!important;
}
body:has(.site-header25) main.s4m-page .s4m-hero h1{
  color:#fff!important;font-size:clamp(30px,3.2vw,44px)!important;
  line-height:1.15!important;overflow-wrap:break-word;
}
body:has(.site-header25) main.s4m-page .s4m-hero p{
  color:#e7f0f5!important;font-size:16px!important;line-height:1.65!important;
}
body:has(.site-header25) main.s4m-page .s4m-hero .s4m-kicker{color:#b1d9ef!important}
body:has(.site-header25) main.s4m-page .s4m-hero-media{min-width:0;min-height:300px!important}
body:has(.site-header25) main.s4m-page .s4m-hero-media img{
  display:block;position:static;width:100%;height:100%;
  min-height:300px!important;max-height:none;object-fit:cover;
}
body:has(.site-header25) main.s4m-page .s4m-hero .s4m-actions{
  display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start;margin-top:20px!important;
}
body:has(.site-header25) main.s4m-page .s4m-hero .btn{
  display:inline-flex;align-items:center;justify-content:center;flex:0 1 auto;
  width:auto!important;max-width:100%;min-width:0;min-height:44px;height:auto;
  padding:11px 16px!important;font-size:14px!important;line-height:1.4!important;
  white-space:normal;text-align:center;background:#fff!important;color:#0b3555!important;
  border:1px solid #d6e3e9!important;
}
body:has(.site-header25) main.s4m-page .s4m-hero .btn.orange{
  background:#f58220!important;color:#0b3555!important;border-color:#f58220!important;
}
body:has(.site-header25) main.s4m-page .s4m-hero .btn:focus-visible{outline:3px solid #b1d9ef;outline-offset:3px}
@media(max-width:980px){
  body:has(.site-header25) main.s4m-page>.s4m-hero{grid-template-columns:minmax(0,1fr)!important}
  body:has(.site-header25) main.s4m-page .s4m-hero-media img{height:300px!important}
}
@media(max-width:600px){
  body:has(.site-header25) main.s4m-page .s4m-hero-copy{padding:24px 20px!important}
  body:has(.site-header25) main.s4m-page .s4m-hero h1{font-size:30px!important}
  body:has(.site-header25) main.s4m-page .s4m-hero-media,
  body:has(.site-header25) main.s4m-page .s4m-hero-media img{min-height:240px!important;height:240px!important}
}

/* The company page needs the same split layout and text contrast after every section. */
body:has(.site-header25) main.s4m-page>.s4m-expertise{
  display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);
  gap:0;align-items:stretch;padding:0!important;overflow:hidden;
  background:#fff!important;color:#173c57!important;border:1px solid #d6e3e9;
}
body:has(.site-header25) .s4m-expertise :is(h2,p,li){color:#173c57!important}
body:has(.site-header25) .s4m-expertise-copy{padding:30px 32px!important;min-width:0}
body:has(.site-header25) .s4m-expertise-media{min-width:0;min-height:290px}
body:has(.site-header25) .s4m-expertise-media img{display:block;width:100%;height:100%;min-height:290px;object-fit:cover}
body:has(.site-header25) main.s4m-page>.s4m-koffie-v7115{
  display:grid;grid-template-columns:minmax(190px,.32fr) minmax(0,.68fr);
  gap:0;align-items:center;background:#fff!important;border:1px solid #d6e3e9;
  overflow:hidden;color:#173c57!important;
}
body:has(.site-header25) .s4m-koffie-logo-v7115{
  display:grid;place-items:center;min-width:0;min-height:200px;
  padding:24px;background:#f1f6f9;overflow:hidden;
}
body:has(.site-header25) .s4m-koffie-logo-v7115 img{
  display:block;width:190px!important;max-width:100%!important;
  height:95px!important;max-height:95px!important;object-fit:contain;
}
body:has(.site-header25) .s4m-koffie-v7115 .s4m-copy{padding:26px 32px!important;min-width:0}
body:has(.site-header25) .s4m-koffie-v7115 :is(h2,p){color:#173c57!important}
body:has(.site-header25) .s4m-page>.s4m-careers83{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;
}
body:has(.site-header25) .s4m-careers83>article{
  display:flex;flex-direction:column;min-width:0;padding:26px;
  background:#fff;border:1px solid #d6e3e9;
}
body:has(.site-header25) .s4m-careers83 h2{color:#0b3555!important}
body:has(.site-header25) .s4m-careers83 p{color:#496477!important;line-height:1.65}
body:has(.site-header25) .s4m-careers83 .s4m-actions{margin-top:auto;padding-top:15px}
body:has(.site-header25) main.s4m-page>.s4m-company-details{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;
  padding:26px 30px!important;background:#fff;border:1px solid #d6e3e9;
}
body:has(.site-header25) .s4m-company-logo{
  display:block;width:min(190px,100%);max-height:72px;object-fit:contain;
  object-position:left center;margin:16px 0;
}
body:has(.site-header25) .s4m-company-details address{font-style:normal;line-height:1.75}
body:has(.site-header25) .s4m-company-details dl{
  display:grid;grid-template-columns:minmax(90px,.3fr) minmax(0,1fr);
  gap:12px;margin:0;align-content:center;
}
body:has(.site-header25) .s4m-company-details dd{margin:0;min-width:0;overflow-wrap:anywhere}
body:has(.site-header25) .s4m-company-details :is(h2,dt,dd,address){color:#173c57!important}

/* Show two complete scenarios; contain all three brand marks inside each card. */
body:has(.site-header25) .sas-scenarios-page .scenario7114-specific,
body:has(.site-header25) .sas-scenarios-page .sas-featured-inner,
body:has(.site-header25) .sas-scenarios-page .sas-featured-window-v7113{max-width:100%;min-width:0;overflow:hidden}
body:has(.site-header25) .sas-scenarios-page .scenario7114-specific .sas-featured-card{
  box-sizing:border-box;flex:0 0 calc((100% - 16px)/2)!important;
  min-width:0;max-width:100%;overflow:hidden;
}
body:has(.site-header25) .sas-scenarios-page .sas-featured-brands{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;
  width:100%;max-width:100%;min-width:0;
}
body:has(.site-header25) .sas-scenarios-page .sas-featured-brands img{
  display:block;flex:0 1 auto;width:auto;height:32px!important;
  max-width:min(96px,calc((100% - 12px)/2))!important;
  max-height:32px!important;min-width:0;object-fit:contain;
}
body:has(.site-header25) .sas-scenarios-page .sas-featured-brands .sas-brand-label{
  max-width:100%;min-width:0;font-size:13px;overflow-wrap:anywhere;
}
body:has(.site-header25) .sas-scenarios-page .sas-featured-dots-v7113 i:nth-child(3){display:none}
@media(max-width:900px){
  body:has(.site-header25) .sas-scenarios-page .scenario7114-specific .sas-featured-card{flex-basis:100%!important}
  body:has(.site-header25) .sas-scenarios-page .sas-featured-dots-v7113 i:nth-child(3){display:block}
  body:has(.site-header25) main.s4m-page>.s4m-expertise{grid-template-columns:1fr}
  body:has(.site-header25) main.s4m-page>.s4m-koffie-v7115{grid-template-columns:1fr}
  body:has(.site-header25) .s4m-koffie-logo-v7115{min-height:140px}
}
@media(max-width:700px){
  body:has(.site-header25) .s4m-page>.s4m-careers83,
  body:has(.site-header25) .s4m-page>.s4m-company-details{grid-template-columns:1fr}
  body:has(.site-header25) .s4m-company-details dl{grid-template-columns:105px minmax(0,1fr)}
  body:has(.site-header25) .s4m-koffie-v7115 .s4m-copy{padding:22px!important}
  body:has(.site-header25)>.footer{padding:25px 20px!important}
}