/* Felles stil for nettside-sider (forside, butikk). Designeren har egen styles.css. */
:root{--blaa:#04a9fc;--mork:#0b0d10;--ink:#232323;--ink-soft:#767676;--linje:#e4e9ef;--flate:#f4f6f9;--site-page-width:1440px;--site-page-gutter:28px;
  --hero-grad:radial-gradient(120% 90% at 72% 8%,rgba(46,163,242,.20),transparent 58%),radial-gradient(90% 80% at 12% 96%,rgba(126,58,180,.26),transparent 55%),radial-gradient(60% 50% at 90% 90%,rgba(229,48,138,.14),transparent 60%),linear-gradient(160deg,#0a0c10 0%,#14171f 48%,#0a0c10 100%)}
*{box-sizing:border-box}
body{margin:0;background:#0b0d10;color:var(--ink);font-family:"Sora",Arial,Helvetica,sans-serif;line-height:1.6}
img{max-width:100%}
.wrap{max-width:1280px;margin:0 auto;padding:0 22px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;text-decoration:none;font-family:"Sora",Arial,Helvetica,sans-serif;font-weight:600;border-radius:5px;padding:5px 20px;letter-spacing:normal;font-size:13px;line-height:15.6px;text-transform:uppercase;cursor:pointer;border:1px solid transparent}
.btn-primary{background:var(--blaa);color:#fff}
.btn-primary:hover{background:#04a9fc}
.btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.btn-ghost:hover{border-color:#fff}

/* HERO */
.hero{position:relative;z-index:2;overflow:hidden;display:flex;align-items:flex-start;min-height:calc(100vh - 640px);min-height:calc(100svh - 640px);background:transparent;color:#fff}
.stage{position:relative;overflow:hidden;background:#0a0c10 url('assets/hero.jpg') center/cover no-repeat}
.bg-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;background:transparent;opacity:0;filter:saturate(.62) brightness(.78) contrast(.92);transition:opacity 1.2s ease}
.bg-video.is-ready{opacity:1}
@media(prefers-reduced-motion:reduce){.bg-video{transition:none}}
.hero-yt{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}
.hero-yt iframe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:56.25vw;min-height:100%;min-width:177.78vh;border:0}
.stage::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,0) 22%,rgba(0,0,0,0) 78%,rgba(0,0,0,.9) 100%),rgba(0,0,0,.62)}
.hero-inner{position:relative;z-index:2;width:100%;max-width:1280px;margin:0 auto;padding:54px 22px 40px}
.hero h1{font-size:clamp(42px,6vw,78px);margin:0;font-weight:800;line-height:1.02}
.hero h1 .blue{color:var(--blaa)}
.hero-sub{font-size:clamp(24px,3.2vw,42px);margin:.2em 0 .6em;font-weight:600;color:#e9eef4}
.hero-txt{max-width:680px;color:#d5dde6;font-size:18px}
.hero-cta{margin:38px 0 8px;display:flex;gap:14px;flex-wrap:wrap}
.hero-props{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:52px;max-width:1000px}
.prop{display:flex;gap:12px;align-items:flex-start;font-size:16px}
.prop .pn{color:var(--blaa);font-weight:800;font-size:40px;line-height:.9}
.prop b{display:block}
@media(max-width:820px){.hero-props{grid-template-columns:repeat(2,1fr);gap:20px}}
@media(max-width:520px){.hero-props{grid-template-columns:1fr}}

/* PRODUKT-SEKSJON */
.kat{position:relative;z-index:2;padding:46px 0 60px}
.kat h2{font-size:30px;margin:0 0 6px;text-align:center}
.kat .sub{text-align:center;color:var(--ink-soft);margin:0 0 22px}
.kat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
@media(max-width:1000px){.kat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.kat-grid{grid-template-columns:1fr}}
.pk-card{background:#fff;border:1px solid var(--linje);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 10px rgba(20,32,43,.05);transition:transform .15s,box-shadow .15s}
.pk-card:hover{transform:translateY(-3px);box-shadow:0 8px 22px rgba(20,32,43,.10)}
.pk-img{aspect-ratio:4/3;background:#fff;display:flex;align-items:center;justify-content:center}
.pk-img img{width:100%;height:100%;object-fit:cover}
.pk-img.noimg::after{content:"Bilde kommer";color:#9aa7b4;font-size:13px}
.pk-body{padding:16px 16px 18px;display:flex;flex-direction:column;gap:8px;flex:1}
.pk-navn{font-weight:700;font-size:16px}
.pk-pris{color:var(--blaa);font-weight:700}
.pk-pris span{color:var(--ink-soft);font-weight:400;font-size:13px}
.pk-btn{margin-top:auto;text-align:center;text-decoration:none;font-weight:700;border-radius:8px;padding:11px 14px;background:var(--blaa);color:#fff}
.pk-btn:hover{background:#1f8fdc}
.pk-soon{background:#eef1f5;color:#8a97a4;cursor:default}

/* FOOTER */
.foot{background:var(--mork);color:#c7d0d9;margin-top:20px}
.foot-in{max-width:1280px;margin:0 auto;padding:34px 22px;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between;font-size:14px}
.foot b{color:#fff}
.foot a{color:#c7d0d9;text-decoration:none}.foot a:hover{color:#fff}

/* Forside: kompakte kategori-kort (som live) */
/* [FAMILIE:FORSIDEKORT] MAALT steg 25: to rader paa pc lar seg IKKE gjoere uten aa bryte
   no-scroll-oppsettet (L276: html,body{overflow:hidden} over 1100px). To rader trenger
   609 px rutenett der det er 253 px aa gaa paa, og fordi det er overflow:hidden og ikke
   scroll, ville rad 2 blitt KLIPPET BORT - ikke scrollbar. Derfor staar sju kolonner.
   Hele bildet vises likevel: rammen har faatt bildets egen form (se .fk-img). */
.fk-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:14px}
.fk-card{background:#fff;border:1px solid var(--linje);border-radius:12px;padding:12px 12px 14px;text-decoration:none;color:var(--ink);text-align:center;box-shadow:0 2px 8px rgba(20,32,43,.05);transition:transform .15s,box-shadow .15s}
.fk-card:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(20,32,43,.10)}
/* [FAMILIE:FORSIDEKORT] Steg 25: rammen foelger haandbildenes egen form (1180x729),
   slik at hele bildet vises. Var 4:3, som tvang fram et utsnitt. */
/* aspect-ratio er FLYTTET til .fk-main .fk-img lenger ned - den var tredje eier av samme
   egenskap og vant uansett. Maalt i steg 25: jeg endret to av tre og trodde det virket. */
.fk-img{background:#fff;border-radius:8px;overflow:hidden;margin-bottom:10px;display:flex;align-items:center;justify-content:center}
.fk-img img{width:100%;height:100%;object-fit:cover}
.fk-img.noimg::after{content:"Bilde kommer";color:#9aa7b4;font-size:12px}
.fk-kat{font-weight:700;font-size:16px;line-height:1.2}
.fk-type{color:var(--ink-soft);font-size:12px;letter-spacing:1px;text-transform:uppercase;margin-top:3px}
@media(max-width:1100px){.fk-grid{grid-template-columns:repeat(4,1fr)}}   /* uendret: 4 kolonner ogsaa her */
/* Steg 25: IKKE roert. Mobilforsiden (<=760px) har sitt EGET oppsett lenger ned -
   seks kort i 2 kolonner x 3 rader, med sku 005 skjult - og det er allerede tre rader.
   Denne regelen gjelder bare .fk-grid utenfor mobilforsiden. */
@media(max-width:680px){.fk-grid{grid-template-columns:repeat(2,1fr)}}


/* L266: Forsiden komprimeres etter tilgjengelig skjermhøyde på desktop.
   Målet er å holde hele produktkort-raden synlig uten å endre mobilflyten. */
@media (min-width:1101px) and (max-height:950px){
  .hero-inner{padding-top:34px;padding-bottom:18px}
  .hero h1{font-size:clamp(40px,4.4vw,64px)}
  .hero-sub{font-size:clamp(23px,2.5vw,34px);margin:.12em 0 .42em}
  .hero-txt{max-width:650px;font-size:16px;line-height:1.42}
  .hero-cta{margin:28px 0 4px}
  .btn{padding:10px 18px;font-size:13px}
  .hero-props{margin-top:30px;gap:18px}
  .prop{font-size:14px;gap:9px}
  .prop .pn{font-size:34px}
  .kat{padding:18px 0 26px}
  .fk-grid{gap:11px}
  .fk-card{padding:9px 9px 10px}
  .fk-img{margin-bottom:7px}
  .fk-kat{font-size:14px}
  .fk-type{font-size:10px;margin-top:2px}
}
@media (min-width:1101px) and (max-height:820px){
  .hero-inner{padding-top:22px;padding-bottom:10px}
  .hero h1{font-size:clamp(36px,3.8vw,54px)}
  .hero-sub{font-size:clamp(20px,2.1vw,29px);margin:.08em 0 .3em}
  .hero-txt{max-width:620px;font-size:14px;line-height:1.34}
  .hero-cta{margin:20px 0 2px}
  .btn{padding:8px 15px;font-size:12px}
  .hero-props{margin-top:18px;gap:14px}
  .prop{font-size:12px;gap:7px}
  .prop .pn{font-size:29px}
  .kat{padding:10px 0 18px}
  .fk-grid{gap:9px}
  .fk-card{padding:7px 7px 8px;border-radius:10px}
  .fk-img{margin-bottom:5px}
  .fk-kat{font-size:13px}
  .fk-type{font-size:9px;letter-spacing:.7px}
}
@media (min-width:1101px) and (max-height:700px){
  .hero-inner{padding-top:14px;padding-bottom:6px}
  .hero h1{font-size:42px}
  .hero-sub{font-size:23px}
  .hero-txt{font-size:12px;line-height:1.28;max-width:590px}
  .hero-cta{margin:14px 0 0}
  .btn{padding:7px 13px;font-size:11px}
  
  .prop{font-size:11px}
  .prop .pn{font-size:25px}
  .kat{padding:7px 0 12px}
  .fk-card{padding:6px}
  .fk-kat{font-size:12px}
  .fk-type{font-size:8px}
}

/* L275: roligere video, mer CTA-luft og kompakt footer på én linje */
.foot{margin-top:12px}
.foot-in.foot-line{padding:16px 22px;display:flex;align-items:center;justify-content:center;gap:12px;white-space:nowrap;font-size:14px}
.foot-sep{opacity:.45}
@media(max-width:820px){.foot-in.foot-line{white-space:normal;flex-wrap:wrap;gap:6px 10px;padding:16px 18px}.foot-sep{display:none}}

/* L276: produktkort med tittel over bilde, prislenke under og bestselger-merke. */
.fk-card{position:relative;padding:0;overflow:visible;display:flex;flex-direction:column;background:#fff}
.fk-main{display:flex;flex-direction:column;flex:1;text-decoration:none;color:var(--ink);padding:10px 10px 5px;border-radius:12px 12px 0 0}
.fk-main .fk-kat{order:0;margin:0 0 1px}
.fk-main .fk-type{order:1;margin:0 0 5px}
.fk-main .fk-img{order:2;margin:0}   /* aspect-ratio eies ett sted, se nedenfor */
.fk-prices{display:block;padding:5px 8px 8px;text-align:center;color:var(--blaa);font-size:12px;font-weight:700;text-decoration:none}
.fk-prices:hover{text-decoration:underline}
.fk-best{position:absolute;z-index:3;top:-15px;right:-12px;width:64px;height:64px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;color:#fff;background:#e22b2b;clip-path:polygon(50% 0%,61% 18%,79% 7%,82% 28%,100% 32%,87% 49%,100% 65%,80% 70%,79% 92%,60% 81%,48% 100%,38% 81%,18% 92%,19% 70%,0 64%,13% 49%,0 32%,19% 27%,21% 7%,39% 18%);filter:drop-shadow(0 2px 3px rgba(0,0,0,.35));font-size:16px;line-height:1}
.fk-best b{font-size:8px;line-height:1.05;margin-top:1px;text-transform:uppercase;letter-spacing:.2px}

/* L276: bruk hele desktop-viewporten uten vertikal scrollbar; mer film før footer. */
@media (min-width:1101px){
  html,body{height:100%;height:100svh;overflow:hidden}
  body{display:flex;flex-direction:column}
  #site-header,.foot{flex:0 0 auto}
  .stage{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}
  .hero{flex:1 1 auto;min-height:0}
  .hero-inner{padding-bottom:18px}
  .kat{flex:0 0 auto;padding:12px 0 14px}
  
  .fk-grid{align-items:stretch}
}
@media (min-width:1101px) and (max-height:950px){
  
  .fk-prices{padding:3px 6px 5px;font-size:11px}
  .fk-main .fk-type{margin-bottom:3px}
  .fk-best{width:56px;height:56px;top:-12px;right:-9px}
  .fk-best b{font-size:7px}
}
@media (max-width:1100px){html,body{height:auto;overflow:auto}}

/* L277: bruker levert Bestselger.svg nede ved Priser + finjustert vertikal luft. */


.fk-best{position:absolute;z-index:4;top:auto;right:-10px;bottom:-12px;width:78px;height:auto;display:block;background:none;clip-path:none;filter:drop-shadow(0 2px 3px rgba(0,0,0,.30));pointer-events:none}


@media (max-width:1100px){.fk-best{top:auto;right:-8px;bottom:-10px;transform:scale(.9);transform-origin:bottom right}}


/* L278: luftigere hero-rytme + lesbart Bestselger-merke i naturlig webstørrelse. */
.hero-cta{margin-top:58px}
.hero-props{margin-top:48px}
.fk-best{width:96px;right:-16px;bottom:-15px}
@media (min-width:1101px) and (max-height:950px){
  .hero-cta{margin-top:46px}
  .hero-props{margin-top:31px}
  .fk-best{width:86px;right:-13px;bottom:-13px}
}
@media (min-width:1101px) and (max-height:820px){
  .hero-cta{margin-top:36px}
  .hero-props{margin-top:22px}
  .fk-best{width:80px}
}
@media (min-width:1101px) and (max-height:700px){
  .hero-cta{margin-top:28px}
  .hero-props{margin-top:15px}
  .fk-best{width:74px}
}
@media (max-width:1100px){.fk-best{width:86px;right:-11px;bottom:-12px}}

/* L279 — produktkort vokser til info/pris-modal */
.fk-main,.fk-prices{font:inherit}.fk-main{display:flex;flex-direction:column;align-items:stretch;width:100%;border:0;background:transparent;color:inherit;padding:0;cursor:pointer}.fk-prices{border:0;background:transparent;cursor:pointer}
.fpm{display:none;position:fixed;inset:0;z-index:10050;font-family:"Sora",Arial,sans-serif}.fpm.open{display:block}.fpm-back{position:absolute;inset:0;background:rgba(7,24,38,.72);backdrop-filter:blur(3px)}
.fpm-panel{position:absolute;left:50%;top:50%;display:flex;flex-direction:column;width:min(960px,calc(100vw - 48px));max-height:min(760px,calc(100vh - 48px));transform:translate(-50%,-50%);border:1px solid rgba(209,221,229,.9);border-radius:15px;background:#f6f9fb;color:#183247;box-shadow:0 28px 90px rgba(9,35,53,.34);overflow:hidden;opacity:1}
.fpm-head{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:59px;padding:10px 13px 10px 18px;border-bottom:1px solid #dce4ea;background:#f3f8fb;box-sizing:border-box}.fpm-head>div{display:grid;gap:2px;min-width:0}.fpm-head span{color:#08a9ee;font-size:10px;font-weight:700;letter-spacing:.06em}.fpm-head strong{overflow:hidden;font-size:16px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.fpm-x{flex:0 0 auto;width:34px;height:34px;padding:0;border:1px solid #dce4ea;border-radius:50%;background:#fff;color:#183247;font:400 25px/1 Arial,sans-serif;cursor:pointer}.fpm-x:hover{border-color:#b8ccd8;background:#eef8fc}.fpm-scroll{min-height:0;overflow:auto;overscroll-behavior:contain}
.fpm-content{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:20px;padding:22px 18px 26px}.fpm-left{min-width:0}.fpm-image-card,.fpm-info,.fpm-right{border:1px solid #dce4ea;border-radius:12px;background:#fff}.fpm-image-card{display:grid;place-items:center;padding:12px;overflow:hidden}.fpm-img{display:block;width:100%;height:210px;object-fit:contain}.fpm h2{margin:5px 0 8px;color:#183247;font-size:23px;line-height:1.25}.fpm-art{color:#08a9ee;font-size:10px;font-weight:700;letter-spacing:.06em}.fpm-ingress{margin:0 0 15px;color:#687984;font-size:13px;line-height:1.6}.fpm-spec{list-style:none;padding:0;margin:0;border-top:1px solid #dce4ea}.fpm-spec li{display:flex;justify-content:space-between;gap:20px;padding:8px 2px;border-bottom:1px solid #dce4ea;font-size:12px;line-height:1.45}.fpm-spec span{color:#687984}.fpm-spec b{color:#183247;text-align:right}.fpm-info{padding:19px 20px}.fpm-right{padding:19px 20px;align-self:start;transition:box-shadow .3s}.fpm-right h3{margin:0 0 12px;color:#183247;font-size:18px;line-height:1.3}.fpm-prices table{width:100%;border-collapse:collapse;font-size:12px}.fpm-prices th,.fpm-prices td{padding:8px 4px;border-bottom:1px solid #dce4ea;text-align:left}.fpm-prices th{font-weight:600}.fpm-prices th:last-child,.fpm-prices td:last-child{text-align:right;font-weight:700}.fpm-note{margin:12px 0 16px;color:#687984;font-size:11px;line-height:1.5}.fpm-order{display:flex;align-items:center;justify-content:center;min-height:42px;padding:5px 20px;border-radius:5px;background:#04a9fc;color:#fff!important;text-align:center;text-decoration:none;font:600 13px/1.2 "Sora",Arial,sans-serif;letter-spacing:0;text-transform:uppercase;box-sizing:border-box}.fpm-order:hover{background:#048fd8}.fpm-flash{box-shadow:0 0 0 3px rgba(4,169,252,.22)}.fpm-mobile-foot{display:none}
@media(max-width:760px){.fpm-panel{width:calc(100vw - 20px);max-height:calc(100vh - 20px)}.fpm-head{padding-left:15px}.fpm-content{grid-template-columns:1fr;padding:14px;gap:14px}.fpm h2{font-size:20px}.fpm-info,.fpm-right{padding:16px}}

/* L280 — produktmodal skal ende sentrert i synlig viewport */
.fpm-panel{top:50%;left:50%;transform:translate(-50%,-50%);max-height:calc(100dvh - 40px);overscroll-behavior:contain}
@media(max-width:760px){.fpm-panel{max-height:calc(100dvh - 20px)}}

/* L109: Mobilens produktinformasjon har en fast handlingslinje utenfor scrollen. */
@media(max-width:760px){
  .eventro-home-page .fpm-panel{height:calc(100dvh - 20px)}
  .eventro-home-page .fpm-scroll{flex:1 1 auto;min-height:0;overflow-y:auto}
  .eventro-home-page .fpm-right>.fpm-order{display:none}
  .eventro-home-page .fpm-mobile-foot{display:block;flex:0 0 auto;padding:10px 14px max(10px,env(safe-area-inset-bottom));border-top:1px solid #dce4ea;background:#f3f8fb;box-shadow:0 -5px 16px rgba(18,55,76,.08)}
  .eventro-home-page .fpm-mobile-order{width:100%;min-height:48px;font-size:14px}
}

/* L281 — produktmodal: stort bilde over begge kolonner, kompakt info og bunnjustert pris */
.fpm-content{grid-template-columns:minmax(0,1fr) minmax(270px,320px);grid-template-areas:"image image" "info prices";column-gap:20px;row-gap:20px;align-items:stretch}
.fpm-left{display:contents}
.fpm-image-card{grid-area:image}.fpm-img{height:230px;object-fit:contain}
.fpm-info{grid-area:info;min-width:0;max-width:560px}
.fpm-info h2{margin:0 0 7px}
.fpm-spec li{display:grid;grid-template-columns:minmax(130px,190px) minmax(0,1fr);justify-content:start;gap:18px}
.fpm-spec b{text-align:left}
.fpm-right{grid-area:prices;align-self:end;width:100%;box-sizing:border-box}
@media(max-width:760px){.fpm-content{grid-template-columns:1fr;grid-template-areas:"image" "info" "prices"}.fpm-img{height:180px}.fpm-info{max-width:none}.fpm-right{align-self:stretch}.fpm-spec li{grid-template-columns:minmax(120px,42%) 1fr}}

/* L283: kompaktere forsidekort uten Priser-linje + kortbilder med sikkerhetsmargin. */
.fk-main{padding:15px 10px 7px;border-radius:12px}
.fk-main .fk-kat{margin-bottom:2px}
.fk-main .fk-type{margin-bottom:4px}
/* [FAMILIE:FORSIDEKORT] ENESTE EIER av kortrammens form. Steg 25: 4/3 tvang fram et
   utsnitt av haandbildene; 1180/729 er bildenes egen form, saa HELE bildet vises. */
.fk-main .fk-img{aspect-ratio:1180/729}
.fk-img img{object-fit:contain}
.fk-prices{display:none!important}
.fk-best{bottom:-8px}
@media (min-width:1101px) and (max-height:950px){.fk-main{padding:12px 7px 5px}.fk-best{bottom:-7px}}
@media (min-width:1101px) and (max-height:820px){.fk-main{padding-top:10px}}

/* L284: mer luft over hovedinnholdet på forsiden. Hele hero-innholdsblokken flyttes ned,
   mens interne avstander og produktkort beholdes. */


/* L291: felles innholdssider – ren, SEO-vennlig layout uten gammel WP/WPBakery-kode. */
.info-page{background:#fff;color:var(--ink);min-height:calc(100vh - 100px)}
.info-hero{position:relative;min-height:300px;display:flex;align-items:flex-end;background:#151a26 url('assets/header-bg.jpg') center 48%/cover no-repeat;color:#fff;overflow:hidden}
.info-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,10,16,.34),rgba(5,10,16,.72))}
.info-hero .wrap{position:relative;z-index:1;width:100%;padding-top:130px;padding-bottom:46px}
.info-hero h1{margin:0;font-family:"Sora",Arial,Helvetica,sans-serif;font-size:clamp(42px,5vw,64px);line-height:1;font-weight:600}
.info-hero p{margin:12px 0 0;max-width:700px;color:#e4ebf2;font-size:18px}
.info-content{padding:68px 0 76px;background:#fff}
.info-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:58px;align-items:center;margin-bottom:72px}
.info-row:last-child{margin-bottom:0}
.info-row.reverse .info-media{order:-1}
.info-copy h2{margin:0 0 18px;font-size:clamp(32px,4vw,52px);line-height:1.05;color:#17212b}
.info-copy h2 .blue{color:var(--blaa)}
.info-copy p{margin:0 0 18px;color:#4c5a68;font-size:17px;line-height:1.72}
.info-copy p:last-child{margin-bottom:0}
.info-media{border-radius:18px;overflow:hidden;background:#edf1f5;box-shadow:0 14px 38px rgba(22,34,48,.14);aspect-ratio:3/2}
.info-media img{display:block;width:100%;height:100%;object-fit:cover}
.info-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.info-actions .btn-ghost{color:#263441;border-color:#aeb9c5}
.info-actions .btn-ghost:hover{border-color:#263441}
@media(max-width:760px){.info-hero{min-height:250px}.info-hero .wrap{padding-top:112px;padding-bottom:34px}.info-content{padding:42px 0 54px}.info-row{grid-template-columns:1fr;gap:26px;margin-bottom:50px}.info-row.reverse .info-media{order:0}.info-copy p{font-size:16px}.info-media{border-radius:14px}}

/* L293 — Om oss: tett visuell rekonstruksjon av original eventro.no. */
.info-page{background:#f2f9fc}
.info-page .info-hero{min-height:330px;align-items:center;background-position:center 48%}

.info-page .info-hero .wrap{padding-top:92px;padding-bottom:18px;text-align:center}
.info-page .info-hero h1{font-family:"Sora",Arial,Helvetica,sans-serif;font-size:clamp(46px,4.4vw,64px);font-weight:600}
.info-page .info-content{padding:34px 0 0;background:#f2f9fc}
.info-page .info-content>.wrap{max-width:1360px;padding:0 28px}
.info-page .info-row{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:64px;min-height:430px;margin:0 0 36px;align-items:center}
.info-page .info-row.reverse{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
.info-page .info-row.reverse .info-media{order:-1}
.info-page .info-copy{padding:20px 0}
/* MAALT steg 21: denne blokka hadde to eiere - L303-blokka lenger ned i samme fil setter
   font-size, color og line-height paa NOEYAKTIG samme selektor, og polish setter color og
   letter-spacing etter det igjen. Alt utenom margin var derfor doedt her. Beholder margin,
   som ingen andre setter, og fjerner resten: én eier per egenskap. */
.info-page .info-copy h2{margin:0 0 22px}
.info-page .info-copy p{font-size:16px;line-height:1.52;color:#171717;margin:0 0 22px}
.info-page .info-media{aspect-ratio:1.48/1;border-radius:9px;box-shadow:none;background:#fff}
.info-page .info-media img{object-fit:cover}
.info-page .info-actions{display:none}
.info-page .about-footer{margin-top:10px;background:#063451;color:#fff}
.info-page .about-footer-inner{max-width:1360px;margin:auto;padding:46px 28px 52px;display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:80px;align-items:start}
.info-page .about-footer-logo img{width:250px;max-width:100%;height:auto;display:block;filter:none}

.info-page .about-footer p,.info-page .about-footer a{font-size:15px;line-height:1.65;color:#fff;text-decoration:none;margin:0}
.info-page .about-footer a:hover{text-decoration:underline}
.info-page .about-footer-links{display:flex;flex-direction:column;gap:2px}
@media(max-width:760px){.info-page .info-hero{min-height:250px}.info-page .info-content>.wrap{padding:0 20px}.info-page .info-row,.info-page .info-row.reverse{grid-template-columns:1fr;gap:22px;min-height:0;margin-bottom:54px}.info-page .info-row.reverse .info-media{order:0}.info-page .info-copy h2{font-size:38px}.info-page .info-media{aspect-ratio:3/2}.info-page .about-footer-inner{grid-template-columns:1fr;gap:30px;padding:36px 22px}}

/* L294 — infosider skal alltid kunne rulle; forsiden alene bruker viewport-lås. */
@media (min-width:1101px){
  html:has(body.info-page),
  html:has(body.info-page) body.info-page{
    height:auto;
    min-height:100%;
    overflow-x:hidden;
    overflow-y:auto;
  }
  body.info-page{display:block;}
}

/* L297: info-hero uses the header image without the legacy dark overlay. */
.info-page .info-hero::after{
  background:transparent;
}

/* L303 — Eventro designstandard: infoside + footer. Kun visuell CSS. */
.info-page,
.info-page .info-content{
  background:#F6FCFF;
  color:#232323;
  font-family:"Sora",Arial,Helvetica,sans-serif;
}
.info-page .info-copy h2{
  color:#242424;
  font-family:"Sora",Arial,Helvetica,sans-serif;
  font-size:clamp(42px,4vw,64px);
  font-weight:600;
  line-height:1.08;
  letter-spacing:normal;
}
.info-page .info-copy p{
  color:#232323;
  font-family:"Sora",Arial,Helvetica,sans-serif;
  font-size:16px;
  font-weight:400;
  line-height:1.6;
}
.info-page .about-footer{
  background:#012541;
  color:#fff;
}
.info-page .about-footer h3{
  margin:0 0 20px;
  color:#fff;
  font-family:"Sora",Arial,Helvetica,sans-serif;
  font-size:22px;
  font-weight:600;
  line-height:1.4;
}
.info-page .about-footer p,
.info-page .about-footer a{
  color:#fff;
  font-family:"Sora",Arial,Helvetica,sans-serif;
  font-size:16px;
  font-weight:400;
  line-height:1.6;
}

/* L305 — Forside: Eventro designstandard på produktkort og kompakt footer.
   Kun visuell harmonisering; hero-/kortgeometri og funksjonell oppførsel beholdes. */
body:not(.info-page) .fk-card{
  color:#232323;
  border-color:rgba(0,0,0,.075);
  box-shadow:0 2px 8px rgba(20,32,43,.05);
  font-family:"Sora",Arial,Helvetica,sans-serif;
}
body:not(.info-page) .fk-kat{
  color:#333333;
  font-family:"Sora",Arial,Helvetica,sans-serif;
  font-weight:600;
  letter-spacing:normal;
}
body:not(.info-page) .fk-type{
  color:#767676;
  font-family:"Sora",Arial,Helvetica,sans-serif;
  font-weight:400;
}
body:not(.info-page) .foot{
  background:#012541;
  color:#fff;
  font-family:"Sora",Arial,Helvetica,sans-serif;
}
body:not(.info-page) .foot-in.foot-line{
  color:#fff;
  font-family:"Sora",Arial,Helvetica,sans-serif;
  font-weight:400;
}
body:not(.info-page) .foot b,
body:not(.info-page) .foot a{
  color:#fff;
}
body:not(.info-page) .foot-sep{
  color:#fff;
  opacity:.45;
}

/* L334/L335 — Kontakt oss: tett rekonstruksjon av gammel Eventro-side. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.contact-page .contact-content{padding:98px 0 80px;background:#F6FCFF}
.contact-page .contact-layout{max-width:1220px;padding:0 22px;display:grid;grid-template-columns:minmax(0,1fr) minmax(480px,1fr);gap:94px;align-items:start}
.contact-page .contact-copy{padding:20px 0 0;color:#232323;font-size:16px;line-height:1.6}
.contact-page .contact-copy h2{max-width:510px;margin:0 0 22px;color:#232323;font-size:22px;font-weight:600;line-height:1.45;letter-spacing:normal}
.contact-page .contact-copy p{max-width:560px;margin:0 0 22px;color:#232323;font-size:16px;line-height:1.6}
.contact-page .contact-copy a{color:#04A9FC;text-decoration:none}.contact-page .contact-copy a:hover{text-decoration:underline}
.contact-page .contact-copy .contact-company{margin-top:18px}
.contact-page .contact-form-card{padding:62px 32px 52px;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;box-shadow:0 2px 9px rgba(0,0,0,.15)}
.contact-page .contact-form{display:grid;gap:22px}
.contact-page .contact-form>label:not(.contact-consent){display:grid;gap:9px;color:#232323;font-size:15px;font-weight:600}
.contact-page .contact-form label b,.contact-page .contact-privacy b{color:#e04444}
.contact-page .contact-form input[type="text"],.contact-page .contact-form input[type="email"],.contact-page .contact-form textarea{width:100%;border:1px solid rgba(0,0,0,.28);border-radius:0;background:#fff;color:#232323;font:400 16px/1.5 "Sora",Arial,Helvetica,sans-serif;outline:none}
.contact-page .contact-form input[type="text"],.contact-page .contact-form input[type="email"]{height:40px;padding:7px 10px}
.contact-page .contact-form textarea{min-height:198px;padding:10px;resize:vertical}
.contact-page .contact-form input:focus,.contact-page .contact-form textarea:focus{border-color:#04A9FC;box-shadow:0 0 0 1px #04A9FC}
.contact-page .contact-privacy{margin:1px 0 -3px;color:#232323;font-size:14px;line-height:1.25}
.contact-page .contact-consent{display:flex;align-items:flex-start;gap:10px;color:#232323;font-size:14px;font-weight:400;line-height:1.45;cursor:pointer}
.contact-page .contact-consent input{width:17px;height:17px;flex:0 0 17px;margin:2px 0 0;accent-color:#04A9FC}
.contact-page .contact-submit{min-height:38px;justify-self:start;padding:5px 14px;border:1px solid #04A9FC;border-radius:4px;background:#04A9FC;color:#fff;font:600 14px/1 "Sora",Arial,Helvetica,sans-serif;text-transform:none;cursor:default}
.contact-page .about-footer{margin-top:0}
.contact-page .about-footer-inner{grid-template-columns:1.05fr 1fr 1fr;gap:100px;padding-top:60px;padding-bottom:62px}
.contact-page .about-footer-logo img{width:270px}
.contact-page .footer-support{max-width:380px;margin:22px 0!important}
@media(max-width:900px){.contact-page .contact-content{padding-top:58px}.contact-page .contact-layout{grid-template-columns:1fr;gap:38px}.contact-page .contact-copy{padding-top:0}.contact-page .contact-form-card{max-width:650px;width:100%}.contact-page .about-footer-inner{gap:34px}}
@media(max-width:600px){.contact-page .contact-content{padding:42px 0 56px}.contact-page .contact-layout{padding:0 20px;gap:30px}.contact-page .contact-form-card{padding:36px 20px 38px}.contact-page .contact-submit{min-width:74px}}

/* L338 — FAQ: felles infosideskall med sticky kategorier og native accordion. */
.faq-page{scroll-behavior:smooth}
.faq-page .faq-content{padding:70px 0 82px;background:#F6FCFF}
.faq-page .faq-layout{max-width:1460px;padding:0 28px;display:grid;grid-template-columns:190px minmax(0,1fr);gap:58px;align-items:start}
.faq-page .faq-nav{position:sticky;top:88px;display:grid;gap:10px;padding-top:34px}
.faq-page .faq-nav a{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:5px 16px;border:1px solid #04A9FC;border-radius:5px;background:#04A9FC;color:#fff;font-size:13px;font-weight:600;text-decoration:none;text-transform:uppercase}
.faq-page .faq-nav a:hover{background:#048fd8;border-color:#048fd8}
.faq-page .faq-nav span{font-size:16px;line-height:1}
.faq-page .faq-main{min-width:0;max-width:1050px}
.faq-page .faq-intro{margin-bottom:66px}
.faq-page .faq-intro h2,.faq-page .faq-section>h2{margin:0 0 18px;color:#242424;font-size:clamp(42px,4vw,64px);font-weight:600;line-height:1.08}
.faq-page .faq-intro h2 span,.faq-page .faq-section>h2 span{color:#04A9FC}
.faq-page .faq-intro p{max-width:820px;margin:0;color:#232323;font-size:16px;line-height:1.6}
.faq-page .faq-section{scroll-margin-top:86px;margin-bottom:72px}
.faq-page .faq-list{border-top:1px solid rgba(0,0,0,.10)}
.faq-page .faq-list details{border-bottom:1px solid rgba(0,0,0,.10)}
.faq-page .faq-list summary{position:relative;padding:18px 48px 18px 2px;color:#232323;font-size:16px;font-weight:600;line-height:1.45;cursor:pointer;list-style:none}
.faq-page .faq-list summary::-webkit-details-marker{display:none}
.faq-page .faq-list summary::after{content:"+";position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#04A9FC;font-size:25px;font-weight:400;line-height:1}
.faq-page .faq-list details[open] summary::after{content:"−"}
.faq-page .faq-list details[open] summary{color:#048fd8}
.faq-page .faq-list details>div{padding:0 48px 20px 2px}
.faq-page .faq-list p{margin:0;color:#4c5965;font-size:15px;line-height:1.7}
.faq-page .faq-list a{color:#04A9FC}
.faq-page .faq-contact{margin-top:-24px}
@media(max-width:900px){.faq-page .faq-layout{grid-template-columns:1fr;gap:38px}.faq-page .faq-nav{position:static;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding-top:0}.faq-page .faq-nav a{padding:5px 9px;font-size:11px}.faq-page .faq-nav span{display:none}.faq-page .faq-intro{margin-bottom:52px}}
@media(max-width:650px){.faq-page .faq-content{padding:42px 0 58px}.faq-page .faq-layout{padding:0 20px}.faq-page .faq-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.faq-page .faq-intro h2,.faq-page .faq-section>h2{font-size:38px}.faq-page .faq-section{margin-bottom:54px}.faq-page .faq-list summary{padding-right:38px;font-size:15px}.faq-page .faq-list details>div{padding-right:20px}}

/* L306 — Forside: mer topp-luft under stor logo og footer under første skjermbilde.
   Kun layout/visuell spacing; ingen funksjonslogikk. */
@media (min-width:1101px){
  html,body{
    height:auto;
    min-height:100%;
    overflow-x:hidden;
    overflow-y:auto;
  }
  body{min-height:100svh}
  .stage{
    flex:0 0 auto;
    min-height:calc(100svh + 72px);
  }
  
  .kat{padding-bottom:54px}
  .foot{margin-top:0}
}


/* L307 — Forside: finjustert vertikal komposisjon etter visuell test.
   Hero-teksten flyttes lenger ned under logoen, mens produktkortrekken løftes
   visuelt inn i ubrukt mellomrom. Ingen funksjonslogikk eller kortgeometri endres. */
@media (min-width:1101px){
  
  .kat{transform:translateY(-72px)}
}
@media (min-width:1101px) and (max-height:950px){
  
  .kat{transform:translateY(-62px)}
}
@media (min-width:1101px) and (max-height:820px){
  
  .kat{transform:translateY(-50px)}
}
@media (min-width:1101px) and (max-height:700px){
  
  .kat{transform:translateY(-38px)}
}

/* L308 — Forside: balansert venstrekant og tettere vertikal komposisjon.
   Kun visuell startlayout: logoen flyttes visuelt inn mot innholdslinjen og
   hero-blokken senkes, mens produktkortrekken beholder L307-posisjonen. */
@media (min-width:1101px){
  body:not(.info-page) .sh-logo{transform:none}
  .hero-inner{padding-top:214px}
}
@media (min-width:1101px) and (max-height:950px){
  .hero-inner{padding-top:186px}
}
@media (min-width:1101px) and (max-height:820px){
  .hero-inner{padding-top:164px}
}
@media (min-width:1101px) and (max-height:700px){
  .hero-inner{padding-top:144px}
}

/* L309 — Forside: compact desktop/tablet reflow ved smalere vindu.
   Kun responsive CSS. Desktop >=1101px og L299-headerens scrolllogikk er urørt. */
@media (min-width:821px) and (max-width:1100px){
  /* Header: behold desktopmeny, men gi den mindre logo og tettere rytme. */
  body:not(.info-page) .sh-in{
    height:92px!important;
    padding:0 18px!important;
    gap:8px!important;
  }
  body:not(.info-page) .sh-logo{
    transform:none!important;
    flex:0 0 auto!important;
  }
  body:not(.info-page) .sh-logo-img{
    width:205px!important;
    height:90px!important;
  }
  body:not(.info-page) .sh-nav{
    gap:18px!important;
    align-content:center!important;
    justify-content:center!important;
    flex-wrap:wrap!important;
    line-height:1.1!important;
  }
  body:not(.info-page) .sh-nav a{
    font-size:13px!important;
    letter-spacing:.2px!important;
  }
  body:not(.info-page) .sh-icons{
    gap:12px!important;
    margin-left:4px!important;
  }

  /* Hero: reflow i stedet for å presse desktop-komposisjonen sammen. */
  body:not(.info-page) .stage{
    min-height:0;
    overflow:hidden;
  }
  body:not(.info-page) .hero{
    min-height:0;
    overflow:visible;
  }
  body:not(.info-page) .hero-inner{
    max-width:none;
    padding:245px 18px 34px;
  }
  body:not(.info-page) .hero h1{
    max-width:720px;
    font-size:38px;
    line-height:1.05;
  }
  body:not(.info-page) .hero-sub{
    max-width:680px;
    font-size:29px;
    line-height:1.15;
    margin:.12em 0 .55em;
  }
  body:not(.info-page) .hero-txt{
    max-width:520px;
    font-size:16px;
    line-height:1.58;
  }
  body:not(.info-page) .hero-cta{
    margin:30px 0 0;
    gap:12px;
  }
  body:not(.info-page) .hero-props{
    grid-template-columns:repeat(2,minmax(0,1fr));
    max-width:760px;
    gap:54px 70px;
    margin-top:68px;
  }
  body:not(.info-page) .prop{
    font-size:16px;
    gap:16px;
  }
  body:not(.info-page) .prop .pn{
    font-size:48px;
  }

  /* Produktkort: behold kompakt 4-kolonne-grid, men start etter 2x2-fordelene. */
  body:not(.info-page) .kat{
    transform:none;
    padding:58px 18px 54px;
  }
  body:not(.info-page) .kat .wrap{
    padding:0;
  }
  body:not(.info-page) .fk-grid{
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:14px;
  }
  body:not(.info-page) .fk-kat{font-size:14px}
  body:not(.info-page) .fk-type{font-size:10px}
}

/* Under 820px tar den eksisterende 2-kolonne-fordelen over; unngå desktop-L308-offset. */
@media (max-width:820px){
  body:not(.info-page) .sh-logo{transform:none!important}
  body:not(.info-page) .hero-inner{padding-top:118px}
  body:not(.info-page) .kat{transform:none}
}

/* L104: Kun mobilforsiden. Kort intro, seks synlige produktkort i 3 + 3 og
   den opprinnelige detaljteksten etter produktkortene. Desktop er uendret. */
.fk-type-mobile{display:none}
@media (max-width:760px){
  .eventro-home-page .hero{height:215px;min-height:215px;overflow:visible}
  .eventro-home-page .hero-inner{padding:104px 14px 15px!important;text-align:center}
  .eventro-home-page .hero h1{font-size:clamp(29px,9.4vw,39px);line-height:1.02}
  .eventro-home-page .hero h1 .blue{display:block}
  .eventro-home-page .hero-sub{
    margin:7px auto 0;max-width:100%;font-size:clamp(13px,4.15vw,18px);
    line-height:1.15;white-space:nowrap
  }
  .eventro-home-page .kat{
    height:calc(100svh - 215px);min-height:0;padding:8px 12px 18px!important;
    box-sizing:border-box
  }
  .eventro-home-page .kat .wrap{height:100%;padding:0}
  .eventro-home-page .fk-grid{
    width:calc(100% - 24px);height:100%;margin:0 auto;grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:repeat(3,minmax(0,1fr));column-gap:16px;row-gap:12px
  }
  .eventro-home-page .fk-card[data-sku="005"]{display:none}
  .eventro-home-page .fk-card{align-self:center;height:calc(100% - 12px)}
  .eventro-home-page .fk-main{display:grid;grid-template-rows:26px 22px minmax(0,1fr);height:100%;min-height:0;padding:5px 4px 3px;overflow:hidden}
  .eventro-home-page .fk-main .fk-kat{display:flex;align-items:center;justify-content:center;min-height:0;margin:0;font-size:14px;line-height:1.05}
  .eventro-home-page .fk-main .fk-type{display:flex;align-items:center;justify-content:center;min-height:0;margin:0;font-size:11px;line-height:1.05;letter-spacing:.15px}
  .eventro-home-page .fk-main .fk-img{width:100%;height:100%;min-height:0;margin:0;aspect-ratio:auto;overflow:hidden}
  /* Steg 25: scale(1.2) zoomet bildet og klippet sidene av det. Naar hele haandbildet
     skal vises, kan det ikke forstoerres ut av rammen sin. */
  .eventro-home-page .fk-main .fk-img img{width:100%;height:100%;object-fit:contain}
  .eventro-home-page .fk-best{width:68px;right:-9px;bottom:-9px}
  .eventro-home-page .fk-type-desktop{display:none}
  .eventro-home-page .fk-type-mobile{display:inline}
  .eventro-home-page .hero-details.mobile-below-products{
    position:relative;z-index:2;padding:15px 18px 40px;color:#fff;text-align:left
  }
  .eventro-home-page .hero-details.mobile-below-products .hero-txt{margin:0;max-width:none;font-size:15px;line-height:1.58}
  .eventro-home-page .hero-details.mobile-below-products .hero-cta{margin:25px 0 0}
  .eventro-home-page .hero-details.mobile-below-products .hero-props{grid-template-columns:1fr 1fr;gap:22px 14px;margin-top:34px}
  .eventro-home-page .hero-details.mobile-below-products .prop{gap:8px;font-size:12px}
  .eventro-home-page .hero-details.mobile-below-products .prop .pn{font-size:28px}
}

/* L339 — Priskalkulator: visuell produktvelger, flerproduktberegning og pristabeller. */
.calculator-page .calculator-content{padding:68px 0 84px;background:#F6FCFF;color:#232323}
.calculator-page .calculator-content>.wrap{max-width:1420px;padding:0 28px}
.calculator-intro{max-width:800px;margin:0 0 42px}
.calculator-intro h2{margin:0 0 15px;font-size:clamp(38px,4vw,58px);line-height:1.1;font-weight:600}.calculator-intro h2 span{color:#04A9FC}
.calculator-intro p{margin:0;font-size:16px;line-height:1.65;color:#4c5965}
.customer-price-profile{margin:0 0 18px;padding:14px 17px;border:1px solid #9ed7f2;border-radius:10px;background:#eaf8ff;color:#173e54;font-size:14px;line-height:1.55}.customer-price-profile strong{color:#048fd8}.customer-price-profile[hidden]{display:none}
.calculator-layout{display:grid;grid-template-columns:minmax(0,1fr) 385px;gap:34px;align-items:start}
.calculator-lines{display:grid;gap:22px}.calculator-line{padding:25px;border:1px solid #dce8ef;border-radius:14px;background:#fff;box-shadow:0 3px 15px rgba(18,55,76,.08)}
.calculator-line-top{display:flex;align-items:center;gap:11px;margin-bottom:18px}.calculator-line-top h3{margin:0;font-size:18px}.calculator-step{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#04A9FC;color:#fff;font-weight:700}.calculator-remove{margin-left:auto;border:0;background:none;color:#8c4650;font:600 13px "Sora",sans-serif;cursor:pointer}
.calc-picker{position:relative}.calc-picker-current{width:100%;min-height:105px;padding:9px 18px 9px 10px;display:flex;align-items:center;gap:18px;border:1px solid #cddbe3;border-radius:10px;background:#fafdff;text-align:left;font:inherit;cursor:pointer}.calc-picker-current:hover{border-color:#04A9FC}.calc-picker-current img{width:145px;height:86px;object-fit:contain;border-radius:7px;background:#fff}.calc-picker-current span{display:grid;gap:3px}.calc-picker-current small,.calc-picker-current em{color:#6c7880;font-size:12px;font-style:normal}.calc-picker-current b{font-size:18px}.calc-picker-current i{margin-left:auto;color:#04A9FC;font-size:28px;font-style:normal}
.calc-picker-menu{position:absolute;z-index:20;left:0;right:0;top:calc(100% + 8px);padding:18px;border:1px solid #cbdbe5;border-radius:12px;background:#fff;box-shadow:0 16px 40px rgba(8,45,67,.18)}.calc-picker-menu[hidden]{display:none}.calc-picker-menu>p{margin:0 0 12px;font-size:14px;font-weight:700}.calc-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.calc-product-card{min-width:0;padding:7px;border:2px solid transparent;border-radius:9px;background:#f4f8fa;font:inherit;text-align:left;cursor:pointer}.calc-product-card:hover,.calc-product-card.selected{border-color:#04A9FC;background:#eef9ff}.calc-product-card:disabled{opacity:.34;cursor:not-allowed}.calc-product-card img{display:block;width:100%;height:68px;object-fit:contain;border-radius:5px;background:#fff}.calc-product-card span{display:grid;gap:2px;padding:7px 3px 2px}.calc-product-card b{overflow:hidden;font-size:11px;white-space:nowrap;text-overflow:ellipsis}.calc-product-card small{color:#75818a;font-size:10px}
.calculator-fields{display:grid;grid-template-columns:1.35fr 1fr .72fr;gap:16px;margin-top:20px}.calculator-fields>label{display:grid;gap:8px}.calculator-fields>label>span{font-size:13px;font-weight:600}.calculator-fields select,.calc-quantity input[type=number]{height:44px;padding:0 12px;border:1px solid #cbd7de;border-radius:6px;background:#fff;color:#232323;font:400 14px "Sora",sans-serif}.calc-quantity{display:grid;grid-template-columns:minmax(90px,1fr) 82px 24px;gap:9px;align-items:center}.calc-quantity input[type=range]{width:100%;accent-color:#04A9FC}.calc-quantity input[type=number]{width:82px;padding-right:4px}.calc-quantity em{font-size:12px;font-style:normal;color:#68747c}
.calculator-line-result{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:21px;padding:15px 17px;border-radius:9px;background:#f3f9fc}.calculator-line-result>div{display:grid;gap:4px}.calculator-line-result small{font-size:11px;color:#68747c}.calculator-line-result b{font-size:14px}.calculator-line-result .blue{color:#049be9}.calc-next{margin-top:12px;color:#39738f;font-size:12px;font-weight:500}.calc-table-toggle{margin-top:14px;padding:0;border:0;background:none;color:#048fd8;font:600 13px "Sora",sans-serif;cursor:pointer}.calc-price-table{margin-top:15px;padding:15px;border:1px solid #d9e8ef;border-radius:9px}.calc-price-table-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:11px}.calc-price-table-head small{color:#68747c}.calc-tier-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.calc-tier{display:grid;gap:4px;padding:9px 5px;border-radius:6px;background:#f4f7f8;text-align:center}.calc-tier span{font-size:9px;color:#68747c}.calc-tier b{font-size:11px}.calc-tier.active{background:#04A9FC;color:#fff}.calc-tier.active span{color:#fff}
.calculator-add{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:54px;margin-top:18px;border:2px dashed #8fd8f8;border-radius:11px;background:#eefaff;color:#047db9;font:600 14px "Sora",sans-serif;cursor:pointer}.calculator-add:hover{background:#e1f6ff;border-color:#04A9FC}.calculator-add span{font-size:23px;font-weight:400}
.calculator-summary{position:sticky;top:82px;padding:25px;border-radius:14px;background:#063451;color:#fff;box-shadow:0 8px 26px rgba(6,52,81,.18)}.calculator-summary-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.18)}.calculator-summary-head span{font-size:19px;font-weight:700}.calculator-summary-head strong{color:#89dcff;font-size:12px}.calculator-summary-lines{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.18)}.calculator-summary-lines>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;font-size:12px}.calculator-summary-lines span{display:flex;align-items:center;gap:7px}.calculator-summary-lines i{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#04A9FC;font-size:10px;font-style:normal;font-weight:700}.calculator-summary-lines small{color:#acd0e0}.calculator-summary-lines b{white-space:nowrap}.calculator-totals{display:grid;gap:10px;padding:18px 0}.calculator-totals>div{display:flex;justify-content:space-between;gap:16px;font-size:12px}.calculator-totals .discount b{color:#75ddad}.calculator-totals .grand{align-items:end;margin-top:5px;padding-top:16px;border-top:1px solid rgba(255,255,255,.18);font-size:15px}.calculator-totals .grand b{color:#89dcff;font-size:22px}.calculator-delivery{margin:0 0 18px;padding:12px;border-radius:7px;background:rgba(255,255,255,.09);font-size:11px;line-height:1.5}.calculator-order{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:6px;background:#04A9FC;color:#fff;font-size:14px;font-weight:700;text-decoration:none}.calculator-order:hover{background:#0696df}.calculator-note{margin:12px 0 0;color:#a8c5d4;font-size:10px;text-align:center}
.calculator-page .about-footer{margin-top:0}
@media(max-width:1050px){.calculator-layout{grid-template-columns:1fr}.calculator-summary{position:static}.calc-product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.calculator-page .calculator-content{padding:44px 0 60px}.calculator-page .calculator-content>.wrap{padding:0 18px}.calculator-intro{margin-bottom:30px}.calculator-line{padding:17px}.calc-picker-current{min-height:88px;padding:7px 11px;gap:11px}.calc-picker-current img{width:105px;height:70px}.calc-picker-current b{font-size:15px}.calc-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calculator-fields{grid-template-columns:1fr}.calculator-line-result{grid-template-columns:1fr}.calc-tier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.calc-price-table-head{display:grid}.calculator-summary{padding:21px}.calculator-line-top h3{font-size:15px}}

/* L340 — løpende antallsvisning og forklaring av «antall design». */
.calc-field-title{position:relative;display:flex;align-items:center;justify-content:space-between;gap:8px}
.calc-help-button{display:grid;place-items:center;width:21px;height:21px;padding:0;border:1.5px solid #04A9FC;border-radius:50%;background:#fff;color:#048fd8;font:700 12px/1 "Sora",sans-serif;cursor:pointer}.calc-help-button:hover{background:#04A9FC;color:#fff}
.calculator-help-dialog{width:min(520px,calc(100% - 32px));padding:0;border:0;border-radius:14px;color:#232323;box-shadow:0 18px 60px rgba(0,0,0,.28)}.calculator-help-dialog::backdrop{background:rgba(5,18,28,.66);backdrop-filter:blur(2px)}.calculator-help-dialog form{position:relative;padding:34px 36px 30px}.calculator-help-close{position:absolute;top:12px;right:14px;width:32px;height:32px;padding:0;border:0;background:none;color:#68747c;font:400 28px/1 Arial,sans-serif;cursor:pointer}.calculator-help-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:16px;border-radius:50%;background:#e8f8ff;color:#049be9;font-size:22px;font-weight:700}.calculator-help-dialog h2{margin:0 0 16px;font-size:23px;line-height:1.25}.calculator-help-dialog p{margin:0 0 14px;color:#4c5965;font-size:14px;line-height:1.65}.calculator-help-ok{min-width:82px;min-height:40px;margin-top:5px;border:0;border-radius:5px;background:#04A9FC;color:#fff;font:700 14px "Sora",sans-serif;cursor:pointer}.calculator-help-ok:hover{background:#048fd8}
@media(max-width:600px){.calculator-help-dialog form{padding:30px 22px 24px}.calculator-help-dialog h2{font-size:20px}}

/* L341 — progressiv antallsskala, opptil 20 design og prisinformasjon. */
.calculator-fees{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:-10px 0 34px;padding:18px 22px;border:1px solid #cfe9f5;border-radius:12px;background:#eaf8ff}.calculator-fees>div{display:flex;align-items:center;gap:13px;min-width:230px}.calculator-fees-mark{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#04A9FC;color:#fff;font-weight:700}.calculator-fees h3{margin:0 0 3px;font-size:15px}.calculator-fees p{margin:0;color:#58707d;font-size:11px}.calculator-fees dl{display:grid;grid-template-columns:repeat(4,minmax(110px,1fr));gap:12px;margin:0}.calculator-fees dl>div{padding-left:13px;border-left:1px solid #bddce9}.calculator-fees dt{color:#047db9;font-size:14px;font-weight:700}.calculator-fees dd{margin:3px 0 0;color:#58707d;font-size:10px;line-height:1.35}.calculator-line-result.no-discount{grid-template-columns:repeat(2,1fr)}
@media(max-width:1050px){.calculator-fees{align-items:flex-start;flex-direction:column}.calculator-fees dl{width:100%}}
@media(max-width:700px){.calculator-fees{padding:17px}.calculator-fees dl{grid-template-columns:repeat(2,1fr);gap:14px 8px}.calculator-line-result.no-discount{grid-template-columns:1fr}}

/* L342 — spesifisert trykkberegning i tilbudsboksen. */
.calculator-print-details{display:grid!important;gap:8px;margin:-3px 0 5px;padding:10px 0 12px 12px;border-left:2px solid rgba(137,220,255,.42)}.calculator-print-details[hidden]{display:none!important}.calculator-print-details>div{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;color:#c6deea}.calculator-print-details span{display:grid;gap:2px}.calculator-print-details b{font-size:10px}.calculator-print-details small{color:#91b5c7;font-size:9px}.calculator-print-details em{color:#fff;font-size:10px;font-style:normal;font-weight:600;white-space:nowrap}.calculator-totals .total-ex{margin-top:10px;padding-top:17px;border-top:1px solid rgba(255,255,255,.18)}

/* L344 — skilt infoikon, intro på én linje og sikker skjuling av null-rabatt. */
.calculator-intro{max-width:none}.calculator-fees-mark{background:transparent;border:2px solid #04A9FC;color:#048fd8}
.calculator-line-result>[data-output-wrap="discount"][hidden]{display:none!important}
#calculator-discount-row[hidden]{display:none!important}

/* L346 — Leveringstid: introduksjon, tidsfristkalender og fristens alvorlighetsgrad. */
.delivery-page .delivery-content{padding:70px 0 88px;background:#F6FCFF;color:#232323}.delivery-page .delivery-wrap{max-width:1180px;padding:0 28px}.delivery-intro{max-width:1000px;margin:0 auto 48px}.delivery-intro h2{margin:0 0 25px;font-size:clamp(40px,4.4vw,62px);font-weight:600;line-height:1.08}.delivery-intro h2 span{color:#04A9FC}.delivery-intro p{max-width:960px;margin:0 0 18px;color:#34434d;font-size:16px;line-height:1.75}.delivery-calculator{max-width:1000px;margin:0 auto;padding:30px 34px 35px;border:1px solid #d7e6ed;border-radius:15px;background:#fff;box-shadow:0 5px 21px rgba(18,55,76,.09)}.delivery-calculator-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:27px;padding-bottom:22px;border-bottom:1px solid #e0eaf0}.delivery-step{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#04A9FC;color:#fff;font-size:14px;font-weight:700}.delivery-calculator-head h2{margin:1px 0 5px;font-size:22px;line-height:1.25}.delivery-calculator-head p{margin:0;color:#667984;font-size:13px}.delivery-date-field{display:grid;gap:10px;max-width:430px;margin-bottom:30px}.delivery-date-field>span,.delivery-importance legend{font-size:14px;font-weight:600}.delivery-date-input{display:flex;align-items:center;height:54px;border:1px solid #c6d6de;border-radius:8px;background:#fafdff;overflow:hidden}.delivery-date-input>span{display:grid;place-items:center;width:48px;height:100%;border-right:1px solid #dbe6eb;color:#04A9FC;font-size:19px}.delivery-date-input input{flex:1;height:100%;padding:0 15px;border:0;background:transparent;color:#232323;font:500 15px "Sora",sans-serif;outline:none}.delivery-date-input:focus-within{border-color:#04A9FC;box-shadow:0 0 0 2px rgba(4,169,252,.12)}.delivery-importance{margin:0;padding:0;border:0}.delivery-importance legend{margin-bottom:12px}.delivery-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.delivery-choice{display:block;cursor:pointer}.delivery-choice>input{position:absolute;opacity:0;pointer-events:none}.delivery-choice-body{display:flex;align-items:flex-start;gap:13px;min-height:118px;padding:20px;border:2px solid #dce7ec;border-radius:11px;background:#fbfdfe;transition:border-color .16s,background .16s,box-shadow .16s}.delivery-choice-body>i{position:relative;flex:0 0 20px;width:20px;height:20px;margin-top:1px;border:2px solid #9aabb4;border-radius:50%}.delivery-choice-body>span{display:grid;gap:7px}.delivery-choice-body b{font-size:15px}.delivery-choice-body small{color:#60717b;font-size:12px;line-height:1.55}.delivery-choice>input:checked+.delivery-choice-body{border-color:#04A9FC;background:#edf9ff;box-shadow:0 0 0 2px rgba(4,169,252,.08)}.delivery-choice>input:checked+.delivery-choice-body>i{border-color:#04A9FC}.delivery-choice>input:checked+.delivery-choice-body>i::after{content:"";position:absolute;inset:3px;border-radius:50%;background:#04A9FC}.delivery-choice-critical>input:checked+.delivery-choice-body{border-color:#e48b61;background:#fff6f0;box-shadow:0 0 0 2px rgba(228,139,97,.09)}.delivery-choice-critical>input:checked+.delivery-choice-body>i{border-color:#dc7140}.delivery-choice-critical>input:checked+.delivery-choice-body>i::after{background:#dc7140}.delivery-page .about-footer{margin-top:0}
@media(max-width:700px){.delivery-page .delivery-content{padding:44px 0 62px}.delivery-page .delivery-wrap{padding:0 18px}.delivery-intro{margin-bottom:32px}.delivery-intro h2{font-size:38px}.delivery-intro p{font-size:15px;line-height:1.65}.delivery-calculator{padding:23px 18px 26px}.delivery-choice-grid{grid-template-columns:1fr}.delivery-date-field{max-width:none}}

/* L347 — tredje fristvalg og vertikalt stablede valgkort. */
.delivery-choice-grid{grid-template-columns:1fr}.delivery-choice-body{min-height:0}.delivery-choice-open>input:checked+.delivery-choice-body{border-color:#708b9a;background:#f1f6f8;box-shadow:0 0 0 2px rgba(112,139,154,.09)}.delivery-choice-open>input:checked+.delivery-choice-body>i{border-color:#607f8f}.delivery-choice-open>input:checked+.delivery-choice-body>i::after{background:#607f8f}.delivery-date-field{transition:opacity .16s}.delivery-date-field.is-disabled{opacity:.42}.delivery-date-field.is-disabled .delivery-date-input{background:#eef2f4}.delivery-date-field.is-disabled input{cursor:not-allowed}

/* L349 — postnummerstyrte Bring-valg på leveringstidssiden. */
.delivery-shipping{margin-top:34px;padding-top:30px;border-top:1px solid #dbe7ed}.delivery-shipping .delivery-calculator-head{margin-bottom:24px;padding-bottom:0;border-bottom:0}.delivery-postcode-field{display:grid;gap:9px;max-width:430px}.delivery-postcode-field>span{font-size:14px;font-weight:600}.delivery-postcode-field>div{display:flex;align-items:center;min-height:50px;border:1px solid #c6d6de;border-radius:8px;background:#fafdff;overflow:hidden}.delivery-postcode-field>div:focus-within{border-color:#04A9FC;box-shadow:0 0 0 2px rgba(4,169,252,.12)}.delivery-postcode-field input{width:100%;height:50px;padding:0 15px;border:0;background:transparent;color:#232323;font:500 15px "Sora",sans-serif;outline:0}.delivery-shipping-status{margin:15px 0 12px;color:#627681;font-size:12px}.delivery-shipping-status.is-loading{color:#048fd8}.delivery-shipping-rates{display:grid;gap:10px}.delivery-rate{display:block;cursor:pointer}.delivery-rate>input{position:absolute;opacity:0;pointer-events:none}.delivery-rate-body{display:flex;align-items:center;gap:13px;padding:15px 17px;border:2px solid #dce7ec;border-radius:9px;background:#fbfdfe}.delivery-rate-body>i{position:relative;flex:0 0 19px;width:19px;height:19px;border:2px solid #9aabb4;border-radius:50%}.delivery-rate-body>span{display:grid;gap:3px}.delivery-rate-body b{font-size:13px}.delivery-rate-body small{color:#60717b;font-size:11px}.delivery-rate-body>strong{margin-left:auto;color:#173e54;font-size:13px;white-space:nowrap}.delivery-rate>input:checked+.delivery-rate-body{border-color:#04A9FC;background:#edf9ff}.delivery-rate>input:checked+.delivery-rate-body>i{border-color:#04A9FC}.delivery-rate>input:checked+.delivery-rate-body>i::after{content:"";position:absolute;inset:3px;border-radius:50%;background:#04A9FC}.delivery-shipping-note{margin:12px 0 0;color:#6b7e88;font-size:10px;line-height:1.5}.delivery-shipping-note[hidden]{display:none!important}
@media(max-width:600px){.delivery-postcode-field{max-width:none}.delivery-rate-body{align-items:flex-start}.delivery-rate-body>strong{font-size:12px}}

/* L350 — tre innganger til leveringsberegningen, produktvalg og standardoversikt. */
.delivery-section{margin-top:34px;padding-top:30px;border-top:1px solid #dbe7ed}.delivery-section[hidden]{display:none!important}.delivery-section .delivery-calculator-head{margin-bottom:24px;padding-bottom:0;border-bottom:0}.delivery-mode-picker{margin-bottom:0}.delivery-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.delivery-product-card{display:block;cursor:pointer}.delivery-product-card>input{position:absolute;opacity:0;pointer-events:none}.delivery-product-card>span{display:grid;height:100%;padding:8px;border:2px solid #dce7ec;border-radius:10px;background:#f8fbfd}.delivery-product-card img{display:block;width:100%;height:82px;object-fit:contain;border-radius:6px;background:#fff}.delivery-product-card b{margin:9px 4px 2px;font-size:12px}.delivery-product-card small{margin:0 4px 4px;color:#73828b;font-size:10px}.delivery-product-card>input:checked+span{border-color:#04A9FC;background:#edf9ff;box-shadow:0 0 0 2px rgba(4,169,252,.07)}.delivery-product-details{display:grid;gap:10px;margin-top:18px}.delivery-product-row{display:grid;grid-template-columns:minmax(155px,1fr) 140px minmax(220px,1fr);gap:15px;align-items:end;padding:15px 17px;border-radius:9px;background:#f3f8fb}.delivery-product-row>div{display:grid;gap:3px;align-self:center}.delivery-product-row>div b{font-size:13px}.delivery-product-row>div small{color:#71818b;font-size:10px}.delivery-product-row label,.delivery-quantity-field{display:grid;gap:7px}.delivery-product-row label span,.delivery-quantity-field span{font-size:11px;font-weight:600}.delivery-product-row input,.delivery-product-row select,.delivery-quantity-field input{width:100%;height:42px;padding:0 11px;border:1px solid #c6d6de;border-radius:6px;background:#fff;color:#232323;font:500 13px "Sora",sans-serif}.delivery-products-empty{margin:0;padding:14px;border-radius:8px;background:#fff7e8;color:#72551e;font-size:12px}.delivery-quantity-field{max-width:300px}.delivery-standard-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.delivery-standard-card{display:grid;grid-template-columns:120px 1fr;gap:15px;align-items:center;padding:13px;border:1px solid #dce7ec;border-radius:10px;background:#f8fbfd}.delivery-standard-card img{width:120px;height:78px;object-fit:contain;border-radius:6px;background:#fff}.delivery-standard-card span{color:#6f818b;font-size:9px}.delivery-standard-card h3{margin:3px 0 7px;font-size:13px}.delivery-standard-card p{margin:0;color:#5c6e78;font-size:10px;line-height:1.5}.delivery-standard-note{margin:16px 0 0;padding:12px 14px;border-radius:8px;background:#eef7fb;color:#536b78;font-size:11px;line-height:1.55}
@media(max-width:800px){.delivery-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.delivery-standard-list{grid-template-columns:1fr}}
@media(max-width:520px){.delivery-product-grid{grid-template-columns:1fr 1fr}.delivery-product-card img{height:68px}.delivery-product-row>div{grid-column:auto}.delivery-standard-card{grid-template-columns:88px 1fr}.delivery-standard-card img{width:88px;height:70px}}

/* L351 — avsluttende, automatisk leveringskonklusjon. */
.delivery-conclusion{margin-top:34px;padding-top:30px;border-top:1px solid #dbe7ed}.delivery-conclusion .delivery-calculator-head{margin-bottom:20px;padding-bottom:0;border-bottom:0}.delivery-conclusion-card{padding:22px 24px;border:1px solid;border-left-width:6px;border-radius:11px}.delivery-conclusion-card>strong{display:block;margin-bottom:8px;font-size:20px;line-height:1.3}.delivery-conclusion-card p{margin:0;color:#40525c;font-size:13px;line-height:1.65}.delivery-conclusion-card p+p{margin-top:10px}.delivery-conclusion-card ul{display:grid;gap:9px;margin:12px 0 0;padding:0;list-style:none}.delivery-conclusion-card li{display:flex;justify-content:space-between;gap:20px;padding:10px 12px;border-radius:7px;background:rgba(255,255,255,.65);font-size:12px}.delivery-conclusion-card li span{color:#40525c;text-align:right}.delivery-conclusion-card.is-neutral{border-color:#c7d7df;background:#f1f6f8}.delivery-conclusion-card.is-neutral>strong{color:#476473}.delivery-conclusion-card.is-green{border-color:#35a66f;background:#edfbf4}.delivery-conclusion-card.is-green>strong{color:#187846}.delivery-conclusion-card.is-yellow{border-color:#e0a72e;background:#fff9e8}.delivery-conclusion-card.is-yellow>strong{color:#9b6900}.delivery-conclusion-card.is-red{border-color:#d95a5a;background:#fff1f1}.delivery-conclusion-card.is-red>strong{color:#b12d2d}.delivery-result-note{margin-top:14px!important;padding-top:12px;border-top:1px solid rgba(0,0,0,.09)}
@media(max-width:600px){.delivery-conclusion-card{padding:18px}.delivery-conclusion-card>strong{font-size:17px}.delivery-conclusion-card li{display:grid;gap:4px}.delivery-conclusion-card li span{text-align:left}}

/* L352 — fristløse standardløp og skjult Bring-produktliste. */
.delivery-page .info-hero .wrap{display:grid;justify-items:center}.delivery-hero-subtitle{max-width:760px;margin:12px auto 0;color:#fff;font-size:18px;font-weight:500;line-height:1.45;text-align:center;text-shadow:0 1px 3px rgba(0,0,0,.35)}.delivery-shipping-rates[hidden]{display:none!important}.delivery-shipping-status{padding:11px 13px;border-radius:7px;background:#f1f7fa}.delivery-date-field.is-disabled{display:none}.delivery-possible{display:none!important}
@media(max-width:600px){.delivery-hero-subtitle{max-width:320px;font-size:14px}.delivery-page .info-hero h1{margin-bottom:0}}

.delivery-product-row{grid-template-columns:minmax(155px,1fr) minmax(260px,1.5fr)}
@media(max-width:800px){.delivery-product-row{grid-template-columns:1fr 1fr}.delivery-product-row>div{grid-column:auto}}
@media(max-width:520px){.delivery-product-row{grid-template-columns:1fr}}

/* L353 — virkedagsmargin, linjevis status og aktivt produktvalg. */
.delivery-intro-lead{max-width:none!important;margin:-10px 0 24px!important;color:#173e54!important;font-size:20px!important;font-weight:600;line-height:1.45!important}.delivery-page .info-hero .wrap{display:block}.delivery-shipping.is-locked{position:relative;min-height:205px}.delivery-shipping.is-locked>*:not(.delivery-calculator-head):not(.delivery-locked-message){opacity:.2;pointer-events:none}.delivery-locked-message{display:grid;place-items:center;position:absolute;z-index:2;inset:90px 0 0;margin:0;color:#78909d;font-size:20px;font-weight:600;text-shadow:0 1px 0 #fff}.delivery-locked-message[hidden]{display:none!important}.delivery-postcode-field input:disabled{cursor:not-allowed}.delivery-conclusion-card.is-mixed{border-color:#cbdde6;background:#f4f9fb}.delivery-conclusion-card.is-mixed>strong{color:#173e54}.delivery-conclusion-card li.is-good{border:1px solid #b8e2cd;background:#e9f9f1}.delivery-conclusion-card li.is-good b,.delivery-conclusion-card li.is-good span{color:#187846}.delivery-conclusion-card li.is-tight{border:1px solid #e8d8b3;background:#f7f0e2}.delivery-conclusion-card li.is-tight b,.delivery-conclusion-card li.is-tight span{color:#755b27}.delivery-order-condition{margin-top:14px!important;padding-top:12px;border-top:1px solid rgba(0,0,0,.09);font-weight:600}.delivery-conclusion-card.is-neutral+.delivery-order-condition{display:none}
@media(max-width:600px){.delivery-intro-lead{font-size:17px!important}.delivery-locked-message{font-size:17px}}

/* L355 — produkter som ikke rekker fristen vises med nødvendig fristdato. */
.delivery-conclusion-card li.is-missed{border:1px solid #efbcbc;background:#fdecec}.delivery-conclusion-card li.is-missed b,.delivery-conclusion-card li.is-missed span{color:#a82e2e}

/* L357 — valgfrie ekspressalternativer med API-pris og 24 t Tyvek-produksjon. */
.delivery-express-options{margin-top:20px;padding-top:17px;border-top:1px solid #bed7e4}.delivery-express-options h3{margin:0 0 4px;color:#07577f;font-size:16px}.delivery-express-options>p{margin:0 0 11px;color:#526d7b}.delivery-conclusion-card li.is-express{border:1px solid #8fd3f2;background:#e8f8ff}.delivery-conclusion-card li.is-express b,.delivery-conclusion-card li.is-express span{color:#075f8b}

/* L358 — tre faste ekspressvalg og forbedret venstrejustert resultatflyt. */
.delivery-result-dialog .delivery-conclusion-card li{display:grid;grid-template-columns:1fr;gap:5px;align-items:start}.delivery-result-dialog .delivery-conclusion-card li span{text-align:left;line-height:1.55}.delivery-express-unavailable{margin-top:12px!important;padding:12px 14px;border:1px solid #ddcda8;border-radius:8px;background:#f7f0e2;color:#755b27!important;font-weight:600}

/* L359 — fast forbehold nederst i ferdig leveringsrapport. */
.delivery-report-disclaimer{margin-top:14px!important;padding-top:12px;border-top:1px solid rgba(0,0,0,.09);font-weight:600}

/* L360 — statusfarger og ansiktsikoner på alle konklusjonslinjer. */
.delivery-result-dialog .delivery-conclusion-card li.is-good,.delivery-result-dialog .delivery-conclusion-card li.is-tight,.delivery-result-dialog .delivery-conclusion-card li.is-missed{position:relative;padding-right:54px}
.delivery-result-dialog .delivery-conclusion-card li.is-good::after,.delivery-result-dialog .delivery-conclusion-card li.is-tight::after,.delivery-result-dialog .delivery-conclusion-card li.is-missed::after{content:"";position:absolute;top:50%;right:12px;width:30px;height:30px;background:#187846;transform:translateY(-50%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}
.delivery-result-dialog .delivery-conclusion-card li.is-good::after{-webkit-mask-image:url("assets/icons/leveringstid/smily1.svg");mask-image:url("assets/icons/leveringstid/smily1.svg");background-color:#187846}
.delivery-result-dialog .delivery-conclusion-card li.is-tight::after{-webkit-mask-image:url("assets/icons/leveringstid/smily2.svg");mask-image:url("assets/icons/leveringstid/smily2.svg");background-color:#b27b00}
.delivery-result-dialog .delivery-conclusion-card li.is-missed::after{-webkit-mask-image:url("assets/icons/leveringstid/smily3.svg");mask-image:url("assets/icons/leveringstid/smily3.svg");background-color:#c52e2e}

/* L361 — bruker godkjent SVG-sprite for grønt, gult og rødt statusansikt. */

/* L362 — spritebeskjæring følger originalfilens faktiske sideforhold og mellomrom. */

/* L363 — tre separate SVG-filer erstatter all spritebeskjæring. */

/* L366 — offentlig prisside med store produktbilder og sentralt styrte pristabeller. */
.prices-page .about-footer{margin-top:0}.prices-content{padding:68px 0 88px;background:#F6FCFF;color:#232323}.prices-wrap{max-width:1260px;padding:0 28px}.prices-intro{max-width:1040px;margin:0 auto 48px;text-align:center}.prices-intro h2{margin:0 0 18px;font-size:clamp(36px,4vw,56px);font-weight:600;line-height:1.12}.prices-intro h2 span{color:#04A9FC}.prices-intro p{max-width:900px;margin:0 auto;color:#40525c;font-size:16px;line-height:1.75}.prices-actions{display:flex;justify-content:center;gap:12px;margin-top:24px}.prices-actions .btn{min-width:190px}.prices-products{display:grid;gap:30px}.prices-loading,.prices-error{padding:32px;border:1px solid #d7e6ed;border-radius:14px;background:#fff;text-align:center}.prices-product{display:grid;grid-template-columns:minmax(360px,.88fr) minmax(0,1.12fr);overflow:hidden;border:1px solid #d5e4eb;border-radius:16px;background:#fff;box-shadow:0 7px 24px rgba(18,55,76,.08)}.prices-product.is-reverse{grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr)}.prices-product.is-reverse .prices-product-image{order:2}.prices-product-image{min-height:100%;margin:0;background:#e8ecec;overflow:hidden}.prices-product-image img{display:block;width:100%;height:100%;min-height:550px;object-fit:cover;object-position:center}.prices-product-info{padding:31px 34px 33px}.prices-product-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:20px}.prices-product-heading span{color:#048fd8;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.prices-product-heading h3{margin:5px 0 0;font-size:27px;line-height:1.18}.prices-product-heading>strong{color:#07577f;font-size:14px;text-align:right}.prices-table-wrap{overflow-x:auto;border:1px solid #d8e6ed;border-radius:10px}.prices-table-wrap table{width:100%;border-collapse:collapse;font-size:13px}.prices-table-wrap caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.prices-table-wrap th,.prices-table-wrap td{padding:10px 14px;border-bottom:1px solid #e3edf1;text-align:left}.prices-table-wrap thead th{background:#eaf6fb;color:#315261;font-size:11px;text-transform:uppercase;letter-spacing:.04em}.prices-table-wrap th:last-child,.prices-table-wrap td:last-child{text-align:right}.prices-table-wrap tbody tr:last-child th,.prices-table-wrap tbody tr:last-child td{border-bottom:0}.prices-table-wrap tbody tr:nth-child(even){background:#f8fbfc}.prices-table-wrap tbody td{color:#075f8b;font-weight:700}.prices-print,.prices-special{margin-top:18px;padding:16px 18px;border-radius:10px;background:#f3f8fa}.prices-print h4,.prices-special h4{margin:0 0 11px;font-size:14px}.prices-print ul,.prices-special ul{display:grid;gap:7px;margin:0;padding:0;list-style:none}.prices-print li,.prices-special li{display:flex;justify-content:space-between;gap:20px;color:#526873;font-size:12px;line-height:1.45}.prices-print li b,.prices-special li b{color:#173e54;text-align:right}.prices-special{border:1px solid #f0d49d;background:#fff8e9}.prices-product-link{display:inline-flex;align-items:center;gap:8px;margin-top:19px;color:#048fd8;font-size:13px;font-weight:700;text-decoration:none}.prices-product-link:hover{text-decoration:underline}.prices-general-note{margin-top:38px;padding:25px 28px;border:1px solid #bfe3f4;border-radius:13px;background:#eaf8ff}.prices-general-note h2{margin:0 0 8px;font-size:21px}.prices-general-note p{margin:0;color:#405763;font-size:14px;line-height:1.7}
@media(max-width:900px){.prices-product,.prices-product.is-reverse{grid-template-columns:1fr}.prices-product.is-reverse .prices-product-image{order:0}.prices-product-image img{min-height:0;aspect-ratio:16/9}.prices-product-info{padding:26px}.prices-product-heading{align-items:flex-start}}
@media(max-width:600px){.prices-content{padding:44px 0 62px}.prices-wrap{padding:0 16px}.prices-intro{margin-bottom:32px}.prices-actions{display:grid}.prices-product-info{padding:21px 17px 24px}.prices-product-heading{display:grid;gap:9px}.prices-product-heading>strong{text-align:left}.prices-table-wrap th,.prices-table-wrap td{padding:9px 10px}.prices-print li,.prices-special li{display:grid;gap:2px}.prices-print li b,.prices-special li b{text-align:left}.prices-general-note{padding:21px}}

/* L367 — båndsentrert bildeutsnitt og mer kompakte produktkort. */


/* L368 — mindre bilder, tettere tabeller og eksplisitt prisintervallmodell. */
.prices-tier-rule{max-width:900px!important;margin:18px auto 0!important;padding:13px 16px;border:1px solid #bfe3f4;border-radius:9px;background:#eaf8ff;color:#274c5e!important;font-size:13px!important;line-height:1.55!important}.prices-table-wrap thead th:last-child{white-space:nowrap}
@media(min-width:901px){.prices-product{grid-template-columns:minmax(320px,.72fr) minmax(0,1.28fr)}.prices-product.is-reverse{grid-template-columns:minmax(0,1.28fr) minmax(320px,.72fr)}.prices-product-image img{min-height:435px}.prices-product-info{padding:19px 27px 20px}.prices-product-heading{margin-bottom:10px}.prices-product-heading h3{font-size:25px}.prices-table-wrap th,.prices-table-wrap td{padding:5px 12px}.prices-table-wrap table{font-size:12px}.prices-print,.prices-special{margin-top:9px;padding:9px 14px}.prices-print h4,.prices-special h4{margin-bottom:6px}.prices-print ul,.prices-special ul{gap:3px}.prices-product-link{margin-top:10px}}

/* L369 — ryddigere venstrejustert prisintro og nytt plastbåndbilde. */
.prices-intro{max-width:1120px;text-align:left}.prices-intro h2{font-size:clamp(34px,3.15vw,46px)}.prices-intro p{max-width:1040px;margin-left:0;margin-right:0}.prices-tier-rule,.prices-actions{display:none}.prices-calculator-link a{color:#048fd8;font-weight:700;text-decoration:underline;text-underline-offset:3px}.prices-calculator-link a:hover{color:#075f8b}
@media(min-width:1050px){.prices-intro h2{white-space:nowrap}}
@media(max-width:600px){.prices-intro h2{font-size:34px}}

/* L370 — kompakt tokolonnevisning med båndet som fokus i produktbildene. */
@media(min-width:961px){
  .prices-wrap{max-width:1320px}
  
  .prices-product,.prices-product.is-reverse{display:flex;flex-direction:column;min-width:0}
  
  .prices-product-image{flex:0 0 205px;min-height:0}
  .prices-product-image img{width:100%;height:205px;min-height:0;object-fit:cover;object-position:center;transform:scale(var(--price-image-zoom,1)) translateX(var(--price-image-shift,0));transform-origin:center;will-change:transform}
  .prices-product-info{display:flex;flex:1;flex-direction:column;padding:15px 18px 17px}
  .prices-product-heading{align-items:center;gap:12px;margin-bottom:8px}
  .prices-product-heading span{font-size:10px}
  .prices-product-heading h3{margin-top:2px;font-size:20px}
  .prices-product-heading>strong{max-width:180px;font-size:11px;line-height:1.35}
  .prices-table-wrap{border-radius:7px}
  
  
  
  .prices-print,.prices-special{margin-top:7px;padding:7px 10px;border-radius:7px}
  .prices-print h4,.prices-special h4{margin-bottom:4px;font-size:11px}
  .prices-print ul,.prices-special ul{gap:1px}
  .prices-print li,.prices-special li{gap:10px;font-size:9.5px;line-height:1.35}
  .prices-product-link{margin-top:8px;font-size:11px}
}
@media(min-width:601px) and (max-width:960px){
  .prices-products{gap:20px}
  
  .prices-product-image img{height:250px;min-height:0;aspect-ratio:auto;object-fit:cover;transform:scale(var(--price-image-zoom,1)) translateX(var(--price-image-shift,0));transform-origin:center}
}
@media(max-width:600px){
  .prices-product-image{height:210px;min-height:0}
  .prices-product-image img{height:210px;min-height:0;aspect-ratio:auto;object-fit:cover;transform:scale(var(--price-image-zoom,1)) translateX(var(--price-image-shift,0));transform-origin:center}
}

/* L371 — horisontale produktkort: smalt båndbilde til venstre, prisinformasjon til høyre. */
@media(min-width:961px){
  .prices-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .prices-product,.prices-product.is-reverse{display:grid;grid-template-columns:145px minmax(0,1fr);min-width:0}
  .prices-product.is-reverse .prices-product-image{order:0}
  .prices-product-image{width:145px;height:100%;min-height:0;align-self:stretch}
  .prices-product-image img{width:100%;height:100%;min-height:100%;object-fit:cover;object-position:var(--price-image-focus,50%) center;transform:none;will-change:auto}
  .prices-product-info{min-width:0;padding:13px 14px 14px}
  .prices-product-heading{gap:8px;margin-bottom:7px}
  .prices-product-heading h3{font-size:18px}
  .prices-product-heading>strong{max-width:150px;font-size:10px}
  .prices-table-wrap th,.prices-table-wrap td{padding:2px 6px}
  .prices-table-wrap table{font-size:9.5px}
  .prices-table-wrap thead th{font-size:8px}
  .prices-print,.prices-special{padding:6px 8px}
  .prices-print li,.prices-special li{font-size:8.5px}
}
@media(min-width:601px) and (max-width:960px){
  .prices-product,.prices-product.is-reverse{display:grid;grid-template-columns:190px minmax(0,1fr)}
  .prices-product.is-reverse .prices-product-image{order:0}
  .prices-product-image{width:190px;height:100%;min-height:0}
  .prices-product-image img{width:100%;height:100%;min-height:100%;object-fit:cover;object-position:var(--price-image-focus,50%) center;transform:none}
}
@media(max-width:600px){
  .prices-product-image img{object-position:var(--price-image-focus,50%) center;transform:none}
}

/* L372 — bredere bilde, smalere prisfelt og tydelig avgrensede produktkort. */
.prices-product{border:2px solid #202020}
.prices-calculator-link{font-size:19px!important;line-height:1.55!important}
@media(min-width:961px){
  .prices-product,.prices-product.is-reverse{grid-template-columns:195px minmax(0,1fr)}
  .prices-product-image{width:195px}
}

/* L374 — Eventros mørkeblå profilramme rundt produktkortene. */


/* L375 — lys Eventro-blå som felles rammefarge på produktkortene. */


/* L376 — finpuss: felles akse, tettere intro og roligere korthierarki. */
.prices-intro{max-width:none;margin-bottom:34px}
.prices-product{border-width:1.5px;border-color:#0797df}
@media(min-width:961px){
  .prices-product-heading{margin-bottom:11px}
}

/* L377 — prisintroen bruker hele bredden til produktgridets høyrekant. */
@media(min-width:961px){
  .prices-intro>p{max-width:none}
}

/* L378 — mobilkort: bredt båndutsnitt over prisinformasjonen. PC er urørt. */
@media(max-width:760px){
  .prices-product,.prices-product.is-reverse{display:grid;grid-template-columns:1fr}
  .prices-product.is-reverse .prices-product-image{order:0}
  .prices-product-image{width:100%;height:180px;min-height:0}
  .prices-product-image img{width:100%;height:180px;min-height:0;aspect-ratio:auto;object-fit:cover;object-position:center;transform:scale(var(--price-mobile-zoom,1)) translateX(var(--price-mobile-shift,0));transform-origin:center}
  .prices-product-info{min-width:0}
}

/* L379 — svært smal visning: håndbilder roteres slik at båndet ligger vannrett. */
@media(max-width:760px){
  .prices-product-image{position:relative;container-type:inline-size}
  .prices-product-image img.prices-mobile-rotate{position:absolute;left:50%;top:calc(50% + var(--price-mobile-y,0px));width:var(--price-mobile-width,250%);max-width:none;height:auto;min-height:0;object-fit:contain;transform:translate(-50%,-50%) rotate(90deg);transform-origin:center}
  .prices-product-image img.prices-mobile-plain{position:static;width:100%;height:180px;object-fit:cover;transform:none}
}

/* L380 — mobilkoordinater beregnet fra båndsentrene i originalbildene. */

/* L381 — felles mobilfokus litt mot høyre, slik at båndene flyttes mot venstre. */
@media(max-width:760px){
  .prices-product-image img.prices-mobile-rotate{left:40%}
}

/* L382 — litt videre mobilutsnitt med bevart beregnet båndsentrum. */

/* L383 — ytterligere moderat utzooming av de roterte mobilbildene. */

/* L384 — responsive, fysisk beskårne WebP-bilder for PC-priskortene. */
.prices-product-image picture{display:block;width:100%;height:100%;overflow:hidden}
@media(min-width:961px){
  .prices-product-image picture img{object-position:center}
}

/* L385: Felles ytre innholdsramme på tvers av alle offentlige sider. */
@media(min-width:761px){
  .wrap,
  .hero-inner,
  .foot-in,
  .info-page .info-content>.wrap,
  .info-page .about-footer-inner,
  .contact-page .contact-layout,
  .faq-page .faq-layout,
  .calculator-page .calculator-content>.wrap,
  .delivery-page .delivery-wrap,
  .prices-page .prices-wrap{
    width:100%;
    max-width:var(--site-page-width);
    padding-left:var(--site-page-gutter);
    padding-right:var(--site-page-gutter);
    margin-left:auto;
    margin-right:auto;
  }
}

/* L391: Behold felles 1440-ramme, men la prisplakatene ha en kontrollert
   bredde og mer luft mellom radene. Leveringstid bruker hele standardrammen;
   de enkelte skjemafeltene beholder sine egne, smalere arbeidsbredder. */
@media(min-width:761px){
  .delivery-page .delivery-intro,
  .delivery-page .delivery-calculator{
    width:100%;
    max-width:none;
  }
  .delivery-page .delivery-intro p{
    max-width:none;
  }
}
@media(min-width:1349px){
  .prices-intro{
    width:100%;
    max-width:1224px;
    margin-left:auto;
    margin-right:auto;
  }
  .prices-products{
    width:100%;
    max-width:1224px;
    margin-left:auto;
    margin-right:auto;
    grid-template-columns:repeat(2,minmax(0,600px));
    justify-content:center;
    gap:24px;
  }
}
.prices-calculator-link{margin-top:24px!important;text-align:left;font-weight:700}
@media(max-width:600px){.prices-calculator-link{margin-top:20px!important}}

/* L387: Én fast PC-akse for header, hovedinnhold og footer.
   Bakgrunner kan fortsatt gå i full bredde, mens innholdet følger 1440-rammen.
   Kontakt beholder den smalere internlayouten som på referansesiden. */
@media(min-width:761px){
  body .sh-in{
    width:100%!important;
    max-width:var(--site-page-width)!important;
    padding-left:var(--site-page-gutter)!important;
    padding-right:var(--site-page-gutter)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body:not(.info-page) .sh-logo{
    transform:none!important;
  }
  .contact-page .contact-layout{
    max-width:1220px;
  }
}

/* L356 — konklusjonen åpnes i modal fra egen beregningsknapp. */
.delivery-calculate-wrap{display:grid;justify-items:center;gap:10px;margin-top:34px;padding-top:30px;border-top:1px solid #dbe7ed}.delivery-calculate-button{min-width:250px;min-height:50px;padding:10px 24px;border:0;border-radius:7px;background:#04A9FC;color:#fff;font:700 15px "Sora",sans-serif;cursor:pointer;box-shadow:0 5px 14px rgba(4,169,252,.2)}.delivery-calculate-button:hover:not(:disabled){background:#048fd8}.delivery-calculate-button:disabled{background:#c5d1d7;color:#f4f7f8;cursor:not-allowed;box-shadow:none}.delivery-calculate-wrap small{color:#6b7e88;font-size:11px}.delivery-result-dialog{width:min(920px,calc(100% - 36px));max-height:calc(100vh - 48px);padding:0;border:0;border-radius:16px;background:#fff;color:#232323;box-shadow:0 24px 80px rgba(2,28,45,.35);overflow:auto}.delivery-result-dialog::backdrop{background:rgba(3,21,33,.68);backdrop-filter:blur(3px)}.delivery-result-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:25px 28px 19px;border-bottom:1px solid #dce7ed}.delivery-result-dialog-head span{color:#048fd8;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.delivery-result-dialog-head h2{margin:4px 0 0;font-size:27px}.delivery-result-close{width:38px;height:38px;padding:0;border:0;border-radius:50%;background:#edf5f8;color:#476473;font:400 29px/1 Arial,sans-serif;cursor:pointer}.delivery-result-close:hover{background:#dcecf3}.delivery-result-dialog .delivery-conclusion-card{margin:24px 28px 18px}.delivery-result-ok{display:block;min-width:110px;min-height:43px;margin:0 28px 26px auto;padding:8px 20px;border:0;border-radius:6px;background:#04A9FC;color:#fff;font:700 14px "Sora",sans-serif;cursor:pointer}.delivery-result-ok:hover{background:#048fd8}
@media(max-width:600px){.delivery-calculate-button{width:100%}.delivery-calculate-wrap{text-align:center}.delivery-result-dialog{width:calc(100% - 22px);max-height:calc(100vh - 22px)}.delivery-result-dialog-head{padding:20px}.delivery-result-dialog .delivery-conclusion-card{margin:18px 14px}.delivery-result-ok{width:calc(100% - 28px);margin:0 14px 18px}}

/* =============================================================
   [FAMILIE:PRODUKTSIDE] Spesifikasjonslista paa de genererte produktsidene.
   Sidene lages av verktoy/lag-produktsider.js fra products/<navn>.js (P.info.spec).
   Eneste nye stil de trengte - resten gjenbruker info-page-oppsettet som
   om-oss.html, priser.html og de andre presentasjonssidene bruker.
   ============================================================= */
.info-page.produkt-side .info-actions{display:flex}
/* [FAMILIE:PRODUKTSIDE] Steg 25: heroen er TILBAKE til sidens standard (ingen regel her).
   Steg 21 krympet den til 40px fordi teksten var lang - "Tyvekbaand (art 001)". Naa er
   overskrifta kort ("Tyvek", "Silikon"), og da trengs ingen nedskalering: den foelger
   .info-page .info-hero h1 som alle de andre sidene. Det fulle navnet og artikkelnummeret
   staar i .prod-art rett under ingressen. */
.info-page.produkt-side .info-copy h2{font-size:clamp(20px,1.9vw,27px);margin:0 0 14px}
/* MAALT steg 21: en letter-spacing her var DOED - eventro-style-polish.css lastes sist og
   setter -.025em paa samme h2. Og em er riktigere enn px naar vi har krympet skrifta, saa
   polish fortsetter aa eie sporingen. Doed deklarasjon fjernet framfor aa eskalere vekt. */
/* Artikkelnummeret ut av overskriften og ned i liten skrift, som i den gamle modalen. */
/* [FAMILIE:PRODUKTSIDE] Steg 26: produktnavnet er en EKTE overskrift. Den faar INGEN egen
   stoerrelse - den arver .info-page.produkt-side .info-copy h2, samme som "Spesifikasjoner"
   og "Priser". Én skriftskala paa sida, og ingen fjerde stoerrelse aa holde styr paa. */
.info-page.produkt-side .info-copy h2.prod-navn{margin:0 0 16px;line-height:1.2}
/* Artikkelnummeret smaatt ved siden av, i husets lyseblaa - samme verdi som forsidemodalens
   .fpm-art brukte, saa fargen ikke faar en ny kilde her. em, ikke px: da foelger det
   overskriftas stoerrelse av seg selv naar sida krymper. */
/* Steg 27: art.nr staar paa EGEN LINJE OVER navnet. display:block gjoer det, og
   margin-bottom gir luft mellom de to - Anders ba om litt mer enn foerste variant. */
.info-page.produkt-side .info-copy h2.prod-navn .prod-art{display:block;margin:0 0 8px;
  /* .46em foelger overskrifta, men paa mobil ga det 9px - for smaatt aa lese. max()
     setter et gulv paa 11px uten aa laase stoerrelsen paa pc. */
  font-size:max(11px,.46em);font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  vertical-align:middle;color:var(--eventro-blue,#08a9ee)}
/* site.css:280 skjuler .info-actions paa alle info-sider. Produktsidene melder seg ut,
   for paa en annonse-landingsside ER handlingsknappen hele poenget. Regelen er scopet til
   .produkt-side, saa om-oss.html og de andre er uroert.
   MERK som egen ryddesak: knappene finnes fortsatt i HTML-en paa de andre info-sidene,
   skjult av den regelen - altsaa doed markering. Ikke roert her. */
.info-page .prodpris{width:100%;border-collapse:collapse;margin:0 0 10px}
.info-page .prodpris th{text-align:left;font-size:13px;color:#5b6572;font-weight:600;
  padding:0 0 8px;border-bottom:1px solid var(--line,rgba(0,0,0,.12))}
.info-page .prodpris th:last-child,.info-page .prodpris td:last-child{text-align:right}
.info-page .prodpris td{padding:9px 0;font-size:14px;border-bottom:1px solid var(--line,rgba(0,0,0,.09))}
.info-page .prodpris td:last-child{font-weight:600}
.info-page .prodpris tr:last-child td{border-bottom:0}
/* MAALT steg 21: notelinja er en <p> INNE i .info-copy, saa .info-copy p - baade i site.css
   og i polish, som lastes sist - slo denne regelen og gav 16px broedtekst. Regelen saa
   levende ut og var doed. Rettet med scope som faktisk vinner (fire klasser mot polishens
   tre), ikke med !important: da hadde neste mann hatt to sannheter aa lete gjennom. */
.info-page.produkt-side .info-copy .prodpris-note,
.info-page.produkt-side .info-copy .prodpris-tom{font-size:13px;line-height:1.5;color:#5b6572;margin:0 0 18px}
.info-page .prodspec{margin:0 0 18px;padding:0}
.info-page .prodspec-rad{display:flex;justify-content:space-between;gap:16px;
  padding:9px 0;border-bottom:1px solid var(--line,rgba(0,0,0,.09))}
.info-page .prodspec-rad:last-child{border-bottom:0}
.info-page .prodspec dt{margin:0;color:#5b6572;font-size:14px}
.info-page .prodspec dd{margin:0;font-weight:600;text-align:right;font-size:14px}
@media(max-width:560px){
  .info-page .prodspec-rad{flex-direction:column;gap:2px}
  .info-page .prodspec dd{text-align:left}
}


/* [FAMILIE:MOBILVALG] se docs/architecture/FAMILIE_mobilvalg.md
   Vevde tekstilbaand (004) krever traadfarge-kalibrering. Det lar seg ikke gjoere paa en
   telefonskjerm, saa kortet skjules og Deluxe (005) staar i stedet - med navnet
   «Tekstilbaand» og Prisklasse 3, saa kunden ikke ser et hopp fra klasse 2 til 4.
   Prisklassen er en kategori-etikett, ikke en pris: den faktiske prisen (kr 2,60-3,00)
   vises uendret, og «kat» brukes ingen steder i pris- eller ordrelogikk.

   MEDIA-SPOERRINGEN ER ORDRETT DEN SAMME som MOBILVALG_MQ i
   engine/products/product-selector.js og erForenkletMobil() i start-launcher.js.
   Kortet skal skjules noeyaktig der butikken slutter aa tilby 004 - ellers ville en
   kunde tappet seg inn i en blindgate. bevis-bandvalg.js kontrollerer at de tre
   strengene er identiske. */
.fk-kat-mobile{display:none}
@media (max-width:720px) and (pointer:coarse), (max-width:1000px) and (max-height:720px) and (pointer:coarse){
  /* Dagens regel paa linje ~643 skjuler 005 paa smale skjermer - den viser ETT
     tekstilkort, og i dag er det det vevde. Vi bytter om hvilket: 004 ut, 005 inn.
     Regelen over maa oppheves, ellers blir BEGGE borte og kunden ser ingen
     tekstilbaand i det hele tatt. Maalt: det skjedde i foerste utgave. */
  .eventro-home-page .fk-card[data-sku="004"]{display:none}
  .eventro-home-page .fk-card[data-sku="005"]{display:flex}
  .eventro-home-page .fk-card[data-sku="005"] .fk-kat-desktop,
  .eventro-home-page .fk-card[data-sku="005"] .fk-type-desktop{display:none}
  .eventro-home-page .fk-card[data-sku="005"] .fk-kat-mobile{display:inline}
  .eventro-home-page .fk-card[data-sku="005"] .fk-type-mobile{display:inline}
}
/* BEGIN EVENTRO HERO-SKALERING */
/* =====================================================================
   L310 - FORSIDEN SKALERER JEVNT MED SKJERMHOEYDEN
   =====================================================================
   PROBLEMET: hoeyden ble haandtert i tre hopp (950 / 820 / 700 px).
   Mellom to hopp vokste innholdet mens plassen krympet, saa luften ned
   til produktkortene sagtannet fra 114 px til MINUS 15 - ved 1000 px
   hoeyde laa «1. 2. 3. 4.»-raden oppaa kortene.

   DEN STOERSTE ENKELTAARSAKEN var .hero-inner sin topp-padding: 214 px,
   som bare falt til 186, 164 og 144 i de samme hoppene. Den holdt
   overskriften nede mens plassen under forsvant.

   LOESNINGEN: samme verdier som foer, men trukket som en RETT LINJE
   mellom stor (1000 px skjermhoeyde) og liten (660 px) i stedet for i
   tre trinn. Ingen nye tall er funnet paa - de staar alle i hoppene
   over. Derfor ser siden lik ut der den var riktig fra foer, og
   mellomrommene forsvinner ikke lenger.

   Gjelder bare desktop (min-width:1101px), der forsiden er laast til én
   skjerm uten rulling. Mobilflyten er uroert.
   ===================================================================== */
@media (min-width:1101px){
  /* Toppluften over overskriften - den som holdt den nede. */
  body:not(.info-page) .hero-inner{
    /* Taket er 260, ikke 214: paa svaert hoeye vinduer skal innholdet
       synke litt med, ellers samler all den ekstra plassen seg som ett
       stort hull mellom punktraden og kortene. */
    padding-top: clamp(96px, calc(17.95vh + 27.3px), 260px);
    padding-bottom: clamp(6px, calc(3.08vh - 14px), 18px);
  }
  /* min(vw, vh): overskriften skal ogsaa krympe naar vinduet blir SMALT,
     ikke bare lavt - ellers brekker den til to linjer. */
  .hero h1{ font-size: min(6vw, clamp(34px, calc(9.23vh - 18px), 78px)); }
  .hero-sub{ font-size: min(3.2vw, clamp(19px, calc(4.87vh - 8.7px), 42px)); }
  .hero-txt{
    font-size: clamp(11px, calc(1.54vh + 2px), 18px);
    line-height: clamp(14px, calc(3.44vh - 6.9px), 28.8px);
    max-width: clamp(590px, calc(23.08vh + 440px), 680px);
  }
  .hero-cta{ margin-top: clamp(16px, calc(7.69vh - 22px), 58px); }
  /* ---- PUNKTRADEN FOELGER BAADE HOEYDEN OG BREDDEN ----
     Foer hadde raden fast 1000 px bredde mens innholdsfeltet krympet med
     vinduet. Plassen til hoeyre for «4.» ble da spist opp: 384 px ved 1440,
     men bare 45 px ved 1101 - for lite til noe som helst.

     Naa tar hver kolonne den plassen teksten trenger (max-content), og
     skriften foelger min(vw, vh) - den minste av bredde og hoeyde. To ting
     foelger av det: ingen av punktene brekker til to linjer lenger, og raden
     blir smalere, saa det blir god plass til hoeyre.
     max-width er bare en sperre mot framtidige, lengre tekster. */
  .hero-props{
    margin-top: clamp(6px, calc(8.46vh - 40px), 48px);
    width: max-content;
    max-width: min(1000px, 72%);
    grid-template-columns: repeat(4, auto);
    column-gap: clamp(14px, calc(1.9vh - 2px), 22px);
  }
  .prop{ font-size: min(1.2vw, clamp(10px, calc(1.28vh + 2.7px), 16px)); }
  .prop .pn{ font-size: min(2.7vw, clamp(20px, calc(3.85vh + 0px), 40px)); }

  /* ---- SLAGORDET OG AVSNITTET MOETES PAA HOEYRE KANT ----
     Slagordet er satt en tanke ned (39/21,5 der det var 42/23), avsnittet en
     tanke opp (19/12,7 der det var 18/12). Og avsnittet brekker NOEYAKTIG der
     slagordet slutter.

     Den bredden kan ikke skrives som et tall: den avhenger av skrifta, og
     Sora lastes fra nettet etter at siden er tegnet. Derfor maaler et lite
     skript slagordet og setter --slagord-bredde. Faller skriptet bort, faller
     avsnittet tilbake paa 680px - akkurat som foer. */
  .hero-sub{ font-size: min(3.2vw, clamp(20px, calc(5.19vh - 12.9px), 39px));
             white-space: nowrap; }
  .hero-txt{ font-size: clamp(12px, calc(1.86vh + 0.4px), 19px);
             max-width: var(--slagord-bredde, 680px); }

  /* ================= SISTE NYTT =================
     Ligger til hoeyre for punktraden, i plassen som ble ledig da raden
     sluttet aa vaere 1000 px bred.

     TRE MAAL som alle er maalt i nettleseren:
       - hoeyrekanten treffer kortradens hoeyrekant paa 0 px. Det virker
         fordi .hero-inner og .kat .wrap har samme maks-bredde og samme
         padding. margin-left:auto sikrer at slakken havner til VENSTRE
         naar taket slaar inn - uten den bommet kanten med 225 px.
       - bunnen flukter med bunnen av smaateksten under 1-4 (flex-end).
       - ÉN linje per sak, saa boksen ikke blir unoedig hoey. Boksen gjoer
         raden hoeyere enn punktraden, og den hoeyden spises av luften ned
         til kortene.
     ============================================== */
  /* Helten er feste for laget. Uten denne ville boksen plassert seg i
     forhold til hele siden, ikke i forhold til innholdet. */
  body:not(.info-page) .hero-inner{ position:relative; }
  /* BOKSEN LIGGER OPPAA SIDEN, IKKE I FLYTEN.
     Det var dét som var feil foer: laa den i flyten, ble hoeyden dens en
     kraft som skjoev punktraden 1-4 opp og ned etter hvor mye du hadde
     skrevet. Naa staar den absolutt plassert - bunnen laast til bunnen av
     smaateksten under tallene, hoeyrekanten paa linje med kortraden - og
     vokser oppover inn i det tomme feltet til hoeyre for avsnittet.
     left, width og bottom settes av skriptet i index.html, som maaler. */
  /* SKRIFTEN I NYHETSBOKSEN.

     Her er INGEN egen skriftfil lenger. Boksen bruker Sora - husets egen
     skrift - i snittet 300, det tynne.

     DET FORUTSETTER at forsiden faktisk laster Sora. Stilarket ditt
     NAVNGIR den overalt, men index.html hentet den ikke, og et navn uten
     nedlasting gir Arial. Skriptet sorafont_kjor_A.sh legger inn lenka,
     den samme som de femten andre sidene bruker, med 300 og 800 i
     tillegg - de to snittene ingen lenke har bedt om til naa.

     Kjoerer du ikke det skriptet, faller boksen tilbake paa Arial, og da
     er «tynn» ikke tilgjengelig: Arial har ikke noe lett snitt, og
     nettleseren lager ikke et tynnere selv. */

  /* TEKSTEN I NYHETSBOKSEN - to skruer, begge her.
       --nytt-farge : fargen paa selve nyhetsteksten
           #dceefb  naer hvit med et blaastikk   (som foer)
           #b9d9f2  dempet, litt mer blaa        (dette er valgt)
           #93c9ee  tydelig lyseblaa             - minst kontrast
       --nytt-vekt  : skrifttykkelse. 300 er tynnere enn 400, MEN det
           virker bare hvis Sora er lastet med et lett snitt paa siden.
           Er det ikke det, tegner nettleseren 400 uansett - og da ser du
           ingen forskjell. Jeg har ikke kunnet kontrollere dette; min
           testmaskin naar ikke Google Fonts. */
  /* --nytt-stoerrelse: skriftstoerrelsen i boksen. Barlow er smalere enn
     Arial, saa 14.5px her tar omtrent like mye bredde som 12.5px Arial
     gjorde - stoerre bokstaver, samme plass. Vil du ha den mindre igjen,
     er det bare det siste tallet. */
  :root{ --nytt-farge:#b9d9f2; --nytt-vekt:300; --nytt-stoerrelse:clamp(11px,1.35vh,12.5px); }
  .evt-nytt, .evt-nytt *{ font-family:"Sora",Arial,Helvetica,sans-serif; }

  /* UNNTAKET: den store overskriften beholder Arial.
     Naar forsiden faar skriftlenka, blir ALT Sora - ogsaa denne. Du vil
     ha den slik den er, og det er et legitimt valg: en display-overskrift
     i en annen skrift enn broedteksten er et vanlig grep.

     Men merk forskjellen: i dag er den Arial ved et UHELL, fordi siden
     ikke laster noen skrift. Etter denne linja er den Arial fordi vi har
     bestemt det. Vil du likevel ha Sora her, slett de to linjene under. */
  /* L557: Arial-unntaket for den store overskriften er FJERNET.
     Det stod her, og bare her, inne i @media (min-width:1101px):
         body:not(.info-page) .hero h1{ font-family:Arial,... }
     Fordi det laa i desktop-blokken, var overskriften Arial paa pc
     og Sora paa mobil - samme side, to skrifter. Anders har bestemt
     at Sora er riktig, saa unntaket er tatt bort i stedet for at det
     legges en overstyring oppaa. Arial staar fortsatt som RESERVE i
     20 regler ("Sora",Arial,Helvetica,sans-serif) - det er riktig og
     skal bli staaende: det er den som tegner hvis Sora ikke laster. */
  .evt-nytt{
    position:absolute; z-index:3; max-width:560px; min-width:0;
    padding-left:clamp(14px,1.2vw,20px);
    border-left:2px solid rgba(8,169,238,.55);
    color:var(--nytt-farge); font-weight:var(--nytt-vekt);
    font-size:var(--nytt-stoerrelse); line-height:1.45;
  }
  .evt-nytt h3{ margin:0 0 clamp(5px,.8vh,8px); font-size:10.5px; font-weight:600;
    letter-spacing:.2em; text-transform:uppercase; color:#4cc3f5; }
  /* SAKENE RULLER naar det ikke er plass til alle. Skriptet setter
     max-height; her bestemmer vi hvordan det ser ut.
     overscroll-behavior:contain gjoer at hjulet ikke river med seg hele
     siden naar du har rullet til bunnen av lista. */
  .evt-saker{ overflow-y:auto; overscroll-behavior:contain; padding-right:6px;
    scrollbar-width:thin; scrollbar-color:rgba(8,169,238,.55) transparent; }
  .evt-saker::-webkit-scrollbar{ width:6px; }
  .evt-saker::-webkit-scrollbar-track{ background:transparent; }
  .evt-saker::-webkit-scrollbar-thumb{ background:rgba(8,169,238,.55); border-radius:3px; }
  .evt-saker::-webkit-scrollbar-thumb:hover{ background:rgba(8,169,238,.85); }
  /* flex-start, ikke center: datoen skal staa paa linje med FOERSTE
     tekstlinje naar teksten brekker over flere linjer. */
  .evt-saker > *{
    display:flex; align-items:flex-start; gap:10px; padding:clamp(3px,.4vh,5px) 0;
    color:var(--nytt-farge); text-decoration:none;
  }
  /* Teksten brekker fritt. Foer stod det nowrap + ellipsis her, og da ble
     en lang nyhet kuttet med «...» uten at noen kunne lese resten. Naa
     vokser boksen i stedet, og skriptet under passer paa at raden
     fortsatt faar plass over produktkortene. */
  .evt-nytt span{ min-width:0; }
  /* min-width: uten den starter teksten lenger til venstre paa «2. sep»
     enn paa «28. sep», og tekstkolonnen blir ujevn. tabular-nums gjoer at
     sifrene er like brede, saa datoene staar under hverandre. */
  .evt-nytt time{ flex:0 0 auto; min-width:4.3em; color:#7fd4f7; font-variant-numeric:tabular-nums; }
  .evt-saker a:hover span{ text-decoration:underline; color:#fff; }
  /* HER STOD FIRE REGLER SOM SKJULTE SAKER VED GITTE VINDUSHOEYDER
     (fire saker krevde 860 px, tre 780, og saa videre).

     De er borte, og det er ikke en forenkling - det er en retting. De
     tallene var maalt paa saker som var ÉN linje hver. Naa brekker en
     lang nyhet over flere linjer, og da stemmer ingen av dem. Jeg hadde
     allerede gjettet feil én gang paa den samme knaggen.

     I stedet maaler skriptet i index.html den faktiske plassen mellom
     knappene og produktkortene, og tar bort den eldste saken til raden
     faktisk faar plass. Da spiller det ingen rolle hvor lang teksten er
     eller hvor hoeyt vinduet er - det som maales er det som gjelder.

     Det samme skriptet sentrerer raden mellom knappene og kortene. */
  /* Produktkortene krymper i samme takt, saa raden ikke hopper. */
  .kat{ transform: translateY(-88px); padding-top: clamp(7px, calc(1.28vh - 1.3px), 12px); padding-bottom: 14px; }
  .fk-grid{ gap: clamp(9px, calc(1.28vh + 0.7px), 14px); }
  .fk-main{ padding: clamp(7px, calc(2.05vh - 6.3px), 15px) clamp(7px, calc(0.77vh + 2px), 10px) clamp(5px, calc(0.51vh + 1.7px), 7px); }
  .fk-kat{ font-size: clamp(12px, calc(1.03vh + 5.3px), 16px); }
  .fk-type{ font-size: clamp(8px, calc(1.03vh + 1.3px), 12px); }
  .fk-best{ width: clamp(74px, calc(5.64vh + 37.3px), 96px); }
}
/* Under 1101 px er boksen skjult i denne foerste utgaven. Mobiloppsettet
   flytter hele .hero-details ned under produktkortene, og det maa proeves
   for seg foer nyhetene slippes loes der. */
@media(max-width:1100px){ .evt-nytt{ display:none } }
/* END EVENTRO HERO-SKALERING */

/* BEGIN EVENTRO MOBILFORSIDE L556 */
/* =====================================================================
   L556 - MOBILFORSIDEN: UNDERTITTELEN FAAR PLASS, KORTENE SLUTTER
          AA BLI STREKT UT TIL SKJERMHOEYDEN
   =====================================================================
   TO FEIL MED SAMME ROT: noe var laast til et tall i stedet for til
   innholdet sitt.

   1) UNDERTITTELEN BLE KUTTET
      L104 satte white-space:nowrap paa .hero-sub. Nowrap forbyr
      linjeskift, og da MAA teksten ut av skjermen naar den ikke faar
      plass - den har ingen annen utvei. Regelen ble maalt paa «Full
      sikkerhet til under en krone» (33 tegn). Teksten er siden byttet
      til «Adgangskontroll og sikkerhet til under en krone» (46 tegn),
      og skrudde dermed 4.15vw for hoeyt.
      Maalt i Sora, med nowrap: 19-21 px utenfor kanten paa 320, 360,
      390 og 414 px - like mye overalt, fordi bokstavene vokser i takt
      med skjermen.
      Her: 3.6vw gir teksten plass paa én linje med 10-21 px til overs,
      og nowrap er fjernet saa en framtidig lengre tekst brekker i
      stedet for aa forsvinne. To forsvar, én aarsak.

   2) KORTENE VAR STOERRE ENN INNHOLDET
      .kat hadde height:calc(100svh - 215px) og rutenettet tre rader a
      1fr. Kortene ble altsaa like hoeye som PLASSEN, ikke som det de
      inneholder. Bildene er liggende (1180x729); i en hoey boks gir det
      nodvendigvis luft over og under - 23 % tomt felt paa 390 px, 27 %
      paa 414 px.
      Her: hoeyden foelger bildet, ikke skjermen, og det blir tre kort i
      bredden paa to rader. Lavere, bredere kort passer bildeformatet,
      saa luften forsvinner av seg selv i stedet for aa bli trimmet bort
      med padding.

   3) BESTSELGER-MERKET
      Stjernen er byttet mot et diagonalt baand nederst paa kortet.
      Fargen staar ett sted, i --best-farge rett under.
   ===================================================================== */
@media (max-width:760px){

  /* ---- 1. UNDERTITTELEN ---- */
  .eventro-home-page .hero-sub{
    font-size:clamp(11px,3.6vw,17px);
    white-space:normal;
    text-wrap:balance;
  }

  /* ---- 2. KORTENE ----
     Hoeyden slippes fri tre steder, fordi den var laast tre steder. */
  .eventro-home-page .kat{
    height:auto;
    padding:14px 12px 22px!important;
  }
  .eventro-home-page .kat .wrap{height:auto}
  .eventro-home-page .fk-grid{
    width:100%;
    height:auto;
    grid-template-columns:repeat(3,minmax(0,1fr));
    grid-template-rows:none;
    column-gap:9px;
    row-gap:10px;
  }
  .eventro-home-page .fk-card{
    align-self:start;
    height:auto;
  }
  /* Ikke lenger et rutenett med faste radhoeyder: kortet er like hoeyt
     som overskrift + undertittel + bilde. */
  .eventro-home-page .fk-main{
    display:block;
    height:auto;
    padding:7px 5px 6px;
  }
  /* OGSAA DISSE I vw, av samme grunn som baandet.
     Kortet er en tredjedel av skjermen, saa en fast skriftstoerrelse
     passer bare paa én telefon. Maalt: «Slap-wrap-baand» i Sora 700
     trenger 98,6 px ved 11,5 px skrift, men kortet har bare 80,7 px
     innvendig paa en 320 px skjerm. Fast 11,5 px brekker altsaa tittelen
     til to linjer paa de smale telefonene, og da blir det ene kortet
     hoeyere enn naboene i samme rad.
     2.85vw gir 9,1 px ved 320 (78 px tekst i 81 px plass), 11,1 ved 390
     og 11,8 ved 414 - én linje hele veien. Taket paa 15 px er for
     liggende telefon, der vw er stor og kortet likevel smalt. */
  .eventro-home-page .fk-main .fk-kat{
    display:block;
    margin:0;
    font-size:clamp(9px,2.85vw,15px);
    line-height:1.12;
  }
  .eventro-home-page .fk-main .fk-type{
    display:block;
    margin:1px 0 5px;
    font-size:clamp(7px,2.18vw,11px);
    line-height:1.1;
    letter-spacing:.2px;
  }
  /* aspect-ratio, ikke height: bildet bestemmer selv hvor hoeyt det er,
     og da finnes det ingen tom luft aa fylle. */
  .eventro-home-page .fk-main .fk-img{
    width:100%;
    height:auto;
    aspect-ratio:1180/729;
    margin:0;
  }
  /* contain, ikke cover: seks av de sju bildene har noeyaktig forholdet
     over (640x395 = 1.620 mot 1180/729 = 1.619), saa for dem er de to
     like. Det sjuende - lanyards_ai_kort.jpg - er 380x285 = 1.333, og
     cover ville klippet topp og bunn av det. contain holder ogsaa fast
     ved steg 25: hele haandbildet skal vises. */
  .eventro-home-page .fk-main .fk-img img{
    width:100%;
    height:100%;
    object-fit:contain;
  }

}

/* ---- 4. LIGGENDE TELEFON ----
   FLYTTET TIL L557 NEDERST I FILA. Den stod her med grensen
   @media (max-width:760px) and (orientation:landscape), og den
   grensen var feil: bare iPhone SE er under 760 px i liggende.
   Regelen er ikke lagt oppaa - den er tatt bort herfra. */

/* =====================================================================
   3. BESTSELGER: ETT DIAGONALT BAAND I STEDET FOR STJERNEN
   ---------------------------------------------------------------------
   Gjelder BAADE mobil og pc, og staar derfor utenfor mediespoerringene
   over.

   HVORFOR INGEN PIKSLER OG INGEN BRUDDPUNKTER
   Stjernen den erstatter hadde samlet seg opp til fem sett med tall:
   L276 (64 px), L277 (78 px, saa 86 px under 1100), L278 (96 px) og tre
   hoeydebaserte varianter (86, 80, 74). Hver gang kortet endret
   stoerrelse, maatte merket stilles inn paa nytt.
   Baandet her har ingen slike tall. cqw betyr «prosent av KORTETS
   bredde», saa det er den samme andelen av kortet enten kortet er 93 px
   (320 px telefon), 124 px (414 px telefon), 191 px (pc med sju
   kolonner) eller 233 px (liggende telefon). Da finnes det ikke noe aa
   stille inn per skjermstoerrelse - og ingen nye tall aa glemme.

   GEOMETRIEN ER REGNET, IKKE PROEVD FRAM
   Et baand som skjaerer av et rett hjoerne viser 2p av sin egen lengde,
   der p er avstanden fra hjoernet ned paa baandets midtlinje.
   «BESTSELGER» i Sora 700 maaler 42,2 px ved 6,5 px skrift. Med luft
   trengs 54 px synlig, altsaa p = 27 px, altsaa 38 px fordelt paa de to
   kantene. Maalt mot et kort paa 116 px gir det 88 %, -25 % og 13 %.
   Fordi BAADE teksten og hjoernet skalerer med kortet, holder forholdet
   seg i alle stoerrelser.

   FARGEN STAAR ETT STED - de to linjene rett under.
   ===================================================================== */
.eventro-home-page .fk-card[data-sku="001"]{
  --best-farge:#9fe870;   /* <-- fargen endres her, og bare her */
  --best-tekst:#14380b;
  container-type:inline-size;
  overflow:hidden;
}
/* Bildemerket skrus av. De gamle .fk-best-reglene blir dermed uvirksomme;
   de staar igjen urørt, slik at denne leveransen bare gjoer én ting. */
.eventro-home-page .fk-card[data-sku="001"] .fk-best{display:none}
.eventro-home-page .fk-card[data-sku="001"]::after{
  content:"Bestselger";
  position:absolute;
  z-index:4;
  right:-25cqw;
  bottom:13cqw;
  width:88cqw;
  padding:1.3cqw 0;
  background:var(--best-farge);
  color:var(--best-tekst);
  font-family:"Sora",Arial,Helvetica,sans-serif;
  font-weight:700;
  /* Gulvet er for de smaleste telefonene, taket for liggende og pc.
     Mellom dem foelger skriften kortet. */
  font-size:clamp(6px,5.6cqw,13px);
  line-height:1.3;
  text-align:center;
  text-transform:uppercase;
  transform:rotate(-45deg);
  box-shadow:0 1px 3px rgba(0,0,0,.22);
  pointer-events:none;
}
/* END EVENTRO MOBILFORSIDE L556 */

/* BEGIN EVENTRO LIGGENDE L557 */
/* =====================================================================
   L557 - LIGGENDE TELEFON PAA FORSIDEN
   =====================================================================
   HVA JEG TOK FEIL AV I L556 - MIN FEIL
   Jeg la liggende-regelen i @media (max-width:760px). Feil grense. En
   telefon i LIGGENDE er bredere enn 760 px paa alt nyere enn iPhone SE:
       iPhone SE          667 x 375   <- under 760, traff
       Galaxy S21         800 x 360   <- over, traff ikke
       iPhone 13/14       844 x 390   <- over
       Pixel 7            915 x 412   <- over
       iPhone 15 ProMax   932 x 430   <- over
   Alt fra 821 til 1100 px faller dessuten i en eldre regel som vinner
   paa spesifisitet:
       @media (min-width:821px) and (max-width:1100px)
       body:not(.info-page) .fk-grid{grid-template-columns:repeat(4,...)}
   «body:not(.info-page) .fk-grid» teller (0,2,1), min
   «.eventro-home-page .fk-grid» bare (0,2,0). Derfor fire store kort og
   avkuttet andre rad paa Anders' egen telefon, enda L556 var installert.

   GRENSEN ER IKKE FUNNET PAA - DEN STOD HER ALLEREDE
   start-launcher.js linje 87 og 92 bruker ordrett:
       (orientation:landscape) and (max-width:1000px)
       and (max-height:720px) and (pointer:coarse)
   Det er kodebasens egen maate aa si «telefon i liggende». Jeg bruker
   den samme, ikke en ny.

   JEG ROERER IKKE HVILKE KORT SOM VISES
   [FAMILIE:MOBILVALG] eier det: 004 ut, 005 inn med navnet
   «Tekstilbaand / Prisklasse 3». Foerste utkast av denne fila skjulte
   005 i liggende, og da ble BEGGE tekstilkortene borte - noeyaktig
   feilen den kommentaren advarer mot. Maalt: 5 kort i stedet for 6.
   Her staar det ingenting om data-sku.

   SEKS PAA ÉN RAD, ikke tre og tre. Regnet paa 932 x 430:
       seks i bredden   kort 144 px, hoeyde 126 px -> én skjerm
       tre og tre       kort 294 px, to rader 426 px -> maa rulles
   Liggende har overflod av bredde og mangel paa hoeyde.
   ===================================================================== */
@media (orientation:landscape) and (max-width:1000px) and (max-height:720px) and (pointer:coarse){

  /* Hero foelger innholdet. Overskriften paa én linje - det er bredden
     det er rikelig av her.
     MERK: at hero i det hele tatt kan krympe, krever at
     .hero-details er flyttet ned under kortene. Det gjoer skriptet i
     index.html, og dets grense er utvidet i samme leveranse. Uten den
     endringen staar hele broedteksten fortsatt inne i hero, og hero blir
     625 px hoey paa en 360 px skjerm uansett hva som staar her. */
  body:not(.info-page).eventro-home-page .hero{height:auto;min-height:0}
  /* 119 px, ikke 74. Menylinja (#site-header .sh-bar) er fixed og hoeyde
     0 i flyten - den svever over innholdet, saa hero MAA selv holde
     avstand. Maalt hver 20. piksel fra 620 til 1000 px bredde er den
     84 px, 105 px (mellom 780 og 820, der menyen brekker) og 92 px.
     119 = det hoeyeste pluss 14. Med 74 laa overskriften oppaa logoen
     paa hver eneste telefon. */
  body:not(.info-page).eventro-home-page .hero-inner{
    padding:119px 14px 8px!important;text-align:center}
  body:not(.info-page).eventro-home-page .hero h1{font-size:clamp(20px,3.2vw,30px);line-height:1.04}
  body:not(.info-page).eventro-home-page .hero h1 .blue{display:inline}
  body:not(.info-page).eventro-home-page .hero-sub{
    font-size:clamp(11px,1.75vw,16px);white-space:normal;margin:4px auto 0}

  /* Seks paa rad, hoeyden fra bildet.
     body:not(.info-page) i tillegg til .eventro-home-page gir (0,3,1) og
     vinner dermed over 821-regelen uten !important. */
  body:not(.info-page).eventro-home-page .kat{
    height:auto;padding:10px 12px 16px!important}
  body:not(.info-page).eventro-home-page .kat .wrap{height:auto}
  body:not(.info-page).eventro-home-page .fk-grid{
    width:100%;height:auto;
    grid-template-columns:repeat(6,minmax(0,1fr));
    grid-template-rows:none;
    column-gap:9px;row-gap:10px}
  body:not(.info-page).eventro-home-page .fk-card{align-self:start;height:auto}
  body:not(.info-page).eventro-home-page .fk-main{
    display:block;height:auto;padding:6px 4px 5px}

  /* De korte navnene, som i staaende. (MOBILVALG setter dem allerede for
     005; disse to gjelder de oevrige kortene.) */
  .eventro-home-page .fk-type-desktop{display:none}
  .eventro-home-page .fk-type-mobile{display:inline}

  /* Kortet er na en SJETTEDEL av skjermen, ikke en tredjedel. Derfor
     omtrent halve koeffisienten av staaende: 1.42vw mot 2.85vw. */
  body:not(.info-page).eventro-home-page .fk-main .fk-kat{
    display:block;margin:0;font-size:clamp(8px,1.42vw,13px);line-height:1.12}
  body:not(.info-page).eventro-home-page .fk-main .fk-type{
    display:block;margin:1px 0 4px;font-size:clamp(6.5px,1.09vw,10px);
    line-height:1.1;letter-spacing:.2px}
  body:not(.info-page).eventro-home-page .fk-main .fk-img{
    width:100%;height:auto;aspect-ratio:1180/729;margin:0}
  body:not(.info-page).eventro-home-page .fk-main .fk-img img{
    width:100%;height:100%;object-fit:contain}
}
/* END EVENTRO LIGGENDE L557 */