/* =========================================================
   ELECTRICAL BRO - HEADER PRODUCT SEARCH
   ========================================================= */

.eb-header-search {
    flex: 1;
    max-width: 620px;
    margin: 0 35px;
}

.eb-product-search {
    position: relative;
    display: flex;
    width: 100%;
    height: 46px;

    background: #f5f6f7;
    border: 1px solid #e2e4e7;
    border-radius: 6px;

    overflow: hidden;
}

.eb-product-search-input {
    flex: 1;
    min-width: 0;
    height: 100%;

    padding: 0 58px 0 18px;

    border: 0 !important;
    outline: 0 !important;

    background: transparent !important;
    box-shadow: none !important;

    font-size: 14px;
    color: #171717;
}

.eb-product-search-input::placeholder {
    color: #8a8a8a;
}

.eb-product-search-button {
    position: absolute;

    top: 0;
    right: 0;

    width: 52px;
    height: 100%;

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

    padding: 0;

    border: 0;
    border-radius: 0;

    background: #0d8fe8;
    color: #ffffff;

    font-size: 22px;
    line-height: 1;

    cursor: pointer;
}

.eb-product-search-button:hover {
    background: #087dcc;
}


/* =========================================================
   ELECTRICAL BRO - PREMIUM DESKTOP HEADER
   ========================================================= */

@media (min-width: 993px) {

    /* Hide original menu from first row */
    #masthead .site-navigation {
        display: none !important;
    }

    /* Main white header row */
    #masthead .site-header-inner .container {
        display: flex;
        align-items: center;
        gap: 24px;
    }

    /* Electrical Bro branding */
    #masthead .site-branding {
        flex: 0 0 190px;
        margin: 0;
    }

    /* Large desktop search */
    #masthead .eb-header-search {
        display: block;

        flex: 1 1 auto;

        max-width: 650px;

        margin-left: auto;
        margin-right: 0;
    }

    #masthead .eb-product-search {
        display: flex;
        align-items: stretch;

        width: 100%;
        height: 44px;

        margin: 0;
    }

    #masthead .eb-product-search-input {
        flex: 1 1 auto;

        min-width: 0;
        width: 100%;
        height: 44px;

        padding: 0 18px;

        background: #f6f7f9 !important;

        border: 1px solid #e1e4e8 !important;
        border-right: 0 !important;

        border-radius: 7px 0 0 7px !important;

        font-size: 14px;
        color: #222;

        outline: none;
        box-shadow: none;
    }

    #masthead .eb-product-search-input:focus {
        background: #fff !important;
        border-color: #0d8fe8 !important;
    }

    #masthead .eb-product-search-input::placeholder {
        color: #777;
    }

    /* Blue desktop search button */
    #masthead .eb-product-search-button {
        position: absolute;

        top: 0;
        right: 0;

        width: 52px;
        height: 44px;

        margin: 0;
        padding: 0;

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

        border: 0;

        border-radius: 0 7px 7px 0;

        background: #0d8fe8;
        color: #fff;

        font-size: 22px;
        line-height: 1;

        cursor: pointer;

        box-shadow: none;
    }

    #masthead .eb-product-search-button:hover {
        background: #087dcc;
    }

    /* Existing Woostify icons */
    #masthead .header-action {
        flex: 0 0 auto;
        margin-left: 0;
    }
}


/* =========================================================
   ELECTRICAL BRO - PREMIUM SECOND NAVIGATION
   ========================================================= */

@media (min-width: 993px) {

    .eb-premium-nav {
        display: block;

        width: 100%;

        background: #f4f8fc;

        border-top: 1px solid #edf0f3;
        border-bottom: 1px solid #dfe5eb;

        position: relative;

        z-index: 99;
    }

    .eb-premium-nav-inner {
        max-width: 1170px;

        margin: 0 auto;
        padding: 0 15px;
    }

    .eb-premium-navigation {
        width: 100%;
    }

    /* Main menu */
    .eb-premium-menu {
        display: flex;
        align-items: center;
        justify-content: center;

        gap: 0;

        margin: 0;
        padding: 0;

        list-style: none;
    }

    .eb-premium-menu > li {
        position: relative;

        margin: 0;
        padding: 0;

        list-style: none;
    }

    .eb-premium-menu > li > a {
        display: flex;
        align-items: center;

        min-height: 48px;

        padding: 0 20px;

        color: #171717;

        font-size: 14px;
        font-weight: 500;

        text-decoration: none;

        white-space: nowrap;

        transition:
            background 0.2s ease,
            color 0.2s ease;
    }

    .eb-premium-menu > li > a:hover {
        background: #ffffff;
        color: #0d8fe8;
    }


    /* -------------------------
       DROPDOWNS
       ------------------------- */

    .eb-premium-menu .sub-menu {
        display: none;

        position: absolute;

        top: 100%;
        left: 0;

        width: 230px;
        min-width: 230px;

        margin: 0;
        padding: 8px 0;

        list-style: none;

        background: #ffffff;

        border: 1px solid #e6e8eb;
        border-radius: 0 0 8px 8px;

        box-shadow:
            0 10px 30px rgba(0, 0, 0, 0.10);

        z-index: 9999;
    }

    /* Show dropdown on hover */
    .eb-premium-menu li:hover > .sub-menu {
        display: block;
    }

    .eb-premium-menu .sub-menu li {
        position: relative;

        display: block;

        margin: 0;
        padding: 0;

        list-style: none;
    }

    .eb-premium-menu .sub-menu li a {
        display: block;

        padding: 10px 18px;

        color: #333333;

        font-size: 13px;
        line-height: 1.4;

        text-decoration: none;

        background: #ffffff;

        transition:
            background 0.2s ease,
            color 0.2s ease;
    }

    .eb-premium-menu .sub-menu li a:hover {
        background: #f5f8fb;
        color: #0d8fe8;
    }

    /* Nested dropdown */
    .eb-premium-menu .sub-menu .sub-menu {
        top: -8px;
        left: 100%;

        border-radius: 8px;
    }
}


/* =========================================================
   HIDE CUSTOM DESKTOP NAV ON TABLET / MOBILE
   ========================================================= */

@media (max-width: 992px) {

    .eb-premium-nav {
        display: none !important;
    }
}


/* =========================================================
   ELECTRICAL BRO - STICKY HEADER
   ========================================================= */

#masthead {
    position: sticky;

    top: 0;

    z-index: 9999;

    width: 100%;

    background: #ffffff;

    box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.06);
}

#masthead .site-header-inner {
    width: 100%;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (min-width: 768px) and (max-width: 992px) {

    #masthead {
        position: sticky;
        top: 0;
    }

    /*
     * Keep Woostify's original tablet header structure.
     * Do NOT force its main container to flex-wrap.
     */

    #masthead .eb-header-search {
        display: block !important;

        width: calc(100% - 30px) !important;
        max-width: none !important;

        margin: 8px 15px 10px !important;
    }

    #masthead .eb-product-search {
        width: 100%;
        height: 42px;
    }

    #masthead .eb-product-search-input {
        width: 100%;
        min-width: 0;

        padding: 0 55px 0 15px;

        font-size: 14px;
    }

    #masthead .eb-product-search-button {
        width: 48px;
        height: 100%;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    #masthead {
        position: sticky;

        top: 0;

        width: 100%;

        background: #ffffff;

        z-index: 9999;
    }


    /*
     * IMPORTANT:
     * Do not modify Woostify's container display/flex-wrap.
     * That keeps the hamburger/mobile menu working correctly.
     */


    /* ---------- MOBILE SEARCH ---------- */

    #masthead .eb-header-search {
        display: block !important;

        width: calc(100% - 20px) !important;
        max-width: none !important;
        min-width: 0 !important;

        margin:
            8px
            10px
            10px !important;
    }

    #masthead .eb-product-search {
        position: relative;

        display: flex !important;

        width: 100% !important;
        height: 42px !important;

        margin: 0 !important;

        background: #f7f8f9;

        border: 1px solid #e1e5e9;

        border-radius: 6px;

        overflow: hidden;
    }

    #masthead .eb-product-search-input {
        flex: 1 1 auto;

        width: 100% !important;
        min-width: 0 !important;

        height: 42px !important;

        padding:
            0
            55px
            0
            14px !important;

        border: 0 !important;

        background: #f7f8f9 !important;

        color: #222;

        font-size: 14px !important;

        outline: none !important;

        box-shadow: none !important;
    }

    #masthead .eb-product-search-input::placeholder {
        color: #888;
    }


    /* ---------- MOBILE SEARCH BUTTON ---------- */

    #masthead .eb-product-search-button {
        position: absolute;

        top: 0;
        right: 0;

        display: flex !important;

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

        width: 46px !important;
        min-width: 46px !important;

        height: 42px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;

        border-radius:
            0
            6px
            6px
            0 !important;

        background: #0d8fe8 !important;

        color: #ffffff !important;

        font-size: 20px !important;

        cursor: pointer;
    }

    #masthead .eb-product-search-button:hover {
        background: #087dcc !important;
    }
}


/* =========================================================
   SMALL MOBILE - 400PX AND BELOW
   ========================================================= */

@media (max-width: 400px) {

    #masthead .eb-header-search {
        width: calc(100% - 16px) !important;

        margin:
            7px
            8px
            9px !important;
    }

    #masthead .eb-product-search {
        height: 40px !important;
    }

    #masthead .eb-product-search-input {
        height: 40px !important;

        padding-left: 12px !important;
        padding-right: 50px !important;

        font-size: 13px !important;
    }

    #masthead .eb-product-search-button {
        width: 44px !important;
        min-width: 44px !important;

        height: 40px !important;
    }
}

/* =========================================================
   ELECTRICAL BRO - DESKTOP / MOBILE SEARCH VISIBILITY
   ========================================================= */

/* Desktop */
@media (min-width: 993px) {

    .eb-desktop-search {
        display: block !important;
    }

    .eb-mobile-search {
        display: none !important;
    }
}


/* Mobile + tablet */
@media (max-width: 992px) {

    /* Never show desktop search */
    .eb-desktop-search {
        display: none !important;
    }

    /* Mobile search sits below Woostify header */
    .eb-mobile-search {
        display: block !important;

        width: auto !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 10px 12px !important;

        background: #ffffff;
    }

    .eb-mobile-search .eb-product-search {
        position: relative !important;

        display: flex !important;

        width: 100% !important;
        height: 42px !important;

        margin: 0 !important;

        background: #f6f7f8 !important;

        border: 1px solid #e1e4e8 !important;
        border-radius: 6px !important;

        overflow: hidden !important;
    }

    .eb-mobile-search .eb-product-search-input {
        display: block !important;

        flex: 1 1 auto !important;

        width: 100% !important;
        min-width: 0 !important;

        height: 40px !important;

        margin: 0 !important;

        padding: 0 55px 0 14px !important;

        border: 0 !important;

        background: transparent !important;

        color: #222222 !important;

        font-size: 13px !important;

        outline: none !important;
        box-shadow: none !important;
    }

    .eb-mobile-search .eb-product-search-input::placeholder {
        color: #888888 !important;
        opacity: 1 !important;
    }

    .eb-mobile-search .eb-product-search-button {
        position: absolute !important;

        top: 0 !important;
        right: 0 !important;

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

        width: 46px !important;
        height: 42px !important;

        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;

        border-radius: 0 6px 6px 0 !important;

        background: #0d8fe8 !important;
        color: #ffffff !important;

        font-size: 20px !important;
        line-height: 1 !important;

        cursor: pointer !important;
        box-shadow: none !important;
    }
}

/* =========================================================
   MOBILE - HIDE WOOSTIFY ORIGINAL SEARCH
   We already have our full-width custom search below.
   ========================================================= */

@media (max-width: 992px) {

    #masthead .search-icon,
    #masthead .header-search-icon,
    #masthead .site-search,
    #masthead .header-search {
        display: none !important;
    }

}

/* =========================================================
   FINAL FIX - NEVER SHOW DESKTOP SEARCH ON MOBILE
   ========================================================= */

@media screen and (max-width: 992px) {

    #masthead .eb-header-search.eb-desktop-search {
        display: none !important;
        visibility: hidden !important;
        width: 0 !important;
        height: 0 !important;
        min-width: 0 !important;
        max-width: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        flex: 0 0 0 !important;
    }

    #masthead .eb-header-search.eb-desktop-search .eb-product-search {
        display: none !important;
    }

}

/* =========================================================
   DESKTOP - REDUCE LOGO TO SEARCH GAP
   ========================================================= */

@media (min-width: 993px) {

    #masthead .site-header-inner .container {
        justify-content: flex-start !important;
        gap: 20px !important;
    }

    #masthead .site-branding {
        flex: 0 0 190px !important;
        margin: 0 !important;
    }

    #masthead .eb-header-search.eb-desktop-search {
        flex: 1 1 auto !important;

        width: auto !important;
        max-width: 650px !important;

        margin-left: 15px !important;
        margin-right: 0 !important;
    }

    #masthead .header-action {
        margin-left: 0 !important;
    }

}

/* =========================================================
   ELECTRICAL BRO - TOPBAR SOCIAL ICONS
   ========================================================= */

.eb-topbar-social {
    display: flex;
    align-items: center;
    gap: 12px;
}

.eb-topbar-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 18px;
    height: 18px;

    color: inherit;
    text-decoration: none;

    opacity: 0.9;

    transition:
        opacity 0.2s ease,
        transform 0.2s ease;
}

.eb-topbar-social a:hover {
    opacity: 1;
    transform: translateY(-1px);
}

.eb-topbar-social svg {
    display: block;

    width: 18px;
    height: 18px;

    fill: currentColor;
}

/* Mobile */
@media (max-width: 767px) {

    .eb-topbar-social {
        gap: 10px;
    }

    .eb-topbar-social a,
    .eb-topbar-social svg {
        width: 17px;
        height: 17px;
    }
}

/* Fix social icons being cut/clipped */
.eb-topbar-social {
    display: flex !important;
    align-items: center !important;
    height: 22px !important;
    line-height: 1 !important;
    overflow: visible !important;
}

.eb-topbar-social a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 18px !important;
    height: 18px !important;

    line-height: 1 !important;
    overflow: visible !important;
}

.eb-topbar-social svg {
    display: block !important;

    width: 18px !important;
    height: 18px !important;

    min-width: 18px !important;
    min-height: 18px !important;

    overflow: visible !important;
}

/* =========================================================
   ELECTRICAL BRO - CLEAN MOBILE TOPBAR
   ========================================================= */

/* =========================================================
   ELECTRICAL BRO - CLEAN MOBILE TOPBAR
   Social icons hidden on mobile
   ========================================================= */

@media screen and (max-width: 767px) {

    /* Blue bar */
    .topbar {
        height: auto !important;
        min-height: 46px !important;
        padding: 0 !important;
        overflow: hidden !important;
    }


    /* Main container */
    .topbar .container {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        min-height: 46px !important;

        margin: 0 !important;
        padding: 5px 12px !important;

        gap: 4px !important;
    }


    /* =========================================
       HIDE SOCIAL ICONS ON MOBILE
       ========================================= */

    .topbar .topbar-left,
    .topbar .eb-topbar-social {
        display: none !important;
    }


    /* =========================================
       TRACK ORDER | SUPPORT
       ========================================= */

    .topbar .topbar-right {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        position: static !important;

        width: 100% !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #ffffff !important;

        font-size: 10px !important;
        font-weight: 600 !important;
        line-height: 14px !important;

        text-align: center !important;
        white-space: nowrap !important;

        visibility: visible !important;
        opacity: 1 !important;

        transform: none !important;
    }

    .topbar .topbar-right a {
        color: #ffffff !important;

        font-size: 10px !important;
        font-weight: 600 !important;

        line-height: 14px !important;

        text-decoration: none !important;
    }


    /* =========================================
       DELIVERY TAGLINE
       ========================================= */

    .topbar .topbar-center {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        position: static !important;

        width: 100% !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #ffffff !important;

        font-size: 9px !important;
        font-weight: 500 !important;
        line-height: 14px !important;

        text-align: center !important;
        white-space: nowrap !important;

        visibility: visible !important;
        opacity: 1 !important;

        transform: none !important;
    }
}


/* =========================================================
   DESKTOP SOCIAL ICONS
   ========================================================= */

@media screen and (min-width: 768px) {

    .eb-topbar-social {
        display: flex !important;
        align-items: center !important;
        gap: 6px !important;
    }

    .eb-topbar-social a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 22px !important;
        height: 22px !important;

        margin: 0 !important;
        padding: 0 !important;

        border-radius: 50% !important;

        background: rgba(255,255,255,.12) !important;
        color: #ffffff !important;

        line-height: 1 !important;

        transition:
            background .2s ease,
            transform .2s ease !important;
    }

    .eb-topbar-social a svg {
        display: block !important;

        width: 14px !important;
        height: 14px !important;

        margin: 0 !important;

        fill: currentColor !important;
    }

    .eb-topbar-social a:hover {
        background: rgba(255,255,255,.25) !important;
        transform: translateY(-1px) !important;
    }
}


/* Mobile */
@media screen and (max-width: 767px) {

    .eb-topbar-social {
        gap: 5px !important;
    }

    .eb-topbar-social a {
        width: 21px !important;
        height: 21px !important;

        min-width: 21px !important;
        min-height: 21px !important;
    }

    .eb-topbar-social a svg {
        width: 13px !important;
        height: 13px !important;

        min-width: 13px !important;
        min-height: 13px !important;
    }
}

/* =========================================================
   ELECTRICAL BRO HOMEPAGE V2
   STEP 1 - PREMIUM PRODUCT CARDS
   ========================================================= */

/* Product card */
.woocommerce ul.products li.product {
    position: relative;

    padding: 14px 14px 18px !important;

    background: #ffffff !important;
    border: 1px solid #edf0f3 !important;
    border-radius: 12px !important;

    overflow: hidden !important;

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease !important;
}


/* Desktop hover */
@media (hover: hover) {

    .woocommerce ul.products li.product:hover {
        transform: translateY(-5px) !important;

        border-color: #e1e6eb !important;

        box-shadow:
            0 10px 30px rgba(0, 0, 0, 0.08) !important;
    }
}


/* Product image area */
.woocommerce ul.products li.product img {
    display: block !important;

    width: 100% !important;
    height: 210px !important;

    margin: 0 0 14px !important;

    object-fit: contain !important;

    background: #ffffff !important;

    transition: transform 0.3s ease !important;
}


/* Subtle image zoom */
@media (hover: hover) {

    .woocommerce ul.products li.product:hover img {
        transform: scale(1.035);
    }
}


/* Product title */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    min-height: 42px !important;

    margin: 0 0 7px !important;
    padding: 0 !important;

    color: #222222 !important;

    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;
}


/* Rating */
.woocommerce ul.products li.product .star-rating {
    margin: 6px 0 8px !important;

    font-size: 12px !important;
}


/* Price */
.woocommerce ul.products li.product .price {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;

    gap: 6px !important;

    margin: 5px 0 0 !important;

    color: #111111 !important;

    font-size: 15px !important;
    font-weight: 600 !important;
}


/* Old price */
.woocommerce ul.products li.product .price del {
    color: #8b8b8b !important;

    font-size: 12px !important;
    font-weight: 400 !important;

    opacity: 1 !important;
}


/* Sale price */
.woocommerce ul.products li.product .price ins {
    color: #111111 !important;

    font-weight: 700 !important;

    text-decoration: none !important;
}


/* Sale badge */
.woocommerce ul.products li.product .onsale {
    top: 10px !important;
    left: 10px !important;
    right: auto !important;

    min-width: auto !important;
    min-height: auto !important;

    margin: 0 !important;
    padding: 5px 8px !important;

    border-radius: 5px !important;

    background: #0d8fe8 !important;
    color: #ffffff !important;

    font-size: 10px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    z-index: 5 !important;
}


/* Better grid spacing */
.woocommerce ul.products {
    row-gap: 24px !important;
}


/* =========================================================
   MOBILE PRODUCT CARDS
   ========================================================= */

@media screen and (max-width: 767px) {

    .woocommerce ul.products {
        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        column-gap: 10px !important;
        row-gap: 12px !important;
    }


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

        margin: 0 !important;
        padding: 9px 9px 12px !important;

        border-radius: 9px !important;
    }


    .woocommerce ul.products li.product img {
        height: 145px !important;

        margin-bottom: 9px !important;
    }


    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        min-height: 38px !important;

        margin-bottom: 5px !important;

        font-size: 12px !important;
        line-height: 1.4 !important;
    }


    .woocommerce ul.products li.product .star-rating {
        margin: 4px 0 6px !important;

        font-size: 10px !important;
    }


    .woocommerce ul.products li.product .price {
        gap: 4px !important;

        font-size: 13px !important;
    }


    .woocommerce ul.products li.product .price del {
        font-size: 10px !important;
    }


    .woocommerce ul.products li.product .onsale {
        top: 7px !important;
        left: 7px !important;

        padding: 4px 6px !important;

        font-size: 9px !important;
    }
}

/* =========================================================
   WOOSTIFY PRODUCT CARD - DISABLE ANIMATED META
   ========================================================= */

/* Content area */
.woocommerce ul.products li.product .product-loop-content {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    height: auto !important;

    text-align: center !important;
}


/* Product title */
.woocommerce ul.products li.product
.product-loop-content
.woocommerce-loop-product__title {

    position: static !important;

    display: block !important;

    width: 100% !important;
    height: auto !important;
    min-height: 42px !important;

    margin: 0 0 7px !important;
    padding: 0 !important;

    line-height: 1.45 !important;

    transform: none !important;
}


/* Rating */
.woocommerce ul.products li.product
.product-loop-content
.star-rating {

    position: static !important;

    margin: 0 auto 8px !important;

    transform: none !important;
}


/* Meta wrapper */
.woocommerce ul.products li.product
.product-loop-meta {

    position: static !important;

    display: block !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: visible !important;

    transform: none !important;
}


/* IMPORTANT:
   Disable Woostify animated price/cart behaviour */
.woocommerce ul.products li.product
.product-loop-meta
.animated-meta {

    position: static !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    transform: none !important;
    transition: none !important;
}


/* Price */
.woocommerce ul.products li.product
.product-loop-meta
.animated-meta
.price {

    position: static !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;

    gap: 6px !important;

    width: 100% !important;
    height: auto !important;
    min-height: 22px !important;

    margin: 0 0 10px !important;
    padding: 0 !important;

    line-height: 22px !important;

    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;
}


/* Regular / old / sale price */
.woocommerce ul.products li.product
.product-loop-meta .price del,

.woocommerce ul.products li.product
.product-loop-meta .price ins {

    position: static !important;

    display: inline-block !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 22px !important;

    transform: none !important;
}


/* Add to cart */
.woocommerce ul.products li.product
.product-loop-meta
.loop-add-to-cart-btn {

    position: static !important;

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

    width: auto !important;
    height: auto !important;

    margin: 2px auto 0 !important;

    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;
    transition: none !important;
}


/* =========================================================
   DISABLE WOOSTIFY META HOVER MOVEMENT
   ========================================================= */

.woocommerce ul.products li.product:hover
.product-loop-meta,

.woocommerce ul.products li.product:hover
.product-loop-meta .animated-meta,

.woocommerce ul.products li.product:hover
.product-loop-meta .price,

.woocommerce ul.products li.product:hover
.product-loop-meta .loop-add-to-cart-btn {

    position: static !important;

    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;
}

/* =========================================================
   ELECTRICAL BRO - PREMIUM ADD TO CART BUTTON
   ========================================================= */

.woocommerce ul.products li.product
.product-loop-meta
.loop-add-to-cart-btn {

    position: static !important;

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

    width: auto !important;
    min-width: 135px !important;
    min-height: 38px !important;

    margin: 6px auto 0 !important;
    padding: 9px 18px !important;

    background: #0d8fe8 !important;
    color: #ffffff !important;

    border: 1px solid #0d8fe8 !important;
    border-radius: 7px !important;

    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1 !important;

    text-decoration: none !important;

    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;

    box-shadow: none !important;

    transition:
        background 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease !important;
}


/* Desktop hover */
@media (hover: hover) {

    .woocommerce ul.products li.product
    .product-loop-meta
    .loop-add-to-cart-btn:hover {

        background: #087ac8 !important;
        border-color: #087ac8 !important;

        color: #ffffff !important;

        box-shadow:
            0 5px 14px rgba(13, 143, 232, 0.22) !important;

        transform: none !important;
    }
}


/* Loading state */
.woocommerce ul.products li.product
.loop-add-to-cart-btn.loading {

    opacity: 0.7 !important;
    pointer-events: none !important;
}


/* Added state */
.woocommerce ul.products li.product
.loop-add-to-cart-btn.added {

    background: #171717 !important;
    border-color: #171717 !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 767px) {

    .woocommerce ul.products li.product
    .product-loop-meta
    .loop-add-to-cart-btn {

        width: 100% !important;
        min-width: 0 !important;
        min-height: 36px !important;

        margin-top: 6px !important;
        padding: 8px 8px !important;

        border-radius: 6px !important;

        font-size: 11px !important;
    }
}

/* =========================================================
   HOMEPAGE - FEATURED PRODUCTS SECTION
   ========================================================= */

/* Main section */
.elementor-element-2914fae {
    padding-top: 55px !important;
    padding-bottom: 55px !important;
}


/* Featured Products heading */
.elementor-element-0a46a9d
.elementor-heading-title {

    position: relative;

    margin: 0 !important;
    padding: 0 0 15px !important;

    color: #171717 !important;

    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    letter-spacing: -0.5px !important;
}


/* Small Electrical Bro blue accent */
.elementor-element-0a46a9d
.elementor-heading-title::after {

    content: "";

    display: block;

    width: 48px;
    height: 3px;

    margin-top: 12px;

    background: #0d8fe8;

    border-radius: 10px;
}


/* Subtitle */
.elementor-element-96e6bd6 {
    margin-top: 0 !important;
    margin-bottom: 25px !important;
}

.elementor-element-96e6bd6 p {

    margin: 0 !important;

    color: #6b7280 !important;

    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;

    letter-spacing: 0.6px !important;

    text-transform: uppercase;
}


/* Products grid separation */
.elementor-element-94d9758 {
    margin-top: 8px !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 767px) {

    .elementor-element-2914fae {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }

    .elementor-element-0a46a9d
    .elementor-heading-title {

        font-size: 25px !important;
        letter-spacing: -0.3px !important;

        padding-bottom: 12px !important;
    }

    .elementor-element-0a46a9d
    .elementor-heading-title::after {

        width: 42px;
        height: 3px;

        margin-top: 9px;
    }

    .elementor-element-96e6bd6 {
        margin-bottom: 20px !important;
    }

    .elementor-element-96e6bd6 p {

        font-size: 10px !important;
        line-height: 1.5 !important;

        letter-spacing: 0.4px !important;
    }
}

/* =========================================================
   ELECTRICAL BRO - VIRAL 3D PRINTS
   ========================================================= */

/* Viral 3D Prints section - compact spacing */
.elementor-element-9755f04 {
    min-height: 0 !important;
    height: auto !important;

    margin-top: 25px !important;
    margin-bottom: 25px !important;

    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

/* Remove Elementor internal excessive spacing */
.elementor-element-9755f04 > .elementor-container {
    min-height: 0 !important;
    height: auto !important;
}

/* Heading column */
.elementor-element-9755f04
.elementor-column {
    min-height: 0 !important;
}

/* Reduce space after subtitle */
.elementor-element-125ad58 {
    margin-bottom: 18px !important;
}

/* Bring 3D cards closer to heading */
.elementor-element-f082866 {
    margin-top: 15px !important;
}


/* =========================================================
   SECTION HEADING
   ========================================================= */

.elementor-element-fc80c08
.elementor-heading-title {

    position: relative;

    margin: 0 !important;
    padding: 0 0 14px !important;

    color: #171717 !important;

    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    letter-spacing: -0.5px !important;

    text-align: center !important;
}


/* Blue accent */
.elementor-element-fc80c08
.elementor-heading-title::after {

    content: "";

    display: block;

    width: 48px;
    height: 3px;

    margin: 12px auto 0;

    background: #0d8fe8;

    border-radius: 10px;
}


/* =========================================================
   SUBTITLE
   ========================================================= */

.elementor-element-125ad58 {
    margin-top: 0 !important;
    margin-bottom: 30px !important;
}

.elementor-element-125ad58
.elementor-heading-title {

    margin: 0 !important;

    color: #6b7280 !important;

    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1.5 !important;

    letter-spacing: 0.8px !important;

    text-align: center !important;
    text-transform: uppercase !important;
}


/* =========================================================
   3D PRINT GRID
   ========================================================= */

.elementor-element-f082866 {
    gap: 20px !important;
}


/* Individual cards */
.elementor-element-f082866 > .e-con {

    position: relative !important;

    padding: 0 !important;

    background: #ffffff !important;

    border: 1px solid #e7ebef !important;
    border-radius: 14px !important;

    overflow: hidden !important;

    box-shadow:
        0 4px 18px rgba(0, 0, 0, 0.05) !important;

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        border-color 0.3s ease !important;
}


/* Images */
.elementor-element-f082866
.elementor-widget-image {

    margin: 0 !important;
    overflow: hidden !important;
}


.elementor-element-f082866
.elementor-widget-image img {

    display: block !important;

    width: 100% !important;
    height: 330px !important;

    object-fit: cover !important;

    border-radius: 0 !important;

    transition:
        transform 0.4s ease !important;
}


/* =========================================================
   DESKTOP HOVER
   ========================================================= */

@media (hover: hover) {

    .elementor-element-f082866 > .e-con:hover {

        transform: translateY(-6px) !important;

        border-color: #dfe5eb !important;

        box-shadow:
            0 14px 35px rgba(0, 0, 0, 0.10) !important;
    }


    .elementor-element-f082866
    > .e-con:hover
    .elementor-widget-image img {

        transform: scale(1.045) !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 767px) {

    .elementor-element-9755f04 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;

    padding-top: 15px !important;
    padding-bottom: 15px !important;
}


    .elementor-element-fc80c08
    .elementor-heading-title {

        font-size: 25px !important;

        padding-bottom: 11px !important;
    }


    .elementor-element-fc80c08
    .elementor-heading-title::after {

        width: 42px;
        margin-top: 9px;
    }


    .elementor-element-125ad58 {
        margin-bottom: 22px !important;
    }


    .elementor-element-125ad58
    .elementor-heading-title {

        font-size: 10px !important;
        letter-spacing: 0.5px !important;
    }


    .elementor-element-f082866 {
        gap: 14px !important;
    }


    .elementor-element-f082866
    .elementor-widget-image img {

        height: auto !important;
        aspect-ratio: 1 / 1 !important;

        object-fit: cover !important;
    }


    .elementor-element-f082866 > .e-con {
        border-radius: 10px !important;
    }
}

/* =========================================================
   VIRAL 3D PRINTS - FINAL MOBILE LAYOUT
   ========================================================= */

@media screen and (max-width: 767px) {

    /* Parent Elementor container */
    .elementor-element-f082866 {
        width: 100% !important;
        max-width: 100% !important;

        padding-left: 14px !important;
        padding-right: 14px !important;
    }


    /* ACTUAL inner wrapper containing the 3 cards */
    .elementor-element-f082866 > .e-con-inner {
        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr) minmax(0, 1fr) !important;

        grid-template-rows: auto auto !important;

        gap: 12px !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 auto !important;
        padding: 0 !important;
    }


    /* =====================================================
       BATMAN - FULL WIDTH
       ===================================================== */

    .elementor-element-4d44480 {
        grid-column: 1 / -1 !important;
        grid-row: 1 !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* =====================================================
       CAR HOLDER - BOTTOM LEFT
       ===================================================== */

    .elementor-element-0381f47 {
        grid-column: 1 !important;
        grid-row: 2 !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* =====================================================
       PORSCHE - BOTTOM RIGHT
       ===================================================== */

    .elementor-element-d58fa9d {
        grid-column: 2 !important;
        grid-row: 2 !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* =====================================================
       CARD APPEARANCE
       ===================================================== */

    .elementor-element-4d44480,
    .elementor-element-0381f47,
    .elementor-element-d58fa9d {

        overflow: hidden !important;

        background: #ffffff !important;

        border: 1px solid #e7ebef !important;
        border-radius: 10px !important;

        box-shadow:
            0 4px 14px rgba(0, 0, 0, 0.07) !important;
    }


    /* Remove Elementor widget spacing */
    .elementor-element-4d44480 .elementor-widget-image,
    .elementor-element-0381f47 .elementor-widget-image,
    .elementor-element-d58fa9d .elementor-widget-image,

    .elementor-element-4d44480 .elementor-widget-container,
    .elementor-element-0381f47 .elementor-widget-container,
    .elementor-element-d58fa9d .elementor-widget-container {

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* Links fill cards */
    .elementor-element-4d44480 .elementor-widget-image a,
    .elementor-element-0381f47 .elementor-widget-image a,
    .elementor-element-d58fa9d .elementor-widget-image a {

        display: block !important;

        width: 100% !important;
    }


    /* =====================================================
       IMAGES
       ===================================================== */

    .elementor-element-4d44480 img,
    .elementor-element-0381f47 img,
    .elementor-element-d58fa9d img {

        display: block !important;

        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;

        object-fit: cover !important;
    }


    /* Large Batman image */
    .elementor-element-4d44480 img {
        height: 215px !important;
    }


    /* Two smaller images */
    .elementor-element-0381f47 img,
    .elementor-element-d58fa9d img {

        height: 160px !important;
    }
}

/* =========================================================
   ELECTRICAL BRO - WHAT'S NEW
   ========================================================= */

/* Section heading */
.elementor-element-c112840
.elementor-heading-title {

    position: relative;

    margin: 0 !important;
    padding-bottom: 14px !important;

    color: #171717 !important;

    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;

    letter-spacing: -0.5px !important;

    text-align: center !important;
}


/* Blue accent */
.elementor-element-c112840
.elementor-heading-title::after {

    content: "";

    display: block;

    width: 48px;
    height: 3px;

    margin: 12px auto 0;

    background: #0d8fe8;

    border-radius: 10px;
}


/* Subtitle */
.elementor-element-2483cc2 {
    margin-bottom: 28px !important;
}

.elementor-element-2483cc2
.elementor-heading-title {

    margin: 0 !important;

    color: #6b7280 !important;

    font-size: 12px !important;
    font-weight: 500 !important;

    line-height: 1.5 !important;

    letter-spacing: 0.7px !important;

    text-align: center !important;
    text-transform: uppercase !important;
}


/* =========================================================
   PROMOTIONAL IMAGE CARDS
   ========================================================= */

/* All 3 image widgets */
.elementor-element-9ec4090,
.elementor-element-3b4f75c,
.elementor-element-714b018 {

    overflow: hidden !important;

    border-radius: 12px !important;

    box-shadow:
        0 5px 18px rgba(0, 0, 0, 0.07) !important;
}


/* Remove Elementor spacing */
.elementor-element-9ec4090 .elementor-widget-container,
.elementor-element-3b4f75c .elementor-widget-container,
.elementor-element-714b018 .elementor-widget-container {

    overflow: hidden !important;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 12px !important;
}


/* Links */
.elementor-element-9ec4090 a,
.elementor-element-3b4f75c a,
.elementor-element-714b018 a {

    display: block !important;

    width: 100% !important;

    overflow: hidden !important;
}


/* Images */
.elementor-element-9ec4090 img,
.elementor-element-3b4f75c img,
.elementor-element-714b018 img {

    display: block !important;

    width: 100% !important;

    margin: 0 !important;

    border-radius: 12px !important;

    transition:
        transform 0.4s ease !important;
}


/* Right-side separation */
.elementor-element-3b4f75c {
    margin-bottom: 16px !important;
}


/* =========================================================
   DESKTOP HOVER
   ========================================================= */

@media (hover: hover) {

    .elementor-element-9ec4090,
    .elementor-element-3b4f75c,
    .elementor-element-714b018 {

        transition:
            transform 0.3s ease,
            box-shadow 0.3s ease !important;
    }


    .elementor-element-9ec4090:hover,
    .elementor-element-3b4f75c:hover,
    .elementor-element-714b018:hover {

        transform: translateY(-5px) !important;

        box-shadow:
            0 14px 30px rgba(0, 0, 0, 0.11) !important;
    }


    .elementor-element-9ec4090:hover img,
    .elementor-element-3b4f75c:hover img,
    .elementor-element-714b018:hover img {

        transform: scale(1.025) !important;
    }
}


/* =========================================================
   WHAT'S NEW - MOBILE
   ========================================================= */

@media screen and (max-width: 767px) {

    .elementor-element-c112840
    .elementor-heading-title {

        font-size: 25px !important;

        padding-bottom: 11px !important;
    }


    .elementor-element-c112840
    .elementor-heading-title::after {

        width: 42px;
        height: 3px;

        margin-top: 9px;
    }


    .elementor-element-2483cc2 {
        margin-bottom: 20px !important;
    }


    .elementor-element-2483cc2
    .elementor-heading-title {

        font-size: 10px !important;
        letter-spacing: 0.4px !important;
    }


    /* Slightly smaller corners on phone */
    .elementor-element-9ec4090,
    .elementor-element-3b4f75c,
    .elementor-element-714b018,

    .elementor-element-9ec4090 .elementor-widget-container,
    .elementor-element-3b4f75c .elementor-widget-container,
    .elementor-element-714b018 .elementor-widget-container,

    .elementor-element-9ec4090 img,
    .elementor-element-3b4f75c img,
    .elementor-element-714b018 img {

        border-radius: 9px !important;
    }
}

/* =========================================================
   ELECTRICAL BRO - TRUST / BENEFITS STRIP
   ========================================================= */

.elementor-element-6388718 {
    width: 100% !important;
    max-width: 1200px !important;

    margin: 45px auto !important;
    padding: 22px 25px !important;

    background: #ffffff !important;

    border: 1px solid #e7ebef !important;
    border-radius: 12px !important;

    box-shadow:
        0 5px 20px rgba(0, 0, 0, 0.04) !important;
}


/* Four benefit items */
.elementor-element-b5a095e,
.elementor-element-8e4bd37,
.elementor-element-d3c0a22,
.elementor-element-8a66748 {

    margin: 0 !important;
    padding: 8px 18px !important;
}


/* Image box */
.elementor-element-6388718
.elementor-image-box-wrapper {

    display: flex !important;
    align-items: center !important;

    margin: 0 !important;
}


/* Benefit icon */
.elementor-element-6388718
.elementor-image-box-img {

    flex: 0 0 auto !important;

    width: 42px !important;

    margin: 0 14px 0 0 !important;
}


.elementor-element-6388718
.elementor-image-box-img img {

    display: block !important;

    width: 38px !important;
    height: 38px !important;

    object-fit: contain !important;

    opacity: 0.75;
}


/* Text area */
.elementor-element-6388718
.elementor-image-box-content {

    flex: 1 1 auto !important;
}


/* Main title */
.elementor-element-6388718
.elementor-image-box-title {

    margin: 0 0 3px !important;

    color: #171717 !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
}


/* Description */
.elementor-element-6388718
.elementor-image-box-description {

    margin: 0 !important;

    color: #6b7280 !important;

    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
}


/* =========================================================
   DESKTOP DIVIDERS
   ========================================================= */

@media screen and (min-width: 768px) {

    .elementor-element-8e4bd37,
    .elementor-element-d3c0a22,
    .elementor-element-8a66748 {

        border-left:
            1px solid #edf0f3 !important;
    }
}


/* =========================================================
   MOBILE - 2 x 2 BENEFIT GRID
   ========================================================= */

/* =========================================================
   MOBILE - TRUST STRIP FIXED 2 x 2 GRID
   ========================================================= */

@media screen and (max-width: 767px) {

    /* Main trust container */
    .elementor-element-6388718 {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-auto-flow: row !important;

        width: calc(100% - 24px) !important;
        max-width: none !important;

        margin: 20px 12px !important;
        padding: 0 !important;

        gap: 0 !important;

        background: #ffffff !important;
        border: 1px solid #e5e9ed !important;
        border-radius: 10px !important;

        overflow: hidden !important;
    }

    /* Elementor inner grid */
    .elementor-element-6388718 > .e-con-inner {
        display: contents !important;
    }

    /* All 4 items */
    .elementor-element-b5a095e,
    .elementor-element-8e4bd37,
    .elementor-element-d3c0a22,
    .elementor-element-8a66748 {
        display: block !important;

        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 16px 8px !important;

        box-sizing: border-box !important;
    }

    /* Right column divider */
    .elementor-element-8e4bd37,
    .elementor-element-8a66748 {
        border-left: 1px solid #edf0f3 !important;
    }

    /* Second row divider */
    .elementor-element-d3c0a22,
    .elementor-element-8a66748 {
        border-top: 1px solid #edf0f3 !important;
    }

    /* Image box */
    .elementor-element-6388718 .elementor-image-box-wrapper {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;
        min-width: 0 !important;

        align-items: center !important;
        justify-content: center !important;

        text-align: center !important;
    }

    /* Icon */
    .elementor-element-6388718 .elementor-image-box-img {
        width: 100% !important;
        max-width: none !important;

        margin: 0 0 8px !important;

        text-align: center !important;
    }

    .elementor-element-6388718 .elementor-image-box-img img {
        width: 32px !important;
        height: 32px !important;

        object-fit: contain !important;
    }

    /* IMPORTANT - allow text to use full cell width */
    .elementor-element-6388718 .elementor-image-box-content {
        display: block !important;

        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;

        flex: none !important;

        text-align: center !important;
    }

    /* Titles */
    .elementor-element-6388718 .elementor-image-box-title {
        display: block !important;

        width: 100% !important;
        max-width: none !important;

        margin: 0 0 4px !important;

        font-size: 12px !important;
        font-weight: 600 !important;
        line-height: 1.3 !important;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }

    /* Description */
    .elementor-element-6388718 .elementor-image-box-description {
        display: block !important;

        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;

        font-size: 10px !important;
        line-height: 1.35 !important;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }
}

/* Trust icons - center properly on mobile */
@media screen and (max-width: 767px) {

    .elementor-element-6388718 .elementor-image-box-img {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        width: 100% !important;
        margin: 0 0 8px !important;
    }

    .elementor-element-6388718 .elementor-image-box-img img {
        display: block !important;
        margin: 0 auto !important;
    }
}

/* =========================================================
   FEATURED PROJECTS - SECTION HEADER
   ========================================================= */

.elementor-element-428ff9a {
    margin-top: 55px !important;
    margin-bottom: 28px !important;
}

/* Featured Projects heading */
.elementor-element-17fa641 .elementor-heading-title {
    margin: 0 !important;

    color: #171717 !important;

    font-size: 30px !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
}

/* Small blue underline */
.elementor-element-17fa641::after {
    content: "";
    display: block;

    width: 48px;
    height: 3px;

    margin-top: 12px;

    background: #0d8fe8;
    border-radius: 20px;
}

/* Subtitle */
.elementor-element-2876a2f {
    margin-top: 20px !important;
    margin-bottom: 0 !important;
}

.elementor-element-2876a2f p {
    margin: 0 !important;

    color: #606873 !important;

    font-size: 12px !important;
    font-weight: 500 !important;

    line-height: 1.5 !important;

    letter-spacing: 0.5px;
    text-transform: uppercase;
}


/* =========================================================
   FEATURED PROJECTS - MOBILE HEADER
   ========================================================= */

@media screen and (max-width: 767px) {

    .elementor-element-428ff9a {
        width: 100% !important;

        margin-top: 32px !important;
        margin-bottom: 20px !important;

        padding-left: 14px !important;
        padding-right: 14px !important;
    }

    .elementor-element-17fa641 {
        margin: 0 !important;
    }

    .elementor-element-17fa641 .elementor-heading-title {
        font-size: 25px !important;
        line-height: 1.2 !important;
    }

    .elementor-element-17fa641::after {
        width: 42px;
        height: 3px;

        margin-top: 9px;
    }

    .elementor-element-2876a2f {
        margin-top: 14px !important;
    }

    .elementor-element-2876a2f p {
        font-size: 10px !important;
        line-height: 1.45 !important;

        letter-spacing: 0.35px !important;
    }

}

/* =========================================================
   ELECTRICAL BRO - UNIFIED PRODUCT GRID
   Equal cards across homepage
   ========================================================= */

/* GRID */
.home ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 30px !important;

    margin: 0 !important;
}

/* Reset WooCommerce floats/widths */
.home ul.products > li.product {
    float: none !important;
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    display: flex !important;
    flex-direction: column !important;

    min-width: 0 !important;
    height: 100% !important;

    padding: 14px 14px 20px !important;

    background: #ffffff !important;
    border: 1px solid #e3e8ed !important;
    border-radius: 11px !important;

    box-sizing: border-box !important;

    overflow: hidden !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        border-color .2s ease !important;
}


/* Card hover */
.home ul.products > li.product:hover {
    transform: translateY(-3px) !important;

    border-color: #d8e1e8 !important;

    box-shadow:
        0 10px 28px rgba(0,0,0,.07) !important;
}


/* Main WooCommerce wrapper */
.home ul.products > li.product > .product-loop-wrapper {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;
    height: 100% !important;

    flex: 1 1 auto !important;
}


/* =========================================================
   IMAGE AREA
   ========================================================= */

.home ul.products > li.product
.product-loop-image-wrapper {

    position: relative !important;

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

    width: 100% !important;
    height: 245px !important;

    margin: 0 0 12px !important;

    overflow: hidden !important;
}


/* Product image */
.home ul.products > li.product
.product-loop-image-wrapper img {

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: contain !important;

    margin: 0 auto !important;
}


/* =========================================================
   PRODUCT CONTENT
   ========================================================= */

.home ul.products > li.product
.product-loop-content {

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;

    flex: 1 1 auto !important;

    text-align: center !important;
}


/* TITLE */
.home ul.products > li.product
.woocommerce-loop-product__title {

    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 58px !important;

    margin: 0 0 8px !important;
    padding: 0 !important;

    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;

    text-align: center !important;
}


/* Title link */
.home ul.products > li.product
.woocommerce-loop-product__title a {

    color: #171717 !important;
    text-decoration: none !important;
}


/* =========================================================
   META AREA
   Price + button
   ========================================================= */

.home ul.products > li.product
.product-loop-meta {

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;

    margin-top: auto !important;
}


/* Animated meta must not overlap */
.home ul.products > li.product
.animated-meta {

    position: static !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;

    width: 100% !important;

    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}


/* PRICE */
.home ul.products > li.product
.price {

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;

    gap: 5px !important;

    min-height: 28px !important;

    margin: 0 0 12px !important;

    font-size: 13px !important;
    line-height: 1.3 !important;
}


/* Current price */
.home ul.products > li.product
.price ins {

    font-weight: 700 !important;
    text-decoration: none !important;
}


/* Old price */
.home ul.products > li.product
.price del {

    opacity: .65 !important;
}


/* =========================================================
   ADD TO CART
   ========================================================= */

.home ul.products > li.product
.loop-add-to-cart-btn {

    position: static !important;

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

    width: auto !important;
    min-width: 135px !important;
    min-height: 40px !important;

    margin: 0 auto !important;
    padding: 9px 18px !important;

    background: #0d8fe8 !important;
    color: #ffffff !important;

    border: 0 !important;
    border-radius: 7px !important;

    font-size: 13px !important;
    font-weight: 600 !important;

    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;

    box-shadow: none !important;
}


/* Button hover */
.home ul.products > li.product
.loop-add-to-cart-btn:hover {

    background: #087ac8 !important;
    color: #ffffff !important;
}


/* =========================================================
   TABLET - 3 COLUMNS
   ========================================================= */

@media screen and (min-width: 768px) and (max-width: 1100px) {

    .home ul.products {
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        gap: 20px !important;
    }

}


/* =========================================================
   MOBILE - 2 COLUMNS
   ========================================================= */

@media screen and (max-width: 767px) {

    .home ul.products {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 12px !important;
    }


    .home ul.products > li.product {
        padding: 8px 8px 12px !important;

        border-radius: 9px !important;
    }


    /* Smaller image area */
    .home ul.products > li.product
    .product-loop-image-wrapper {

        height: 145px !important;

        margin-bottom: 8px !important;
    }


    /* Titles */
    .home ul.products > li.product
    .woocommerce-loop-product__title {

        min-height: 54px !important;

        margin-bottom: 5px !important;

        font-size: 11px !important;
        line-height: 1.35 !important;
    }


    /* Price */
    .home ul.products > li.product
    .price {

        min-height: 24px !important;

        margin-bottom: 9px !important;

        font-size: 11px !important;
    }


    /* Add to cart */
    .home ul.products > li.product
    .loop-add-to-cart-btn {

        width: 100% !important;
        min-width: 0 !important;
        min-height: 36px !important;

        padding: 7px 6px !important;

        font-size: 11px !important;

        border-radius: 6px !important;
    }

}

/* =========================================================
   TRUST STRIP - PERFECT VERTICAL ALIGNMENT DESKTOP
   ========================================================= */

@media screen and (min-width: 768px) {

    /* All four trust widgets */
    .elementor-element-b5a095e,
    .elementor-element-8e4bd37,
    .elementor-element-d3c0a22,
    .elementor-element-8a66748 {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 100% !important;
    }

    /* Image box */
    .elementor-element-6388718 .elementor-image-box-wrapper {
        display: grid !important;
        grid-template-columns: 42px minmax(0, 1fr) !important;
        align-items: center !important;
        column-gap: 14px !important;

        width: 100% !important;
        margin: 0 !important;
    }

    /* Icon area */
    .elementor-element-6388718 .elementor-image-box-img {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 42px !important;
        height: 42px !important;

        margin: 0 !important;
    }

    .elementor-element-6388718 .elementor-image-box-img img {
        display: block !important;

        width: 38px !important;
        height: 38px !important;

        margin: 0 !important;

        object-fit: contain !important;
    }

    /* Text block */
    .elementor-element-6388718 .elementor-image-box-content {
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;

        width: 100% !important;
        min-height: 54px !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    /* Title */
    .elementor-element-6388718 .elementor-image-box-title {
        margin: 0 0 4px !important;
        padding: 0 !important;

        line-height: 1.25 !important;
    }

    /* Description */
    .elementor-element-6388718 .elementor-image-box-description {
        margin: 0 !important;
        padding: 0 !important;

        line-height: 1.35 !important;
    }
}

/* =========================================================
   ELECTRICAL BRO - PREMIUM FOOTER V2
   Safe for Woostify footer structure
   ========================================================= */

#colophon.site-footer {
    background: #f7f8fa !important;
    border-top: 1px solid #e5e9ed !important;
}


/* Main footer container */
#colophon .woostify-container {
    max-width: 1200px !important;
    width: 100% !important;

    margin: 0 auto !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
}


/* =========================================================
   WIDGET AREA
   ========================================================= */

#colophon .site-footer-widget {
    padding-top: 45px !important;
    padding-bottom: 40px !important;
}


/* IMPORTANT:
   Keep Woostify columns — do NOT turn this into grid
*/
#colophon .footer-widget-col-4 {
    width: 100% !important;
}


/* Each footer widget */
#colophon .site-footer-widget .widget {
    min-width: 0 !important;
}


/* =========================================================
   TITLES
   ========================================================= */

#colophon .widget-title {
    margin: 0 0 16px !important;

    color: #171717 !important;

    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;

    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
}


/* =========================================================
   TEXT
   ========================================================= */

#colophon p {
    color: #6d737b !important;

    font-size: 13px !important;
    line-height: 1.7 !important;

    word-break: normal !important;
    overflow-wrap: normal !important;
}


/* =========================================================
   MENU LINKS
   ========================================================= */

#colophon ul {
    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;
}

#colophon li {
    margin: 0 0 10px !important;
    padding: 0 !important;
}

#colophon a {
    color: #686f78 !important;

    font-size: 13px !important;
    line-height: 1.5 !important;

    text-decoration: none !important;

    word-break: normal !important;
    overflow-wrap: normal !important;

    transition: color .2s ease !important;
}

#colophon a:hover {
    color: #0d8fe8 !important;
}


/* =========================================================
   COPYRIGHT
   ========================================================= */

#colophon .site-info {
    margin: 0 !important;
    padding: 17px 0 !important;

    border-top: 1px solid #e1e5e9 !important;
}

#colophon .site-info-col {
    width: 100% !important;

    color: #858b93 !important;

    font-size: 12px !important;
    line-height: 1.5 !important;

    text-align: center !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 767px) {

    #colophon .woostify-container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    #colophon .site-footer-widget {
        padding-top: 32px !important;
        padding-bottom: 25px !important;
    }

    #colophon .widget-title {
        margin-bottom: 12px !important;

        font-size: 15px !important;
    }

    #colophon p,
    #colophon a {
        font-size: 12px !important;
    }

    #colophon li {
        margin-bottom: 8px !important;
    }

    #colophon .site-info {
        padding: 15px 0 !important;
    }

    #colophon .site-info-col {
        font-size: 11px !important;
    }
}

/* =========================================================
   ELECTRICAL BRO - PREMIUM FOOTER
   ========================================================= */

#colophon.site-footer {
    background: #f7f8fa !important;
    border-top: 1px solid #e5e8ec !important;
}

/* Main footer widget area */
#colophon .site-footer-widget {
    max-width: 1170px !important;
    margin: 0 auto !important;
    padding: 48px 15px 38px !important;

    display: grid !important;
    grid-template-columns: 1.35fr 1fr 1.15fr 1fr !important;
    gap: 55px !important;
    align-items: start !important;
}

/* Every footer widget */
#colophon .site-footer-widget > * {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
}

/* ================================
   BRAND
   ================================ */

#colophon .eb-footer-brand-name {
    margin: 0 0 8px !important;

    color: #111827 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

#colophon .eb-footer-tagline {
    margin-bottom: 13px !important;

    color: #0d8fe8 !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

#colophon .eb-footer-description {
    max-width: 250px !important;
    margin: 0 !important;

    color: #6b7280 !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
}

/* ================================
   MENU HEADINGS
   ================================ */

#colophon .widget-title {
    position: relative !important;

    margin: 0 0 20px !important;
    padding: 0 0 10px !important;

    color: #111827 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

#colophon .widget-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;

    width: 30px;
    height: 2px;

    background: #0d8fe8;
    border-radius: 10px;
}

/* ================================
   MENU LINKS
   ================================ */

#colophon .menu {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

#colophon .menu li {
    margin: 0 0 11px !important;
    padding: 0 !important;
}

#colophon .menu li:last-child {
    margin-bottom: 0 !important;
}

#colophon .menu a {
    display: inline-block !important;

    color: #606875 !important;
    font-size: 13px !important;
    line-height: 1.5 !important;

    text-decoration: none !important;

    transition:
        color .2s ease,
        transform .2s ease !important;
}

#colophon .menu a:hover {
    color: #0d8fe8 !important;
    transform: translateX(3px);
}

/* ================================
   COPYRIGHT
   ================================ */

#colophon .site-info {
    max-width: 1170px !important;
    margin: 0 auto !important;
    padding: 18px 15px !important;

    border-top: 1px solid #e3e6ea !important;

    text-align: center !important;
}

#colophon .site-info,
#colophon .site-info a {
    color: #7b8491 !important;
    font-size: 12px !important;
}

/* =========================================================
   FOOTER - COMPACT DESKTOP HEIGHT
   ========================================================= */

@media (min-width: 993px) {

    #colophon .site-footer-widget {
        padding-top: 38px !important;
        padding-bottom: 28px !important;
    }

    #colophon .menu li {
        margin-bottom: 8px !important;
    }

    #colophon .site-info {
        padding-top: 14px !important;
        padding-bottom: 14px !important;
    }
}

/* =========================================================
   ELECTRICAL BRO - MOBILE FOOTER
   ========================================================= */

@media screen and (max-width: 767px) {

    /* Main footer */
    #colophon.site-footer {
        width: 100% !important;
        overflow: hidden !important;
    }

    /* Override desktop 4-column grid */
    #colophon .site-footer-widget {
        display: grid !important;

        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr) !important;

        width: 100% !important;
        max-width: 100% !important;

        gap: 30px 24px !important;

        margin: 0 !important;
        padding: 32px 20px 26px !important;

        box-sizing: border-box !important;
    }


    /* -----------------------------------------
       BRAND - FULL WIDTH
       ----------------------------------------- */

    #colophon .site-footer-widget > *:first-child {
        grid-column: 1 / -1 !important;

        width: 100% !important;
        min-width: 0 !important;
    }

    #colophon .eb-footer-brand-name {
        margin-bottom: 7px !important;

        font-size: 19px !important;
        line-height: 1.25 !important;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }

    #colophon .eb-footer-tagline {
        margin-bottom: 10px !important;

        font-size: 12px !important;
        line-height: 1.4 !important;

        white-space: normal !important;
    }

    #colophon .eb-footer-description {
        width: 100% !important;
        max-width: 300px !important;

        font-size: 12px !important;
        line-height: 1.6 !important;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }


    /* -----------------------------------------
       SHOP + SUPPORT
       ----------------------------------------- */

    #colophon .site-footer-widget > *:nth-child(2),
    #colophon .site-footer-widget > *:nth-child(3) {
        grid-column: auto !important;

        width: 100% !important;
        min-width: 0 !important;
    }


    /* -----------------------------------------
       CUSTOMER - FULL WIDTH
       ----------------------------------------- */

    #colophon .site-footer-widget > *:nth-child(4) {
        grid-column: 1 / -1 !important;

        width: 100% !important;
        min-width: 0 !important;
    }


    /* -----------------------------------------
       TITLES
       ----------------------------------------- */

    #colophon .widget-title {
        margin: 0 0 16px !important;
        padding-bottom: 8px !important;

        font-size: 15px !important;
        line-height: 1.3 !important;

        white-space: normal !important;
        word-break: normal !important;
    }


    /* -----------------------------------------
       LINKS
       ----------------------------------------- */

    #colophon .menu li {
        margin: 0 0 9px !important;
    }

    #colophon .menu a {
        font-size: 12px !important;
        line-height: 1.5 !important;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
    }


    /* -----------------------------------------
       COPYRIGHT
       ----------------------------------------- */

    #colophon .site-info {
        width: calc(100% - 40px) !important;
        max-width: none !important;

        margin: 0 20px !important;
        padding: 15px 0 !important;

        text-align: center !important;
        box-sizing: border-box !important;
    }

    #colophon .site-info,
    #colophon .site-info a {
        font-size: 11px !important;
    }
}

/* =========================================================
   ELECTRICAL BRO - FOOTER SOCIAL + PAYMENT BAR
   ========================================================= */

.eb-footer-bottom-extra {
    width: 100%;
    background: #f5f7f9;
    border-top: 1px solid #e2e7ec;
}

.eb-footer-bottom-inner {
    max-width: 1170px;
    margin: 0 auto;
    padding: 18px 15px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}


/* =========================
   TITLES
   ========================= */

.eb-footer-small-title {
    font-size: 12px;
    font-weight: 600;
    color: #667085;
    white-space: nowrap;
}


/* =========================
   SOCIAL SECTION
   ========================= */

.eb-footer-social,
.eb-footer-payments {
    display: flex;
    align-items: center;
    gap: 14px;
}

.eb-footer-social-icons {
    display: flex;
    align-items: center;
    gap: 8px;
}

.eb-footer-social-icons a {
    width: 34px !important;
    height: 34px !important;

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

    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid #d9dfe5;
    border-radius: 50%;

    background: #ffffff;
    color: #4b5563;

    transition: all .2s ease;
}

.eb-footer-social-icons a svg {
    display: block !important;

    width: 16px !important;
    height: 16px !important;

    max-width: 16px !important;
    max-height: 16px !important;

    margin: 0 !important;

    fill: currentColor !important;
}

.eb-footer-social-icons a:hover {
    color: #0d8fe8;
    border-color: #0d8fe8;
    transform: translateY(-2px);
}


/* =========================
   PAYMENT METHODS
   ========================= */

.eb-payment-methods {
    display: flex;
    align-items: center;
    gap: 7px;
}

.eb-payment-card {
    width: 54px;
    height: 32px;

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

    background: #ffffff;
    border: 1px solid #dce1e6;
    border-radius: 5px;

    font-size: 11px;
    font-weight: 700;
    line-height: 1;
}


/* VISA */

.eb-visa {
    color: #1434cb;
    font-style: italic;
    font-size: 14px;
}


/* MASTERCARD */

.eb-mastercard {
    position: relative;
}

.eb-mastercard i {
    display: block;
    width: 16px;
    height: 16px;
    border-radius: 50%;
}

.eb-mastercard i:first-child {
    background: #eb001b;
    margin-right: -5px;
}

.eb-mastercard i:last-child {
    background: #f79e1b;
}


/* RUPAY */

.eb-rupay {
    color: #143b82;
    font-size: 12px;
}


/* UPI */

.eb-upi {
    color: #444;
    font-size: 13px;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 767px) {

    .eb-footer-bottom-inner {
        padding: 16px 18px;

        flex-direction: column;
        align-items: center;
        justify-content: center;

        gap: 16px;
    }

    .eb-footer-social,
    .eb-footer-payments {
        width: 100%;
        justify-content: center;
        gap: 12px;
    }

    .eb-footer-small-title {
        font-size: 11px;
    }

    .eb-footer-social-icons a {
        width: 32px !important;
        height: 32px !important;
    }

    .eb-payment-card {
        width: 48px;
        height: 29px;
    }
}

/* =========================================================
   FOOTER BOTTOM - COMPACT PREMIUM LAYOUT
   ========================================================= */

.site-info {
    padding-bottom: 0 !important;
}

/* Extra social/payment bar */
.eb-footer-bottom-extra {
    background: #f5f7f9 !important;
    border-top: 1px solid #e1e6eb !important;
}

/* Reduce unnecessary height */
.eb-footer-bottom-inner {
    min-height: 58px;
    padding-top: 11px !important;
    padding-bottom: 11px !important;
}

/* Slightly stronger labels */
.eb-footer-small-title {
    color: #4b5563 !important;
    font-weight: 600 !important;
}

/* Payment boxes */
.eb-payment-card {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .03);
}

/* Mobile */
@media screen and (max-width: 767px) {

    .eb-footer-bottom-inner {
        min-height: 0;
        padding: 14px 16px !important;
        gap: 13px !important;
    }

    .eb-footer-social,
    .eb-footer-payments {
        justify-content: space-between !important;
        max-width: 340px;
    }

    .eb-payment-methods {
        gap: 5px !important;
    }

    .eb-payment-card {
        width: 44px !important;
        height: 28px !important;
        font-size: 10px !important;
    }
}

/* =========================================================
   FINAL FOOTER BOTTOM BAR
   Copyright | Social | Payments
   ========================================================= */

/* Hide Woostify's old copyright row */
#colophon .site-info {
    display: none !important;
}


/* Bottom bar */
.eb-footer-bottom-extra {
    width: 100% !important;
    background: #f5f7f9 !important;
    border-top: 1px solid #e0e5ea !important;
}


/* One single desktop row */
.eb-footer-bottom-inner {
    width: 100% !important;
    max-width: 1170px !important;

    margin: 0 auto !important;
    padding: 14px 15px !important;

    display: grid !important;

    grid-template-columns:
        1fr
        auto
        1fr !important;

    align-items: center !important;

    gap: 30px !important;
}


/* Copyright - LEFT */
.eb-footer-copyright {
    justify-self: start !important;

    font-size: 12px !important;
    font-weight: 400 !important;

    color: #737b86 !important;

    white-space: nowrap !important;
}


/* Follow Us - CENTER */
.eb-footer-social {
    justify-self: center !important;

    display: flex !important;
    align-items: center !important;

    width: auto !important;

    gap: 12px !important;
}


/* Payments - RIGHT */
.eb-footer-payments {
    justify-self: end !important;

    display: flex !important;
    align-items: center !important;

    width: auto !important;

    gap: 12px !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media screen and (max-width: 767px) {

    .eb-footer-bottom-inner {
        display: flex !important;

        flex-direction: column !important;
        align-items: center !important;

        padding: 16px !important;

        gap: 14px !important;
    }

    .eb-footer-copyright,
    .eb-footer-social,
    .eb-footer-payments {
        width: 100% !important;

        justify-content: center !important;
        justify-self: center !important;

        text-align: center !important;
    }

    .eb-footer-copyright {
        order: 3;
    }

    .eb-footer-social {
        order: 1;
    }

    .eb-footer-payments {
        order: 2;
    }
}

/* =========================================================
   ELECTRICAL BRO - MOBILE HERO SLIDER
   Exact Elementor Carousel: 76f0027
   ========================================================= */

@media screen and (max-width: 767px) {

    /* Mobile hero container */
    .elementor-element-0144b46 {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 20px 12px 10px !important;
        min-height: 0 !important;
        height: auto !important;
        overflow: hidden !important;
        background: #ffffff !important;
    }

    /* Exact carousel widget */
    .elementor-element-76f0027 {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    /* Swiper viewport */
    .elementor-element-76f0027 .e-n-carousel {
        width: 100% !important;
        max-width: 100% !important;
        overflow: hidden !important;
        border-radius: 12px !important;
    }

    /* Do NOT modify swiper-wrapper width/transform */
    .elementor-element-76f0027 .swiper-wrapper {
        align-items: stretch !important;
    }

    /* Each slide */
    .elementor-element-76f0027 .swiper-slide {
        overflow: hidden !important;
        border-radius: 12px !important;
    }

    /* Remove inner Elementor spacing */
    .elementor-element-76f0027 .swiper-slide > .e-con {
        padding: 0 !important;
        margin: 0 !important;
    }

    .elementor-element-76f0027 .elementor-widget-image {
        width: 100% !important;
        margin: 0 !important;
    }

    .elementor-element-76f0027 .elementor-widget-image .elementor-widget-container {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
        border-radius: 12px !important;
    }

    /* Banner */
    .elementor-element-76f0027 .elementor-widget-image img {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 12px !important;
    }

    /* Pagination below banner */
    .elementor-element-76f0027 .swiper-pagination {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;

        width: 100% !important;
        margin: 10px 0 0 !important;

        text-align: center !important;
    }

    /* Dots */
    .elementor-element-76f0027 .swiper-pagination-bullet {
        width: 7px !important;
        height: 7px !important;
        margin: 0 4px !important;

        background: #c8c8c8 !important;
        opacity: 1 !important;
    }

    .elementor-element-76f0027 .swiper-pagination-bullet-active {
        background: #111111 !important;
    }
}

/* =========================================================
   MOBILE HERO - CENTER PAGINATION DOTS
   ========================================================= */

@media screen and (max-width: 767px) {

    .elementor-element-76f0027 .swiper-pagination {
        position: relative !important;

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

        width: 100% !important;

        left: 0 !important;
        right: 0 !important;
        bottom: auto !important;

        margin: 10px auto 0 !important;
        padding: 0 !important;

        text-align: center !important;
        transform: none !important;
    }

    .elementor-element-76f0027 .swiper-pagination-bullet {
        flex: 0 0 7px !important;

        width: 7px !important;
        height: 7px !important;

        margin: 0 4px !important;
    }
}

/* =========================================================
   ELECTRICAL BRO
   DESKTOP HERO BANNER HEIGHT
   ========================================================= */

@media screen and (min-width: 993px) {

    /* Desktop hero section */
    .elementor-element-afaF914 {
        width: 100% !important;
        padding: 24px 18px 10px !important;
        margin: 0 !important;
    }

    /* Carousel */
    .elementor-element-76f0027,
    .elementor-element-76f0027 .e-n-carousel,
    .elementor-element-76f0027 .swiper {
        width: 100% !important;
    }

    /* Individual slide */
    .elementor-element-76f0027 .swiper-slide {
        height: 500px !important;
        overflow: hidden !important;
    }

    /* Remove Elementor internal spacing */
    .elementor-element-76f0027 .swiper-slide > .e-con {
        height: 100% !important;
        min-height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .elementor-element-76f0027 .elementor-widget-image,
    .elementor-element-76f0027 .elementor-widget-container {
        width: 100% !important;
        height: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Banner */
    .elementor-element-76f0027 img {
        display: block !important;
        width: 100% !important;
        height: 500px !important;
        object-fit: cover !important;
        object-position: center !important;
    }

    /* Pagination */
    .elementor-element-76f0027 .swiper-pagination {
        margin-top: 10px !important;
    }
}

/* =========================================================
   ELECTRICAL BRO - TRUST FEATURE CARDS
   ========================================================= */

/* Main feature section */
body .elementor-element.elementor-element-6388718 {
    background: #f7f8fa !important;
    padding: 22px 15px !important;
}

/* The actual Elementor grid */
body .elementor-element.elementor-element-6388718 > .e-con-inner {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 18px !important;

    width: 100% !important;
    max-width: 1400px !important;

    margin: 0 auto !important;
    padding: 0 !important;
}

/* Each feature = separate card */
body .elementor-element.elementor-element-6388718
> .e-con-inner
> .elementor-widget-image-box {

    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 24px 14px !important;

    background: #ffffff !important;

    border: 1px solid #edf0f3 !important;
    border-radius: 14px !important;

    box-shadow:
        0 5px 18px rgba(0, 0, 0, 0.08) !important;

    box-sizing: border-box !important;
}

/* Remove old separator lines */
body .elementor-element.elementor-element-6388718
> .e-con-inner
> .elementor-widget-image-box {

    border-right: 1px solid #edf0f3 !important;
    border-bottom: 1px solid #edf0f3 !important;
}

/* Center everything inside card */
body .elementor-element.elementor-element-6388718
.elementor-image-box-wrapper {

    display: flex !important;
    flex-direction: column !important;

    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;
}

/* Icon */
body .elementor-element.elementor-element-6388718
.elementor-image-box-img {

    margin: 0 auto 12px !important;
}

/* Text area */
body .elementor-element.elementor-element-6388718
.elementor-image-box-content {

    width: 100% !important;
    text-align: center !important;
}

/* Title */
body .elementor-element.elementor-element-6388718
.elementor-image-box-title {

    margin: 0 0 7px !important;

    font-size: 16px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;

    color: #222222 !important;
}

/* Description */
body .elementor-element.elementor-element-6388718
.elementor-image-box-description {

    margin: 0 !important;

    font-size: 13px !important;
    line-height: 1.5 !important;

    color: #666666 !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    body .elementor-element.elementor-element-6388718
    > .e-con-inner {

        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        gap: 14px !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    body .elementor-element.elementor-element-6388718 {

        padding: 12px !important;
    }

    body .elementor-element.elementor-element-6388718
    > .e-con-inner {

        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 12px !important;

        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    body .elementor-element.elementor-element-6388718
    > .e-con-inner
    > .elementor-widget-image-box {

        width: 100% !important;
        min-width: 0 !important;

        min-height: 165px !important;

        margin: 0 !important;
        padding: 18px 8px !important;

        background: #ffffff !important;

        border: 1px solid #edf0f3 !important;
        border-radius: 12px !important;

        box-shadow:
            0 4px 14px rgba(0, 0, 0, 0.08) !important;
    }

    /* Secure Payments = centered final card */
    body .elementor-element.elementor-element-6388718
    > .e-con-inner
    > .elementor-element.elementor-element-be32400 {

        grid-column: 1 / -1 !important;

        width: calc(50% - 6px) !important;

        justify-self: center !important;
    }

    body .elementor-element.elementor-element-6388718
    .elementor-image-box-title {

        font-size: 15px !important;
    }

    body .elementor-element.elementor-element-6388718
    .elementor-image-box-description {

        font-size: 12px !important;
    }
}

/* =========================================================
   TRUST CARDS - FULL DESKTOP WIDTH + PRODUCT SPACING
   ========================================================= */

@media (min-width: 1025px) {

    /* Main trust section */
    body .elementor-element.elementor-element-6388718 {
        width: calc(100% - 60px) !important;
        max-width: 1680px !important;

        margin: 12px auto 18px auto !important;
        padding: 14px !important;

        background: #f7f8fa !important;

        border: 1px solid #e5e9ed !important;
        border-radius: 14px !important;

        box-shadow:
            0 6px 24px rgba(0, 0, 0, 0.05) !important;
    }

    /* 5 cards across full available width */
    body .elementor-element.elementor-element-6388718
    > .e-con-inner {

        display: grid !important;

        grid-template-columns:
            repeat(5, minmax(0, 1fr)) !important;

        gap: 18px !important;

        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    /* Individual cards */
    body .elementor-element.elementor-element-6388718
    > .e-con-inner
    > .elementor-widget-image-box {

        min-height: 165px !important;

        padding: 20px 16px !important;

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

        background: #ffffff !important;

        border: 1px solid #edf0f3 !important;
        border-radius: 12px !important;

        box-shadow:
            0 5px 16px rgba(0, 0, 0, 0.07) !important;
    }

    /* Slight card lift */
    body .elementor-element.elementor-element-6388718
    > .e-con-inner
    > .elementor-widget-image-box:hover {

        transform: translateY(-3px);

        box-shadow:
            0 9px 24px rgba(0, 0, 0, 0.10) !important;

        transition:
            transform 0.2s ease,
            box-shadow 0.2s ease;
    }
}

/* =========================================================
   TRUST CARDS - MOBILE FIX ONLY
   Desktop remains unchanged
   ========================================================= */

@media screen and (max-width: 767px) {

    /* Outer section */
    body .elementor-element.elementor-element-6388718 {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 12px 0 18px !important;
        padding: 12px !important;

        background: #f7f8fa !important;

        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;

        box-sizing: border-box !important;
    }


    /* IMPORTANT: actual Elementor grid is .e-con-inner */
    body .elementor-element.elementor-element-6388718
    > .e-con-inner {

        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        grid-auto-flow: row !important;

        gap: 12px !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    /* All 5 cards */
    body .elementor-element.elementor-element-6388718
    > .e-con-inner
    > .elementor-widget-image-box {

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        min-height: 160px !important;

        margin: 0 !important;
        padding: 18px 10px !important;

        background: #ffffff !important;

        border: 1px solid #edf0f3 !important;
        border-radius: 12px !important;

        box-shadow:
            0 4px 14px rgba(0, 0, 0, 0.07) !important;

        box-sizing: border-box !important;

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

        transform: none !important;
    }


    /* Elementor widget container */
    body .elementor-element.elementor-element-6388718
    > .e-con-inner
    > .elementor-widget-image-box
    > .elementor-widget-container {

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* Icon + text */
    body .elementor-element.elementor-element-6388718
    .elementor-image-box-wrapper {

        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;

        align-items: center !important;
        justify-content: center !important;

        text-align: center !important;
    }


    /* Icon */
    body .elementor-element.elementor-element-6388718
    .elementor-image-box-img {

        width: 46px !important;
        margin: 0 auto 10px !important;
    }

    body .elementor-element.elementor-element-6388718
    .elementor-image-box-img img {

        width: 46px !important;
        height: 46px !important;

        object-fit: contain !important;
    }


    /* Text area */
    body .elementor-element.elementor-element-6388718
    .elementor-image-box-content {

        width: 100% !important;
        max-width: 100% !important;

        text-align: center !important;
    }


    /* Title */
    body .elementor-element.elementor-element-6388718
    .elementor-image-box-title {

        margin: 0 0 7px !important;

        font-size: 14px !important;
        line-height: 1.25 !important;
        font-weight: 700 !important;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;

        color: #1d1d1f !important;
    }


    /* Description */
    body .elementor-element.elementor-element-6388718
    .elementor-image-box-description {

        margin: 0 !important;

        font-size: 12px !important;
        line-height: 1.45 !important;

        white-space: normal !important;
        word-break: normal !important;

        color: #666666 !important;
    }


    /* Fifth card - Secure Payments centered */
    body .elementor-element.elementor-element-6388718
    > .e-con-inner
    > .elementor-element.elementor-element-be32400 {

        grid-column: 1 / -1 !important;

        width: calc(50% - 6px) !important;
        max-width: calc(50% - 6px) !important;

        justify-self: center !important;
    }
}

/* =========================================================
   VIRAL 3D PRINTS — DESKTOP SHOP STYLE
   Parent: f082866
   ========================================================= */

@media (min-width: 1025px) {

    /* MAIN GRID */
    body .elementor-element.elementor-element-f082866 {

        display: grid !important;

        grid-template-columns:
            minmax(0, 2fr)
            minmax(0, 1fr)
            minmax(0, 1fr) !important;

        grid-template-rows:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 24px !important;

        width: calc(100% - 100px) !important;
        max-width: 1760px !important;

        margin: 30px auto 50px !important;
        padding: 0 !important;

        /* IMPORTANT: removes previous giant empty area */
        height: auto !important;
        min-height: 0 !important;
    }


    /* ALL FIVE CARDS */
    body .elementor-element.elementor-element-f082866
    > .e-con {

        width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;

        border-radius: 12px !important;

        min-height: 330px !important;

        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;

        box-shadow:
            0 4px 16px rgba(0,0,0,.07) !important;

        transition:
            transform .25s ease,
            box-shadow .25s ease !important;
    }


    /* 1 — BATMAN: LARGE LEFT */
    body .elementor-element.elementor-element-f082866
    > .e-con:nth-child(1) {

        grid-column: 1 !important;
        grid-row: 1 / 3 !important;

        min-height: 684px !important;
    }


    /* 2 — KEY HOLDER */
    body .elementor-element.elementor-element-f082866
    > .e-con:nth-child(2) {

        grid-column: 2 !important;
        grid-row: 1 !important;
    }


    /* 3 — BLACK PANTHER */
    body .elementor-element.elementor-element-f082866
    > .e-con:nth-child(3) {

        grid-column: 3 !important;
        grid-row: 1 !important;
    }


    /* 4 — MOON KNIGHT */
    body .elementor-element.elementor-element-f082866
    > .e-con:nth-child(4) {

        grid-column: 2 !important;
        grid-row: 2 !important;
    }


    /* 5 — PORSCHE */
    body .elementor-element.elementor-element-f082866
    > .e-con:nth-child(5) {

        grid-column: 3 !important;
        grid-row: 2 !important;
    }


    /* HOVER */
    body .elementor-element.elementor-element-f082866
    > .e-con:hover {

        transform: translateY(-4px) !important;

        box-shadow:
            0 12px 30px rgba(0,0,0,.12) !important;
    }
}

/* =========================================================
   VIRAL 3D PRINTS — MAKE IMAGES FILL CARDS
   DESKTOP ONLY
   ========================================================= */

@media (min-width: 1025px) {

    /* Every card */
    body .elementor-element.elementor-element-f082866 > .e-con {
        position: relative !important;
    }

    /* Image widget fills card */
    body .elementor-element.elementor-element-f082866
    > .e-con
    > .elementor-element {

        width: 100% !important;
        height: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 0 !important;
    }

    /* Elementor widget container */
    body .elementor-element.elementor-element-f082866
    > .e-con
    .elementor-widget-container {

        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
    }

    /* Links around images */
    body .elementor-element.elementor-element-f082866
    > .e-con
    .elementor-widget-container > a {

        display: block !important;

        width: 100% !important;
        height: 100% !important;
    }

    /* Actual images */
    body .elementor-element.elementor-element-f082866
    > .e-con
    img {

        display: block !important;

        width: 100% !important;
        height: 100% !important;

        max-width: none !important;

        object-fit: cover !important;
        object-position: center center !important;

        margin: 0 !important;
        padding: 0 !important;
    }
}

/* =========================================================
   VIRAL 3D PRINTS — COMPACT DESKTOP SIZE
   ========================================================= */

@media (min-width: 1025px) {

    /* Smaller right-side cards */
    body .elementor-element.elementor-element-f082866
    > .e-con {
        min-height: 245px !important;
    }

    /* Large Batman card */
    body .elementor-element.elementor-element-f082866
    > .e-con:nth-child(1) {
        min-height: 514px !important;
    }

    /* Prevent Elementor from stretching grid */
    body .elementor-element.elementor-element-f082866 {
        grid-template-rows: 245px 245px !important;
        align-items: stretch !important;
    }

    /* Keep images filling cards */
    body .elementor-element.elementor-element-f082866
    img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }
}

/* =========================================================
   VIRAL 3D PRINTS — MOBILE
   Parent: f082866
   ========================================================= */

@media (max-width: 767px) {

    /* Main grid */
    body .elementor-element.elementor-element-f082866 {
        display: grid !important;

        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: auto !important;

        gap: 10px !important;

        width: calc(100% - 24px) !important;
        max-width: none !important;

        margin: 18px auto 30px !important;
        padding: 0 !important;

        height: auto !important;
        min-height: 0 !important;
    }


    /* Reset desktop positioning */
    body .elementor-element.elementor-element-f082866
    > .e-con {

        grid-column: auto !important;
        grid-row: auto !important;

        width: 100% !important;
        height: auto !important;

        min-width: 0 !important;
        min-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        border-radius: 8px !important;

        overflow: hidden !important;
    }


    /* BLACK PANTHER — LARGE MOBILE FEATURE */
    body .elementor-element.elementor-element-f082866
    > .e-con:nth-child(1) {

        grid-column: 1 / -1 !important;

        aspect-ratio: 5 / 3 !important;

        min-height: 0 !important;
        height: auto !important;
    }


    /* Four smaller cards */
    body .elementor-element.elementor-element-f082866
    > .e-con:nth-child(n+2) {

        aspect-ratio: 16 / 9 !important;

        min-height: 0 !important;
        height: auto !important;
    }


    /* Elementor image widgets */
    body .elementor-element.elementor-element-f082866
    > .e-con
    > .elementor-element {

        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    body .elementor-element.elementor-element-f082866
    .elementor-widget-container {

        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
    }


    body .elementor-element.elementor-element-f082866
    .elementor-widget-container > a {

        display: block !important;

        width: 100% !important;
        height: 100% !important;
    }


    /* Images */
    body .elementor-element.elementor-element-f082866 img {

        display: block !important;

        width: 100% !important;
        height: 100% !important;

        max-width: none !important;

        object-fit: cover !important;
        object-position: center !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* Disable desktop hover movement on mobile */
    body .elementor-element.elementor-element-f082866
    > .e-con:hover {

        transform: none !important;
    }
}

/* =========================================================
   ELECTRICAL BRO — WHAT'S NEW
   FINAL RESPONSIVE CSS

   Main Section       : 6ef6d10
   Left Column        : a3cf506
   Right Column       : 2e99a4c
   Women Safety       : 9ec4090
   Water Cleaning     : edb264b
   Smart Wheelchair   : 39f6918
   ========================================================= */


/* =========================================================
   DESKTOP
   ========================================================= */

@media (min-width: 1025px) {

    /* -----------------------------------------
       MAIN SECTION
       ----------------------------------------- */

    body .elementor-element.elementor-element-6ef6d10 {
        width: 100% !important;
        margin: 30px 0 55px !important;
        padding: 0 !important;
    }

    body .elementor-element.elementor-element-6ef6d10
    > .elementor-container {

        width: calc(100% - 140px) !important;
        max-width: 1600px !important;

        margin: 0 auto !important;
        padding: 0 !important;

        display: flex !important;
        flex-wrap: nowrap !important;

        align-items: stretch !important;
        justify-content: center !important;

        gap: 24px !important;
    }


    /* -----------------------------------------
       LEFT COLUMN — WOMEN SAFETY
       ----------------------------------------- */

    body .elementor-element.elementor-element-a3cf506 {

        width: 40% !important;
        flex: 0 0 40% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* -----------------------------------------
       RIGHT COLUMN
       ----------------------------------------- */

    body .elementor-element.elementor-element-2e99a4c {

        width: calc(60% - 24px) !important;
        flex: 1 1 auto !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* Remove Elementor default column spacing */

    body .elementor-element.elementor-element-a3cf506
    > .elementor-widget-wrap,

    body .elementor-element.elementor-element-2e99a4c
    > .elementor-widget-wrap {

        padding: 0 !important;
        margin: 0 !important;
    }


    /* =====================================================
       WOMEN SAFETY — 4:5
       ===================================================== */

    body .elementor-element.elementor-element-9ec4090 {

        width: 100% !important;

        height: auto !important;
        aspect-ratio: 4 / 5 !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;

        border-radius: 14px !important;

        background: #fff !important;

        box-shadow:
            0 7px 24px rgba(0,0,0,0.08) !important;
    }


    body .elementor-element.elementor-element-9ec4090
    .elementor-widget-container,

    body .elementor-element.elementor-element-9ec4090 a {

        display: block !important;

        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;
    }


    body .elementor-element.elementor-element-9ec4090 img {

        display: block !important;

        width: 100% !important;
        height: 100% !important;

        max-width: none !important;

        object-fit: contain !important;
        object-position: center !important;

        margin: 0 !important;
        padding: 0 !important;

        border-radius: 14px !important;

        transition:
            transform .35s ease,
            filter .35s ease !important;
    }


    /* =====================================================
       RIGHT COLUMN STRUCTURE
       ===================================================== */

    body .elementor-element.elementor-element-2e99a4c
    > .elementor-widget-wrap {

        display: flex !important;
        flex-direction: column !important;

        justify-content: space-between !important;

        height: 100% !important;

        gap: 24px !important;
    }


    /* =====================================================
       WATER + SMART WHEELCHAIR
       16:7 BANNERS
       ===================================================== */

    body .elementor-element.elementor-element-edb264b,
    body .elementor-element.elementor-element-39f6918 {

        width: 100% !important;

        height: auto !important;
        aspect-ratio: 16 / 7 !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;

        border-radius: 14px !important;

        background: #fff !important;

        box-shadow:
            0 7px 24px rgba(0,0,0,0.08) !important;
    }


    /* -----------------------------------------
       FORCE ELEMENTOR INTERNAL STRUCTURE
       TO USE FULL CARD
       ----------------------------------------- */

    body .elementor-element.elementor-element-edb264b
    > .elementor-container,

    body .elementor-element.elementor-element-39f6918
    > .elementor-container,

    body .elementor-element.elementor-element-edb264b
    .elementor-column,

    body .elementor-element.elementor-element-39f6918
    .elementor-column,

    body .elementor-element.elementor-element-edb264b
    .elementor-widget-wrap,

    body .elementor-element.elementor-element-39f6918
    .elementor-widget-wrap,

    body .elementor-element.elementor-element-edb264b
    .elementor-widget,

    body .elementor-element.elementor-element-39f6918
    .elementor-widget,

    body .elementor-element.elementor-element-edb264b
    .elementor-widget-container,

    body .elementor-element.elementor-element-39f6918
    .elementor-widget-container,

    body .elementor-element.elementor-element-edb264b a,

    body .elementor-element.elementor-element-39f6918 a {

        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* -----------------------------------------
       RIGHT IMAGES
       ----------------------------------------- */

    body .elementor-element.elementor-element-edb264b img,
    body .elementor-element.elementor-element-39f6918 img {

        display: block !important;

        width: 100% !important;
        height: 100% !important;

        max-width: none !important;

        object-fit: contain !important;
        object-position: center !important;

        margin: 0 !important;
        padding: 0 !important;

        border-radius: 14px !important;

        transition:
            transform .35s ease,
            filter .35s ease !important;
    }


    /* =====================================================
       HOVER EFFECT
       ===================================================== */

    body .elementor-element.elementor-element-9ec4090:hover img,
    body .elementor-element.elementor-element-edb264b:hover img,
    body .elementor-element.elementor-element-39f6918:hover img {

        transform: scale(1.012) !important;
        filter: brightness(1.02) !important;
    }
}



/* =========================================================
   LARGE TABLET
   769px — 1024px
   ========================================================= */

@media (min-width: 769px) and (max-width: 1024px) {

    body .elementor-element.elementor-element-6ef6d10 {

        width: 100% !important;

        margin: 25px 0 45px !important;
        padding: 0 30px !important;
    }


    body .elementor-element.elementor-element-6ef6d10
    > .elementor-container {

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 auto !important;
        padding: 0 !important;

        display: flex !important;
        align-items: stretch !important;

        gap: 18px !important;
    }


    body .elementor-element.elementor-element-a3cf506 {

        width: 40% !important;
        flex: 0 0 40% !important;

        padding: 0 !important;
    }


    body .elementor-element.elementor-element-2e99a4c {

        width: calc(60% - 18px) !important;
        flex: 1 1 auto !important;

        padding: 0 !important;
    }


    body .elementor-element.elementor-element-a3cf506
    > .elementor-widget-wrap,

    body .elementor-element.elementor-element-2e99a4c
    > .elementor-widget-wrap {

        padding: 0 !important;
        margin: 0 !important;
    }


    /* WOMEN SAFETY */

    body .elementor-element.elementor-element-9ec4090 {

        width: 100% !important;

        aspect-ratio: 4 / 5 !important;

        overflow: hidden !important;

        border-radius: 12px !important;

        box-shadow:
            0 5px 18px rgba(0,0,0,.07) !important;
    }


    body .elementor-element.elementor-element-9ec4090
    .elementor-widget-container,

    body .elementor-element.elementor-element-9ec4090 a {

        width: 100% !important;
        height: 100% !important;

        display: block !important;
    }


    body .elementor-element.elementor-element-9ec4090 img {

        width: 100% !important;
        height: 100% !important;

        display: block !important;

        object-fit: contain !important;
        object-position: center !important;
    }


    /* RIGHT */

    body .elementor-element.elementor-element-2e99a4c
    > .elementor-widget-wrap {

        display: flex !important;
        flex-direction: column !important;

        justify-content: space-between !important;

        gap: 18px !important;

        height: 100% !important;
    }


    body .elementor-element.elementor-element-edb264b,
    body .elementor-element.elementor-element-39f6918 {

        width: 100% !important;

        aspect-ratio: 16 / 7 !important;

        overflow: hidden !important;

        border-radius: 12px !important;

        box-shadow:
            0 5px 18px rgba(0,0,0,.07) !important;
    }


    body .elementor-element.elementor-element-edb264b
    .elementor-container,

    body .elementor-element.elementor-element-39f6918
    .elementor-container,

    body .elementor-element.elementor-element-edb264b
    .elementor-column,

    body .elementor-element.elementor-element-39f6918
    .elementor-column,

    body .elementor-element.elementor-element-edb264b
    .elementor-widget-wrap,

    body .elementor-element.elementor-element-39f6918
    .elementor-widget-wrap,

    body .elementor-element.elementor-element-edb264b
    .elementor-widget,

    body .elementor-element.elementor-element-39f6918
    .elementor-widget,

    body .elementor-element.elementor-element-edb264b
    .elementor-widget-container,

    body .elementor-element.elementor-element-39f6918
    .elementor-widget-container,

    body .elementor-element.elementor-element-edb264b a,

    body .elementor-element.elementor-element-39f6918 a {

        width: 100% !important;
        height: 100% !important;
    }


    body .elementor-element.elementor-element-edb264b img,
    body .elementor-element.elementor-element-39f6918 img {

        display: block !important;

        width: 100% !important;
        height: 100% !important;

        object-fit: contain !important;
        object-position: center !important;
    }
}



/* =========================================================
   MOBILE
   <= 768px

   Stack:
   Women Safety
   Water Cleaning
   Smart Wheelchair
   ========================================================= */

@media (max-width: 768px) {

    body .elementor-element.elementor-element-6ef6d10 {

        width: 100% !important;

        margin: 18px 0 35px !important;
        padding: 0 15px !important;
    }


    body .elementor-element.elementor-element-6ef6d10
    > .elementor-container {

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;
        flex-direction: column !important;

        gap: 14px !important;
    }


    /* BOTH COLUMNS FULL WIDTH */

    body .elementor-element.elementor-element-a3cf506,
    body .elementor-element.elementor-element-2e99a4c {

        width: 100% !important;
        max-width: 100% !important;

        flex: 0 0 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    body .elementor-element.elementor-element-a3cf506
    > .elementor-widget-wrap,

    body .elementor-element.elementor-element-2e99a4c
    > .elementor-widget-wrap {

        width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* =====================================================
       WOMEN SAFETY
       ===================================================== */

    body .elementor-element.elementor-element-9ec4090 {

        width: 100% !important;

        height: auto !important;
        aspect-ratio: 4 / 5 !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;

        border-radius: 12px !important;

        background: #fff !important;

        box-shadow:
            0 5px 18px rgba(0,0,0,.07) !important;
    }


    body .elementor-element.elementor-element-9ec4090
    .elementor-widget-container,

    body .elementor-element.elementor-element-9ec4090 a {

        display: block !important;

        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    body .elementor-element.elementor-element-9ec4090 img {

        display: block !important;

        width: 100% !important;
        height: 100% !important;

        max-width: none !important;

        object-fit: contain !important;
        object-position: center !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* =====================================================
       RIGHT COLUMN BECOMES STACK
       ===================================================== */

    body .elementor-element.elementor-element-2e99a4c
    > .elementor-widget-wrap {

        display: flex !important;
        flex-direction: column !important;

        gap: 14px !important;

        height: auto !important;
    }


    /* WATER + WHEELCHAIR */

    body .elementor-element.elementor-element-edb264b,
    body .elementor-element.elementor-element-39f6918 {

        width: 100% !important;

        height: auto !important;
        aspect-ratio: 16 / 7 !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;

        border-radius: 12px !important;

        background: #fff !important;

        box-shadow:
            0 5px 18px rgba(0,0,0,.07) !important;
    }


    body .elementor-element.elementor-element-edb264b
    .elementor-container,

    body .elementor-element.elementor-element-39f6918
    .elementor-container,

    body .elementor-element.elementor-element-edb264b
    .elementor-column,

    body .elementor-element.elementor-element-39f6918
    .elementor-column,

    body .elementor-element.elementor-element-edb264b
    .elementor-widget-wrap,

    body .elementor-element.elementor-element-39f6918
    .elementor-widget-wrap,

    body .elementor-element.elementor-element-edb264b
    .elementor-widget,

    body .elementor-element.elementor-element-39f6918
    .elementor-widget,

    body .elementor-element.elementor-element-edb264b
    .elementor-widget-container,

    body .elementor-element.elementor-element-39f6918
    .elementor-widget-container,

    body .elementor-element.elementor-element-edb264b a,

    body .elementor-element.elementor-element-39f6918 a {

        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    body .elementor-element.elementor-element-edb264b img,
    body .elementor-element.elementor-element-39f6918 img {

        display: block !important;

        width: 100% !important;
        height: 100% !important;

        max-width: none !important;

        object-fit: contain !important;
        object-position: center !important;

        margin: 0 !important;
        padding: 0 !important;
    }
}



/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    body .elementor-element.elementor-element-6ef6d10 {

        padding-left: 12px !important;
        padding-right: 12px !important;

        margin-bottom: 30px !important;
    }


    body .elementor-element.elementor-element-6ef6d10
    > .elementor-container {

        gap: 12px !important;
    }


    body .elementor-element.elementor-element-2e99a4c
    > .elementor-widget-wrap {

        gap: 12px !important;
    }


    body .elementor-element.elementor-element-9ec4090,
    body .elementor-element.elementor-element-edb264b,
    body .elementor-element.elementor-element-39f6918 {

        border-radius: 10px !important;

        box-shadow:
            0 4px 14px rgba(0,0,0,.065) !important;
    }
}

/* =========================================================
   ELECTRICAL BRO — RELATED PRODUCTS
   FINAL PREMIUM RESPONSIVE DESIGN
   Desktop: Wide 4-column layout
   Tablet: 2 columns
   Mobile: 2 columns
   ========================================================= */


/* =========================================================
   MAIN SECTION
   ========================================================= */

.single-product .related.products {
    width: calc(100% - 100px) !important;
    max-width: 1760px !important;

    margin: 55px auto 70px !important;
    padding: 0 !important;
}


/* =========================================================
   HEADING
   ========================================================= */

.single-product .related.products > h2 {
    position: relative !important;

    width: 100% !important;

    margin: 0 0 38px !important;
    padding: 0 0 15px !important;

    text-align: center !important;

    font-size: 26px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;

    color: #111827 !important;
}


/* Blue underline */

.single-product .related.products > h2::after {
    content: "" !important;

    position: absolute !important;
    left: 50% !important;
    bottom: 0 !important;

    width: 45px !important;
    height: 3px !important;

    transform: translateX(-50%) !important;

    background: #1296e8 !important;

    border-radius: 20px !important;
}


/* =========================================================
   PRODUCT GRID
   ========================================================= */

.single-product .related.products ul.products {
    display: grid !important;

    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    gap: 24px !important;
}


/* =========================================================
   PRODUCT CARD
   ========================================================= */

.single-product .related.products ul.products li.product {
    position: relative !important;

    display: flex !important;
    flex-direction: column !important;

    float: none !important;
    clear: none !important;

    width: 100% !important;
    max-width: none !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 16px 16px 20px !important;

    background: #ffffff !important;

    border: 1px solid #e6ebf1 !important;
    border-radius: 14px !important;

    overflow: hidden !important;

    box-shadow:
        0 5px 18px rgba(0, 0, 0, 0.04) !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease,
        border-color .25s ease !important;
}


/* CARD HOVER */

.single-product .related.products ul.products li.product:hover {
    transform: translateY(-5px) !important;

    border-color: #d7e4ee !important;

    box-shadow:
        0 14px 32px rgba(0, 0, 0, 0.09) !important;
}


/* =========================================================
   PRODUCT LINK
   ========================================================= */

.single-product .related.products
li.product .woocommerce-LoopProduct-link {
    display: flex !important;
    flex-direction: column !important;

    flex: 1 1 auto !important;

    width: 100% !important;
    height: auto !important;

    text-decoration: none !important;
}


/* =========================================================
   IMAGE AREA
   ========================================================= */

.single-product .related.products li.product img {
    display: block !important;

    width: 100% !important;
    height: 260px !important;

    max-width: 100% !important;

    margin: 0 0 20px !important;
    padding: 8px !important;

    object-fit: contain !important;
    object-position: center !important;

    background: #ffffff !important;

    border-radius: 10px !important;

    transition: transform .3s ease !important;
}


/* IMAGE HOVER */

.single-product .related.products li.product:hover img {
    transform: scale(1.025) !important;
}


/* =========================================================
   PRODUCT TITLE
   ========================================================= */

.single-product .related.products
.woocommerce-loop-product__title {
    display: -webkit-box !important;

    min-height: 66px !important;

    margin: 0 8px 12px !important;
    padding: 0 !important;

    overflow: hidden !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;

    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.45 !important;

    text-align: center !important;

    color: #151515 !important;
}


/* =========================================================
   STAR RATING
   ========================================================= */

.single-product .related.products .star-rating {
    margin: 0 auto 10px !important;

    font-size: 13px !important;
}


/* =========================================================
   PRICE
   ========================================================= */

.single-product .related.products .price {
    display: block !important;

    margin: auto 0 16px !important;

    text-align: center !important;

    font-size: 16px !important;
    font-weight: 700 !important;

    color: #111827 !important;
}


/* OLD PRICE */

.single-product .related.products .price del {
    margin-right: 6px !important;

    font-size: 13px !important;
    font-weight: 400 !important;

    color: #8b8b8b !important;

    opacity: 1 !important;
}


/* SALE PRICE */

.single-product .related.products .price ins {
    text-decoration: none !important;

    font-weight: 700 !important;

    color: #111827 !important;
}


/* =========================================================
   ADD TO CART
   ========================================================= */

.single-product .related.products
li.product .button {
    display: block !important;

    width: fit-content !important;
    min-width: 145px !important;

    margin: 0 auto !important;
    padding: 11px 20px !important;

    background: #1296e8 !important;

    border: none !important;
    border-radius: 7px !important;

    color: #ffffff !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;

    text-align: center !important;

    box-shadow: none !important;

    transition:
        transform .2s ease,
        filter .2s ease,
        box-shadow .2s ease !important;
}


/* BUTTON HOVER */

.single-product .related.products
li.product .button:hover {
    transform: translateY(-1px) !important;

    filter: brightness(.94) !important;

    box-shadow:
        0 5px 12px rgba(18, 150, 232, .20) !important;
}


/* =========================================================
   SALE BADGE
   ========================================================= */

.single-product .related.products .onsale {
    position: absolute !important;

    top: 14px !important;
    left: 14px !important;
    right: auto !important;

    min-width: auto !important;
    min-height: auto !important;

    margin: 0 !important;
    padding: 6px 9px !important;

    background: #1296e8 !important;

    border-radius: 6px !important;

    color: #ffffff !important;

    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    z-index: 10 !important;
}


/* =========================================================
   LARGE DESKTOP
   ========================================================= */

@media (min-width: 1440px) {

    .single-product .related.products {
        width: calc(100% - 120px) !important;
        max-width: 1760px !important;
    }

    .single-product .related.products ul.products {
        gap: 26px !important;
    }

    .single-product .related.products li.product img {
        height: 280px !important;
    }
}


/* =========================================================
   NORMAL DESKTOP
   ========================================================= */

@media (min-width: 1025px) and (max-width: 1439px) {

    .single-product .related.products {
        width: calc(100% - 80px) !important;
        max-width: 1400px !important;
    }

    .single-product .related.products ul.products {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

        gap: 20px !important;
    }

    .single-product .related.products li.product img {
        height: 230px !important;
    }
}


/* =========================================================
   TABLET
   ========================================================= */

@media (min-width: 769px) and (max-width: 1024px) {

    .single-product .related.products {
        width: calc(100% - 40px) !important;
        max-width: none !important;

        margin: 45px auto 55px !important;
    }


    .single-product .related.products ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        gap: 20px !important;
    }


    .single-product .related.products
    ul.products li.product {
        width: 100% !important;

        margin: 0 !important;
    }


    .single-product .related.products
    li.product img {
        height: 250px !important;
    }


    .single-product .related.products
    .woocommerce-loop-product__title {
        min-height: 64px !important;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 768px) {

    .single-product .related.products {
        width: calc(100% - 24px) !important;
        max-width: none !important;

        margin: 38px auto 45px !important;
    }


    /* HEADING */

    .single-product .related.products > h2 {
        margin-bottom: 26px !important;

        padding-bottom: 12px !important;

        font-size: 22px !important;
    }


    .single-product .related.products > h2::after {
        width: 38px !important;
    }


    /* 2 PRODUCTS PER ROW */

    .single-product .related.products ul.products {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        gap: 12px !important;
    }


    /* CARD */

    .single-product .related.products
    ul.products li.product {
        width: 100% !important;
        max-width: none !important;

        margin: 0 !important;
        padding: 9px 9px 13px !important;

        border-radius: 11px !important;
    }


    /* Disable lift on touch */

    .single-product .related.products
    ul.products li.product:hover {
        transform: none !important;
    }


    /* IMAGE */

    .single-product .related.products
    li.product img {
        width: 100% !important;
        height: 155px !important;

        margin-bottom: 12px !important;
        padding: 2px !important;

        object-fit: contain !important;
    }


    .single-product .related.products
    li.product:hover img {
        transform: none !important;
    }


    /* TITLE */

    .single-product .related.products
    .woocommerce-loop-product__title {
        min-height: 57px !important;

        margin: 0 2px 9px !important;

        font-size: 13px !important;
        line-height: 1.45 !important;

        -webkit-line-clamp: 3 !important;
    }


    /* PRICE */

    .single-product .related.products
    .price {
        margin-bottom: 11px !important;

        font-size: 14px !important;
    }


    .single-product .related.products
    .price del {
        display: block !important;

        margin: 0 0 2px !important;

        font-size: 11px !important;
    }


    /* BUTTON */

    .single-product .related.products
    li.product .button {
        width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 10px 5px !important;

        font-size: 12px !important;
    }


    /* SALE BADGE */

    .single-product .related.products
    .onsale {
        top: 9px !important;
        left: 9px !important;

        padding: 5px 7px !important;

        font-size: 10px !important;
    }
}


/* =========================================================
   VERY SMALL MOBILE
   ========================================================= */

@media (max-width: 380px) {

    .single-product .related.products {
        width: calc(100% - 18px) !important;
    }


    .single-product .related.products ul.products {
        gap: 9px !important;
    }


    .single-product .related.products
    li.product img {
        height: 135px !important;
    }


    .single-product .related.products
    .woocommerce-loop-product__title {
        font-size: 12px !important;
    }


    .single-product .related.products
    .price {
        font-size: 13px !important;
    }
}



/* ==========================================
   ELECTRICAL BRO UI - MOBILE MENU FIX
   Woostify Mobile Navigation
   ========================================== */

@media (max-width: 767px) {

    /* Fix sticky header overlapping menu */
    #masthead {
        z-index: 100 !important;
    }

    /* Keep mobile sidebar above header */
    .sidebar-menu {
        position: fixed !important;
        top: 0 !important;
        bottom: 0 !important;
        height: 100dvh !important;
        z-index: 100001 !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
    }

    /* Fix navigation stacking */
    .sidebar-menu .site-navigation,
    .sidebar-menu .main-navigation,
    .sidebar-menu .primary-navigation {
        position: relative;
        z-index: 1;
    }

    /* Fix menu item alignment */
    .sidebar-menu .primary-navigation li,
    .sidebar-menu .primary-navigation li > a {
        width: 100%;
        box-sizing: border-box;
    }
}









/* Electrical Bro - Single Line Announcements */

.topbar .topbar-center {
    min-width: 0 !important;
}

.topbar .topbar-center .eb-rotating-announcements {
    position: relative;
    display: block;
    width: 100%;
    height: 24px;
    overflow: hidden;
}

.topbar .topbar-center .eb-rotating-announcement {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;

    box-sizing: border-box;
    width: 100%;
    height: 24px;
    padding: 0 4px;

    white-space: nowrap !important;
    text-align: center;
    line-height: 1.2;
    font-size: 12px;
    font-weight: 600;
    color: inherit;

    opacity: 0;
    transform: translateY(12px);
    animation: ebAnnouncementRotate 12s ease-in-out infinite;
}

@keyframes ebAnnouncementRotate {
    0% {
        opacity: 0;
        transform: translateY(12px);
    }
    4%, 20% {
        opacity: 1;
        transform: translateY(0);
    }
    24%, 100% {
        opacity: 0;
        transform: translateY(-12px);
    }
}

@media (max-width: 767px) {
    .topbar .topbar-center .eb-rotating-announcement {
        font-size: 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .topbar .topbar-center .eb-rotating-announcement {
        animation: none;
    }
    .topbar .topbar-center .eb-rotating-announcement:first-child {
        opacity: 1;
        transform: none;
    }
}




/* =========================================================
   ELECTRICAL BRO - MOBILE HEADER REFINEMENT (2026-10)
   Scoped to phones; desktop and tablet layout untouched.
   ========================================================= */
@media screen and (max-width: 767px) {
  /* Compact, two-line blue strip: announcement + useful links */
  body .topbar {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }
  body .topbar > .container,
  body .topbar .container {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    min-height: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 4px 12px 5px !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
  }
  body .topbar .topbar-left,
  body .topbar .eb-topbar-social { display: none !important; }
  body .topbar .topbar-center {
    order: 0 !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 18px !important;
    max-height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 10px !important;
    line-height: 18px !important;
    overflow: hidden !important;
  }
  body .topbar .topbar-center .eb-rotating-announcements {
    width: 100% !important;
    height: 18px !important;
    overflow: hidden !important;
  }
  body .topbar .topbar-center .eb-rotating-announcement {
    width: 100% !important;
    height: 18px !important;
    padding: 0 3px !important;
    font-size: clamp(8px, 2.45vw, 10px) !important;
    line-height: 18px !important;
    text-align: center !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
  }
  body .topbar .topbar-right {
    order: 1 !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 100% !important;
    height: 15px !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 10px !important;
    line-height: 15px !important;
    white-space: nowrap !important;
  }
  body .topbar .topbar-right a {
    font-size: 10px !important;
    line-height: 15px !important;
  }

  /* Retain native Woostify hamburger, branding and cart behavior */
  body #masthead {
    background: #fff !important;
    box-shadow: 0 1px 5px rgba(22, 45, 71, .07) !important;
  }
  body #masthead .site-header-inner {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }
  body #masthead .site-branding {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  body #masthead .site-branding .site-title {
    line-height: 1.2 !important;
    margin: 0 !important;
  }

  /* Functional existing WooCommerce product search */
  body .eb-header-search.eb-mobile-search {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 8px 12px 10px !important;
    box-sizing: border-box !important;
    background: #fff !important;
  }
  body .eb-mobile-search .eb-product-search {
    height: 42px !important;
    border-radius: 9px !important;
    border: 1px solid #dfe7f0 !important;
    background: #f5f8fc !important;
  }
  body .eb-mobile-search .eb-product-search-input {
    height: 40px !important;
    font-size: 13px !important;
    padding-left: 14px !important;
    padding-right: 55px !important;
  }
  body .eb-mobile-search .eb-product-search-button {
    height: 42px !important;
    width: 46px !important;
    border-radius: 0 8px 8px 0 !important;
    background: #0789e8 !important;
  }
}

/* Electrical Bro: mobile quick links in hamburger menu */
@media (max-width: 767px) {
  body .topbar .topbar-right { display: none !important; }
  body .topbar > .container,
  body .topbar .container {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  body .sidebar-menu .eb-mobile-menu-quicklinks {
    padding: 16px 18px 22px;
    margin-top: 12px;
    border-top: 1px solid #e8edf3;
    background: #fff;
  }
  body .sidebar-menu .eb-mobile-menu-quicklinks-title {
    font-size: 11px;
    letter-spacing: .06em;
    text-transform: uppercase;
    font-weight: 700;
    color: #64748b;
    margin-bottom: 10px;
  }
  body .sidebar-menu a.eb-mobile-menu-quicklink {
    display: flex !important;
    align-items: center;
    min-height: 44px;
    padding: 10px 12px !important;
    margin: 5px 0;
    border-radius: 9px;
    background: #f3f8ff;
    color: #096ab9 !important;
    font-size: 14px !important;
    font-weight: 600;
    text-decoration: none !important;
  }
}

/* Electrical Bro: Blog navigation + mobile customer links */
.eb-blog-original-nested { display: none !important; }
@media (max-width: 767px) {
  body .sidebar-menu li.eb-mobile-contact-original { display: none !important; }
  body .sidebar-menu li.eb-blog-promoted { display: list-item !important; }
  body .sidebar-menu li.eb-blog-promoted > a { display: block; min-height: 44px; padding: 12px 20px; }
  body .sidebar-menu .eb-mobile-menu-quicklinks { display: block; }
}
@media (min-width: 768px) {
  body .sidebar-menu .eb-mobile-menu-quicklinks { display: none !important; }
}

/* Electrical Bro: restore readable announcement sizing without changing bar height */
@media (min-width: 768px) {
  .topbar .topbar-center .eb-rotating-announcement {
    font-size: 13px !important;
    line-height: 18px !important;
    letter-spacing: 0 !important;
  }
}
@media (max-width: 767px) {
  .topbar .topbar-center .eb-rotating-announcement {
    font-size: clamp(10px, 2.7vw, 12px) !important;
    letter-spacing: 0 !important;
  }
  .sidebar-menu .eb-mobile-menu-quicklinks a.eb-mobile-menu-quicklink::after,
  .sidebar-menu .eb-mobile-menu-quicklinks a.eb-mobile-menu-quicklink::before {
    content: none !important;
  }
}

/* Final refinement: Contact Us is a direct link; keep all other dropdowns */
@media (min-width: 768px) {
  body #masthead li.eb-contact-direct-link > .dropdown-toggle,
  body #masthead li.eb-contact-direct-link > .menu-item-arrow,
  body #masthead li.eb-contact-direct-link > .submenu-toggle,
  body #masthead li.eb-contact-direct-link > button,
  body #masthead li.eb-contact-direct-link > a::after,
  body #masthead li.eb-contact-direct-link > a::before { display: none !important; content: none !important; }
}
body .sidebar-menu li.eb-contact-direct-link > .dropdown-toggle,
body .sidebar-menu li.eb-contact-direct-link > button,
body .sidebar-menu li.eb-contact-direct-link > a::after { display: none !important; content: none !important; }
/* More legible rotating text, without altering the blue bar dimensions */
@media (min-width: 768px) {
  body .topbar .topbar-center .eb-rotating-announcement {
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 22px !important;
    letter-spacing: 0 !important;
  }
}
@media (max-width: 767px) {
  body .topbar .topbar-center .eb-rotating-announcement {
    font-size: clamp(10px, 2.8vw, 12px) !important;
    font-weight: 600 !important;
    line-height: 18px !important;
    letter-spacing: 0 !important;
  }
}


/* Keep rotating messages centered on one line */
.topbar .topbar-center .eb-rotating-announcement {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
    overflow: visible !important;
    text-align: center !important;
    height: 24px !important;
    padding: 0 4px !important;
}