.elementor-13 .elementor-element.elementor-element-23b77e4d:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-23b77e4d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FEF8F4 28%, #FFFFFF 51%);}.elementor-13 .elementor-element.elementor-element-23b77e4d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:-184px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-23b77e4d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-13 .elementor-element.elementor-element-352de7bc > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-fde6526 > .elementor-widget-container{margin:178px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-82fe97c > .elementor-widget-container{margin:178px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-30da5e7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-3387c89 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-3387c89{text-align:center;}.elementor-13 .elementor-element.elementor-element-3387c89 .elementor-heading-title{font-size:40px;}.elementor-13 .elementor-element.elementor-element-66570ea > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-66570ea{text-align:center;}.elementor-13 .elementor-element.elementor-element-66570ea .elementor-heading-title{font-size:47px;}.elementor-13 .elementor-element.elementor-element-abc5c35.elementor-wc-products  ul.products{grid-column-gap:10px;grid-row-gap:10px;}.elementor-13 .elementor-element.elementor-element-abc5c35 a > img{border-style:none;}.elementor-13 .elementor-element.elementor-element-eb6b89b{--wd-img-height:385px;}.elementor-13 .elementor-element.elementor-element-eb6b89b .banner-image{object-position:center center;}.elementor-13 .elementor-element.elementor-element-eb6b89b .wd-button-wrapper a{background-color:#FFE4E3;border-color:#FFE4E3;}.elementor-13 .elementor-element.elementor-element-b52762c{--wd-img-height:385px;}.elementor-13 .elementor-element.elementor-element-b52762c .banner-image{object-position:center center;}.elementor-13 .elementor-element.elementor-element-b52762c .wd-button-wrapper a{background-color:#FFE4E3;border-color:#FFE4E3;}.elementor-13 .elementor-element.elementor-element-46129f5{--wd-img-height:385px;}.elementor-13 .elementor-element.elementor-element-46129f5 .banner-image{object-position:center center;}.elementor-13 .elementor-element.elementor-element-46129f5 .wd-button-wrapper a{background-color:#FFE4E3;border-color:#FFE4E3;}.elementor-13 .elementor-element.elementor-element-5e8b588:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-5e8b588 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDF2E7;}.elementor-13 .elementor-element.elementor-element-5e8b588 > .elementor-container{min-height:382px;}.elementor-13 .elementor-element.elementor-element-5e8b588{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:70px 0px 70px 0px;}.elementor-13 .elementor-element.elementor-element-5e8b588 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-13 .elementor-element.elementor-element-f28c303 .wd-tabs .tabs-name{font-size:15px;}.elementor-13 .elementor-element.elementor-element-f28c303{--wd-brd-radius:22px;}.elementor-13 .elementor-element.elementor-element-3e482bd5{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px -40px 0px;padding:60px 0px 70px 0px;}.elementor-13 .elementor-element.elementor-element-3e482bd5 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-13 .elementor-element.elementor-element-2266e3a8 > .elementor-widget-container{margin:0px 0px 14px 0px;}.elementor-13 .elementor-element.elementor-element-2266e3a8 .title{font-size:19px;font-weight:600;}@media(max-width:767px){.elementor-13 .elementor-element.elementor-element-fde6526 > .elementor-widget-container{margin:128px 25px 8px 25px;padding:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-82fe97c > .elementor-widget-container{margin:169px 25px 8px 25px;padding:0px 0px 0px 0px;}.elementor-13 .elementor-element.elementor-element-3387c89 .elementor-heading-title{font-size:32px;}.elementor-13 .elementor-element.elementor-element-66570ea{text-align:center;}.elementor-13 .elementor-element.elementor-element-66570ea .elementor-heading-title{font-size:23px;}.elementor-13 .elementor-element.elementor-element-abc5c35 a > img{border-radius:10px 10px 10px 10px;margin-bottom:65px;}.elementor-13 .elementor-element.elementor-element-abc5c35 .woocommerce .woocommerce-loop-category__title{font-size:15px;}.elementor-13 .elementor-element.elementor-element-abc5c35 .woocommerce-loop-category__title .count{font-size:15px;}.elementor-13 .elementor-element.elementor-element-cfbe6f0{width:100%;}.elementor-13 .elementor-element.elementor-element-5e8b588{padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-fde6526 *//* =====================================================
   PANIIZ KIDS - CINEMATIC BUTTON
   مشابه نمونه ویدئویی - بدون Hover
===================================================== */


/* ---------- دکمه اصلی ---------- */

.elementor-13 .elementor-element.elementor-element-fde6526 .pk-btn-shop{
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;

    min-width: 210px !important;
    height: 58px !important;

    border-radius: 100px !important;

    background: #e3a19b !important;

    box-shadow:
        0 9px 20px rgba(218,142,136,.22) !important;
}


/* هیچ Hoverای حرکت را کنترل نکند */
.elementor-13 .elementor-element.elementor-element-fde6526 .pk-btn-shop:hover{
    transform: none !important;
    background: #e3a19b !important;
}


/* =====================================================
   متن دکمه
===================================================== */

.elementor-13 .elementor-element.elementor-element-fde6526 .pk-btn-shop .pk-btn-label{
    position: absolute !important;

    inset: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    z-index: 20 !important;

    color: #fff !important;

    opacity: 1;

    animation:
        pkButtonTextMovie
        8s
        ease-in-out
        infinite !important;
}


@keyframes pkButtonTextMovie{

    /* متن اول دیده می‌شود */
    0%,16%{
        opacity: 1;
        transform: scale(1);
    }

    /* محو شدن */
    20%{
        opacity: 0;
        transform: scale(.96);
    }

    /* هنگام اجرای صحنه */
    21%,78%{
        opacity: 0;
    }

    /* برگشت متن */
    84%{
        opacity: 0;
        transform: scale(.96);
    }

    90%,100%{
        opacity: 1;
        transform: scale(1);
    }
}


/* =====================================================
   فضای فیلم داخل دکمه
===================================================== */

.elementor-13 .elementor-element.elementor-element-fde6526 .pk-btn-shop .pk-shop-scene{
    position: absolute !important;

    inset: 0 !important;

    overflow: hidden !important;

    z-index: 10 !important;

    opacity: 1 !important;

    pointer-events: none !important;
}


/* خط مسیر ظریف مثل ویدئو */
.elementor-13 .elementor-element.elementor-element-fde6526 .pk-btn-shop .pk-shop-scene::before{

    content: "";

    position: absolute;

    left: 20px;
    right: 20px;

    top: 50%;

    height: 2px;

    transform: translateY(-50%);

    background:
        repeating-linear-gradient(
            90deg,
            rgba(255,255,255,.55) 0 4px,
            transparent 4px 9px
        );

    opacity: 0;

    animation:
        pkRoadAppear
        8s
        ease-in-out
        infinite;
}


@keyframes pkRoadAppear{

    0%,20%{
        opacity: 0;
    }

    26%,72%{
        opacity: .65;
    }

    79%,100%{
        opacity: 0;
    }
}


/* =====================================================
   آدم کوچولو
===================================================== */

.elementor-13 .elementor-element.elementor-element-fde6526 .pk-btn-shop .pk-shop-person{

    position: absolute !important;

    left: 13px !important;
    top: 15px !important;

    width: 19px !important;
    height: 30px !important;

    z-index: 15 !important;

    opacity: 0;

    animation:
        pkPersonMovie
        8s
        linear
        infinite !important;
}


/* سر */

.elementor-13 .elementor-element.elementor-element-fde6526 .pk-btn-shop .pk-head{

    position: absolute !important;

    left: 5px !important;
    top: 0 !important;

    width: 9px !important;
    height: 9px !important;

    border-radius: 50% !important;

    background: #fff5ef !important;

    box-shadow:
        0 1px 2px rgba(0,0,0,.08);
}


/* بدن */

.elementor-13 .elementor-element.elementor-element-fde6526 .pk-btn-shop .pk-body{

    position: absolute !important;

    left: 5px !important;
    top: 9px !important;

    width: 9px !important;
    height: 12px !important;

    border-radius: 6px 6px 4px 4px !important;

    background: #fff !important;
}


/* پاها */

.elementor-13 .elementor-element.elementor-element-fde6526 .pk-btn-shop .pk-leg{

    position: absolute !important;

    top: 20px !important;

    width: 3px !important;
    height: 10px !important;

    border-radius: 5px !important;

    background: #fff !important;

    transform-origin: top center !important;
}


.elementor-13 .elementor-element.elementor-element-fde6526 .pk-btn-shop .pk-leg-1{

    left: 6px !important;

    animation:
        pkWalkLeg1
        .32s
        ease-in-out
        infinite
        alternate !important;
}


.elementor-13 .elementor-element.elementor-element-fde6526 .pk-btn-shop .pk-leg-2{

    left: 11px !important;

    animation:
        pkWalkLeg2
        .32s
        ease-in-out
        infinite
        alternate !important;
}


@keyframes pkWalkLeg1{

    from{
        transform: rotate(22deg);
    }

    to{
        transform: rotate(-22deg);
    }
}


@keyframes pkWalkLeg2{

    from{
        transform: rotate(-22deg);
    }

    to{
        transform: rotate(22deg);
    }
}


/* مسیر آدم - شبیه عبور ماشین نمونه */

@keyframes pkPersonMovie{

    /* بیرون صحنه */
    0%,22%{
        opacity: 0;
        transform:
            translateX(-35px)
            translateY(0)
            scale(.92);
    }

    /* ورود */
    26%{
        opacity: 1;
        transform:
            translateX(0)
            translateY(0)
            scale(.92);
    }

    /* حرکت در کلید */
    36%{
        opacity: 1;
        transform:
            translateX(32px)
            translateY(-2px)
            scale(.95);
    }

    46%{
        opacity: 1;
        transform:
            translateX(68px)
            translateY(0)
            scale(.95);
    }

    56%{
        opacity: 1;
        transform:
            translateX(103px)
            translateY(-2px)
            scale(.92);
    }

    /* رسیدن به فروشگاه */
    65%{
        opacity: 1;
        transform:
            translateX(135px)
            translateY(0)
            scale(.82);
    }

    /* وارد شدن */
    71%{
        opacity: 1;
        transform:
            translateX(151px)
            translateY(1px)
            scale(.48);
    }

    75%{
        opacity: 0;
        transform:
            translateX(158px)
            scale(.35);
    }

    100%{
        opacity: 0;
        transform:
            translateX(158px)
            scale(.35);
    }
}


/* =====================================================
   فروشگاه کوچولو
===================================================== */

.elementor-13 .elementor-element.elementor-element-fde6526 .pk-btn-shop .pk-shop-mini{

    position: absolute !important;

    right: -46px !important;
    top: 11px !important;

    width: 43px !important;
    height: 36px !important;

    z-index: 14 !important;

    opacity: 0;

    background: #fff8f5 !important;

    border-radius: 7px 7px 6px 6px !important;

    box-shadow:
        0 3px 8px rgba(120,70,70,.12) !important;

    animation:
        pkShopMovie
        8s
        ease-in-out
        infinite !important;
}


/* فروشگاه از سمت راست وارد دکمه می‌شود */

@keyframes pkShopMovie{

    0%,23%{
        right: -46px;
        opacity: 0;
    }

    30%{
        right: 12px;
        opacity: 1;
    }

    30%,72%{
        right: 12px;
        opacity: 1;
    }

    /* بعد از ورود آدم فروشگاه هم خارج می‌شود */
    79%{
        right: -46px;
        opacity: 0;
    }

    100%{
        right: -46px;
        opacity: 0;
    }
}


/* سقف فروشگاه */

.elementor-13 .elementor-element.elementor-element-fde6526 .pk-btn-shop .pk-shop-roof{

    position: absolute !important;

    left: -2px !important;
    top: -3px !important;

    width: 47px !important;
    height: 11px !important;

    border-radius: 7px 7px 3px 3px !important;

    background:
        repeating-linear-gradient(
            90deg,
            #f1aaa4 0 7px,
            #fff 7px 14px
        ) !important;

    box-shadow:
        0 2px 3px rgba(0,0,0,.08);
}


/* پنجره */

.elementor-13 .elementor-element.elementor-element-fde6526 .pk-btn-shop .pk-shop-window{

    position: absolute !important;

    left: 7px !important;
    bottom: 7px !important;

    width: 11px !important;
    height: 10px !important;

    border-radius: 2px !important;

    background: #cfecef !important;

    box-shadow:
        inset 0 0 0 1px rgba(120,150,155,.15);
}


/* در */

.elementor-13 .elementor-element.elementor-element-fde6526 .pk-btn-shop .pk-shop-door{

    position: absolute !important;

    right: 7px !important;
    bottom: 0 !important;

    width: 10px !important;
    height: 17px !important;

    border-radius: 4px 4px 0 0 !important;

    background: #dd918b !important;

    transform-origin: right center !important;

    animation:
        pkShopDoorMovie
        8s
        ease-in-out
        infinite !important;
}


@keyframes pkShopDoorMovie{

    0%,55%{
        transform:
            perspective(40px)
            rotateY(0deg);
    }

    /* آدم نزدیک می‌شود */
    62%{
        transform:
            perspective(40px)
            rotateY(-70deg);
    }

    62%,73%{
        transform:
            perspective(40px)
            rotateY(-70deg);
    }

    /* در بسته می‌شود */
    78%,100%{
        transform:
            perspective(40px)
            rotateY(0deg);
    }
}


/* =====================================================
   یک برق مثل همان حس نمونه
===================================================== */

.elementor-13 .elementor-element.elementor-element-fde6526 .pk-btn-shop::after{

    content: "";

    position: absolute;

    top: 0;
    bottom: 0;

    width: 35px;

    left: -55px;

    z-index: 30;

    pointer-events: none;

    transform: skewX(-18deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.34),
            transparent
        );

    animation:
        pkButtonShineMovie
        8s
        ease-in-out
        infinite;
}


@keyframes pkButtonShineMovie{

    0%,83%{
        left: -55px;
        opacity: 0;
    }

    86%{
        opacity: 1;
    }

    94%{
        left: calc(100% + 30px);
        opacity: 1;
    }

    95%,100%{
        left: calc(100% + 30px);
        opacity: 0;
    }
}


/* =====================================================
   دکمه دیوارکوب
   همان منطق سینمایی
===================================================== */

.elementor-13 .elementor-element.elementor-element-fde6526 .pk-btn-wall{

    position: relative !important;

    overflow: hidden !important;

    min-width: 210px !important;
    height: 58px !important;

    border-radius: 100px !important;
}


.elementor-13 .elementor-element.elementor-element-fde6526 .pk-btn-wall .pk-btn-label{

    position: absolute !important;

    inset: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    animation:
        pkButtonTextMovie
        8s
        ease-in-out
        infinite !important;
}


.elementor-13 .elementor-element.elementor-element-fde6526 .pk-btn-wall .pk-wall-scene{

    position: absolute !important;

    inset: 0 !important;

    opacity: 1 !important;

    overflow: hidden !important;
}


/* ستاره از چپ کل مسیر را طی می‌کند */

.elementor-13 .elementor-element.elementor-element-fde6526 .pk-btn-wall .pk-moving-star{

    position: absolute !important;

    left: -25px !important;
    top: 18px !important;

    color: #e7a19c !important;

    font-size: 18px !important;

    opacity: 0;

    animation:
        pkWallStarMovie
        8s
        ease-in-out
        infinite !important;
}


@keyframes pkWallStarMovie{

    0%,23%{
        left: -25px;
        opacity: 0;
        transform: rotate(0deg);
    }

    28%{
        left: 18px;
        opacity: 1;
        transform: rotate(40deg);
    }

    42%{
        left: 65px;
        transform: rotate(140deg);
    }

    55%{
        left: 110px;
        transform: rotate(240deg);
    }

    68%{
        left: 151px;
        transform:
            rotate(360deg)
            scale(.8);
    }

    73%{
        left: 166px;
        opacity: 0;
        transform:
            rotate(400deg)
            scale(.6);
    }

    100%{
        opacity: 0;
    }
}


/* قاب دیوار از سمت راست وارد می‌شود */

.elementor-13 .elementor-element.elementor-element-fde6526 .pk-btn-wall .pk-mini-wall{

    position: absolute !important;

    right: -45px !important;
    top: 12px !important;

    width: 38px !important;
    height: 34px !important;

    border-radius: 7px !important;

    background: #fff4f3 !important;

    border:
        1px solid rgba(224,167,161,.4) !important;

    opacity: 0;

    animation:
        pkWallMovie
        8s
        ease-in-out
        infinite !important;
}


@keyframes pkWallMovie{

    0%,24%{
        right: -45px;
        opacity: 0;
    }

    31%,72%{
        right: 12px;
        opacity: 1;
    }

    79%,100%{
        right: -45px;
        opacity: 0;
    }
}


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

@media(max-width:767px){

    .elementor-13 .elementor-element.elementor-element-fde6526 .pk-btn-shop,
    .elementor-13 .elementor-element.elementor-element-fde6526 .pk-btn-wall{

        min-width: 180px !important;

        width: 180px !important;

        height: 54px !important;
    }


    /*
       در موبایل مسیر کوتاه‌تر است
    */

    @keyframes pkPersonMovie{

        0%,22%{
            opacity: 0;
            transform:
                translateX(-28px)
                scale(.85);
        }

        26%{
            opacity: 1;
            transform:
                translateX(0)
                scale(.85);
        }

        40%{
            opacity: 1;
            transform:
                translateX(35px)
                scale(.85);
        }

        52%{
            opacity: 1;
            transform:
                translateX(68px)
                scale(.82);
        }

        64%{
            opacity: 1;
            transform:
                translateX(100px)
                scale(.72);
        }

        71%{
            opacity: 1;
            transform:
                translateX(116px)
                scale(.42);
        }

        76%,100%{
            opacity: 0;
            transform:
                translateX(123px)
                scale(.3);
        }
    }


    .elementor-13 .elementor-element.elementor-element-fde6526 .pk-btn-shop .pk-shop-mini{

        transform:
            scale(.88);

        transform-origin:
            right center !important;
    }


    .elementor-13 .elementor-element.elementor-element-fde6526 .pk-btn-shop .pk-shop-person{

        transform-origin:
            left center !important;
    }


    @keyframes pkWallStarMovie{

        0%,23%{
            left: -20px;
            opacity: 0;
        }

        28%{
            left: 15px;
            opacity: 1;
            transform: rotate(40deg);
        }

        44%{
            left: 55px;
            transform: rotate(150deg);
        }

        58%{
            left: 92px;
            transform: rotate(260deg);
        }

        69%{
            left: 125px;
            transform:
                rotate(360deg)
                scale(.8);
        }

        74%,100%{
            left: 140px;
            opacity: 0;
        }
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-82fe97c *//* =====================================================
   PANIIZ KIDS - CINEMATIC BUTTON
   مشابه نمونه ویدئویی - بدون Hover
===================================================== */


/* ---------- دکمه اصلی ---------- */

.elementor-13 .elementor-element.elementor-element-82fe97c .pk-btn-shop{
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;

    min-width: 210px !important;
    height: 58px !important;

    border-radius: 100px !important;

    background: #e3a19b !important;

    box-shadow:
        0 9px 20px rgba(218,142,136,.22) !important;
}


/* هیچ Hoverای حرکت را کنترل نکند */
.elementor-13 .elementor-element.elementor-element-82fe97c .pk-btn-shop:hover{
    transform: none !important;
    background: #e3a19b !important;
}


/* =====================================================
   متن دکمه
===================================================== */

.elementor-13 .elementor-element.elementor-element-82fe97c .pk-btn-shop .pk-btn-label{
    position: absolute !important;

    inset: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    z-index: 20 !important;

    color: #fff !important;

    opacity: 1;

    animation:
        pkButtonTextMovie
        8s
        ease-in-out
        infinite !important;
}


@keyframes pkButtonTextMovie{

    /* متن اول دیده می‌شود */
    0%,16%{
        opacity: 1;
        transform: scale(1);
    }

    /* محو شدن */
    20%{
        opacity: 0;
        transform: scale(.96);
    }

    /* هنگام اجرای صحنه */
    21%,78%{
        opacity: 0;
    }

    /* برگشت متن */
    84%{
        opacity: 0;
        transform: scale(.96);
    }

    90%,100%{
        opacity: 1;
        transform: scale(1);
    }
}


/* =====================================================
   فضای فیلم داخل دکمه
===================================================== */

.elementor-13 .elementor-element.elementor-element-82fe97c .pk-btn-shop .pk-shop-scene{
    position: absolute !important;

    inset: 0 !important;

    overflow: hidden !important;

    z-index: 10 !important;

    opacity: 1 !important;

    pointer-events: none !important;
}


/* خط مسیر ظریف مثل ویدئو */
.elementor-13 .elementor-element.elementor-element-82fe97c .pk-btn-shop .pk-shop-scene::before{

    content: "";

    position: absolute;

    left: 20px;
    right: 20px;

    top: 50%;

    height: 2px;

    transform: translateY(-50%);

    background:
        repeating-linear-gradient(
            90deg,
            rgba(255,255,255,.55) 0 4px,
            transparent 4px 9px
        );

    opacity: 0;

    animation:
        pkRoadAppear
        8s
        ease-in-out
        infinite;
}


@keyframes pkRoadAppear{

    0%,20%{
        opacity: 0;
    }

    26%,72%{
        opacity: .65;
    }

    79%,100%{
        opacity: 0;
    }
}


/* =====================================================
   آدم کوچولو
===================================================== */

.elementor-13 .elementor-element.elementor-element-82fe97c .pk-btn-shop .pk-shop-person{

    position: absolute !important;

    left: 13px !important;
    top: 15px !important;

    width: 19px !important;
    height: 30px !important;

    z-index: 15 !important;

    opacity: 0;

    animation:
        pkPersonMovie
        8s
        linear
        infinite !important;
}


/* سر */

.elementor-13 .elementor-element.elementor-element-82fe97c .pk-btn-shop .pk-head{

    position: absolute !important;

    left: 5px !important;
    top: 0 !important;

    width: 9px !important;
    height: 9px !important;

    border-radius: 50% !important;

    background: #fff5ef !important;

    box-shadow:
        0 1px 2px rgba(0,0,0,.08);
}


/* بدن */

.elementor-13 .elementor-element.elementor-element-82fe97c .pk-btn-shop .pk-body{

    position: absolute !important;

    left: 5px !important;
    top: 9px !important;

    width: 9px !important;
    height: 12px !important;

    border-radius: 6px 6px 4px 4px !important;

    background: #fff !important;
}


/* پاها */

.elementor-13 .elementor-element.elementor-element-82fe97c .pk-btn-shop .pk-leg{

    position: absolute !important;

    top: 20px !important;

    width: 3px !important;
    height: 10px !important;

    border-radius: 5px !important;

    background: #fff !important;

    transform-origin: top center !important;
}


.elementor-13 .elementor-element.elementor-element-82fe97c .pk-btn-shop .pk-leg-1{

    left: 6px !important;

    animation:
        pkWalkLeg1
        .32s
        ease-in-out
        infinite
        alternate !important;
}


.elementor-13 .elementor-element.elementor-element-82fe97c .pk-btn-shop .pk-leg-2{

    left: 11px !important;

    animation:
        pkWalkLeg2
        .32s
        ease-in-out
        infinite
        alternate !important;
}


@keyframes pkWalkLeg1{

    from{
        transform: rotate(22deg);
    }

    to{
        transform: rotate(-22deg);
    }
}


@keyframes pkWalkLeg2{

    from{
        transform: rotate(-22deg);
    }

    to{
        transform: rotate(22deg);
    }
}


/* مسیر آدم - شبیه عبور ماشین نمونه */

@keyframes pkPersonMovie{

    /* بیرون صحنه */
    0%,22%{
        opacity: 0;
        transform:
            translateX(-35px)
            translateY(0)
            scale(.92);
    }

    /* ورود */
    26%{
        opacity: 1;
        transform:
            translateX(0)
            translateY(0)
            scale(.92);
    }

    /* حرکت در کلید */
    36%{
        opacity: 1;
        transform:
            translateX(32px)
            translateY(-2px)
            scale(.95);
    }

    46%{
        opacity: 1;
        transform:
            translateX(68px)
            translateY(0)
            scale(.95);
    }

    56%{
        opacity: 1;
        transform:
            translateX(103px)
            translateY(-2px)
            scale(.92);
    }

    /* رسیدن به فروشگاه */
    65%{
        opacity: 1;
        transform:
            translateX(135px)
            translateY(0)
            scale(.82);
    }

    /* وارد شدن */
    71%{
        opacity: 1;
        transform:
            translateX(151px)
            translateY(1px)
            scale(.48);
    }

    75%{
        opacity: 0;
        transform:
            translateX(158px)
            scale(.35);
    }

    100%{
        opacity: 0;
        transform:
            translateX(158px)
            scale(.35);
    }
}


/* =====================================================
   فروشگاه کوچولو
===================================================== */

.elementor-13 .elementor-element.elementor-element-82fe97c .pk-btn-shop .pk-shop-mini{

    position: absolute !important;

    right: -46px !important;
    top: 11px !important;

    width: 43px !important;
    height: 36px !important;

    z-index: 14 !important;

    opacity: 0;

    background: #fff8f5 !important;

    border-radius: 7px 7px 6px 6px !important;

    box-shadow:
        0 3px 8px rgba(120,70,70,.12) !important;

    animation:
        pkShopMovie
        8s
        ease-in-out
        infinite !important;
}


/* فروشگاه از سمت راست وارد دکمه می‌شود */

@keyframes pkShopMovie{

    0%,23%{
        right: -46px;
        opacity: 0;
    }

    30%{
        right: 12px;
        opacity: 1;
    }

    30%,72%{
        right: 12px;
        opacity: 1;
    }

    /* بعد از ورود آدم فروشگاه هم خارج می‌شود */
    79%{
        right: -46px;
        opacity: 0;
    }

    100%{
        right: -46px;
        opacity: 0;
    }
}


/* سقف فروشگاه */

.elementor-13 .elementor-element.elementor-element-82fe97c .pk-btn-shop .pk-shop-roof{

    position: absolute !important;

    left: -2px !important;
    top: -3px !important;

    width: 47px !important;
    height: 11px !important;

    border-radius: 7px 7px 3px 3px !important;

    background:
        repeating-linear-gradient(
            90deg,
            #f1aaa4 0 7px,
            #fff 7px 14px
        ) !important;

    box-shadow:
        0 2px 3px rgba(0,0,0,.08);
}


/* پنجره */

.elementor-13 .elementor-element.elementor-element-82fe97c .pk-btn-shop .pk-shop-window{

    position: absolute !important;

    left: 7px !important;
    bottom: 7px !important;

    width: 11px !important;
    height: 10px !important;

    border-radius: 2px !important;

    background: #cfecef !important;

    box-shadow:
        inset 0 0 0 1px rgba(120,150,155,.15);
}


/* در */

.elementor-13 .elementor-element.elementor-element-82fe97c .pk-btn-shop .pk-shop-door{

    position: absolute !important;

    right: 7px !important;
    bottom: 0 !important;

    width: 10px !important;
    height: 17px !important;

    border-radius: 4px 4px 0 0 !important;

    background: #dd918b !important;

    transform-origin: right center !important;

    animation:
        pkShopDoorMovie
        8s
        ease-in-out
        infinite !important;
}


@keyframes pkShopDoorMovie{

    0%,55%{
        transform:
            perspective(40px)
            rotateY(0deg);
    }

    /* آدم نزدیک می‌شود */
    62%{
        transform:
            perspective(40px)
            rotateY(-70deg);
    }

    62%,73%{
        transform:
            perspective(40px)
            rotateY(-70deg);
    }

    /* در بسته می‌شود */
    78%,100%{
        transform:
            perspective(40px)
            rotateY(0deg);
    }
}


/* =====================================================
   یک برق مثل همان حس نمونه
===================================================== */

.elementor-13 .elementor-element.elementor-element-82fe97c .pk-btn-shop::after{

    content: "";

    position: absolute;

    top: 0;
    bottom: 0;

    width: 35px;

    left: -55px;

    z-index: 30;

    pointer-events: none;

    transform: skewX(-18deg);

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255,255,255,.34),
            transparent
        );

    animation:
        pkButtonShineMovie
        8s
        ease-in-out
        infinite;
}


@keyframes pkButtonShineMovie{

    0%,83%{
        left: -55px;
        opacity: 0;
    }

    86%{
        opacity: 1;
    }

    94%{
        left: calc(100% + 30px);
        opacity: 1;
    }

    95%,100%{
        left: calc(100% + 30px);
        opacity: 0;
    }
}


/* =====================================================
   دکمه دیوارکوب
   همان منطق سینمایی
===================================================== */

.elementor-13 .elementor-element.elementor-element-82fe97c .pk-btn-wall{

    position: relative !important;

    overflow: hidden !important;

    min-width: 210px !important;
    height: 58px !important;

    border-radius: 100px !important;
}


.elementor-13 .elementor-element.elementor-element-82fe97c .pk-btn-wall .pk-btn-label{

    position: absolute !important;

    inset: 0 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    animation:
        pkButtonTextMovie
        8s
        ease-in-out
        infinite !important;
}


.elementor-13 .elementor-element.elementor-element-82fe97c .pk-btn-wall .pk-wall-scene{

    position: absolute !important;

    inset: 0 !important;

    opacity: 1 !important;

    overflow: hidden !important;
}


/* ستاره از چپ کل مسیر را طی می‌کند */

.elementor-13 .elementor-element.elementor-element-82fe97c .pk-btn-wall .pk-moving-star{

    position: absolute !important;

    left: -25px !important;
    top: 18px !important;

    color: #e7a19c !important;

    font-size: 18px !important;

    opacity: 0;

    animation:
        pkWallStarMovie
        8s
        ease-in-out
        infinite !important;
}


@keyframes pkWallStarMovie{

    0%,23%{
        left: -25px;
        opacity: 0;
        transform: rotate(0deg);
    }

    28%{
        left: 18px;
        opacity: 1;
        transform: rotate(40deg);
    }

    42%{
        left: 65px;
        transform: rotate(140deg);
    }

    55%{
        left: 110px;
        transform: rotate(240deg);
    }

    68%{
        left: 151px;
        transform:
            rotate(360deg)
            scale(.8);
    }

    73%{
        left: 166px;
        opacity: 0;
        transform:
            rotate(400deg)
            scale(.6);
    }

    100%{
        opacity: 0;
    }
}


/* قاب دیوار از سمت راست وارد می‌شود */

.elementor-13 .elementor-element.elementor-element-82fe97c .pk-btn-wall .pk-mini-wall{

    position: absolute !important;

    right: -45px !important;
    top: 12px !important;

    width: 38px !important;
    height: 34px !important;

    border-radius: 7px !important;

    background: #fff4f3 !important;

    border:
        1px solid rgba(224,167,161,.4) !important;

    opacity: 0;

    animation:
        pkWallMovie
        8s
        ease-in-out
        infinite !important;
}


@keyframes pkWallMovie{

    0%,24%{
        right: -45px;
        opacity: 0;
    }

    31%,72%{
        right: 12px;
        opacity: 1;
    }

    79%,100%{
        right: -45px;
        opacity: 0;
    }
}


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

@media(max-width:767px){

    .elementor-13 .elementor-element.elementor-element-82fe97c .pk-btn-shop,
    .elementor-13 .elementor-element.elementor-element-82fe97c .pk-btn-wall{

        min-width: 180px !important;

        width: 180px !important;

        height: 54px !important;
    }


    /*
       در موبایل مسیر کوتاه‌تر است
    */

    @keyframes pkPersonMovie{

        0%,22%{
            opacity: 0;
            transform:
                translateX(-28px)
                scale(.85);
        }

        26%{
            opacity: 1;
            transform:
                translateX(0)
                scale(.85);
        }

        40%{
            opacity: 1;
            transform:
                translateX(35px)
                scale(.85);
        }

        52%{
            opacity: 1;
            transform:
                translateX(68px)
                scale(.82);
        }

        64%{
            opacity: 1;
            transform:
                translateX(100px)
                scale(.72);
        }

        71%{
            opacity: 1;
            transform:
                translateX(116px)
                scale(.42);
        }

        76%,100%{
            opacity: 0;
            transform:
                translateX(123px)
                scale(.3);
        }
    }


    .elementor-13 .elementor-element.elementor-element-82fe97c .pk-btn-shop .pk-shop-mini{

        transform:
            scale(.88);

        transform-origin:
            right center !important;
    }


    .elementor-13 .elementor-element.elementor-element-82fe97c .pk-btn-shop .pk-shop-person{

        transform-origin:
            left center !important;
    }


    @keyframes pkWallStarMovie{

        0%,23%{
            left: -20px;
            opacity: 0;
        }

        28%{
            left: 15px;
            opacity: 1;
            transform: rotate(40deg);
        }

        44%{
            left: 55px;
            transform: rotate(150deg);
        }

        58%{
            left: 92px;
            transform: rotate(260deg);
        }

        69%{
            left: 125px;
            transform:
                rotate(360deg)
                scale(.8);
        }

        74%,100%{
            left: 140px;
            opacity: 0;
        }
    }
}/* End custom CSS */