/*
Theme Name: Supershift x Breakfast
Author: Breakfast AS
Template: Divi
Version: 1.12.1
*/

/*
 * Global design tokens
 */
:root{
    /* Colors */
    --color-hvit: #ffffff;
    --color-sort: #000000;
    --color-beige: #F3F2E8;
    --color-morkegra: #404040;
    --color-lysegra: #BFBFBF;
    --color-mork-blaagra: #22333B;
    --color-lysegra-extra: #F7F7F7;
    --color-lys-beige: #FCFCF9;
    --color-light-blue: #DCE9F5;
    --color-sport-lysebla: #BFF5FD;

    /* Typography */
    --font-size-h1: 32px !important;
    --line-height-h1: 40px !important;
    --font-size-h2: 24px !important;
    --line-height-h2: 32px !important;
    --font-size-h3: 20px !important;
    --line-height-h3: 28px !important;
    --font-size-p: 16px !important;
    --line-height-p: 24px !important;
    --font-size-b: 16px !important;
    --line-height-b: 24px !important;
    --font-size-ingress: 18px !important;
    --line-height-ingress: 26px !important;
    --font-size-liten: 12px !important;
    --line-height-liten: 12px !important;
}

/* Global element styles */
html, body{
    overflow-x: hidden;
}
body, h1, h2, h3, h4, h5, h6{
    font-family: 'Poppins', sans-serif;
}
h1{
    font-size:var(--font-size-h1) !important;
    line-height:var(--line-height-h1) !important;
}
h2{
    font-size:var(--font-size-h2) !important;
    line-height:var(--line-height-h2) !important;
}
h3{
    font-size:var(--font-size-h3) !important;
    line-height:var(--line-height-h3) !important;
    font-weight:600 !important;
}
p{
    font-size:var(--font-size-p) !important;
    line-height:var(--line-height-p) !important;
}
b,strong{
    font-size:var(--font-size-b) !important;
    line-height:var(--line-height-b) !important;
}
.ingress{
    font-size:var(--font-size-ingress) !important;
    line-height:var(--line-height-ingress) !important;
}
.liten{
    font-size:var(--font-size-liten) !important;
    line-height:var(--line-height-liten) !important;
}

.et_pb_module h1{
    font-size:var(--font-size-h1) !important;
    line-height:var(--line-height-h1) !important;
}

.et_pb_module h2{
    font-size:var(--font-size-h2) !important;
    line-height:var(--line-height-h2) !important;
}

.et_pb_module h3{
    font-size:var(--font-size-h3) !important;
    line-height:var(--line-height-h3) !important;
    font-weight:600 !important;
}

.et_pb_module h4{
    font-size:var(--font-size-h3) !important;
    line-height:var(--line-height-h3) !important;
}

.et_pb_module h5{
    font-size:var(--font-size-h3) !important;
    line-height:var(--line-height-h3) !important;
}

.et_pb_module h6{
    font-size:var(--font-size-h3) !important;
    line-height:var(--line-height-h3) !important;
}

.single-produkt #main-content{
    margin-top:2rem;
}

.single-produkt .produkt-breadcrumbs{
    margin-bottom:1rem;
}

.single-produkt .produkt-breadcrumbs a{
    color:#404040;
    text-decoration:underline;
}
.single-produkt .produkt-top{
    display:flex;
    flex-wrap:nowrap;
    gap:2rem;
}
.single-produkt .produkt-image {
    flex: 0 0 50%;
    position: relative;
}
.single-produkt .produkt-info {
    flex: 0 0 50%;
    padding:0 80px;
}
.single-produkt .produkt-info .entry-title {
    margin-bottom:44px !important;
}
.single-produkt .produkt-info .ingress {
    margin-bottom:28px;
}
.single-produkt .panel-btn{
    margin-top:1rem;
}
.single-produkt .forhandler-dropdown{ 
    margin-top:1rem; 
    display:inline-block; 
    background:var(--color-sort); 
    color:var(--color-beige); 
    border-radius:4px; 
    overflow:hidden; 
}
.single-produkt .forhandler-dropdown .panel-btn{
    /* Make toggle look integrated with container */
    background:transparent;
    color:var(--color-beige);
    border-radius:0;
    border:0;
    box-shadow:none;
    -webkit-appearance:none;
    appearance:none;
    margin-top:0;
    width:100%;
    justify-content:space-between;
    font-size:var(--font-size-b) !important;
    line-height:var(--line-height-b) !important;
    padding:.5rem 1rem 0.5rem 1rem; /* explicitly control bottom padding */
    cursor:pointer;
}
.single-produkt .forhandler-dropdown__list{ padding:0; margin:0; background:var(--color-sort); }
.single-produkt .forhandler-dropdown__list > *{ margin:0 !important; padding:0 !important; }
.single-produkt .forhandler-dropdown__item{ margin:0 !important; padding:0 !important; }
.single-produkt .forhandler-dropdown__item a{
    display:block;
    padding:.5rem 1rem;
    padding-top:.5rem !important;   /* override Divi default */
    padding-bottom:.5rem !important;/* override Divi default */
    font-size: var(--font-size-b) !important;
    line-height: var(--line-height-b) !important;
    color:var(--color-beige);
    text-decoration:underline;
    background:transparent;
}

/* Stronger override to defeat Divi's padding-bottom on anchors in lists */
body.single-produkt .forhandler-dropdown .forhandler-dropdown__list .forhandler-dropdown__item > a{
    padding-top:.5rem !important;
    padding-bottom:.5rem !important;
    margin-bottom:0 !important;
    line-height: var(--line-height-b) !important;
    display:block !important;
}
.single-produkt .forhandler-dropdown__item a:hover,
.single-produkt .forhandler-dropdown__item a:focus,
.single-produkt .forhandler-dropdown__item a:focus-visible{
    background:#404040; /* matches list background to avoid seam */
    color:var(--color-beige);
}
.single-produkt .produkt-image img {
    display: block;
    width: 100%;
    height: auto;
}
.single-produkt .mer-informasjon{
    margin:2rem 0;
    padding:2rem 0;
    position:relative;
    z-index:0;
}
.single-produkt .mer-informasjon::before{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:50%;
    width:100vw;
    transform:translateX(-50%);
    background:transparent;
    z-index:-1;
}
.single-produkt .mer-informasjon.has-bg::before{
    background:var(--panel-bg);
}
.single-produkt .mer-informasjon h2{
    text-align:left;
    border-bottom:1px solid var(--color-lysegra);
    padding-bottom:0.5rem;
    margin:0 0 1.5rem;
}
.single-produkt .mer-informasjon__item{
    border-bottom:1px solid var(--color-sort);
}
.single-produkt .mer-informasjon__item summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    cursor:pointer;
    padding:0.5rem 0;
}
.single-produkt .mer-informasjon__item summary::-webkit-details-marker{
    display:none;
}
.single-produkt .mer-informasjon__item summary::after{
    content:"+";
    font-weight:600;
    font-size:20px;
    margin-left:1rem;
    transition:transform 0.2s ease;
}
.single-produkt .mer-informasjon__item[open] summary::after{
    transform:rotate(45deg);
}
.single-produkt .mer-informasjon__item summary h3{
    font-weight:600;
    font-size:16px;
    margin:0;
    flex:1;
}
.single-produkt .mer-informasjon__content{
    padding:1rem 0;
}
/* Ensure product lists use global paragraph sizing */
.single-produkt .produkt-info ul,
.single-produkt .produkt-info ol,
.single-produkt .produkt-info li,
.single-produkt .mer-informasjon__content ul,
.single-produkt .mer-informasjon__content ol,
.single-produkt .mer-informasjon__content li{
    font-size:var(--font-size-p) !important;
    line-height:var(--line-height-p) !important;
}
.produkt-tags{
    margin-top:1rem;
    text-align:center;
}
.produkt-tag{
    display:inline-block;
    font-size:var(--font-size-liten);
    line-height:var(--line-height-liten);
    background:var(--color-beige);
    color:var(--color-morkegra);
    padding:0.25rem 0.5rem;
    border-radius:20px;
    margin:0 0.25rem 0.25rem 0;
}

.produkt-serie-tag{
    position:absolute;
    top:8px;
    left:8px;
    display:inline-block;
    font-size:var(--font-size-liten);
    line-height:var(--line-height-liten);
    background:var(--color-light-blue);
    color:var(--color-morkegra);
    padding:0.25rem 0.5rem;
    border-radius:20px;
    margin-right:0.25rem;
}

.produkt-serie-tag[class*="sport"]{
    /* Ensure sport series tags override default background color */
    background:var(--color-sport-lysebla) !important;
    color:var(--color-morkegra);
}
.produkt-archive-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));
    gap:2rem;
    margin-bottom:80px;
    padding:0;
    box-sizing:border-box;
}

@container (max-width:480px){
    .produkt-archive-grid{
        gap:1rem;
    }
}

@container (min-width:768px){
    .produkt-archive-layout {
        padding:0;
    }
    .produkt-archive-grid{
        grid-template-columns:repeat(3, minmax(150px, 1fr));
    }
    .produkt-archive-layout.no-filter .produkt-archive-grid{
        grid-template-columns:repeat(4, minmax(150px, 1fr));
    }
}
.panel-produkter .produkt-archive-grid{
    margin-bottom:0;
}

@container (min-width:1024px){
    .panel-produkter .produkt-archive-grid{
        grid-template-columns:repeat(4, minmax(150px, 1fr));
    }
}
/* On articles specifically, show 3 products per row on desktop */
@container (min-width:1024px){
    .single-post .panel-produkter .produkt-archive-grid{
        grid-template-columns:repeat(3, minmax(150px, 1fr));
    }
}
.produkt-archive-image{
    display:block;
    margin:0 auto 1rem;
    position:relative;
    width:100%;
    max-width:286px;
    aspect-ratio:3/4;    
    overflow:hidden;
}
.produkt-archive-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
/* Layered images for hover swap */
.produkt-archive-image .produkt-image-layer{ position:absolute; inset:0; }
.produkt-archive-image .produkt-image-layer picture{ width:100%; height:100%; display:block; }
.produkt-archive-image .produkt-image-layer.hover{ opacity:0; transition:opacity .2s ease; }
.produkt-archive-item:hover .produkt-archive-image .produkt-image-layer.hover,
.produkt-archive-item:focus-within .produkt-archive-image .produkt-image-layer.hover{ opacity:1; }

/* Splide: darker pagination for visibility on light backgrounds */
.splide__pagination__page{
    background:#404040;
    opacity:1;
}
.splide__pagination__page:hover,
.splide__pagination__page:focus{ background:#000000; }
.splide__pagination__page.is-active{ background:#000000; transform:scale(1.1); }
.produkt-archive-item{
    opacity:1;
    transition:opacity 0.5s ease, filter 0.5s ease;
}
.produkt-archive-item.loading{
    opacity:0;
    filter:blur(4px) grayscale(100%);
}
.produkt-archive-title{
    font-size:16px;
    font-weight:600;
    margin:1rem 0 0.25rem;
    text-align:center;
    padding-bottom:0px !important;
}
.panel-produkter .produkt-archive-title a{
    color: inherit;
    text-decoration: none;
}
.panel-produkter .produkt-archive-title a:hover,
.panel-produkter .produkt-archive-title a:focus{
    text-decoration: underline;
}
.produkt-archive-excerpt{
    text-align:center;
}
.produkt-archive-excerpt p{
    margin-top:0;
}
@container (min-width:992px){
    .produkt-archive-grid{
        gap:3rem;
    }
    .produkt-archive-layout.no-filter .produkt-archive-grid{
        gap:3rem;
    }
}

/* Ensure full-width product archives with no right border */
.et_full_width_page #left-area{
    width:100%;
    padding-right:0;
    padding-left:0;
    margin-right:0;
    border-right:0;
}

/* Product archive filter */
.produkt-filter{
    margin: 2rem 0 60px;
    padding-bottom: 2.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    border-bottom: 1px solid var(--color-lysegra);
}
.produkt-filter p{
    margin:0;
}
.produkt-filter a{
    display:inline-block;
    padding:0.5rem 1rem;
    background:var(--color-beige);
    color:var(--color-sort);
    text-decoration:none;
    border-radius:4px;
    font-weight:600;
}
.produkt-filter a:hover,
.produkt-filter a.active{
    background:var(--color-sort);
    color:var(--color-beige);
}

.produkt-filter,
.produkt-filter-form legend,
.produkt-filter-form label,
.active-filters button{
    font-size:var(--font-size-p);
    line-height:var(--line-height-p);
}

/* Product archive header */
.archive-header{
    text-align:left;
    padding-top:2rem;
}
.archive-header .archive-description{
    margin-bottom:1rem;
}
.archive-header .archive-description:empty{
    margin-bottom:0;
    display:none;
}

/* Product archive layout */
.produkt-archive-layout{
    display:flex;
    gap:0; /* remove horizontal gap between sidebar and products */
    padding:0;
}

#content-area.produkt-archive-layout{
    container-type:inline-size;
}

@media(min-width:768px){
    .produkt-archive-layout{
        padding:0;
    }
}

.produkt-sidebar{
    /* Use available space but keep sensible bounds */
    flex:0 1 clamp(220px, 24vw, 300px);
}
.produkt-filter-form fieldset{
    border:0;
    margin:0 0 1rem;
    padding:1rem 0;
    border-bottom:1px solid var(--color-lysegra);
}
.produkt-filter-form legend{
    font-weight:600;
    margin-bottom:0.5rem;
    text-transform:uppercase;
    text-decoration:underline;
}

.produkt-filter-title{
    font-weight:600;
    margin-bottom:1rem;
}
.produkt-filter-title-desktop{ display:none; }
.produkt-filter-form label{
    display:grid;
    grid-template-columns:16px 1fr; /* checkbox | text */
    column-gap:8px;
    align-items:flex-start;
    margin-bottom:0.25rem;
}
.produkt-filter-form input[type="checkbox"]{
    -webkit-appearance:none;
    appearance:none;
    width:16px;
    height:16px;
    border:1px solid var(--color-sort);
    background:var(--color-hvit);
    border-radius:3px;
    display:block; /* occupy grid col 1 */
    grid-column:1;
    margin-right:0; /* spacing handled by grid gap */
    margin-top:2px; /* align with first line of text */
    position:relative;
}
.produkt-filter-form input[type="checkbox"]::after{
    content:"";
    position:absolute;
    left:2px; top:2px; right:2px; bottom:2px;
    background:var(--color-sort);
    border-radius:2px;
    transform:scale(0);
    transition:transform .1s ease;
}
.produkt-filter-form input[type="checkbox"]:checked::after{
    transform:scale(1);
}
/* Hover preview of filled state (desktop only; avoid sticky hover on touch) */
@media (hover: hover) and (pointer: fine){
    .produkt-filter-form input[type="checkbox"]:hover::after,
    .produkt-filter-form label:hover input[type="checkbox"]::after{
        transform:scale(1);
    }
}
.produkt-filter-form input:focus{
    outline:2px solid var(--color-sort);
    outline-offset:2px;
}
@media(max-width:767px){
    .produkt-archive-layout{
        flex-direction:column;
    }
    .produkt-sidebar{
        width:100%;
    }
}

/* Desktop: remove thin grey dividers between filter categories in sidebar */
@media(min-width:768px){
    .produkt-sidebar .produkt-filter-title-desktop{ display:block; margin:0 0 1rem; }
    .produkt-sidebar .produkt-filter-form fieldset{
        border-bottom:0;
        padding:0.25rem 0;
        margin:0 0 1.5rem;
    }
    .produkt-sidebar .produkt-filter-form legend{ margin-bottom:0.25rem; }
    /* Avoid large bottom gap reserved for mobile sheet footer */
    .produkt-sidebar .produkt-filter-form .filter-section:last-child{ margin-bottom:1.5rem; }
    /* Restore a bit more horizontal space between checkbox and text on desktop */
    .produkt-filter-form label{ column-gap:15px; }
}

/* Main content should flex to fill remaining space */
#left-area{ flex:1 1 0; min-width:0; }

/* Active product filters */
.active-filters{
    margin:0 0 1rem;
    display:flex;
    flex-wrap:wrap;
    gap:0.5rem;
    align-items:center;
}
.active-filters button{
    border:1px solid var(--color-sort);
    background:var(--color-hvit);
    border-radius:9999px;
    padding:0.25rem 0.75rem;
    cursor:pointer;
    color:var(--color-sort);
}
.active-filters button:focus{
    outline:2px solid var(--color-sort);
    outline-offset:2px;
}
.active-filters .filter-toggle{
    font-weight:600;
}
.active-filters button .remove{
    margin-left:0.25rem;
    font-size:1.2em;
}
.active-filters .clear-filters{
    margin-left:auto;
    background:var(--color-beige);
    font-weight:600;
    border-color:transparent;
}
.active-filters .clear-filters:hover{
    background:var(--color-sort);
    color:var(--color-beige);
}

@media (max-width:768px){
    .active-filters .clear-filters{display:none;}
}

/* Off-canvas filter drawer */
.produkt-filter-button,
.filter-drawer-close{
    display:none;
}
@media (max-width: 767px){
    .filter-drawer{
        position:fixed;
        top:0;
        right:0;
        bottom:0;
        width:80%;
        max-width:300px;
        background:var(--color-hvit);
        padding:1rem;
        box-shadow:-2px 0 5px rgba(0,0,0,0.3);
        transform:translateX(100%);
        transition:transform 0.3s ease;
        overflow:auto;
        visibility:hidden;
        pointer-events:none;
        z-index:1000;
    }
    .filter-drawer.open{
        transform:translateX(0);
        visibility:visible;
        pointer-events:auto;
    }
    .filter-drawer-close{
        position:absolute;
        top:1rem;
        right:1rem;
        background:none;
        border:0;
        font-size:1.5rem;
        cursor:pointer;
        display:block;
    }
    body.filter-drawer-open{
        overflow:hidden;
    }
    .produkt-filter-button{
        display:flex;
        justify-content:space-between;
        align-items:center;
        font-size:var(--font-size-p);
        line-height:var(--line-height-p);
    }
    .produkt-filter-button .toggle-icon{
        width:0;
        height:0;
        border-left:5px solid transparent;
        border-right:5px solid transparent;
        border-top:5px solid currentColor;
        margin-left:0.5rem;
    }
    .produkt-sidebar{
        display:none;
    }
}

@media(max-width:767px){
    .single-produkt .produkt-top{
        flex-direction:column;
    }
    .single-produkt .produkt-image,
    .single-produkt .produkt-info{
        flex:0 0 100%;
    }
    .single-produkt .produkt-info{
        margin-top:2rem;
        padding:0;
    }
}

/* Global panel spacing */
section[class^="panel-"] + section[class^="panel-"] {
    margin-top: 80px;
}

/* Utility: remove spacing between adjacent panels */
section[class^="panel-"].no-gap {
    margin-block-start: 0;
    margin-block-end: 0;
    padding-block-start: 80px;
    padding-block-end: 80px;
}

section[class^="panel-"] + section[class^="panel-"].no-gap {
    margin-top: 0;
}

section[class^="panel-"].no-gap + section[class^="panel-"].no-gap {
    padding-block-start: 0;
}
/* Panel: Tekst og Video */
.panel-tekst-video{
    padding:0rem 0;
    margin:2rem 0;
    background:var(--color-beige);
    overflow:hidden;
}

.panel-tekst-bilde{
    padding:0rem 0;
    margin:2rem 0;
    background:var(--color-beige);
    overflow:hidden;
}
.panel-tekst-bilde .panel-container{
    width:100%;
    max-width:var(--content-width, 1240px);
    margin:0 auto;
    padding:0 0px;
    box-sizing:border-box;
    display:flex;
    flex-wrap:nowrap;
    align-items:stretch;
    gap:32px;
}
.panel-tekst-bilde.image-right .panel-container{
    flex-direction:row-reverse;
}
.panel-tekst-bilde .panel-text,
.panel-tekst-bilde .panel-image{
    flex:1;
}
.panel-tekst-bilde .panel-text{
    padding:2rem 1rem;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    text-align:left;
    gap:30px;
}
.panel-tekst-bilde .panel-text > *{
    margin:0;
}
.panel-tekst-bilde .panel-text h2,
.panel-tekst-bilde .panel-text p{
    max-width:500px;
}
.panel-tekst-bilde .panel-image{
    position:relative;
    aspect-ratio:4/3;
    overflow:hidden;
    margin:0;
    padding:0;
    line-height:0;
}
.panel-tekst-bilde .panel-image img{
    width:100%;
    height:auto;
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
    display:block;
    margin:0 !important;
    padding:0 !important;
}
.panel-tekst-video .panel-container{
    width:100%;
    margin:0;
    display:flex;
    flex-wrap:nowrap;
    align-items:stretch;
}
.panel-tekst-video.image-right .panel-container{
    flex-direction:row-reverse;
}
.panel-tekst-video .panel-text,
.panel-tekst-video .panel-image{
    flex:1;
}
.panel-tekst-video .panel-text{
    padding:2rem 1rem;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    gap:20px;
}
.panel-tekst-video .panel-text > *{
    margin:0;
}
.panel-tekst-video .panel-top-image{
    margin:0 0 1rem;
}
.panel-tekst-video .panel-top-image img{
    display:block;
    max-width:100%;
    height:auto;
}
.panel-tekst-video .panel-text h1,
.panel-tekst-video .panel-text .ingress{
    max-width:500px;

}
.panel-tekst-video .panel-image{
    position:relative;
    aspect-ratio:1/1;
    overflow:hidden;
    margin:0;
    padding:0;
    line-height:0;
}
.panel-tekst-video .panel-image img,
.panel-tekst-video .panel-image video,
.panel-tekst-video .panel-image iframe{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
    display:block;
    margin:0 !important;
    padding:0 !important;
    border:0;
}
.panel-tekst-video .panel-image .video-cover{ position:absolute; inset:0; overflow:hidden; }
.panel-tekst-video .panel-image .video-cover iframe{
    position:absolute; top:50%; left:50%; right:auto; bottom:auto;
    transform:translate(-50%,-50%);
    width:100%; height:100%; /* JS will override to cover */
}
.panel-tekst-video .panel-image.no-player iframe{
    pointer-events:none;
}

/* (reverted responsive changes) */

/* Panel: Bilde */
.panel-bilde{
    margin:2rem 0;
}

.panel-bilde__grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    gap:1rem;
}

.panel-bilde__slider img,
.panel-bilde__single img {
    width: 100%;
    height: auto;
    max-height: 80vh;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

.panel-bilde__grid img {
    width: 100%;
    height: auto;
    object-fit: cover;
    display: block;
}

/* Panel: CTA */
.panel-cta{
    padding:2rem 0;
    margin:2rem 0;
    min-height:420px;
    background-size:cover;
    background-position:center;
    display:flex;
    align-items:center;
    justify-content:center;
}
.panel-cta .panel-container{
    width:100%;
    margin:0;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    gap:30px;
}
.panel-cta h2{
    font-size:52px !important;
    line-height:60px !important;
    margin:0;
    max-width:562px;
}

/* Single Article Hero */
.single-article-hero{
    background:#FCFCF8;
    padding:40px 0;
}
.single-article-hero .hero-inner{
    width:100%;
    max-width:var(--content-width, 1240px);
    margin:0 auto;
    padding:0 20px;
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
    gap:32px;
}
.single-article-hero .hero-image{ position:relative; aspect-ratio: 432 / 345; overflow:hidden; }
.single-article-hero .hero-image img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }
.single-article-hero .hero-text h1,
.single-article-hero .hero-text .ingress{
    max-width:800px;
}
@media (max-width:980px){
  .single-article-hero .hero-inner{
    grid-template-columns:1fr;
  }
}

/* Article content width */
.single-post .entry-content{
    max-width:800px;
    width:90%;
    margin:40px auto 0;
}

.panel-btn{
    display:inline-flex;
    align-items:center;
    gap:0.25rem;
    background:var(--color-sort);
    color:var(--color-beige);
    border-radius:4px;
    padding:0.5rem 1rem;
    text-decoration:none;
    font-weight:600;
}
.panel-btn:hover,
.panel-btn:focus{
    background:#404040;
    color:var(--color-beige);
}
.panel-btn--light{
    background:var(--color-beige);
    color:var(--color-sort);
}
.panel-btn--light:hover,
.panel-btn--light:focus{
    background:#ffffff;
    color:var(--color-sort);
}

/* Gravity Forms buttons inherit theme button style */
.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_footer button[type="submit"],
.gform_wrapper .gform_page_footer input[type="button"],
.gform_wrapper .gform_page_footer input[type="submit"],
.gform_wrapper .gform_page_footer button{
    display:inline-flex;
    align-items:center;
    gap:0.25rem;
    background:var(--color-sort);
    color:var(--color-beige);
    border-radius:4px;
    padding:0.5rem 1rem;
    text-decoration:none;
    font-weight:600;
    border:0;
}
.gform_wrapper .gform_footer input[type="submit"]:hover,
.gform_wrapper .gform_footer input[type="submit"]:focus,
.gform_wrapper .gform_footer button[type="submit"]:hover,
.gform_wrapper .gform_footer button[type="submit"]:focus,
.gform_wrapper .gform_page_footer input[type="button"]:hover,
.gform_wrapper .gform_page_footer input[type="button"]:focus,
.gform_wrapper .gform_page_footer input[type="submit"]:hover,
.gform_wrapper .gform_page_footer input[type="submit"]:focus,
.gform_wrapper .gform_page_footer button:hover,
.gform_wrapper .gform_page_footer button:focus{
    background:#404040;
    color:var(--color-beige);
}

/* Panel: CTA-blokk */
.panel-cta-blokk-title{
    padding:2rem 0 0;
    margin:2rem 0 0;
}
.panel-cta-blokk-title h2{
    margin:0 0 1.5rem;
    padding-bottom:.5rem;
    border-bottom:1px solid var(--color-lysegra);
}
.panel-cta-blokker{
    display:flex;
    flex-direction:column;
}
.panel-cta-blokk{
    display:flex;
    flex-wrap:nowrap;
    align-items:stretch;
    text-decoration:none;
    color:inherit;
    margin:1rem 0;
    background:var(--color-beige);
    overflow:hidden;
    gap:16px;
}
.panel-cta-blokk.image-right{flex-direction:row-reverse;}
.panel-cta-blokk .panel-text,
.panel-cta-blokk .panel-image{flex:1;}
.panel-cta-blokk .panel-text{
    padding:2rem 1rem;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:30px;
}
.panel-cta-blokk .panel-text h2{margin:0;}
.panel-cta-blokk .panel-image{position:relative;aspect-ratio:3/4;overflow:hidden;}
.panel-cta-blokk .panel-image img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    margin:0 !important;
    padding:0 !important;
}
@media(min-width:768px){
    .panel-cta-blokker{
        flex-direction:row;
        flex-wrap:wrap;
        margin:0 -1rem;
    }
    .panel-cta-blokk{
        width:calc(50% - 2rem);
        margin:1rem;
    }
}

/* Panel: Tekstblokker */
.panel-tekstblokker {
    padding:2rem 0;
    margin:2rem 0;
}
.panel-tekstblokker h2 {
    margin:0 0 1.5rem;
    padding-bottom:.5rem;
    border-bottom:1px solid var(--color-lysegra);
}
.panel-tekstblokker__grid {
    display:grid;
    gap:1.5rem;
    grid-template-columns:1fr;
}
@media(min-width:768px){
    .panel-tekstblokker__grid { grid-template-columns:repeat(2,1fr); }
}
@media(min-width:1024px){
    .panel-tekstblokker__grid { grid-template-columns:repeat(4,1fr); }
    .panel-tekstblokker__grid--count-1 { grid-template-columns:1fr; }
    .panel-tekstblokker__grid--count-2 { grid-template-columns:repeat(2,1fr); }
    .panel-tekstblokker__grid--count-3 { grid-template-columns:repeat(3,1fr); }
}
.panel-tekstblokker__item p { margin:0; }
.panel-tekstblokker__item,
.panel-tekstblokker__item p,
.panel-tekstblokker__item li{
    font-size: var(--font-size-p) !important;
    line-height: var(--line-height-p) !important;
}
.panel-tekstblokker__icon { display:block; margin:0 0 .5rem; max-width:80px; }
.panel-tekstblokker.align-center { text-align:center; }
.panel-tekstblokker.align-center .panel-tekstblokker__grid { justify-items:center; }
.panel-tekstblokker.align-center .panel-tekstblokker__icon { margin-left:auto; margin-right:auto; }

/* Tighten spacing to hero on front page */
.home .panel-hero + .panel-tekstblokker {
    margin-top: 0 !important;
}
.home .panel-tekstblokker {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* Panel: Aktuelt */
.panel-aktuelt {
    padding:2rem 0;
    margin:2rem 0;
}
.panel-aktuelt.has-bg {
    position:relative;
    z-index:0;
}
.panel-aktuelt.has-bg::before {
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:50%;
    width:100vw;
    transform:translateX(-50%);
    background:var(--panel-bg);
    z-index:-1;
}
.panel-aktuelt__header {
    margin:0 0 1.5rem;
    padding-bottom:.5rem;
    border-bottom:1px solid var(--color-lysegra);
}
.panel-aktuelt__header.no-underline {
    padding-bottom:0;
    border-bottom:none;
}
.panel-aktuelt__header h2{
    margin:0;
}
.panel-aktuelt__short-text{
    margin:0px 0 40px 0;
    max-width:670px;
}
.panel-aktuelt__filter{
    list-style:none;
    padding:0;
    margin:0 0 1.5rem;
    display:flex;
    gap:1rem;
}
.panel-aktuelt__filter button{
    background:none;
    border:none;
    padding:0;
    font:inherit;
    cursor:pointer;
    text-decoration:underline;
}
.panel-aktuelt__filter button.active{
    font-weight:600;
}
.panel-aktuelt__grid {
    display:grid;
    gap:2rem;
    grid-template-columns:1fr;
}
.panel-aktuelt.align-center .panel-aktuelt__header,
.panel-aktuelt.align-center .panel-aktuelt__filter {
    text-align:center;
}
.panel-aktuelt.align-center .panel-aktuelt__short-text {
    margin-left:auto;
    margin-right:auto;
}
.panel-aktuelt.align-center .panel-aktuelt__filter {
    justify-content:center;
}
.panel-aktuelt.align-center .panel-aktuelt__grid {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}
.panel-aktuelt.align-center .panel-aktuelt__grid > article {
    flex:0 1 100%;
}
@media(min-width:768px){
    .panel-aktuelt.align-center .panel-aktuelt__grid > article{ flex:0 1 calc((100% - 2rem) / 2); }
}
@media(min-width:1024px){
    .panel-aktuelt.align-center .panel-aktuelt__grid > article{ flex:0 1 calc((100% - 4rem) / 3); }
}
.panel-aktuelt.align-center .panel-aktuelt__item h3 {
    text-align:left;
}
@media(min-width:768px){
    .panel-aktuelt__grid{ grid-template-columns:repeat(2,1fr); }
}
@media(min-width:1024px){
    .panel-aktuelt__grid{ grid-template-columns:repeat(3,1fr); }
}
.panel-aktuelt__empty{
    text-align:center;
}
.panel-aktuelt__item h3 {
    margin:0;
    font-size:var(--font-size-h3);
    line-height:var(--line-height-h3);
    font-weight:600;
}
.panel-aktuelt__item p {
    margin:0;
}
.panel-aktuelt__image{
    position:relative;
    aspect-ratio:1/1;
    overflow:hidden;
    margin:0 0 .5rem;
    display:block;
    line-height:0;
}
.panel-aktuelt__image img{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
}

/* Panel: Produkter */
.panel-produkter {
    padding:2rem 0;
    margin:2rem 0;
    background:var(--color-beige);
    container-type:inline-size;
}
.panel-produkter.no-bg {
    background:none;
}
.panel-produkter h2 {
    margin:0 0 1.5rem;
    padding-bottom:.5rem;
    border-bottom:1px solid var(--color-lysegra);
}
.panel-produkter__intro {
    margin:0 0 1.5rem;
}
.panel-produkter__empty {
    text-align:center;
}
/* Panel: Trekkspill */
.panel-trekkspill {
    padding:2rem 0;
    margin:2rem 0;
}

.panel-trekkspill.has-bg {
    position:relative;
    z-index:0;
}

.panel-trekkspill.has-bg::before {
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:50%;
    width:100vw;
    transform:translateX(-50%);
    background:var(--panel-bg);
    z-index:-1;
}

.panel-trekkspill .panel-container {
    width:100%;
    max-width:var(--content-width, 1240px);
    margin:0 auto;
}

.panel-trekkspill h2 {
    margin:0 0 1.5rem;
    padding-bottom:.5rem;
    border-bottom:1px solid var(--color-lysegra);
}

.panel-trekkspill__item {
    border-bottom:1px solid var(--color-lysegra);
    padding:4px 0px;
}

.panel-trekkspill__item summary {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    cursor:pointer;
    padding:0.5rem 0 0 0
}

.panel-trekkspill__item summary::-webkit-details-marker {
    display:none;
}

.panel-trekkspill__icon {
    font-size:20px;
    transition:transform .2s ease;
}
.panel-trekkspill__item[open] .panel-trekkspill__icon {
    transform:rotate(45deg);
}

.panel-trekkspill__item summary h3 {
    margin:0;
    font-size:var(--font-size-h3);
    line-height:var(--line-height-h3);
    font-weight:600;
}

.panel-trekkspill__content {
    padding:0 0 15px 0;
}

.panel-trekkspill__content p {
    margin:0;
}

.panel-tekst .panel-container {
    width:100%;
    margin:0 auto;
    max-width:var(--content-width, 1240px);
    padding:2rem 1rem;
    display:flex;
    flex-direction:column;
    gap:30px;
}

.panel-tekst .panel-container > * {
    margin:0;
}

.panel-tekst.narrow .panel-container {
    max-width:800px;
}

.panel-tekst.align-center {
    text-align:center;
}

.panel-tekst.align-right {
    text-align:right;
}
@media (max-width:768px){
    .panel-tekst-video{
        margin-left:calc(50% - 50vw);
        margin-right:calc(50% - 50vw);
        width:100vw;
        margin-top:0;
    }
    .panel-tekst-video .panel-text{
        padding:40px 16px;
    }
    .panel-tekst-bilde .panel-text{
        padding:40px 16px;
    }
    .panel-tekst-video .panel-container,
    .panel-tekst-video.image-right .panel-container,
    .panel-tekst-bilde .panel-container,
    .panel-tekst-bilde.image-right .panel-container{
        flex-direction:column;
    }
      .panel-tekst-video.mobile-video-first .panel-container{
          flex-direction:column-reverse;
      }
      .panel-tekst-bilde.mobile-image-first .panel-container{
          flex-direction:column-reverse;
      }
      .panel-tekst-bilde .panel-container,
      .panel-tekst-bilde.image-right .panel-container{
          gap:0;
      }
    .panel-tekst-video .panel-text,
    .panel-tekst-video .panel-image,
    .panel-tekst-bilde .panel-text,
    .panel-tekst-bilde .panel-image{
        flex:0 0 100%;
    }
    .panel-tekst-video .panel-image img,
    .panel-tekst-bilde .panel-image img{
        height:100%;
        object-fit:cover;
    }
}

/* Global notification bar */
.global-varsel{
    width:100%;
    text-align:center;
    padding:0.5rem 1rem;
}

/* Product filter bottom sheet */
.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    font-variation-settings:
        'FILL' 0,
        'wght' 400,
        'GRAD' 0,
        'opsz' 24;
}
.mobile-filter-bar{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    padding:1rem 0;
    margin-bottom:1rem;
    gap:0.5rem;
}
.produkt-filter-toggle{
    display:flex;
    align-items:center;
    padding:0.75rem 0;
    background:none;
    border:none;
    color:inherit;
    cursor:pointer;
    font-weight:700;
    font-size:var(--font-size-p);
    line-height:var(--line-height-p);
    width:100%;
}
.produkt-filter-toggle .filter-icon{
    margin-left:auto;
    font-size:24px;
    line-height:1;
}
.filter-badge{
    min-width:20px;
    height:20px;
    padding:0 4px;
    color:var(--color-hvit);
    border-radius:10px;
    font-size:12px;
    line-height:20px;
    text-align:center;
    display:none;
}
.filter-badge.show{
    display:inline-flex;
    align-items:center;
    justify-content:center;
}
.filter-clear{
    background:none;
    border:none;
    color:var(--color-sort);
    font-weight:600;
    font-size:var(--font-size-p);
    line-height:var(--line-height-p);
    position:relative;
    align-self:flex-end;
    padding:0.75rem 0 0.75rem 0;
    display:inline-flex;
    align-items:center;
}
.filter-clear.has-badge{
    padding-right:2rem;
}
.filter-clear .filter-badge{
    position:absolute;
    top:50%;
    right:0;
    transform:translateY(-50%);
    background:var(--color-sort);
}
.filter-sheet-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.5);
    opacity:0;
    pointer-events:none;
    transition:opacity .3s;
    z-index:2999;
}
.filter-sheet-overlay.open{
    opacity:1;
    pointer-events:auto;
    touch-action:none;
}
.filter-sheet{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    background:var(--color-hvit);
    border-top-left-radius:16px;
    border-top-right-radius:16px;
    height:90vh;
    width:100%;
    transform:translateY(100%);
    transition:transform .3s ease;
    display:flex;
    flex-direction:column;
    z-index:3000;
    touch-action:pan-y;
}
.filter-sheet.open{
    transform:translateY(0);
}
.filter-sheet.mid{
    transform:translateY(50%);
}
.filter-sheet .sheet-header{
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:1rem 1rem;
    border-bottom:1px solid var(--color-lysegra);
    cursor:grab;
    user-select:none;
    margin-bottom:1rem;
    touch-action:none;
}
.sheet-header-row{
    display:flex;
    align-items:center;
    width:100%;
}
.filter-sheet .sheet-title{
    flex:1;
    margin:0;
    text-align:left;
    font-size:var(--font-size-h3);
    line-height:var(--line-height-h3);
    font-weight:700;
}
.sheet-handle{
    width:40px;
    height:4px;
    background:var(--color-lysegra);
    border-radius:2px;
    margin:0.25rem auto 0.75rem;
}
.produkt-filter-form{
    flex:1;
    display:flex;
    flex-direction:column;
    overflow-y:auto;
    padding:0 1rem;
}

@media(min-width:768px){
    .produkt-filter-form{
        padding:0 2rem 0 0;
    }
}
.produkt-filter-form .filter-section:last-child{
    margin-bottom:5rem;
}
.filter-sheet .sheet-footer{
    position:sticky;
    bottom:0;
    padding:1rem;
    background:var(--color-hvit);
    box-shadow:0 -2px 4px rgba(0,0,0,0.1);
    width:100%;
    margin:0;
    box-sizing:border-box;
    margin-top:auto;
    display:flex;
    gap:1rem;
}

.produkt-sidebar .sheet-footer{
    display:none;
}
.sheet-apply{
    flex:1;
    background:var(--color-sort);
    color:var(--color-beige);
    border:none;
    padding:0.75rem 1rem;
    border-radius:4px;
    font-weight:600;
}
.sheet-clear{
    flex:1;
    background:none;
    color:var(--color-sort);
    border:1px solid var(--color-sort);
    padding:0.75rem 1rem;
    border-radius:4px;
    font-weight:600;
}
html.filter-sheet-open,
body.filter-sheet-open{
    overflow:hidden;
    overflow-x:hidden;
    overscroll-behavior:none;
}

@media (min-width:768px){
    .mobile-filter-bar,
    .produkt-filter-toggle,
    .filter-sheet-overlay,
    #produkt-filter-sheet{
        display:none;
    }
    .produkt-sidebar{
        display:block;
    }
}

/* Ensure the mobile sheet can still show when explicitly opened (e.g., desktop-mode on mobile) */
#produkt-filter-sheet.open,
#produkt-filter-sheet.mid{ display:flex !important; }
.filter-sheet-overlay.open{ display:block !important; }

.panel-kundeanmeldelser {
    padding:2rem 0;
    margin:2rem 0;
}
.panel-kundeanmeldelser h2 {
    margin:0 0 1.5rem;
    padding-bottom:.5rem;
    border-bottom:1px solid var(--color-lysegra);
}
.panel-kundeanmeldelser__slider .splide__track {
    margin:0;
    position:relative;
}
.panel-kundeanmeldelser__slider .splide__track::after {
    content:"";
    position:absolute;
    top:0;
    right:0;
    height:100%;
    width:calc(100%/7);
    pointer-events:none;
    background:linear-gradient(to right, rgba(255,255,255,0), var(--color-hvit));
}
.panel-kundeanmeldelser__slide {
    padding:1rem;
    border:1px solid var(--color-lysegra);
}
.panel-kundeanmeldelser__quote {
    margin:0 0 1rem;
}

.panel-kundeanmeldelser__quote a,
.panel-kundeanmeldelser__quote a:visited,
.panel-kundeanmeldelser__quote a:hover,
.panel-kundeanmeldelser__quote a:active,
.panel-kundeanmeldelser__quote a:focus {
    text-decoration: underline !important;
}
.panel-kundeanmeldelser__slider .splide__arrow {
    width:2rem;
    height:2rem;
    background:none;
    color:var(--color-sort);
    border-radius:0;
    opacity:1;
    transition:opacity .3s;
}
.panel-kundeanmeldelser__slider .splide__arrow:hover {
    opacity:.7;
}
.panel-kundeanmeldelser__slider .splide__arrow svg {
    fill:currentColor;
}
.panel-kundeanmeldelser__slider .splide__arrow--prev {
    left:0;
    transform:translate(-50%, -50%);
}
.panel-kundeanmeldelser__slider .splide__arrow--next {
    right:0;
    transform:translate(50%, -50%);
}

@media (max-width: 768px) {
    .panel-kundeanmeldelser__slider .splide__track::after {
        width:calc(100%/3);
    }
}

.panel-partnere {
    padding:5rem 0;
    margin:2rem 0;
}
.panel-partnere.has-bg {
    position:relative;
    z-index:0;
}
.panel-partnere.has-bg::before {
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:50%;
    width:100vw;
    transform:translateX(-50%);
    background:var(--panel-bg);
    z-index:-1;
}
.panel-partnere .panel-container {
    width:100%;
    max-width:var(--content-width, 1240px);
    margin:0 auto;
}
.panel-partnere h3 {
    margin:0 0 1.5rem;
    text-align:center;
}
.panel-partnere__grid {
    display:flex;
    flex-wrap:wrap;
    gap:1rem;
    justify-content:center;
    align-items:center;
}
.panel-partnere__item {
    flex:1 1 calc(33.333% - 1rem);
    text-align:center;
    text-decoration:none;
    color:inherit;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:0.5rem;
    min-height:100px;
}
.panel-partnere__item img {
    width:auto;
    max-width:100%;
    max-height:60px;
    height:auto;
    object-fit:contain;
}
@media (max-width:768px) {
    .panel-partnere .panel-partnere__grid {
        display:grid;
        grid-template-columns:1fr;
        gap:1rem;
    }
    .panel-partnere .panel-partnere__item {
        width:100%;
    }
    .panel-partnere .panel-partnere__item .panel-btn {
        display:none;
    }
}

body:not(.et-tb) #main-content .container,
body:not(.et-tb-has-header) #main-content .container {
    padding-top: 0 !important;
}

#main-content .container {
    width: 90%;
    max-width: var(--content-width, 1240px);
    margin: 0 auto;
}

/* (removed article-specific heading overrides to inherit global sizes) */

/* Reduce horizontal margins on mobile */
@media (max-width: 767px) {
    .et_pb_row {
        width: 95% !important;
    }
    .panel-cta-blokk {
        flex-direction: column;
    }
    .panel-cta-blokk.mobile-image-first {
        flex-direction: column-reverse;
    }
    .panel-cta-blokk .panel-text {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
    .panel-cta-blokk .panel-text .panel-content {
        display: none;
    }
}

/* Extend panel heading borders to viewport edges on mobile */
@media (max-width: 767px) {
    .single-produkt .mer-informasjon h2,
    .panel-cta-blokk-title h2,
    .panel-tekstblokker h2,
    .panel-aktuelt__header,
    .panel-produkter h2,
    .panel-trekkspill h2,
    .panel-kundeanmeldelser h2 {
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        padding-left: calc(50vw - 50%);
        padding-right: calc(50vw - 50%);
    }
}

/* Drawer menu */
.supershift-menu{
    width:100%;
    border-bottom:1px solid var(--color-lysegra);
}
.supershift-menu__inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    position:relative;
    z-index:1000;
    width:90%;
    max-width:var(--content-width, 1240px);
    margin:0 auto;
    padding:20px 0rem;
}
.supershift-menu__logo img{
    display:block;
    height:auto;
}
.supershift-menu__logo,
.drawer-menu__burger,
.drawer-menu__close{
    position:relative;
    z-index:1001;
}
.drawer-menu__burger,
.drawer-menu__close{
    background:var(--color-sort);
    color:var(--color-hvit);
    border:1px solid var(--color-sort);
    padding:0.5rem;
    cursor:pointer;
    font-size:1rem;
    min-height:44px;
    min-width:5rem;
    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    border-radius:0;
}
.drawer-menu__burger:hover,
.drawer-menu__close:hover{
    background:transparent;
    color:var(--color-sort);
}

.drawer-menu{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:var(--color-beige);
    z-index:1002;
    display:none;
    flex-direction:column;
}

.drawer-menu.is-open{
    display:flex;
}
.drawer-menu__inner{
    overflow-y:auto;
    flex:1;
    width:100%;
    max-width:var(--content-width, 1240px);
    margin:0 auto;
    padding:20px 1rem;
}

.drawer-menu ul{
    list-style:none;
    margin:0;
    padding:0;
}
.drawer-menu__footer-list{margin-top:0;}

.drawer-menu__list li a{
    display:block;
    padding:16px 24px;
    min-height:44px;
    color:var(--color-sort);
    text-decoration:underline;
    font-size:var(--font-size-b);
}

.drawer-menu__list li + li a{
    border-top:1px solid var(--color-lysegra);
}

.drawer-menu__list li.current-menu-item>a{
    text-decoration:none;
    color:inherit;
    border-left:none;
    font-weight:600;
}

.drawer-menu__footer{
    margin-top:auto;
    padding:1rem;
    border-top:1px solid var(--color-lysegra);
}

.drawer-menu__toggle-submenu{
    background:none;
    border:none;
    padding:0 16px;
    cursor:pointer;
}

.drawer-menu .sub-menu{
    display:none;
    padding-left:1rem;
    list-style:none;
    margin:0;
}

.drawer-menu .sub-menu.is-open{
    display:block;
}

html.drawer-menu-open,
body.drawer-menu-open{
    overflow:hidden;
}

body.drawer-menu-open{
    position:fixed;
    width:100%;
}

.drawer-menu__close{
    background:var(--color-beige);
    color:var(--color-sort);
    border:1px solid var(--color-sort);
    padding:0.5rem;
    cursor:pointer;
    min-height:44px;
    display:flex;
    align-items:center;
}

.drawer-menu__header{
    position:relative;
    width:100%;
    border-bottom:1px solid var(--color-lysegra);
}

.drawer-menu__header-inner{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    width:90%;
    max-width:1240px;
    margin:0 auto;
    padding:20px 0rem;
}

.supershift-menu__inline{display:none;}

.supershift-menu__inline .drawer-menu__list{display:flex;gap:2rem;align-items:center;}
.supershift-menu__inline .drawer-menu__list > li > a{
    padding:0.5rem 0;
    background:transparent;
    font-size:var(--font-size-b);
    line-height:1;
    display:flex;
    align-items:center;
}
.supershift-menu__inline .drawer-menu__list li + li a,
.supershift-menu__inline .drawer-menu__list li + li button{border-top:none;}
.supershift-menu__inline .drawer-menu__list > li.current-menu-item > a{
    text-decoration:none;
    font-weight:600;
}

@media (min-width:768px){
    .drawer-menu__burger{display:none;}
    .supershift-menu__inline{display:block;}
}

/* Remove extra bottom padding from product titles in listings */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    padding-bottom: 0;
}

/* Hide products based on Weglot language */
html[lang="no"] .hide-lang-no {
    display: none;
}

html[lang="en"] .hide-lang-en {
    display: none;
}

html[lang="de"] .hide-lang-de {
    display: none;
}

/* Notice overlay when product is unavailable in the current language */
.product-language-modal {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);

}

.product-language-modal__content {
    background: var(--color-hvit);
    color: var(--color-sort);
    padding: 2rem;
    max-width: 400px;
    text-align: center;
}

.product-language-modal__actions {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 1.5rem;
    align-items: center;
}
.product-language-modal__archive-link {
    display: inline-block;
    margin-top: 1rem;
}

/* Weglot language switcher dropdown */
/* Hide original Weglot items so only custom dropdown is visible */
.supershift-menu__inline > li[class*="weglot"]:not(.weglot-dropdown),
#drawer-menu > li[class*="weglot"]:not(.weglot-dropdown) {
    display: none;
}

.weglot-dropdown {
    position: relative;
    overflow: visible;
}
.weglot-dropdown__toggle {
    display: flex;
    align-items: center;
    background: none;
    border: 0;
    cursor: pointer;
    padding: 0.5rem;
    color: var(--color-sort);
}
.weglot-dropdown__menu {
    display: none;
    position: absolute;
    right: 0;
    top: 100%;
    background: var(--color-hvit);
    list-style: none;
    margin: 0;
    padding: 0.75rem;
    min-width: 8rem;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    z-index: 2000;
}
.weglot-dropdown__menu::before {
    content: "";
    position: absolute;
    top: -8px;
    right: 12px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid var(--color-hvit);
}
.weglot-dropdown__menu.is-open {
    display: block;
}
.weglot-dropdown__menu li a {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 0.5rem 1.25rem;
    margin: 0.25rem 0;
    white-space: nowrap;
    text-decoration: none;
    border: 0;
    width: 100%;
}
.weglot-dropdown__menu li.is-active a {
    background: var(--color-beige);
    border: 0;
}

.supershift-menu__inner > .weglot-dropdown,
.drawer-menu__header-inner > .weglot-dropdown {
    margin-left: auto;
    margin-right: 0.5rem;
}

/* Match dropdown spacing when menu is active */
.drawer-menu.is-open .weglot-dropdown__menu {
    padding: 0.75rem;
    margin: 0;
}

.drawer-menu.is-open .weglot-dropdown__menu li a {
    padding: 0.5rem 1.25rem;
    margin: 0.25rem 0;
}

/* Footer */
.supershift-footer {
    background: #f3f2e8;
    padding: 2rem 0;
}

.supershift-footer__inner {
    width: 90%;
    max-width: var(--content-width, 1240px);
    margin: 0 auto;
    display: grid;
    gap: 2rem;
    grid-template-columns: repeat(2, 1fr);
}

@media (max-width: 480px) {
    .supershift-footer__inner {
        grid-template-columns: 1fr;
    }
}

@media (min-width: 768px) {
    .supershift-footer {
        padding-top: 80px;
    }

    .supershift-footer__inner {
        grid-template-columns: repeat(4, 1fr);
    }
}

.supershift-footer__divider {
    grid-column: 1 / -1;
    border-top: 1px solid #d0d0d0;
    margin: 2rem 0;
}

.supershift-footer__column-header {
    font-weight: bold;
    text-decoration: underline;
}

.supershift-footer__menu {
    padding: 0;
    list-style: none;
    margin: 20px 0 0 0;
    display: grid;
    gap: 10px;
}

.supershift-footer__menu li {
    display: inline-block;
    margin-right: 8px;
    white-space: nowrap;
}

.supershift-footer__menu li > a {
    white-space: nowrap;
    display: inline-block;
}

.supershift-footer__social {
    margin-top: 0.5rem;
}

.supershift-footer__social-link {
    margin-right: 0.5rem;
}

.supershift-footer__images {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 0.5rem;
}

.site-credit {
    background: #000;
    color: #fff;
    text-align: center;
    padding: 1rem;
}

.site-credit a {
    color: #fff;
}