/* ===========================================================================
   AB Motor — Ettermarked  ·  Blueshift-inspirert (AB Motor-farger, ikke blått)
   Mørkt hero-band: merkelogoer svakt i bakgrunnen · H1+lede + 3 originalmerker
   (hvite) over · skjema i hvitt kort høyre · hovedleverandører på rekke under.
   Scoped under .abm-em.
   =========================================================================== */
.abm-em{
  --ink:#1A1A1A; --ink2:#161616; --orange:#FF9600; --line:#E7E4DF; --muted:#6F6C66;
  --paper:#FBFAF8; --card:#fff;
  --r:14px;
  --cond:"Saira Extra Condensed","Saira",system-ui,sans-serif;
  --body:"Saira",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  font-family:var(--body); color:var(--ink); line-height:1.5; font-variant-numeric:tabular-nums;
}
.abm-em *, .abm-em *::before, .abm-em *::after{ box-sizing:border-box; }
.abm-em img{ max-width:100%; }
.abm-em__eyebrow{ font-family:var(--cond); text-transform:uppercase; letter-spacing:.22em; font-weight:700;
  font-size:.82rem; color:var(--orange); margin:0 0 12px; }

/* ===========================================================================
   HERO — mørkt band med "døde" merkelogoer bak
   =========================================================================== */
.abm-em__hero{ position:relative; overflow:hidden; background:var(--ink); color:#fff;
  border-top:3px solid var(--orange); border-bottom:3px solid var(--orange);
  padding:clamp(32px,4.5vw,60px) clamp(22px,4vw,52px); }

/* bakgrunn: alle merkelogoer, svakt hvitt — skinner gjennom */
.abm-em__hero-bg{ position:absolute; inset:0; z-index:0; overflow:hidden; pointer-events:none; }
.abm-em__hero-bg-wrap{ position:absolute; inset:-24px; display:flex; flex-wrap:wrap; align-content:center; justify-content:center;
  gap:clamp(14px,1.5vw,22px); opacity:.14; }
.abm-em__hero-bg-wrap img{ height:clamp(17px,1.7vw,24px); width:auto; flex:0 0 auto; }
/* lett vignett — holder venstre tekst lesbar, lar merkene skinne gjennom til høyre */
.abm-em__hero::after{ content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:linear-gradient(100deg, var(--ink) 16%, rgba(26,26,26,.4) 55%, rgba(26,26,26,.12) 100%); }

.abm-em__hero-grid{ position:relative; z-index:1; display:grid; grid-template-columns:1fr minmax(440px,520px);
  gap:clamp(28px,3.5vw,52px); align-items:start; }
.abm-em__hero-left{ display:flex; flex-direction:column; min-width:0; }
.abm-em__title{ font-family:var(--cond); font-weight:700; font-size:clamp(1.9rem,3.4vw,2.85rem); line-height:1.04;
  letter-spacing:.005em; margin:0; max-width:none; color:#fff; }
.abm-em__lede{ font-size:clamp(.98rem,1.4vw,1.1rem); line-height:1.5; color:#c4c2bd; max-width:54ch; margin:14px 0 0; }
.abm-em__pillars{ display:flex; flex-wrap:wrap; align-items:center; gap:6px 14px; list-style:none; padding:0; margin:18px 0 0;
  font-family:var(--cond); text-transform:uppercase; letter-spacing:.05em; font-size:.9rem; font-weight:600; color:#9a968e; }
.abm-em__pillars li{ display:flex; align-items:center; gap:14px; }
.abm-em__pillars li::after{ content:"·"; color:var(--orange); }
.abm-em__pillars li:last-child::after{ display:none; }

/* 3 originalmerker — "badge"-rad nede til venstre over det mørke */
.abm-em__oem{ margin-top:clamp(22px,3vw,34px); }
.abm-em__oem-label{ font-family:var(--cond); text-transform:uppercase; letter-spacing:.18em; font-weight:700;
  font-size:.82rem; color:#9a968e; margin:0 0 14px;
  visibility:hidden; } /* tekst «Originaldeler» skjult (Kristian 2026-06-25) — beholder plassen så chips/karusell ikke flytter seg */
.abm-em__oem-logos{ display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.abm-em__oem-chip{ background:#fff; border-radius:10px; padding:14px 24px; display:inline-flex; align-items:center; }
.abm-em__oem-chip img{ height:44px; max-width:150px; object-fit:contain; }

/* skjema — hvitt flytende kort, stort, lite omramming */
.abm-em__hero-form{ align-self:start; background:var(--card); color:var(--ink); border-radius:var(--r);
  box-shadow:0 20px 50px rgba(0,0,0,.28); padding:clamp(16px,1.6vw,22px); }
.abm-em__form-h{ font-family:var(--cond); font-weight:700; text-transform:uppercase; letter-spacing:.04em;
  font-size:clamp(1.5rem,2.1vw,1.85rem); line-height:1.0; margin:2px 0 8px; color:var(--orange); }
.abm-em__form-sub{ font-size:.92rem; color:var(--muted); margin:0 0 16px; }
.abm-em__hero-form .abm-em__eyebrow{ margin-bottom:8px; }

/* produsent-karusell + søk (fyller ned til skjemaets bunn) */
.abm-em__pc{ margin:clamp(18px,2.4vw,28px) 0 0; max-width:640px; }
.abm-em__pc-search{ position:relative; max-width:300px; margin:0 0 16px; }
.abm-em__pc-search input{ width:100%; padding:9px 16px 9px 38px; border:1px solid rgba(255,255,255,.22); border-radius:999px;
  background:rgba(255,255,255,.07); color:#fff; font:inherit; font-size:.9rem; outline:none; transition:border-color .15s, box-shadow .15s; }
.abm-em__pc-search input::placeholder{ color:#8d8980; }
.abm-em__pc-search input:focus{ border-color:var(--orange); box-shadow:0 0 0 3px rgba(255,150,0,.18); }
.abm-em__pc-search svg{ position:absolute; left:13px; top:50%; transform:translateY(-50%); width:15px; height:15px; stroke:#8d8980; }
.abm-em__pc-marq{ position:relative; height:110px; overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 32px,#000 calc(100% - 32px),transparent);
  mask-image:linear-gradient(90deg,transparent,#000 32px,#000 calc(100% - 32px),transparent); }
.abm-em__pc-track{ position:absolute; top:0; bottom:0; left:0; display:flex; align-items:center; gap:clamp(26px,3.5vw,48px); width:max-content;
  animation:abm-marq 80s linear infinite; will-change:transform; }
@keyframes abm-marq{ from{ transform:translate3d(0,0,0); } to{ transform:translate3d(-50%,0,0); } }
.abm-em__pc-tile{ flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; background:#fff; border-radius:10px; }
.abm-em__pc-marq .abm-em__pc-tile{ height:100%; width:clamp(140px,15vw,178px); padding:12px clamp(14px,1.6vw,20px); }
.abm-em__pc-marq .abm-em__pc-tile img{ max-height:62%; max-width:100%; width:auto; object-fit:contain; opacity:1; }
.abm-em__pc-tile img.lt{ filter:brightness(0); }
.abm-em__pc-grid{ display:flex; flex-wrap:wrap; align-items:center; gap:14px clamp(20px,2.4vw,32px); max-height:220px; overflow-y:auto; }
.abm-em__pc-grid .abm-em__pc-tile{ padding:9px 14px; }
.abm-em__pc-grid .abm-em__pc-tile img{ height:42px; width:auto; max-width:130px; object-fit:contain; opacity:1; }
@media (prefers-reduced-motion:reduce){ .abm-em__pc-track{ animation:none; } .abm-em__pc-marq{ overflow-x:auto; } }

/* ===========================================================================
   HOVEDLEVERANDØRER — rekke med logoer på hvitt (under hero)
   =========================================================================== */
.abm-em__suppliers{ padding:clamp(26px,3.5vw,44px) clamp(8px,2vw,24px); text-align:center; }
.abm-em__strip-label{ font-family:var(--cond); text-transform:uppercase; letter-spacing:.2em; font-weight:700;
  font-size:.76rem; color:var(--muted); margin:0 0 22px; }
.abm-lev__grid{ display:flex; flex-wrap:wrap; align-items:flex-start; justify-content:center; gap:clamp(26px,4vw,64px); }
.abm-lev__card{ position:relative; display:flex; flex-direction:column; align-items:center; gap:8px; text-decoration:none; cursor:default; }
.abm-lev__tip{ position:absolute; bottom:calc(100% + 10px); left:50%; transform:translateX(-50%) translateY(4px);
  width:max-content; max-width:240px; background:var(--ink); color:#fff; font-family:var(--body); font-size:.8rem; line-height:1.4;
  font-weight:400; text-transform:none; letter-spacing:0; padding:9px 13px; border-radius:8px; box-shadow:0 10px 26px rgba(0,0,0,.25);
  opacity:0; pointer-events:none; transition:opacity .15s ease, transform .15s ease; z-index:5; text-align:left; }
.abm-lev__tip::after{ content:""; position:absolute; top:100%; left:50%; transform:translateX(-50%); border:6px solid transparent; border-top-color:var(--ink); }
.abm-lev__card:hover .abm-lev__tip, .abm-lev__card:focus-within .abm-lev__tip{ opacity:1; transform:translateX(-50%) translateY(0); }
.abm-lev__logo{ height:34px; display:flex; align-items:center; justify-content:center; }
.abm-lev__logo img{ max-height:32px; max-width:140px; object-fit:contain; filter:grayscale(1); opacity:.66;
  transition:filter .2s ease, opacity .2s ease; }
.abm-lev__card:hover .abm-lev__logo img{ filter:none; opacity:1; }
.abm-lev__logo.is-text{ font-family:var(--cond); font-weight:700; font-size:1.2rem; color:var(--ink); text-transform:uppercase; }
.abm-lev__navn{ font-family:var(--body); text-transform:uppercase; letter-spacing:.04em; font-size:.64rem; font-weight:600; color:var(--muted); }

/* fokus */
.abm-em a:focus-visible, .abm-em button:focus-visible, .abm-em input:focus-visible{ outline:2px solid var(--orange); outline-offset:2px; }

/* ===========================================================================
   Responsivt
   =========================================================================== */
@media (max-width:860px){
  .abm-em__hero-grid{ grid-template-columns:1fr; gap:28px; }
  .abm-em__hero::after{ background:linear-gradient(180deg, rgba(26,26,26,.45), var(--ink) 60%); }
  .abm-em__oem{ margin-top:24px; }
  .abm-em__pc-marq{ min-height:120px; }
  .abm-em__pc-marq .abm-em__pc-tile img{ max-height:80px; }
  .abm-lev__grid{ gap:28px 36px; }
}
@media (prefers-reduced-motion:reduce){
  .abm-lev__logo img{ transition:none; }
}