/**
 * 限时折扣倒计时 + 满减进度条
 */

/* ── PDP 倒计时 ── */
.zb-countdown {
    margin: 16px 0 24px;
    padding: 16px 18px;
    background: #fafafa;
    border: 1px solid #e5e5e5;
}
.zb-countdown.is-ended { opacity: .6; }
.zb-countdown-label {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 11px;
    color: #1f2937;
    text-transform: uppercase;
    letter-spacing: .15em;
    margin-bottom: 12px;
}
.zb-countdown-units {
    display: flex;
    align-items: center;
    gap: 6px;
}
.zb-countdown-unit {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #000;
    color: #fff;
    padding: 8px 12px;
    min-width: 54px;
    border-radius: 2px;
}
.zb-cd-value {
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    font-feature-settings: "tnum";
}
.zb-cd-label {
    font-size: 9px;
    letter-spacing: .1em;
    margin-top: 4px;
    opacity: .7;
}
.zb-countdown-sep {
    font-size: 18px;
    font-weight: 300;
    color: #9ca3af;
    margin: 0 2px;
}

/* ── 满减进度条 ── */
.zb-spend-save {
    padding: 14px 18px 28px;
    background: linear-gradient(to right, #fff8f0, #fafafa);
    border: 1px dashed #d1bf9c;
    margin: 0 0 16px;
    font-size: 12px;
    color: #1f2937;
}
.zb-spend-save-msg {
    margin: 0 0 14px;
    line-height: 1.5;
    text-align: center;
}
.zb-spend-save-msg strong { color: #b30022; font-weight: 600; }
.zb-spend-save-msg-max strong { color: #047857; }

.zb-spend-save-bar {
    position: relative;
    height: 6px;
    background: #e5e5e5;
    border-radius: 3px;
    margin: 18px 4% 8px;
}
.zb-spend-save-fill {
    position: absolute;
    inset: 0 auto 0 0;
    background: #b30022;
    border-radius: 3px;
    transition: width .4s ease;
}
.zb-spend-save-tier {
    position: absolute;
    top: -3px;
    transform: translateX(-50%);
    text-align: center;
}
.zb-tier-dot {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #d1d5db;
    margin: 0 auto;
    transition: background-color .2s, border-color .2s;
}
.zb-spend-save-tier.is-reached .zb-tier-dot {
    background: #b30022;
    border-color: #b30022;
}
.zb-tier-label {
    position: absolute;
    top: 16px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 10px;
    color: #6b7280;
    white-space: nowrap;
    line-height: 1;
}
.zb-spend-save-tier.is-reached .zb-tier-label {
    color: #b30022;
    font-weight: 600;
}

/* 侧边栏中嵌入时的紧凑样式 */
#zb-cart-footer .zb-spend-save {
    margin-bottom: 12px;
    padding: 12px 14px 26px;
    font-size: 11px;
}
#zb-cart-footer .zb-tier-label { font-size: 9px; }

/* 购物车 fee 行（满减优惠） */
.zb-cart-summary-fees .zb-fee-row {
    display: flex;
    justify-content: space-between;
    color: #b30022;
    font-size: 13px;
}