/* HH offer: semantic colours follow the storefront appearance preference. */
.haroone-countdown[hidden] { display:none; }
.haroone-countdown { min-width:0; max-width:100%; margin-block:calc(var(--spacing) * 5); }
.haroone-countdown .mw-cd,
.haroone-countdown .mw-cd * { box-sizing:border-box; font-family:var(--font-sans); }
.haroone-countdown .mw-cd {
    width:100%; max-width:100%; padding:calc(var(--spacing) * 5);
    border:1px solid var(--color-line); border-radius:var(--radius-xl);
    background:var(--color-surface); color:var(--color-fg);
}
.haroone-countdown .mw-cd--theme-plain {
    display:flex; flex-wrap:wrap; align-items:center;
    gap:calc(var(--spacing) * 5);
}
.haroone-countdown .mw-cd__copy { flex:1 1 calc(var(--spacing) * 44); min-width:0; }
.haroone-countdown .mw-cd__title {
    margin:0; color:var(--color-fg); font-family:var(--font-display);
    font-size:var(--text-2xl); line-height:var(--text-2xl--line-height);
    font-weight:600; text-align:start; overflow-wrap:anywhere;
}
.haroone-countdown .mw-cd__eyebrow {
    display:block; margin-bottom:calc(var(--spacing) * 2);
    color:var(--color-fg-secondary); font-size:var(--text-xs);
    line-height:var(--text-xs--line-height); font-weight:500;
    text-transform:uppercase; letter-spacing:var(--tracking-widest);
}
.haroone-countdown .mw-cd__offer {
    display:block; color:var(--color-primary); font-family:var(--font-display);
    font-size:var(--text-4xl); line-height:1; font-weight:600;
    letter-spacing:var(--tracking-tight);
}
.haroone-countdown .mw-cd--theme-plain .mw-cd__timer {
    display:flex; align-items:flex-start; flex:1 1 calc(var(--spacing) * 52);
    width:auto; min-width:0; max-width:100%; gap:calc(var(--spacing) * 2);
}
.haroone-countdown .mw-cd--theme-plain .mw-cd__timer-segment { flex:1 1 0; width:auto; min-width:0; }
.haroone-countdown .mw-cd--theme-plain .mw-cd__timer-segment:nth-child(even) { display:none; }
.haroone-countdown .mw-cd--theme-plain .mw-cd__digit {
    display:grid; place-items:center; padding:calc(var(--spacing) * 3) 0;
    background:var(--color-soft); border:1px solid var(--color-line); border-radius:var(--radius-md);
}
.haroone-countdown .mw-cd--theme-plain .mw-cd__digit-value {
    color:var(--color-fg); font-family:var(--font-sans); font-size:var(--text-2xl);
    line-height:1; font-weight:500; font-variant-numeric:tabular-nums;
}
.haroone-countdown .mw-cd__label {
    display:block; margin-top:calc(var(--spacing) * 2); color:var(--color-fg-secondary);
    font-size:calc(var(--spacing) * 2.5); line-height:var(--text-xs--line-height);
    text-transform:uppercase; letter-spacing:var(--tracking-wide); text-align:center;
}
.haroone-countdown .mw-cd__suffix {
    display:block; margin:calc(var(--spacing) * 3) 0 0; padding:0; border:0;
    color:var(--color-fg-secondary); font-size:var(--text-xs);
    line-height:var(--text-xl--line-height); font-weight:400; text-align:start;
    overflow-wrap:anywhere; user-select:text;
}
.haroone-countdown .mw-cd__coupon {
    display:inline; padding:0; border:0; color:var(--color-fg);
    font-weight:600; letter-spacing:var(--tracking-wide); white-space:nowrap;
}
.haroone-countdown .mw-cd--theme-inline { display:flex; flex-wrap:wrap; gap:calc(var(--spacing) * 3); }
.haroone-countdown .mw-cd__text { color:var(--color-fg); }
.haroone-countdown.product-list-timer .mw-cd { padding:calc(var(--spacing) * 3); gap:calc(var(--spacing) * 3); }
.haroone-countdown.product-list-timer .mw-cd__offer { font-size:var(--text-2xl); }
.haroone-countdown.product-list-timer .mw-cd__digit-value { font-size:var(--text-xl); }
@media (prefers-reduced-motion:reduce) {
    .haroone-countdown *, .haroone-countdown *::before, .haroone-countdown *::after { animation:none; transition:none; }
}