.produkt-grid-container {
    position: relative;
    /* NYTT: Hindrer horisontal scrolling forårsaket av full-width element */
    overflow-x: clip;
}

.kategori-seksjon {
    margin-bottom: 60px;
}

.kategori-tittel-wrapper {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color:color(srgb 0.0524 0.2669 0.4905);
    padding: 15px 20px;
    z-index: 10;
    border-bottom: 1px solid #e0e0e0;
    box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}

.kategori-tittel {
    margin: 0;
    font-size: 1.8rem;
    color: #fff;
}

.produkt-grid-container .min-egendefinerte-produktliste {
    padding-top: 20px;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    gap: 20px;
    justify-content: start;
}

@media (min-width: 1200px) {
    .produkt-grid-container .min-egendefinerte-produktliste {
        grid-template-columns: repeat(6, 1fr);
    }
}

/* --- MOBIL-FIKSER --- */
@media (max-width: 768px) {
    .kategori-tittel-wrapper {
        /* VIKTIG: Juster denne verdien til høyden på din faste header */
        top: 60px; /* Endre f.eks. til 80px hvis din header er 80px høy */

        /* Sørger for full bredde */
        left: 0;
        right: 0;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        box-sizing: border-box; /* Sikrer at padding er inkludert i bredden */
    }

    .kategori-tittel {
         font-size: 1.5rem;
         text-align: center;
    }
}