.elementor-478 .elementor-element.elementor-element-18b9641{--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;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-478 .elementor-element.elementor-element-18b9641:not(.elementor-motion-effects-element-type-background), .elementor-478 .elementor-element.elementor-element-18b9641 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E4EFFF;}.elementor-478 .elementor-element.elementor-element-5a5fac2{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 10px;--row-gap:0px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-478 .elementor-element.elementor-element-5a5fac2:not(.elementor-motion-effects-element-type-background), .elementor-478 .elementor-element.elementor-element-5a5fac2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DBF4FF;}.elementor-478 .elementor-element.elementor-element-3f9ed06{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-478 .elementor-element.elementor-element-3f9ed06.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-478 .elementor-element.elementor-element-dbb221a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-478 .elementor-element.elementor-element-a886255{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-478 .elementor-element.elementor-element-a886255.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-478 .elementor-element.elementor-element-991e245{--grid-columns:4;--grid-row-gap:14px;--load-more-message-alignment:center;--auto-scroll-offset:1px;--grid-column-gap:10px;}.elementor-478 .elementor-element.elementor-element-991e245.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-478 .elementor-element.elementor-element-991e245 .elementor-loop-container{grid-auto-rows:1fr;}.elementor-478 .elementor-element.elementor-element-991e245 .e-loop-item > .elementor-section, .elementor-478 .elementor-element.elementor-element-991e245 .e-loop-item > .elementor-section > .elementor-container, .elementor-478 .elementor-element.elementor-element-991e245 .e-loop-item > .e-con, .elementor-478 .elementor-element.elementor-element-991e245 .e-loop-item .elementor-section-wrap  > .e-con{height:100%;}@media(max-width:1024px){.elementor-478 .elementor-element.elementor-element-5a5fac2{--gap:0px 9px;--row-gap:0px;--column-gap:9px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:20px;}.elementor-478 .elementor-element.elementor-element-991e245{--grid-columns:3;}}@media(max-width:767px){.elementor-478 .elementor-element.elementor-element-5a5fac2{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-478 .elementor-element.elementor-element-3f9ed06{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-478 .elementor-element.elementor-element-dbb221a{width:var( --container-widget-width, 145px );max-width:145px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:145px;--container-widget-flex-grow:0;}.elementor-478 .elementor-element.elementor-element-a886255{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-478 .elementor-element.elementor-element-991e245{--grid-columns:2;--grid-row-gap:14px;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;--grid-column-gap:9px;}.elementor-478 .elementor-element.elementor-element-991e245 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}}@media(min-width:768px){.elementor-478 .elementor-element.elementor-element-18b9641{--content-width:1400px;}.elementor-478 .elementor-element.elementor-element-5a5fac2{--content-width:1400px;}.elementor-478 .elementor-element.elementor-element-3f9ed06{--width:23%;}.elementor-478 .elementor-element.elementor-element-a886255{--width:75%;}}@media(max-width:1024px) and (min-width:768px){.elementor-478 .elementor-element.elementor-element-3f9ed06{--width:27%;}}/* Start custom CSS for loop-grid, class: .elementor-element-991e245 *//* =========================================
   CREATIVE ACCESS - PREMIUM PRODUCT HOVER
   Elementor Loop Grid
========================================= */

.elementor-478 .elementor-element.elementor-element-991e245 .e-loop-item {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    background: #ffffff;
    
    /* Smooth animation */
    transition:
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        border-color 0.35s ease;

    /* Base shadow */
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);

    /* GPU acceleration */
    transform: translateY(0);
    will-change: transform, box-shadow;
}


/* =========================================
   CARD HOVER
========================================= */

.elementor-478 .elementor-element.elementor-element-991e245 .e-loop-item:hover {
    transform: translateY(-8px);

    box-shadow:
        0 18px 40px rgba(0, 0, 0, 0.14),
        0 6px 15px rgba(0, 0, 0, 0.08);
}


/* =========================================
   MODERN SHINE / LIGHT SWEEP
========================================= */

.elementor-478 .elementor-element.elementor-element-991e245 .e-loop-item::after {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;

    width: 70%;
    height: 100%;

    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.05) 35%,
        rgba(255, 255, 255, 0.45) 50%,
        rgba(255, 255, 255, 0.05) 65%,
        transparent 100%
    );

    transform: skewX(-18deg);

    pointer-events: none;
    z-index: 20;

    transition: left 0.75s cubic-bezier(0.22, 1, 0.36, 1);
}


/* Shine animation on hover */

.elementor-478 .elementor-element.elementor-element-991e245 .e-loop-item:hover::after {
    left: 140%;
}


/* =========================================
   PRODUCT IMAGE
========================================= */

.elementor-478 .elementor-element.elementor-element-991e245 .e-loop-item img {
    transition:
        transform 0.6s cubic-bezier(0.22, 1, 0.36, 1),
        filter 0.4s ease;

    will-change: transform;
}


/* Image zoom */

.elementor-478 .elementor-element.elementor-element-991e245 .e-loop-item:hover img {
    transform: scale(1.045);
}


/* =========================================
   IMAGE SUBTLE BRIGHTNESS
========================================= */

.elementor-478 .elementor-element.elementor-element-991e245 .e-loop-item:hover img {
    filter: brightness(1.025) saturate(1.04);
}


/* =========================================
   BUTTON SMOOTH EFFECT
========================================= */

.elementor-478 .elementor-element.elementor-element-991e245 .e-loop-item .elementor-button {
    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        background-color 0.3s ease;
}


/* Button hover */

.elementor-478 .elementor-element.elementor-element-991e245 .e-loop-item:hover .elementor-button {
    transform: translateY(-1px);
}


/* =========================================
   HEART / ICON HOVER
========================================= */

.elementor-478 .elementor-element.elementor-element-991e245 .e-loop-item i,
.elementor-478 .elementor-element.elementor-element-991e245 .e-loop-item svg {
    transition:
        transform 0.3s ease,
        opacity 0.3s ease;
}

.elementor-478 .elementor-element.elementor-element-991e245 .e-loop-item:hover i,
.elementor-478 .elementor-element.elementor-element-991e245 .e-loop-item:hover svg {
    transform: scale(1.08);
}


/* =========================================
   MOBILE - DISABLE LIFT
========================================= */

@media (max-width: 767px) {

    .elementor-478 .elementor-element.elementor-element-991e245 .e-loop-item {
        transform: none !important;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
    }

    .elementor-478 .elementor-element.elementor-element-991e245 .e-loop-item:hover {
        transform: none !important;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
    }

    .elementor-478 .elementor-element.elementor-element-991e245 .e-loop-item:hover img {
        transform: none;
        filter: none;
    }

    .elementor-478 .elementor-element.elementor-element-991e245 .e-loop-item::after {
        display: none;
    }
}




/* Product card-এর নিচের default shadow remove */
.elementor-478 .elementor-element.elementor-element-991e245 .e-loop-item {
    box-shadow: none !important;
}

/* Hover-এর সময়ও নিচে shadow না চাইলে */
.elementor-478 .elementor-element.elementor-element-991e245 .e-loop-item:hover {
    box-shadow: none !important;
}

/* Elementor widget/container-এর shadow থাকলে সেটাও remove */
.elementor-478 .elementor-element.elementor-element-991e245,
.elementor-478 .elementor-element.elementor-element-991e245 .elementor-widget-container {
    box-shadow: none !important;
}/* End custom CSS */