/* =============================================================================
		VinDXit Floating Social Links (bottom-right, scroll-following via fixed)
		- Uses SVG icons (no external deps)
		- Replace hrefs with your real pages
		============================================================================= */
		#vx-social-floating{
			position: fixed;
			right: 20px;
			bottom: 20px;
			display: flex;
			flex-direction: column;
			gap: 10px;
			z-index: 9999;
		}

		.vx-social{
			width: 46px;
			height: 46px;
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 999px;
			text-decoration: none;
			color: #fff;
			background: rgba(0,0,0,0.35);
			border: 1px solid rgba(255,255,255,0.18);
			backdrop-filter: blur(10px) saturate(140%);
			-webkit-backdrop-filter: blur(10px) saturate(140%);
			box-shadow: 0 10px 26px rgba(0,0,0,0.45);
			transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
		}

		.vx-social:hover{
			transform: translateY(-3px);
			box-shadow: 0 14px 30px rgba(0,0,0,0.55);
			border-color: rgba(255,255,255,0.28);
		}

		.vx-social:focus-visible{
			outline: 3px solid var(--yellow);
			outline-offset: 4px;
		}

		.vx-social svg{
			width: 20px;
			height: 20px;
			fill: currentColor;
			display: block;
		}

		.vx-social.vx-facebook{ background: #1877f2; }
		.vx-social.vx-x{ background: #000000; }
		.vx-social.vx-instagram{ background: #e1306c; }

		@media (max-width: 640px){
			#vx-social-floating{
				right: 14px;
				bottom: 14px;
			}
			.vx-social{
				width: 10px;
				height: 10px;
			}
		}

        @media (max-width: 640px){
	#vx-social-floating{
		right: 10px;			/* tighter edge spacing on phones */
		bottom: 10px;
		gap: 8px;				/* tighter vertical stack */
	}

	.vx-social{
		width: 36px;			/* ✅ noticeably smaller */
		height: 36px;
		box-shadow: 0 8px 18px rgba(0,0,0,0.40);
	}

	.vx-social svg{
		width: 8px;			/* scale icon with button */
		height: 8px;
	}
}

.vx-footer-social{
	display: flex;
	justify-content: center;
	gap: 12px;
	padding: 14px 0 6px 0;
}

.vx-social.vx-instagram{
	background: radial-gradient(circle at 30% 110%,
		#fdf497 0%, #fdf497 5%,
		#fd5949 45%, #d6249f 60%,
		#285AEB 90%);
}