/* Primary web mark. Met Technik remains an operational/footer identity. */
body{overflow-x:hidden}
.header-main{grid-template-columns:minmax(0,380px) 1fr;column-gap:26px}
.brand-lockup{display:block;min-width:0}
.site-brand{display:block;width:min(100%,370px);line-height:0}
.site-brand img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:left center}
.site-brand:hover{text-decoration:none}
.brand-lockup .partner-label{margin-top:7px;font-size:.68rem;letter-spacing:.035em}
.brand-lockup .partner-label{display:none}
.attachment-field small{font-weight:400;color:var(--muted);font-size:.8rem}
@media (max-width:980px){
  .header-main{grid-template-columns:minmax(0,310px) 1fr;column-gap:18px}
  .site-brand{width:min(100%,310px)}
  .site-brand img{max-height:none}
}
@media (max-width:720px){
  .header-main{grid-template-columns:minmax(0,1fr) auto;column-gap:10px}
  .brand-lockup{max-width:calc(100vw - 72px)}
  .site-brand{width:min(100%,300px)}
  .site-brand img{max-height:none}
  .brand-lockup .partner-label{margin-top:5px;font-size:.6rem;line-height:1.2;white-space:normal}
}

/* Compact two-column desktop header: the logo remains the complete approved raster. */
.utility-inner{justify-content:flex-end}
@media (min-width:768px){
  .header-main{grid-template-columns:minmax(0,335px) minmax(0,1fr);column-gap:36px;align-items:center;padding-block:14px 16px}
  .brand-lockup{display:block;width:100%;min-width:0}
  .site-brand{display:block;width:100%;max-width:335px}
  .site-brand img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
  .main-nav{grid-column:2;grid-row:1;justify-content:flex-end;align-self:end;gap:22px}
  .header-search{grid-column:2;grid-row:2;width:100%;max-width:680px;margin:12px 0 0 auto}
  .header-search .search-form{width:100%;max-width:680px}
  .menu-toggle{display:none}
}
@media (max-width:767px){
  .utility-inner{justify-content:center}
  .header-main{grid-template-columns:minmax(0,1fr) auto;column-gap:10px;row-gap:0;padding-block:12px}
  .brand-lockup{max-width:calc(100vw - 72px)}
  .site-brand{width:min(100%,300px)}
  .site-brand img{width:100%;height:auto;max-height:none;object-fit:contain}
  .menu-toggle{display:block;border:1px solid var(--line);background:#fff;border-radius:9px;padding:8px 12px;font-weight:800}
  .main-nav{display:none;grid-column:1/-1;grid-row:2;flex-direction:column;align-items:stretch;padding:14px;background:var(--surface);border-radius:14px}
  .main-nav.is-open{display:flex}
  .main-nav a{padding:8px}
  .header-search{grid-column:1/-1;grid-row:3;width:100%;margin-top:2px}
  .header-search .search-form{width:100%;max-width:none}
}

.global-flash{position:fixed;top:12px;left:50%;transform:translateX(-50%);width:min(calc(100% - 28px),760px);z-index:1001;padding:15px 20px;border:1px solid var(--line);border-radius:6px;box-shadow:0 12px 30px rgba(31,57,72,.2);font-weight:800}
.global-flash.success{background:#e4f7ef;color:#075f50}.global-flash.error{background:#fff0ef;color:#8f2d27}
.global-flash{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.global-flash-message{flex:1}.global-flash-close{border:0;background:transparent;color:currentColor;font-size:1.2rem;line-height:1;cursor:pointer;padding:2px 6px}.global-flash.is-hidden{display:none}
.contact-form label small{font-weight:400;color:var(--muted);font-size:.8rem}.contact-form .field-error{color:#a52c25;font-weight:750}.contact-form input[aria-invalid="true"],.contact-form textarea[aria-invalid="true"]{border-color:#c33b32;box-shadow:0 0 0 3px rgba(195,59,50,.12)}

/* Three-part header with the complete official distributor mark. */
.header-main{display:grid;align-items:center;min-width:0}
.header-center{min-width:0;display:flex;flex-direction:column;justify-content:center}
.header-controls{display:none}
.official-distributor{display:block;min-width:0;line-height:0}
.official-distributor img{display:block;width:100%;height:auto;object-fit:contain;object-position:center}
.official-distributor:hover{text-decoration:none}
@media (min-width:1100px){
  .header-main{grid-template-columns:minmax(220px,280px) minmax(0,1fr) minmax(180px,230px);column-gap:28px;padding-block:14px 16px}
  .brand-lockup{width:100%}
  .site-brand{width:100%;max-width:280px}
  .site-brand img{display:block;width:100%;height:auto;object-fit:contain}
  .header-center{gap:18px}
  .main-nav{justify-content:flex-start;gap:20px;white-space:nowrap}
  .header-search{width:100%;max-width:680px;margin:0}
  .header-search .search-form{width:100%;max-width:680px}
  .official-distributor{max-width:230px}
}
@media (min-width:1100px) and (max-width:1199px){
  .header-main{grid-template-columns:minmax(200px,260px) minmax(0,1fr) minmax(170px,200px);column-gap:18px}
  .main-nav{gap:12px;font-size:.84rem;flex-wrap:wrap}
  .official-distributor{max-width:200px}
}
@media (min-width:768px) and (max-width:1099px){
  .header-main{grid-template-columns:minmax(0,1fr) minmax(180px,220px);grid-template-rows:auto auto;gap:12px 22px;padding-block:12px 14px}
  .brand-lockup{grid-column:1;grid-row:1;max-width:280px}
  .site-brand{width:100%;max-width:280px}
  .official-distributor{grid-column:2;grid-row:1;align-self:center;max-width:220px;justify-self:end}
  .header-center{grid-column:1/-1;grid-row:2;gap:12px}
  .main-nav{justify-content:flex-start;gap:16px;flex-wrap:wrap}
  .header-search{width:100%;max-width:680px;margin:0}
  .header-search .search-form{width:100%;max-width:680px}
}
@media (max-width:767px){
  .header-main{grid-template-columns:minmax(0,1fr) minmax(0,145px);grid-template-rows:auto auto;gap:10px 10px;padding-block:10px 12px}
  .brand-lockup{grid-column:1;grid-row:1;max-width:195px;align-self:center}
  .site-brand{width:100%;max-width:195px}
  .official-distributor{grid-column:2;grid-row:1;max-width:145px;justify-self:end;align-self:center}
  .header-center{grid-column:1/-1;grid-row:2;gap:8px}
  .header-controls{display:flex;justify-content:flex-end}
  .menu-toggle{display:block}
  .main-nav{display:none;grid-column:auto;grid-row:auto;width:100%;flex-direction:column;align-items:stretch;gap:0;padding:10px;background:#fff;border:1px solid var(--line);border-radius:6px}
  .main-nav.is-open{display:flex}
  .main-nav a{padding:8px}
  .header-search{width:100%;max-width:none;margin:0}
  .header-search .search-form{width:100%;max-width:none}
}

/* Final compact header layout: logos remain visible while navigation and search share one work column. */
@media (min-width:1100px){
  .header-main{grid-template-columns:minmax(0,220px) minmax(0,1fr) minmax(135px,160px);column-gap:20px;padding-block:12px 14px}
  .site-brand{max-width:220px}
  .header-center{width:100%;max-width:680px;gap:18px}
  .main-nav,.header-search,.header-search .search-form{width:100%;max-width:680px}
  .main-nav{justify-content:flex-start;gap:16px}
  .official-distributor{max-width:160px;padding:7px;background:#fff;border:1px solid #dfe6ea;border-radius:4px}
}
@media (min-width:768px) and (max-width:1099px){
  .site-brand{max-width:220px}
  .official-distributor{max-width:160px}
}
@media (max-width:767px){
  .header-main{grid-template-columns:minmax(0,1fr) minmax(0,125px);column-gap:10px}
  .brand-lockup{max-width:calc(100vw - 135px)}
  .site-brand{max-width:175px}
  .official-distributor{max-width:125px;padding:4px;background:#fff;border:1px solid #dfe6ea;border-radius:4px}
  .main-nav .nav-cta{padding:8px}
}
.main-nav .nav-cta{color:var(--ink);background:transparent;padding:0;border-radius:0;font-weight:inherit}
.main-nav .nav-cta:hover,.main-nav .nav-cta:focus-visible{color:var(--accent-dark);background:transparent;text-decoration:underline}
/* Optional homepage certificate popup. Remove this block and its template/script include to disable it. */
body.certificate-popup-open{overflow:hidden}
.certificate-popup{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;padding:20px;background:rgba(7,31,52,.68);opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}
.certificate-popup.is-open{opacity:1;visibility:visible}
.certificate-popup__dialog{position:relative;display:grid;place-items:center;max-width:940px;max-height:85vh;outline:0}
.certificate-popup__image{display:block;width:auto;max-width:92vw;max-height:85vh;height:auto;object-fit:contain;cursor:pointer;filter:drop-shadow(0 8px 18px rgba(0,0,0,.14))}
.certificate-popup__close{position:absolute;top:4px;right:4px;z-index:1;width:30px;height:30px;border:0;border-radius:50%;background:rgba(255,255,255,.88);color:var(--ink);font-size:1.35rem;line-height:1;cursor:pointer;padding:0}
.certificate-popup__close:hover,.certificate-popup__close:focus-visible{background:#fff}
@media (max-width:767px){.certificate-popup{padding:5vw}.certificate-popup__dialog{max-width:90vw;max-height:90vh}.certificate-popup__image{max-width:90vw;max-height:90vh}.certificate-popup__close{top:2px;right:2px;width:28px;height:28px}}

/* Header-only compact public branding: the approved raster remains available for sharing, while the header uses text plus its existing symbol asset. */
.site-brand{display:flex;align-items:center;justify-content:space-between;gap:16px;line-height:1;text-decoration:none}
.site-brand-copy{display:flex;flex-direction:column;gap:5px;min-width:0}
.site-brand-title{color:var(--navy);font-size:clamp(1.28rem,2vw,1.82rem);font-weight:850;letter-spacing:-.035em;white-space:nowrap}
.site-brand-subtitle{color:var(--muted);font-size:clamp(.82rem,1.2vw,1rem);font-weight:650;line-height:1.2;white-space:nowrap}
.site-brand-symbol{display:block;flex:0 0 auto;width:86px;height:86px;object-fit:contain}
@media (min-width:768px){
  .header-main{grid-template-columns:minmax(250px,340px) minmax(0,1fr) minmax(120px,165px);grid-template-rows:auto;column-gap:22px;row-gap:0;align-items:center;padding-block:14px 16px}
  .brand-lockup{grid-column:1;grid-row:1;width:100%;max-width:340px}
  .site-brand{width:100%;max-width:340px}
  .site-brand-symbol{width:82px;height:82px}
  .header-center{grid-column:2;grid-row:1;width:100%;max-width:none;min-width:0}
  .header-controls{display:none}
  .main-nav{width:100%;justify-content:flex-end;align-items:center;gap:clamp(10px,1.6vw,22px);flex-wrap:wrap;white-space:nowrap}
  .main-nav a{padding-block:6px}
  .official-distributor{grid-column:3;grid-row:1;width:100%;max-width:165px;justify-self:end}
}
@media (min-width:1100px){
  .header-main{grid-template-columns:minmax(280px,360px) minmax(0,1fr) minmax(135px,165px);column-gap:28px}
  .brand-lockup,.site-brand{max-width:360px}
  .site-brand-symbol{width:88px;height:88px}
  .main-nav{gap:clamp(12px,1.45vw,22px)}
}
@media (max-width:767px){
  .header-main{grid-template-columns:minmax(0,1fr) minmax(105px,125px);grid-template-rows:auto auto;column-gap:10px;row-gap:8px;padding-block:10px 12px}
  .brand-lockup{grid-column:1;grid-row:1;max-width:100%;min-width:0}
  .site-brand{gap:8px;max-width:100%;justify-content:flex-start}
  .site-brand-copy{min-width:0}
  .site-brand-title{font-size:clamp(1rem,5vw,1.25rem);white-space:normal}
  .site-brand-subtitle{font-size:.78rem;white-space:normal}
  .site-brand-symbol{width:58px;height:58px}
  .header-center{grid-column:1/-1;grid-row:2;width:100%;display:flex;justify-content:flex-end}
  .header-controls{display:flex;width:100%;justify-content:flex-end}
  .main-nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;padding:10px;background:#fff;border:1px solid var(--line);border-radius:6px}
  .main-nav.is-open{display:flex}
  .main-nav a{padding:8px}
  .official-distributor{grid-column:2;grid-row:1;width:100%;max-width:125px;justify-self:end;align-self:center}
}

/* Exact user-supplied logo: preserve the raster and aspect ratio; CSS controls size only. */
.site-brand{display:block;line-height:0;max-width:100%}
.site-brand-logo{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center}
@media (min-width:768px){.site-brand{max-width:300px}.site-brand-logo{width:100%}}
@media (min-width:1100px){.site-brand{max-width:300px}}
@media (max-width:767px){.site-brand{max-width:180px}.site-brand-logo{width:100%}}