.offer-timer-dialog {
  position: fixed;
  left: 20px;
  bottom: 22px;
  z-index: 9996;
  width: min(330px, calc(100vw - 40px));
  padding: 14px;
  color: #eef1f6;
  background: rgba(13, 20, 34, .97);
  border: 1px solid rgba(245, 166, 35, .4);
  border-radius: 16px;
  box-shadow: 0 14px 44px rgba(0,0,0,.56), 0 0 25px rgba(245,166,35,.09);
  backdrop-filter: blur(14px);
  transform: translateY(24px);
  opacity: 0;
  pointer-events: none;
  transition: opacity .3s ease, transform .3s ease;
}
.offer-timer-dialog.visible { transform: translateY(0); opacity: 1; pointer-events: auto; }
.offer-timer-head { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; margin-bottom:11px; }
.offer-timer-title { font-family:'Outfit',sans-serif; font-size:14px; font-weight:800; color:#fff; line-height:1.25; }
.offer-timer-title span { display:block; margin-top:2px; color:#f5a623; font-size:10px; font-weight:700; letter-spacing:.5px; text-transform:uppercase; }
.offer-timer-close { width:26px; height:26px; min-width:26px; padding:0; display:grid; place-items:center; border:0; border-radius:50%; color:#a9b4c9; background:rgba(255,255,255,.07); cursor:pointer; font-size:13px; }
.offer-timer-close:hover { color:#07100b; background:#f5a623; }
.offer-timer-digits { display:grid; grid-template-columns:repeat(4,1fr); gap:7px; }
.offer-timer-unit { padding:8px 4px 7px; text-align:center; background:rgba(245,166,35,.08); border:1px solid rgba(245,166,35,.19); border-radius:9px; }
.offer-timer-unit strong { display:block; font-family:'Outfit',sans-serif; color:#f5a623; font-size:18px; font-weight:800; line-height:1; font-variant-numeric:tabular-nums; }
.offer-timer-unit span { display:block; margin-top:4px; color:#7485a5; font-size:7px; font-weight:700; letter-spacing:.4px; text-transform:uppercase; }
.offer-timer-action { display:flex; align-items:center; justify-content:center; min-height:34px; margin-top:10px; border-radius:9px; color:#07100b!important; background:#f5a623; font-family:'Outfit',sans-serif; font-size:11px; font-weight:800; text-decoration:none!important; }
.offer-timer-action:hover { background:#ffb936; transform:translateY(-1px); }
@media(max-width:680px) {
  .offer-timer-dialog { left:12px; right:74px; bottom:16px; width:auto; padding:10px; border-radius:13px; }
  .offer-timer-head { align-items:center; margin-bottom:7px; }
  .offer-timer-title { font-size:12px; }
  .offer-timer-title span { display:none; }
  .offer-timer-digits { gap:5px; }
  .offer-timer-unit { padding:6px 2px; }
  .offer-timer-unit strong { font-size:16px; }
  .offer-timer-action { display:flex; min-height:30px; margin-top:8px; padding:5px 7px; font-size:9px; line-height:1.2; text-align:center; }
}
@media(max-width:360px) {
  .offer-timer-dialog { right:68px; }
  .offer-timer-unit strong { font-size:14px; }
  .offer-timer-unit span { font-size:6px; }
}