.elementor-168 .elementor-element.elementor-element-6ba558b{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--overlay-opacity:0.7;--padding-top:100px;--padding-bottom:100px;--padding-left:20px;--padding-right:20px;}.elementor-168 .elementor-element.elementor-element-6ba558b:not(.elementor-motion-effects-element-type-background), .elementor-168 .elementor-element.elementor-element-6ba558b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mvbdistribution.com/wp-content/uploads/2026/10/category-imge.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-168 .elementor-element.elementor-element-6ba558b::before, .elementor-168 .elementor-element.elementor-element-6ba558b > .elementor-background-video-container::before, .elementor-168 .elementor-element.elementor-element-6ba558b > .e-con-inner > .elementor-background-video-container::before, .elementor-168 .elementor-element.elementor-element-6ba558b > .elementor-background-slideshow::before, .elementor-168 .elementor-element.elementor-element-6ba558b > .e-con-inner > .elementor-background-slideshow::before, .elementor-168 .elementor-element.elementor-element-6ba558b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-168 .elementor-element.elementor-element-5a636d4{width:var( --container-widget-width, 652px );max-width:652px;--container-widget-width:652px;--container-widget-flex-grow:0;}.elementor-168 .elementor-element.elementor-element-5a636d4 .jeg-elementor-kit.jkit-heading{text-align:left;}.elementor-168 .elementor-element.elementor-element-5a636d4 .jeg-elementor-kit.jkit-heading .heading-title{-webkit-box-decoration-break:clone;box-decoration-break:clone;display:inline;font-family:var( --e-global-typography-0583a67-font-family ), Sans-serif;font-size:var( --e-global-typography-0583a67-font-size );font-weight:var( --e-global-typography-0583a67-font-weight );line-height:var( --e-global-typography-0583a67-line-height );letter-spacing:var( --e-global-typography-0583a67-letter-spacing );color:var( --e-global-color-f60ffb5 );}.elementor-168 .elementor-element.elementor-element-5a636d4 .jeg-elementor-kit.jkit-heading .heading-section-title{margin:0px 0px 12px 0px;}.elementor-168 .elementor-element.elementor-element-5a636d4 .jeg-elementor-kit.jkit-heading .heading-section-title .heading-title{padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;border-style:none;}.elementor-168 .elementor-element.elementor-element-5a636d4 .jeg-elementor-kit.jkit-heading .heading-section-description{color:var( --e-global-color-f60ffb5 );font-family:var( --e-global-typography-8824e76-font-family ), Sans-serif;font-size:var( --e-global-typography-8824e76-font-size );font-weight:var( --e-global-typography-8824e76-font-weight );line-height:var( --e-global-typography-8824e76-line-height );letter-spacing:var( --e-global-typography-8824e76-letter-spacing );margin:0em 0em -1em 0em;}.elementor-168 .elementor-element.elementor-element-7998ab7{--display:flex;--padding-top:4rem;--padding-bottom:4rem;--padding-left:1rem;--padding-right:1rem;}.elementor-168 .elementor-element.elementor-element-a1710c1.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-168 .elementor-element.elementor-element-a1710c1 .woocommerce .woocommerce-loop-category__title{font-family:var( --e-global-typography-08394fd-font-family ), Sans-serif;font-size:var( --e-global-typography-08394fd-font-size );font-weight:var( --e-global-typography-08394fd-font-weight );line-height:var( --e-global-typography-08394fd-line-height );letter-spacing:var( --e-global-typography-08394fd-letter-spacing );}@media(min-width:768px){.elementor-168 .elementor-element.elementor-element-6ba558b{--content-width:1240px;}}@media(max-width:1024px){.elementor-168 .elementor-element.elementor-element-6ba558b{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:80px;--padding-left:24px;--padding-right:24px;}.elementor-168 .elementor-element.elementor-element-5a636d4 .jeg-elementor-kit.jkit-heading{text-align:center;}.elementor-168 .elementor-element.elementor-element-5a636d4 .jeg-elementor-kit.jkit-heading .heading-title{font-size:var( --e-global-typography-0583a67-font-size );line-height:var( --e-global-typography-0583a67-line-height );letter-spacing:var( --e-global-typography-0583a67-letter-spacing );}.elementor-168 .elementor-element.elementor-element-5a636d4 .jeg-elementor-kit.jkit-heading .heading-section-description{font-size:var( --e-global-typography-8824e76-font-size );line-height:var( --e-global-typography-8824e76-line-height );letter-spacing:var( --e-global-typography-8824e76-letter-spacing );}.elementor-168 .elementor-element.elementor-element-7998ab7{--padding-top:3rem;--padding-bottom:3rem;--padding-left:1rem;--padding-right:1rem;}.elementor-168 .elementor-element.elementor-element-a1710c1 .woocommerce .woocommerce-loop-category__title{font-size:var( --e-global-typography-08394fd-font-size );line-height:var( --e-global-typography-08394fd-line-height );letter-spacing:var( --e-global-typography-08394fd-letter-spacing );}}@media(max-width:767px){.elementor-168 .elementor-element.elementor-element-6ba558b{--padding-top:44px;--padding-bottom:44px;--padding-left:24px;--padding-right:24px;}.elementor-168 .elementor-element.elementor-element-5a636d4{width:100%;max-width:100%;}.elementor-168 .elementor-element.elementor-element-5a636d4 .jeg-elementor-kit.jkit-heading .heading-title{font-size:var( --e-global-typography-0583a67-font-size );line-height:var( --e-global-typography-0583a67-line-height );letter-spacing:var( --e-global-typography-0583a67-letter-spacing );}.elementor-168 .elementor-element.elementor-element-5a636d4 .jeg-elementor-kit.jkit-heading .heading-section-description{font-size:var( --e-global-typography-8824e76-font-size );line-height:var( --e-global-typography-8824e76-line-height );letter-spacing:var( --e-global-typography-8824e76-letter-spacing );}.elementor-168 .elementor-element.elementor-element-a1710c1 .woocommerce .woocommerce-loop-category__title{font-size:var( --e-global-typography-08394fd-font-size );line-height:var( --e-global-typography-08394fd-line-height );letter-spacing:var( --e-global-typography-08394fd-letter-spacing );}}/* Start custom CSS for wc-categories, class: .elementor-element-a1710c1 *//* =========================================================
   PRODUCT CATEGORY — FLOATING ORBIT CIRCLE
   DYNAMIC ELEMENTOR GLOBAL COLORS
========================================================= */

.woocommerce {

    /* =========================
       DYNAMIC COLOR VARIABLES
    ========================== */

    --cat-primary: var(--e-global-color-primary);
    --cat-accent: var(--e-global-color-accent);
    --cat-white: #ffffff;

    /*
     * All transparent shades below are dynamically
     * generated from the Elementor Global Colors.
     */

    --cat-primary-03: color-mix(
        in srgb,
        var(--cat-primary) 3%,
        transparent
    );

    --cat-primary-05: color-mix(
        in srgb,
        var(--cat-primary) 5%,
        transparent
    );

    --cat-primary-07: color-mix(
        in srgb,
        var(--cat-primary) 7%,
        transparent
    );

    --cat-primary-08: color-mix(
        in srgb,
        var(--cat-primary) 8%,
        transparent
    );

    --cat-primary-10: color-mix(
        in srgb,
        var(--cat-primary) 10%,
        transparent
    );

    --cat-primary-12: color-mix(
        in srgb,
        var(--cat-primary) 12%,
        transparent
    );

    --cat-primary-15: color-mix(
        in srgb,
        var(--cat-primary) 15%,
        transparent
    );

    --cat-primary-18: color-mix(
        in srgb,
        var(--cat-primary) 18%,
        transparent
    );

    --cat-primary-24: color-mix(
        in srgb,
        var(--cat-primary) 24%,
        transparent
    );

    --cat-primary-26: color-mix(
        in srgb,
        var(--cat-primary) 26%,
        transparent
    );


    --cat-accent-03: color-mix(
        in srgb,
        var(--cat-accent) 3%,
        transparent
    );

    --cat-accent-05: color-mix(
        in srgb,
        var(--cat-accent) 5%,
        transparent
    );

    --cat-accent-06: color-mix(
        in srgb,
        var(--cat-accent) 6%,
        transparent
    );

    --cat-accent-08: color-mix(
        in srgb,
        var(--cat-accent) 8%,
        transparent
    );

    --cat-accent-10: color-mix(
        in srgb,
        var(--cat-accent) 10%,
        transparent
    );

    --cat-accent-12: color-mix(
        in srgb,
        var(--cat-accent) 12%,
        transparent
    );

    --cat-accent-18: color-mix(
        in srgb,
        var(--cat-accent) 18%,
        transparent
    );


    /* =========================
       WRAPPER
    ========================== */

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

.woocommerce .products ul, .woocommerce ul.products {
    width: 100%;
}


/* =========================================================
   PRODUCT CATEGORY CARD
========================================================= */

.woocommerce ul.products li.product-category.product {
    position: relative;

    margin: 0 !important;
    padding: 26px 18px 22px !important;

    background:
        radial-gradient(
            circle at 50% 20%,
            var(--cat-accent-12) 0%,
            var(--cat-accent-03) 34%,
            var(--cat-white) 72%
        );

    border: 1px solid var(--cat-primary-10);

    border-radius: 34px;

    overflow: hidden;

    box-shadow:
        0 10px 28px var(--cat-primary-07),
        0 24px 55px var(--cat-accent-05);

    transition:
        transform 0.45s cubic-bezier(.2,.7,.2,1),
        box-shadow 0.4s ease,
        border-color 0.4s ease;
}


/* =========================================================
   DECORATIVE BACKGROUND CIRCLE
========================================================= */

.woocommerce ul.products li.product-category.product::before {
    content: "";

    position: absolute;

    top: -78px;
    left: 50%;

    width: 220px;
    height: 220px;

    transform: translateX(-50%);

    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            var(--cat-primary-10),
            var(--cat-accent-03),
            var(--cat-accent-08)
        );

    pointer-events: none;

    transition:
        transform 0.55s ease,
        opacity 0.4s ease;
}


/* =========================================================
   SMALL FLOATING ACCENT
========================================================= */

.woocommerce ul.products li.product-category.product::after {
    content: "";

    position: absolute;

    top: 28px;
    right: 22px;

    width: 12px;
    height: 12px;

    background: var(--cat-primary);

    border: 4px solid var(--cat-white);

    border-radius: 50%;

    box-shadow:
        0 0 0 1px var(--cat-primary-15),
        0 6px 14px var(--cat-primary-18);

    transition:
        transform 0.45s ease,
        background-color 0.35s ease;
}


/* =========================================================
   CATEGORY LINK
========================================================= */

.woocommerce ul.products li.product-category.product > a {
    position: relative;
    z-index: 2;

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

    width: 100%;

    text-decoration: none !important;
    color: inherit;
}


/* =========================================================
   CATEGORY IMAGE
========================================================= */

.woocommerce ul.products li.product-category.product img {
    display: block;

    width: 88%;
    aspect-ratio: 1 / 1;
    max-height: 300px;
    max-width: 300px;

    object-fit: cover;

    margin: 8px auto 28px !important;

    border-radius: 50%;

    border: 9px solid var(--cat-white);

    outline: 2px solid var(--cat-primary-26);
    outline-offset: 7px;

    box-shadow:
        0 14px 30px var(--cat-primary-12),
        0 0 0 6px var(--cat-accent-05);

    transform: scale(1);

    transition:
        transform 0.55s cubic-bezier(.2,.7,.2,1),
        box-shadow 0.45s ease,
        outline-color 0.4s ease,
        outline-offset 0.4s ease,
        border-color 0.4s ease;
}


/* =========================================================
   CATEGORY TITLE
========================================================= */

.woocommerce ul.products li.product-category.product
.woocommerce-loop-category__title {
    position: relative;

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

    gap: 9px;

    width: calc(100% - 10px);

    margin: 0 !important;

    padding: 13px 18px !important;

    background: color-mix(
        in srgb,
        var(--cat-white) 88%,
        transparent
    );

    color: var(--cat-primary);

    border: 1px solid var(--cat-primary-10);

    border-radius: 999px;

    text-align: center;

    font-size: 15px;
    font-weight: 700;
    line-height: 1.35;

    letter-spacing: -0.2px;

    box-shadow:
        0 7px 18px var(--cat-primary-06);

    backdrop-filter: blur(5px);

    transition:
        color 0.35s ease,
        background-color 0.35s ease,
        border-color 0.35s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease;
}


/* =========================================================
   PRODUCT COUNT
========================================================= */

.woocommerce ul.products li.product-category.product
.woocommerce-loop-category__title .count {
    display: none;
}


/* =========================================================
   CARD HOVER
========================================================= */

.woocommerce ul.products li.product-category.product:hover {
    transform: translateY(-10px);

    border-color: var(--cat-primary-24);

    box-shadow:
        0 18px 36px var(--cat-primary-12),
        0 32px 65px var(--cat-accent-08);
}


/* =========================================================
   BACKGROUND CIRCLE HOVER
========================================================= */

.woocommerce ul.products li.product-category.product:hover::before {
    transform:
        translateX(-50%)
        scale(1.12)
        rotate(8deg);

    opacity: 0.9;
}


/* =========================================================
   ACCENT DOT HOVER
========================================================= */

.woocommerce ul.products li.product-category.product:hover::after {
    transform: scale(1.25);

    background: var(--cat-accent);
}


/* =========================================================
   IMAGE HOVER
========================================================= */

.woocommerce ul.products li.product-category.product:hover img {
    transform: scale(1.045);

    outline-color: var(--cat-accent);

    outline-offset: 10px;

    box-shadow:
        0 18px 36px var(--cat-primary-15),
        0 0 0 7px var(--cat-accent-06);
}


/* =========================================================
   TITLE HOVER
========================================================= */

.woocommerce ul.products li.product-category.product:hover
.woocommerce-loop-category__title {

    background: var(--cat-accent);

    color: var(--cat-white);

    border-color: var(--cat-accent);

    transform: translateY(2px);

    box-shadow:
        0 10px 22px var(--cat-accent-18);
}


/* =========================================================
   COUNT HOVER
========================================================= */

.woocommerce ul.products li.product-category.product:hover
.woocommerce-loop-category__title .count {

    background: var(--cat-white);

    color: var(--cat-primary);

    border-color: color-mix(
        in srgb,
        var(--cat-white) 50%,
        transparent
    );

    transform: scale(1.06);
}


/* =========================================================
   LINK FOCUS
========================================================= */

.woocommerce ul.products li.product-category.product > a:focus {
    outline: none;
}

.woocommerce ul.products li.product-category.product > a:focus-visible {
    border-radius: 28px;

    box-shadow:
        0 0 0 3px var(--cat-accent-26, var(--cat-accent-24));
}


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

@media (max-width: 767px) {

    .woocommerce ul.products li.product-category.product {
        padding: 22px 14px 18px !important;

        border-radius: 28px;
    }

    .woocommerce ul.products li.product-category.product img {
        width: 100%;

        margin-bottom: 24px !important;

        border-width: 7px;

        outline-offset: 5px;
    }

    .woocommerce ul.products li.product-category.product
    .woocommerce-loop-category__title {

        padding: 11px 14px !important;

        font-size: 15px;
    }
}/* End custom CSS */