/* New button: hidden on desktop by default */
.order-now-mobile-btn {
	display: none;
}

@media (max-width: 991px) {
	/* Show the new button next to the logo on mobile/tablet */
	.order-now-mobile-btn {
		display: inline-block;
		background-color: #c0392b; /* match your brand color */
		padding: 8px 14px;
		border-radius: 6px;
		margin-left: 10px;
	}

	.order-now-mobile-btn .p3 {
		margin: 0;
		color: #fff !important;
		font-size: 12px;
	}

	/* Hide the original "Order Now" li inside the hamburger menu on mobile, 
	   since it now appears next to the logo instead */
	.order-now-mobile {
		display: none !important;
	}
}