/* Juzz Save Badge (only for Juzz grids) */
.juzz-grid-card .jsb-badge{
  display:inline-flex;
  align-items:center;
  border:1px solid var(--jsb-border);
  border-radius:var(--jsb-radius);
  overflow:hidden;
  font-size:var(--jsb-font-size);
  line-height:1;
  vertical-align:middle;
  margin:var(--jsb-margin-y) 0;
  max-width:100%;
  position:relative;
  z-index:999;
  height:var(--jsb-height);
}

.juzz-grid-card .jsb-badge .jsb-left,
.juzz-grid-card .jsb-badge .jsb-right{
  display:inline-flex;
  align-items:center;
  height:100%;
  white-space:nowrap;
}

.juzz-grid-card .jsb-badge .jsb-left{
  background:var(--jsb-bg);
  color:var(--jsb-text);
  padding:var(--jsb-left-pad-y) var(--jsb-left-pad-x);
  font-weight:var(--jsb-font-weight);
}

.juzz-grid-card .jsb-badge .jsb-icon{
  width:var(--jsb-icon-size);
  height:var(--jsb-icon-size);
  display:inline-block;
  margin-right:6px;
  background-image:var(--jsb-icon-url);
  background-repeat:no-repeat;
  background-position:center;
  background-size:contain;
  filter: drop-shadow(0 0 0 rgba(0,0,0,0));
  flex:0 0 auto;
}

.juzz-grid-card .jsb-badge .jsb-label{
  margin-right:5px;
}

.juzz-grid-card .jsb-badge .jsb-extra{
  margin-left:5px;
  opacity:0.95;
}

.juzz-grid-card .jsb-badge .jsb-amount{
  font-weight:600;
}

.juzz-grid-card .jsb-badge .jsb-right{
  padding:var(--jsb-right-pad-y) var(--jsb-right-pad-x);
  background:var(--jsb-time-bg);
  color:var(--jsb-time-text);
  border-left:1px solid rgba(0,0,0,0.06);
  font-weight:var(--jsb-time-weight);
}

.juzz-grid-card .jsb-badge .jsb-countdown{
  font-variant-numeric:tabular-nums;
  letter-spacing:0.2px;
}

.juzz-grid-card .jsb-badge.jsb-expired .jsb-right{
  opacity:0.8;
}

@media (max-width: 480px){
  .juzz-grid-card .jsb-badge{
    font-size:calc(var(--jsb-font-size) - 1px);
  }
}