.elementor-3986 .elementor-element.elementor-element-6e5d6209 > .elementor-element-populated{padding:20px 20px 20px 20px;}.elementor-3986 .elementor-element.elementor-element-b6e602b{border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-text );transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:20px;padding:0px 0px 20px 0px;}.elementor-3986 .elementor-element.elementor-element-b6e602b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-3986 .elementor-element.elementor-element-3e193e8f > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-3986 .elementor-element.elementor-element-1d8abe56 > .elementor-widget-container{margin:-15px -9px -18px -26px;}.elementor-3986 .elementor-element.elementor-element-1d8abe56 .elementor-icon-wrapper{text-align:center;}.elementor-3986 .elementor-element.elementor-element-1d8abe56.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-3986 .elementor-element.elementor-element-1d8abe56.elementor-view-framed .elementor-icon, .elementor-3986 .elementor-element.elementor-element-1d8abe56.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-3986 .elementor-element.elementor-element-1d8abe56.elementor-view-framed .elementor-icon, .elementor-3986 .elementor-element.elementor-element-1d8abe56.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-3986 .elementor-element.elementor-element-1d8abe56 .elementor-icon{font-size:68px;}.elementor-3986 .elementor-element.elementor-element-1d8abe56 .elementor-icon svg{height:68px;}.elementor-3986 .elementor-element.elementor-element-298f6d76 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-3986 .elementor-element.elementor-element-6c005c0b > .elementor-widget-container{margin:0px 0px -16px 0px;}.elementor-3986 .elementor-element.elementor-element-6c005c0b .elementor-heading-title{color:#7C7C7C;font-family:"Plus Jakarta Sans", Sans-serif;font-size:12px;font-weight:400;}.elementor-3986 .elementor-element.elementor-element-378f5da0 .elementor-heading-title{color:#313131;font-family:"Plus Jakarta Sans", Sans-serif;font-size:18px;font-weight:500;}.elementor-3986 .elementor-element.elementor-element-1e84c4b .jet-listing-dynamic-field__content{text-align:left;}.elementor-3986 .elementor-element.elementor-element-47bacc48 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-3986 .elementor-element.elementor-element-3ea20975 .elementor-icon-wrapper{text-align:right;}.elementor-3986 .elementor-element.elementor-element-3ea20975.elementor-view-stacked .elementor-icon{background-color:#137E4300;}.elementor-3986 .elementor-element.elementor-element-3ea20975.elementor-view-framed .elementor-icon, .elementor-3986 .elementor-element.elementor-element-3ea20975.elementor-view-default .elementor-icon{color:#137E4300;border-color:#137E4300;}.elementor-3986 .elementor-element.elementor-element-3ea20975.elementor-view-framed .elementor-icon, .elementor-3986 .elementor-element.elementor-element-3ea20975.elementor-view-default .elementor-icon svg{fill:#137E4300;}.elementor-3986 .elementor-element.elementor-element-22ce6ea{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}#elementor-popup-modal-3986 .dialog-widget-content{animation-duration:0.5s;background-color:#FAFAFA;border-radius:15px 15px 15px 15px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-3986{background-color:#0000003B;justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-3986 .dialog-message{width:761px;height:534px;align-items:flex-start;padding:25px 25px 25px 25px;}@media(min-width:768px){.elementor-3986 .elementor-element.elementor-element-3e193e8f{width:11%;}.elementor-3986 .elementor-element.elementor-element-298f6d76{width:55.331%;}}@media(max-width:767px){.elementor-3986 .elementor-element.elementor-element-6e5d6209 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-3986 .elementor-element.elementor-element-3e193e8f{width:18%;}.elementor-bc-flex-widget .elementor-3986 .elementor-element.elementor-element-3e193e8f.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-3986 .elementor-element.elementor-element-3e193e8f.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-3986 .elementor-element.elementor-element-1d8abe56 .elementor-icon{font-size:60px;}.elementor-3986 .elementor-element.elementor-element-1d8abe56 .elementor-icon svg{height:60px;}.elementor-3986 .elementor-element.elementor-element-298f6d76{width:61%;}.elementor-bc-flex-widget .elementor-3986 .elementor-element.elementor-element-298f6d76.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-3986 .elementor-element.elementor-element-298f6d76.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-3986 .elementor-element.elementor-element-47bacc48{width:20%;}.elementor-3986 .elementor-element.elementor-element-3ea20975 > .elementor-widget-container{margin:-2px 0px -8px 0px;}.elementor-3986 .elementor-element.elementor-element-3ea20975 .elementor-icon-wrapper{text-align:right;}.elementor-3986 .elementor-element.elementor-element-3ea20975 .elementor-icon{font-size:45px;}.elementor-3986 .elementor-element.elementor-element-3ea20975 .elementor-icon svg{height:45px;}#elementor-popup-modal-3986 .dialog-message{height:85vh;}#elementor-popup-modal-3986{align-items:flex-end;}#elementor-popup-modal-3986 .dialog-widget-content{border-radius:0px 0px 0px 0px;}}/* Start custom CSS for shortcode, class: .elementor-element-22ce6ea *//* Import af Plus Jakarta Sans font */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap');

body {
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.custom-upsell-products-list {
    list-style: none;
    padding: 0;
    margin: 0;
    max-width: 100%; /* Juster til din sides bredde */
}

.custom-upsell-product {
     display: flex;
    align-items: center;
    justify-content: space-between;
 
    margin-bottom: 15px;
    background-color: #f9f9f9;
    border-radius: 8px;
   
    transition: background-color 0.3s ease;
  
    
    transition: background-color 0.3s ease-in-out, padding 0.3s ease-in-out; /* Definer transition her */
}

.custom-upsell-product:hover {
    background-color: #fff;
    padding: 5px;
}

.st h2 {
    font-size: 25px;
    font-weight: 400;
}


.custom-upsell-product.hidden {
    display: none; /* Skjuler produkter som ikke skal vises fra starten */
}

#load-more-upsells {
    display: block;
    margin: 20px auto;
    background-color: #0073aa;
    color: #fff;
    padding: 11px 20px;
    font-size: 16px;
    font-weight: 600;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    width: 100%;
    transition: background-color 0.3s ease;
}

#load-more-upsells:hover {
    background-color: #005f8d;
}




.custom-upsell-product-image {
    flex: 1;
    max-width: 70px;
    padding: 5px;
    border-radius: 15px;
    background-color: #fff;
    text-align: center;
}

.custom-upsell-product-info {
    flex: 2;
    padding-left: 20px;
}

.custom-upsell-product-info h3 {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    transition: color 0.3s ease;
}

.custom-upsell-product-info p {
    margin: 5px 0;
    font-size: 12px;
    font-weight: 400;
    color: #666;
}

.custom-upsell-product-info h3:hover {
    color: #0073aa;
}

.custom-upsell-product-add-to-cart {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.custom-upsell-product-add-to-cart input[type="number"] {
    width: 60px !important;
    padding: 7px !important;
    margin-right: 15px !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    font-weight: 400!important;
}

.custom-upsell-product-add-to-cart button {
    background-color: #0073aa !important;
    color: #fff !important;
    padding: 10px 15px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border: none !important;
    border-radius: 4px !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease !important;
}

.custom-upsell-product-add-to-cart button:hover {
    background-color: #005f8d !important;
}

@media screen and (max-width: 768px) { 
 .custom-upsell-product {
        flex-direction: column;
        align-items: flex-start;
       padding-bottom: 20px;
       margin-bottom: 20px;
       border-bottom: 1px solid #e3e3e3;
       border-radius: 0px!important;
    }

    .custom-upsell-product-image {
        max-width: 100px;
        margin-bottom: 10px;
    }

    .custom-upsell-product-info {
        padding-left: 0;
        width: 100%;
        text-align: left;
        margin-bottom: 10px;
    }

    .custom-upsell-product-info h3 {
        font-size: 16px;
    }

    .custom-upsell-product-info p {
        font-size: 14px;
    }

    .custom-upsell-product-add-to-cart {
        width: 100%;
        justify-content: flex-start;
        margin-top: 10px;
    }

    .custom-upsell-product-add-to-cart input[type="number"] {
        width: 50px;
        padding: 5px;
        margin-right: 10px;
    }

    .custom-upsell-product-add-to-cart button {
        padding: 8px 10px;
        font-size: 14px;
    }

    #load-more-upsells {
        width: 100%;
        font-size: 14px;
        padding: 10px;
     margin-top: 10px;
    }
    
}/* End custom CSS */