#fx-ticker{
 width:100%;
 overflow:hidden;
 background:#ffffff;
 border-top:1px solid #eef2f7;
 border-bottom:1px solid #eef2f7;
 font-family:system-ui,-apple-system,Segoe UI,Roboto;
 direction:ltr;
}

.fx-track{
 display:flex;
 gap:18px;
 padding:10px 0;
 white-space:nowrap;
 will-change:transform;
}

.fx-box{
 display:flex;
 align-items:center;
 gap:6px;
 padding:6px 14px;
 background:#f8fafc;
 border:1px solid #e5e7eb;
 border-radius:8px;
 font-size:13px;
 transition:.25s;
 flex-shrink:0;
}

.fx-box:hover{
 background:#f1f5f9;
}

.symbol{
 font-weight:600;
 color:#6b7280;
}

.price{
 font-weight:700;
 color:#111827;
 min-width:40px;
 font-variant-numeric:tabular-nums;
 text-align:right;
}

.arrow{
 font-size:11px;
 margin-left:-2px;
 width:12px;
 text-align:center;
}

.up{color:#16a34a}
.down{color:#dc2626}

.flash-up{animation:flashUp .4s}
.flash-down{animation:flashDown .4s}

@keyframes flashUp{
 from{background:#dcfce7}
 to{background:#f8fafc}
}

@keyframes flashDown{
 from{background:#fee2e2}
 to{background:#f8fafc}
}

.live-price{
 display:inline-flex;
 gap:4px;
 align-items:center;
 font-weight:600;
}

/* live price style */

.live-price .price{
 color:#ffffff;
 background:none !important;
}

.live-price .arrow.up{
 color:#16a34a;
 animation:arrowUp .4s ease;
}

.live-price .arrow.down{
 color:#dc2626;
 animation:arrowDown .4s ease;
}

@keyframes arrowUp{
 from{ transform:translateY(2px); opacity:.5;}
 to{ transform:translateY(0); opacity:1;}
}

@keyframes arrowDown{
 from{ transform:translateY(-2px); opacity:.5;}
 to{ transform:translateY(0); opacity:1;}
}




/* ===== GRID LAYOUT ===== */

.alm-crypto-widget{

display:grid;
grid-template-columns:repeat(6,1fr);
gap:12px;
width:100%;

}

/* ===== TABLET ===== */

@media (max-width:1024px){

.alm-crypto-widget{
grid-template-columns:repeat(3,1fr);
}

}

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

@media (max-width:600px){

.alm-crypto-widget{
grid-template-columns:repeat(2,1fr);
}

}


/* ===== CARD ===== */

.alm-crypto-card{

background:#0f172a;
border-radius:10px;
padding:12px;
color:#fff;
border:1px solid #1e293b;

display:flex;
flex-direction:column;
justify-content:space-between;

}


/* ===== HEADER ===== */

.alm-crypto-head{

display:flex;
align-items:center;
gap:8px;
margin-bottom:6px;

}

.alm-crypto-logo{

width:20px;
height:20px;
flex-shrink:0;

}

.alm-crypto-name{

font-size:13px;
font-weight:600;
line-height:1.2;

}


/* ===== PRICE LINE ===== */

.alm-crypto-price-line{

display:flex;
align-items:center;
gap:6px;
margin-bottom:6px;

}

.alm-crypto-price{

font-size:16px;
font-weight:700;
direction:ltr;

}

.alm-crypto-arrow{

font-size:13px;
font-weight:700;

}

.pprice-up{
color:#22c55e;
}

.pprice-down{
color:#ef4444;
}


/* ===== MINI CHART ===== */

.alm-crypto-chart{

width:100%;
height:32px;

}