.oa-countdown {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: var(--oa-align, center);
    align-items: center;
    gap: var(--oa-gap, 14px);
    padding: var(--oa-padding, 20px);
    background: var(--oa-background, #fff);
    border: var(--oa-border-width, 1px) solid var(--oa-border-color, #ddd);
    border-radius: var(--oa-border-radius, 10px);
    font-family: var(--oa-font, Arial, sans-serif);
    text-align: center;
    width: 100%;
}
.oa-countdown *, .oa-countdown *::before, .oa-countdown *::after { box-sizing: border-box; }
.oa-unit { display: flex; flex-direction: column; align-items: center; min-width: 3.3em; line-height: 1.15; }
.oa-number { color: var(--oa-number-color, #222); font-size: var(--oa-number-size, 48px); font-weight: 700; font-variant-numeric: tabular-nums; }
.oa-label { color: var(--oa-label-color, #555); font-size: var(--oa-label-size, 12px); margin-top: .45em; text-transform: uppercase; letter-spacing: .04em; }
.oa-admin-notice { padding: 10px; border-left: 4px solid #dba617; background: #fff8e5; }
@media (max-width: 480px) {
    .oa-countdown { gap: max(6px, calc(var(--oa-gap, 14px) / 2)); padding: max(8px, calc(var(--oa-padding, 20px) / 2)); }
    .oa-unit { min-width: 2.7em; }
    .oa-number { font-size: min(var(--oa-number-size, 48px), 10vw); }
    .oa-label { font-size: min(var(--oa-label-size, 12px), 3vw); }
}