/* =========================================
   InShopy Premium Sticky Bar
========================================= */

#inshopy-sticky-bar{
    position:fixed;
    left:10px;
    right:10px;
    bottom:10px;
    z-index:999999;

    max-width:430px;
    margin:auto;

    background:#2f3542;
    border:1px solid rgba(255,255,255,.08);

    border-radius:16px;

    box-shadow:0 12px 35px rgba(0,0,0,.35);

    padding:12px;

    animation:inshopySlideUp .3s ease;
}

@keyframes inshopySlideUp{

    from{
        opacity:0;
        transform:translateY(20px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }

}

/* Main Layout */

.inshopy-bar-content{
    display:flex;
    flex-direction:column;
    gap:8px;
}

/* Header */

.inshopy-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:10px;
}

.inshopy-title{
    flex:1;
    margin:0;

    color:#fff;
    font-size:15px;
    font-weight:700;
    line-height:1.2;
}

/* Text */

.inshopy-text{
    color:rgba(255,255,255,.82);
    font-size:12px;
    line-height:1.35;
}

.inshopy-text strong{
    color:#6EEB83;
}

/* Progress */

.inshopy-progress-wrap{
    display:flex;
    align-items:center;
    gap:10px;
}

.inshopy-progress{
    flex:1;

    height:6px;

    background:rgba(255,255,255,.18);

    border-radius:20px;

    overflow:hidden;
}

.inshopy-progress-fill{

    height:100%;

    border-radius:20px;

    background:linear-gradient(
        90deg,
        #16a34a,
        #4ade80
    );

    transition:width .4s ease;

}

.inshopy-price{

    white-space:nowrap;

    color:#fff;

    font-size:11px;

    font-weight:700;

}

/* Button */

.inshopy-button{
    margin:0;
}

.inshopy-button a{

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

    min-width:95px;
    height:32px;

    padding:0 14px;

    background:#22c55e;

    color:#fff !important;

    text-decoration:none;

    border-radius:8px;

    font-size:12px;

    font-weight:700;

    transition:.25s;

}

.inshopy-button a:hover{

    background:#16a34a;

    transform:translateY(-1px);

}

/* Mobile */

@media (max-width:768px){

    #inshopy-sticky-bar{

        left:8px;
        right:8px;
        bottom:8px;

        max-width:none;

        padding:10px;

        border-radius:14px;

    }

    .inshopy-title{
        font-size:14px;
    }

    .inshopy-text{
        font-size:11px;
    }

    .inshopy-button a{

        min-width:82px;

        height:30px;

        font-size:11px;

        padding:0 12px;

    }

    .inshopy-price{

        font-size:10px;

    }

}

/* Safe Area */

@supports(padding:max(0px)){

    #inshopy-sticky-bar{

        bottom:max(8px, env(safe-area-inset-bottom));

    }

}


/* Live Refresh Animation */

#inshopy-sticky-bar.refreshing{

    animation:inshopyRefresh .35s ease;

}

@keyframes inshopyRefresh{

    0%{
        transform:scale(.98);
        opacity:.8;
    }

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

}