/* Målgruppssidor: företag/skogsägare och privata kunder */

.malgrupp__etikett {
    font-family: var(--font-rubrik);
    text-transform: uppercase;
    letter-spacing: .1em;
    font-size: .8rem;
    color: var(--gron);
    margin: 0 0 .75rem;
}
.sidrubrik .ingress { max-width: 65ch; }

.etiketter {
    list-style: none; display: flex; flex-wrap: wrap; gap: .5rem;
    padding: 0; margin: 0 0 2rem;
}
.etiketter li {
    background: var(--gron-ljus);
    color: var(--gron-mork);
    border-radius: 999px;
    padding: .35em 1em;
    font-size: .95rem;
}

/* Sidrubrik med bakgrundsbild och mörkt överlägg för läsbar text */
.sidrubrik--bild {
    background:
        linear-gradient(rgba(10, 30, 12, .62), rgba(10, 30, 12, .62)),
        var(--hero-bild) center / cover no-repeat;
    color: #fff;
    padding: 6rem 0 5rem;
}
.sidrubrik--bild h1,
.sidrubrik--bild .ingress,
.sidrubrik--bild .malgrupp__etikett { color: #fff; }
.sidrubrik--bild h1,
.sidrubrik--bild .ingress { text-shadow: 0 1px 8px rgba(0, 0, 0, .4); }

/* Utzoomad hero: högre sektion så att mer av bilden syns */
.sidrubrik--utzoomad {
    min-height: clamp(24rem, 46vw, 36rem);
    display: flex;
    align-items: center;
}
.sidrubrik--utzoomad .container { width: 100%; }

/* RUT-avdrag på sidan för privata kunder */
.rut { padding-bottom: 3rem; }
.rut p { max-width: 70ch; }
.rut__knapp { margin-top: 2rem; }

/* Punktlista i två kolumner med fyra punkter i varje */
.punktlista {
    list-style: none;
    padding: 0;
    margin: 0 0 2rem;
    display: grid;
    grid-template-rows: repeat(4, auto);
    grid-auto-flow: column;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .6rem 2.5rem;
}
.punktlista li { position: relative; padding-left: 1.75rem; }
.punktlista li::before {
    content: ''; position: absolute; left: 0; top: .55em;
    width: .7rem; height: .7rem; border-radius: 50%;
    background: var(--gron);
}
@media (max-width: 560px) {
    .punktlista { grid-template-rows: none; grid-auto-flow: row; grid-template-columns: 1fr; }
}