:root{
    --ink:#0B2440;        /* tekst og mørk flate */
    --blue:#066AB5;       /* JR-blå fra logo */
    --blue-dark:#04528C;  /* hover / tekst på lys bakgrunn */
    --mist:#EAF1F7;       /* kald, lys flate (erstatter beige) */
    --line:#D2DEE9;
    --green:#007A3D;      /* førstehjelpsskilt-grønn – kun for korset */
    --muted:#4A5D72;
    --white:#fff;
    --radius:14px;
    --display:"Barlow Semi Condensed", "Arial Narrow", sans-serif;
    --body:"Public Sans", system-ui, sans-serif;
    --mono:"IBM Plex Mono", ui-monospace, monospace;
  }
  *{box-sizing:border-box}
  html{scroll-behavior:smooth}
  @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
  body{margin:0;background:var(--white);color:var(--ink);font:400 1rem/1.6 var(--body);-webkit-font-smoothing:antialiased}
  img{max-width:100%;height:auto;display:block}
  a{color:var(--blue-dark)}
  :focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:4px}
  .wrap{width:min(1120px,100% - 32px);margin-inline:auto}
  .skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:#fff;padding:8px 14px;z-index:99}
  .skip:focus{left:16px}

  h1,h2,h3{font-family:var(--display);line-height:1.05;margin:0;letter-spacing:-.005em}
  h2{font-size:clamp(1.75rem,3.6vw,2.4rem);font-weight:700}
  h3{font-size:1.3rem;font-weight:600}
  .lede{color:var(--muted);margin:.4rem 0 0}
  .spec{font:500 .78rem/1.4 var(--mono);color:var(--muted);letter-spacing:.01em}

  /* Førstehjelpskorset – signaturen */
  .cross{--s:28px;width:var(--s);height:var(--s);background:var(--green);border-radius:calc(var(--s)*.14);position:relative;flex:none}
  .cross::before,.cross::after{content:"";position:absolute;background:#fff;left:50%;top:50%;transform:translate(-50%,-50%)}
  .cross::before{width:58%;height:20%}
  .cross::after{width:20%;height:58%}

  /* Knapper */
  .btn{display:inline-flex;align-items:center;gap:.5rem;font:600 1rem/1 var(--body);padding:.95rem 1.4rem;border-radius:999px;text-decoration:none;border:2px solid transparent;transition:background .15s,color .15s,border-color .15s}
  .btn-primary{background:var(--blue);color:#fff}
  .btn-primary:hover{background:var(--blue-dark)}
  .btn-ghost{border-color:currentColor;color:inherit}
  .btn-ghost:hover{background:rgba(255,255,255,.12)}
  .btn-light{background:#fff;color:var(--ink)}
  .btn-light:hover{background:var(--mist)}

  
  /* Hero */
  .hero{padding:28px 0 8px}
  .hero-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:16px}
  .hero-main{background:var(--ink);color:#fff;border-radius:var(--radius);padding:clamp(28px,5vw,56px);display:flex;flex-direction:column;justify-content:center}
  .eyebrow{display:flex;align-items:center;gap:.6rem;font:500 .8rem/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#BFD4EA;margin-bottom:1.2rem}
  .eyebrow .cross{--s:20px}
  .hero h1{font-size:clamp(2.3rem,5.6vw,3.9rem);font-weight:700; color:#fff; line-height: 1.5em; }
  .hero h1 em{font-style:normal;color:#8CC4F0}
  .hero p{color:#D6E3F0;max-width:34em;margin:1.1rem 0 1.8rem;font-size:1.06rem}
  .actions{display:flex;flex-wrap:wrap;gap:.7rem}

  .hero-side{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--green);min-height:360px;display:flex;align-items:flex-end;padding:16px}
  /* Stort, beskåret kors som bakgrunn – som et skilt på veggen */
  .hero-side::before,.hero-side::after{content:"";position:absolute;background:rgba(255,255,255,.95)}
  .hero-side::before{width:76%;height:22%;left:12%;top:20%}
  .hero-side::after{width:22%;height:76%;left:39%;top:-7%}
  .hero-card{position:relative;z-index:1;background:#fff;border-radius:12px;padding:18px 20px;box-shadow:0 10px 30px rgba(0,0,0,.18);width:100%}
  .hero-card h2{font-size:1.35rem}
  .hero-card p{margin:.35rem 0 .6rem;color:var(--muted);font-size:.93rem}
  .hero-card a{font-weight:600;text-decoration:none}
  .hero-card a:hover{text-decoration:underline}
  @media (max-width:820px){.hero-grid{grid-template-columns:1fr}.hero-side{min-height:300px}}

  /* Seksjoner */
  section{padding:56px 0}
  .head{display:flex;justify-content:space-between;align-items:end;gap:1rem;flex-wrap:wrap;margin-bottom:24px}
  .head a{font-weight:600;text-decoration:none}

  /* Produktkort */
  .grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
  @media (max-width:980px){.grid4{grid-template-columns:repeat(2,1fr)}}
  @media (max-width:520px){.grid4{grid-template-columns:1fr}.card-art{aspect-ratio:16/7}}
  .card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;display:flex;flex-direction:column;overflow:hidden;transition:border-color .15s, transform .15s}
  .card:hover{border-color:var(--blue);transform:translateY(-2px)}
  .card-art{aspect-ratio:4/3;background:var(--mist);display:grid;place-items:center;color:var(--blue)}
  .card-art svg{width:64px;height:64px}
  .card-body{padding:18px;display:flex;flex-direction:column;gap:.5rem;flex:1}
  .card-body p{margin:0;font-size:.95rem;color:var(--muted)}
  .card-body .spec{margin-top:auto;padding-top:.6rem;border-top:1px dashed var(--line)}
  .card h3 a{color:var(--ink);text-decoration:none}
  .card h3 a::after{content:"";position:absolute;inset:0}
  .card{position:relative}

  /* Slik fungerer det */
  .custom-black-headings h2, .custom-black-headings h3 { color:#333; text-align:left !important; }
  .custom-black-headings h3 { font-weight:400 !important; line-height: 1.4em !important; }
  .custom-black-headings p { text-align: left !important; }
  .band{background:var(--mist);border-radius:var(--radius);padding:clamp(28px,4vw,48px)}
  .steps{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;counter-reset:s}
  @media (max-width:820px){.steps{grid-template-columns:1fr}}
  .steps li{counter-increment:s;position:relative;padding-top:52px;   list-style:none !important; margin-left:0px !important; }
  .steps li::before{content:counter(s);position:absolute;top:0;left:0;width:38px;height:38px;border-radius:50%;background:var(--blue);color:#fff;font:700 1.2rem/38px var(--display);text-align:center}
  .steps li:not(:last-child)::after{content:"";position:absolute;top:19px;left:50px;right:-16px;height:2px;background:repeating-linear-gradient(90deg,var(--blue) 0 6px,transparent 6px 12px);opacity:.45}
  @media (max-width:820px){.steps li:not(:last-child)::after{display:none}}
  .steps p{margin:.4rem 0 0;color:var(--muted)}
  .quote{margin:36px 0 0;padding:22px 0 0;border-top:1px solid var(--line);display:flex;gap:16px;align-items:flex-start}
  .quote blockquote{margin:0;font:600 clamp(1.2rem,2.4vw,1.5rem)/1.3 var(--display); text-align:left !important;}
  .quote figcaption{margin-top:.5rem;font-size:.9rem;color:var(--muted); text-align:left !important;}

  /* Sortiment */
  .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
  @media (max-width:820px){.grid3{grid-template-columns:1fr}}
  .cat img{aspect-ratio:16/10;object-fit:cover;width:100%;background:var(--mist)}
  .chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
  .chips a{font-size:.88rem;padding:.45rem .85rem;border:1px solid var(--line);border-radius:999px;color:var(--ink);text-decoration:none;background:#fff}
  .chips a:hover{border-color:var(--blue);color:var(--blue)}

  /* Webshop-stripe */
  .shop{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border:1px solid var(--line);border-radius:var(--radius);padding:22px 26px}
  .shop p{margin:.2rem 0 0;color:var(--muted)}
  .shop .links{display:flex;gap:.7rem;flex-wrap:wrap;align-items:center}
  .shop .btn-ghost{color:var(--blue-dark)}
  .shop .btn-ghost:hover{background:var(--mist)}

  /* Kontakt */
  .contact{background:var(--ink);color:#fff;border-radius:var(--radius);display:grid;grid-template-columns:1.2fr 1fr;overflow:hidden}
  @media (max-width:820px){.contact{grid-template-columns:1fr}}
  .contact-main{padding:clamp(28px,5vw,52px)}
  .contact-main h2{font-size:clamp(2rem,4.4vw,3rem)}
  .contact-main p{color:#D6E3F0;max-width:32em}
  .contact-card{background:#12345A;padding:clamp(28px,5vw,52px);display:flex;flex-direction:column;gap:14px}
  .contact-card .who{font-family:var(--display);font-size:1.5rem;font-weight:600;line-height:1.1}
  .contact-card .role{color:#BFD4EA;font-size:.92rem}
  .contact-card dl{margin:8px 0 0;display:grid;grid-template-columns:auto 1fr;gap:10px 16px}
  .contact-card dt{font:500 .75rem/1.9 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#9DB7D2}
  .contact-card dd{margin:0;font-size:1.05rem}
  .contact-card a{color:#fff;text-underline-offset:3px}

  /* Bestill kurs / koffert */
  .block-TextAreaAdvanced-html .order li { list-style: none !important; }
  .block-TextAreaAdvanced-html .panel-course li { list-style: disc !important; }
  .block-TextAreaAdvanced-html .order * {
      text-align:left !important;
  }
  .block-TextAreaAdvanced-html .order .panel-kit ul { padding-left:0px !important; margin-left:0px !important; }
  .block-TextAreaAdvanced-html .order .panel-kit h2 { color: #333 !important; }
  
  
  .order{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  @media (max-width:880px){.order{grid-template-columns:1fr}}
  .panel{border-radius:var(--radius);padding:clamp(24px,4vw,40px);display:flex;flex-direction:column;gap:1rem}
  .panel h2{font-size:clamp(1.8rem,3.4vw,2.3rem); color:#fff;}
  .panel > p{margin:0;max-width:34em}
  .panel .eyebrow{margin-bottom:0}
  .panel-course{background:var(--ink);color:#fff}
  .panel-course > p{color:#D6E3F0}
  .panel-course .btn-ghost:hover{background:rgba(255,255,255,.12)}
  .panel-kit{background:var(--mist)}
  .panel-kit .eyebrow{color:var(--muted)}
  .panel-kit > p{color:var(--muted)}
  .ticks{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}
  .ticks li{display:flex;gap:.7rem;align-items:baseline}
  .ticks li::before{content:"";flex:none;width:.6rem;height:.6rem;border-radius:2px;background:#8CC4F0;transform:translateY(-.05rem)}
  .ask{border-top:1px solid rgba(255,255,255,.18);padding-top:1rem;font-size:.92rem;color:#BFD4EA}
  .ask strong{color:#fff;font-weight:600}
  .panel .actions{margin-top:auto;padding-top:.4rem}
  .kits{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
  @media (max-width:420px){.kits{grid-template-columns:1fr}}
  .kits a{display:flex;flex-direction:column;gap:.25rem;height:100%;background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:14px 16px;text-decoration:none;color:var(--ink);transition:border-color .15s}
  .kits a:hover{border-color:var(--blue)}
  .kits svg{width:28px;height:28px;color:var(--blue);margin-bottom:.3rem}
  .kits .k-name{font:600 1.15rem/1.1 var(--display)}
  .kits .k-use{font-size:.88rem;color:var(--muted)}
  .kits .k-go{margin-top:auto;padding-top:.4rem;font-size:.85rem;font-weight:600;color:var(--blue-dark)}
  .panel-kit .note{font-size:.9rem;color:var(--muted);margin:0}

  footer{padding:40px 0 48px;color:var(--muted);font-size:.9rem}
  .foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:24px}
  .foot ul{list-style:none;margin:0;padding:0;display:flex;gap:1.2rem;flex-wrap:wrap}
  .foot a{color:var(--muted)}


/* Toppmenyen på én linje (3.11.2026). Design 5 viser toppmenyen fra ca. 1190 px; mellom ca. 1190 og 1250 px brøt
   «Kontakt / Om oss» til en ny linje. Under 1280 px er luften mellom menypunktene strammet inn fra ca. 9 px til 6 px. */
div#W-header nav.v2-menu > ul.menu-level{flex-wrap:nowrap !important}
@media (max-width:1279px){
  div#W-header nav.v2-menu > ul.menu-level{column-gap:6px !important}
  div#W-header nav.v2-menu > ul.menu-level > li{padding-inline:6px !important}
}

/* Lim inn alt i denne blokken på kundens side. Alt er avgrenset med prefikset «jrt». */

:is(.jrt,:where(.custom-jrt section)){
  --jrt-blaa:#066AB5;        /* JR-blå fra logoen — lenker og knapper */
  --jrt-blaa-dyp:#04528C;    /* hover */
  --jrt-natt:#0B2440;        /* overskrifter og mørkt bånd */
  --jrt-tekst:#22313F;       /* brødtekst */
  --jrt-dempet:#4C5D6E;      /* sekundærtekst, 6,6:1 på hvit */
  --jrt-skilt:#0A6B45;       /* rømnings- og førstehjelpsgrønn — skiltflisene */
  --jrt-varsel:#F4B400;      /* varselskiltgul — alltid med svart */
  --jrt-svart:#11161C;
  --jrt-signal:#C8321F;      /* de røde pluggene på filteret */
  --jrt-is:#EEF4F9;          /* kald, lys flate */
  --jrt-strek:#CFDCE8;
  --jrt-lys:#E4ECF4;         /* tekst på natt */
  --jrt-lys-dempet:#AFC1D3;  /* sekundærtekst på natt, 8:1 */
  --jrt-skrift-tittel:"Barlow Semi Condensed","Arial Narrow",system-ui,sans-serif;
  --jrt-skrift:"Barlow",system-ui,-apple-system,"Segoe UI",sans-serif;
  --jrt-radius:8px;
  color-scheme:light;
  font-family:var(--jrt-skrift);
  font-size:1rem;
  font-weight:400;
  line-height:1.6;
  color:var(--jrt-tekst);
  text-align:start;
  -webkit-text-size-adjust:100%;
}
:is(.jrt,:where(.custom-jrt section)),:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) *,:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) *::before,:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) *::after{box-sizing:border-box}
:is(.jrt,:where(.custom-jrt section)):where(header,section,footer,main,div,a){margin:0;padding:0;border:0;box-shadow:none;background-image:none;float:none;width:auto;max-width:none}
/* WIPS-malen på jrtrading.no (Custom CSS intern) har .block-TextAreaAdvanced-html *{text-align:center !important}.
   Den treffer alle elementer i tekstblokker. Derfor må justeringen løftes og ha !important. */
:is(.jrt.jrt-blokk,:where(.custom-jrt-blokk section)):not(#jrt-skjold):not(#jrt-skjold){text-align:start !important}
:is(.jrt.jrt-blokk,:where(.custom-jrt-blokk section)) :not(#jrt-skjold):not(#jrt-skjold){text-align:inherit !important}

/* Skjold mot kundens nakne elementregler */
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :where(h1,h2,h3,h4,h5,h6):not(#jrt-skjold):not(#jrt-skjold){color:var(--jrt-natt);text-transform:none;text-align:inherit;background:none;border:0;padding:0;margin:0;overflow-wrap:normal;font-family:var(--jrt-skrift-tittel);font-weight:700;font-style:normal;line-height:1.1;letter-spacing:0}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :where(figcaption,address,summary,blockquote){font:inherit;color:inherit;text-transform:none;letter-spacing:inherit}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :where(img,svg){border:0;box-shadow:none;border-radius:0;padding:0;background:none}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :where(a){background:none;border:0;box-shadow:none}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :where(b,strong,i,em,small,abbr,data,mark){color:inherit;background:none}

/* Grunnstil */
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :where(figure){margin:0}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :where(img){display:block;max-width:100%;height:auto}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :where(svg){display:block;overflow:visible}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :where(abbr){text-decoration:none;border:0}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :where(strong,b){font-weight:600}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :where(a){color:var(--jrt-blaa);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :where(a:hover){color:var(--jrt-blaa-dyp);text-decoration-thickness:2px}
/* WIPS har #mainContent p a:hover med malens primærfarge som bakgrunn (1.1.2). Den gir lenker i avsnitt
   en mørkeblå bakgrunn ved hover. Nullstilles her. Komponenter med egen hover-bakgrunn har samme løft. */
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) a:not(#jrt-skjold):not(#jrt-skjold):hover{background-color:transparent}
/* CMS-skjold: ID-løftet :not(#jrt-skjold):not(#jrt-skjold) (2,0,0) slår publiseringsløsningens stiler for lister, tabeller
   og avsnitt i tekstblokker. Alle regler som treffer disse elementene har samme løft (se CLAUDE.md). */
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :where(ul,ol):not(#jrt-skjold):not(#jrt-skjold){margin:0;padding:0;padding-inline-start:0 !important;list-style:none !important;color:inherit;text-align:inherit;text-indent:0}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :where(li):not(#jrt-skjold):not(#jrt-skjold){display:block;margin:0;padding:0;list-style:none !important;font:inherit;color:inherit;text-transform:none;letter-spacing:inherit;text-indent:0;background:none;border:0}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :where(li):not(#jrt-skjold):not(#jrt-skjold)::marker{content:none}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :where(p):not(#jrt-skjold):not(#jrt-skjold){margin:0;padding:0;font:inherit;font-weight:inherit !important;color:inherit;text-transform:none;letter-spacing:inherit;text-indent:0;position:static;width:auto;background:none;border:0}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :where(table):not(#jrt-skjold):not(#jrt-skjold){border-collapse:collapse;border-spacing:0;border:0;background:none;box-shadow:none;margin:0;width:100%;max-width:none;overflow:visible}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :where(thead,tbody,tfoot,tr):not(#jrt-skjold):not(#jrt-skjold){background:none;border:0;box-shadow:none;font:inherit;color:inherit}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :where(td,th):not(#jrt-skjold):not(#jrt-skjold){border:0;padding:0;background:none;box-shadow:none;font:inherit;color:inherit;vertical-align:top;text-align:inherit;width:auto;word-break:normal}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :where(caption):not(#jrt-skjold):not(#jrt-skjold){font:inherit;color:inherit;text-align:inherit;padding:0;margin:0}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :where(a,button):focus-visible{outline:3px solid var(--jrt-blaa);outline-offset:3px;border-radius:4px}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :where(h2):not(#jrt-skjold):not(#jrt-skjold){font-size:clamp(1.75rem,4.6cqi,2.6rem);line-height:1.05}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :where(h3):not(#jrt-skjold):not(#jrt-skjold){font-size:1.3rem;font-weight:600;line-height:1.15}

/* Blokkene */
:is(.jrt.jrt-blokk,:where(.custom-jrt-blokk section)){container-type:inline-size;margin-block-end:clamp(2.25rem,4.5vw,3.75rem);padding:clamp(1.25rem,3.6vw,3rem);border-radius:var(--jrt-radius)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-hode,:where(.custom-jrt section>div:first-child:has(>h2),.custom-jrt-fag section>div>div:has(>h2))){max-width:44rem}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-hode,:where(.custom-jrt section>div:first-child:has(>h2),.custom-jrt-fag section>div>div:has(>h2))) p:not(#jrt-skjold):not(#jrt-skjold){margin:.7rem 0 0;font-size:1.1rem;line-height:1.55}

:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-knapp,:where(.custom-jrt section p:has(>a:nth-of-type(2))>a:first-child)){display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:3rem;padding:.8rem 1.35rem;border-radius:6px;background:var(--jrt-blaa);color:#fff;font:600 1.1rem/1.1 var(--jrt-skrift-tittel);letter-spacing:.01em;text-decoration:none !important;transition:background-color .15s}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-knapp,:where(.custom-jrt section p:has(>a:nth-of-type(2))>a:first-child)):not(#jrt-skjold):not(#jrt-skjold):hover{background:var(--jrt-blaa-dyp);color:#fff;text-decoration:none !important}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-knapp,:where(.custom-jrt section p:has(>a:nth-of-type(2))>a:first-child)) :is(svg,img){width:1.2rem;height:1.2rem;flex:none}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-ikonlenke,:where(.custom-jrt section p:has(>a:nth-of-type(2))>a:not(:first-child))){display:inline-flex;align-items:center;gap:.5rem;min-height:3rem;color:var(--jrt-natt);font-weight:600;text-decoration:none !important}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-ikonlenke,:where(.custom-jrt section p:has(>a:nth-of-type(2))>a:not(:first-child))):hover{color:var(--jrt-blaa);text-decoration:underline !important}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-ikonlenke,:where(.custom-jrt section p:has(>a:nth-of-type(2))>a:not(:first-child))) :is(svg,img){width:1.25rem;height:1.25rem;flex:none;color:var(--jrt-blaa)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-handlinger,:where(.custom-jrt section p:has(>a:nth-of-type(2)))):not(#jrt-skjold):not(#jrt-skjold){display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 2rem;margin:2rem 0 0}

/* Produkt */
:is(.jrt.jrt-produkt,:where(.custom-jrt-produkt section)){background:var(--jrt-is);margin-block-start:clamp(1.5rem,3vw,2.5rem)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-produkt-topp,:where(.custom-jrt-produkt section div:has(>figure))){display:grid;gap:clamp(1.5rem,4cqi,3rem)}
:is(.jrt.jrt-produkt,:where(.custom-jrt-produkt section)) h1:not(#jrt-skjold):not(#jrt-skjold){font-size:clamp(1.9rem,5.2cqi,2.9rem);max-width:18ch}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-ingress,:where(.custom-jrt-produkt section h1~p:not(:has(>a:nth-of-type(2))),.custom-jrt-intro section h2~p:not(:has(>a:nth-of-type(2))))):not(#jrt-skjold):not(#jrt-skjold){margin:.9rem 0 0;font-size:1.15rem;line-height:1.55;max-width:38rem}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-nokkel,:where(.custom-jrt-produkt section div:first-child>ul)):not(#jrt-skjold):not(#jrt-skjold){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:1.75rem 0 0;background:var(--jrt-natt);border:2px solid var(--jrt-natt);border-radius:6px;overflow:hidden}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-nokkel,:where(.custom-jrt-produkt section div:first-child>ul)) li:not(#jrt-skjold):not(#jrt-skjold){padding:.75rem .9rem .8rem;background:#fff}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-nokkel,:where(.custom-jrt-produkt section div:first-child>ul)) strong{display:block;font:700 1.3rem/1.1 var(--jrt-skrift-tittel);color:var(--jrt-natt)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-nokkel,:where(.custom-jrt-produkt section div:first-child>ul)) small{display:block;margin-top:.2rem;font-size:.86rem;line-height:1.3;color:var(--jrt-dempet);hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-produktbilde,:where(.custom-jrt-produkt section figure)){border-radius:6px;overflow:hidden;background:#fff}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-produktbilde,:where(.custom-jrt-produkt section figure)) img{width:100%;height:clamp(16rem,70cqi,26rem);object-fit:cover;object-position:50% 45%}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-fordeler,:where(.custom-jrt-produkt section>div:has(>:is(h2,h3)))){margin-top:clamp(2rem,4cqi,2.75rem);padding-top:clamp(1.5rem,3cqi,2rem);border-top:1px solid var(--jrt-strek)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-fordelsliste,:where(.custom-jrt-produkt section>div:has(>:is(h2,h3))>ul,.custom-jrt-bransjer section>div:has(>h3)>ul)):not(#jrt-skjold):not(#jrt-skjold){display:grid;gap:1.25rem 2rem;margin-top:1.25rem}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-fordelsliste,:where(.custom-jrt-produkt section>div:has(>:is(h2,h3))>ul,.custom-jrt-bransjer section>div:has(>h3)>ul)) li:not(#jrt-skjold):not(#jrt-skjold){padding-inline-start:.95rem;border-inline-start:3px solid var(--jrt-skilt)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-fordelsliste,:where(.custom-jrt-produkt section>div:has(>:is(h2,h3))>ul,.custom-jrt-bransjer section>div:has(>h3)>ul)) strong{display:block;font:600 1.15rem/1.2 var(--jrt-skrift-tittel);color:var(--jrt-natt)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-fordelsliste,:where(.custom-jrt-produkt section>div:has(>:is(h2,h3))>ul,.custom-jrt-bransjer section>div:has(>h3)>ul)) p:not(#jrt-skjold):not(#jrt-skjold){margin:.25rem 0 0;line-height:1.5}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-gave,:where(.custom-jrt-produkt section h3~p)):not(#jrt-skjold):not(#jrt-skjold){margin:1.5rem 0 0;color:var(--jrt-dempet);font-style:italic}
@container (min-width:520px){
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-nokkel,:where(.custom-jrt-produkt section div:first-child>ul)):not(#jrt-skjold):not(#jrt-skjold){grid-template-columns:repeat(4,minmax(0,1fr))}
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-nokkel,:where(.custom-jrt-produkt section div:first-child>ul)) strong{font-size:1.15rem}
}
@container (min-width:640px){
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-fordelsliste,:where(.custom-jrt-produkt section>div:has(>:is(h2,h3))>ul,.custom-jrt-bransjer section>div:has(>h3)>ul)):not(#jrt-skjold):not(#jrt-skjold){grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container (min-width:760px){
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-produkt-topp,:where(.custom-jrt-produkt section div:has(>figure))){grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center}
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-produktbilde,:where(.custom-jrt-produkt section figure)) img{height:clamp(22rem,44cqi,30rem)}
}
@container (min-width:960px){
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-fordelsliste,:where(.custom-jrt-produkt section>div:has(>:is(h2,h3))>ul,.custom-jrt-bransjer section>div:has(>h3)>ul)):not(#jrt-skjold):not(#jrt-skjold){grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* Bransjer — skiltflisene er signaturen */
:is(.jrt.jrt-bransjer,:where(.custom-jrt-bransjer section)){background:#fff;border:1px solid var(--jrt-strek)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-bransjeliste,:where(.custom-jrt-bransjer section>ul)):not(#jrt-skjold):not(#jrt-skjold){display:grid;column-gap:clamp(2rem,5cqi,3.5rem);margin-top:clamp(1.25rem,3cqi,2rem)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-bransje,:where(.custom-jrt-bransjer section li:has(>div))):not(#jrt-skjold):not(#jrt-skjold){display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:1rem 1.25rem;padding-block:1.5rem;border-top:1px solid var(--jrt-strek)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-skilt,:where(.custom-jrt-bransjer section div:has(>img),.custom-jrt-kategorier section div:has(>img))){display:grid;place-items:center;width:clamp(4.25rem,13cqi,6rem);aspect-ratio:1;border-radius:14%;background:var(--jrt-skilt);color:#fff;box-shadow:inset 0 0 0 3px var(--jrt-skilt),inset 0 0 0 5px rgba(255,255,255,.92)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-skilt,:where(.custom-jrt-bransjer section div:has(>img),.custom-jrt-kategorier section div:has(>img))) :is(svg,img){width:70%;height:auto}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-bransje,:where(.custom-jrt-bransjer section li:has(>div))) h3:not(#jrt-skjold):not(#jrt-skjold){font-size:1.35rem}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-bransje-tekst,:where(.custom-jrt-bransjer section li>div:last-child)) p:not(#jrt-skjold):not(#jrt-skjold){margin:.35rem 0 0;line-height:1.5}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-bransje-tekst,:where(.custom-jrt-bransjer section li>div:last-child)) :is(.jrt-etikett,:where(.custom-jrt-bransjer section p:has(+ul))):not(#jrt-skjold):not(#jrt-skjold){margin-top:1rem;font:600 .9rem/1.2 var(--jrt-skrift-tittel);color:var(--jrt-dempet);letter-spacing:.01em}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-merker,:where(.custom-jrt-bransjer section div:has(>p)>ul)):not(#jrt-skjold):not(#jrt-skjold){display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-merker,:where(.custom-jrt-bransjer section div:has(>p)>ul)) li:not(#jrt-skjold):not(#jrt-skjold){padding:.3rem .6rem .35rem;border-radius:4px;background:var(--jrt-is);color:var(--jrt-natt);font-size:.92rem;font-weight:500;line-height:1.25}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-bransje-tekst,:where(.custom-jrt-bransjer section li>div:last-child)) :is(.jrt-derfor,:where(.custom-jrt section p:has(>img))):not(#jrt-skjold):not(#jrt-skjold){display:flex;align-items:flex-start;gap:.55rem;margin-top:1rem;color:var(--jrt-natt);font-weight:500 !important}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-derfor,:where(.custom-jrt section p:has(>img))) :is(svg,img){width:1.2rem;height:1.2rem;flex:none;margin-top:.17rem;color:var(--jrt-skilt)}
@container (max-width:419px){
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-bransje,:where(.custom-jrt-bransjer section li:has(>div))):not(#jrt-skjold):not(#jrt-skjold){grid-template-columns:minmax(0,1fr)}
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-skilt,:where(.custom-jrt-bransjer section div:has(>img),.custom-jrt-kategorier section div:has(>img))){width:4.25rem}
}
@container (min-width:760px){
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-bransjeliste,:where(.custom-jrt-bransjer section>ul)):not(#jrt-skjold):not(#jrt-skjold){grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Branngasser */
:is(.jrt.jrt-gasser,:where(.custom-jrt-gasser section)){background:var(--jrt-natt);color:var(--jrt-lys)}
:is(.jrt.jrt-gasser,:where(.custom-jrt-gasser section)) h2:not(#jrt-skjold):not(#jrt-skjold),:is(.jrt.jrt-gasser,:where(.custom-jrt-gasser section)) h3:not(#jrt-skjold):not(#jrt-skjold){color:#fff}
:is(.jrt.jrt-gasser,:where(.custom-jrt-gasser section)) :is(.jrt-hode,:where(.custom-jrt section>div:first-child:has(>h2),.custom-jrt-fag section>div>div:has(>h2))) p:not(#jrt-skjold):not(#jrt-skjold){color:var(--jrt-lys-dempet)}
:is(.jrt.jrt-gasser,:where(.custom-jrt-gasser section)) :is(.jrt-hode,:where(.custom-jrt section>div:first-child:has(>h2),.custom-jrt-fag section>div>div:has(>h2))) strong{color:#fff}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-gassliste,:where(.custom-jrt-gasser section ul)):not(#jrt-skjold):not(#jrt-skjold){display:grid;gap:1.75rem 2rem;margin-top:clamp(1.5rem,4cqi,2.5rem)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-gass,:where(.custom-jrt-gasser section li)):not(#jrt-skjold):not(#jrt-skjold){display:grid;grid-template-columns:auto minmax(0,1fr);gap:.2rem 1.1rem;align-items:start}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-varsel,:where(.custom-jrt-gasser section div:has(>img))){--jrt-trekant-b:5rem;position:relative;grid-row:span 2;width:var(--jrt-trekant-b);aspect-ratio:100/88}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-varsel,:where(.custom-jrt-gasser section div:has(>img))) :is(svg,img){width:100%;height:100%}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-varsel,:where(.custom-jrt-gasser section div:has(>img))) abbr{position:absolute;inset:44% 0 15%;display:grid;place-items:center;font:700 calc(var(--jrt-trekant-b)*.25)/1 var(--jrt-skrift-tittel);color:var(--jrt-svart);letter-spacing:.01em;cursor:help}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-gass,:where(.custom-jrt-gasser section li)) h3:not(#jrt-skjold):not(#jrt-skjold){font-size:1.25rem;align-self:end}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-gass,:where(.custom-jrt-gasser section li)) p:not(#jrt-skjold):not(#jrt-skjold){margin:0;color:var(--jrt-lys-dempet);line-height:1.5}
:is(.jrt.jrt-gasser,:where(.custom-jrt-gasser section)) :is(.jrt-fotnote,:where(.custom-jrt-gasser section>p,.custom-jrt-bruk section>p)):not(#jrt-skjold):not(#jrt-skjold){margin:clamp(1.75rem,4cqi,2.5rem) 0 0;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.16);font-size:.95rem;color:var(--jrt-lys-dempet);max-width:52rem}
@container (min-width:560px){
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-gassliste,:where(.custom-jrt-gasser section ul)):not(#jrt-skjold):not(#jrt-skjold){grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container (min-width:940px){
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-gassliste,:where(.custom-jrt-gasser section ul)):not(#jrt-skjold):not(#jrt-skjold){grid-template-columns:repeat(4,minmax(0,1fr))}
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-gass,:where(.custom-jrt-gasser section li)):not(#jrt-skjold):not(#jrt-skjold){grid-template-columns:minmax(0,1fr);gap:.5rem}
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-varsel,:where(.custom-jrt-gasser section div:has(>img))){--jrt-trekant-b:6.75rem;grid-row:auto;margin-bottom:.6rem}
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-gass,:where(.custom-jrt-gasser section li)) h3:not(#jrt-skjold):not(#jrt-skjold){align-self:start}
}

/* Bruk */
:is(.jrt.jrt-bruk,:where(.custom-jrt-bruk section)){background:#fff;border:1px solid var(--jrt-strek)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-bruk-innhold,:where(.custom-jrt section div:has(>ol))){display:grid;gap:clamp(1.5rem,4cqi,2.5rem);margin-top:clamp(1.25rem,3cqi,2rem)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-eske,:where(.custom-jrt-bruk section figure)){border-radius:6px;overflow:hidden;background:var(--jrt-is)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-eske,:where(.custom-jrt-bruk section figure)) img{width:100%;height:clamp(16rem,60cqi,24rem);object-fit:cover;object-position:50% 55%}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-eske,:where(.custom-jrt-bruk section figure)) figcaption{padding:.6rem .85rem .7rem;font-size:.9rem;line-height:1.4;color:var(--jrt-dempet)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-steg,:where(.custom-jrt section ol)):not(#jrt-skjold):not(#jrt-skjold){display:grid;gap:1.25rem;counter-reset:jrt-steg}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-steg,:where(.custom-jrt section ol)) li:not(#jrt-skjold):not(#jrt-skjold){counter-increment:jrt-steg}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-tegning,:where(.custom-jrt-prosess section li>div,.custom-jrt-bruk section div:has(>img))){display:grid;place-items:center;aspect-ratio:4/3;border-radius:6px;background:var(--jrt-is);color:var(--jrt-natt)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-tegning,:where(.custom-jrt-prosess section li>div,.custom-jrt-bruk section div:has(>img))) :is(svg,img){width:78%;height:auto}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-steg,:where(.custom-jrt section ol)) p:not(#jrt-skjold):not(#jrt-skjold){display:flex;gap:.65rem;align-items:baseline;margin:.75rem 0 0;font-weight:500 !important;color:var(--jrt-natt);line-height:1.4}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-steg,:where(.custom-jrt section ol)) p:not(#jrt-skjold):not(#jrt-skjold)::before{content:counter(jrt-steg);display:inline-grid;place-items:center;flex:none;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--jrt-natt);color:#fff;font:700 .95rem/1 var(--jrt-skrift-tittel);transform:translateY(-.05rem)}
:is(.jrt.jrt-bruk,:where(.custom-jrt-bruk section)) :is(.jrt-fotnote,:where(.custom-jrt-gasser section>p,.custom-jrt-bruk section>p)):not(#jrt-skjold):not(#jrt-skjold){margin:1.25rem 0 0;font-size:.95rem;color:var(--jrt-dempet)}
@container (min-width:480px){
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-steg,:where(.custom-jrt section ol)):not(#jrt-skjold):not(#jrt-skjold){grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container (min-width:860px){
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-bruk-innhold,:where(.custom-jrt section div:has(>ol))){grid-template-columns:minmax(0,1fr) minmax(0,2fr);align-items:start}
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-eske,:where(.custom-jrt-bruk section figure)) img{height:auto;aspect-ratio:3/4}
}

/* Tekniske data */
:is(.jrt.jrt-teknisk,:where(.custom-jrt-teknisk section)){background:var(--jrt-is)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-teknisk-innhold,:where(.custom-jrt-teknisk section>div,.custom-jrt-tilbehor section>div)){display:grid;gap:clamp(2rem,5cqi,3.5rem);margin-top:clamp(1rem,3cqi,1.75rem)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-spek,:where(.custom-jrt-teknisk section div>ul:first-child)) li:not(#jrt-skjold):not(#jrt-skjold){display:grid;gap:.15rem 1.5rem;padding-block:.85rem;border-top:1px solid var(--jrt-strek)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-spek,:where(.custom-jrt-teknisk section div>ul:first-child)) li:last-child:not(#jrt-skjold):not(#jrt-skjold){border-bottom:1px solid var(--jrt-strek)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-spek,:where(.custom-jrt-teknisk section div>ul:first-child)) small{font:600 1rem/1.4 var(--jrt-skrift-tittel);color:var(--jrt-natt)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-spek,:where(.custom-jrt-teknisk section div>ul:first-child)) p:not(#jrt-skjold):not(#jrt-skjold){margin:0;line-height:1.5}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-sidekolonne,:where(.custom-jrt-teknisk section>div>div:last-child,.custom-jrt-tilbehor section>div>div:last-child)) h3:not(#jrt-skjold):not(#jrt-skjold){font-size:1.25rem}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-dokumenter,:where(.custom-jrt section div>ul:has(>li>a))):not(#jrt-skjold):not(#jrt-skjold){display:grid;gap:.5rem;margin-top:.85rem}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-dokumenter,:where(.custom-jrt section div>ul:has(>li>a))) a{display:flex;align-items:center;gap:.7rem;min-height:3rem;padding:.6rem .85rem;border:1px solid var(--jrt-strek);border-radius:6px;background:#fff;color:var(--jrt-natt);font-weight:500;line-height:1.3;text-decoration:none !important;transition:border-color .15s}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-dokumenter,:where(.custom-jrt section div>ul:has(>li>a))) a:not(#jrt-skjold):not(#jrt-skjold):hover{border-color:var(--jrt-blaa);background:#fff;color:var(--jrt-blaa);text-decoration:none !important}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-dokumenter,:where(.custom-jrt section div>ul:has(>li>a))) :is(svg,img){width:1.3rem;height:1.3rem;flex:none;color:var(--jrt-blaa)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-dokumenter,:where(.custom-jrt section div>ul:has(>li>a))) small{margin-inline-start:auto;padding-inline-start:.5rem;font-size:.8rem;font-weight:600;color:var(--jrt-dempet)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-kjop,:where(.custom-jrt section>div>div>div:has(>p),.custom-jrt-prosess section div:has(>h3))){margin-top:2rem;padding:1.25rem 1.25rem 1.1rem;border-radius:6px;background:var(--jrt-natt);color:var(--jrt-lys)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-kjop,:where(.custom-jrt section>div>div>div:has(>p),.custom-jrt-prosess section div:has(>h3))) h3:not(#jrt-skjold):not(#jrt-skjold){color:#fff}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-kjop,:where(.custom-jrt section>div>div>div:has(>p),.custom-jrt-prosess section div:has(>h3))) p:not(#jrt-skjold):not(#jrt-skjold){margin:.4rem 0 0;color:var(--jrt-lys-dempet);line-height:1.5}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-kjop,:where(.custom-jrt section>div>div>div:has(>p),.custom-jrt-prosess section div:has(>h3))) :is(.jrt-handlinger,:where(.custom-jrt section p:has(>a:nth-of-type(2)))):not(#jrt-skjold):not(#jrt-skjold){margin-top:1.25rem;gap:.5rem 1.5rem}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-kjop,:where(.custom-jrt section>div>div>div:has(>p),.custom-jrt-prosess section div:has(>h3))) :is(.jrt-knapp,:where(.custom-jrt section p:has(>a:nth-of-type(2))>a:first-child)){background:#fff;color:var(--jrt-natt)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-kjop,:where(.custom-jrt section>div>div>div:has(>p),.custom-jrt-prosess section div:has(>h3))) :is(.jrt-knapp,:where(.custom-jrt section p:has(>a:nth-of-type(2))>a:first-child)):not(#jrt-skjold):not(#jrt-skjold):hover{background:var(--jrt-is);color:var(--jrt-natt)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-kjop,:where(.custom-jrt section>div>div>div:has(>p),.custom-jrt-prosess section div:has(>h3))) :is(.jrt-ikonlenke,:where(.custom-jrt section p:has(>a:nth-of-type(2))>a:not(:first-child))){color:#fff}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-kjop,:where(.custom-jrt section>div>div>div:has(>p),.custom-jrt-prosess section div:has(>h3))) :is(.jrt-ikonlenke,:where(.custom-jrt section p:has(>a:nth-of-type(2))>a:not(:first-child))) :is(svg,img){color:var(--jrt-lys-dempet)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-kjop,:where(.custom-jrt section>div>div>div:has(>p),.custom-jrt-prosess section div:has(>h3))) :is(.jrt-ikonlenke,:where(.custom-jrt section p:has(>a:nth-of-type(2))>a:not(:first-child))):hover{color:#fff}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-kjop,:where(.custom-jrt section>div>div>div:has(>p),.custom-jrt-prosess section div:has(>h3))) a:focus-visible{outline-color:#fff}
@container (min-width:520px){
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-spek,:where(.custom-jrt-teknisk section div>ul:first-child)) li:not(#jrt-skjold):not(#jrt-skjold){grid-template-columns:9.5rem minmax(0,1fr)}
}
@container (min-width:860px){
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-teknisk-innhold,:where(.custom-jrt-teknisk section>div,.custom-jrt-tilbehor section>div)){grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}
}

/* ── Tillegg for artikkel 2 (HMS-tavle). Nye komponenter, ingen endring av eksisterende regler. ── */
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-fordeler,:where(.custom-jrt-produkt section>div:has(>:is(h2,h3)))) h2:not(#jrt-skjold):not(#jrt-skjold){font-size:1.3rem;font-weight:600;line-height:1.15}

/* Tavla: skisse med merker A–F og forklaring */
:is(.jrt.jrt-tavla,:where(.custom-jrt-tavla section)){background:#fff;border:1px solid var(--jrt-strek)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-tavla-innhold,:where(.custom-jrt-tavla section div:has(>ul))){display:grid;gap:clamp(1.75rem,4cqi,3rem);margin-top:clamp(1.25rem,3cqi,2rem);align-items:start}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-tavletegning,:where(.custom-jrt-tavla section div:has(>img))){position:relative;width:100%;max-width:24rem;margin-inline:auto}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-tavletegning,:where(.custom-jrt-tavla section div:has(>img))) :is(svg,img){width:100%;height:auto}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-pin,:where(.custom-jrt-tavla section [style*="--jrt-x"])){position:absolute;left:var(--jrt-x);top:var(--jrt-y);transform:translate(-50%,-50%);display:grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--jrt-natt);color:#fff;font:700 1rem/1 var(--jrt-skrift-tittel);font-style:normal;box-shadow:0 0 0 3px #fff}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-tavleliste,:where(.custom-jrt-tavla section ul)) li:not(#jrt-skjold):not(#jrt-skjold){display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:.9rem;padding-block:.9rem;border-top:1px solid var(--jrt-strek)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-tavleliste,:where(.custom-jrt-tavla section ul)) li:last-child:not(#jrt-skjold):not(#jrt-skjold){border-bottom:1px solid var(--jrt-strek)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-tavleliste,:where(.custom-jrt-tavla section ul)) :is(.jrt-merke,:where(.custom-jrt-tavla section li>:is(b,strong):first-child:has(+strong))){grid-row:1 / span 2;display:grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--jrt-natt);color:#fff;font:700 1rem/1 var(--jrt-skrift-tittel);font-style:normal}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-tavleliste,:where(.custom-jrt-tavla section ul)) strong{grid-column:2;font:600 1.15rem/1.3 var(--jrt-skrift-tittel);color:var(--jrt-natt)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-tavleliste,:where(.custom-jrt-tavla section ul)) p:not(#jrt-skjold):not(#jrt-skjold){grid-column:2;margin:.2rem 0 0;line-height:1.5}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-tavleliste,:where(.custom-jrt-tavla section ul)) :is(.jrt-uthevet,:where(.custom-jrt-tavla section li:nth-of-type(4))):not(#jrt-skjold):not(#jrt-skjold){margin-inline:-.75rem;padding-inline:.75rem;border-radius:6px;background:var(--jrt-is)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-tavleliste,:where(.custom-jrt-tavla section ul)) :is(.jrt-uthevet,:where(.custom-jrt-tavla section li:nth-of-type(4))) :is(.jrt-merke,:where(.custom-jrt-tavla section li>:is(b,strong):first-child:has(+strong))){background:var(--jrt-skilt)}
@container (min-width:760px){
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-tavla-innhold,:where(.custom-jrt-tavla section div:has(>ul))){grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
}

/* Fagfolk: mørkt bånd med EKG-linje */
:is(.jrt.jrt-fag,:where(.custom-jrt-fag section)){background:var(--jrt-natt);color:var(--jrt-lys)}
:is(.jrt.jrt-fag,:where(.custom-jrt-fag section)) h2:not(#jrt-skjold):not(#jrt-skjold){color:#fff}
:is(.jrt.jrt-fag,:where(.custom-jrt-fag section)) :is(.jrt-hode,:where(.custom-jrt section>div:first-child:has(>h2),.custom-jrt-fag section>div>div:has(>h2))) p:not(#jrt-skjold):not(#jrt-skjold){color:var(--jrt-lys-dempet)}
:is(.jrt.jrt-fag,:where(.custom-jrt-fag section)) :is(.jrt-hode,:where(.custom-jrt section>div:first-child:has(>h2),.custom-jrt-fag section>div>div:has(>h2))) strong{color:#fff}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-ekg,:where(.custom-jrt section>img)){display:block;width:100%;height:2.5rem;margin-bottom:clamp(1rem,3cqi,1.75rem);color:#5CC79B}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-fag-innhold,:where(.custom-jrt-fag section>div)){display:grid;gap:clamp(1.5rem,4cqi,3rem);align-items:start}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-fakta,:where(.custom-jrt-fag section ul)) li:not(#jrt-skjold):not(#jrt-skjold){padding-block:.9rem;border-top:1px solid rgba(255,255,255,.16)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-fakta,:where(.custom-jrt-fag section ul)) strong{display:block;font:600 1.15rem/1.3 var(--jrt-skrift-tittel);color:#fff}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-fakta,:where(.custom-jrt-fag section ul)) p:not(#jrt-skjold):not(#jrt-skjold){margin:.2rem 0 0;color:var(--jrt-lys-dempet);line-height:1.5}
@container (min-width:760px){
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-fag-innhold,:where(.custom-jrt-fag section>div)){grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
}

/* Levert: galleri med kundens egne bilder */
:is(.jrt.jrt-levert,:where(.custom-jrt-levert section)){background:var(--jrt-is)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-galleri,:where(.custom-jrt-levert section ul)):not(#jrt-skjold):not(#jrt-skjold){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:clamp(1.25rem,3cqi,2rem)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-galleri,:where(.custom-jrt-levert section ul)) img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:6px;background:#fff}
@container (min-width:640px){
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-galleri,:where(.custom-jrt-levert section ul)):not(#jrt-skjold):not(#jrt-skjold){grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
}

/* Prosess: tre steg med tittel og tekst */
:is(.jrt.jrt-prosess,:where(.custom-jrt-prosess section)){background:#fff;border:1px solid var(--jrt-strek)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-steg,:where(.custom-jrt section ol)):is(.jrt-steg-tre,:where(.custom-jrt-prosess section ol:has(>li>h3))):not(#jrt-skjold):not(#jrt-skjold){margin-top:clamp(1.25rem,3cqi,2rem)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-steg-tre,:where(.custom-jrt-prosess section ol:has(>li>h3))) h3:not(#jrt-skjold):not(#jrt-skjold){display:flex;align-items:center;gap:.65rem;margin-top:.9rem;font-size:1.2rem}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-steg-tre,:where(.custom-jrt-prosess section ol:has(>li>h3))) h3:not(#jrt-skjold):not(#jrt-skjold)::before{content:counter(jrt-steg);display:inline-grid;place-items:center;flex:none;width:1.7rem;height:1.7rem;border-radius:50%;background:var(--jrt-natt);color:#fff;font:700 .95rem/1 var(--jrt-skrift-tittel)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-steg-tre,:where(.custom-jrt-prosess section ol:has(>li>h3))) p:not(#jrt-skjold):not(#jrt-skjold){display:block;margin:.4rem 0 0;font-weight:400 !important;color:var(--jrt-tekst);line-height:1.5}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-steg-tre,:where(.custom-jrt-prosess section ol:has(>li>h3))) p:not(#jrt-skjold):not(#jrt-skjold)::before{content:none}
@container (min-width:480px){
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-steg,:where(.custom-jrt section ol)):is(.jrt-steg-tre,:where(.custom-jrt-prosess section ol:has(>li>h3))):not(#jrt-skjold):not(#jrt-skjold){grid-template-columns:minmax(0,1fr)}
}
@container (min-width:700px){
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-steg,:where(.custom-jrt section ol)):is(.jrt-steg-tre,:where(.custom-jrt-prosess section ol:has(>li>h3))):not(#jrt-skjold):not(#jrt-skjold){grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* ── Tillegg for artikkel 3–7 (beredskapsveske, bilkoffert, øyeskyll, Supersoft, blodstopp). Bare nye komponenter. ── */
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-nokkel,:where(.custom-jrt-produkt section div:first-child>ul)).jrt-nokkel-tre:not(#jrt-skjold):not(#jrt-skjold){grid-template-columns:repeat(3,minmax(0,1fr))}
/* Smal boks: tre nøkkeltall under hverandre, etiketten til høyre for tallet */
@container (max-width:419px){
  .jrt .jrt-nokkel.jrt-nokkel-tre:not(#jrt-skjold):not(#jrt-skjold){grid-template-columns:minmax(0,1fr)}
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-nokkel-tre li:not(#jrt-skjold):not(#jrt-skjold){display:flex;align-items:baseline;gap:.75rem}
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-nokkel-tre strong{flex:0 0 6.75rem;font-size:1.35rem}
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-nokkel-tre small{margin-top:0}
}

/* Innhold: bilde av innholdet og pakkeliste med førstehjelpskors */
:is(.jrt.jrt-innhold,:where(.custom-jrt-innhold section)){background:var(--jrt-is)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-innhold-innhold,:where(.custom-jrt-innhold section div:has(>ul))){display:grid;gap:clamp(1.5rem,4cqi,2.75rem);margin-top:clamp(1.25rem,3cqi,2rem);align-items:start}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-innholdsbilde,:where(.custom-jrt-innhold section figure)){border-radius:6px;overflow:hidden;background:#fff}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-innholdsbilde,:where(.custom-jrt-innhold section figure)) img{width:100%;aspect-ratio:4/3;object-fit:cover}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-pakkeliste,:where(.custom-jrt-innhold section ul)):not(#jrt-skjold):not(#jrt-skjold){display:grid;gap:1rem 2rem}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-pakkeliste,:where(.custom-jrt-innhold section ul)) li:not(#jrt-skjold):not(#jrt-skjold){position:relative;padding-inline-start:2.1rem}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-pakkeliste,:where(.custom-jrt-innhold section ul)) li:not(#jrt-skjold):not(#jrt-skjold)::before{content:"";position:absolute;inset-inline-start:0;top:.1rem;width:1.35rem;height:1.35rem;border-radius:4px;background:linear-gradient(#fff,#fff) center/60% 22% no-repeat,linear-gradient(#fff,#fff) center/22% 60% no-repeat,var(--jrt-skilt)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-pakkeliste,:where(.custom-jrt-innhold section ul)) strong{display:block;font:600 1.08rem/1.3 var(--jrt-skrift-tittel);color:var(--jrt-natt)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-pakkeliste,:where(.custom-jrt-innhold section ul)) p:not(#jrt-skjold):not(#jrt-skjold){margin:.15rem 0 0;font-size:.97rem;line-height:1.45}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-merknad,:where(.custom-jrt-innhold section>p)):not(#jrt-skjold):not(#jrt-skjold){margin:1.5rem 0 0;font-size:.95rem;font-style:italic;color:var(--jrt-dempet)}
@container (min-width:560px){
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-pakkeliste,:where(.custom-jrt-innhold section ul)):not(#jrt-skjold):not(#jrt-skjold){grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container (min-width:900px){
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-innhold-innhold,:where(.custom-jrt-innhold section div:has(>ul))){grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr)}
}

/* Advarsel: gul boks med varseltrekant */
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-advarsel,:where(.custom-jrt section div>div>div:has(>img),.custom-jrt section>div:has(>img))){display:grid;grid-template-columns:auto minmax(0,1fr);gap:.9rem;align-items:start;margin-top:clamp(1.25rem,3cqi,2rem);padding:1rem 1.15rem;border:2px solid var(--jrt-varsel);border-radius:6px;background:#FFF7DB}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-advarsel,:where(.custom-jrt section div>div>div:has(>img),.custom-jrt section>div:has(>img))) :is(svg,img){width:2.4rem;height:auto}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-advarsel,:where(.custom-jrt section div>div>div:has(>img),.custom-jrt section>div:has(>img))) strong{display:block;font:600 1.1rem/1.3 var(--jrt-skrift-tittel);color:var(--jrt-natt)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-advarsel,:where(.custom-jrt section div>div>div:has(>img),.custom-jrt section>div:has(>img))) ul:not(#jrt-skjold):not(#jrt-skjold){margin-top:.3rem}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-advarsel,:where(.custom-jrt section div>div>div:has(>img),.custom-jrt section>div:has(>img))) li:not(#jrt-skjold):not(#jrt-skjold){position:relative;padding-inline-start:1rem;line-height:1.5;color:var(--jrt-natt)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-advarsel,:where(.custom-jrt section div>div>div:has(>img),.custom-jrt section>div:has(>img))) li:not(#jrt-skjold):not(#jrt-skjold)::before{content:"";position:absolute;inset-inline-start:0;top:.62em;width:.42rem;height:.42rem;border-radius:50%;background:var(--jrt-natt)}

/* Gruppe: en underdel med egen overskrift i en blokk */
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-gruppe,:where(.custom-jrt-bransjer section>div:has(>h3))){margin-top:clamp(1.25rem,3cqi,2rem);padding-top:clamp(1.25rem,3cqi,2rem);border-top:1px solid var(--jrt-strek)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-gruppe,:where(.custom-jrt-bransjer section>div:has(>h3))) h3:not(#jrt-skjold):not(#jrt-skjold){font-size:1.35rem}

/* Tilbehør: holder eller dispenser, produktark og kjøp */
:is(.jrt.jrt-tilbehor,:where(.custom-jrt-tilbehor section)){background:var(--jrt-is)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-tilbehorbilde,:where(.custom-jrt-tilbehor section figure)){width:100%;max-width:17rem;margin-top:1.5rem;border-radius:6px;overflow:hidden;background:#fff}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-tilbehorbilde,:where(.custom-jrt-tilbehor section figure)) img{width:100%;aspect-ratio:1;object-fit:contain}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-tilbehor-tekst,:where(.custom-jrt-tilbehor section p:only-of-type)):not(#jrt-skjold):not(#jrt-skjold){margin:1rem 0 0;max-width:34rem;line-height:1.55}

/* Enkel stegliste (uten overskrift per steg) i en prosess-blokk */
:is(.jrt.jrt-prosess,:where(.custom-jrt-prosess section)) :is(.jrt-steg,:where(.custom-jrt section ol)):not(:is(.jrt-steg-tre,:where(.custom-jrt-prosess section ol:has(>li>h3)))):not(#jrt-skjold):not(#jrt-skjold){margin-top:clamp(1.25rem,3cqi,2rem)}
@container (min-width:900px){
  :is(.jrt.jrt-prosess,:where(.custom-jrt-prosess section)) :is(.jrt-steg,:where(.custom-jrt section ol)):not(:is(.jrt-steg-tre,:where(.custom-jrt-prosess section ol:has(>li>h3)))):not(#jrt-skjold):not(#jrt-skjold){grid-template-columns:repeat(4,minmax(0,1fr))}
}




/* ── Tillegg for forsiden (intro, bestselgere, kategorier). Bare nye komponenter. ── */
/* Intro: stor overskrift og sitat fra daglig leder */
:is(.jrt.jrt-intro,:where(.custom-jrt-intro section)){background:#fff}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-intro-innhold,:where(.custom-jrt-intro section>div)){display:grid;gap:clamp(1.75rem,5cqi,3.5rem);align-items:center}
:is(.jrt.jrt-intro,:where(.custom-jrt-intro section)) h2:not(#jrt-skjold):not(#jrt-skjold){font-size:clamp(2rem,4.8cqi,3rem);line-height:1.04;max-width:20ch}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-sitat,:where(.custom-jrt-intro section figure)){margin:0;padding:clamp(1.25rem,3cqi,1.75rem);border-radius:8px;border-inline-start:4px solid var(--jrt-skilt);background:var(--jrt-is)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-sitat,:where(.custom-jrt-intro section figure)) blockquote{margin:0;padding:0;border:0;background:none;quotes:none;font:600 clamp(1.15rem,2.6cqi,1.4rem)/1.35 var(--jrt-skrift-tittel);color:var(--jrt-natt)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-sitat,:where(.custom-jrt-intro section figure)) figcaption{margin-top:.8rem;font-size:.95rem;color:var(--jrt-dempet)}
@container (min-width:820px){
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-intro-innhold,:where(.custom-jrt-intro section>div)){grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
}

/* Bestselgere: rolige kort, hovedkortet går over hele bredden */
:is(.jrt.jrt-bestselgere,:where(.custom-jrt-bestselgere section)){background:#fff}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-kortliste:not(#jrt-skjold):not(#jrt-skjold){display:grid;gap:clamp(1rem,2.5cqi,1.5rem);margin-top:clamp(1.25rem,3cqi,2rem)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-kort{display:flex;flex-direction:column;height:100%;border:1px solid var(--jrt-strek);border-radius:8px;overflow:hidden;background:#fff;color:inherit;text-decoration:none !important;transition:border-color .15s,box-shadow .15s}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-kort:hover{border-color:var(--jrt-blaa);color:inherit;box-shadow:0 12px 28px -20px rgba(11,36,64,.55);text-decoration:none !important}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-kort-bilde{aspect-ratio:1;overflow:hidden;background:var(--jrt-is)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-kort-bilde img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-kort:hover .jrt-kort-bilde img{transform:scale(1.03)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-kort-tekst{display:flex;flex-direction:column;flex:1;gap:.4rem;padding:1rem 1.1rem 1.15rem}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-kort h3:not(#jrt-skjold):not(#jrt-skjold){font-size:1.2rem;line-height:1.15}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-kort:hover h3:not(#jrt-skjold):not(#jrt-skjold){text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.15em}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-kort p:not(#jrt-skjold):not(#jrt-skjold){margin:0;font-size:.97rem;line-height:1.45}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-kort .jrt-kort-fakta:not(#jrt-skjold):not(#jrt-skjold){margin-top:auto;padding-top:.45rem;font:600 .92rem/1.25 var(--jrt-skrift-tittel);color:var(--jrt-skilt);font-weight:600 !important}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-kort :is(.jrt-merker,:where(.custom-jrt-bransjer section div:has(>p)>ul)):not(#jrt-skjold):not(#jrt-skjold){margin-top:.4rem}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-kort-knapp{display:inline-flex;align-self:flex-start;margin-top:1rem;padding:.7rem 1.15rem;border-radius:6px;background:var(--jrt-blaa);color:#fff;font:600 1.05rem/1.1 var(--jrt-skrift-tittel);font-style:normal}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-kort:hover .jrt-kort-knapp{background:var(--jrt-blaa-dyp)}
@container (min-width:560px){
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-kortliste:not(#jrt-skjold):not(#jrt-skjold){grid-template-columns:repeat(2,minmax(0,1fr))}
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-kort-stor:not(#jrt-skjold):not(#jrt-skjold){grid-column:1 / -1}
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-kort-stor .jrt-kort{flex-direction:row}
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-kort-stor .jrt-kort-bilde{flex:0 0 46%;aspect-ratio:auto;min-height:20rem;max-height:30rem}
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-kort-stor .jrt-kort-bilde img{object-position:50% 35%}
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-kort-stor .jrt-kort-tekst{justify-content:center;padding:clamp(1.25rem,3.5cqi,2.5rem)}
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-kort-stor h3:not(#jrt-skjold):not(#jrt-skjold){font-size:clamp(1.5rem,3.4cqi,2rem)}
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-kort-stor p:not(#jrt-skjold):not(#jrt-skjold){font-size:1.05rem}
}
@container (min-width:900px){
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-kortliste:not(#jrt-skjold):not(#jrt-skjold){grid-template-columns:repeat(3,minmax(0,1fr))}
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-kort-stor .jrt-kort-tekst{max-width:36rem}
}

/* Kategorier: tre rolige lenker med små skiltfliser */
:is(.jrt.jrt-kategorier,:where(.custom-jrt-kategorier section)){background:var(--jrt-is)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-kategoriliste,:where(.custom-jrt-kategorier section ul)):not(#jrt-skjold):not(#jrt-skjold){display:grid;gap:1rem;margin-top:clamp(1.25rem,3cqi,2rem)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-kategori,:where(.custom-jrt-kategorier section a)){display:grid;grid-template-columns:auto minmax(0,1fr);gap:.4rem 1rem;align-items:start;height:100%;padding:1.15rem;border:1px solid var(--jrt-strek);border-radius:8px;background:#fff;color:inherit;text-decoration:none !important;transition:border-color .15s}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-kategori,:where(.custom-jrt-kategorier section a)):hover{border-color:var(--jrt-blaa);color:inherit;text-decoration:none !important}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-kategori,:where(.custom-jrt-kategorier section a)) :is(.jrt-skilt,:where(.custom-jrt-bransjer section div:has(>img),.custom-jrt-kategorier section div:has(>img))){grid-row:span 3;width:3.25rem}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-kategori,:where(.custom-jrt-kategorier section a)) h3:not(#jrt-skjold):not(#jrt-skjold){font-size:1.2rem}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-kategori,:where(.custom-jrt-kategorier section a)) p:not(#jrt-skjold):not(#jrt-skjold){margin:0;font-size:.97rem;line-height:1.45}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-kategori-lenke,:where(.custom-jrt-kategorier section a :is(b,strong))){font:600 1rem/1.4 var(--jrt-skrift);color:var(--jrt-blaa)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-kategori,:where(.custom-jrt-kategorier section a)):hover :is(.jrt-kategori-lenke,:where(.custom-jrt-kategorier section a :is(b,strong))){text-decoration:underline;text-underline-offset:.2em}
@container (min-width:760px){
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-kategoriliste,:where(.custom-jrt-kategorier section ul)):not(#jrt-skjold):not(#jrt-skjold){grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* Rettelse: skjoldet setter font-weight:inherit !important på p, så kortformen font:600 … virker ikke.
   Vekten må stå som egen egenskap (skjold-cms.py gjør den !important). */
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) :is(.jrt-bransje-tekst,:where(.custom-jrt-bransjer section li>div:last-child)) :is(.jrt-etikett,:where(.custom-jrt-bransjer section p:has(+ul))):not(#jrt-skjold):not(#jrt-skjold){font-weight:600 !important}

/* ── Tillegg for forside 3 (oversikt, hovedprodukt, produktgrupper, avtale). Bare nye komponenter. ── */
/* Oversikt: hero med kundens eget bilde (beredskapsvesken med utstyr), og tre kvalitetsløfter i en rad under */
:is(.jrt.jrt-oversikt,:where(.custom-jrt-oversikt section)){padding:0;overflow:hidden;background:var(--jrt-is)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-hero3-topp{display:grid;background:var(--jrt-natt)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-hero3-tekst{display:flex;flex-direction:column;justify-content:center;padding:clamp(1.5rem,5cqi,3.25rem)}
:is(.jrt.jrt-oversikt,:where(.custom-jrt-oversikt section)) h2:not(#jrt-skjold):not(#jrt-skjold){max-width:16ch;color:#fff}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-hero3-tekst :is(.jrt-ingress,:where(.custom-jrt-produkt section h1~p:not(:has(>a:nth-of-type(2))),.custom-jrt-intro section h2~p:not(:has(>a:nth-of-type(2))))):not(#jrt-skjold):not(#jrt-skjold){margin:1rem 0 0;color:var(--jrt-lys)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-hero3-tekst :is(.jrt-handlinger,:where(.custom-jrt section p:has(>a:nth-of-type(2)))):not(#jrt-skjold):not(#jrt-skjold){margin-top:1.75rem}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-hero3-tekst :is(.jrt-knapp,:where(.custom-jrt section p:has(>a:nth-of-type(2))>a:first-child)){background:#fff;color:var(--jrt-natt)}
/* Den felles knappregelen for hover er løftet (2,3,0), så denne må løftes like mye. */
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-hero3-tekst :is(.jrt-knapp,:where(.custom-jrt section p:has(>a:nth-of-type(2))>a:first-child)):not(#jrt-skjold):not(#jrt-skjold):hover{background:var(--jrt-is);color:var(--jrt-natt)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-hero3-tekst :is(.jrt-ikonlenke,:where(.custom-jrt section p:has(>a:nth-of-type(2))>a:not(:first-child))){color:#fff}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-hero3-tekst :is(.jrt-ikonlenke,:where(.custom-jrt section p:has(>a:nth-of-type(2))>a:not(:first-child))):hover{color:#fff}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-hero3-bilde{margin:0;aspect-ratio:4 / 3;background:var(--jrt-is)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-hero3-bilde img{display:block;width:100%;height:100%;object-fit:cover;object-position:40% 55%}
:is(.jrt.jrt-oversikt,:where(.custom-jrt-oversikt section)) .jrt-lofter{border-radius:0;padding:clamp(1.25rem,3.5cqi,2rem) clamp(1.5rem,5cqi,3.25rem)}
@container (max-width:759px){
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-hero3-bilde{order:-1;aspect-ratio:16 / 10}
}
@container (min-width:760px){
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-hero3-topp{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-hero3-bilde{aspect-ratio:auto;min-height:26rem}
  :is(.jrt.jrt-oversikt,:where(.custom-jrt-oversikt section)) .jrt-lofteliste:not(#jrt-skjold):not(#jrt-skjold){grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-lofter{padding:clamp(1.25rem,3cqi,1.75rem);border-radius:8px;background:var(--jrt-is)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-lofter h3:not(#jrt-skjold):not(#jrt-skjold){font-size:1.3rem}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-lofteliste:not(#jrt-skjold):not(#jrt-skjold){display:grid;gap:1.1rem;margin:1.1rem 0 0}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-lofteliste li:not(#jrt-skjold):not(#jrt-skjold){position:relative;margin:0;padding:0 0 0 2.25rem}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-lofteliste li:not(#jrt-skjold):not(#jrt-skjold)::before{content:"";position:absolute;inset-inline-start:0;top:.05rem;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--jrt-skilt)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-lofteliste li:not(#jrt-skjold):not(#jrt-skjold)::after{content:"";position:absolute;inset-inline-start:.53rem;top:.3rem;width:.45rem;height:.8rem;border:solid #fff;border-width:0 .17rem .17rem 0;transform:rotate(45deg)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-lofteliste strong{display:block;font:600 1.12rem/1.25 var(--jrt-skrift-tittel);color:var(--jrt-natt)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-lofteliste p:not(#jrt-skjold):not(#jrt-skjold){margin:.2rem 0 0;font-size:.97rem;line-height:1.45}

/* Hovedprodukt: Øyeskyll-spray 3-in-1 i en ramme, pH-nøytral som et mindre alternativ */
:is(.jrt.jrt-hovedprodukt,:where(.custom-jrt-hovedprodukt section)){background:#fff}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-utvalgt{display:grid;margin-top:clamp(1.25rem,3cqi,2rem);border:2px solid var(--jrt-natt);border-radius:8px;overflow:hidden;background:#fff}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-utvalgt-bilde{margin:0;aspect-ratio:4/3;background:#B0AEAF}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-utvalgt-bilde img{display:block;width:100%;height:100%;object-fit:contain}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-utvalgt-tekst{display:flex;flex-direction:column;justify-content:center;padding:clamp(1.25rem,4.5cqi,2.75rem)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-utvalgt h3:not(#jrt-skjold):not(#jrt-skjold){font-size:clamp(1.75rem,4.4cqi,2.6rem);line-height:1.05}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-utvalgt :is(.jrt-ingress,:where(.custom-jrt-produkt section h1~p:not(:has(>a:nth-of-type(2))),.custom-jrt-intro section h2~p:not(:has(>a:nth-of-type(2))))):not(#jrt-skjold):not(#jrt-skjold){margin:.9rem 0 0}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-utvalgt :is(.jrt-nokkel,:where(.custom-jrt-produkt section div:first-child>ul)):not(#jrt-skjold):not(#jrt-skjold){grid-template-columns:repeat(2,minmax(0,1fr))}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-utvalgt :is(.jrt-handlinger,:where(.custom-jrt section p:has(>a:nth-of-type(2)))):not(#jrt-skjold):not(#jrt-skjold){margin-top:1.75rem}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-ogsa{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:1rem;align-items:center;margin-top:1rem;padding:.75rem 1.1rem .75rem .75rem;border:1px solid var(--jrt-strek);border-radius:8px;background:#fff;color:inherit;text-decoration:none !important;transition:border-color .15s}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-ogsa:hover{border-color:var(--jrt-blaa);color:inherit;text-decoration:none !important}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-ogsa-bilde{margin:0;aspect-ratio:1;border-radius:6px;overflow:hidden;background:#C8C6C7}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-ogsa-bilde img{display:block;width:100%;height:100%;object-fit:cover}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-ogsa h3:not(#jrt-skjold):not(#jrt-skjold){font-size:1.15rem;line-height:1.2}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-ogsa p:not(#jrt-skjold):not(#jrt-skjold){margin:.2rem 0 0;font-size:.95rem;line-height:1.45}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-ogsa-lenke{display:inline-block;margin-top:.35rem;font:600 .98rem/1.3 var(--jrt-skrift);color:var(--jrt-blaa)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-ogsa:hover .jrt-ogsa-lenke{text-decoration:underline;text-underline-offset:.2em}
@container (max-width:439px){
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-utvalgt :is(.jrt-nokkel,:where(.custom-jrt-produkt section div:first-child>ul)):not(#jrt-skjold):not(#jrt-skjold){grid-template-columns:minmax(0,1fr)}
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-utvalgt :is(.jrt-nokkel,:where(.custom-jrt-produkt section div:first-child>ul)) li:not(#jrt-skjold):not(#jrt-skjold){display:flex;align-items:baseline;gap:.75rem}
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-utvalgt :is(.jrt-nokkel,:where(.custom-jrt-produkt section div:first-child>ul)) strong{flex:0 0 7.25rem;font-size:1.3rem}
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-utvalgt :is(.jrt-nokkel,:where(.custom-jrt-produkt section div:first-child>ul)) small{margin-top:0}
}
@container (min-width:760px){
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-utvalgt{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-utvalgt-bilde{aspect-ratio:auto;min-height:100%}
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-utvalgt-bilde img{object-fit:cover}
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-ogsa{grid-template-columns:6.5rem minmax(0,1fr)}
}

/* Produktgrupper: tre grupper med to produkter hver, lett å skumme */
:is(.jrt.jrt-produktgrupper,:where(.custom-jrt-produktgrupper section)){background:var(--jrt-is)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-varegrupper{margin-top:clamp(1rem,2.5cqi,1.5rem)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-varegruppe{display:grid;gap:1rem;padding-block:clamp(1.25rem,3cqi,2rem);border-top:1px solid var(--jrt-strek);scroll-margin-top:6rem}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-varegruppe:last-child{padding-bottom:0}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-varegruppe-hode{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.2rem 1rem;align-items:center}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-varegruppe-hode :is(.jrt-skilt,:where(.custom-jrt-bransjer section div:has(>img),.custom-jrt-kategorier section div:has(>img))){grid-row:span 2;width:3.25rem}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-varegruppe-hode h3:not(#jrt-skjold):not(#jrt-skjold){font-size:1.4rem}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-varegruppe-hode p:not(#jrt-skjold):not(#jrt-skjold){margin:0;font-size:.97rem;line-height:1.45;color:var(--jrt-dempet)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-vareliste:not(#jrt-skjold):not(#jrt-skjold){display:grid;gap:1rem}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-vareliste li:not(#jrt-skjold):not(#jrt-skjold){margin:0;padding:0}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-vare{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:1rem;align-items:start;height:100%;padding:.75rem;border:1px solid var(--jrt-strek);border-radius:8px;background:#fff;color:inherit;text-decoration:none !important;transition:border-color .15s,box-shadow .15s}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-vare:hover{border-color:var(--jrt-blaa);color:inherit;box-shadow:0 12px 28px -20px rgba(11,36,64,.55);text-decoration:none !important}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-vare-bilde{margin:0;aspect-ratio:1;border-radius:6px;overflow:hidden;background:var(--jrt-is)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-vare-bilde img{display:block;width:100%;height:100%;object-fit:cover}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-vare-tekst{display:flex;flex-direction:column;gap:.3rem;padding-block:.15rem}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-vare h4:not(#jrt-skjold):not(#jrt-skjold){font-size:1.18rem;line-height:1.15}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-vare:hover h4:not(#jrt-skjold):not(#jrt-skjold){text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.15em}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-vare p:not(#jrt-skjold):not(#jrt-skjold){margin:0;font-size:.95rem;line-height:1.45}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-varefakta:not(#jrt-skjold):not(#jrt-skjold){display:flex;flex-wrap:wrap;gap:.35rem;margin:.3rem 0 0}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-varefakta li:not(#jrt-skjold):not(#jrt-skjold){margin:0;padding:.2rem .55rem;border-radius:4px;background:var(--jrt-is);font:600 .86rem/1.3 var(--jrt-skrift-tittel);color:var(--jrt-skilt)}
@container (min-width:640px){
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-vareliste:not(#jrt-skjold):not(#jrt-skjold){grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container (min-width:980px){
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-varegruppe{grid-template-columns:15rem minmax(0,1fr);gap:2rem;align-items:start}
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-varegruppe-hode{grid-template-columns:minmax(0,1fr);gap:.6rem}
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-varegruppe-hode :is(.jrt-skilt,:where(.custom-jrt-bransjer section div:has(>img),.custom-jrt-kategorier section div:has(>img))){grid-row:auto}
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-vare{grid-template-columns:8rem minmax(0,1fr)}
}

/* Avtale: «Slik fungerer en avtale med oss» (fra Testside), Siris løfte og kontakt */
:is(.jrt.jrt-avtale,:where(.custom-jrt-avtale section)){background:var(--jrt-is)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-avtalesteg:not(#jrt-skjold):not(#jrt-skjold){display:grid;gap:1.75rem;margin:clamp(1.5rem,3.5cqi,2.25rem) 0 0;padding:0;list-style:none;counter-reset:jrt-steg}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-avtalesteg li:not(#jrt-skjold):not(#jrt-skjold){position:relative;margin:0;padding:0;counter-increment:jrt-steg}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-avtalesteg li:not(#jrt-skjold):not(#jrt-skjold)::before{content:counter(jrt-steg);position:relative;z-index:1;display:grid;place-items:center;width:2.6rem;height:2.6rem;margin-bottom:1rem;border-radius:50%;background:var(--jrt-blaa);color:#fff;font:700 1.2rem/1 var(--jrt-skrift-tittel)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-avtalesteg h3:not(#jrt-skjold):not(#jrt-skjold){font-size:1.35rem;line-height:1.15}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-avtalesteg p:not(#jrt-skjold):not(#jrt-skjold){margin:.45rem 0 0;font-size:1rem;line-height:1.5;color:var(--jrt-dempet)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-avtale-bunn{display:grid;gap:1.75rem;align-items:center;margin-top:clamp(1.75rem,4cqi,2.75rem);padding-top:clamp(1.5rem,3.5cqi,2.25rem);border-top:1px solid var(--jrt-strek)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-avtale-sitat{margin:0;padding-inline-start:1.1rem;border-inline-start:4px solid var(--jrt-skilt)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-avtale-sitat blockquote{margin:0;padding:0;border:0;background:none;quotes:none;font:600 clamp(1.2rem,2.6cqi,1.5rem)/1.35 var(--jrt-skrift-tittel);color:var(--jrt-natt)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-avtale-sitat figcaption{margin-top:.7rem;font-size:.95rem;color:var(--jrt-dempet)}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-avtale-kontakt{padding:clamp(1.25rem,3cqi,1.75rem);border-radius:8px;background:#fff}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-avtale-kontakt h3:not(#jrt-skjold):not(#jrt-skjold){font-size:1.4rem;line-height:1.15}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-avtale-kontakt p:not(#jrt-skjold):not(#jrt-skjold){margin:.5rem 0 0;font-size:1rem;line-height:1.5}
:is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-avtale-kontakt :is(.jrt-handlinger,:where(.custom-jrt section p:has(>a:nth-of-type(2)))):not(#jrt-skjold):not(#jrt-skjold){margin-top:1.1rem;gap:.75rem 1.5rem}
@container (max-width:759px){
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-avtalesteg li:not(#jrt-skjold):not(#jrt-skjold){display:grid;grid-template-columns:2.6rem minmax(0,1fr);column-gap:1rem;align-items:start}
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-avtalesteg li:not(#jrt-skjold):not(#jrt-skjold)::before{grid-row:span 2;margin:0}
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-avtalesteg h3:not(#jrt-skjold):not(#jrt-skjold){padding-top:.5rem}
}
@container (min-width:760px){
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-avtalesteg:not(#jrt-skjold):not(#jrt-skjold){grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
  /* Stiplet linje fra ett steg til det neste */
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-avtalesteg li:not(:last-child):not(#jrt-skjold):not(#jrt-skjold)::after{content:"";position:absolute;top:1.3rem;inset-inline:3.4rem -1.4rem;border-top:2px dashed color-mix(in srgb,var(--jrt-blaa) 40%,transparent)}
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) .jrt-avtale-bunn{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:2.5rem}
}

/* Avtale som artikler (2026-11-05): bare overskrift og ingress er blokk. Stegene, sitatet og kontakten ligger under, i samme flate. */
:is(.jrt.jrt-avtale-hode,:where(.custom-jrt-avtale-hode section)){background:var(--jrt-is);margin-block-end:0;padding-block-end:0;border-radius:var(--jrt-radius) var(--jrt-radius) 0 0;scroll-margin-top:6rem}

@media (prefers-reduced-motion:reduce){
  :is(:is(.jrt,:where(.custom-jrt section)),.custom-jrt) *{transition:none !important}
}


/* ── Rester etter visuell editor ─────────────────────────────────────────
   Editoren legger <span style="font-family:…"> rundt tekst når noen bruker fontvelgeren. De skal ikke påvirke oppsettet. */
:is(.jrt,.custom-jrt) span{display:contents}
:is(.jrt,.custom-jrt) span[style*="font-family"],:is(.jrt,.custom-jrt) :is(p,li,div)[style*="font-family"]{font-family:inherit !important}
:is(.jrt,.custom-jrt) :is(h1,h2,h3,h4)[style*="font-family"]{font-family:var(--jrt-skrift-tittel) !important}

/* WIPS-omslag: samme regler som under, men via blokkens ekstra klassenavn, så de overlever at seksjonen mister klassene. */
.custom-jrt:not(.custom-jrt-artikler) .tf-block:not(#jrt-skjold):not(#jrt-skjold):not(#jrt-skjold),
.custom-jrt:not(.custom-jrt-artikler) .tf-block :not(section,section *):not(#jrt-skjold):not(#jrt-skjold):not(#jrt-skjold){padding:0 !important;margin:0 !important}

/* ── WIPS-tilpasning (bare på WIPS-siden, ikke i utkastet) ─────────────
   Blokker som inneholder en av våre seksjoner går kant i kant: WIPS sin luft rundt
   tekstblokker (padding 20px !important, marger på omslagene) nulles. */
.tf-block:has(.jrt,.custom-jrt):not(#jrt-skjold):not(#jrt-skjold):not(#jrt-skjold),
.tf-block:has(.jrt,.custom-jrt) :not(.jrt,.jrt *):not(#jrt-skjold):not(#jrt-skjold):not(#jrt-skjold){padding:0 !important;margin:0 !important}
/* Karusellen (hero-artikkelen) har padding-bottom:30px. På sider med våre seksjoner
   går den kant i kant med seksjonen under. */
body:has(.jrt,.custom-jrt) .w_carousel:not(#jrt-skjold):not(#jrt-skjold):not(#jrt-skjold){padding-bottom:0 !important}
/* Malens footer-logo har fast høyde (300px) og blir bredere enn skjermen på mobil med en bred logo. */
body:has(.jrt,.custom-jrt) .w_footer .w_logo img:not(#jrt-skjold):not(#jrt-skjold):not(#jrt-skjold){max-width:100%;object-fit:contain}


/* ── Gammelt artikkelinnhold skjult (2026-11-02) ─────────────
   På de åtte produktartiklene med jrt-blokker skjules WIPS sin gamle visning: ingress, Kjøp og dato,
   artikkeltekst, bilder og vedlegg. Teksten ligger urørt i WIPS, og alle PDF-ene er lenket i blokkenes
   «Dokumentasjon». Fra 3.11.2026 er det skjult også for innloggede; teksten redigeres i artikkelskjemaet i WIPS. Regelen virker bare når
   jrt-blokkene står på artikkelen. */
body:is(.article_id_25,.article_id_642,.article_id_387,.article_id_94,.article_id_6565,.article_id_28,.article_id_27,.article_id_30):has(.single-article-full :is(.jrt,.custom-jrt)) .single-article > .single-article-half{display:none !important}


/* ── Forside 3: produktartiklene i WIPS sin artikkelliste (2026-11-03) ─────────────
   Gjelder sider med blokken «Forside 3 - Oversikt» (.jrt-oversikt, forside-test-3) eller «Forside - Intro» (.jrt-intro, testside 2,
   fra 3.11.2026). Siden viser de åtte produktartiklene
   (publisert også til siden). Tittel, etikett (teaser), ingress, bilde og knappene Les mer/Kjøp kommer fra
   artiklene. Her settes bare bredde, rekkefølge og utseende: kort med bildet øverst, som «Bestselgere» på
   testside 2. Fargene er de samme som jrt-tokenene (de finnes ikke utenfor .jrt). */

/* Maksbredde som produktartiklene (seksjonene der er 1130 px) */
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) :is(.jrt.jrt-blokk,:where(.custom-jrt-blokk section)):not(#jrt-skjold){max-width:min(1130px,calc(100% - 20px));margin-inline:auto}
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #center:not(#jrt-skjold){float:none !important;width:auto !important;max-width:1150px !important;margin:0 auto !important;padding:0 10px !important;box-sizing:border-box}

/* Lista: overskrift, så hovedproduktet over hele bredden, og 3 × 2 kort. Lista ligger på en lys flate, så de hvite
   kortene skiller seg ut. pH-nøytral (6565) ble tatt ut av sida 3.11.2026. */
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #container-list{display:grid !important;grid-template-columns:minmax(0,1fr);gap:1.5rem;position:relative;margin:0 0 clamp(2.25rem,4.5vw,3.75rem) !important;padding:clamp(1.25rem,3vw,2.25rem) !important;border-radius:12px;background:#DCE7F1 !important;box-sizing:border-box}
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #container-list::before{content:"Bestselgere";grid-column:1 / -1;order:0;margin:0 0 .25rem;font:700 clamp(1.9rem,3.4vw,2.4rem)/1.1 "Barlow Semi Condensed","Arial Narrow",sans-serif;color:#0B2440;text-align:left}
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #container-list > .outercol{display:flex !important;flex-direction:column;align-items:stretch !important;width:auto !important;max-width:none !important;height:auto !important;float:none !important;margin:0 !important;padding:0 !important;scroll-margin-top:6rem;font-family:"Barlow",system-ui,sans-serif}
/* Ukjente artikler havner sist. Lav spesifisitet, så id-reglene under vinner. */
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) .outercol{order:50 !important}
/* Malen har contain:content på .outercol. Den klipper skyggen og hover-kanten rundt kortene, så den slås av her. */
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #container-list > .outercol{contain:none !important}
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #container-list > .next-page-loader{position:absolute;inset-inline:0;top:100%;min-height:1px}
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #Article-28{order:1 !important}
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #Article-30{order:2 !important}
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #Article-27{order:3 !important}
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #Article-387{order:4 !important}
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #Article-94{order:5 !important}
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #Article-25{order:6 !important}
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #Article-642{order:7 !important}
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #Article-28{grid-column:1 / -1}

/* Kortet: bilde øverst, etikett, tittel, ingress og knappene nederst */
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #container-list .clear{flex:1;display:flex;margin:0 !important}
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #container-list .spacer{flex:1;margin:0 !important;padding:0 !important;overflow:visible !important;height:auto !important;background:none !important;box-shadow:none !important}
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #container-list .innercol{display:grid !important;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto 1fr;grid-template-areas:"bilde" "etikett" "tekst";align-content:start;height:100%;margin:0 !important;padding:0 !important;border:0 !important;border-radius:12px;overflow:hidden;background:#fff !important;box-shadow:0 1px 3px rgba(11,36,64,.14),0 14px 30px -8px rgba(11,36,64,.32) !important;text-align:left !important;transform:none !important;transition:box-shadow .15s}
/* Hover: tynn blå kant (som skygge, så ingenting flytter seg) og understrek på tittelen. Ingen løft eller bildezoom:
   malen gir kortet grå ramme ved hover, og løftet ble urolig (3.11.2026). */
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #container-list .innercol:hover{box-shadow:0 0 0 1px #066AB5,0 14px 30px -8px rgba(11,36,64,.32) !important}
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #container-list .media-wrapper{grid-area:bilde;position:relative !important;width:auto !important;height:auto !important;aspect-ratio:600 / 353;margin:0 !important;padding:0 !important;overflow:hidden;background:#EEF4F9;border-bottom:1px solid #066AB5 !important}
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #container-list .media-wrapper a{display:block;height:100%}
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #container-list .media-wrapper img{display:block;width:100% !important;height:100% !important;max-width:none !important;max-height:none !important;object-fit:cover !important;margin:0 !important;border:0 !important;border-radius:0 !important;transition:transform .3s}
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #container-list .media-wrapper img:not(#jrt-skjold){transform:none !important;transition:none !important}
/* Etiketten (teaser) er selve omslaget: div.teaser-wrapper.teaser */
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #container-list .teaser-wrapper{grid-area:etikett;display:inline-block !important;position:static !important;inset:auto !important;transform:none !important;justify-self:start;align-self:start;width:auto !important;height:auto !important;margin:1rem 1.1rem 0 !important;padding:.2rem .55rem !important;border-radius:4px;background:#0A6B45 !important;box-shadow:none !important;color:#fff !important;font:600 .86rem/1.3 "Barlow Semi Condensed","Arial Narrow",sans-serif !important;text-transform:none !important;letter-spacing:0 !important;white-space:normal !important}
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #container-list .teaser-wrapper *{color:inherit !important;font:inherit !important;background:none !important;margin:0 !important;padding:0 !important}
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #container-list .textbox{grid-area:tekst;position:static !important;inset:auto !important;width:auto !important;height:auto !important;max-height:none !important;margin:0 !important;padding:.55rem 1.1rem 1.15rem !important;overflow:visible !important;background:none !important;text-align:left !important;transform:none !important}
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #container-list .textbox-inner{display:flex !important;flex-direction:column;gap:.4rem;height:100%;min-height:0 !important;max-height:none !important;margin:0 !important;padding:0 !important;overflow:visible !important;text-align:left !important}
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #container-list .textbox h2{margin:0 !important;padding:0 !important;max-height:none !important;overflow:visible !important;-webkit-line-clamp:unset !important;display:block !important;font:700 1.45rem/1.12 "Barlow Semi Condensed","Arial Narrow",sans-serif !important;color:#0B2440 !important;text-align:left !important;text-transform:none !important;letter-spacing:0 !important;overflow-wrap:normal !important}
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #container-list .textbox a{text-decoration:none !important;background:none !important}
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #container-list .innercol:hover h2{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.15em}
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #container-list .textbox p{display:block !important;margin:0 !important;padding:0 !important;max-height:none !important;opacity:1 !important;overflow:visible !important;-webkit-line-clamp:unset !important;font:400 .97rem/1.45 "Barlow",system-ui,sans-serif !important;color:#22313F !important;text-align:left !important;text-transform:none !important}
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #container-list .textbox .date{display:none !important}
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #container-list .col-links{display:flex !important;flex-wrap:wrap;gap:.5rem;justify-content:flex-start !important;margin:auto 0 0 !important;padding:.6rem 0 0 !important;position:static !important;text-align:left !important}
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #container-list a.col-link{display:inline-flex !important;align-items:center;min-height:2.5rem;margin:0 !important;padding:.45rem 1rem !important;border:1.5px solid #066AB5 !important;border-radius:6px !important;font:600 1rem/1.1 "Barlow Semi Condensed","Arial Narrow",sans-serif !important;text-transform:none !important;letter-spacing:.01em !important;text-decoration:none !important;box-shadow:none !important;width:auto !important;float:none !important}
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #container-list a.col-link.read{background:#066AB5 !important;color:#fff !important}
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #container-list a.col-link.read:hover{background:#04528C !important;border-color:#04528C !important;color:#fff !important}
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #container-list a.col-link.book{background:#fff !important;color:#066AB5 !important}
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #container-list a.col-link.book:hover{background:#EEF4F9 !important;color:#04528C !important}
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #container-list a.col-link:focus-visible{outline:3px solid #066AB5;outline-offset:2px}

/* Hovedproduktet: sprayen som stort kort. Bildet i lista er beskåret til 16:9, så originalen
   vises som bakgrunn så lenge artikkelen har samme bilde (eye-wash-250ml). */
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #Article-28 .media-wrapper{aspect-ratio:4 / 3}
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #Article-28 .media-wrapper:has(img[src*="eye-wash-250ml"]){background:#B0AEAF url("/sites/j/jrtrading.no/files/2026/06/eye-wash-250ml.webp?thumbnail=1000x") center/contain no-repeat}
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #Article-28 .media-wrapper:has(img[src*="eye-wash-250ml"]) img{opacity:0}
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #Article-28 .media-wrapper:has(img[src*="oyeskyll-spray-3-in-1-produktbilde"]){background:#1B7BC6 url("/sites/j/jrtrading.no/files/2026/11/oyeskyll-spray-3-in-1-produktbilde.jpg?thumbnail=1200x") center/cover no-repeat}
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #Article-28 .media-wrapper:has(img[src*="oyeskyll-spray-3-in-1-produktbilde"]) img{opacity:0}
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #Article-28 .textbox h2{font-size:clamp(1.75rem,3.4vw,2.6rem) !important;line-height:1.05 !important}
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #Article-28 .textbox p{font-size:1.15rem !important;line-height:1.55 !important}
body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #Article-28 a.col-link{min-height:3rem;padding:.75rem 1.35rem !important;font-size:1.1rem !important}

@media (min-width:600px){
  body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #container-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:760px){
  body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #Article-28 .innercol{grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-rows:1fr auto auto 1fr;grid-template-areas:"bilde ." "bilde etikett" "bilde tekst" "bilde .";column-gap:0}
  body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #Article-28 .media-wrapper{aspect-ratio:auto;min-height:24rem;border-bottom:0 !important;border-right:1px solid #066AB5 !important}
  body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #Article-28 .teaser-wrapper{margin:0 2.5rem !important}
  body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #Article-28 .textbox{padding:.75rem 2.5rem 0 !important}
  body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #Article-28 .textbox-inner{height:auto}
  body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #Article-28 .col-links{margin-top:0 !important;padding-top:1.25rem !important}
}
@media (min-width:960px){
  body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #container-list{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){
  body:is(:has(.jrt-oversikt,.custom-jrt-oversikt),:has(.jrt-intro,.custom-jrt-intro)) #container-list .innercol{transition:none}
}

/* Mørk flate bak Bestselgere, bare på forside-test-3 (2026-11-04). Testside 2 beholder den lyse flaten. */
body:has(.jrt-oversikt,.custom-jrt-oversikt) #container-list{background:#0B2440 !important}
body:has(.jrt-oversikt,.custom-jrt-oversikt) #container-list::before{color:#fff}
body:has(.jrt-oversikt,.custom-jrt-oversikt) #container-list .innercol{box-shadow:0 14px 30px -10px rgba(0,0,0,.6) !important}
body:has(.jrt-oversikt,.custom-jrt-oversikt) #container-list .innercol:hover{box-shadow:0 0 0 1px #8CC4EE,0 14px 30px -10px rgba(0,0,0,.6) !important}

/* Mørk bunntekst, foreløpig bare på forside-test-3 (2026-11-04). Logoen byttes til varianten med hvit tekst. */
body:has(.jrt-oversikt,.custom-jrt-oversikt) #W-footer footer.w_footer{background:#0B2440 !important;border-color:#0B2440 !important;color:#E4ECF4 !important}
body:has(.jrt-oversikt,.custom-jrt-oversikt) #W-footer footer.w_footer :is(p,ul,li,strong,small,span,a,div){color:#E4ECF4 !important}
body:has(.jrt-oversikt,.custom-jrt-oversikt) #W-footer footer.w_footer svg{color:#E4ECF4 !important;fill:currentColor}
body:has(.jrt-oversikt,.custom-jrt-oversikt) #W-footer footer.w_footer li{border-color:rgba(228,236,244,.25) !important}
body:has(.jrt-oversikt,.custom-jrt-oversikt) #W-footer footer.w_footer a:hover{background:transparent !important;color:#fff !important}
body:has(.jrt-oversikt,.custom-jrt-oversikt) #W-footer .w_developer :is(a,button){border-color:rgba(228,236,244,.6) !important;background:none !important;color:#E4ECF4 !important}
body:has(.jrt-oversikt,.custom-jrt-oversikt) #W-footer footer.w_footer .w_developer :is(a,button):hover{border-color:#fff !important;background:rgba(228,236,244,.12) !important;color:#fff !important}
body:has(.jrt-oversikt,.custom-jrt-oversikt) #W-footer .w_developer :is(a,button)::before{display:none !important}
body:has(.jrt-oversikt,.custom-jrt-oversikt) #W-footer .w_logo img{content:url("/sites/j/jrtrading.no/files/2026/11/jrtrading-logo-hvit.svg")}


/* ── Forside 3: hero, kvalitet, avtalesteg, sitat og kontakt som artikler (2026-11-05) ─────────────
   Innholdet ligger i artikler på fire skjulte kildesider og vises med blokken «Artikler fra annen side». Admin retter tekst i
   artikkelskjemaet, så ingen klasser kan forsvinne. Oppsettet styres av blokkens «Ekstra klassenavn» (custom-jrt-a-…), som ligger i
   blokkinnstillingene. Fargene er de samme som jrt-tokenene, som ikke finnes utenfor .jrt. */

/* Felles: nullstill malens kort */
.custom-jrt-artikler .tf-block:not(#jrt-skjold):not(#jrt-skjold):not(#jrt-skjold){max-width:min(1130px,calc(100% - 20px));margin:0 auto !important;padding:0 !important;border:0;background:none;box-shadow:none;container-type:inline-size;font-family:"Barlow",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:1rem;line-height:1.6;color:#22313F;text-align:start;box-sizing:border-box}
.custom-jrt-artikler .article-list-block-root:not(#jrt-skjold):not(#jrt-skjold){display:block;width:auto;height:auto;margin:0;box-sizing:border-box}
.custom-jrt-artikler .article-list:not(#jrt-skjold):not(#jrt-skjold){display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:auto !important;gap:0;width:auto;height:auto;margin:0;padding:0;overflow:visible;box-sizing:border-box}
.custom-jrt-artikler article:not(#jrt-skjold):not(#jrt-skjold){display:block;position:relative;container-type:normal !important;width:auto;height:auto;min-height:0;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible;text-align:start;transform:none;box-sizing:border-box}
.custom-jrt-artikler article h4:not(#jrt-skjold):not(#jrt-skjold){display:block;width:auto;height:auto;max-height:none;margin:0;padding:0;overflow:visible;font:600 1.12rem/1.25 "Barlow Semi Condensed","Arial Narrow",system-ui,sans-serif;color:#0B2440;text-align:start;text-transform:none;letter-spacing:0;overflow-wrap:normal;background:none;pointer-events:none}
.custom-jrt-artikler .article-intro:not(#jrt-skjold):not(#jrt-skjold){display:block;width:auto;height:auto;max-height:none;margin:0;padding:0;overflow:visible;text-align:start;background:none}
.custom-jrt-artikler .article-intro:not(#jrt-skjold):not(#jrt-skjold)::after{content:none;display:none}
.custom-jrt-artikler .article-intro-content:not(#jrt-skjold):not(#jrt-skjold){display:block;height:auto;max-height:none;margin:0;padding:0;overflow:visible;font:inherit;color:inherit;text-align:inherit;-webkit-line-clamp:unset}
.custom-jrt-artikler .article-media:not(#jrt-skjold):not(#jrt-skjold){contain:none;width:auto;height:auto;margin:0;padding:0;pointer-events:none}
.custom-jrt-artikler article:not(:has(.article-media img)) .article-media:not(#jrt-skjold):not(#jrt-skjold){display:none}
/* Malens «Les mer» peker på artikkelsiden, som ikke skal besøkes. Egne knapper har tel:, mailto: eller full adresse. */
.custom-jrt-artikler .article-buttons:not(#jrt-skjold):not(#jrt-skjold){display:flex;flex-wrap:wrap;align-items:center;justify-self:start;width:auto;height:auto;margin:0;padding:0;text-align:start}
.custom-jrt-artikler .article-buttons a[href*="kilde-forside-"]:not([href*="#"]):not(#jrt-skjold):not(#jrt-skjold){display:none}
.custom-jrt-artikler .article-buttons:not(:has(a:not([href*="kilde-forside-"]),a[href*="#"])):not(#jrt-skjold):not(#jrt-skjold){display:none}
.custom-jrt-artikler a.button-element:not(#jrt-skjold):not(#jrt-skjold){display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;min-height:3rem;margin:0;border:0;border-radius:6px;background:none !important;box-shadow:none;text-decoration:none !important;text-transform:none;white-space:normal;box-sizing:border-box}
.custom-jrt-artikler a.button-element:focus-visible{outline:3px solid #066AB5;outline-offset:3px;border-radius:4px}
.custom-jrt-artikler a.button-element :is(.background-layer,.state-layer):not(#jrt-skjold):not(#jrt-skjold){display:none}
.custom-jrt-artikler a.button-element .label:not(#jrt-skjold):not(#jrt-skjold){display:inline-flex;align-items:center;gap:.55rem;padding:0;font:inherit;color:inherit;text-transform:none;letter-spacing:inherit;white-space:normal}

/* Hero: mørk tekstflate og kundens bilde. Oppe i rammen, kvaliteten ligger rett under. */
.custom-jrt-a-hero .tf-block:not(#jrt-skjold):not(#jrt-skjold):not(#jrt-skjold){border-radius:8px 8px 0 0;overflow:hidden;background:#0B2440}
.custom-jrt-a-hero article:not(#jrt-skjold):not(#jrt-skjold){display:flex;flex-direction:column;background:#0B2440}
.custom-jrt-a-hero .article-media:not(#jrt-skjold):not(#jrt-skjold){order:-1;aspect-ratio:16 / 10;overflow:hidden;background:#EEF4F9}
.custom-jrt-a-hero .article-media img:not(#jrt-skjold):not(#jrt-skjold){display:block;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;border-radius:0;object-fit:cover;object-position:40% 55%}
.custom-jrt-a-hero article h4:not(#jrt-skjold):not(#jrt-skjold){max-width:16ch;padding:clamp(1.5rem,5cqi,3.25rem) clamp(1.5rem,5cqi,3.25rem) 0;box-sizing:content-box;font-size:clamp(2rem,4.8cqi,3rem);font-weight:700;line-height:1.04;color:#fff}
.custom-jrt-a-hero .article-intro:not(#jrt-skjold):not(#jrt-skjold){max-width:38rem;padding:1rem clamp(1.5rem,5cqi,3.25rem) 0;font-size:1.15rem;line-height:1.55;color:#E4ECF4}
.custom-jrt-a-hero .article-buttons:not(#jrt-skjold):not(#jrt-skjold){gap:.75rem 2rem;padding:1.75rem clamp(1.5rem,5cqi,3.25rem) clamp(1.5rem,5cqi,3.25rem)}
/* Ekstra knapp (feltet har plass til 16 tegn) er hovedknappen og står først */
.custom-jrt-a-hero a.button-element:last-child:not(#jrt-skjold):not(#jrt-skjold){order:-1;padding:.8rem 1.35rem;background:#fff !important;color:#0B2440;font:600 1.1rem/1.1 "Barlow Semi Condensed","Arial Narrow",system-ui,sans-serif;letter-spacing:.01em;transition:background-color .15s}
.custom-jrt-a-hero a.button-element:last-child:not(#jrt-skjold):not(#jrt-skjold):hover{background:#EEF4F9 !important;color:#0B2440;text-decoration:none !important}
.custom-jrt-a-hero a.button-element:not(:last-child):not(#jrt-skjold):not(#jrt-skjold){padding:0;background:none !important;color:#fff;font:600 1rem/1.6 "Barlow",system-ui,sans-serif}
.custom-jrt-a-hero a.button-element:not(:last-child):not(#jrt-skjold):not(#jrt-skjold):hover{background:none !important;color:#fff;text-decoration:underline !important}
.custom-jrt-a-hero a.button-element:focus-visible{outline-color:#fff}
@container (min-width:760px){
  .custom-jrt-a-hero article:not(#jrt-skjold):not(#jrt-skjold){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);grid-template-rows:1fr auto auto auto 1fr}
  .custom-jrt-a-hero .article-media:not(#jrt-skjold):not(#jrt-skjold){grid-column:2;grid-row:1 / -1;aspect-ratio:auto;min-height:26rem}
  .custom-jrt-a-hero article h4:not(#jrt-skjold):not(#jrt-skjold){grid-column:1;grid-row:2;align-self:end;margin-right:auto}
  .custom-jrt-a-hero .article-intro:not(#jrt-skjold):not(#jrt-skjold){grid-column:1;grid-row:3}
  .custom-jrt-a-hero .article-buttons:not(#jrt-skjold):not(#jrt-skjold){grid-column:1;grid-row:4}
}

/* Kvalitet: overskriften er blokktittelen, løftene er artikler */
.custom-jrt-a-kvalitet .tf-block:not(#jrt-skjold):not(#jrt-skjold):not(#jrt-skjold){margin-block-end:clamp(2.25rem,4.5vw,3.75rem) !important;padding:clamp(1.25rem,3.5cqi,2rem) clamp(1.5rem,5vw,3.25rem) !important;border-radius:0 0 8px 8px;background:#EEF4F9}
.custom-jrt-a-kvalitet .block-title:not(#jrt-skjold):not(#jrt-skjold){margin:0;padding:0;border:0;background:none;font:600 1.3rem/1.15 "Barlow Semi Condensed","Arial Narrow",system-ui,sans-serif;color:#0B2440;text-align:start;text-transform:none;letter-spacing:0}
.custom-jrt-a-kvalitet .article-list:not(#jrt-skjold):not(#jrt-skjold){gap:1.1rem;margin-top:1.1rem}
.custom-jrt-a-kvalitet article:not(#jrt-skjold):not(#jrt-skjold){padding-inline-start:2.25rem}
.custom-jrt-a-kvalitet article:not(#jrt-skjold):not(#jrt-skjold)::before{content:"";position:absolute;inset-inline-start:0;top:.05rem;width:1.5rem;height:1.5rem;border-radius:50%;background:#0A6B45}
.custom-jrt-a-kvalitet article:not(#jrt-skjold):not(#jrt-skjold)::after{content:"";position:absolute;inset-inline-start:.53rem;top:.3rem;width:.45rem;height:.8rem;box-sizing:border-box;border:solid #fff;border-width:0 .17rem .17rem 0;transform:rotate(45deg)}
.custom-jrt-a-kvalitet .article-intro:not(#jrt-skjold):not(#jrt-skjold){margin-top:.2rem;font-size:.97rem;line-height:1.45}
@container (min-width:760px){
  .custom-jrt-a-kvalitet .article-list:not(#jrt-skjold):not(#jrt-skjold){grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}
}

/* Avtale: overskriften er en liten tekstblokk (jrt-avtale-hode), stegene og bunnen er artikler i samme lyse flate */
.custom-jrt-a-steg .tf-block:not(#jrt-skjold):not(#jrt-skjold):not(#jrt-skjold),
.custom-jrt-a-kontakt .tf-block:not(#jrt-skjold):not(#jrt-skjold):not(#jrt-skjold){background:#EEF4F9}
.custom-jrt-a-steg .article-list-block-root:not(#jrt-skjold):not(#jrt-skjold){padding:clamp(1.5rem,3.5cqi,2.25rem) clamp(1.25rem,3.6vw,3rem) 0}
.custom-jrt-a-steg .article-list:not(#jrt-skjold):not(#jrt-skjold){gap:1.75rem;counter-reset:jrt-steg}
.custom-jrt-a-steg article:not(#jrt-skjold):not(#jrt-skjold){display:grid;grid-template-columns:2.6rem minmax(0,1fr);column-gap:1rem;align-items:start;counter-increment:jrt-steg}
.custom-jrt-a-steg article:not(#jrt-skjold):not(#jrt-skjold)::before{content:counter(jrt-steg);grid-row:span 2;position:relative;z-index:1;display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:50%;background:#066AB5;color:#fff;font:700 1.2rem/1 "Barlow Semi Condensed","Arial Narrow",system-ui,sans-serif}
.custom-jrt-a-steg article h4:not(#jrt-skjold):not(#jrt-skjold){grid-column:2;padding-top:.5rem;font-size:1.35rem;line-height:1.15}
.custom-jrt-a-steg .article-intro:not(#jrt-skjold):not(#jrt-skjold){grid-column:2;margin-top:.45rem;line-height:1.5;color:#4C5D6E}
.custom-jrt-a-steg .article-media:not(#jrt-skjold):not(#jrt-skjold){grid-column:2}
@container (min-width:760px){
  .custom-jrt-a-steg .article-list:not(#jrt-skjold):not(#jrt-skjold){grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
  .custom-jrt-a-steg article:not(#jrt-skjold):not(#jrt-skjold){display:block}
  .custom-jrt-a-steg article:not(#jrt-skjold):not(#jrt-skjold)::before{margin-bottom:1rem}
  .custom-jrt-a-steg article h4:not(#jrt-skjold):not(#jrt-skjold){padding-top:0}
  .custom-jrt-a-steg article:not(:last-child):not(#jrt-skjold):not(#jrt-skjold)::after{content:"";position:absolute;top:1.3rem;inset-inline:3.4rem -1.4rem;border-top:2px dashed color-mix(in srgb,#066AB5 40%,transparent)}
}

/* Sitat og kontakt. Kontaktkortet kjennes på tel:/mailto:-knappene, sitatet er det andre. */
.custom-jrt-a-kontakt .tf-block:not(#jrt-skjold):not(#jrt-skjold):not(#jrt-skjold){margin-block-end:clamp(2.25rem,4.5vw,3.75rem) !important;border-radius:0 0 8px 8px}
.custom-jrt-a-kontakt .article-list-block-root:not(#jrt-skjold):not(#jrt-skjold){padding:clamp(1.75rem,4cqi,2.75rem) clamp(1.25rem,3.6vw,3rem) clamp(1.25rem,3.6vw,3rem)}
.custom-jrt-a-kontakt .article-list:not(#jrt-skjold):not(#jrt-skjold){gap:1.75rem;align-items:center;padding-top:clamp(1.5rem,3.5cqi,2.25rem);border-top:1px solid #CFDCE8}
.custom-jrt-a-kontakt article:not(:has(a[href^="tel:"],a[href^="mailto:"])):not(#jrt-skjold):not(#jrt-skjold){display:flex;flex-direction:column;padding-inline-start:1.1rem;border-inline-start:4px solid #0A6B45}
.custom-jrt-a-kontakt article:not(:has(a[href^="tel:"],a[href^="mailto:"])) .article-intro:not(#jrt-skjold):not(#jrt-skjold){order:1;font:600 clamp(1.2rem,2.6cqi,1.5rem)/1.35 "Barlow Semi Condensed","Arial Narrow",system-ui,sans-serif;color:#0B2440}
.custom-jrt-a-kontakt article:not(:has(a[href^="tel:"],a[href^="mailto:"])) h4:not(#jrt-skjold):not(#jrt-skjold){order:2;margin-top:.7rem;font:400 .95rem/1.6 "Barlow",system-ui,sans-serif;color:#4C5D6E}
.custom-jrt-a-kontakt article:has(a[href^="tel:"],a[href^="mailto:"]):not(#jrt-skjold):not(#jrt-skjold){padding:clamp(1.25rem,3cqi,1.75rem);border-radius:8px;background:#fff}
.custom-jrt-a-kontakt article h4:not(#jrt-skjold):not(#jrt-skjold){font-size:1.4rem;line-height:1.15}
.custom-jrt-a-kontakt article:has(a[href^="tel:"],a[href^="mailto:"]) .article-intro:not(#jrt-skjold):not(#jrt-skjold){margin-top:.5rem;line-height:1.5}
.custom-jrt-a-kontakt .article-buttons:not(#jrt-skjold):not(#jrt-skjold){gap:.75rem 1.5rem;margin-top:1.1rem}
.custom-jrt-a-kontakt a.button-element[href^="tel:"]:not(#jrt-skjold):not(#jrt-skjold){order:-1;padding:.8rem 1.35rem;background:#066AB5 !important;color:#fff;font:600 1.1rem/1.1 "Barlow Semi Condensed","Arial Narrow",system-ui,sans-serif;letter-spacing:.01em;transition:background-color .15s}
.custom-jrt-a-kontakt a.button-element[href^="tel:"]:not(#jrt-skjold):not(#jrt-skjold):hover{background:#04528C !important;color:#fff;text-decoration:none !important}
.custom-jrt-a-kontakt a.button-element[href^="mailto:"]:not(#jrt-skjold):not(#jrt-skjold){padding:0;background:none !important;color:#0B2440;font:600 1rem/1.6 "Barlow",system-ui,sans-serif}
.custom-jrt-a-kontakt a.button-element[href^="mailto:"]:not(#jrt-skjold):not(#jrt-skjold):hover{background:none !important;color:#066AB5;text-decoration:underline !important}
.custom-jrt-a-kontakt a.button-element .label:not(#jrt-skjold):not(#jrt-skjold)::before{content:"";flex:none;width:1.2rem;height:1.2rem;background:center/contain no-repeat}
.custom-jrt-a-kontakt a.button-element[href^="tel:"] .label:not(#jrt-skjold):not(#jrt-skjold)::before{background-image:url("/sites/j/jrtrading.no/files/2026/11/jrt-ikon-f2c33ebf.svg")}
.custom-jrt-a-kontakt a.button-element[href^="mailto:"] .label:not(#jrt-skjold):not(#jrt-skjold)::before{width:1.25rem;height:1.25rem;background-image:url("/sites/j/jrtrading.no/files/2026/11/jrt-ikon-b7f8b4ee.svg")}
@container (min-width:760px){
  .custom-jrt-a-kontakt .article-list:not(#jrt-skjold):not(#jrt-skjold){grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:2.5rem}
}
@media (prefers-reduced-motion:reduce){
  .custom-jrt-artikler a.button-element{transition:none !important}
}