@font-face{font-family:"SPPAUTO Zirkel";src:url("fonts/zirkel-regular.woff") format("woff");font-weight:100 400;font-style:normal;font-display:swap}
@font-face{font-family:"SPPAUTO Zirkel";src:url("fonts/zirkel-medium.woff") format("woff");font-weight:401 600;font-style:normal;font-display:swap}
@font-face{font-family:"SPPAUTO Zirkel";src:url("fonts/zirkel-bold.woff") format("woff");font-weight:601 900;font-style:normal;font-display:swap}
/* QA101.39 — header-only foundation. No homepage/body/footer styles are imported. */
.sppauto-header-page .sppauto-header,.sppauto-header-page .sppauto-qr-dialog{--red:#c90000;--red-dark:#bd0000;--ink:#1a1a1a;--muted:#6d747a;--line:#d9d9d9;font-family:"SPPAUTO Zirkel","Segoe UI",Arial,sans-serif;font-size:16px;font-weight:400;letter-spacing:-.005em;line-height:normal;color:#1a1a1a;-webkit-font-smoothing:antialiased;direction:inherit}
.sppauto-header-page .sppauto-header{display:block;width:100%;height:auto;min-height:0;max-height:none;padding:0;margin:0;position:sticky;top:0;z-index:50;border:0;border-bottom:1px solid #ddd;background:#fff;box-shadow:none;backdrop-filter:none}
.sppauto-header-page .sppauto-header *,.sppauto-header-page .sppauto-qr-dialog *{box-sizing:border-box}
.sppauto-header-page .sppauto-header a,.sppauto-header-page .sppauto-qr-dialog a{text-decoration:none;color:inherit}
.sppauto-header-page .sppauto-header button,.sppauto-header-page .sppauto-header input,.sppauto-header-page .sppauto-qr-dialog button{font:inherit;border-radius:0;text-transform:none}
.sppauto-header-page .sppauto-header img,.sppauto-header-page .sppauto-qr-dialog img{display:block;max-width:100%}
.sppauto-header-page .sppauto-header .wrap{margin-inline:auto;padding-inline:0;max-width:none}
.sppauto-header-page .sppauto-header .nav{display:grid;align-items:center;padding:0;margin-block:0;min-height:0;max-width:none;width:min(calc(100% - 48px),1296px)}
.sppauto-header-page .sppauto-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(17,19,21,.08)}
.sppauto-header-page .sppauto-header .nav{height:82px;display:grid;grid-template-columns:220px 1fr auto;align-items:center;gap:30px}
.sppauto-header-page .sppauto-header .logo img{width:176px;height:auto}
.sppauto-header-page .sppauto-header .header-actions{display:flex;align-items:center;gap:10px;justify-content:flex-end}
.sppauto-header-page .sppauto-header .lang-switcher{position:relative}
.sppauto-header-page .sppauto-header .lang-trigger{height:44px;border:1px solid #e2e5e7;background:#fff;color:#202427;padding:0 14px 0 12px;display:inline-flex;align-items:center;gap:9px;cursor:pointer;font-size:11px;font-weight:500;letter-spacing:.02em;transition:border-color .2s,box-shadow .2s,background .2s}
.sppauto-header-page .sppauto-header .lang-trigger:hover,.sppauto-header-page .sppauto-header .lang-trigger[aria-expanded="true"]{border-color:#c8cdd0;background:#fafafa;box-shadow:0 10px 28px rgba(17,19,21,.08)}
.sppauto-header-page .sppauto-header .lang-globe{width:16px;height:16px;display:grid;place-items:center;color:#72797e}
.sppauto-header-page .sppauto-header .lang-globe svg{width:16px;height:16px;display:block}
.sppauto-header-page .sppauto-header .lang-current{font-size:11px;font-weight:600;letter-spacing:.08em}
.sppauto-header-page .sppauto-header .lang-name{font-size:10px;color:#858c91;font-weight:400}
.sppauto-header-page .sppauto-header .lang-chevron{width:12px;height:12px;margin-left:2px;transition:transform .2s}
.sppauto-header-page .sppauto-header .lang-trigger[aria-expanded="true"] .lang-chevron{transform:rotate(180deg)}
.sppauto-header-page .sppauto-header .lang-menu{position:absolute;right:0;top:calc(100% + 10px);width:228px;background:#fff;border:1px solid #e0e4e6;box-shadow:0 22px 60px rgba(17,19,21,.14);padding:7px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.2s;z-index:80}
.sppauto-header-page .sppauto-header .lang-menu.open{opacity:1;visibility:visible;transform:none}
.sppauto-header-page .sppauto-header .lang-menu-head{padding:10px 11px 8px;color:#9aa0a4;font-size:8px;letter-spacing:.18em;text-transform:uppercase;font-weight:500}
.sppauto-header-page .sppauto-header .lang-option{width:100%;border:0;background:transparent;display:grid;grid-template-columns:32px 1fr 18px;align-items:center;gap:8px;padding:10px 11px;text-align:left;cursor:pointer;color:#22272a;transition:background .18s}
.sppauto-header-page .sppauto-header .lang-option:hover{background:#f4f5f5}
.sppauto-header-page .sppauto-header .lang-option .code{font-size:10px;letter-spacing:.1em;font-weight:600}
.sppauto-header-page .sppauto-header .lang-option .label{font-size:11px;font-weight:400;color:#5f666b}
.sppauto-header-page .sppauto-header .lang-option .check{font-size:11px;color:var(--red);opacity:0}
.sppauto-header-page .sppauto-header .lang-option.active .check{opacity:1}
.sppauto-header-page .sppauto-header .lang-menu-foot{border-top:1px solid #eceeef;margin-top:5px;padding:9px 11px 7px;color:#a0a5a9;font-size:8px;line-height:1.45}
@media  (max-width: 1120px){.sppauto-header-page .sppauto-header .nav{grid-template-columns:190px 1fr auto}}
@media  (max-width: 760px){.sppauto-header-page .sppauto-header{top:0}
.sppauto-header-page .sppauto-header .nav{height:70px;display:flex;justify-content:space-between}
.sppauto-header-page .sppauto-header .logo img{width:145px}
.sppauto-header-page .sppauto-header .lang-name{display:none}
.sppauto-header-page .sppauto-header .lang-trigger{height:40px;padding:0 10px;gap:7px}
.sppauto-header-page .sppauto-header .lang-menu{right:0;width:218px}}
.sppauto-header-page .sppauto-header{overflow:visible}
.sppauto-header-page .sppauto-header .nav{height:88px;grid-template-columns:188px minmax(360px,1fr) auto;gap:30px}
.sppauto-header-page .sppauto-header .logo img{width:168px}
.sppauto-header-page .sppauto-header .header-sppmatch-search{position:relative;max-width:700px;width:100%;justify-self:center}
.sppauto-header-page .sppauto-header .header-search-shell{height:48px;border:1px solid #dfe3e5;background:rgba(248,249,249,.86);display:grid;grid-template-columns:auto 1px 1fr 48px;align-items:center;transition:border-color .2s,background .2s,box-shadow .2s}
.sppauto-header-page .sppauto-header .header-search-shell:focus-within{background:#fff;border-color:#c3c9cc;box-shadow:0 12px 34px rgba(17,19,21,.09)}
.sppauto-header-page .sppauto-header .header-sppmatch-brand{padding:0 16px;font-size:16px;letter-spacing:-.045em;font-weight:500;white-space:nowrap;color:#202427}
.sppauto-header-page .sppauto-header .header-sppmatch-brand b{color:var(--red);font-weight:650}
.sppauto-header-page .sppauto-header .header-search-divider{height:18px;background:#d7dbde}
.sppauto-header-page .sppauto-header .header-search-form{display:contents}
.sppauto-header-page .sppauto-header .header-search-form input{height:46px;border:0;background:transparent;outline:0;padding:0 15px;font-size:11px;font-weight:400;color:#24292c;letter-spacing:.005em;min-width:0}
.sppauto-header-page .sppauto-header .header-search-form input::placeholder{color:#959b9f}
.sppauto-header-page .sppauto-header .header-search-form button{width:48px;height:46px;border:0;border-left:1px solid #e0e3e5;background:transparent;display:grid;place-items:center;cursor:pointer;color:#34393c;transition:background .2s,color .2s}
.sppauto-header-page .sppauto-header .header-search-form button:hover{background:var(--red);color:#fff}
.sppauto-header-page .sppauto-header .header-search-form svg{width:17px;height:17px}
.sppauto-header-page .sppauto-header .header-search-shell.is-searching .header-search-form button{background:var(--red);color:#fff}
.sppauto-header-page .sppauto-header .header-search-shell.is-searching .header-search-form svg{animation:sppSearchPulse .8s ease-in-out infinite alternate}
.sppauto-header-page .sppauto-header .header-search-result{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:85;background:#fff;border:1px solid #dfe3e5;box-shadow:0 24px 60px rgba(17,19,21,.14);padding:16px 18px;display:none;grid-template-columns:1fr auto;align-items:center;gap:20px}
.sppauto-header-page .sppauto-header .header-search-result.show{display:grid}
.sppauto-header-page .sppauto-header .header-search-result small{display:block;font-size:8px;letter-spacing:.14em;color:#8f969a;text-transform:uppercase;margin-bottom:4px}
.sppauto-header-page .sppauto-header .header-search-result strong{display:block;font-size:12px;font-weight:500;color:#24292c}
.sppauto-header-page .sppauto-header .header-search-result a{font-size:9px;letter-spacing:.08em;color:var(--red);font-weight:600;white-space:nowrap}
.sppauto-header-page .sppauto-header .header-actions{gap:10px}
@media  (max-width:1120px){.sppauto-header-page .sppauto-header .nav{grid-template-columns:160px minmax(300px,1fr) auto;gap:18px}
.sppauto-header-page .sppauto-header .logo img{width:150px}
.sppauto-header-page .sppauto-header .header-sppmatch-brand{padding:0 12px;font-size:14px}
.sppauto-header-page .sppauto-header .header-search-form input{font-size:10px}
.sppauto-header-page .sppauto-header .lang-name{display:none}}
@media  (max-width:760px){.sppauto-header-page .sppauto-header{position:sticky}
.sppauto-header-page .sppauto-header .nav{height:auto;min-height:112px;padding:12px 0 10px;display:grid;grid-template-columns:1fr auto;grid-template-areas:"logo actions" "search search";gap:10px 12px}
.sppauto-header-page .sppauto-header .logo{grid-area:logo}
.sppauto-header-page .sppauto-header .logo img{width:138px}
.sppauto-header-page .sppauto-header .header-actions{grid-area:actions}
.sppauto-header-page .sppauto-header .header-sppmatch-search{grid-area:search;max-width:none}
.sppauto-header-page .sppauto-header .header-search-shell{height:42px;grid-template-columns:auto 1px 1fr 42px}
.sppauto-header-page .sppauto-header .header-sppmatch-brand{padding:0 11px;font-size:13px}
.sppauto-header-page .sppauto-header .header-search-form input{height:40px;padding:0 10px;font-size:9.5px}
.sppauto-header-page .sppauto-header .header-search-form button{width:42px;height:40px}
.sppauto-header-page .sppauto-header .lang-trigger{height:38px;padding:0 9px}
.sppauto-header-page .sppauto-header .lang-name{display:none}
.sppauto-header-page .sppauto-header .header-search-result{top:calc(100% + 6px);padding:13px 14px;grid-template-columns:1fr}
.sppauto-header-page .sppauto-header .header-search-result a{display:none}}
.sppauto-header-page .sppauto-header .precision-header-search-result{position:absolute;left:0;right:0;top:100%;z-index:82;background:#fff;border:1px solid #dfe3e5;border-top:0;box-shadow:0 18px 40px rgba(17,19,21,.1);display:none}
.sppauto-header-page .sppauto-header .precision-header-search-result.is-open{display:block}
.sppauto-header-page html[dir="rtl"] .sppauto-header .lang-menu{
  right:auto;
  left:0;
  max-width:calc(100vw - 24px);
}
.sppauto-header-page html[dir="rtl"] .sppauto-header .lang-option{text-align:start}
.sppauto-header-page .sppauto-header .lang-name,.sppauto-header-page .sppauto-header .lang-menu-head,.sppauto-header-page .sppauto-header .lang-menu-foot,.sppauto-header-page .sppauto-header .mega-menu-intro small,.sppauto-header-page .sppauto-header .mega-menu-nav small{color:#626b71}
.sppauto-header-page .sppauto-header{ background: #fff; border-bottom-color: #ddd; backdrop-filter: none; }
.sppauto-header-page .sppauto-header .header-search-shell{ background: #f5f5f5; border-color: #ddd; }
.sppauto-header-page .sppauto-header .header-search-form button{ background: #1a1a1a; color: #fff; border-color: #1a1a1a; }
.sppauto-header-page .sppauto-header .header-search-form button:hover,.sppauto-header-page .sppauto-header .header-search-form button:focus-visible{ background: #bd0000; }
.sppauto-header-page .sppauto-header .lang-trigger{ background: #eee; border-color: #ddd; color: #1a1a1a; }
.sppauto-header-page .sppauto-header .lang-menu{ background: #fff; border-color: #ddd; border-radius: 0; }
.sppauto-header-page .sppauto-header .lang-option.active{ background: #fff1f1; color: #bd0000; }
/* QA101.31 — QR image without a text badge; language at the header end.
 * Desktop bands: 34 + 112 + 50 = 196px, plus the existing 1px border.
 * Header contents follow the reference's 1320px container with 12px gutters.
 * Page sections and hero keep their existing dimensions.
 */
.sppauto-header-page .sppauto-header { background:#fff; }
.sppauto-header-page .sppauto-header [hidden] { display:none!important; }
.sppauto-header-page .sppauto-header .wrap { width:min(calc(100% - 48px),1296px); }
.sppauto-header-page .sppauto-topbar { height:34px; background:#e5e5e5; color:#111; }
.sppauto-header-page .sppauto-topbar-inner { height:100%; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.sppauto-header-page .sppauto-topbar-contact { display:flex; align-items:center; gap:14px; min-width:0; }
.sppauto-header-page .sppauto-topbar-contact a { display:inline-flex; align-items:center; gap:5px; white-space:nowrap; font-size:12px; line-height:18px; direction:ltr; }
.sppauto-header-page .sppauto-topbar-contact a+a { border-inline-start:1px solid #aaa; padding-inline-start:14px; }
.sppauto-header-page .sppauto-topbar-contact svg { width:14px; height:14px; flex-shrink:0; }
.sppauto-header-page .sppauto-topbar-social { display:flex; flex-shrink:0; align-items:center; gap:8px; margin-inline-start:auto; }
.sppauto-header-page .sppauto-topbar-social a { width:24px; height:24px; display:grid; place-items:center; border-radius:50%; background:#000; color:#fff; }
.sppauto-header-page .sppauto-topbar-social svg { width:14px; height:14px; }
.sppauto-header-page .sppauto-header .nav { height:112px; grid-template-columns:260px minmax(0,1fr) auto; gap:24px; }
.sppauto-header-page .sppauto-header .logo { min-width:0; }
.sppauto-header-page .sppauto-header .logo img { display:block; width:260px; max-width:100%; height:auto; }
.sppauto-header-page .sppauto-header .header-sppmatch-search { min-width:0; max-width:700px; }
.sppauto-header-page .sppauto-header .header-search-shell { height:48px; background:rgba(248,249,249,.86); border-color:#dfe3e5; grid-template-columns:auto 1px minmax(0,1fr) 48px; box-shadow:none; font-family:"Aptos","Segoe UI","Helvetica Neue",Arial,sans-serif; }
.sppauto-header-page .sppauto-header .header-search-shell:focus-within { background:#fff; border-color:#c3c9cc; box-shadow:0 12px 34px rgba(17,19,21,.09); }
.sppauto-header-page .sppauto-header .header-sppmatch-brand { display:block; padding-inline:16px; font-size:16px; direction:ltr; unicode-bidi:isolate; }
.sppauto-header-page .sppauto-header .header-search-divider { display:block; height:18px; }
.sppauto-header-page .sppauto-header .header-search-form input { grid-column:3; height:46px; font-size:11px; padding-inline:15px; }
.sppauto-header-page .sppauto-header .header-search-form button { grid-column:4; width:48px; height:46px; background:transparent; color:#34393c; border:0; border-inline-start:1px solid #e0e3e5; }
.sppauto-header-page .sppauto-header .header-search-form svg { width:17px; height:17px; }
.sppauto-header-page .sppauto-header .header-search-shell.is-searching .header-search-form button,
.sppauto-header-page .sppauto-header .header-search-form button:hover,
.sppauto-header-page .sppauto-header .header-search-form button:focus-visible { background:var(--red); color:#fff; }
.sppauto-header-page .sppauto-header .header-actions { justify-self:end; justify-content:flex-end; gap:10px; }
.sppauto-header-page .sppauto-header .header-actions>.lang-switcher { display:block; }
.sppauto-header-page .sppauto-header .lang-trigger { height:44px; background:#fff; border-color:#dfe3e5; color:#22272a; font-family:"Aptos","Segoe UI","Helvetica Neue",Arial,sans-serif; white-space:nowrap; }
.sppauto-header-page .sppauto-header .lang-name { display:inline; }
.sppauto-header-page .sppauto-header .lang-trigger:hover,
.sppauto-header-page .sppauto-header .lang-trigger[aria-expanded="true"] { background:#f7f8f8; border-color:#bfc5c8; color:#22272a; }
.sppauto-header-page .sppauto-header-qr { display:flex; align-items:center; gap:14px; color:#fff; }
.sppauto-header-page .sppauto-header-qr img { display:block; width:75px; height:75px; }
.sppauto-header-page .sppauto-primary-nav { height:50px; background:#000; color:#fff; }
.sppauto-header-page .sppauto-primary-links { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); height:100%; }
.sppauto-header-page .sppauto-primary-links>a { display:flex; align-items:center; justify-content:center; min-width:0; padding-inline:10px; color:#fff; font-size:15px; font-weight:500; line-height:1.2; text-align:center; }
.sppauto-header-page .sppauto-primary-links>a[aria-current="page"] { background:#d00000; }
.sppauto-header-page .sppauto-primary-links>a:hover,
.sppauto-header-page .sppauto-primary-links>a:focus-visible { background:#b90000; color:#fff; }
.sppauto-header-page .sppauto-primary-links>a:focus-visible { outline-color:#fff; outline-offset:-3px; }
.sppauto-header-page .sppauto-qr-dialog { position:fixed; margin:auto; width:min(370px,calc(100vw - 32px)); max-height:calc(100dvh - 32px); overflow:auto; border:1px solid #ddd; padding:30px; background:#fff; color:#111; text-align:center; font-family:inherit; }
.sppauto-header-page .sppauto-qr-dialog::backdrop { background:#0009; }
.sppauto-header-page .sppauto-qr-dialog:not([open]) { display:none; }
.sppauto-header-page .sppauto-qr-close { display:grid; place-items:center; margin-block:0 4px; margin-inline:auto 0; width:36px; height:36px; border:1px solid #ddd; background:#fff; color:#111; font-size:24px; cursor:pointer; }
.sppauto-header-page .sppauto-qr-dialog h2 { margin:0 0 10px; font-size:24px; }
.sppauto-header-page .sppauto-qr-dialog p { margin:0 0 10px; font-size:13px; line-height:1.5; color:#555; }
.sppauto-header-page .sppauto-qr-dialog img { width:264px; height:auto; max-width:100%; margin:0 auto 16px; }
.sppauto-header-page .sppauto-qr-catalog { display:block; padding:13px 16px; background:#c90000; color:#fff; font-size:13px; }
@media(max-width:1200px) and (min-width:761px) {
  .sppauto-header-page .sppauto-topbar-email { display:none!important; }
  .sppauto-header-page .sppauto-header .nav { grid-template-columns:230px minmax(0,1fr) auto; gap:18px; }
  .sppauto-header-page .sppauto-header .logo img { width:230px; }
  .sppauto-header-page .sppauto-header-qr { gap:10px; }
  .sppauto-header-page .sppauto-header-qr img { width:64px; height:64px; }
  .sppauto-header-page .sppauto-primary-links>a { font-size:13px; }
}
/* Keep the 112px band at tablet widths: logo beside search and controls. */
@media(max-width:1000px) and (min-width:761px) {
  .sppauto-header-page .sppauto-header .nav { grid-template-columns:230px minmax(0,1fr); grid-template-rows:48px 44px; grid-template-areas:"logo search" "logo actions"; gap:8px 18px; padding-block:6px; }
  .sppauto-header-page .sppauto-header .logo { grid-area:logo; }
  .sppauto-header-page .sppauto-header .header-sppmatch-search { grid-area:search; }
  .sppauto-header-page .sppauto-header .header-actions { grid-area:actions; }
  .sppauto-header-page .sppauto-header-qr img { width:44px; height:44px; }
}
@media(max-width:760px) {
  .sppauto-header-page .sppauto-header .wrap { width:calc(100% - 28px); }
  .sppauto-header-page .sppauto-topbar { height:30px; }
  .sppauto-header-page .sppauto-topbar-inner { justify-content:space-between; gap:10px; }
  .sppauto-header-page .sppauto-topbar-contact { gap:10px; }
  .sppauto-header-page .sppauto-topbar-contact a { font-size:10px; gap:4px; }
  .sppauto-header-page .sppauto-topbar-contact svg { width:12px; height:12px; }
  .sppauto-header-page .sppauto-topbar-contact a+a { padding-inline-start:0; border:0; }
  .sppauto-header-page .sppauto-topbar-social { gap:6px; }
  .sppauto-header-page .sppauto-topbar-social a { width:20px; height:20px; }
  .sppauto-header-page .sppauto-topbar-social svg { width:12px; height:12px; }
  .sppauto-header-page .sppauto-topbar-landline,
  .sppauto-header-page .sppauto-topbar-email,
  .sppauto-header-page .sppauto-header-qr { display:none!important; }
  .sppauto-header-page .sppauto-primary-links { display:flex; overflow-x:auto; overscroll-behavior-x:contain; scrollbar-width:none; }
  .sppauto-header-page .sppauto-primary-links::-webkit-scrollbar { display:none; }
  .sppauto-header-page .sppauto-primary-links>a { flex:0 0 auto; min-width:96px; padding-inline:16px; font-size:12px; white-space:nowrap; }
  .sppauto-header-page .sppauto-header .nav { min-height:128px; height:128px; padding-block:8px; gap:12px; grid-template-columns:minmax(0,1fr) auto; grid-template-rows:52px 48px; }
  .sppauto-header-page .sppauto-header .logo img { width:190px; }
  .sppauto-header-page .sppauto-header .header-sppmatch-search { max-width:none; }
  .sppauto-header-page .sppauto-header .header-sppmatch-brand { padding-inline:11px; font-size:14px; }
  .sppauto-header-page .sppauto-header .header-search-form input { height:46px; font-size:16px; padding-inline:12px; }
  .sppauto-header-page .sppauto-header .header-search-form button { width:48px; height:46px; }
  .sppauto-header-page .sppauto-header .header-actions { gap:8px; }
  .sppauto-header-page .sppauto-header .lang-trigger { height:44px; min-width:52px; padding-inline:8px; gap:6px; }
  .sppauto-header-page .sppauto-header .lang-name { display:none; }
}
@media(max-width:380px) {
  .sppauto-header-page .sppauto-header .logo img { width:160px; }
}

/* Isolate inherited page headers, language controls and RTL alignment. */
.sppauto-header-page .sppauto-header{backdrop-filter:none;border-bottom-color:#ddd;background:#fff}
.sppauto-header-page .sppauto-header .logo{padding:0;margin:0;line-height:1}
.sppauto-header-page .sppauto-header .header-search-form input{width:100%;box-shadow:none;border-radius:0;margin:0}
.sppauto-header-page .sppauto-header .header-search-form button{margin:0;padding:0;border-left:0;border-inline-start:1px solid #e0e3e5}
.sppauto-header-page .sppauto-header .sppauto-primary-links>a{margin:0;border:0;border-radius:0;text-transform:none;letter-spacing:inherit;position:relative}
.sppauto-header-page .sppauto-header .sppauto-primary-links>a:after{content:none}
.sppauto-header-page .sppauto-header .lang-menu{max-width:calc(100vw - 28px);text-align:start}
.sppauto-header-page .sppauto-header .lang-option{text-align:start;line-height:normal}
.sppauto-header-page .sppauto-header .lang-name,.sppauto-header-page .sppauto-header .lang-menu-head,.sppauto-header-page .sppauto-header .lang-menu-foot{color:#626b71}
html[dir="rtl"] .sppauto-header-page .sppauto-header .lang-menu{left:0;right:auto}
.sppauto-header-page .sppauto-header a:focus-visible,.sppauto-header-page .sppauto-header button:focus-visible{outline:2px solid #c90000;outline-offset:2px}
.sppauto-header-page .sppauto-header .sppauto-primary-links>a:focus-visible{outline-color:#fff;outline-offset:-3px}
@media(max-width:760px){.sppauto-header-page .sppauto-header .nav{grid-template-areas:"logo actions" "search search"}.sppauto-header-page .sppauto-header .logo{grid-area:logo}.sppauto-header-page .sppauto-header .header-actions{grid-area:actions}.sppauto-header-page .sppauto-header .header-sppmatch-search{grid-area:search}}
/* Precision page bundles contain !important HF51 header rules. These scoped
   overrides isolate the new header; no page-content or footer rule is changed. */
body.sppauto-header-page header.sppauto-header.site-header{
  height:auto!important;min-height:0!important;max-height:none!important;min-width:0!important;
  position:sticky!important;top:0!important;z-index:1000!important;
  overflow:visible!important;padding:0!important;margin:0!important;
  background:#fff!important;color:#1a1a1a!important;backdrop-filter:none!important;
  border:0!important;border-bottom:1px solid #ddd!important;box-shadow:none!important;
  font-family:"SPPAUTO Zirkel","Segoe UI",Arial,sans-serif!important;
}
body.sppauto-header-page header.sppauto-header .nav{
  width:min(calc(100% - 48px),1296px)!important;max-width:none!important;
  height:112px!important;min-height:112px!important;padding:0!important;
  display:grid!important;grid-template-columns:260px minmax(0,1fr) auto!important;
  grid-template-rows:none!important;grid-template-areas:none!important;
  align-items:center!important;gap:24px!important;
}
body.sppauto-header-page header.sppauto-header .logo{
  min-width:0!important;position:static!important;top:auto!important;
  grid-area:auto!important;display:block!important;
}
body.sppauto-header-page header.sppauto-header .logo img{
  width:260px!important;max-width:100%!important;height:auto!important;transform:none!important;
}
body.sppauto-header-page header.sppauto-header .header-sppmatch-search{
  grid-area:auto!important;max-width:700px!important;min-width:0!important;width:100%!important;
}
body.sppauto-header-page header.sppauto-header .header-actions{
  grid-area:auto!important;display:flex!important;align-items:center!important;
  justify-content:flex-end!important;gap:10px!important;
}
@media(max-width:1200px) and (min-width:761px){
  body.sppauto-header-page header.sppauto-header .nav{grid-template-columns:230px minmax(0,1fr) auto!important;gap:18px!important}
  body.sppauto-header-page header.sppauto-header .logo img{width:230px!important}
}
@media(max-width:1000px) and (min-width:761px){
  body.sppauto-header-page header.sppauto-header .nav{
    grid-template-columns:230px minmax(0,1fr)!important;grid-template-rows:48px 44px!important;
    grid-template-areas:"logo search" "logo actions"!important;gap:8px 18px!important;padding-block:6px!important;
  }
  body.sppauto-header-page header.sppauto-header .logo{grid-area:logo!important}
  body.sppauto-header-page header.sppauto-header .header-sppmatch-search{grid-area:search!important}
  body.sppauto-header-page header.sppauto-header .header-actions{grid-area:actions!important}
}
@media(max-width:760px){
  body.sppauto-header-page header.sppauto-header .nav{
    width:calc(100% - 28px)!important;min-height:128px!important;height:128px!important;
    padding-block:8px!important;gap:12px!important;grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:52px 48px!important;grid-template-areas:"logo actions" "search search"!important;
  }
  body.sppauto-header-page header.sppauto-header .logo{grid-area:logo!important}
  body.sppauto-header-page header.sppauto-header .logo img{width:190px!important}
  body.sppauto-header-page header.sppauto-header .header-sppmatch-search{grid-area:search!important;max-width:none!important}
  body.sppauto-header-page header.sppauto-header .header-actions{grid-area:actions!important;gap:8px!important}
}
@media(max-width:380px){body.sppauto-header-page header.sppauto-header .logo img{width:160px!important}}

/* QA102.14 — center the QR between the product search and language selector. */
@media (min-width:1201px){
  body.sppauto-header-page header.sppauto-header .nav{grid-template-columns:260px minmax(0,1fr) 143px auto!important;gap:24px!important}
  body.sppauto-header-page header.sppauto-header .header-sppmatch-search{max-width:none!important;justify-self:stretch!important}
  body.sppauto-header-page header.sppauto-header .header-actions{display:contents!important}
  body.sppauto-header-page header.sppauto-header .sppauto-header-qr{justify-self:center!important}
  body.sppauto-header-page header.sppauto-header .lang-switcher{justify-self:end!important}
}
@media (max-width:1200px) and (min-width:1001px){
  body.sppauto-header-page header.sppauto-header .nav{grid-template-columns:230px minmax(0,1fr) 96px auto!important;gap:18px!important}
  body.sppauto-header-page header.sppauto-header .header-sppmatch-search{max-width:none!important;justify-self:stretch!important}
  body.sppauto-header-page header.sppauto-header .header-actions{display:contents!important}
  body.sppauto-header-page header.sppauto-header .sppauto-header-qr{justify-self:center!important}
  body.sppauto-header-page header.sppauto-header .lang-switcher{justify-self:end!important}
}

/* QA103.66 — Center product search in the real gap between logo and QR. */
@media (min-width:1201px){
  body.sppauto-header-page header.sppauto-header .nav{
    grid-template-columns:260px minmax(0,1fr) 75px auto!important;
    gap:24px!important;
  }
  body.sppauto-header-page header.sppauto-header .header-sppmatch-search{
    width:min(94%,900px)!important;
    max-width:900px!important;
    justify-self:center!important;
  }
  body.sppauto-header-page header.sppauto-header .sppauto-header-qr{
    width:75px!important;
    justify-self:center!important;
  }
}
@media (max-width:1200px) and (min-width:1001px){
  body.sppauto-header-page header.sppauto-header .nav{
    grid-template-columns:230px minmax(0,1fr) 64px auto!important;
    gap:18px!important;
  }
  body.sppauto-header-page header.sppauto-header .header-sppmatch-search{
    width:96%!important;
    max-width:760px!important;
    justify-self:center!important;
  }
  body.sppauto-header-page header.sppauto-header .sppauto-header-qr{
    width:64px!important;
    justify-self:center!important;
  }
}