.elementor-5202 .elementor-element.elementor-element-1b49fac0:not(.elementor-motion-effects-element-type-background), .elementor-5202 .elementor-element.elementor-element-1b49fac0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#f5f5f5;}.elementor-5202 .elementor-element.elementor-element-1b49fac0 > .elementor-container{max-width:1400px;}.elementor-5202 .elementor-element.elementor-element-1b49fac0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 20px 0px;}.elementor-5202 .elementor-element.elementor-element-1b49fac0 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5202 .elementor-element.elementor-element-7e293eca:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-5202 .elementor-element.elementor-element-7e293eca > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}.elementor-5202 .elementor-element.elementor-element-7e293eca > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-5202 .elementor-element.elementor-element-7e293eca > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5202 .elementor-element.elementor-element-7072159f:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-5202 .elementor-element.elementor-element-7072159f > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}.elementor-5202 .elementor-element.elementor-element-7072159f > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-5202 .elementor-element.elementor-element-7072159f > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5202 .elementor-element.elementor-element-a51cc23:not(.elementor-motion-effects-element-type-background), .elementor-5202 .elementor-element.elementor-element-a51cc23 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sunupsolar.store/wp-content/uploads/2026/04/Gemini_Generated_Image_as8dcoas8dcoas8d.webp");background-position:center left;background-repeat:no-repeat;background-size:cover;}.elementor-5202 .elementor-element.elementor-element-a51cc23 > .elementor-background-overlay{background-color:#0F0F0F;opacity:0.43;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5202 .elementor-element.elementor-element-a51cc23{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-5202 .elementor-element.elementor-element-56e5d5ec > .elementor-element-populated{padding:57px 20px 52px 20px;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-5202 .elementor-element.elementor-element-ec98978{padding:0px 0px 0px 350px;}.elementor-5202 .elementor-element.elementor-element-ec98978 .elementor-image-box-wrapper{text-align:center;}.elementor-5202 .elementor-element.elementor-element-ec98978 .elementor-image-box-title{margin-bottom:10px;font-family:"Roboto", Sans-serif;font-size:27px;font-weight:600;color:#FFFFFF;}.elementor-5202 .elementor-element.elementor-element-ec98978:has(:hover) .elementor-image-box-title,
					 .elementor-5202 .elementor-element.elementor-element-ec98978:has(:focus) .elementor-image-box-title{color:#DD7834;}.elementor-5202 .elementor-element.elementor-element-ec98978 .elementor-image-box-description{font-family:"Roboto", Sans-serif;font-size:19px;font-weight:400;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-5202 .elementor-element.elementor-element-f5bed43 .elementor-button{background-color:#DD7834;font-family:"Roboto", Sans-serif;font-size:20px;font-weight:500;text-transform:uppercase;}.elementor-5202 .elementor-element.elementor-element-f5bed43{padding:0px 450px 0px 0px;}.elementor-5202 .elementor-element.elementor-element-8932d65:not(.elementor-motion-effects-element-type-background), .elementor-5202 .elementor-element.elementor-element-8932d65 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sunupsolar.store/wp-content/uploads/2026/04/Gemini_Generated_Image_as8dcoas8dcoas8d.webp");background-position:center left;background-repeat:no-repeat;background-size:cover;}.elementor-5202 .elementor-element.elementor-element-8932d65 > .elementor-background-overlay{background-color:#0F0F0F;opacity:0.43;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-5202 .elementor-element.elementor-element-8932d65{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-5202 .elementor-element.elementor-element-b86468c > .elementor-element-populated{padding:57px 20px 52px 20px;}.elementor-5202 .elementor-element.elementor-element-4cf35ba{padding:0px 0px 0px 350px;}.elementor-5202 .elementor-element.elementor-element-4cf35ba .elementor-image-box-wrapper{text-align:center;}.elementor-5202 .elementor-element.elementor-element-4cf35ba .elementor-image-box-title{margin-bottom:10px;font-family:"Roboto", Sans-serif;font-size:27px;font-weight:600;color:#FFFFFF;}.elementor-5202 .elementor-element.elementor-element-4cf35ba:has(:hover) .elementor-image-box-title,
					 .elementor-5202 .elementor-element.elementor-element-4cf35ba:has(:focus) .elementor-image-box-title{color:#DD7834;}.elementor-5202 .elementor-element.elementor-element-4cf35ba .elementor-image-box-description{font-family:"Roboto", Sans-serif;font-size:19px;font-weight:400;color:#FFFFFF;}.elementor-5202 .elementor-element.elementor-element-315910b .elementor-button{background-color:#DD7834;font-family:"Roboto", Sans-serif;font-size:20px;font-weight:500;text-transform:uppercase;}.elementor-5202 .elementor-element.elementor-element-315910b{padding:0px 426px 0px 0px;}.elementor-5202 .elementor-element.elementor-element-a24ba47{padding:50px 0px 50px 0px;}.elementor-5202 .elementor-element.elementor-element-fe11630{padding:50px 0px 50px 0px;}.elementor-5202 .elementor-element.elementor-element-c55a4c2{padding:50px 0px 50px 0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-5202 .elementor-element.elementor-element-22ce3ec > .elementor-element-populated >  .elementor-background-overlay{background-color:#000000;opacity:0.5;}.elementor-5202 .elementor-element.elementor-element-22ce3ec > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-5202 .elementor-element.elementor-element-22ce3ec > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-5202 .elementor-element.elementor-element-dec508c .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:800;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-5202 .elementor-element.elementor-element-4a890b6{font-family:"Roboto", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-5202 .elementor-element.elementor-element-13b7538{font-family:"Roboto", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-5202 .elementor-element.elementor-element-0d78dd8 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:700;color:#FFFFFF;}@media(max-width:1024px){.elementor-5202 .elementor-element.elementor-element-56e5d5ec > .elementor-element-populated{padding:0px 5px 0px 5px;}.elementor-5202 .elementor-element.elementor-element-ec98978{padding:32px 0px 0px 285px;}.elementor-5202 .elementor-element.elementor-element-ec98978 .elementor-image-box-wrapper{text-align:center;}.elementor-5202 .elementor-element.elementor-element-ec98978 .elementor-image-box-title{font-size:20px;}.elementor-5202 .elementor-element.elementor-element-ec98978 .elementor-image-box-description{font-size:15px;}.elementor-5202 .elementor-element.elementor-element-f5bed43{padding:0px 116px 20px 0px;}.elementor-5202 .elementor-element.elementor-element-f5bed43 .elementor-button{font-size:15px;}.elementor-5202 .elementor-element.elementor-element-b86468c > .elementor-element-populated{padding:0px 5px 0px 5px;}.elementor-5202 .elementor-element.elementor-element-4cf35ba{padding:32px 0px 0px 285px;}.elementor-5202 .elementor-element.elementor-element-4cf35ba .elementor-image-box-wrapper{text-align:center;}.elementor-5202 .elementor-element.elementor-element-4cf35ba .elementor-image-box-title{font-size:20px;}.elementor-5202 .elementor-element.elementor-element-4cf35ba .elementor-image-box-description{font-size:15px;}.elementor-5202 .elementor-element.elementor-element-315910b{padding:0px 116px 20px 0px;}.elementor-5202 .elementor-element.elementor-element-315910b .elementor-button{font-size:15px;}.elementor-5202 .elementor-element.elementor-element-22ce3ec:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-5202 .elementor-element.elementor-element-22ce3ec > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://sunupsolar.store/wp-content/uploads/2026/04/Gemini_Generated_Image_kc2yjkkc2yjkkc2y.png");background-position:center center;}.elementor-5202 .elementor-element.elementor-element-22ce3ec > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:2px;}.elementor-5202 .elementor-element.elementor-element-22ce3ec > .elementor-element-populated >  .elementor-background-overlay{opacity:0.35;}.elementor-5202 .elementor-element.elementor-element-dec508c{padding:39px 0px 0px 0px;text-align:center;}.elementor-5202 .elementor-element.elementor-element-dec508c .elementor-heading-title{font-size:35px;}.elementor-5202 .elementor-element.elementor-element-4a890b6{padding:0px 0px 0px 0px;text-align:center;}.elementor-5202 .elementor-element.elementor-element-13b7538{text-align:center;font-size:14px;}.elementor-5202 .elementor-element.elementor-element-0d78dd8{padding:0px 0px 48px 0px;text-align:center;}.elementor-5202 .elementor-element.elementor-element-0d78dd8 .elementor-heading-title{font-size:42px;}}@media(min-width:768px){.elementor-5202 .elementor-element.elementor-element-7e293eca{width:20.571%;}.elementor-5202 .elementor-element.elementor-element-7072159f{width:62.214%;}.elementor-5202 .elementor-element.elementor-element-45c00b23{width:17.211%;}}@media(max-width:767px){.elementor-5202 .elementor-element.elementor-element-4fd2762a > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-5202 .elementor-element.elementor-element-a51cc23:not(.elementor-motion-effects-element-type-background), .elementor-5202 .elementor-element.elementor-element-a51cc23 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-5202 .elementor-element.elementor-element-ec98978{padding:36px 0px 0px 0px;}.elementor-5202 .elementor-element.elementor-element-ec98978 .elementor-image-box-title{font-size:18px;}.elementor-5202 .elementor-element.elementor-element-ec98978 .elementor-image-box-description{font-size:15px;}.elementor-5202 .elementor-element.elementor-element-f5bed43{padding:2px 0px 18px 0px;}.elementor-5202 .elementor-element.elementor-element-f5bed43 .elementor-button{font-size:14px;}.elementor-5202 .elementor-element.elementor-element-4cf35ba{padding:-8px -8px -8px 0px;}.elementor-5202 .elementor-element.elementor-element-315910b{padding:0px 0px 0px 0px;}.elementor-5202 .elementor-element.elementor-element-dec508c .elementor-heading-title{font-size:21px;}.elementor-5202 .elementor-element.elementor-element-4a890b6{font-size:12px;}.elementor-5202 .elementor-element.elementor-element-13b7538{font-size:10px;}}/* Start custom CSS for electro_elementor_products_with_category_image_block, class: .elementor-element-439ca37 */.tab .nav{
 font-size: 10px;
 font-weight: normal;
}
/* Ensure the main container doesn't restrict width */
/* Ensure the container is full width and not scrolling */
.tab .woocommerce, 
.tab .products-block {
    width: 100% !important;
    overflow: hidden !important; /* Removes that bottom scrollbar */
}

/* Force the product list to wrap instead of making one long line */
.tab ul.products.row {
    display: flex !important;
    flex-wrap: wrap !important; /* This moves the 4th/5th product to a new row */
    flex-direction: row !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Define exactly how many products per row */
.tab ul.products.row li.product {
    /* For 3 products per row, use 31%. For 4 products, use 23% */
    flex: 0 0 31% !important; 
    max-width: 31% !important;
    width: 31% !important;
    margin-right: 2% !important; /* Spacing between products */
    margin-bottom: 30px !important; /* Spacing between rows */
    box-sizing: border-box !important;
}

/* Remove the right margin on every 3rd product to keep it flush with the edge */
.tab ul.products.row li.product:nth-child(3n) {
    margin-right: 0 !important;
}

/* Make images fit nicely inside the box */
.tab ul.products.row li.product img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
}/* End custom CSS */
/* Start custom CSS for electro_elementor_products_with_category_image_block, class: .elementor-element-7f40383 */.font .nav {
        font-size: 11px !important; /* Slightly larger for readability on phones */
        display: flex !important;
        flex-wrap: wrap !important; /* Allows categories to drop to a second line */
        justify-content: flex-start !important;
        padding: 0 !important;
        margin-top: 10px !important;
        gap: 10px !important; /* Space between the category items */
    }

    .font .nav li {
        list-style: none !important;
        margin: 0 !important;
    }

    .font .nav a {
        padding: 5px 8px !important;
        display: inline-block !important;
        border: 1px solid #eeeeee; /* Optional: adds a subtle box around each category */
        border-radius: 4px;
        white-space: nowrap; /* Keeps individual words together */
    }
}
.font .woocommerce,
    .font .products-block {
        display: block !important;
        width: 100% !important;
    }

    /* 2. Make the product list a flexible grid */
    .font ul.products.row {
        display: flex !important;
        flex-wrap: wrap !important; /* Allows items to move to the next line */
        flex-direction: row !important;
        padding: 0 !important;
        margin: 0 !important;
        width: 100% !important;
    }

    /* 3. Set to 2 Products per row (use 48%) or 1 per row (use 100%) */
    .font ul.products.row li.product {
        flex: 0 0 48% !important; /* 2 products side-by-side */
        max-width: 48% !important;
        width: 48% !important;
        margin-right: 4% !important; /* Gap between the two */
        margin-bottom: 20px !important;
        list-style: none !important;
    }

    /* Remove right margin on every 2nd product to keep alignment */
    .font ul.products.row li.product:nth-child(2n) {
        margin-right: 0 !important;
    }

    /* 4. Fix image height so they line up */
    .font ul.products.row li.product img {
        height: 150px !important;
        object-fit: contain !important;
        width: 100% !important;
    }
}/* End custom CSS */
/* Start custom CSS for electro_elementor_products_category_with_image_block, class: .elementor-element-76eee75 *//* 1. Target ONLY the navigation list in our new custom class */
.custom-cat-menu ul.nav {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important; 
    justify-content: flex-start !important;
    width: 100% !important;
    padding: 10px 0 !important;
    margin: 0 !important;
    border: none !important;
}

/* 2. Side-by-side items with tight spacing */
.custom-cat-menu ul.nav li.nav-item {
    display: inline-block !important;
    width: auto !important; 
    margin-right: 8px !important; 
    margin-bottom: 10px !important;
}

/* 3. The "Pill" fix: Keeps text inside the borders */
.custom-cat-menu ul.nav li.nav-item a {
    font-size: 11px !important;
    line-height: 1.2 !important;
    white-space: normal !important;  /* CRITICAL: Allows wrapping so text stays inside */
    padding: 8px 16px !important;    /* Balanced padding */
    border: 1px solid #eee;
    border-radius: 50px !important;  /* Perfect pill shape */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    min-height: 40px;
    box-sizing: border-box !important;
}

/* 4. Yellow highlight for the active category */
.custom-cat-menu ul.nav li.nav-item.active a {
    background-color: #ffcc00 !important;
    border-color: #ffcc00 !important;
    color: #000 !important;
}/* End custom CSS */
/* Start custom CSS for electro_elementor_products_category_with_image_block, class: .elementor-element-beaa2c1 *//* 1. Target ONLY the navigation list in our new custom class */
.custom-cat-menu ul.nav {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important; 
    justify-content: flex-start !important;
    width: 100% !important;
    padding: 10px 0 !important;
    margin: 0 !important;
    border: none !important;
}

/* 2. Side-by-side items with tight spacing */
.custom-cat-menu ul.nav li.nav-item {
    display: inline-block !important;
    width: auto !important; 
    margin-right: 8px !important; 
    margin-bottom: 10px !important;
}

/* 3. The "Pill" fix: Keeps text inside the borders */
.custom-cat-menu ul.nav li.nav-item a {
    font-size: 11px !important;
    line-height: 1.2 !important;
    white-space: normal !important;  /* CRITICAL: Allows wrapping so text stays inside */
    padding: 8px 16px !important;    /* Balanced padding */
    border: 1px solid #eee;
    border-radius: 50px !important;  /* Perfect pill shape */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    min-height: 40px;
    box-sizing: border-box !important;
}

/* 4. Yellow highlight for the active category */
.custom-cat-menu ul.nav li.nav-item.active a {
    background-color: #ffcc00 !important;
    border-color: #ffcc00 !important;
    color: #000 !important;
}/* End custom CSS */