/* 
.ProductGroupListWrapper--featured > div { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 30px; padding: 30px 0; width: 100%; }

 Produktgruppe kort 
.pg-card { position: relative; background: white; border-radius: 16px; overflow: hidden; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); height: 100%; display: flex; flex-direction: column; }

    .pg-card:hover { transform: translateY(-8px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15); }

 
.pg-card__link { text-decoration: none; color: inherit; display: flex; flex-direction: column; height: 100%; }

    .pg-card__link:focus { outline: 3px solid #667eea; outline-offset: 2px; }

 
.pg-card__image { position: relative; width: 100%; background: linear-gradient(135deg, #f5f7fa 0%, #e8ebf0 100%); overflow: hidden; flex-shrink: 0; }

.pg-card__image-inner { position: relative; width: 100%; padding-bottom: 100%;  1:1 aspect ratio - endre denne!  overflow: hidden; }

 
.pg-card__image-inner--square { padding-bottom: 100%;    }

.pg-card__image-inner--landscape { padding-bottom: 75%;    }

.pg-card__image-inner--portrait { padding-bottom: 133%;    }

.pg-card__image-inner--wide { padding-bottom: 56.25%;    }

.pg-card__image-inner img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1); }

.pg-card:hover .pg-card__image-inner img { transform: translate(-50%, -50%) scale(1.08); }

 
.pg-card__content { padding: 20px; text-align: center; flex-grow: 1; display: flex; align-items: center; justify-content: center; }

.pg-card__title { font-size: 18px; font-weight: 600; color: #1a202c; line-height: 1.4; margin: 0; transition: color 0.3s ease; }

.pg-card:hover .pg-card__title { color: #667eea; }

 Grid varianter - juster kolonner 
.pg-grid--2col { grid-template-columns: repeat(auto-fill, minmax(400px, 1fr)); }

.pg-grid--3col { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }

.pg-grid--4col { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }

.pg-grid--5col { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); }


@media (max-width: 1200px) {
    .ProductGroupListWrapper--featured { grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 25px; }
}

@media (max-width: 992px) {
    .ProductGroupListWrapper--featured { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 20px; }

    .pg-card__title { font-size: 16px; }

    .pg-card__content { padding: 15px; }
}

@media (max-width: 768px) {
    .ProductGroupListWrapper--featured { grid-template-columns: repeat(2, 1fr); gap: 15px; padding: 20px 0; }

    .pg-card__title { font-size: 15px; }
}

@media (max-width: 480px) {
    .ProductGroupListWrapper--featured { grid-template-columns: repeat(2, 1fr); gap: 12px; }

    .pg-card__content { padding: 12px 8px; }

    .pg-card__title { font-size: 14px; }
}

*/

/***************************************************/

/* Wrapper grid */
/*.productgrouplistwrapper--featured { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 30px; padding: 30px 0; width: 100%; }*/

/* Produktgruppe kort */
/*.pg-card { position: relative; background: white; border-radius: 16px; overflow: hidden; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); height: 100%; display: flex; flex-direction: column; }

    .pg-card:hover { transform: translateY(-8px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15); }

.pg-card__link { text-decoration: none; color: inherit; display: flex; flex-direction: column; height: 100%; }

    .pg-card__link:focus { outline: 3px solid #667eea; outline-offset: 2px; }

.pg-card__image { position: relative; width: 100%; background: linear-gradient(135deg, #f5f7fa 0%, #e8ebf0 100%); overflow: hidden; flex-shrink: 0; }

.pg-card__image-inner { position: relative; width: 100%; padding-bottom: 100%; overflow: hidden; }

    .pg-card__image-inner img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }

.pg-card:hover .pg-card__image-inner img { transform: translate(-50%, -50%) scale(1.08); }

.pg-card__content { padding: 20px; text-align: center; flex-grow: 1; display: flex; align-items: center; justify-content: center; }

.pg-card__title { font-size: 18px; font-weight: 600; color: #1a202c; line-height: 1.4; margin: 0; transition: color 0.3s ease; }

.pg-card:hover .pg-card__title { color: #667eea; }*/

/* Responsive */
/*@media (max-width: 992px) {
    .productgrouplistwrapper--featured { grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 20px; }

    .pg-card__title { font-size: 16px; }
}

@media (max-width: 768px) {
    .productgrouplistwrapper--featured { grid-template-columns: repeat(2, 1fr); gap: 15px; }

    .pg-card__title { font-size: 15px; }
}

@media (max-width: 480px) {
    .productgrouplistwrapper--featured { gap: 12px; }

    .pg-card__title { font-size: 14px; }

    .pg-card__content { padding: 12px 8px; }
}
*/

/* ============================================
   PRODUKTGRUPPE GRID - FRONT
   ============================================ */

/*.productgrouplistwrapper--featured { display: grid; grid-template-columns: repeat(3, 1fr);*/ /* Fast 3 kolonner */ /*gap: 30px; padding: 30px 0; width: 100%; max-width: 1400px;*/ /* Maks bredde */ /*margin: 0 auto;*/ /* Sentrert */ /*}*/

/* Produktgruppe kort */
/*.pg-card { position: relative; background: white; border-radius: 16px; overflow: hidden; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); min-height: 350px;*/ /* Minimum høyde */ /*display: flex; flex-direction: column; }

    .pg-card:hover { transform: translateY(-8px); box-shadow: 0 12px 32px rgba(0, 0, 0, 0.15); }*/

/* Link */
/*.pg-card__link { text-decoration: none; color: inherit; display: flex; flex-direction: column; height: 100%; }

    .pg-card__link:focus { outline: 3px solid #667eea; outline-offset: 2px; }*/

/* Bilde seksjon */
/*.pg-card__image { position: relative; width: 100%; background: linear-gradient(135deg, #f5f7fa 0%, #e8ebf0 100%); overflow: hidden; flex-shrink: 0; }

.pg-card__image-inner { position: relative; width: 100%; padding-bottom: 75%;*/ /* 4:3 ratio - mer luftig */ /*overflow: hidden; }

    .pg-card__image-inner img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 90%; max-height: 90%; width: auto; height: auto; object-fit: contain;*/ /* Contain i stedet for cover */ /*transition: transform 0.5s ease; }

.pg-card:hover .pg-card__image-inner img { transform: translate(-50%, -50%) scale(1.1); }*/

/* Innhold seksjon */
/*.pg-card__content { padding: 25px 20px; text-align: center; flex-grow: 1; display: flex; align-items: center; justify-content: center; }

.pg-card__title { font-size: 18px; font-weight: 600; color: #1a202c; line-height: 1.4; margin: 0; transition: color 0.3s ease; word-break: break-word;*/ /* Bryt lange ord */ /*}

.pg-card:hover .pg-card__title { color: #667eea; }*/

/* ============================================
   RESPONSIVE
   ============================================ */

/* Large desktop */
/*@media (min-width: 1400px) {
    .productgrouplistwrapper--featured { grid-template-columns: repeat(4, 1fr);*/ /* 4 kolonner på stor skjerm */ /*}
}*/

/* Desktop */
/*@media (max-width: 1200px) {
    .productgrouplistwrapper--featured { grid-template-columns: repeat(3, 1fr);*/ /* 3 kolonner */ /*gap: 25px; }

    .pg-card__title { font-size: 17px; }
}*/

/* Tablet landscape */
/*@media (max-width: 992px) {
    .productgrouplistwrapper--featured { grid-template-columns: repeat(3, 1fr);*/ /* Hold 3 kolonner */ /*gap: 20px; }

    .pg-card { min-height: 300px; }

    .pg-card__title { font-size: 16px; }

    .pg-card__content { padding: 20px 15px; }
}*/

/* Tablet portrait */
/*@media (max-width: 768px) {
    .productgrouplistwrapper--featured { grid-template-columns: repeat(2, 1fr);*/ /* 2 kolonner */ /*gap: 15px; padding: 20px 0; }

    .pg-card { min-height: 280px; }

    .pg-card__title { font-size: 15px; }
}*/

/* Mobile */
/*@media (max-width: 480px) {
    .productgrouplistwrapper--featured { grid-template-columns: repeat(2, 1fr);*/ /* Hold 2 kolonner */ /*gap: 12px; }

    .pg-card { min-height: 240px; }

    .pg-card__title { font-size: 14px; }

    .pg-card__content { padding: 15px 10px; }

    .pg-card__image-inner { padding-bottom: 85%;*/ /* Litt høyere på mobil */ /*}
}*/


/* ============================================
   PRODUKTGRUPPE GRID - FRONT
   ============================================ */

/*.productgrouplistwrapper--featured { display: grid; grid-template-columns: repeat(4, 1fr);*/ /* 4 kolonner desktop */ /*gap: 30px; padding: 30px 0; width: 100%; max-width: 1400px; margin: 0 auto; }*/

/* ============================================
   PRODUKTGRUPPE KORT
   ============================================ */

/*.pg-card { position: relative; background: white; border-radius: 12px; overflow: hidden; transition: all 0.2s ease; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); min-height: 350px; display: flex; flex-direction: column; }

    .pg-card:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12); }*/

/* Link */
/*.pg-card__link { text-decoration: none; color: inherit; display: flex; flex-direction: column; height: 100%; }

    .pg-card__link:focus { outline: 2px solid #667eea; outline-offset: 2px; }*/

/* Bilde seksjon */
/*.pg-card__image { position: relative; width: 100%; overflow: hidden; flex-shrink: 0; }

.pg-card__image-inner { position: relative; width: 100%; padding-bottom: 75%; overflow: hidden; }

    .pg-card__image-inner img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 90%; max-height: 90%; width: auto; height: auto; object-fit: contain; transition: transform 0.3s ease; }

.pg-card:hover .pg-card__image-inner img { transform: translate(-50%, -50%) scale(1.05); }*/

/* Innhold seksjon */
/*.pg-card__content { padding: 25px 20px; text-align: center; flex-grow: 1; display: flex; align-items: center; justify-content: center; }*/

/*.pg-card__title { font-size: 18px; font-weight: 600; color: #1a202c; line-height: 1.4; margin: 0; transition: color 0.2s ease; word-break: break-word; }*/
/*.pg-card__title { font-size: 18px; font-weight: 600; color: #1a202c; line-height: 1.4; margin: 0; transition: color 0.2s ease; word-break: break-word; border: none !important; border-bottom: none !important; }*/

/*.pg-card:hover .pg-card__title { text-decoration:none; }*/

/*.pg-card h3,
.pg-card__title,
.pg-card h3.pg-card__title { border: none !important; border-bottom: none !important; text-decoration: none !important; }

.pg-card:hover h3,
.pg-card:hover .pg-card__title,
.pg-card:hover h3.pg-card__title { border: none !important; border-bottom: none !important; text-decoration: none !important; }

.pg-card a:hover h3,
.pg-card__link:hover .pg-card__title { border: none !important; border-bottom: none !important; text-decoration: none !important; }*/

/* Overstyr h3 border fra site.css */
/*.productgrouplistwrapper--featured h3,
.pg-card h3,h3.pg-card__title { border: none !important; border-bottom: none !important; }

.pg-card h3,
.pg-card__title { border-bottom: none !important; text-decoration: none !important; }

.pg-card a,
.pg-card__link { text-decoration: none !important; border-bottom: none !important; }*/

/* ============================================
   RESPONSIVE
   ============================================ */

/* Large desktop - 4 kolonner */
/*@media (min-width: 1200px) {
    .productgrouplistwrapper--featured { grid-template-columns: repeat(4, 1fr); }
}*/

/* Desktop - 3 kolonner */
/*@media (max-width: 1199px) {
    .productgrouplistwrapper--featured { grid-template-columns: repeat(3, 1fr); gap: 25px; }
}*/

/* Tablet landscape - 3 kolonner */
/*@media (max-width: 992px) {
    .productgrouplistwrapper--featured { grid-template-columns: repeat(3, 1fr); gap: 20px; }

    .pg-card { min-height: 300px; }

    .pg-card__title { font-size: 16px; }

    .pg-card__content { padding: 20px 15px; }
}*/

/* Tablet portrait - 2 kolonner */
/*@media (max-width: 768px) {
    .productgrouplistwrapper--featured { grid-template-columns: repeat(2, 1fr); gap: 15px; padding: 20px 0; }

    .pg-card { min-height: 280px; }

    .pg-card__title { font-size: 15px; }
}*/

/* Mobile - 2 kolonner */
/*@media (max-width: 480px) {
    .productgrouplistwrapper--featured { grid-template-columns: repeat(2, 1fr); gap: 12px; }

    .pg-card { min-height: 240px; }

    .pg-card__title { font-size: 14px; }

    .pg-card__content { padding: 15px 10px; }

    .pg-card__image-inner { padding-bottom: 85%; }
}*/

/* ============================================
   PRODUKTGRUPPE GRID - FRONT
   ============================================ */

.productgrouplistwrapper--featured { display: grid; grid-template-columns: repeat(5, 1fr); gap: 30px; padding: 30px 0; width: 100%; max-width: 1400px; margin: 0 auto; }

/* ============================================
   PRODUKTGRUPPE KORT
   ============================================ */

.pg-card { position: relative; background: white; border-radius: 12px; overflow: hidden; transition: all 0.2s ease; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); min-height: 350px; display: flex; flex-direction: column; }

    .pg-card:hover { transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12); }

/* Link */
.pg-card__link { text-decoration: none; color: inherit; display: flex; flex-direction: column; height: 100%; }

    .pg-card__link:focus { outline: 2px solid #667eea; outline-offset: 2px; }

/* Fjern underlines og borders */
.pg-card h3,
.pg-card__title { border-bottom: none !important; text-decoration: none !important; }

.pg-card a,
.pg-card__link { text-decoration: none !important; border-bottom: none !important; }

/* Bilde seksjon */
.pg-card__image { position: relative; width: 100%; background: white; overflow: hidden; flex-shrink: 0; }

.pg-card__image-inner { position: relative; width: 100%; padding-bottom: 75%; overflow: hidden; }

    /*.pg-card__image-inner img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 95%; max-height: 95%; width: auto; height: auto; object-fit: contain; transition: transform 0.3s ease; }*/
    .pg-card__image-inner img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; /* Endret fra contain */ transition: transform 0.3s ease; }
.pg-card:hover .pg-card__image-inner img { transform: translate(-50%, -50%) scale(1.05); }

/* Innhold seksjon */
.pg-card__content { padding: 25px 20px; text-align: center; flex-grow: 1; display: flex; align-items: center; justify-content: center; }

.pg-card__title { font-size: 18px; font-weight: 600; color: #1a202c; line-height: 1.4; margin: 0; word-break: break-word; }

/* ============================================
   RESPONSIVE
   ============================================ */

/* Large desktop - 4 kolonner */
@media (min-width: 1200px) {
    .productgrouplistwrapper--featured { grid-template-columns: repeat(5, 1fr); }
}

/* Desktop - 3 kolonner */
@media (max-width: 1199px) {
    .productgrouplistwrapper--featured { grid-template-columns: repeat(3, 1fr); gap: 25px; }
}

/* Tablet landscape - 3 kolonner */
@media (max-width: 992px) {
    .productgrouplistwrapper--featured { grid-template-columns: repeat(3, 1fr); gap: 20px; }

    .pg-card { min-height: 300px; }

    .pg-card__title { font-size: 16px; }

    .pg-card__content { padding: 20px 15px; }
}

/* Tablet portrait og mindre - 2 kolonner */
@media (max-width: 768px) {
    .productgrouplistwrapper--featured { grid-template-columns: repeat(2, 1fr); gap: 15px; padding: 20px 0; }

    .pg-card { min-height: 280px; }

    .pg-card__title { font-size: 15px; }
}

/* Mobile - 2 kolonner */
@media (max-width: 480px) {
    .productgrouplistwrapper--featured { grid-template-columns: repeat(2, 1fr); gap: 12px; }

    .pg-card { min-height: 240px; }

    .pg-card__title { font-size: 14px; }

    .pg-card__content { padding: 15px 10px; }

    .pg-card__image-inner { padding-bottom: 85%; }
}