.archive .asnp-esb-productBadge-1 {
    display: none;
}

.archive .asnp-esb-productBadge-2 {
    display: none;
}

.b2c-pris {
    display: none;
}
         
              .ventilation-produkt .ventilation-pakkeloesning:hover {
transform: translateY(-5px);
        }
         
         
         
          .ventilation-produkt .m3-beregner:hover {
      transform: translateY(-5px);
        }


.luft-luft {
    padding: 10px;
        border: 1px #fff solid;
        color: #000;
        border-radius: 20px;
        font-size: 16px;
        text-align: center;
        cursor: pointer;
        margin-right: 20px;
        min-width: 400px;
        cursor: pointer;
        background-color: orange;
}

.kw-luft {
    padding: 10px;
        border: 1px #fff solid;
        color: #fff;
        border-radius: 20px;
        font-size: 16px;
        text-align: center;
        min-width: 400px;
        cursor: pointer;
        background-color: #2264ad;
}

/* Kun produktkort i loop — ikke variant-modal (#variantModal) */
.archive ul.products .wqpmb_input_text {
        height: auto !important;
    padding: 6px 2px 8px !important;
    width: 22px !important;
    font-size: 13px !important;
    background-color: transparent !important;
    }

.archive ul.products .qib-button-wrapper {
    border: 1px #26b92d solid !important;
    border-radius: 10px;
}

.archive ul.products .qib-button-wrapper .quantity input.input-text.qty.text {
    border: 1px solid transparent !important;
}

.archive ul.products .qib-button-wrapper button.qib-button {
    border: 1px solid transparent !important;
    background-color: transparent !important;
    padding: 2px 8px 4px !important;
    min-width: 20px !important;
}

.sortering {
    display: flex;
    align-items: center;
}

.shop-toolbar {
    min-height: 40px;
}

.facetwp-toggle {
    font-size: 13px;
    color: #000;
    margin-top: 5px;
}

.facetwp-number {
   width: 33.5%;
    margin-right: 1.6%;
    border-radius: 20px;
    padding: 5px 10px;
}

.facetwp-checkbox {
    line-height: 20px;
}

.facetwp-number::placeholder {
color: #000;
}

.facetwp-submit {
background-color: #008cce;
    color: #fff;
    padding: 5px 10px;
    border: 0;
    margin-left: 5px;
    border-radius: 20px;
}

.product-info-button {
    position: absolute;
    right: 48px;
    bottom: 10px;
        padding: 8px 8px 5px 8px;
    background-color: #2264ad;
    border-radius: 10px;
}

.product-categories li {
    padding: 0px !important;
}

/* Begræns til 6 kategorier */
.product-categories {
    list-style: none;
    margin: 0;
    padding: 10px 0px;
    overflow: hidden;
    transition: max-height 0.5s ease;
    position: relative;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    list-style: none;
    margin: 0;
    padding: 20px;
    border-radius: 30px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

/* Checkbox trick */
.show-more-checkbox {
  display: none;
}

.expanded .product-categories {
     max-height: 5000px; /* ca 6 items højde */
}

/* Når checkbox er checked, vis alle */
.show-more-checkbox:checked ~ .product-categories {
  max-height: 5000px; /* stor nok til alle */
}

/* Vis knap */
.show-more-label {
  display: none;
  cursor: pointer;
  text-align: center;
  margin-top: 28px;
  font-weight: bold;
  color: #000;
}

.product-categories .hidden-cat {
    display: none;
}

.show-more-checkbox:checked ~ .product-categories .hidden-cat {
    display: list-item;
}


.icon {
    display: inline-block;
    width: 25px;
    text-align: center;
    margin-right: 8px;
    font-weight: bold;
    transition: transform 0.2s ease;
    font-size: 20px;
    padding: 5px;
    border: 2px #000 solid;
    border-radius: 50%;
}

.show-more-label.expanded::before {
    content: "−"; /* skifter til minus */
}

.woocommerce .woocommerce-breadcrumb {
display: none;
    }

.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    font-size: .95em;
    margin-top: 5px;
    line-height: 1.3;
    min-height: calc(1.3em * 2);
}

.product-categories li {
    background-color: #fff;
    border-radius: 20px;
    border: 1px #ddd solid;
}

.facetwp-type-checkboxes .facetwp-expand span {
      display: inline-block;
      position: relative;
      top: 0.2em;
    }
    .facetwp-type-checkboxes .facetwp-expand span.closed {
      transform: rotate(180deg);
      top: -0.1em;
    }

/* Wrapper */
.facetwp-facet-sorterin {
    position: relative;
    display: inline-block;
    width: 100%
}

/* Select */
.facetwp-facet-sorterin select {
    appearance: none;              /* Fjern browser-style */
    -webkit-appearance: none;
    -moz-appearance: none;

    background-color: #fff;
    color: #000;
    border: none;
    border-radius: 8px;
    padding: 10px 40px 10px 14px;   /* plads til pil */
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    border: 1px #ddd solid;
width: 100%
}

.facetwp-facet-sorterin::after {
    content: "▼";
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 11px;
    color: #000;
}


@media (max-width: 600px) {
    .facetwp-facet-sorterin select {
        width: 100%;
        min-width: 0;
    }

}



.imagewrapper {
    display: flex;
    align-items: center;     /* vertikal centrering */
    justify-content: center; /* horisontal centrering */
}

/* --- WooCommerce kategorier --- */

/* Grid layout med kompakte rækker */
   


.woocommerce ul.products li.product {
    width: 100%;
}


        /* Når åbent */
        .product-categories.is-open li {
            display: flex !important;
        }



        /* Toggle-knap */
        .toggle-categories {
            display: flex;
            align-items: center;
            gap: 8px;
            margin-top: 20px;
            font-size: 16px;
            cursor: pointer;
            background: none;
            border: none;
            font-weight: 600;
            justify-content: center;
width:100%
        }

        .toggle-categories .icon {
            display: inline-block;
            width: 24px;
            height: 24px;
            border-radius: 50%;
            border: 2px solid currentColor;
            text-align: center;
            line-height: 24px;
            font-size: 18px;
        }





 /* Responsivt layout */
        @media (max-width: 1600px) {
            .show-more-label {
  display: block;
}
}      


/* Responsivt layout */
        @media (max-width: 1024px) {
            .product-categories {
                grid-template-columns: repeat(3, 1fr);
            }
            
            .icon {
        width: 35px !important;
        background-color: #fff;
        position: absolute;
        left: 43%;
        margin-top: -55px;
        font-size: 30px !important;
        border: 3px #000 solid !important;
        color: #000;
        height: 35px;
        line-height: 30px;
    }
           
        }



@media (min-width: 3000px) {
        
    
    
.archive .products, .woocommerce ul.products, .woocommerce-page ul.products {
        grid-template-columns: repeat(10, 1fr) !important;
    }
    
    
    
    .product-categories {
    grid-template-columns: repeat(10, 1fr);
}
        }


 @media (min-width: 1901px) {
         .archive .products,
.woocommerce ul.products,
.woocommerce-page ul.products {
    grid-template-columns: repeat(5, 1fr);
}
        }


@media screen and (max-width: 1900px) and (min-width: 1000px){

    
    .archive .products, .woocommerce ul.products, .woocommerce-page ul.products {
    grid-template-columns: repeat(4, 1fr);
}
    
    .woocommerce ul.products li.product .price {
    font-size: 1em;
        line-height: 22px;
}
    
     .product-categories {
                grid-template-columns: repeat(4, 1fr);
            }
    
    .show-more-label {
        display: none !important;
    }

}


@media screen and (max-width: 999px) and (min-width: 750px){
      .archive .products, .woocommerce ul.products, .woocommerce-page ul.products {
    grid-template-columns: repeat(3, 1fr);
}   
    
    .woocommerce ul.products li.product .price {
    font-size: 1em !important;
        line-height: 22px;
}
}


@media screen and (max-width: 749px) and (min-width: 350px){
     .archive .products, .woocommerce ul.products, .woocommerce-page ul.products {
    grid-template-columns: repeat(2, 1fr);
}   
    
    .woocommerce ul.products li.product .price {
    font-size: 1em !important;
        line-height: 22px;
}
}



        @media (max-width: 450px) {
            .product-categories {
                grid-template-columns: repeat(2, 1fr);
            }
                        
            .product-info-button {
                display: none;
            }
        }




/* --- WooCommerce produkter --- */
.archive .products,
.woocommerce ul.products,
.woocommerce-page ul.products {
    gap: 1rem;
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
}

.archive.woocommerce ul.products li.product .woocommerce-loop-product__link img {
    margin: 0 auto;
width: auto;
    height: auto;
    object-fit: cover;
    display: block;
    margin: 0 auto;
    max-height: 250px;
    max-width: 100%;
    min-height: 175px;
}



.filter-and-sorting {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}

/* Filter-knap + sorteringsknap */
.filter-toggle,
.sort-button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 6px;
    background-color: #222;
    color: #fff;
    border: 1px #ddd solid;
    cursor: pointer;
    transition: background 0.3s;
    z-index: 999;
}

/* Sorterings dropdown */
.sort-options {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #222;
    border-radius: 6px;
    list-style: none;
    margin: 0;
    padding: 0;
    min-width: 180px;
    z-index: 999;
}

.sort-options li {
    padding: 10px 20px;
    cursor: pointer;
    color: #fff;
}

.sort-options li:hover {
    background: #444;
}

/* Vis dropdown når aktiv */
.sort-button.active + .sort-options {
    display: block;
}

    .facetwp-facet-antal_produkter {
    text-align: center;
margin-bottom: 30px !important;
}

.facetwp-reset {
    background-color: red;
    color: #fff;
    border: 0;
    padding: 8px 10px;
    border-radius: 10px;
    top: 20px;
    cursor: pointer;
}

.facetwp-facet-antal {
    display: flex;
    align-items: center;
    gap: 15px; /* afstand mellem toggle-knap og dropdown */
}

.facetwp-facet {
    margin-bottom: 0px !important;
}


/* Hover effekt for konsistens med toggle-knap */
.facetwp-facet-antal:hover {
    background-color: #444;
}


.facetwp-load-more {
    background-color: #008cce;
    color: #fff;
    border: 0;
    padding: 10px 20px;
    border-radius: 20px;
    margin-top: 40px;
    cursor: pointer;
    font-size: 15px;
    display: flex;
    justify-content: center;
}

.facetwp-facet-navigation {
    display: flex;
    justify-content: center;
}


.archive .leveringstid {
    display: none;
}

.filter-and-sorting {
    display: flex;
    align-items: center;
    justify-content: space-between; /* knap til venstre, dropdown til højre */
    margin: 30px 0px;
    gap: 15px; /* lidt afstand mellem knap og dropdown */
    background-color: #fff;
    padding: 10px 15px;
    border-radius: 30px;
}

.woocommerce nav.woocommerce-pagination ul {
    border: 0px solid #cfc8d8;
}

.woocommerce nav.woocommerce-pagination ul li {
    border-right: 0px solid #cfc8d8;
    padding: 2px;
}

.woocommerce-pagination ul.page-numbers li a, .woocommerce-pagination ul.page-numbers li span {
    background: #fff !important;
}

.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
    background: #0071a1 !important;
    color: #fff;
}

.archive.woocommerce ul.products li.product,
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    border: 1px solid #eee;
    padding: .8rem;
    transition: transform 0.2s;
    background-color: #fff;
    border-radius: 20px;
    margin: 0;
    box-sizing: border-box; /* padding/border tæller med */
    height: 100%;
    position: relative;
}

.archive.woocommerce ul.products li.product:hover,
.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
    transform: translateY(-5px);
}

.archive.woocommerce ul.products li.product a {
    text-decoration: none;
    text-align: left;
    color: #fff;
    cursor: pointer;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
    color: #000;
}

.woocommerce ul.products li.product .price {
    font-weight: 600;
    font-size: 1.1em;
}


/* --- Footer for navn, pris og knap --- */
.product-footer {
    margin-top: auto; /* skubber footer til bunden af produktboksen */
}

.woocommerce ul.products li.product .button {
    position: absolute;
    right: 10px;
    bottom: 10px;
    padding: 8px 8px 5px 8px;
    background-color: #26b92d;
    border-radius: 10px;
}


.product-categories li.product-category:hover {
    transform: translateY(-5px);
}

.product-categories .imagewrapper {
    aspect-ratio: 4 / 2;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-categories .imagewrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
    border-radius: 20px 20px 0 0;
}

.product-categories li.product-category .woocommerce-loop-category__title {
    font-weight: 600;
    font-size: .9rem;
    color: #000;
    overflow-wrap: break-word;
    padding: 0px 10px;
    text-align: center;
}

/* --- Generelle layoutjusteringer --- */
.woocommerce-content {
    padding: 20px 0px;
    margin-top: 0px;
}


.term-description-bottom {
    padding: 30px 50px;
    background-color: #fff;
    border: 1px #e9e6ed solid;
    border-radius: 20px;
    margin-top: 50px;
}

.woocommerce .woocommerce-result-count {
    margin: 0em 1em 1em;
    z-index: 9;
}

/* Fjern pseudo-elementer fra ul */
.woocommerce ul.products::after,
.woocommerce ul.products::before,
.woocommerce-page ul.products::after,
.woocommerce-page ul.products::before {
    display: none;
}

.variant-antal {
  position: absolute;
    top: 0.65rem;
    left: 0.65rem;
    z-index: 1;
    padding: 0.2rem 0.55rem;
    font-size: 0.85rem;
    line-height: 1.3;
    font-weight: 500;
    color: var(--bv-rec-blue);
    background: #2264ad;
    border-radius: 20px;
}

.fra {
    font-size: 11px;
}




.facetwp-facet-antal_side select {
    appearance: none;       /* Fjern standard browser-stil */
    -webkit-appearance: none;
    -moz-appearance: none;
   padding-right: 2rem;
    padding-left: 0.8rem;
    background-color: #fff;
    border: 1px #2264ad solid;
    border-radius: 20px;
    height: 42px;
    font-size: 14px;
    color: #000;
}

/* Tilføj pilen som baggrund */
.facetwp-facet-antal_side {
    position: relative;
    display: inline-block;
}


.facetwp-facet-antal_side::after {
    content: "▼";
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    font-size: 12px;
    color: #000;
}


.filter-toggle {
    padding: 10px 20px;
    background: #fff;
    color: #000;
    border: 1px #2264ad solid;
    border-radius: 20px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 8px; /* afstand mellem tekst og ikon */
    
}

.filter-toggle .filter-icon svg {
    display: block;
    transition: transform 0.3s ease; /* til evt. rotation senere */
}

#filter-sidebar {
    position: fixed;
    top: 0;
    right: -320px;
    width: 320px;
    height: 100%;
    background: #fff;
    box-shadow: -2px 0 10px rgba(0,0,0,.2);
    padding: 20px;
    z-index: 99;
    transition: right .3s ease;
    overflow-y: auto;
}

.filter-widget h3 {
    padding-top: 15px !important;
}

.facetwp-selections {
    margin-top:50px;
}

.shop-toolbar {
    margin-bottom: 30px;
}

.facetwp-display-value {
    font-size: 14px;
}

.facetwp-counter {
    font-size: 12px;
}

#filter-sidebar.active {
    right: 0;
    z-index: 99999999;
}

.filter-close {
   background: #008cce;
    color: #fff;
    border: 0;
    padding: 8px 14px;
    margin-bottom: 0px;
    border-radius: 4px;
    cursor: pointer;
    float: right;
    z-index: 999999999;
    position: fixed;
    right: 20px;
    top: 10px;
}

.facetwp-type-reset {
   position: absolute;
    background-color: #fff;
    padding: 10px 20px;
        width: calc(100% - 40px);
    top: 0px;
    margin-left: -20px;
    border-bottom: 1px #ddd solid;
}

.wpc-filters-main-wrap li.wpc-term-item a {
    text-decoration: none;
    font-weight: 400;
    outline: 0;
    padding-top: 0;
    padding-bottom: 0;
    color: #000;
    font-size: 14px;
}

.wpc-term-count {
    font-size: 14px;
}

.filter-widget:last-child {
    margin-bottom: 40px !important;
}

    .woocommerce .woocommerce-breadcrumb {
        font-size: .8em;
        width: calc(100% - 20px);
        margin-bottom: 20px;
        margin-top: 80px;
    }



.woocommerce a.added_to_cart {
    display: none;
}



/* Modal baggrund */
.variant-modal {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.5);
    z-index: 999999;
}

/* Modal indhold */
.variant-modal-content {
    background: #fff;
    margin: 5% auto;
    padding: 20px;
    max-width: 420px;
    border-radius: 8px;
    position: relative;
}

/* Luk-knap */
.variant-modal-close {
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 26px;
    cursor: pointer;
}

/* Body */
.variant-modal-body {
    margin-top: 10px;
}

/* Select felter */
.variant-attr {
    width: 100%;
    padding: 8px 10px;
    margin-bottom: 15px;
    border-radius: 4px;
    border: 1px solid #ccc;
}

/* Antal + køb-knap i variant-modal: kun base.css (#variantModal) */



@media only screen and (max-width: 600px) {
    #variantModal #modal-qty .qib-button-wrapper {
        float: none;
        width: 100%;
        margin-right: 0;
    }
    
    #filter-sidebar.active {
    width: calc(100% - 40px) !important;
}
    
}

/* “Gå til produkt” styles i base.css — ikke alle #variant-modal-body a (WC “Se kurv” gav scrollbar) */







/* --- Responsivt --- */
@media (max-width: 1200px) {
    
    .archive ul.products .qib-button-wrapper {
display: none !important;
}
    
    
    .varmepumper-produkt-mobil .luft-vand-mobil {
            padding: 10px;
        width: calc(48% - 25px);
        display: block;
        border: 1px #fff solid;
        color: #000;
        border-radius: 20px;
        float: left;
        font-size: 13px;
        text-align: center;
        cursor: pointer;
        margin-right: 2%;
        background-color: orange;
        display: block!important;
        }
    
    .varmepumper-produkt-mobil .kw-beregner-mobil {
              padding: 8px;
        width: calc(48% - 25px);
        display: block;
        border: 1px #fff solid;
        color: #fff;
        border-radius: 20px;
        float: right;
        font-size: 14px;
        text-align: center;
        background-color: #2264ad;
        display: block !important;
        }
    
    
    .varmepumper-produkt-mobil .kw-luft-mobil {
              padding: 8px;
        width: calc(50% - 25px);
        border: 1px #fff solid;
        color: #fff;
        border-radius: 20px;
        font-size: 14px;
        text-align: center;
        background-color: #2264ad;
        display: block !important;
        }
    
    
     .varmepumper-produkt-mobil .ventilation-pakkeloesning-mobil {
            padding: 8px;
        width: calc(50% - 25px);
        border: 1px #fff solid;
        color: #000;
        border-radius: 20px;
        font-size: 14px;
        text-align: center;
        cursor: pointer;
        margin-right: 20px;
        background-color: orange;
         display: block !important;
        }
    
    .varmepumper-produkt-mobil .ventilation-pakkeloesning-mobil a {
        color: #000;
        }
         
         
         
          .varmepumper-produkt-mobil .m3-beregner-mobil {
            padding: 8px;
        width: calc(50% - 25px);
        border: 1px #fff solid;
        color: #fff;
        border-radius: 20px;
        font-size: 14px;
        text-align: center;
        background-color: #2264ad;
         display: block !important;
        }
    
    .varmepumper-produkt-mobil .m3-beregner-mobil a {
        color: #fff;
        }
         
         
         .varmepumper-produkt-mobil {
        position: fixed;
        bottom: 0;
        padding: 8px 10px;
        left: 0;
        width: calc(100% - 20px);
        background-color: #fff;
        z-index: 999999;
        display: flex;
        justify-content: center;
        border-top: 1px #007cba solid;
         display: flex !important;
    }
    
    .ventilation-produkt {
        display: none;
    }
    
    
    .shop-toolbar {
    margin-bottom: 0px;
}
    

    .product-categories li.product-category .woocommerce-loop-category__title {
    font-size: .8rem;
        word-break: break-word;
    overflow-wrap: break-word;
}
    
    .filter-and-sorting {
   display: flow-root;
        padding: 30px 10px 0px 10px;
}
    
    .woocommerce .woocommerce-ordering {
    padding: 0px 10px;
    width: calc(100% - 20px);
    margin-top: 20px;
    margin-bottom: 30px;
}
    
    .woocommerce .woocommerce-ordering select.orderby {
    width: 100%;
}
    
    .woocommerce .woocommerce-ordering::after {
    right: 22px;
}
    
    
    .woocommerce .woocommerce-result-count {
    float: none;
    text-align: center;
    margin-bottom: 25px;
}
    
    .woocommerce .woocommerce-breadcrumb {
        margin-top: 60px;
        text-align: center;
    }
}






@media screen and (max-width: 1199px) and (min-width: 601px){
 
    
    
    
    .facetwp-facet-antal_side {
  margin-bottom: 0px !important;
}

}

@media (min-width: 1200px) {
    
    .product-categories li {
    border: 1px #509250 solid;
}
    .product-categories {
    background-color: #d4dad4;
        margin-bottom: 80px;
}


    
    
    #variantModal #modal-qty .qib-button-wrapper {
        display: flex !important;
        position: static !important;
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        bottom: auto !important;
        right: auto !important;
        height: auto !important;
    }
    
    .archive .price {
    position: absolute;
    left: 5px;
    bottom: 8px;
}
    
    
    .archive ul.products .qib-button-wrapper {
    position: absolute;
    bottom: 5px;
    right: 45px;
        height: 35px;
}
    

       .varmepumper-produkt-mobil {
            display: none;
        }
    
         
          .varmepumper-produkt .luft-vand {
            padding: 10px;
        width: calc(25% - 25px);
        border: 1px #fff solid;
        color: #000;
        border-radius: 20px;
        font-size: 16px;
        text-align: center;
        cursor: pointer;
        margin-right: 20px;
        background-color: orange;
              min-width: 400px;
              display: block !important;
        }
         
         
         
          .varmepumper-produkt .kw-beregner {
            padding: 10px;
        width: calc(25% - 25px);
        border: 1px #fff solid;
        color: #fff;
        border-radius: 20px;
        font-size: 16px;
        text-align: center;
        background-color: #2264ad;
              min-width: 400px;
              display: block !important;
        }
         
         
         .varmepumper-produkt {
        position: fixed;
        bottom: 0;
        padding: 20px 0px;
        right: 21px;
        width: calc(100% - 403px);
        background-color: #fff;
        z-index: 999;
        display: flex;
        justify-content: center;
        cursor: pointer;
        border-top: 1px #2264ad solid;
        display: flex !important;
    }
         
         
          .varmepumper-produkt .luft-vand:hover {
transform: translateY(-5px);
        }
         
         
         
          .varmepumper-produkt .kw-beregner:hover {
      transform: translateY(-5px);
        }
    
    
         .ventilation-produkt .ventilation-pakkeloesning {
              padding: 10px;
        border: 1px #fff solid;
        color: #2264ad;
        border-radius: 20px;
        font-size: 16px;
        text-align: center;
        cursor: pointer;
        margin-right: 20px;
             min-width: 400px;
             cursor: pointer;
             background-color: orange;
             display: block !important;
        }
    
     .ventilation-produkt .ventilation-pakkeloesning a {
        color: #000;
        }
         
         
         
          .ventilation-produkt .m3-beregner {
             padding: 10px;
        border: 1px #fff solid;
        color: #fff;
        border-radius: 20px;
        font-size: 16px;
        text-align: center;
              min-width: 400px;
              cursor: pointer;
                      background-color: #2264ad;
              display: block !important;
        }
    
    .ventilation-produkt .m3-beregner a {
        color: #fff;
        }
         
         
         .ventilation-produkt {
        position: fixed;
        bottom: 0;
        padding: 20px 0px;
        left: 383px;
        width: calc(100% - 402px);
        background-color: #fff;
        z-index: 999;
        display: flex;
        justify-content: center;
        border-top: 1px #2264ad solid;
        display: flex !important;
    }
    
    .varmepumper-produkt-mobil {
        display: none;
    }
    
    .facetwp-facet-antal_side {
    margin-bottom: 0px !important;
}
    
    
    
    .woocommerce .woocommerce-result-count {
    position: absolute;
    left: 0;
    width: calc(100% - 450px);
    margin-left: 420px;
    margin-top: -73px;
        font-weight: 600;
    font-size: 15px;
        display: flex;
        justify-content: center;
        }
    
}


@media (min-width: 1401px) {
    
    
    .facetwp-facet-antal_produkter {
        margin-top: -75px;
        font-weight: 600;
    }
}


@media (max-width: 600px) {

.facetwp-facet-antal_produkter {
    color: #000;
}
    
    .filter-toggle {
    margin-left: 10px;
    margin-right: 10px;
    width: calc(50% - 20px);
        padding: 12px 20px;
                float: left;
}
    
     .sortering {
    margin-left: 10px;
    margin-right: 10px;
    width: calc(50% - 22px);
         float: right;
}
    
    .facetwp-facet-antal_side {
    width: 100%;
}
    
    .facetwp-facet-antal_side select {
    padding-left: 1.2rem !important;
        width: 100%;
}
    
    .filter-and-sorting {
        padding: 10px 0px 10px 0px;
    }

.woocommerce ul.products li.product .price {
    font-size: 1.05em;
    padding-bottom: 4px;
        display: block;
}

.woocommerce ul.products li.product .button {
    right: 10px;
    bottom: 10px;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {
    padding: .4em .6em;
}

.woocommerce-Price-currencySymbol {
    padding-left: 3px;
    font-size: 11px;
}
    
    .variant-antal {
    margin: 0px;
}
   
   
   .archive.woocommerce ul.products li.product:hover,
.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
    transform: none;
}
   
   .archive.woocommerce ul.products li.product,
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    padding: .5rem;
    box-shadow: none;
}
   
       .archive.woocommerce ul.products li.product,
    .woocommerce ul.products li.product,
    .woocommerce-page ul.products li.product,
    .product-categories li.product-category:hover {
          transform: translateY(0px);
    } 
    
    
    .woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    font-size: .95em;
         overflow-wrap: break-word;
}
    
    .archive-section-title {
text-align: center;
    } 
    
    .woocommerce-LoopProduct-link .woocommerce-loop-product__title {
    height: 80px;
}
    
       .category-title {
text-align: center;
font-size: 24px;
                   margin: 5px 0px 10px 0px;
    }
    
    .archive-section-title {
        font-size: 20px;
    }
    
    
    .product-categories {
    gap: .3rem;
    max-height: 225px;
        background-color: transparent;
    padding: 0px;
    border-radius: 0px;
    box-shadow: none;
}
    
.archive .products, .woocommerce ul.products, .woocommerce-page ul.products {
    gap: .3rem;
}
    
    .term-description-bottom {
    padding: 20px;
    margin-top: 50px;
}
    
}


ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 0em !important;
    margin-block-end: 0em; !important;
    padding-inline-start: 0px; !important;
}

/* Pagination wrapper */
.woocommerce-pagination {
    text-align: center;
    margin: 40px 0;
}

.woocommerce-pagination ul.page-numbers {
    list-style: none;
    display: inline-flex;
    gap: 10px;
    padding: 0;
    margin: 0;
}

.woocommerce-pagination ul.page-numbers li {
    display: inline;
}

.woocommerce-pagination ul.page-numbers li a,
.woocommerce-pagination ul.page-numbers li span {
    display: block;
    padding: 8px 14px;
    background: #f5f5f5;
    color: #333;
    text-decoration: none;
    border-radius: 6px;
    transition: all 0.2s ease;
}

.woocommerce-pagination ul.page-numbers li a:hover {
    background: #0071a1; /* Din primære farve */
    color: #fff;
}

.woocommerce-pagination ul.page-numbers li span.current {
    background: #0071a1; /* Din primære farve */
    color: #fff;
    font-weight: 600;
}

/* Variant-modal antal: samme look som produktside (base.css) — arkiv-CSS loader efter base */
body.archive #variantModal #variant-modal-body .qib-button-wrapper {
    border: 2px solid #26b92d !important;
    border-radius: 20px !important;
}

body.archive #variantModal #variant-modal-body .qib-button-wrapper .minus.qib-button,
body.archive #variantModal #variant-modal-body .qib-button-wrapper .plus.qib-button {
    background: #fff !important;
    border: 0 !important;
    font-size: 1.5625rem !important;
}

.seconddesc span {
    display: none;
}