.elementor-10271 .elementor-element.elementor-element-3c33b85{--display:flex;--min-height:50vh;--justify-content:center;--overlay-opacity:0.75;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10271 .elementor-element.elementor-element-3c33b85:not(.elementor-motion-effects-element-type-background), .elementor-10271 .elementor-element.elementor-element-3c33b85 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://enginnovat.com/wp-content/uploads/2026/06/enginnovat-victron-inverter-backup-installation-hero-1920x800-1.webp");}.elementor-10271 .elementor-element.elementor-element-3c33b85::before, .elementor-10271 .elementor-element.elementor-element-3c33b85 > .elementor-background-video-container::before, .elementor-10271 .elementor-element.elementor-element-3c33b85 > .e-con-inner > .elementor-background-video-container::before, .elementor-10271 .elementor-element.elementor-element-3c33b85 > .elementor-background-slideshow::before, .elementor-10271 .elementor-element.elementor-element-3c33b85 > .e-con-inner > .elementor-background-slideshow::before, .elementor-10271 .elementor-element.elementor-element-3c33b85 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(90deg, #000000 0%, #00000080 80%);}.elementor-10271 .elementor-element.elementor-element-fd14c71{--display:flex;}.elementor-10271 .elementor-element.elementor-element-6cd76a9 .elementor-heading-title{font-size:36px;font-weight:600;color:#FFFFFF;}.elementor-10271 .elementor-element.elementor-element-a02aa45{color:#E2E8F0;}.elementor-10271 .elementor-element.elementor-element-4c5a5d2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-10271 .elementor-element.elementor-element-c1dd499{--display:flex;}.elementor-10271 .elementor-element.elementor-element-c4db4cf .elementor-button{background-color:#E2E8F0;fill:#666666;color:#666666;border-style:none;}.elementor-10271 .elementor-element.elementor-element-c4db4cf .elementor-button:hover, .elementor-10271 .elementor-element.elementor-element-c4db4cf .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-kadence3 );}.elementor-10271 .elementor-element.elementor-element-c4db4cf .elementor-button:hover svg, .elementor-10271 .elementor-element.elementor-element-c4db4cf .elementor-button:focus svg{fill:var( --e-global-color-kadence3 );}.elementor-10271 .elementor-element.elementor-element-6fa6723{--display:flex;}.elementor-10271 .elementor-element.elementor-element-cad7e17 .elementor-button{background-color:#FFFFFF00;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;}.elementor-10271 .elementor-element.elementor-element-cad7e17 .elementor-button:hover, .elementor-10271 .elementor-element.elementor-element-cad7e17 .elementor-button:focus{background-color:var( --e-global-color-secondary );color:var( --e-global-color-kadence3 );border-color:var( --e-global-color-secondary );}.elementor-10271 .elementor-element.elementor-element-cad7e17 .elementor-button:hover svg, .elementor-10271 .elementor-element.elementor-element-cad7e17 .elementor-button:focus svg{fill:var( --e-global-color-kadence3 );}.elementor-10271 .elementor-element.elementor-element-da81233{--display:flex;}.elementor-10271 .elementor-element.elementor-element-1231ca5{--display:flex;--padding-top:40px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-10271 .elementor-element.elementor-element-1231ca5:not(.elementor-motion-effects-element-type-background), .elementor-10271 .elementor-element.elementor-element-1231ca5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F4F5;}.elementor-10271 .elementor-element.elementor-element-8c4c7cb{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-10271 .elementor-element.elementor-element-5875dd1{--e-image-carousel-slides-to-show:5;}.elementor-10271 .elementor-element.elementor-element-5875dd1 .elementor-swiper-button.elementor-swiper-button-prev, .elementor-10271 .elementor-element.elementor-element-5875dd1 .elementor-swiper-button.elementor-swiper-button-next{color:var( --e-global-color-primary );}.elementor-10271 .elementor-element.elementor-element-5875dd1 .elementor-swiper-button.elementor-swiper-button-prev svg, .elementor-10271 .elementor-element.elementor-element-5875dd1 .elementor-swiper-button.elementor-swiper-button-next svg{fill:var( --e-global-color-primary );}.elementor-10271 .elementor-element.elementor-element-5875dd1 .swiper-pagination-bullet{width:8px;height:8px;background:var( --e-global-color-secondary );}.elementor-10271 .elementor-element.elementor-element-5875dd1 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background:var( --e-global-color-primary );opacity:var( --e-global-color-primary );}.elementor-10271 .elementor-element.elementor-element-5875dd1 .swiper-wrapper{display:flex;align-items:center;}.elementor-10271 .elementor-element.elementor-element-5875dd1 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:20px 20px 20px 20px;}.elementor-10271 .elementor-element.elementor-element-89a37e5{--display:flex;}.elementor-10271 .elementor-element.elementor-element-96b62c7{--display:flex;--padding-top:40px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-10271 .elementor-element.elementor-element-96b62c7:not(.elementor-motion-effects-element-type-background), .elementor-10271 .elementor-element.elementor-element-96b62c7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#11AA3300;}.elementor-10271 .elementor-element.elementor-element-a0a8536{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-10271 .elementor-element.elementor-element-ec0e822{font-size:13px;letter-spacing:1px;color:#666666;}.elementor-10271 .elementor-element.elementor-element-2688524 .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-10271 .elementor-element.elementor-element-3ab6a6c{--display:flex;}.elementor-10271 .elementor-element.elementor-element-054d40e{--display:flex;--padding-top:40px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-10271 .elementor-element.elementor-element-054d40e:not(.elementor-motion-effects-element-type-background), .elementor-10271 .elementor-element.elementor-element-054d40e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F4F5;}.elementor-10271 .elementor-element.elementor-element-f230f9c{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--padding-top:0px;--padding-bottom:0px;--padding-left:24px;--padding-right:24px;}.elementor-10271 .elementor-element.elementor-element-200a7fd{--display:flex;border-style:solid;--border-style:solid;border-width:0px 0px 0px 3px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:3px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );--padding-top:0px;--padding-bottom:0px;--padding-left:16px;--padding-right:0px;}.elementor-10271 .elementor-element.elementor-element-200a7fd:not(.elementor-motion-effects-element-type-background), .elementor-10271 .elementor-element.elementor-element-200a7fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFF2F3;}.elementor-10271 .elementor-element.elementor-element-5ac03f9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:30px 30px;--row-gap:30px;--column-gap:30px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-10271 .elementor-element.elementor-element-d5deaf7{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#EAEAEA;--border-color:#EAEAEA;--border-radius:8px 8px 8px 8px;box-shadow:0px 4px 12px 0px rgba(0, 0, 0, 0.04);--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-10271 .elementor-element.elementor-element-0ee2bdd{--display:flex;}.elementor-10271 .elementor-element.elementor-element-0c28f11.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-10271 .elementor-element.elementor-element-0c28f11.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(max-width:1024px){.elementor-10271 .elementor-element.elementor-element-1231ca5{--padding-top:32px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-10271 .elementor-element.elementor-element-8c4c7cb{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-10271 .elementor-element.elementor-element-5875dd1{--e-image-carousel-slides-to-show:3;}.elementor-10271 .elementor-element.elementor-element-96b62c7{--padding-top:32px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-10271 .elementor-element.elementor-element-a0a8536{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-10271 .elementor-element.elementor-element-054d40e{--padding-top:32px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-10271 .elementor-element.elementor-element-f230f9c{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-10271 .elementor-element.elementor-element-0c28f11.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-10271 .elementor-element.elementor-element-3c33b85:not(.elementor-motion-effects-element-type-background), .elementor-10271 .elementor-element.elementor-element-3c33b85 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://enginnovat.com/wp-content/uploads/2026/06/enginnovat-victron-inverter-backup-installation-hero-v2-750x1125-1.webp");}.elementor-10271 .elementor-element.elementor-element-1231ca5{--padding-top:24px;--padding-bottom:32px;--padding-left:0px;--padding-right:0px;}.elementor-10271 .elementor-element.elementor-element-8c4c7cb{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-10271 .elementor-element.elementor-element-5875dd1{--e-image-carousel-slides-to-show:2;}.elementor-10271 .elementor-element.elementor-element-5875dd1 .swiper-pagination-bullet{width:6px;height:6px;}.elementor-10271 .elementor-element.elementor-element-96b62c7{--padding-top:24px;--padding-bottom:32px;--padding-left:0px;--padding-right:0px;}.elementor-10271 .elementor-element.elementor-element-a0a8536{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-10271 .elementor-element.elementor-element-c144b08{margin:6px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-10271 .elementor-element.elementor-element-054d40e{--padding-top:24px;--padding-bottom:32px;--padding-left:0px;--padding-right:0px;}.elementor-10271 .elementor-element.elementor-element-f230f9c{--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:15px;--padding-right:15px;}.elementor-10271 .elementor-element.elementor-element-0c28f11.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(min-width:768px){.elementor-10271 .elementor-element.elementor-element-fd14c71{--width:72%;}.elementor-10271 .elementor-element.elementor-element-4c5a5d2{--width:80%;}.elementor-10271 .elementor-element.elementor-element-c1dd499{--width:50%;}.elementor-10271 .elementor-element.elementor-element-6fa6723{--width:50%;}.elementor-10271 .elementor-element.elementor-element-d5deaf7{--width:25%;}.elementor-10271 .elementor-element.elementor-element-0ee2bdd{--width:75%;}}/* Start custom CSS for image-carousel, class: .elementor-element-5875dd1 *//* Make all logos clean grayscale, add a subtle border, and reduce opacity on default */ .elementor-10271 .elementor-element.elementor-element-5875dd1 .elementor-image-carousel img { filter: grayscale(100%) brightness(1.05); opacity: 0.65; border: 1px solid #F2F4F5; border-radius: 12px; /* Smooth rounded corners matching your uploaded screenshot */ transition: all 0.4s ease-in-out; } /* On hover, smoothly transition to full color, full brightness, and a slightly defined border */ .elementor-10271 .elementor-element.elementor-element-5875dd1 .elementor-image-carousel img:hover { filter: grayscale(0%) brightness(1); opacity: 1; border-color: #E2E8F0; /* Subtle hover border color for crisp feedback */ }/* End custom CSS */ /* Start custom CSS for wc-archive-products, class: .elementor-element-0c28f11 *//* ========================================================================== ENGINNOVAT WOOCOMMERCE ARCHIVE STYLING PLAYBOOK Target: Archive Products Widget Last Updated: June 2026 ========================================================================== */ /* -------------------------------------------------------------------------- 1. MOBILE RESPONSIVENESS: FORCED COLUMN LAYOUT Maintenance: This rule overrides theme-enforced mobile grids to provide breathing room for technical product titles. Set to 1 column. -------------------------------------------------------------------------- */ @media (max-width: 767px) { /* Force WooCommerce products list into a single column grid on mobile */ .woocommerce ul.products { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; display: grid !important; } /* Fallback for older themes using floats instead of CSS Grid */ .woocommerce ul.products li.product { width: 100% !important; float: none !important; margin-right: 0 !important; margin-bottom: 24px !important; /* Spacing between stacked mobile cards */ } } /* -------------------------------------------------------------------------- 2. PRODUCT CARD AESTHETIC: ROUNDED, SOFT BORDERED WHITE CARDS Maintenance: Customizes individual product cards to look like premium, clean technology components. Matches the sidebar's 12px rounding. -------------------------------------------------------------------------- */ .woocommerce ul.products li.product { background-color: #ffffff !important; /* Pure white card base */ border: 1px solid #eaeaea !important; /* Soft, elegant boundary border */ border-radius: 12px !important; /* Curve matches the "Filter Card" rounding */ padding: 20px !important; /* Inner spacing so text doesn't touch borders */ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03) !important; /* Minimalist modern shadow depth */ transition: all 0.3s ease-in-out !important; /* Smooth ease for hover transition speeds */ } /* -------------------------------------------------------------------------- 3. PRODUCT CARD HOVER EFFECT: FLUID INTERACTION Maintenance: Adds physical depth to user hover. Elevates card and deepens shadow for an interactive corporate feel. -------------------------------------------------------------------------- */ .woocommerce ul.products li.product:hover { transform: translateY(-5px) !important; /* Elevate cards up by 5px on hover */ border-color: #cbd5e1 !important; /* Soft dark grey border transition on hover */ box-shadow: 0 10px 24px rgba(0, 0, 0, 0.06) !important; /* Deepen drop shadow depth on hover */ } /* -------------------------------------------------------------------------- 4. PRODUCT CARD IMAGES Maintenance: Ensures uploaded product photos look rounded and nested cleanly inside the card container. -------------------------------------------------------------------------- */ .woocommerce ul.products li.product img { border-radius: 8px !important; /* Slightly sharper rounding on the image */ margin-bottom: 15px !important; /* Gap between image bottom and product title */ } /* -------------------------------------------------------------------------- 5. EQUAL HEIGHT GRID GRID ALIGNMENT (FLEXBOX) Maintenance: Forces all "Add to Cart" or "Request Quote" buttons and prices to perfectly align horizontally at the bottom of the card, regardless of the variation in product title length. -------------------------------------------------------------------------- */ .woocommerce ul.products li.product { display: flex !important; flex-direction: column !important; height: 100% !important; } .woocommerce ul.products li.product .price, .woocommerce ul.products li.product .button { margin-top: auto !important; /* Pushes prices and call-to-actions to the bottom */ }/* End custom CSS */