.elementor-68 .elementor-element.elementor-element-7cc051b{--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:center;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.7;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:14em;--padding-bottom:12em;--padding-left:5em;--padding-right:5em;}.elementor-68 .elementor-element.elementor-element-7cc051b:not(.elementor-motion-effects-element-type-background), .elementor-68 .elementor-element.elementor-element-7cc051b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E0E0E0;background-image:url("https://jandsdistribution.com/wp-content/uploads/2026/05/categories2.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-68 .elementor-element.elementor-element-7cc051b::before, .elementor-68 .elementor-element.elementor-element-7cc051b > .elementor-background-video-container::before, .elementor-68 .elementor-element.elementor-element-7cc051b > .e-con-inner > .elementor-background-video-container::before, .elementor-68 .elementor-element.elementor-element-7cc051b > .elementor-background-slideshow::before, .elementor-68 .elementor-element.elementor-element-7cc051b > .e-con-inner > .elementor-background-slideshow::before, .elementor-68 .elementor-element.elementor-element-7cc051b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-e593943 );--background-overlay:'';}.elementor-68 .elementor-element.elementor-element-c1a17c6{--display:flex;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-68 .elementor-element.elementor-element-10f2b27{text-align:center;}.elementor-68 .elementor-element.elementor-element-10f2b27 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:85px;font-weight:900;line-height:95px;color:var( --e-global-color-6a495c7 );}.elementor-68 .elementor-element.elementor-element-2a20772{--display:flex;--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-68 .elementor-element.elementor-element-cf85e94{padding:20px 0px 20px 0px;}.elementor-68 .elementor-element.elementor-element-cf85e94.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:21px;}.elementor-68 .elementor-element.elementor-element-cf85e94 a > img{border-radius:20px 20px 20px 20px;}@media(max-width:1024px){.elementor-68 .elementor-element.elementor-element-7cc051b{--padding-top:8em;--padding-bottom:8em;--padding-left:2em;--padding-right:2em;}.elementor-68 .elementor-element.elementor-element-c1a17c6{--justify-content:center;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-68 .elementor-element.elementor-element-10f2b27 .elementor-heading-title{font-size:60px;}}@media(max-width:767px){.elementor-68 .elementor-element.elementor-element-7cc051b{--padding-top:8em;--padding-bottom:8em;--padding-left:1em;--padding-right:1em;}.elementor-68 .elementor-element.elementor-element-c1a17c6{--width:100%;--justify-content:center;--margin-top:0em;--margin-bottom:0em;--margin-left:0em;--margin-right:0em;}.elementor-68 .elementor-element.elementor-element-10f2b27 .elementor-heading-title{font-size:50px;line-height:1em;}}@media(min-width:768px){.elementor-68 .elementor-element.elementor-element-c1a17c6{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-68 .elementor-element.elementor-element-c1a17c6{--width:100%;}}/* Start custom CSS for wc-categories, class: .elementor-element-cf85e94 *//* ===================================== */
/* WOOCOMMERCE CATEGORY FULL DESIGN CSS  */
/* ===================================== */

.woocommerce ul.products{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:30px;
    padding:0;
    margin:0;
    list-style:none;
    background:#fff;
}

/* ===================================== */
/* CATEGORY ITEM */
/* ===================================== */

.product-category{
    position:relative;
    width:180px;
    text-align:center;
    background:#fff;
    border:2px solid #ededed; /* Individual Border */
    border-radius:18px;
    overflow:hidden;
    transition:all 0.3s ease;
    margin:0 !important;
    padding:20px 15px !important;
         height: 290px;
}

/* Hover Border */

.product-category:hover{
    border-color:#d6d6d6;
    transform:translateY(-4px);
    box-shadow:0 6px 18px rgba(0,0,0,0.06);
}

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

.product-category a{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    text-decoration:none;
    background:#fff;
    position:relative;
    padding:0 !important;
    margin:0 !important;
}

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

.product-category a::before{
    content: "";
    width: 200px;
    height: 180px;
    /*background: #f3f3f3;*/
    border-radius: 50%;
    display: block;
    margin: 0 auto 12px;
    transition: 0.3s ease;
}

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

.product-category img{
    display: block !important;
    width: 150px !important;
    height: 150px !important;
    object-fit: contain;
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
    transition: 0.4s ease;
    border-radius: 100px!important;
}

/* Hover Zoom */

.product-category:hover img{
    transform:translateX(-50%) scale(1.08);
}

/* Hover Circle */

/*.product-category:hover a::before{*/
/*    background:#ececec;*/
/*}*/

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

.woocommerce ul.products li.product .woocommerce-loop-category__title{
    font-size:18px;
    line-height:1.4;
    font-weight:600;
    color:#111;
    text-align:center;
    width:100%;
    margin:0 !important;
    padding:0 !important;
}

/* Hide Product Count */

.woocommerce-loop-category__title .count{
    display:none;
}

/* ===================================== */
/* REMOVE DEFAULT SPACING */
/* ===================================== */

.woocommerce ul.products li.product{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}

.woocommerce ul.products li.product a img{
    margin-bottom:0 !important;
}

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

@media(max-width:991px){

    .woocommerce ul.products{
        gap:20px;
    }

    .product-category{
        width:45%;
    }

    .product-category a::before{
        width:110px;
        height:110px;
    }

    .product-category img{
        width:100px !important;
        height:100px !important;
        top:10px;
    }

    .woocommerce ul.products li.product .woocommerce-loop-category__title{
        font-size:16px;
    }
    .product-category{
    height: 200px;
    }
}

@media(max-width:576px){

    .product-category{
        width:100%;
    }
}/* End custom CSS */