/* ============================================
   GM Sale Countdown Timer
   ============================================ */

.gm-sale-countdown {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #e5f3ef;
    border: 2px solid #16b793;
    border-radius: 8px;
    padding: 12px 16px;
    margin: 10px 0;
}

/* Clock icon circle */
.gm-countdown-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background: #16b793;
    border-radius: 50%;
    flex-shrink: 0;
}

.gm-countdown-icon i {
    color: #fff;
    font-size: 1rem;
}

/* Text content */
.gm-countdown-content {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

/* "Save $40 — limited time pricing" line */
.gm-countdown-heading {
    font-size: 0.9rem;
    color: #003b4d;
}

.gm-countdown-heading strong {
    color: #16b793;
}


/* Countdown digits line */
.gm-countdown-digits {
    display: inline-flex;
    align-items: baseline;
    gap: 0;
}

.gm-countdown-value {
    font-family: 'quatro-slab', 'Quatro Slab', serif;
    font-size: 1.1rem;
    font-weight: 800;
    color: #003b4d;
    font-variant-numeric: tabular-nums;
}

.gm-countdown-unit {
    font-size: 0.75rem;
    color: #888;
    margin-left: 2px;
}

.gm-countdown-dot {
    color: #bbb;
    margin: 0 8px;
    font-size: 0.7rem;
}

/* Urgency state: under 1 hour */
.gm-countdown--urgent {
    border-color: #c0392b;
    background: #fef5f4;
}

.gm-countdown--urgent .gm-countdown-icon {
    background: #c0392b;
}

.gm-countdown--urgent .gm-countdown-heading {
    color: #c0392b;
}

.gm-countdown--urgent .gm-countdown-value {
    color: #c0392b;
}

/* Expired state */
.gm-countdown--expired {
    border-color: #ccc;
    background: #f5f5f5;
}

.gm-countdown-expired {
    color: #888;
    font-size: 0.9rem;
}