/* incrediwear.no – utseendet til sidene som er bygget fra repoet (webhost/scripts/side-*.html) med malen «Page - Full
 * Width»: /rehabilitering/ og /ambassadorer/ (Kristian 05.10.2026: «Rehabiliteringsavdelingen er skikkelig stygg …
 * Fiks den», «Ambassadører siden kan bygges helt om med en liten bio»). Lastes bare på de sidene
 * (flatsome-child/functions.php). Fargene kommer fra designtokens i iw-uu.css. */

/* Flaten er stilguidens lyse #EDEBEA (fra 06.10.2026; før #f7f6f4): oransje-tekst 4,7:1, dempet 5,8:1, tekst 9,3:1.
 * De mørke delene er stilguidens mørke #413A3E (var(--iw-tekst), hvit 11,1:1) med kortene i tekst-dyp #2E292C (hvit
 * 14,3:1, grå #D9D6D4 9,9:1, oransje #F58426 5,6:1). Oransje tekst rett på #413A3E er oransje-lys #F79E54 (5,3:1). */
.iw-side { --iw-flate: var(--iw-lys); --iw-ramme: 1140px; color: var(--iw-tekst); }
.iw-side__ramme { max-width: var(--iw-ramme); margin-inline: auto; padding-inline: 15px; }
.iw-side__del { padding-block: 3rem; }
.iw-side__del--flate { background: var(--iw-flate); }
.iw-side__tittel { margin: 0 0 1.25rem; font-size: clamp(1.35rem, 1.1rem + .7vw, 1.65rem); line-height: 1.2; text-wrap: balance; }
.iw-side__etikett { margin: 0 0 .5rem; font-size: .875rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--iw-oransje-tekst); }
.iw-side__ingress { font-size: 1.0625rem; line-height: 1.6; max-width: 34em; margin: 0 0 1.5rem; }
.iw-side__liten { font-size: .9375rem; color: var(--iw-dempet); }
.iw-side__knapper { display: flex; flex-wrap: wrap; gap: .75rem; margin: 0; }
.iw-side__knapper .button { margin: 0; }
/* Lenker i løpende tekst får understrek (axe link-in-text-block). Ikke produktnavnene og kortene, de er egne flater. */
:is(.iw-side__mork, .iw-amb__lenker, .iw-side__ingress, .iw-amb__kilder) a:not(.button) { text-decoration: underline; text-underline-offset: 2px; }

/* Toppen: tekst og bilde side om side på PC, tekst først på mobil. Ingen tekst oppå bildet (kontrast). */
.iw-side__topp { background: var(--iw-flate); padding-block: 2rem 2.5rem; }
.iw-side__topp-ramme { display: grid; gap: 1.75rem; align-items: center; }
.iw-side__topp h1 { margin: 0 0 1rem; font-size: clamp(1.75rem, 1.2rem + 1.6vw, 2.5rem); line-height: 1.12; text-wrap: balance; }
.iw-side__topp-bilde { margin: 0; }
.iw-side__topp-bilde img { display: block; width: 100%; max-width: 440px; height: auto; margin-inline: auto; border-radius: 12px; }
@media (min-width: 850px) {
  .iw-side__topp { padding-block: 3.5rem; }
  .iw-side__topp-ramme { grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: 3rem; }
}

/* /rehabilitering/: bruksområdene som fire kort. */
.iw-rehab__bruk { list-style: none; margin: 0; padding: 0; display: grid; gap: 1.25rem 1rem; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.iw-rehab__bruk li { margin: 0; }
.iw-rehab__bruk img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 10px; margin-bottom: .75rem; }
.iw-rehab__bruk h3 { margin: 0 0 .35rem; font-size: 1.125rem; }
.iw-rehab__bruk p { margin: 0; font-size: 1rem; line-height: 1.55; }
@media (min-width: 1000px) { .iw-rehab__bruk { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.5rem; } }

/* /rehabilitering/: studien etter kneprotese på mørkt, med de tre funnene som store tall side om side (05.10.2026
 * kveld, Kristian: «spesielt tomrommet her»; før sto overskriften alene i venstre spalte). Fargene: se øverst. */
.iw-rehab__studie { background: var(--iw-tekst); color: #fff; }
.iw-rehab__studie :is(h2, strong) { color: #fff; }
.iw-rehab__studie .iw-side__etikett { color: var(--iw-oransje-lys); }
.iw-rehab__studie a:not(.button) { color: #fff; text-decoration: underline; text-underline-offset: 2px; }
.iw-rehab__studie a:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.iw-rehab__studie-topp { display: grid; gap: .5rem 3rem; margin-bottom: 1.75rem; }
@media (min-width: 850px) { .iw-rehab__studie-topp { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); align-items: end; } }
.iw-rehab__studie-topp .iw-side__tittel { margin-bottom: 0; }
.iw-rehab__studie-topp > p { margin: 0; max-width: 38em; line-height: 1.6; }
.iw-rehab__tall { list-style: none; margin: 0 0 1.5rem; padding: 0; display: grid; gap: 1rem; }
@media (min-width: 700px) { .iw-rehab__tall { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; } }
.iw-rehab__tall li { margin: 0; padding: 1.25rem 1.25rem 1.35rem; display: flex; flex-direction: column; gap: .35rem; background: var(--iw-tekst-dyp); border-top: 3px solid var(--iw-oransje); border-radius: 4px 4px 12px 12px; }
.iw-rehab__maal { font-size: .9375rem; color: var(--iw-paa-mork); }
.iw-rehab__stort { font-size: clamp(2.25rem, 1.8rem + 1.8vw, 3.25rem); font-weight: 700; line-height: 1.05; letter-spacing: -.02em; color: var(--iw-oransje); font-variant-numeric: tabular-nums; white-space: nowrap; }
.iw-rehab__stort span { font-size: 1rem; font-weight: 400; letter-spacing: 0; color: var(--iw-paa-mork); }
.iw-rehab__tall strong { font-size: 1.0625rem; line-height: 1.35; }
.iw-rehab__verdi { margin-top: auto; font-size: .9375rem; font-variant-numeric: tabular-nums; color: var(--iw-paa-mork); }
.iw-rehab__studie-bunn { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 1rem 2rem; }
.iw-rehab__studie-bunn p { margin: 0; }
.iw-rehab__kilde { max-width: 44em; font-size: .9375rem; color: var(--iw-paa-mork); }

/* Kroppsdelskortene ([iw_kroppsdeler]) har egen bredde og marg fra forsiden; her ligger de i en seksjon. */
.iw-side #kroppsdel { scroll-margin-top: 80px; padding-block: 2rem 3rem; }
.iw-side .iw-kropp-forside { padding-block: 0; }
.iw-side .iw-kropp-forside__tittel { font-size: clamp(1.35rem, 1.1rem + .7vw, 1.65rem); }

/* Mørk boks til slutt: klinikker og fysioterapeuter. Hvit tekst på #413A3E (11,1:1). */
.iw-side__mork { background: var(--iw-tekst); color: #fff; border-radius: 14px; padding: 2rem 1.5rem; }
.iw-side__mork h2 { color: #fff; margin: 0 0 .75rem; font-size: clamp(1.4rem, 1.1rem + 1vw, 1.75rem); }
.iw-side__mork p { margin: 0 0 .5rem; max-width: 40em; line-height: 1.6; }
.iw-side__mork a:not(.button) { color: #fff; font-weight: 700; }   /* knappene beholder sine farger (oransje med mørk tekst) */
@media (min-width: 850px) { .iw-side__mork { padding: 2.5rem 3rem; } }

/* /ambassadorer/: kort med bilde (4:3), navn, idrett og en kort bio. */
/* Flex med sentrert siste rad: fem norske gir 3 + 2 midt på, ikke et tomt felt til høyre. */
.iw-amb__liste { --iw-sp: 1.5rem; list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: var(--iw-sp); }
.iw-amb__liste > li { flex: 0 1 100%; min-width: 0; }
@media (min-width: 600px) { .iw-amb__liste > li { flex-basis: calc((100% - var(--iw-sp)) / 2); } }
@media (min-width: 1000px) { .iw-amb__liste > li { flex-basis: calc((100% - 2 * var(--iw-sp)) / 3); } }
.iw-amb__kort { margin: 0; background: #fff; border-radius: 12px; overflow: hidden; display: flex; flex-direction: column; box-shadow: 0 1px 2px rgba(0, 0, 0, .06), 0 4px 16px rgba(0, 0, 0, .06); }
.iw-amb__kort img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.iw-amb__tekst { padding: 1rem 1.15rem 1.25rem; display: flex; flex-direction: column; gap: .4rem; flex: 1; }
.iw-amb__kort h3 { margin: 0; font-size: 1.25rem; }
.iw-amb__idrett { margin: 0; font-size: .875rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--iw-oransje-tekst); }
.iw-amb__bio { margin: 0; line-height: 1.55; }
.iw-amb__sitat { margin: .35rem 0 0; padding: 0 0 0 .85rem; border-left: 3px solid var(--iw-oransje); font-style: italic; }
.iw-amb__sitat p { margin: 0; }
.iw-amb__lenker { list-style: none; margin: auto 0 0; padding: .5rem 0 0; display: flex; flex-wrap: wrap; gap: .25rem 1rem; }
.iw-amb__lenker li { margin: 0; }
.iw-amb__lenker a { display: inline-flex; align-items: center; min-height: 24px; font-size: .9375rem; }   /* 2.5.8 */

/* /ambassadorer/ «Kjente navn» øverst (sak 12 A, Kristian 05.10.2026: «A»): et mørkt felt uten bilder eller logoer.
 * Fargene: se øverst (oransje tekst er oransje-lys, som holder både på feltet og på kortene). */
.iw-kjente { background: var(--iw-tekst); color: #fff; scroll-margin-top: 80px; }   /* forsiden lenker hit med #kjente-navn */
.iw-kjente :is(h2, h3, strong) { color: #fff; }
.iw-kjente .iw-side__etikett { color: var(--iw-oransje-lys); }
.iw-kjente a:not(.button) { color: #fff; text-decoration: underline; text-underline-offset: 2px; }
.iw-kjente a:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.iw-kjente__liste { list-style: none; margin: 0 0 2.25rem; padding: 0; display: grid; gap: 1rem; }
@media (min-width: 850px) { .iw-kjente__liste { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; } }
.iw-kjente__kort { margin: 0; background: var(--iw-tekst-dyp); border-top: 3px solid var(--iw-oransje); border-radius: 4px 4px 12px 12px; padding: 1.25rem 1.25rem 1.4rem; display: flex; flex-direction: column; gap: .5rem; }
.iw-kjente__kort h3 { margin: 0; font-size: clamp(1.35rem, 1.15rem + .7vw, 1.6rem); line-height: 1.2; }
.iw-kjente__kort p { margin: 0; line-height: 1.55; }
.iw-kjente__idrett { font-size: .875rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--iw-oransje-lys); }
.iw-kjente .iw-kjente__merk { margin-top: auto; padding-top: .25rem; font-size: .9375rem; color: var(--iw-paa-mork); }
.iw-kjente__sitat { margin: 0; padding: 0 0 0 .85rem; border: 0; border-left: 3px solid var(--iw-oransje); background: none; color: #fff; font-size: 1.0625rem; font-style: italic; }
.iw-kjente__kilde, .iw-kjente__kilder { font-size: .9375rem; color: var(--iw-paa-mork); }
.iw-kjente__undertittel { margin: 0 0 .75rem; font-size: 1.25rem; }
.iw-kjente__flere { list-style: none; margin: 0 0 1.25rem; padding: 0; display: grid; gap: .6rem; max-width: 52em; }
.iw-kjente__flere li { margin: 0; padding-left: 1.1rem; position: relative; line-height: 1.55; }
.iw-kjente__flere li::before { content: ""; position: absolute; left: 0; top: .62em; width: 6px; height: 6px; border-radius: 50%; background: var(--iw-oransje); }
.iw-kjente__kilder { margin: 0; }

/* /ambassadorer/: Novak Djokovic og signaturkolleksjonen øverst i «Kjente navn», med bilder fra incrediwear.com
 * (Kristian 05.10.2026: «bilder av Djokovic osv, litt info om signaturline osv som kommer snart i vår nettbutikk»).
 * Bilde og tekst side om side på PC, bildet først på mobil. «Kommer snart» er tekst-dyp på oransje (5,6:1), plaggkortene
 * har hvit tittel og grå tekst på tekst-dyp. Bildene står uten tekst oppå. */
.iw-novak { scroll-margin-top: 80px; display: grid; gap: 1.5rem; margin: .5rem 0 1.5rem; }
@media (min-width: 850px) { .iw-novak { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 2.5rem; align-items: center; } }
.iw-novak__bilde { margin: 0; }
:is(.iw-novak__bilde, .iw-novak__bilder, .iw-kjente__stor) img { display: block; width: 100%; height: auto; border-radius: 12px; }
.iw-novak__tekst { display: flex; flex-direction: column; gap: .65rem; }
.iw-novak__tekst h3 { margin: 0; font-size: clamp(1.6rem, 1.3rem + 1vw, 2.1rem); line-height: 1.15; }
.iw-novak__tekst > p { margin: 0; line-height: 1.6; max-width: 34em; }
.iw-novak__tekst > .iw-novak__snart { align-self: flex-start; margin: .15rem 0; padding: .35rem .85rem; border-radius: 999px; background: var(--iw-oransje); color: var(--iw-tekst-dyp); font-weight: 700; line-height: 1.4; }
.iw-novak__plagg { list-style: none; margin: .35rem 0 .15rem; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
.iw-novak__plagg li { margin: 0; background: var(--iw-tekst-dyp); border-radius: 10px; overflow: hidden; }
.iw-novak__plagg img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; }
.iw-novak__plagg h4 { margin: .6rem .75rem .15rem; font-size: 1rem; line-height: 1.25; color: #fff; }
.iw-novak__plagg p { margin: 0 .75rem .8rem; font-size: .875rem; line-height: 1.4; color: var(--iw-paa-mork); }
.iw-novak__tekst > .iw-kjente__merk { margin-top: .25rem; }
.iw-novak__bilder { list-style: none; margin: 0 0 2.5rem; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .75rem; }
@media (min-width: 850px) { .iw-novak__bilder { gap: 1.5rem; } }
.iw-novak__bilder li { margin: 0; }
.iw-novak__bilder img { aspect-ratio: 4 / 5; object-fit: cover; }
/* EF Pro Cycling: bilde og tekst i ett bredt kort. */
.iw-kjente__stor { display: grid; gap: 1.25rem; margin: 0 0 1.5rem; padding: 1rem; background: var(--iw-tekst-dyp); border-top: 3px solid var(--iw-oransje); border-radius: 4px 4px 12px 12px; }
@media (min-width: 850px) { .iw-kjente__stor { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 2rem; align-items: center; padding: 1.25rem; } }
.iw-kjente__stor img { aspect-ratio: 4 / 3; object-fit: cover; border-radius: 8px; }
.iw-kjente__stor > div { display: flex; flex-direction: column; gap: .5rem; }
.iw-kjente__stor h3 { margin: 0; font-size: clamp(1.35rem, 1.15rem + .7vw, 1.6rem); line-height: 1.2; }
.iw-kjente__stor p { margin: 0; line-height: 1.55; }
@media (min-width: 850px) { .iw-kjente__liste--to { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.iw-amb #i-norge { scroll-margin-top: 80px; }

/* /forskning/ (Kristian 05.10.2026: «denne er nitrist den og, spice den opp litt ala det de gjør i .com»): mørk topp
 * med bilde, store tall, stoffet på svart og studiene som kort, som incrediwear.com/pages/technology. Tekstene er de
 * samme som før. Hvit tekst på #413A3E og på svart; oransje tekst er oransje-lys på #413A3E og #F58426 på svart (7,9:1).
 * På lyst er tallene og etikettene oransje-tekst #A64F08 (5,6:1 på hvitt, 4,7:1 på flaten). */
.iw-forsk__topp { background: var(--iw-tekst); color: #fff; }
.iw-forsk__topp h1 { color: #fff; }
.iw-forsk__topp .iw-side__etikett { color: var(--iw-oransje-lys); }
/* Bildet i toppen er stemning (tom alt): på mobil en lav stripe, så teksten og tallene kommer raskt. */
@media (max-width: 849px) { .iw-forsk__topp .iw-side__topp-bilde img { max-height: 220px; object-fit: cover; object-position: 45% 40%; } }
.iw-forsk :is(#tallene, #slik-virker, #studiene, #ikke) { scroll-margin-top: 80px; }
.iw-forsk__tall { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem; grid-template-columns: repeat(auto-fill, minmax(min(100%, 15rem), 1fr)); }
@media (min-width: 1000px) { .iw-forsk__tall { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; } }
.iw-forsk__tall li { margin: 0; }
.iw-forsk__tall a { display: flex; flex-direction: column; gap: .45rem; height: 100%; padding: 1.25rem 1.25rem 1.35rem; background: var(--iw-flate); border-top: 3px solid var(--iw-oransje); border-radius: 4px 4px 12px 12px; color: var(--iw-tekst); text-decoration: none; }
.iw-forsk__tall a:hover .iw-forsk__hva { text-decoration: underline; text-underline-offset: 2px; }
.iw-forsk__tallet { white-space: nowrap; font-size: clamp(2.5rem, 2rem + 2vw, 3.5rem); line-height: 1; font-weight: 700; letter-spacing: -.02em; color: var(--iw-oransje-tekst); font-variant-numeric: tabular-nums; }
.iw-forsk__hva { line-height: 1.5; }
.iw-forsk__hvem { margin-top: auto; padding-top: .25rem; font-size: .875rem; color: var(--iw-dempet); }
.iw-forsk__merke { align-self: flex-start; display: inline-block; padding: .2rem .6rem; border: 1px solid var(--iw-kant); border-radius: 999px; background: #fff; color: var(--iw-tekst); font-size: .8125rem; font-weight: 700; letter-spacing: .06em; line-height: 1.4; text-transform: uppercase; }
.iw-forsk__merke--publisert { background: var(--iw-tekst); border-color: var(--iw-tekst); color: #fff; }
/* Stoffet: illustrasjonen har svart bakgrunn, så delen er svart. */
.iw-forsk__stoff { background: #000; color: #fff; }
.iw-forsk__stoff h2 { color: #fff; }
.iw-forsk__stoff .iw-side__etikett { color: var(--iw-oransje); }
.iw-forsk__stoff-ramme { display: grid; gap: 1.5rem; align-items: center; }
@media (min-width: 850px) { .iw-forsk__stoff-ramme { grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); gap: 3rem; } }
.iw-forsk__stoff-bilde { margin: 0; }
.iw-forsk__stoff-bilde img { display: block; width: 100%; max-width: min(360px, 60vw); height: auto; margin-inline: auto; }
.iw-forsk__stoff-tekst p { max-width: 34em; line-height: 1.6; }
.iw-forsk__stoff-tekst p:last-child { margin-bottom: 0; }
/* Studiene som kort; den publiserte over hele bredden. */
.iw-forsk__studier { display: grid; gap: 1.25rem; }
@media (min-width: 850px) { .iw-forsk__studier { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem; } .iw-forsk__studie--publisert { grid-column: 1 / -1; } }
.iw-forsk__studie { scroll-margin-top: 80px; display: flex; flex-direction: column; gap: .6rem; padding: 1.25rem 1.25rem 1.4rem; background: #fff; border-radius: 12px; box-shadow: 0 1px 2px rgba(0, 0, 0, .06), 0 4px 16px rgba(0, 0, 0, .06); }
.iw-forsk__studie--publisert { border-top: 4px solid var(--iw-tekst); }
.iw-forsk__topplinje { margin: 0; display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.iw-forsk__studietall { flex-shrink: 0; white-space: nowrap; font-size: 1.75rem; font-weight: 700; line-height: 1; color: var(--iw-oransje-tekst); font-variant-numeric: tabular-nums; }
.iw-forsk__studie h3 { margin: 0; font-size: 1.25rem; line-height: 1.25; }
.iw-forsk__kilde { margin: 0; font-size: .9375rem; line-height: 1.5; color: var(--iw-dempet); }
.iw-forsk__dl { margin: 0; display: grid; gap: .65rem; font-size: 1rem; opacity: 1; text-transform: none; }   /* Flatsome: dl er .85em, 0,9 og versaler */
.iw-forsk__dl :is(dt, dd) { display: block; }
@media (min-width: 850px) { .iw-forsk__studie--publisert .iw-forsk__dl { grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 1.75rem; } }
.iw-forsk__dl dt { margin: 0 0 .15rem; font-size: .8125rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--iw-oransje-tekst); }
.iw-forsk__dl dd { margin: 0; line-height: 1.55; }
.iw-forsk__lenke { margin: auto 0 0; padding-top: .35rem; }
.iw-forsk__lenke a { font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
.iw-forsk__doi { font-size: .875rem; color: var(--iw-dempet); }
/* «Det studiene ikke viser» som en tydelig merknad før avslutningen. */
.iw-forsk__ikke { margin: 0 0 2rem; padding: 1.25rem 1.5rem; background: var(--iw-flate); border-left: 4px solid var(--iw-oransje); border-radius: 0 12px 12px 0; }
.iw-forsk__ikke h2 { margin: 0 0 .5rem; font-size: clamp(1.3rem, 1.1rem + .8vw, 1.6rem); }
.iw-forsk__ikke p { margin: 0; max-width: 40em; line-height: 1.6; }
.iw-forsk__sist { margin: 1.25rem 0 0; }

/* /om-incrediwear/ (Kristian 05.10.2026: «denne må også spices opp»): toppen med danseren, grunnleggeren med portrett,
 * sitat og video, plaggene som tre kort på mørkt (som «Kjente navn»), et utdrag om ambassadørene og Incrediwear i
 * Norge. Fargene: se øverst. */
.iw-om #historien { scroll-margin-top: 80px; }
.iw-om__under { margin: -.5rem 0 1rem; font-size: clamp(1.15rem, 1rem + .6vw, 1.4rem); font-style: italic; color: var(--iw-dempet); }
.iw-om__historie, .iw-om__kjente { display: grid; gap: 1.5rem; align-items: center; }
@media (min-width: 850px) {
  .iw-om__historie { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 3rem; }
  .iw-om__kjente { grid-template-columns: minmax(0, .6fr) minmax(0, 1.4fr); gap: 3rem; }
}
.iw-om__portrett, .iw-om__kjente-bilde { margin: 0; }
:is(.iw-om__portrett, .iw-om__kjente-bilde) img { display: block; width: 100%; max-width: 400px; height: auto; margin-inline: auto; border-radius: 12px; }
.iw-om__kjente-bilde img { max-width: 320px; }
.iw-om__portrett figcaption { margin-top: .5rem; text-align: center; font-size: .875rem; color: var(--iw-dempet); }
.iw-om__historie-tekst > p, .iw-om__kjente p:not(.iw-side__knapper) { max-width: 36em; line-height: 1.6; }
.iw-om__sitat { margin: 1.25rem 0; padding: 0 0 0 1rem; border: 0; border-left: 4px solid var(--iw-oransje); background: none; color: var(--iw-tekst); font-size: clamp(1.25rem, 1.05rem + .8vw, 1.6rem); font-style: normal; font-weight: 700; line-height: 1.3; }
.iw-om__sitat p { margin: 0; }
.iw-om__video { max-width: 640px; margin-top: .5rem; }
.iw-om__video .video { margin-bottom: 0; }
.iw-om__plaggene { background: var(--iw-tekst); color: #fff; }
.iw-om__plaggene :is(h2, h3) { color: #fff; }
.iw-om__plaggene .iw-side__etikett { color: var(--iw-oransje-lys); }
.iw-om__plaggene a:not(.button) { color: #fff; text-decoration: underline; text-underline-offset: 2px; }
.iw-om__plaggene a:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.iw-om__kort { list-style: none; margin: 0 0 2rem; padding: 0; display: grid; gap: 1rem; }
@media (min-width: 850px) { .iw-om__kort { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; } }
.iw-om__kort li { margin: 0; padding: 1.25rem 1.25rem 1.4rem; background: var(--iw-tekst-dyp); border-top: 3px solid var(--iw-oransje); border-radius: 4px 4px 12px 12px; }
.iw-om__kort h3 { margin: 0 0 .4rem; font-size: 1.25rem; line-height: 1.25; }
.iw-om__kort p { margin: 0; line-height: 1.55; }
.iw-om__maling { display: grid; gap: 1.25rem; align-items: center; }
@media (min-width: 850px) { .iw-om__maling { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 2.5rem; } }
.iw-om__maling p { margin: 0 0 .75rem; max-width: 36em; line-height: 1.6; }
.iw-om__maling .iw-om__liten { font-size: .9375rem; color: var(--iw-paa-mork); }
.iw-om__norge { display: grid; gap: 1.5rem; }
@media (min-width: 850px) { .iw-om__norge { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 3rem; align-items: center; } }
.iw-om__norge p { max-width: 36em; line-height: 1.6; }
.iw-om__fakta { list-style: none; margin: 0; padding: 1.25rem 1.5rem; display: grid; gap: .8rem; background: #fff; border-radius: 12px; box-shadow: 0 1px 2px rgba(0, 0, 0, .06), 0 4px 16px rgba(0, 0, 0, .06); }
.iw-om__fakta li { margin: 0; display: grid; gap: .1rem; }
.iw-om__fakta span { font-size: .8125rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--iw-oransje-tekst); }
.iw-om__fakta a { text-decoration: underline; text-underline-offset: 2px; }

/* Forsiden (05.10.2026 kveld, Kristian: «gjøre forsiden mindre rotete»): knappen til alle produktene under «Populære
 * produkter», og «Støtte som ikke klemmer» med samme utseende som på /om-incrediwear/. /ambassadorer/: topptur-videoen
 * som sto på forsiden. */
/* 06.10.2026 natt: produktene rett under toppen og løftene nederst (som incrediwear.com og .eu). De to overskriftene
 * over produktene og kroppsdelene er like store h2-er, og løfteraden får luft mot bunnteksten. */
.iw-forside__overskrift { margin: 2.5rem 0 1.25rem; text-align: center; }
:is(.iw-forside__overskrift, .iw-kropp-forside__tittel) { font-size: clamp(1.35rem, 1.1rem + .7vw, 1.65rem); line-height: 1.2; }
.iw-forside__loefter { padding-block: 2.5rem 1.5rem; }
.iw-forside__alle { margin: .5rem 0 3rem; text-align: center; }
.iw-forside__alle .button { margin: 0; }
.iw-forside__plaggene .iw-om__kort { margin-bottom: 1.75rem; }
.iw-forside__plaggene .iw-om__kort li { overflow: hidden; }
.iw-forside__plaggene .iw-om__kort img { display: block; width: calc(100% + 2.5rem); max-width: none; height: auto; aspect-ratio: 4 / 3; object-fit: cover; margin: -1.25rem -1.25rem 1.1rem; }
.iw-amb__video { max-width: 760px; margin: 2.5rem auto 0; }
.iw-amb__video h3 { margin: 0 0 .25rem; font-size: 1.25rem; }
.iw-amb__video .iw-side__liten { margin: 0 0 .75rem; }
/* Kilder og bildekreditering samlet nederst på ambassadørsiden (språkrevisjonen 06.10.2026); lenkene er understreket
   (linje 20, axe link-in-text-block i testmiljøet 06.10.2026). */
.iw-amb__kilder { margin: 1.5rem 0 0; }
.iw-amb__video .video { margin-bottom: 0; }

/* Forsiden: toppen (06.10.2026, Kristian: «bruk dette for å forbedre siden vår», Box-materialet). Før var det et
 * Flatsome-banner i full høyde med løperen under et svart lag på 50 % (gradienten ble brun) og teksten midt oppå
 * løperen. Nå er bildet uten lag, og teksten står på den lyse kanten av gradienten (forlenget i bildet,
 * sidebilder-forside-20261006.py) ved siden av løperen på PC, og under bildet på mobil. Bakgrunnen er fargen i kanten,
 * #ebddcd: tekst-dyp #2E292C 10,7:1 (#1d1d1f til 06.10.2026). Etiketten er mørk, ikke oransje (#c44800 gir 3,7:1 på #ebddcd). Det mørke laget og
 * flipInY-animasjonen på teksten er borte. */
.iw-hero { position: relative; background: #ebddcd; color: var(--iw-tekst-dyp); }
.iw-hero__bilde img { display: block; width: 100%; height: auto; }
.iw-hero__ramme { max-width: 1140px; margin-inline: auto; padding: 1.5rem 15px 2.25rem; }
.iw-hero__etikett { margin: 0 0 .5rem; font-size: .875rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.iw-hero__tittel { margin: 0 0 .75rem; font-size: clamp(1.85rem, 1.2rem + 1.8vw, 2.75rem); line-height: 1.08; text-wrap: balance; color: var(--iw-tekst-dyp); }
.iw-hero__ingress { margin: 0 0 1.5rem; font-size: 1.0625rem; line-height: 1.5; max-width: 26em; }
.iw-hero .iw-side__knapper { margin: 0; }
.iw-hero .iw-hero__omriss { color: var(--iw-tekst-dyp) !important; border-color: var(--iw-tekst-dyp) !important; background-color: transparent; }
.iw-hero .iw-hero__omriss:hover { color: #fff !important; background-color: var(--iw-tekst-dyp) !important; }
@media (min-width: 850px) {
  .iw-hero { display: grid; align-items: center; min-height: clamp(440px, 40vw, 640px); overflow: hidden; }
  .iw-hero__bilde { position: absolute; inset: 0; }
  .iw-hero__bilde img { width: 100%; height: 100%; object-fit: cover; object-position: 30% 50%; }
  .iw-hero__ramme { position: relative; width: 100%; padding-block: 3rem; }
  .iw-hero__tekst { max-width: 28rem; }
}
/* Mobil: teksten under bildet på en gradient som fortsetter den nederste kanten av bildet (#efcab2 → #ec8077,
 * målt i forside-topp-mobil). Tekst-dyp #2E292C: 5,4:1 der det er mørkest (#413A3E ville gitt 4,2:1). */
@media (max-width: 849px) { .iw-hero { background: linear-gradient(90deg, #efcab2, #f0aa94 50%, #ec8077); } }

/* /kontakt/ (06.10.2026 natt, gjennomgangen av alle sidene): toppen med tittel og kontaktveiene, så spørsmålene og
 * skjemaet. Før sto «Ofte stilte spørsmål» rett under menyen, uten synlig overskrift. */
.iw-kontakt__veier { list-style: none; margin: 1.25rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: .9rem 2.5rem; }
.iw-kontakt__veier li { margin: 0; display: flex; flex-direction: column; gap: .15rem; font-size: 1.0625rem; }
.iw-kontakt__hva { font-size: .875rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--iw-dempet); }
.iw-kontakt__veier a { color: var(--iw-tekst); font-weight: 700; text-decoration: underline; text-underline-offset: 2px; }
.iw-kontakt__rad { padding-block: 2.5rem 3rem; }
.iw-kontakt__tittel { margin: 0 0 .35rem; font-size: clamp(1.35rem, 1.15rem + .8vw, 1.75rem); line-height: 1.2; }
.iw-kontakt__under { margin: 0 0 1rem; color: var(--iw-dempet); }

/* Forsiden: banneret om Novak Djokovic Signature Line (06.10.2026 natt, Kristian: «kanskje ha en kul banner om
 * djokovic og at produktene kommer snart, må se bra ut»). Mørkt (tekst-dyp #2E292C, hvit tekst 14,3:1) med en oransje
 * glød bak bildet som i kampanjen, «Kommer snart» som merke (tekst-dyp på oransje 5,6:1), og plaggene som små bilder.
 * Tekst og bilde side om side på PC, bildet først på mobil. Ingen tekst oppå bildet. */
.iw-novak-banner { position: relative; overflow: hidden; color: #fff;
  background: radial-gradient(60% 70% at 78% 45%, rgba(245, 132, 38, .38), rgba(223, 43, 88, .12) 45%, transparent 70%), var(--iw-tekst-dyp); }
.iw-novak-banner__ramme { max-width: 1140px; margin-inline: auto; padding: 2.5rem 15px 3rem; display: grid; gap: 2rem; align-items: center; }
.iw-novak-banner__bilde { margin: 0; order: -1; }
.iw-novak-banner__bilde img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; object-position: 50% 28%; border-radius: 16px;
  box-shadow: 0 30px 80px -24px rgba(245, 132, 38, .55); }
.iw-novak-banner__snart { display: inline-block; margin: 0 0 1rem; padding: .3rem .85rem; border-radius: 999px; background: var(--iw-oransje); color: var(--iw-tekst-dyp);
  font-size: .875rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.iw-novak-banner__over { margin: 0 0 .25rem; font-size: 1rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--iw-paa-mork); }
.iw-novak-banner__tittel { margin: 0 0 1rem; color: #fff; font-size: clamp(2.1rem, 1.4rem + 2.6vw, 3.25rem); line-height: 1; letter-spacing: -.02em; }
.iw-novak-banner__ingress { margin: 0 0 1.5rem; max-width: 30em; font-size: 1.125rem; line-height: 1.55; color: var(--iw-paa-mork); }
.iw-novak-banner__plagg { list-style: none; margin: 0 0 1.75rem; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 110px)); gap: .75rem; }
.iw-novak-banner__plagg li { margin: 0; display: flex; flex-direction: column; gap: .4rem; font-size: .875rem; font-weight: 700; color: #fff; }
.iw-novak-banner__plagg img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 10px; }
.iw-novak-banner .button { margin: 0; }
.iw-novak-banner a:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
@media (min-width: 850px) {
  .iw-novak-banner__ramme { grid-template-columns: minmax(0, 1fr) minmax(0, 520px); gap: 3.5rem; padding-block: 4rem; }
  .iw-novak-banner__bilde { order: 0; }
  .iw-novak-banner__bilde img { aspect-ratio: 560 / 638; }   /* hele bildet; ikke «auto»: WordPress gir bilder med sizes="auto" en plassholder på 3000 × 1500 (målt: 520 × 1500 px i butikken) */
}