/* Kategori, butikk og søk. Lastes bare der (functions.php). Generert ved deling av style.css 14.10.2026; nye regler for arkivet legges her. */

.efm-ark-main{padding:0!important}
.efm-ark{box-sizing:border-box;max-width:1280px;margin:0 auto;padding:18px 20px 56px;font-family:Inter,system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;color:#222}
.efm-ark *{box-sizing:border-box}
.efm-ark a{color:inherit;text-decoration:none}
.efm-ark__br{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;color:#6b6b6b}
.efm-ark__br a:hover{text-decoration:underline;text-decoration-color:#ffbb00;text-underline-offset:3px}
.efm-ark__br b{font-weight:600;color:#222}
.efm-ark__hode{margin:14px 0 18px}
.efm-ark__hode h1{margin:0;font-size:clamp(26px,3vw,36px);font-weight:800;letter-spacing:-.02em;line-height:1.1}
.efm-ark__hode h1::after{content:"";display:block;width:44px;height:4px;margin-top:12px;border-radius:2px;background:#ffbb00}
.efm-ark__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.efm-ark__chips a{display:inline-flex;align-items:center;height:38px;padding:0 16px;border-radius:999px;background:#f1f1f2;font-size:14px;font-weight:600;transition:background-color .2s,color .2s}
.efm-ark__chips a:hover{background:#222;color:#ffbb00}
.efm-ark__rad{display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px;align-items:start}
.efm-ark__side{position:static}
.efm-ark{scroll-margin-top:calc(var(--efh-stuck,112px) + 12px)}
.efm-ark__sidehode{display:none}
.efm-ark__boks{margin:0 0 22px;padding:0 0 22px;border-bottom:1px solid #e6e6e6}
.efm-ark__boks:last-child{border:0}
.efm-ark__t{margin:0 0 10px;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6b6b6b}
.efm-ark__tre,.efm-ark__tre ul,.efm-ark__valg{margin:0;padding:0;list-style:none}
.efm-ark__tre>li>a{display:block;padding:7px 0;font-size:14.5px;font-weight:600}
.efm-ark__tre ul{margin:0 0 6px;padding-left:12px;border-left:2px solid #f1f1f2}
.efm-ark__tre ul a{display:flex;justify-content:space-between;gap:8px;padding:5px 0 5px 10px;font-size:14px;color:#444}
.efm-ark__tre small,.efm-ark__valg small{font-size:12px;color:#8a8a8f}
.efm-ark__tre a:hover{text-decoration:underline;text-decoration-color:#ffbb00;text-underline-offset:3px}
.efm-ark__tre a.er-aktiv{font-weight:800;color:#222;box-shadow:inset 3px 0 0 #ffbb00;padding-left:10px}
.efm-ark__valg a{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:14px}
.efm-ark__valg i{flex:none;width:18px;height:18px;border-radius:5px;box-shadow:inset 0 0 0 1.5px #c9c9cd;background:#fff}
.efm-ark__valg a.er-paa i{background:#ffbb00 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23222' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/14px no-repeat;box-shadow:none}
.efm-ark__valg small{margin-left:auto}
.efm-ark__verktoy{display:flex;align-items:center;gap:14px;margin:0 0 14px}
.efm-ark__filter{display:none;align-items:center;gap:8px;height:42px;padding:0 16px;border:0;border-radius:999px;background:#f1f1f2;font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.efm-ark__antall{flex:1;margin:0;font-size:14px;color:#6b6b6b}
.efm-ark__sort select{height:42px;padding:0 38px 0 14px;border:1px solid #d9d9d9;border-radius:12px;background:#fff;font:inherit;font-size:14px;font-weight:600;color:#222;cursor:pointer}
.efm-ark__aktive{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.efm-ark__aktive a{display:inline-flex;align-items:center;height:34px;padding:0 12px;border-radius:999px;background:#222;color:#ffbb00;font-size:13px;font-weight:700}
.efm-ark__aktive a.er-nullstill{background:none;color:#444;text-decoration:underline;text-underline-offset:3px}
.efm-ark__sider ul{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin:8px 0 30px;padding:0;list-style:none}
.efm-ark__sider a.page-numbers,.efm-ark__sider span.page-numbers{display:grid;place-items:center;min-width:42px;height:42px;padding:0 10px;border-radius:12px;background:#f1f1f2;font-size:14px;font-weight:700}
.efm-ark__sider a.page-numbers:hover{background:#222;color:#ffbb00}
.efm-ark__sider span.page-numbers.dots{background:none;min-width:24px}
.efm-ark__sider ul.page-numbers{display:flex!important;flex-wrap:wrap;justify-content:center;gap:6px;height:auto;min-width:0;background:none;padding:0;margin:8px 0 30px}
.efm-ark__sider li{margin:0;list-style:none}
.efm-ark__sider span.page-numbers.current{background:#222;color:#ffbb00}
.efm-ark__tom{padding:48px 16px;border-radius:16px;background:#f7f7f8;text-align:center;color:#444}
.efm-ark__knapp{display:inline-flex;align-items:center;height:46px;padding:0 22px;border-radius:12px;background:#ffbb00;font-weight:800}
.efm-ark__tekst{max-width:860px;margin-top:10px;padding-top:24px;border-top:1px solid #e6e6e6;font-size:15px;line-height:1.7;color:#444}
.efm-ark__tekst p{margin:0 0 12px}
@media (max-width:860px){
.efm-ark__rad{grid-template-columns:minmax(0,1fr)}
.efm-ark__filter{display:inline-flex}
.efm-ark__side{position:fixed;inset:0 auto 0 0;max-height:none;margin:0;z-index:99000;width:min(340px,88vw);padding:0 18px 24px;overflow-y:auto;background:#fff;box-shadow:20px 0 50px -30px rgba(0,0,0,.5);transform:translateX(-102%);transition:transform .25s ease}
body.efm-ark-apen .efm-ark__side{transform:none}
.efm-ark__sidehode{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;margin:0 -18px 14px;padding:14px 18px;background:#fff;border-bottom:1px solid #e6e6e6;font-size:18px}
.efm-ark__lukk{width:40px;height:40px;border:0;border-radius:50%;background:#f1f1f2;font-size:22px;line-height:1;cursor:pointer}
.efm-ark__verktoy{flex-wrap:wrap}
.efm-ark__antall{order:3;flex-basis:100%}
.efm-ark__sort{margin-left:auto}}
@media (max-width:767px){.efm-ark{padding:12px 16px 40px}}
.efm-ark__bunn{display:none}
.efm-ark__t{cursor:pointer;list-style:none}
.efm-ark__t::-webkit-details-marker{display:none}
.efm-ark__valg label{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:14px;cursor:pointer}
.efm-ark__valg label.er-tom{opacity:.4}
.efm-ark__valg input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}
.efm-ark__valg input:checked+i{background:#ffbb00 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23222' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/14px no-repeat;box-shadow:none}
.efm-ark__valg input:focus-visible+i{outline:3px solid #222;outline-offset:2px}
.efm-ark__nullstill{margin:0 0 14px}
.efm-ark__nullstill button{padding:0;border:0;background:none;font:inherit;font-size:13.5px;font-weight:700;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@media (max-width:860px){.efm-ark__bunn{display:block;position:sticky;bottom:0;padding:12px 0 4px;background:#fff}.efm-ark__bruk{width:100%;height:50px;border:0;border-radius:12px;background:#ffbb00;font:inherit;font-size:15.5px;font-weight:800;cursor:pointer}}
.efm-ark__tre ul ul{margin:0 0 4px;padding-left:10px;border-left:2px solid #ececee}
.efm-ark__tre ul ul a{font-size:13.5px;color:#555}
.efm-ark__chips a{background:#fff;box-shadow:0 1px 2px rgba(20,20,10,.05)}
.efm-ark__chips a:hover{background:#222;color:#ffbb00}/* Infoboks øverst i kategorien (feltet «Infoboks» på kategorien) */
.efm-ark__info{margin:0 0 18px;padding:18px 20px;border:1px solid #f3dfa6;border-radius:14px;background:#fffaf0}
.efm-ark__infotopp h2{margin:0 0 4px;font-size:18px;line-height:1.3;color:#141414}
.efm-ark__infotopp p{margin:0;font-size:14.5px;line-height:1.55;color:#4a4a4a;max-width:720px}
.efm-ark__info ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 0;padding:0;list-style:none}
.efm-ark__info li{display:flex;flex-direction:column;gap:3px;padding:12px 14px;border-radius:10px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.05)}
.efm-ark__info li b{display:flex;align-items:center;gap:8px;font-size:14px;color:#141414}
.efm-ark__info li b::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:#ffbb00}
.efm-ark__info li span{font-size:13px;line-height:1.45;color:#5a5a5a}
.efm-ark__infofot{margin-top:12px;font-size:13.5px;color:#4a4a4a}.efm-ark__infofot p{margin:0}
@media (max-width:900px){.efm-ark__info ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.efm-ark__info{padding:14px 0 14px 14px}.efm-ark__infotopp,.efm-ark__infofot{padding-right:14px}.efm-ark__info ul{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:1px 14px 2px 1px;scrollbar-width:none}.efm-ark__info ul::-webkit-scrollbar{display:none}.efm-ark__info li{flex:0 0 68%;scroll-snap-align:start}}
.efm-ark__infofot a{color:inherit;font-weight:700;white-space:nowrap}
/* Infoboksen ligger i produktkolonnen ved siden av overskriften. Kategorilisten starter rett under overskriften
   (uavhengig av hvor høy boksen er), og produktene starter under boksen. */
.efm-ark__hode .efm-ark__info{margin:16px 0 0}
@media (min-width:861px){
.efm-ark:has(>.efm-ark__hode .efm-ark__info):not(:has(.efm-ark__chips)){display:grid;grid-template-columns:260px minmax(0,1fr);column-gap:32px;align-items:start}
.efm-ark:has(>.efm-ark__hode .efm-ark__info):not(:has(.efm-ark__chips))>*{grid-column:1/-1}
.efm-ark:has(>.efm-ark__hode .efm-ark__info):not(:has(.efm-ark__chips))>.efm-ark__hode,.efm-ark:has(>.efm-ark__hode .efm-ark__info):not(:has(.efm-ark__chips))>.efm-ark__rad{display:contents}
.efm-ark:has(>.efm-ark__hode .efm-ark__info):not(:has(.efm-ark__chips)) .efm-ark__hode>h1{grid-column:1;grid-row:2;margin-top:14px}
.efm-ark:has(>.efm-ark__hode .efm-ark__info):not(:has(.efm-ark__chips)) .efm-ark__hode>.efm-ark__info{grid-column:2;grid-row:2/4;margin:14px 0 18px}
.efm-ark:has(>.efm-ark__hode .efm-ark__info):not(:has(.efm-ark__chips)) .efm-ark__rad>.efm-ark__side{grid-column:1;grid-row:3/5;margin-top:22px}
.efm-ark:has(>.efm-ark__hode .efm-ark__info):not(:has(.efm-ark__chips)) .efm-ark__rad>.efm-ark__hoved{grid-column:2;grid-row:4}
}
@media (min-width:1100px){.efm-ark__info ul{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:861px) and (max-width:1099px){.efm-ark__info ul{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* /messetilbud/: uten sidepanel og filterknapp, produktene over hele bredden */
.efm-ark--uten-side .efm-ark__rad{grid-template-columns:minmax(0,1fr)}
.efm-ark--uten-side .efm-ark__side,.efm-ark--uten-side .efm-ark__filter,.efm-ark--uten-side .efm-ark__bunn{display:none!important}
@media (min-width:1100px){.efm-ark--uten-side .efm-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
/* Messetilbud (/messetilbud/): større kort i stil med Oslo Motor Show-annonsene. Gul topp på skrå med sparebeløpet,
   produktet svever rolig, stor pris og Klarna-boks med glans. Kortene kommer inn ett etter ett. */
@media (min-width:1000px){.efm-ark--messe .efm-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important}}
@media (min-width:560px) and (max-width:999px){.efm-ark--messe .efm-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important}}
@media (max-width:559px){.efm-ark--messe .efm-grid{grid-template-columns:minmax(0,1fr)!important;gap:16px!important}}
.efm-ark--messe .efm-pr .efm-pr__card{border-radius:18px;animation:mtInn .6s cubic-bezier(.2,.8,.2,1) both}
.efm-ark--messe .efm-pr .efm-pr__card::before{border-radius:18px}
.efm-ark--messe .efm-pr__item:nth-child(2) .efm-pr__card{animation-delay:.08s}
.efm-ark--messe .efm-pr__item:nth-child(3) .efm-pr__card{animation-delay:.16s}
.efm-ark--messe .efm-pr__item:nth-child(4) .efm-pr__card{animation-delay:.24s}
.efm-ark--messe .efm-pr__item:nth-child(5) .efm-pr__card{animation-delay:.32s}
.efm-ark--messe .efm-pr__item:nth-child(6) .efm-pr__card{animation-delay:.4s}
.efm-ark--messe .efm-pr__item:nth-child(n+7) .efm-pr__card{animation-delay:.48s}
.efm-ark--messe .efm-pr .efm-pr__media{display:block;aspect-ratio:auto;padding:0 0 6px;background:#fff}
.efm-ark--messe .efm-pr .efm-pr__badge.is-kampanje{position:relative;top:0;left:0;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:16px 18px 34px;border-radius:0;white-space:normal;clip-path:polygon(0 0,100% 0,100% 70%,0 100%);box-shadow:none}
.efm-ark--messe .efm-pr .efm-pr__badge.is-kampanje b{flex:none;padding:6px 11px;border-radius:999px;background:#1d1d1b;color:var(--efk-bg,#ffd000);font-size:11.5px;letter-spacing:.07em}
.efm-ark--messe .efm-pr .efm-pr__badge.is-kampanje>span{font-size:clamp(18px,1.9vw,24px);font-weight:900;letter-spacing:-.02em;line-height:1.05;text-align:right}
.efm-ark--messe .efm-pr .efm-pr__badge.is-kampanje{animation:mtPop .5s cubic-bezier(.3,1.5,.5,1) .35s both}
.efm-ark--messe .efm-pr .efm-pr__media img{display:block;width:80%;max-width:340px;height:auto;margin:-10px auto 0;aspect-ratio:1/1;object-fit:contain;animation:mtSvev 4.5s ease-in-out 1s infinite}
.efm-ark--messe .efm-pr .efm-pr__body{gap:6px;padding:4px 20px 20px}
.efm-ark--messe .efm-pr .efm-pr__name{font-size:18px;font-weight:800;letter-spacing:-.015em;line-height:1.25}
.efm-ark--messe .efm-pr .efm-pr__now{font-size:28px;font-weight:900;letter-spacing:-.03em}
.efm-ark--messe .efm-pr .efm-pr__was{font-size:14px}
.efm-ark--messe .efm-pr .efm-pr__cart{width:52px;height:52px;border-radius:14px}
.efm-ark--messe .efm-pr .efm-pr__klarna.er-klar{position:relative;overflow:hidden;display:inline-flex;margin-top:8px!important;padding:7px 11px;border:1.5px solid #e6e6e6;border-radius:10px;background:#fff;font-size:12.5px;font-weight:600;color:#222}
.efm-ark--messe .efm-pr .efm-pr__klarna.er-klar::after{content:"";position:absolute;top:-10px;bottom:-10px;left:0;width:60px;background:linear-gradient(100deg,transparent,rgba(255,255,255,.9),transparent);transform:translateX(-90px) skewX(-18deg);animation:mtGlans 4.5s ease-in-out 1.8s infinite;pointer-events:none}
@keyframes mtInn{from{opacity:.01;transform:translateY(26px) scale(.97)}to{opacity:1;transform:none}}
@keyframes mtPop{from{transform:translateY(-100%)}to{transform:none}}
@keyframes mtSvev{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes mtGlans{0%{transform:translateX(-90px) skewX(-18deg)}35%,100%{transform:translateX(320px) skewX(-18deg)}}
@media (prefers-reduced-motion:reduce){.efm-ark--messe .efm-pr *,.efm-ark--messe .efm-pr .efm-pr__klarna.er-klar::after{animation:none!important}}
/* Mobil: underkategoriene på én rad som sveipes sidelengs, så produktene kommer på første skjerm (Pål 18.10) */
@media (max-width:860px){.efm-ark__chips{flex-wrap:nowrap;overflow-x:auto;margin:12px -16px 0;padding:0 16px 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-padding:0 16px}.efm-ark__chips::-webkit-scrollbar{display:none}.efm-ark__chips a{flex:none;white-space:nowrap}}