/* Markedsmateriell – utseende (mm-baserte enheter, brukes i forhåndsvisning og trykk) */
.mat{position:relative;overflow:hidden;font-family:Inter,ui-sans-serif,system-ui,sans-serif;line-height:1.12;color:var(--tx);background:var(--bg);-webkit-print-color-adjust:exact;print-color-adjust:exact;box-sizing:border-box}
.mat *{box-sizing:border-box}
.mat-frame{position:relative;overflow:hidden;border-radius:6px;box-shadow:0 12px 30px -10px rgba(20,10,60,.4),0 0 0 1px rgba(0,0,0,.06);background:#fff}
.m-bg{position:absolute;inset:0;overflow:hidden}
.m-safe{position:absolute;display:flex;flex-direction:column;font-size:calc(1em * var(--k,1));overflow:hidden}
.m-trim{position:absolute;border:.3mm dashed rgba(255,0,80,.8);pointer-events:none}
.s-konfetti{background:linear-gradient(155deg,var(--p) 0%,color-mix(in srgb,var(--p) 55%,var(--a)) 55%,var(--a) 100%)}
.s-ren{background:var(--bg)}
.s-neon{background:#0d0924}
.s-hjul{background:linear-gradient(170deg,color-mix(in srgb,var(--p) 14%,#fff),#fff 60%)}
.m-conf i{position:absolute;display:block}
.m-blob{position:absolute;border-radius:50%}
.s-ren .b1{width:26em;height:26em;right:-9em;top:-9em;background:var(--p);opacity:.13}
.s-ren .b2{width:20em;height:20em;left:-8em;bottom:-8em;background:var(--a);opacity:.15}
.s-ren .m-head{color:var(--p)}
.m-glow{position:absolute;border-radius:50%;filter:blur(2.2em)}
.s-neon .g1{width:22em;height:22em;left:-8em;top:-6em;background:var(--p);opacity:.65}
.s-neon .g2{width:22em;height:22em;right:-9em;bottom:-7em;background:var(--a);opacity:.5}
.m-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) .08em,transparent .08em),linear-gradient(90deg,rgba(255,255,255,.05) .08em,transparent .08em);background-size:2em 2em}
.s-hjul .m-head{color:var(--p)}
.s-hjul .m-sub,.s-hjul .m-prize,.s-hjul .m-foot{color:var(--ink)}
.m-bigart{display:none}
.sh-tall .m-bigart{bottom:-40%}.sh-wide .m-bigart,.sh-square .m-bigart,.sh-round .m-bigart{display:none}
.m-bigart .art{width:100%;height:auto;display:block;filter:drop-shadow(0 .6em 1em rgba(0,0,0,.25))}
.s-hjul .m-art{width:15em}.sh-tall.s-hjul .m-art{width:19em}.s-hjul .m-qrcard{box-shadow:0 .5em 1.4em rgba(20,10,60,.28),0 0 0 .12em color-mix(in srgb,var(--p) 25%,transparent)}
.m-col{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:space-between;gap:.7em;position:relative}
.m-logo{max-height:2.3em;max-width:9em;object-fit:contain}
.m-org{font:800 1.2em/1 var(--font-display,Inter);letter-spacing:.02em}
.m-head,.m-sub,.m-prize{overflow-wrap:anywhere}
.m-head{font-family:'Bricolage Grotesque',Inter,sans-serif;font-weight:800;font-size:3em;line-height:1.02;letter-spacing:-.02em;text-wrap:balance}
.m-sub{font-size:1.1em;line-height:1.3;opacity:.92;max-width:17em;text-wrap:balance}
.m-art{width:11.5em}.m-art .art{width:100%;height:auto;display:block;filter:drop-shadow(0 .4em .6em rgba(0,0,0,.25))}
.m-qrcard{background:#fff;color:#17122f;border-radius:1.1em;padding:.8em;display:flex;flex-direction:column;align-items:center;gap:.7em;box-shadow:0 .5em 1.4em rgba(0,0,0,.25)}
.m-qr{width:8em;aspect-ratio:1}.m-qr svg{width:100%;height:100%;display:block}.m-qr-ph{background:repeating-conic-gradient(#17122f 0 25%,#fff 0 50%) 0 0/1.2em 1.2em}
.m-cta{background:var(--cta-bg,#fff);color:#17122f;font-weight:800;font-size:1.15em;padding:.55em 1.1em;border-radius:99em;white-space:nowrap}
.m-qrcard .m-cta{background:var(--p);color:var(--on);font-size:1.05em;width:100%;text-align:center}
.s-konfetti .m-cta{--cta-bg:#fff}
.s-neon .m-cta{background:var(--a);color:#fff;box-shadow:0 0 1.2em var(--a)}
.s-neon .m-qrcard .m-cta{background:var(--p);box-shadow:none}
.m-prize{font-weight:700;font-size:.95em;opacity:.95;text-wrap:balance}
.m-foot{font-size:.62em;opacity:.7}
.sh-portrait .m-safe{padding:0}
.sh-tall .m-col{gap:1.2em}.sh-tall .m-art{width:15em}.sh-tall .m-qr{width:12em}.sh-tall .m-head{font-size:2.9em}.sh-tall .m-sub{font-size:1.15em;max-width:15em}
.mat[data-p=flyer_dl] .m-head{font-size:2.35em}.mat[data-p=flyer_dl] .m-art{width:9.5em}.mat[data-p=flyer_dl] .m-qr{width:7em}
.mat[data-p=tent] .m-art{width:9em}
.mat[data-p=poster_a3] .m-art{width:12.5em}
/* bredt (visittkort) */
.m-wide{flex:1;display:grid;grid-template-columns:1.3fr 1fr;gap:.8em;align-items:center}
.m-wl{display:flex;flex-direction:column;gap:.5em;align-items:flex-start;text-align:left}
.sh-wide .m-head{font-size:1.3em}.sh-wide .m-sub{font-size:.72em;max-width:none}.sh-wide .m-cta{font-size:.7em;padding:.5em 1em}.sh-wide .m-logo{max-height:1.4em}.sh-wide .m-org{font-size:.9em}
.sh-wide .m-wr{display:flex;justify-content:center}.sh-wide .m-qrcard{padding:.5em;border-radius:.7em}.sh-wide .m-qr{width:5.4em}
.m-card-front{flex:1;display:flex;flex-direction:column;justify-content:space-between;text-align:left}
.m-cname{font:800 1.5em/1.05 'Bricolage Grotesque',Inter;letter-spacing:-.01em}.m-ctitle{font-size:.75em;opacity:.85;margin-top:.2em}
.m-cf-bot{font-size:.62em;line-height:1.5;opacity:.92}
/* kvadratisk / rund */
.m-sq{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7em;text-align:center}
.sh-square .m-head,.sh-round .m-head{font-size:1.75em}
.sh-square .m-qr{width:8.8em}.sh-round .m-qr{width:7.6em}
.sh-round .m-sq{gap:.55em}.sh-round .m-head{font-size:1.6em}.sh-round .m-qrcard{padding:.6em}
.sh-round .m-cta{font-size:.95em}.sh-round .m-prize{font-size:.8em}
.sh-round .m-logo,.sh-square .m-logo{max-height:1.6em}
/* justeringer: standardverdiene skal passe uten nedskalering */
.m-col{gap:.55em}
.sh-portrait .m-head{font-size:2.8em}
.sh-portrait .m-art{width:10.5em}
.sh-tall .m-head{font-size:2.6em}.sh-tall .m-art{width:13em}.sh-tall .m-qr{width:10.5em}.sh-tall .m-col{gap:1em}.sh-tall .m-sub{font-size:1.05em}
.sh-square .m-head{font-size:1.55em}.sh-square .m-qr{width:7.4em}.sh-square .m-sq{gap:.55em}
.sh-round .m-head{font-size:1.4em}.sh-round .m-qr{width:6.4em}.sh-round .m-sq{gap:.45em}.sh-round .m-cta{font-size:.85em}.sh-round .m-prize{font-size:.72em}
.sh-wide .m-cta{white-space:normal;font-size:.62em;text-align:center}
.s-hjul.sh-portrait .m-art{width:12em}
.sh-round .m-prize{display:none}
.sh-wide .m-wl{gap:.35em}.sh-wide .m-head{font-size:1.15em}.sh-wide .m-sub{font-size:.62em}.sh-wide .m-qr{width:5em}

/* flere stiler */
.s-bolger{background:linear-gradient(160deg,var(--p),color-mix(in srgb,var(--p) 40%,var(--a)) 60%,var(--a))}
.m-waves{position:absolute;left:0;right:0;bottom:0;width:100%;height:42%;display:block}
.s-retro{background:repeating-conic-gradient(from 0deg at 50% 36%,var(--p) 0 7.5deg,color-mix(in srgb,var(--p) 72%,#fff) 7.5deg 15deg)}
.s-retro .m-head{text-shadow:.05em .05em 0 var(--a)}
.m-sun{position:absolute;left:50%;top:36%;width:7em;height:7em;border-radius:50%;transform:translate(-50%,-50%);background:var(--a);box-shadow:0 0 0 1.2em color-mix(in srgb,var(--a) 35%,transparent);opacity:.9}
.sh-wide .m-sun,.sh-square .m-sun,.sh-round .m-sun{display:none}
.s-pop{background:var(--bg)}
.m-dots{position:absolute;inset:0;background:radial-gradient(var(--p) 20%,transparent 22%) 0 0/1.5em 1.5em;opacity:.16}
.m-popc{position:absolute;border-radius:50%}.m-popc.c1{width:16em;height:16em;right:-6em;top:-6em;background:var(--a)}.m-popc.c2{width:12em;height:12em;left:-5em;bottom:-5em;background:var(--p);opacity:.9}
.s-pop .m-head{color:var(--ink);-webkit-text-stroke:0;text-shadow:.045em .045em 0 var(--a)}
.s-pop .m-qrcard{box-shadow:.3em .3em 0 var(--ink);border:.14em solid var(--ink)}
.s-elegant{background:#0e0b1d}
.m-frame{position:absolute;inset:3.2%;border:.12em solid var(--a);border-radius:.4em;opacity:.9}
.m-frame::after{content:"";position:absolute;inset:.5em;border:.04em solid var(--a);opacity:.5;border-radius:.2em}
.s-elegant .m-head{color:var(--a)}.s-elegant .m-cta{background:var(--a)!important;color:#17122f!important;box-shadow:none}
.s-elegant .m-qrcard .m-cta{background:var(--a)!important}
.sh-round.s-elegant .m-frame{border-radius:50%;inset:5%}
.s-minimal{background:var(--bg)}
.m-bar{position:absolute;left:0;top:0;bottom:0;width:5.2%;background:var(--p)}.m-bar2{position:absolute;left:5.2%;top:0;bottom:0;width:1%;background:var(--a)}
.sh-round .m-bar,.sh-round .m-bar2{display:none}
.s-minimal .m-head{color:var(--ink)}
.s-minimal .m-safe{padding-left:0}
.s-bilde{background:linear-gradient(155deg,var(--p),var(--a))}
.s-bilde .m-head,.s-bilde .m-sub,.s-bilde .m-prize,.s-bilde .m-foot{text-shadow:0 .08em .5em rgba(0,0,0,.55)}
.s-bilde .m-qrcard .m-cta{background:var(--p);color:var(--on)}