body.velari-ann-hasbar {
			padding-top: 60px !important;
		}

		.velari-announcement {
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			height: 60px;
			z-index: 498;
			background: #111;
			color: #fff;
			font-family: 'Manrope', sans-serif;
			font-size: 16px;
			letter-spacing: 0.5px;
			word-spacing: 3px;
			text-transform: uppercase !important;
			line-height: 1.4;
			display: flex;
			align-items: center;
			justify-content: center;
			text-align: center;
			padding: 0 16px;
			box-sizing: border-box;
		}

		body.admin-bar .velari-announcement {
			top: 32px;
		}

		@media screen and (max-width: 1024px) {
			body.admin-bar .velari-announcement {
/* 				top: 46px; */
				top: 0 !important;
			}
		}

		.velari-ann-track {
			position: relative;
			width: 100%;
			min-height: 2.4em;
			overflow: hidden;
		}

		.velari-ann-slide {
			position: absolute;
			inset: 0;
			display: flex;
			align-items: center;
			justify-content: center;
			opacity: 0;
			transition: opacity .45s ease;
			pointer-events: none;
			padding-top: 3px;
		}

		.velari-ann-slide.velari-ann-active {
			opacity: 1;
			pointer-events: auto;
		}

		.velari-ann-join-img {
			width: 20px;
			height: 20px;
			margin-right: 8px;
			transform: translateY(-1px);
		}

		.velari-ann-slide p {
			margin: 0;
		}

		.velari-ann-slide p b {
			color: #dfb171; 
		}

		.velari-ann-signup {
			cursor: pointer;
		}

		.velari-ann-cta {
			margin-left: 12px;
			white-space: nowrap;
			
			display: inline-flex;
			align-items: center;
			justify-content: center;
			height: 30px;
			padding: 2px 20px 0;
			word-spacing: 0;
			letter-spacing: 0;
			border-radius: 10px;
			background: linear-gradient(
				135deg,
				#f7e2a6 0%,
				#d8ad4d 45%,
				#f5d88b 100%
			);
			color: #111;
			font-size: 13px;
			font-weight: 600;
			letter-spacing: 0.04em;
			text-transform: uppercase;
			text-decoration: none;
			border: 1px solid rgba(184, 137, 45, 0.45);
			box-shadow:
				inset 0 1px 0 rgba(255,255,255,0.65),
				0 4px 12px rgba(188, 142, 55, 0.25);
			transition:
				transform 0.25s ease,
				box-shadow 0.25s ease,
				filter 0.25s ease;
		}
		.velari-ann-slide:hover .velari-ann-cta {
			transform: translateY(-1px);
    		filter: brightness(1.05);
			box-shadow:
				inset 0 1px 0 rgba(255,255,255,0.75),
				0 8px 18px rgba(188, 142, 55, 0.35);
		}

		.velari-signup-overlay {
			position: fixed;
			inset: 0;
			background: rgba(0,0,0,.55);
			z-index: 100000;
			display: none;
			align-items: center;
			justify-content: center;
			padding: 20px;
			box-sizing: border-box;
		}

		.velari-signup-overlay.open {
			display: flex;
		}

		.velari-signup-modal {
			background: #fff;
			border-radius: 12px;
			padding: 36px 32px;
			max-width: 420px;
			width: 100%;
			text-align: center;
			position: relative;
			box-shadow: 0 20px 60px rgba(0,0,0,.3);
			box-sizing: border-box;
		}

		.velari-signup-close {
			position: absolute;
			top: 10px;
			right: 14px;
			background: none;
			border: none;
			font-size: 26px;
			line-height: 1;
			color: #999;
			cursor: pointer;
		}

		.velari-signup-modal h3 {
			font-family: 'Satoshi', sans-serif;
			font-weight: 700;
			font-size: var(--text-2xl, 24px);
			margin: 0 0 8px;
			color: #111;
		}

		.velari-signup-modal > p {
			font-family: 'Manrope', sans-serif;
			font-size: var(--text-base, 14px);
			color: #555;
			line-height: 1.5;
			margin: 0 0 20px;
		}

		@media (max-width: 1024px) {
			body.velari-ann-hasbar {
				padding-top: 42px !important;
			}

			.velari-announcement {
				height: 42px;
				font-size: 12px;
				padding: 0 10px;
				letter-spacing: 0;
				word-spacing: 0;
			}
			
			.velari-ann-join-img {
				width: 16px;
				height: 16px;
				margin-right: 8px;
				transform: translateY(-1px);
			}
			
			.velari-ann-cta {
				margin-left: 8px;
				height: 24px;
				padding: 2px 12px 0;
				border-radius: 8px;
				font-size: 12px;
				letter-spacing: 0.02em;
			}
		}

		@media (max-width: 767px) {
			body.velari-ann-hasbar {
				padding-top: 42px !important;
			}

			.velari-announcement {
				height: 42px;
				font-size: 11px;
				padding: 0 8px;
				text-transform: unset !important;
			}
		
			.velari-ann-join-img {
				width: 13px;
				height: 13px;
				margin-right: 2px;
				transform: translateY(0);
			}
			
			.velari-ann-cta {
				display: none !important;
				
/* 				margin-left: 4px;
				height: 22px;
				padding: 2px 8px 0;
				border-radius: 7px;
				font-size: 12px;
				letter-spacing: 0; */
			}

			.velari-signup-modal {
				padding: 32px 22px;
			}
		}