.tc-announcements{position:fixed;top:0;left:0;right:0;z-index:1060;width:100%;font-family: "Peyda", sans-serif !important;}
.tc-announcement{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:'actions content timer';direction:ltr;align-items:center;gap:12px;padding:10px 16px;font-size:14px;line-height:1.4;background:var(--ab-bg,#222);color:var(--ab-fg,#fff);box-shadow:0 2px 6px rgba(0,0,0,.12)}
.tc-actions{grid-area:actions;display:flex;align-items:center;gap:8px;justify-content:flex-start}
.tc-timer{grid-area:timer}
.tc-content{grid-area:content;text-align:center;direction:rtl;font-size: 16px;overflow:hidden}
.tc-content.tc-marquee{white-space:nowrap}
.tc-content.tc-marquee br{display:none}
.tc-marquee-track{display:inline-flex;align-items:center}
.tc-content.tc-marquee .tc-marquee-track{animation:tc-marquee var(--marquee-duration,28s) linear infinite;will-change:transform}
.tc-marquee-copy{display:inline-block;margin-inline-end:var(--marquee-gap,24px)}
@keyframes tc-marquee{0%{transform:translateX(0)}100%{transform:translateX(calc(-1 * var(--marquee-distance,0px)))}}
.tc-button{text-decoration:none !important;display:inline-flex;align-items:center;padding:10px 16px;border-radius:6px;background:var(--btn-bg,#fff);color:var(--btn-fg,#000);text-decoration:none;font-weight:600}
.tc-button:hover{opacity:.9}
.tc-timer{display:flex;align-items:center;gap:12px;justify-content:flex-end;background:transparent;padding:0;border-radius:0}
.tc-timer img {height: 10px !important;}
.tc-timer-unit{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 10px}
.tc-timer-unit+.tc-timer-unit{border-left:none}
.tc-timer-num{font-weight:700;font-size:22px;line-height:1;font-variant-numeric:tabular-nums;color:var(--timer-fg,#fff)}
.tc-timer-label{font-size:11px;opacity:.85;color:var(--timer-fg,#fff)}
.tc-colon{height:18px;width:auto;opacity:.9;margin:0 8px;display:inline-block}
.tc-close{margin-inline-start:0;border:0;background:transparent;color:inherit;font-size:18px;line-height:1;cursor:pointer}
@media (max-width:576px){
  .tc-announcement{
    grid-template-columns: 1fr;
    grid-template-areas:
      'actions'
      'content'
      'timer';
    gap:8px;
  }
  .tc-content{ text-align:center; margin-top: 10px; margin-bottom: 10px; }
  .tc-actions{
    display:grid;
    grid-template-columns:auto auto;
    align-items:center;
    gap:8px;
    justify-content:space-between;
  }
  .tc-timer{ justify-content:center; }
  .tc-button{ width:auto; justify-content:center; padding:6px 10px; font-size:14px; grid-column: 2; }
}