/* Collega erbij: approved vector logo, shared across the customer journey. */
.shop-header,.personal-store .shop-header,.personal-store .shop-footer,.learn-header{background:#185447}
.shop-header .shop-header-inner,.personal-store .shop-header .shop-header-inner{padding-top:16px;padding-bottom:16px}
.shop-header .brand-home,.learn-header .brand-home{display:inline-flex;align-items:center;flex:none;max-width:100%;line-height:0;text-decoration:none;border-radius:3px}
.brand-home .brand-logo{display:block;width:248px;max-width:100%;height:auto;aspect-ratio:846 / 176;object-fit:contain}
.learn-header{padding-top:16px;padding-bottom:16px}
.brand-home:focus-visible{outline:2px solid #FBF7EF;outline-offset:7px}
.brand-footer a,.brand-error{display:inline-block;line-height:0;border-radius:3px}
.brand-footer img{display:block;width:204px;height:auto;aspect-ratio:846 / 176}
.brand-footer span{display:block;margin-top:8px}
.brand-error img{display:block;width:248px;max-width:100%;height:auto;aspect-ratio:846 / 176}
.brand-footer a:focus-visible,.brand-error:focus-visible{outline:2px solid #185447;outline-offset:6px}
@media(max-width:680px){
  .shop-header .shop-header-inner,.personal-store .shop-header .shop-header-inner{padding-top:16px;padding-bottom:10px}
  .brand-home .brand-logo{width:224px}
  .shop-header .shop-nav,.personal-store .shop-header .shop-nav{margin-top:12px;gap:12px}
  .learn-header{padding-top:16px;padding-bottom:14px}
  .learn-header nav{margin-top:12px}
}
@media(max-width:360px){
  .shop-header .shop-nav,.personal-store .shop-header .shop-nav{gap:8px}
  .shop-header .shop-nav a{font-size:10px;white-space:nowrap}
}
