/* Only module-owned elements/classes. No existing theme rule is overridden. */
.dc-positioned { position: relative; }
.dc-overlay { position: absolute; z-index: 25; pointer-events: none; color: var(--color-primary, inherit); }
.dc-timer { display: flex; width: max-content; max-width: calc(100% - 24px); left: 12px; top: 12px; padding: 11px 4px; background: rgba(239, 241, 244, .97); border-radius: 8px; }
.dc-timer-unit { min-width: 46px; padding: 0 11px; text-align: center; border-right: 1px solid rgba(0, 0, 0, .1); }
.dc-timer-unit:last-child { border-right: 0; }
.dc-timer-number { display: block; font-size: 25px; font-weight: 700; line-height: 1.1; font-variant-numeric: tabular-nums; }
.dc-timer-label { display: block; margin-top: 5px; font-size: 9px; line-height: 1.3; text-transform: uppercase; letter-spacing: .04em; }
.dc-counter { left: 14px; bottom: 14px; padding: 7px 9px; border-radius: 4px; background: rgba(255, 255, 255, .95); }
.dc-counter-number { display: block; font-size: 36px; font-weight: 750; line-height: 1.1; font-variant-numeric: tabular-nums; }
.dc-counter-label { display: block; font-size: 10px; line-height: 1.5; text-transform: uppercase; letter-spacing: .04em; }
.dc-flag { margin-bottom: 8px; text-transform: uppercase; letter-spacing: .07em; }
.dc-price-caption { display: block; font-size: 10px; line-height: 1.5; text-transform: uppercase; letter-spacing: .04em; margin-top: 4px; font-weight: normal; color: inherit; }
.dc-timer-category { top: auto; bottom: 10px; left: 50%; transform: translateX(-50%); padding: 8px 2px; }
.dc-timer-category .dc-timer-unit { min-width: 34px; padding: 0 8px; }
.dc-timer-category .dc-timer-number { font-size: 19px; }
.dc-timer-category .dc-timer-label { font-size: 8px; }
@media (max-width: 575px) {
    .dc-timer-unit { min-width: 38px; padding: 0 9px; }
    .dc-timer-number { font-size: 22px; }
    .dc-counter-number { font-size: 30px; }
    .dc-timer-category { max-width: calc(100% - 8px); bottom: 5px; }
    .dc-timer-category .dc-timer-unit { min-width: 25px; padding: 0 4px; }
    .dc-timer-category .dc-timer-number { font-size: 15px; }
    .dc-timer-category .dc-timer-label { font-size: 7px; }
}

.product-miniature .product-flags .product-flag.dc-preorder,
.product-miniature .product-flags .badge.product-flag.dc-preorder { background-color: var(--color-primary, var(--primary)); color: #fff; }