.elementor-201 .elementor-element.elementor-element-593d4d1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-201 .elementor-element.elementor-element-cb20d71{--display:flex;}.elementor-201 .elementor-element.elementor-element-8605793{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-loop-grid .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-loop-grid .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-loop-grid .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-201 .elementor-element.elementor-element-f04d242{--grid-columns:4;}.elementor-201 .elementor-element.elementor-element-3f7c9f8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}body.elementor-page-201:not(.elementor-motion-effects-element-type-background), body.elementor-page-201 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(min-width:768px){.elementor-201 .elementor-element.elementor-element-8605793{--content-width:1600px;}}@media(max-width:1024px){.elementor-201 .elementor-element.elementor-element-f04d242{--grid-columns:2;}}@media(max-width:767px){.elementor-201 .elementor-element.elementor-element-f04d242{--grid-columns:1;}}/* Start custom CSS for loop-grid, class: .elementor-element-f04d242 *//* =========================================================
   CLICKBOOST BD — PREMIUM PRODUCT GRID
   Works with Elementor Loop Grid
========================================================= */

/* MAIN LOOP GRID */

.elementor-widget-loop-grid .e-loop {
    width: 100% !important;
}


/* GRID */

.elementor-widget-loop-grid .elementor-loop-container {
    display: grid !important;

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

    gap: 18px !important;

    align-items: stretch !important;
}


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

.elementor-widget-loop-grid .e-loop-item {

    position: relative;

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

    overflow: hidden;

    min-width: 0;

    background: #ffffff !important;

    border: 1px solid #e3edf6 !important;

    border-radius: 16px !important;

    box-shadow:
        0 5px 18px rgba(20,70,110,.06) !important;

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


/* CARD HOVER */

.elementor-widget-loop-grid .e-loop-item:hover {

    transform: translateY(-6px) !important;

    border-color: #b9def5 !important;

    box-shadow:
        0 16px 35px rgba(0,110,200,.13) !important;
}


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

.elementor-widget-loop-grid .e-loop-item img {

    width: 100% !important;

    height: auto !important;

    aspect-ratio: 1 / 1 !important;

    object-fit: cover !important;

    display: block !important;

    transition:
        transform .45s ease !important;
}


/* IMAGE HOVER */

.elementor-widget-loop-grid
.e-loop-item:hover img {

    transform: scale(1.035) !important;
}


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

.elementor-widget-loop-grid
.e-loop-item > * {

    min-width: 0;
}


/* Product title */

.elementor-widget-loop-grid
.e-loop-item
.elementor-widget-woocommerce-product-title,
.elementor-widget-loop-item
.elementor-widget-heading {

    margin-left: 14px !important;

    margin-right: 14px !important;
}


/* Product title text */

.elementor-widget-loop-grid
.e-loop-item
.woocommerce-loop-product__title {

    margin: 13px 14px 5px !important;

    color: #173653 !important;

    font-size: 13px !important;

    line-height: 1.45 !important;

    font-weight: 700 !important;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

    overflow: hidden;
}


/* =========================================================
   PRICE
========================================================= */

.elementor-widget-loop-grid
.e-loop-item
.price {

    margin:
        3px 14px 8px !important;

    color: #0079df !important;

    font-size: 13px !important;

    font-weight: 800 !important;
}


.elementor-widget-loop-grid
.e-loop-item
.price del {

    color: #9aaaba !important;

    font-size: 10px !important;

    margin-right: 4px;
}


.elementor-widget-loop-grid
.e-loop-item
.price ins {

    color: #0087df !important;

    text-decoration: none !important;
}


/* =========================================================
   BUTTON
========================================================= */

.elementor-widget-loop-grid
.e-loop-item
.elementor-button,
.elementor-widget-loop-grid
.e-loop-item
.button,
.elementor-widget-loop-grid
.e-loop-item
.add_to_cart_button {

    margin:
        auto 12px 12px !important;

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

    min-height: 34px;

    display: flex !important;

    align-items: center;

    justify-content: center;

    border: 0 !important;

    border-radius: 9px !important;

    background:
        linear-gradient(
            135deg,
            #087fe5,
            #00a9ed
        ) !important;

    color: #ffffff !important;

    font-size: 10px !important;

    font-weight: 700 !important;

    text-decoration: none !important;

    box-shadow:
        0 6px 15px rgba(0,130,220,.15) !important;

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


.elementor-widget-loop-grid
.e-loop-item
.elementor-button:hover,
.elementor-widget-loop-grid
.e-loop-item
.button:hover,
.elementor-widget-loop-grid
.e-loop-item
.add_to_cart_button:hover {

    transform: translateY(-2px) !important;

    box-shadow:
        0 9px 20px rgba(0,130,220,.25) !important;
}


/* =========================================================
   SALE BADGE
========================================================= */

.elementor-widget-loop-grid
.e-loop-item
.onsale {

    position: absolute !important;

    top: 10px !important;

    left: 10px !important;

    z-index: 5 !important;

    min-height: auto !important;

    min-width: auto !important;

    padding: 5px 9px !important;

    border-radius: 20px !important;

    background:
        linear-gradient(
            135deg,
            #ffbd00,
            #ff9f00
        ) !important;

    color: #ffffff !important;

    font-size: 8px !important;

    font-weight: 800 !important;

    line-height: 1 !important;

    box-shadow:
        0 5px 12px rgba(255,170,0,.20) !important;
}


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

.elementor-widget-loop-grid
.e-loop-item
.product_cat {

    color: #0782df !important;

    font-size: 9px !important;

    font-weight: 700 !important;
}


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

.elementor-widget-loop-grid
.e-loop-item
.woocommerce-loop-product__link {

    text-decoration: none !important;

    color: inherit !important;
}


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

@media (max-width: 900px) {

    .elementor-widget-loop-grid
    .elementor-loop-container {

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

        gap: 14px !important;
    }

}


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

@media (max-width: 600px) {

    .elementor-widget-loop-grid
    .elementor-loop-container {

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

        gap: 10px !important;
    }


    .elementor-widget-loop-grid
    .e-loop-item {

        border-radius: 12px !important;

        box-shadow:
            0 4px 14px rgba(20,70,110,.06)
            !important;
    }


    .elementor-widget-loop-grid
    .e-loop-item
    .woocommerce-loop-product__title {

        margin:
            9px 9px 4px !important;

        font-size: 10px !important;
    }


    .elementor-widget-loop-grid
    .e-loop-item
    .price {

        margin:
            3px 9px 7px !important;

        font-size: 10px !important;
    }


    .elementor-widget-loop-grid
    .e-loop-item
    .elementor-button,
    .elementor-widget-loop-grid
    .e-loop-item
    .button,
    .elementor-widget-loop-grid
    .e-loop-item
    .add_to_cart_button {

        width:
            calc(100% - 18px) !important;

        margin:
            auto 9px 9px !important;

        min-height: 30px;

        font-size: 9px !important;

        border-radius: 7px !important;
    }

}/* End custom CSS */