/* Product content uses the launch page's existing sections and typography. */
.produkt-intro h1{font-size:clamp(42px,4.7vw,64px);font-weight:500;margin-bottom:24px}
.produkt-smulor{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px;color:var(--text-svag);font-size:11px}
.produkt-smulor a{color:inherit;text-underline-offset:4px}
.produkt-genvagar a{color:inherit;text-decoration:none}
.produkt-genvagar a:hover{text-decoration:underline;text-underline-offset:5px}
.produkt-genvagar a:focus-visible{outline-color:var(--skog)}
.produkt-flode{list-style:none;counter-reset:steg;padding:0;margin:36px 0 0}
.produkt-flode li{counter-increment:steg;display:grid;grid-template-columns:30px minmax(0,1fr);gap:18px;padding:22px 0;border-top:1px solid var(--papperslinje)}
.produkt-flode li::before{content:counter(steg,decimal-leading-zero);font-family:var(--serif);font-size:24px;color:var(--text-svag)}
.produkt-flode h3{font-size:27px;margin-bottom:8px}
.produkt-flode p{font-size:14px;line-height:1.85;color:var(--text-dov);margin:0}
.produkt-detaljer{border-top:1px solid var(--papperslinje)}
.produkt-kundtext{margin-top:20px;margin-bottom:0}
.produkt [id]{scroll-margin-top:98px}
@media(max-width:520px){.produkt-intro h1{font-size:44px}.produkt-smulor{margin-bottom:24px}.produkt-flode li{gap:12px}}

@media(max-width:900px){.produkt-personal dt{display:block;margin-bottom:10px}.produkt-personal dd{margin-left:0}}