/**
 * ME Beauty mobile CTA and spacing rules.
 * First extracted in v1.0.1-prep from the approved staging/live mobile CTA fix.
 */

@media (max-width: 767px) {
	body {
		padding-bottom: calc(110px + env(safe-area-inset-bottom, 0px));
	}

	.meb-booking-bar {
		left: auto !important;
		right: 16px !important;
		bottom: calc(18px + env(safe-area-inset-bottom, 0px)) !important;
		width: auto !important;
		min-width: 132px !important;
		max-width: calc(100vw - 32px) !important;
		height: 48px !important;
		gap: 0 !important;
		transform: none !important;
		z-index: 99998 !important;
	}

	.meb-booking-bar a,
	.meb-booking-bar__whatsapp {
		width: auto !important;
		min-width: 132px !important;
		height: 48px !important;
		min-height: 48px !important;
		max-height: 48px !important;
		padding: 0 20px !important;
		border-radius: 999px !important;
		background: var(--meb-accent, #ce88bb) !important;
		color: #fff !important;
		font-size: 0 !important;
		font-weight: 700 !important;
		line-height: 1 !important;
		box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16) !important;
	}

	.meb-booking-bar a::after,
	.meb-booking-bar__whatsapp::after {
		content: "WhatsApp";
		font-size: 15px;
		line-height: 1;
	}

	.meb-booking-bar a:hover,
	.meb-booking-bar a:focus,
	.meb-booking-bar__whatsapp:hover,
	.meb-booking-bar__whatsapp:focus {
		background: var(--meb-accent-dark, #b96fa6) !important;
		color: #fff !important;
	}

	.gt3_scroll_up,
	#back_to_top,
	.back_to_top,
	.scroll_to_top {
		right: 16px !important;
		bottom: calc(78px + env(safe-area-inset-bottom, 0px)) !important;
		width: 44px !important;
		height: 44px !important;
	}

	.meb-gallery-prompt a,
	.meb-service-final-cta a {
		width: auto !important;
		max-width: 100%;
		align-self: flex-start;
		padding-left: 22px;
		padding-right: 22px;
	}
}