:root { --scdmp-font: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
        --scdmp-height: 56px; --scdmp-font-size: 16px; }

/* Auto body offset so the bar doesn't overlap the header/footer */
body.has-scdmp-top { padding-top: var(--scdmp-height); }
body.has-scdmp-bottom { padding-bottom: var(--scdmp-height); }

.scdmp.is-hidden { display:none; }

.scdmp__bar {
  position: fixed;
  left: 0; right: 0;
  z-index: 9999;
  font-family: var(--scdmp-font);
  line-height: 1.2;
  min-height: var(--scdmp-height);
  display: flex;
  align-items: center; /* vertical center */
}

.scdmp__bar--top { top: 0; }
.scdmp__bar--bottom { bottom: 0; }

.scdmp__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 14px;
  display: flex;
  align-items: center;  /* vertical center for children */
  gap: 12px;
  width: 100%;
  min-height: var(--scdmp-height);
}

.scdmp__inner.align-left { justify-content: flex-start; }
.scdmp__inner.align-center { justify-content: center; }
.scdmp__inner.align-right { justify-content: flex-end; }

.scdmp__offer, .scdmp__countdown { align-self: center; }

.scdmp__offer { font-size: var(--scdmp-font-size); }

/* Countdown common */
.scdmp__countdown { display: flex; gap: 8px; }
/* PILL */
.scdmp__countdown.style--pill { padding: 6px 10px; border-radius: 999px; }
.scdmp__countdown.style--pill .scdmp__item { background: none; border-radius: 0; padding: 0 2px; }
/* BOXES */
.scdmp__countdown.style--boxes .scdmp__item { padding: 8px 10px; border-radius: 4px; box-shadow: 0 0 0 1px rgba(0,0,0,.06); }

.scdmp__item {
  display: grid;
  grid-auto-flow: row;
  text-align: center;
  min-width: 56px;
}
.scdmp__num { font-weight: 700; font-size: calc(var(--scdmp-font-size) * 1.05); display:block; line-height:1; }
.scdmp__lab { font-size: calc(var(--scdmp-font-size) * 0.7); opacity: .95; text-transform: uppercase; line-height:1.1; }

@media (max-width: 767px){
  .scdmp__bar.is-hidden-mobile { display:none; }
}

@media (min-width: 768px){
  .scdmp__offer { font-size: calc(var(--scdmp-font-size) * 1.05); }
  .scdmp__num { font-size: calc(var(--scdmp-font-size) * 1.2); }
  .scdmp__lab { font-size: calc(var(--scdmp-font-size) * 0.75); }
}


@media (max-width: 767px){

  /* Hide if option enabled */
  .scdmp__bar.is-hidden-mobile { 
    display: none !important; 
  }

  /* GENERAL COUNTDOWN MOBILE COMPACT */
  .scdmp__countdown {
    display: flex;
    gap: 3px;              /* remove spacing between boxes */
    transform: scale(0.85); /* global size reduction */
    transform-origin: right center; 
  }

  /* ITEMS — PILL & BOX */
  .scdmp__item {
    min-width: 32px !important;   /* was 40px */
    padding: 4px 4px !important;  /* reduced padding */
  }

  /* BOXES STYLE ONLY */
  .scdmp__countdown.style--boxes .scdmp__item {
    padding: 5px 5px !important;
    border-radius: 4px !important; /* slightly less rounded */
  }

  /* TIMER NUMBERS */
  .scdmp__item .nbr_cd {
    font-size: 12px !important;  /* was too large */
    line-height: 1.1 !important;
  }

  /* LABELS (DAYS / HOURS / MIN / SEC) */
  .scdmp__item .txt_cd {
    font-size: 7px !important;
    margin-top: 1px !important;
    letter-spacing: 0.3px;
  }
}