#floating-cart-bar{
position:fixed;
bottom:var(--fb-bottom-offset, 55px);
left:50%;
transform:translateX(-50%);
width:98%;
max-width:720px;
border-radius:14px;
z-index:50;
overflow:hidden;
background: linear-gradient(90deg, white);
}
.icon svg{
width:14px;
height:14px;
stroke:#fff;
fill:var(--fb-primary-color, #22993f);
}

/* animated border */

#floating-cart-bar::before{
content:"";
position:absolute;
inset:-3px;
background:conic-gradient(
white,
var(--fb-accent-color, #ff7b00),
white,
var(--fb-accent-color, #ff7b00),
white
);
animation:spin 3s linear infinite;
}

#floating-cart-bar::after{
content:"";
position:absolute;
inset:3px;
background: linear-gradient(140deg, var(--fb-primary-color, #22993f));
border-radius:10px;
z-index:1;
}

@keyframes spin{
100%{transform:rotate(360deg);}
}

/* rows */

.cart-row{
position:relative;
z-index:2;
display:grid;
grid-template-columns:1fr 1fr;
gap:4px;
padding:5px 6px;
}

/* boxes */

.info-block{
display:flex;
align-items:center;
justify-content:center;
gap:4px;
background:rgba(255,255,255,0.15);
padding:4px;
border-radius:6px;
color:#fff;
text-align:center;
font-size:13.5px;
width:100%;
}

/* view cart */

.view-cart-btn{
display:flex;
align-items:center;
justify-content:center;
gap:4px;
background:linear-gradient(90deg,var(--fb-accent-color, #ff7b00),var(--fb-accent-color, #ff7b00));
color:#fff;
font-weight:600;
padding:4px;
border-radius:6px;
text-decoration:none;
width:100%;
transition:0.2s;
font-size:13.5px;
}
.view-cart-btn:hover{
transform:scale(1.05);
}

.icon svg{
color:#fff;
}

/* View Cart bag icon fill (settings-controlled) */
.fb-primary-fill{
fill: var(--fb-primary-color, #22993f);
}