.trip-countdown { max-width: 360px; margin-top: 26px; padding: 16px 18px 14px; border: 1px solid #d9ddce; border-radius: 12px; background: #eeeee3; }
.trip-countdown[hidden],.countdown-grid[hidden] { display: none; }
.countdown-title { margin: 0 0 12px; font-size: 14px; font-weight: 500; color: var(--red); }
.countdown-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 8px; text-align: center; }
.countdown-unit { min-width: 0; }
.countdown-value { display: block; font-size: 32px; font-weight: 600; line-height: 1.2; font-variant-numeric: tabular-nums; letter-spacing: -1px; color: var(--ink); }
.countdown-label { display: block; margin-top: 5px; font-size: 14px; color: var(--muted); line-height: 1.6; }
.countdown-caption { margin: 12px 0 0; padding-top: 10px; border-top: 1px solid #d9ddce; font-size: 14px; line-height: 1.7; color: var(--muted); }
@media(max-width:600px) { .trip-countdown { margin-top: 22px; padding: 15px 14px 12px; max-width: 360px; } .countdown-value { font-size: 28px; } }