body{

    outline:50px solid red;

}

/* ========================================
   Pixignal Sticky Cart
   Step 3
======================================== */

#pixignal-sticky-cart{

    display:none;

}

@media (max-width:768px){

    #pixignal-sticky-cart{

        display:block;

        position:fixed;

        left:0;
        right:0;

        /*
         * فعلاً بالای Bottom Navigation قرار می‌گیرد.
         * بعداً که Bottom Navigation حذف شد این مقدار صفر می‌شود.
         */
        bottom:60px;

        width:100%;

        height:60px;

        background:#fff;

        border-top:1px solid #ececec;

        box-shadow:0 -8px 20px rgba(0,0,0,.08);

        z-index:400;

        padding-bottom:env(safe-area-inset-bottom);

    }

}