.elementor-1663 .elementor-element.elementor-element-56a4eb4{--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:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.3;}.elementor-1663 .elementor-element.elementor-element-56a4eb4:not(.elementor-motion-effects-element-type-background), .elementor-1663 .elementor-element.elementor-element-56a4eb4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-secondary ) 0%, var( --e-global-color-primary ) 100%);}.elementor-1663 .elementor-element.elementor-element-56a4eb4::before, .elementor-1663 .elementor-element.elementor-element-56a4eb4 > .elementor-background-video-container::before, .elementor-1663 .elementor-element.elementor-element-56a4eb4 > .e-con-inner > .elementor-background-video-container::before, .elementor-1663 .elementor-element.elementor-element-56a4eb4 > .elementor-background-slideshow::before, .elementor-1663 .elementor-element.elementor-element-56a4eb4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1663 .elementor-element.elementor-element-56a4eb4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://pxelectronic.com/wp-content/uploads/2026/01/Halftones-3.webp");--background-overlay:'';background-position:top left;background-repeat:no-repeat;background-size:contain;}.elementor-1663 .elementor-element.elementor-element-a7dfe1d{--display:flex;--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;}.elementor-1663 .elementor-element.elementor-element-46b6df1 .breadcrumb{text-align:left;font-family:"Just Sans", Sans-serif;color:var( --e-global-color-ab079a4 );}.elementor-1663 .elementor-element.elementor-element-46b6df1 .breadcrumb a{color:#08424B;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-1663 .elementor-element.elementor-element-1ed2bdf{--divider-border-style:solid;--divider-color:var( --e-global-color-ab079a4 );--divider-border-width:3px;}.elementor-1663 .elementor-element.elementor-element-1ed2bdf .elementor-divider-separator{width:100%;}.elementor-1663 .elementor-element.elementor-element-1ed2bdf .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-widget-theme-post-title .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-1663 .elementor-element.elementor-element-8dda196 .elementor-heading-title{color:var( --e-global-color-ab079a4 );}.elementor-widget-theme-post-content{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-1663 .elementor-element.elementor-element-f8495ba{color:var( --e-global-color-ab079a4 );}.elementor-1663 .elementor-element.elementor-element-304960e{--display:flex;--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;}.elementor-widget-theme-post-featured-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-1663 .elementor-element.elementor-element-571590b{--display:flex;--padding-top:0px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1663 .elementor-element.elementor-element-571590b:not(.elementor-motion-effects-element-type-background), .elementor-1663 .elementor-element.elementor-element-571590b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-ab079a4 ) 0%, #FCFCFC 100%);}.elementor-1663 .elementor-element.elementor-element-d7263b9{--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;--flex-wrap:wrap;}.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-1663 .elementor-element.elementor-element-bbf3a32{width:100%;max-width:100%;}.elementor-1663 .elementor-element.elementor-element-bbf3a32 .elementor-heading-title{color:#19AFC6;}.elementor-1663 .elementor-element.elementor-element-26a7abb{--swiper-slides-to-display:3;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-normal-color:var( --e-global-color-ab079a4 );--arrow-hover-color:var( --e-global-color-ab079a4 );}.elementor-1663 .elementor-element.elementor-element-26a7abb :is(.elementor-swiper-button-prev, .elementor-swiper-button-next) {background-color:#36DAC8D9;padding:10px 10px 10px 10px;}.elementor-1663 .elementor-element.elementor-element-26a7abb :is(.elementor-swiper-button-prev:hover, .elementor-swiper-button-next:hover) {background-color:var( --e-global-color-accent );}.elementor-1663 .elementor-element.elementor-element-26a7abb .swiper-slide > .elementor-element{height:100%;}@media(min-width:768px){.elementor-1663 .elementor-element.elementor-element-a7dfe1d{--width:60%;}.elementor-1663 .elementor-element.elementor-element-304960e{--width:40%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1663 .elementor-element.elementor-element-a7dfe1d{--width:100%;}.elementor-1663 .elementor-element.elementor-element-304960e{--width:100%;}}@media(max-width:1024px){.elementor-1663 .elementor-element.elementor-element-56a4eb4{--flex-wrap:wrap;}.elementor-1663 .elementor-element.elementor-element-26a7abb{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-1663 .elementor-element.elementor-element-dc763ad{width:100%;max-width:100%;}.elementor-1663 .elementor-element.elementor-element-26a7abb{--swiper-slides-to-display:1;}}/* Start custom CSS for shortcode, class: .elementor-element-7a5833d *//* =====================================
   PRODUCT BUTTONS – SWIPE HOVER EFFECT
   ===================================== */

.pxe-product-buttons {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

/* Base button */
.pxe-product-buttons .pxe-btn {
    position: relative;
    overflow: hidden;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 12px 22px;
    font-weight: 600;
    text-decoration: none;

    color: #ffffff;
    border: 2px solid #ffffff;
    background: transparent;

    transition: color 0.3s ease, border-color 0.3s ease;
}

/* Text layer */
.pxe-product-buttons .pxe-btn span {
    position: relative;
    z-index: 2;
}

/* Swipe layer */
.pxe-product-buttons .pxe-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;

    background: #A2E55C;
    z-index: 1;

    transition: left 0.35s ease;
}

/* Hover */
.pxe-product-buttons .pxe-btn:hover::before {
    left: 0;
}

.pxe-product-buttons .pxe-btn:hover {
    color: #ffffff;
    border-color: #A2E55C;
}

/* Focus clean-up */
.pxe-product-buttons .pxe-btn:focus {
    outline: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-571590b *//* =========================================
   PRODUCT PAGE TABS
   ========================================= */

/* Tabs container */
.single-product .pxe-pi-tabs {
    display: flex;
    align-items: stretch;
    flex-wrap: nowrap; /* Default: horizontal */
    gap: 0;
}

/* Individual tab buttons */
.single-product .pxe-pi-tab {
    flex: 1 1 0;
    text-align: center;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;

    padding: 14px 10px;
    border: 1px solid #04a9c1;
    background: transparent;
    color: #04a9c1;
    cursor: pointer;
    
    /* Smooth transition for active state */
    transition: background 0.2s, color 0.2s;
}

/* Desktop: Remove double borders between horizontal tabs */
@media (min-width: 992px) {
    .single-product .pxe-pi-tab + .pxe-pi-tab {
        border-left: none;
    }
}

/* Active tab */
.single-product .pxe-pi-tab[aria-selected="true"] {
    background: #04a9c1;
    color: #ffffff;
}

/* Panels */
.single-product .pxe-pi-panel {
    font-size: 16px;
    line-height: 1.6;
    margin-top: 20px;
}

/* =====================
   RESPONSIVE BEHAVIOUR
   ===================== */

/* Tablet: 2 per row */
@media (max-width: 991px) {
    .single-product .pxe-pi-tabs {
        flex-wrap: wrap;
    }

    .single-product .pxe-pi-tab {
        flex: 0 0 50%;
        font-size: 18px;
        padding: 12px 8px;
    }

    /* Logic for 2-column grid to avoid double borders */
    /* Remove left border from the right column */
    .single-product .pxe-pi-tab:nth-child(even) {
        border-left: none;
    }
    /* Remove top border from the second row */
    .single-product .pxe-pi-tab:nth-child(n+3) {
        border-top: none;
    }
}

/* Mobile: stacked */
@media (max-width: 575px) {
    .single-product .pxe-pi-tab {
        flex: 0 0 100%;
        font-size: 16px;
        padding: 12px 6px;
        /* Reset left border for single column */
        border-left: 1px solid #04a9c1 !important;
    }

    /* Remove top border from all except the first to prevent double vertical borders */
    .single-product .pxe-pi-tab + .pxe-pi-tab {
        border-top: none;
    }
}

/* =====================================
   PRODUCT FAQ – ACCORDION STYLING
   ===================================== */

.single-product .pxe-faq-accordion {
    margin-top: 10px;
}

/* Individual FAQ item */
.single-product .pxe-faq-item {
    border-bottom: 1px solid #e5e5e5;
    padding: 16px 0;
}

.single-product .pxe-faq-item:last-child {
    border-bottom: none;
}

/* Question */
.single-product .pxe-faq-question {
    all: unset;
    display: block;
    width: 100%;

    font-size: 21px;
    font-weight: 700;
    line-height: 1.3;

    color: #04a9c1;
    cursor: pointer;
}

/* Answer wrapper */
.single-product .pxe-faq-answer {
    margin-top: 10px;
}

/* Answer text */
.single-product .pxe-faq-answer p,
.single-product .pxe-faq-answer li,
.single-product .pxe-faq-answer span {
    font-size: 16px;
    line-height: 1.6;
    color: #6c757d;
}

/* =========================================
   TECHNICAL SPECIFICATION TABLE FIXes
   ========================================= */

/* Ensure table headers with background colors have white text */
.pxe-pi-panel table td[bgcolor="#47d8cb"] span,
.pxe-pi-panel table td[bgcolor="#47d8cb"] h4 {
    color: #ffffff !important;
}

/* Force the grey text for all other table cells to be consistent */
.pxe-pi-panel table td span {
    color: #808080 !important;
}

/* Exception: Keep white text for the colored header rows */
.pxe-pi-panel table td[bgcolor] span {
    color: #ffffff !important;
}

/* General Table Cleanup */
.pxe-pi-panel table {
    border-collapse: collapse;
    margin-bottom: 30px;
}

.pxe-pi-panel table td {
    padding: 12px;
    border: 1px solid #eeeeee;
}

/* Mobile Table Adjustment */
@media (max-width: 767px) {
    .pxe-pi-panel table td {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
    }
    
    /* Remove borders between label and value for a cleaner look on mobile */
    .pxe-pi-panel table tr td:first-child {
        background: #f9f9f9;
        font-weight: bold;
        border-bottom: none;
    }
}
/* =========================================
   TABLE HEADER STYLING (The Fix)
   ========================================= */

/* Target the header cells specifically */
.pxe-pi-panel table td[bgcolor="#47d8cb"] {
    background-color: #04a9c1 !important; /* Forces it to match your tabs */
    padding: 15px 20px !important;
    border: 1px solid #04a9c1 !important;
}

/* Fix the text inside those headers */
.pxe-pi-panel table td[bgcolor="#47d8cb"] h4,
.pxe-pi-panel table td[bgcolor="#47d8cb"] h4 span {
    color: #ffffff !important;
    margin: 0 !important;
    text-transform: uppercase; /* Makes it look more like a header */
    letter-spacing: 1px;
    font-size: 18px !important;
}

/* General table cell cleanup for the rest of the rows */
.pxe-pi-panel table td {
    border: 1px solid #e5e5e5 !important;
    padding: 12px 15px !important;
    vertical-align: middle;
}

/* Ensure the table itself takes up full width */
.pxe-pi-panel table {
    width: 100% !important;
    border-collapse: collapse !important;
    margin-top: 10px;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Just Sans';
	font-display: auto;
	src: url('https://pxelectronic.com/wp-content/uploads/2026/01/JUST-Sans-Variable.ttf') format('truetype');
}
/* End Custom Fonts CSS */