/* Промо-смуга: вебінар 28.10 */
.wb28{position:relative;background:#2D6FE0;color:#fff;font-size:14.5px;font-family:Montserrat,'Helvetica Neue',Arial,sans-serif;line-height:1.4}
.wb28 .in{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:12px 18px;flex-wrap:wrap;padding:10px 20px;min-height:52px;text-align:center;box-sizing:border-box}
.wb28 .tag{display:inline-flex;align-items:center;gap:6px;background:#E5484D;color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-radius:20px;padding:5px 10px}
.wb28 .tag::before{content:"";width:7px;height:7px;border-radius:50%;background:#fff;animation:wb28p 1.4s infinite}
@keyframes wb28p{0%,100%{opacity:1}50%{opacity:.25}}
.wb28 .t{font-weight:600}
.wb28 .t em{font-style:normal;color:#F7E285}
.wb28 .cd{display:inline-flex;gap:6px}
.wb28 .cd span{background:rgba(255,255,255,.18);border-radius:8px;padding:5px 8px;font-variant-numeric:tabular-nums;font-weight:700;font-size:13.5px;white-space:nowrap}
.wb28 .cd small{font-weight:500;opacity:.7;font-size:11px;margin-inline-start:2px}
.wb28 .go{display:inline-flex;align-items:center;gap:6px;background:#F7E285;color:#16213D;font-weight:700;font-size:13.5px;text-decoration:none;border-radius:30px;padding:9px 16px;white-space:nowrap;transition:transform .15s}
.wb28 .go:hover{transform:translateX(2px);color:#16213D}
.wb28 .s{display:none}
@media(max-width:860px){
  .wb28 .l,.wb28 .cd{display:none}
  .wb28 .s{display:inline}
  .wb28 .in{justify-content:flex-start;text-align:start;padding:10px 16px}
}
@media (prefers-reduced-motion:reduce){
  .wb28 .tag::before{animation:none}
  .wb28 .go{transition:none}
}
.wb28 .go{border:2px solid transparent;transition:background-color .25s ease,border-color .25s ease,color .25s ease,transform .25s ease}
.wb28 .go:hover,.wb28 .go:focus-visible{background:#E7F0FD;border-color:#16213D;color:#16213D;transform:translateX(2px)}
.wb28 .go:focus-visible{outline:2px solid #fff;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.wb28 .go{transition:none}.wb28 .go:hover{transform:none}}

@media (max-width:860px){
  .wb28 .in{justify-content:center;text-align:center;padding:12px 16px;gap:10px 14px}
  .wb28 .t.s{flex-basis:100%}
}