.elementor-2095 .elementor-element.elementor-element-dcbb86c{--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-2095 .elementor-element.elementor-element-a28dcc1{--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:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:-30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2095 .elementor-element.elementor-element-955734e{--display:flex;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFFB8;--border-color:#FFFFFFB8;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(3.999999999999993, 45.0000000000001, 75, 0.08);--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;--wd-side-hidden-w:300px;}.elementor-2095 .elementor-element.elementor-element-955734e:not(.elementor-motion-effects-element-type-background), .elementor-2095 .elementor-element.elementor-element-955734e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF26;}.elementor-2095 .elementor-element.elementor-element-955734e.e-con{--align-self:flex-start;}.elementor-2095 .elementor-element.elementor-element-a15f674{--display:flex;}.elementor-2095 .elementor-element.elementor-element-a4d9b52{--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;--gap:10px 20px;--row-gap:10px;--column-gap:20px;}.elementor-2095 .elementor-element.elementor-element-4173aa3{--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:flex-end;--align-items:center;}.elementor-2095 .elementor-element.elementor-element-1acdf69{width:auto;max-width:auto;}.elementor-2095 .elementor-element.elementor-element-1acdf69.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-2095 .elementor-element.elementor-element-1acdf69 > .elementor-widget-container{border-style:solid;border-color:#042D4B;}.elementor-2095 .elementor-element.elementor-element-1acdf69 .title{font-size:26px;line-height:1.2em;}.elementor-2095 .elementor-element.elementor-element-1c67efa.elementor-element{--align-self:center;}.elementor-2095 .elementor-element.elementor-element-1c67efa .wd-action-text{font-size:14px;}.elementor-2095 .elementor-element.elementor-element-aa4887e.elementor-element{--align-self:center;}.elementor-2095 .elementor-element.elementor-element-2588f12.elementor-element{--align-self:center;}.elementor-2095 .elementor-element.elementor-element-4e0ec98.elementor-element{--align-self:center;}@media(max-width:1024px){.elementor-2095 .elementor-element.elementor-element-a28dcc1{--margin-top:-90px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2095 .elementor-element.elementor-element-955734e{--border-radius:0px 0px 0px 0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2095 .elementor-element.elementor-element-a4d9b52{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-2095 .elementor-element.elementor-element-4173aa3{--justify-content:space-between;}.elementor-2095 .elementor-element.elementor-element-1acdf69.elementor-element{--align-self:center;}.elementor-2095 .elementor-element.elementor-element-1acdf69 .title{font-size:24px;}.elementor-2095 .elementor-element.elementor-element-1c67efa.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-2095 .elementor-element.elementor-element-4e0ec98.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}}@media(max-width:768px){.elementor-2095 .elementor-element.elementor-element-a28dcc1{--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2095 .elementor-element.elementor-element-1acdf69.elementor-element{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-2095 .elementor-element.elementor-element-1acdf69 .title{font-size:18px;}.elementor-2095 .elementor-element.elementor-element-1c67efa.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-2095 .elementor-element.elementor-element-4e0ec98.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}}@media(min-width:769px){.elementor-2095 .elementor-element.elementor-element-955734e{--width:25%;}.elementor-2095 .elementor-element.elementor-element-a15f674{--width:75%;}.elementor-2095 .elementor-element.elementor-element-4173aa3{--width:100%;}}@media(max-width:1024px) and (min-width:769px){.elementor-2095 .elementor-element.elementor-element-a15f674{--width:100%;}.elementor-2095 .elementor-element.elementor-element-4173aa3{--width:100%;}}/* Start custom CSS for container, class: .elementor-element-955734e */@media (max-width: 600px)
{
    .elementor-2095 .elementor-element.elementor-element-955734e:not(.elementor-motion-effects-element-type-background), .elementor-2095 .elementor-element.elementor-element-955734e > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: #ffffff;
}
}/* End custom CSS */
/* Start custom CSS for wd_archive_products, class: .elementor-element-ed83b41 */.elementor-2095 .elementor-element.elementor-element-ed83b41 .wd-product-thumb img
{
    max-height: 300px;
    object-fit: cover;
    object-position: center;
}

.elementor-2095 .elementor-element.elementor-element-ed83b41 .wd-product-cats
{
    display: none;
}

@media (max-width: 600px)
{
.elementor-2095 .elementor-element.elementor-element-ed83b41 .wd-product-thumb img
{
    max-height: 180px !important;
}
}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   MADAR — 3 FLOATING BUBBLES
   SAFE FOR WOODMART MOBILE FILTER
   ========================================================= */

html,
body {
    background: #E7F6FD !important;
    overflow-x: hidden !important;
}


/* =========================================================
   BUBBLE CONTAINER
   ========================================================= */

.madar-bubbles {
    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

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

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

    pointer-events: none !important;

    /* فقط خود حباب‌ها زیر محتوا */
    z-index: 0 !important;

    overflow: visible !important;
}


/* =========================================================
   BUBBLES
   ========================================================= */

.madar-bubble {
    position: absolute !important;

    border-radius: 50%;

    background:
        radial-gradient(
            circle at 30% 25%,
            rgba(255,255,255,.90) 0%,
            rgba(255,255,255,.50) 28%,
            rgba(255,255,255,.18) 58%,
            rgba(255,255,255,0) 76%
        );

    border: 1px solid rgba(255,255,255,.7);

    box-shadow:
        inset 12px 12px 30px rgba(255,255,255,.55),
        inset -18px -18px 35px rgba(4,45,75,.04),
        0 20px 60px rgba(4,45,75,.06);

    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);

    opacity: .72;

    pointer-events: none !important;

    will-change: transform;
}


/* =========================================================
   BUBBLE 1
   ========================================================= */

.madar-bubble:nth-child(1) {
    width: 400px;
    height: 400px;

    left: -170px;
    top: 180px;

    animation: madarBubble1 18s ease-in-out infinite alternate;
}


/* =========================================================
   BUBBLE 2
   ========================================================= */

.madar-bubble:nth-child(2) {
    width: 300px;
    height: 300px;

    right: -100px;
    top: 48%;

    animation: madarBubble2 21s ease-in-out infinite alternate;
}


/* =========================================================
   BUBBLE 3
   ========================================================= */

.madar-bubble:nth-child(3) {
    width: 250px;
    height: 250px;

    left: 35%;
    top: 78%;

    animation: madarBubble3 17s ease-in-out infinite alternate;
}


/* =========================================================
   ANIMATIONS
   ========================================================= */

@keyframes madarBubble1 {

    0% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(100px, 80px) scale(1.06);
    }

    100% {
        transform: translate(40px, -50px) scale(.97);
    }

}


@keyframes madarBubble2 {

    0% {
        transform: translate(0, 0) scale(1);
    }

    50% {
        transform: translate(-100px, 80px) scale(.95);
    }

    100% {
        transform: translate(-40px, -80px) scale(1.05);
    }

}


@keyframes madarBubble3 {

    0% {
        transform: translate(0, 0) scale(.97);
    }

    50% {
        transform: translate(100px, -70px) scale(1.06);
    }

    100% {
        transform: translate(-70px, 50px) scale(.96);
    }

}


/* =========================================================
   فقط خود Elementor Widget را جمع کن
   ========================================================= */

.madar-bubbles {
    height: 1px !important;
}


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

@media (max-width: 767px) {

    .madar-bubble:nth-child(1) {
        width: 250px;
        height: 250px;

        left: -120px;
        top: 150px;
    }

    .madar-bubble:nth-child(2) {
        width: 210px;
        height: 210px;

        right: -90px;
        top: 48%;
    }

    .madar-bubble:nth-child(3) {
        width: 180px;
        height: 180px;

        left: 30%;
        top: 80%;
    }

}/* End custom CSS */