.vpt-banner { background: linear-gradient(90deg, #3b2fd6 0%, #5046e5 50%, #7a3cf0 100%); color: #fff; padding: 10px 16px; box-sizing: border-box; width: 100%; }
.vpt-banner--sticky { position: sticky; top: var(--wp-admin--admin-bar--height, 0px); z-index: 9999; }
.vpt-banner__inner { max-width: 1200px; margin: 0 auto; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px 26px; }
.vpt-banner__text { font-size: 17px; font-weight: 700; line-height: 1.3; }
.vpt-banner__text strong { color: #ffd34d; }
.vpt-banner__timer { display: flex; align-items: center; gap: 10px; }
.vpt-banner__label { font-size: 13px; opacity: .9; }
.vpt-banner__units { display: flex; gap: 6px; }
.vpt-banner__unit { background: rgba(255, 255, 255, .16); border-radius: 6px; min-width: 46px; padding: 4px 6px; text-align: center; line-height: 1.1; }
.vpt-banner__num { display: block; font-size: 18px; font-weight: 700; font-variant-numeric: tabular-nums; }
.vpt-banner__lbl { display: block; font-size: 10px; text-transform: uppercase; letter-spacing: .4px; opacity: .8; }
.vpt-banner__btn { background: #fff; color: #4a3fe0; padding: 9px 20px; border-radius: 6px; font-size: 14px; font-weight: 700; text-decoration: none; white-space: nowrap; transition: background .2s, color .2s; }
.vpt-banner__btn:hover, .vpt-banner__btn:focus { background: #ffd34d; color: #2b2290; }

@media (max-width: 680px) {
	.vpt-banner__inner { flex-direction: column; gap: 8px; text-align: center; }
	.vpt-banner__text { font-size: 15px; }
	.vpt-banner__timer { flex-direction: column; gap: 6px; }
	.vpt-banner__unit { min-width: 42px; }
	.vpt-banner__btn { width: 100%; max-width: 280px; text-align: center; box-sizing: border-box; }
}