:is(.frefta-campaign-tag,.frefta-campaign-timer) {
    position: absolute; z-index: 4; display: flex; flex-direction: column; align-items: flex-start; gap: 4px;
    max-width: calc(100% - 24px); pointer-events: none; text-align: left; font: 600 12px/1.4 var(--font-body,system-ui,sans-serif);
    text-transform: none; letter-spacing: 0; overflow-wrap: anywhere;
}
:is(.frefta-campaign-tag,.frefta-campaign-timer)[hidden] { display: none; }
:is(.frefta-campaign-tag,.frefta-campaign-timer) > span { background: var(--campaign-bg,#0f172a); color: var(--campaign-color,#fff); padding: 5px 9px; border-radius: var(--campaign-radius,6px); max-width: 100%; }
:is(.frefta-campaign-tag,.frefta-campaign-timer).top-left { top: 12px; left: 12px; }
:is(.frefta-campaign-tag,.frefta-campaign-timer).top-right { top: 12px; right: 12px; align-items: flex-end; text-align: right; }
:is(.frefta-campaign-tag,.frefta-campaign-timer).bottom-left { bottom: 12px; left: 12px; }
:is(.frefta-campaign-tag,.frefta-campaign-timer).bottom-right { bottom: 12px; right: 12px; align-items: flex-end; text-align: right; }
.frefta-campaign-timer .frefta-campaign-countdown { font-size: var(--timer-font-size,11px); font-variant-numeric: tabular-nums; }
.product-media,.child-card-media,.gallery-viewport { position: relative; }
@media(max-width:480px) { :is(.frefta-campaign-tag,.frefta-campaign-timer) { font-size: 10px; max-width: calc(100% - 16px); }:is(.frefta-campaign-tag,.frefta-campaign-timer).top-left{top:8px;left:8px}:is(.frefta-campaign-tag,.frefta-campaign-timer).top-right{top:8px;right:8px}:is(.frefta-campaign-tag,.frefta-campaign-timer).bottom-left{bottom:8px;left:8px}:is(.frefta-campaign-tag,.frefta-campaign-timer).bottom-right{bottom:8px;right:8px} }
.media:has(.frefta-campaign-tag) > .badge,
.product-media:has(.frefta-campaign-tag) > .badge,
.child-card-media:has(.frefta-campaign-tag) > span[style]:not(.frefta-campaign-tag):not(.frefta-campaign-timer) { display: none; }
.media:has(.wish) > :is(.frefta-campaign-tag,.frefta-campaign-timer).top-right { right: 52px; max-width: calc(100% - 64px); }

/* Matching corners still keep independently styled tag and timer readable. */
.frefta-campaign-tag.top-left ~ .frefta-campaign-timer.top-left,
.frefta-campaign-tag.top-right ~ .frefta-campaign-timer.top-right { top: 48px; }
.frefta-campaign-tag.bottom-left ~ .frefta-campaign-timer.bottom-left,
.frefta-campaign-tag.bottom-right ~ .frefta-campaign-timer.bottom-right { bottom: 48px; }