.offer-bar-tsc {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    height: 50px;
    color: #6b7280;
    font-size: 1rem;
    flex-wrap: wrap;

    /* remove this when making it sticky/fixed */
    /* margin-top: 21px; */

    position: fixed;      /* make it stick */
    top: 60px;               /* JS will adjust this to sit under header */
    left: 0;
    right: 0;
    z-index: 9999;        /* above page content, under/over header as needed */
    width: 100%;

    font-family: 'DM Sans', Arial;
    background: linear-gradient(90deg, #fff5f5 0%, #ffebeb 100%);
}


/* .offer-bar-tsc {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    height: 50px;
    color: #6b7280;
    font-size: 1rem;
    flex-wrap: wrap;
margin-top: 21px;

    position: relative;     
    top: auto;
    left: auto;
    z-index: auto;         
    width: 100%;

    font-family: 'DM Sans', Arial;
    /* background: linear-gradient(90deg, #000 0%, #ff00ff 50%, #000 100%); */
    background: linear-gradient(90deg, #fff5f5 0%, #ffebeb 100%);
} */


#cstm-counter-tsc {
    display: inline-flex;
    gap: 8px;
    padding: 4px 8px;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.2);
    flex-wrap: wrap;
    justify-content: center;
}

.time-box-tsc {
    display: inline-block;
    font-weight: bold;
}

.time-box-tsc span.unit-tsc {
    font-weight: normal;
    font-size: 0.7em;
    margin-left: 1px;
}

.time-box-tsc span.num-tsc {
    font-family: 'DM Sans', Arial;
    font-weight: bold;
}


  /* === Coupon Copy Tooltip === */
.copy-icon {
  cursor: pointer;
}

.tooltip {
  display: none;
  position: absolute;
  background-color: #808080;
  color: #ffffff;
  padding: 5px;
  border-radius: 20px;
  font-size: 12px;
  justify-self: anchor-center;
}
/* Mobile */
@media (max-width: 768px) {
    .offer-bar-tsc {
        font-size: 0.9rem;
        flex-direction: column;
        height: auto;
        gap: 2px;
        padding: 6px 0;
    }
}