/* Barra inferior fija — sólo celular */
.shampoo-barra { display: none; }

@media (max-width: 767px) {
	.shampoo-barra {
		position: fixed; left: 0; right: 0; bottom: 0; z-index: 9990;
		display: grid; grid-template-columns: repeat(4, 1fr);
		height: calc(60px + env(safe-area-inset-bottom));
		padding-bottom: env(safe-area-inset-bottom);
		background: #fff; border-top: 1px solid #dbe6ec;
		box-shadow: 0 -8px 24px -16px rgba(23, 36, 43, .35);
	}
	.shampoo-barra__item {
		display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
		color: #4a5b64; text-decoration: none; font-family: Montserrat, sans-serif; font-size: 10.5px; font-weight: 600; letter-spacing: .02em;
	}
	.shampoo-barra__item svg { width: 22px; height: 22px; }
	.shampoo-barra__item.es-activo { color: #0e6681; }
	.shampoo-barra__item--wa { color: #1f8f4e; }
	.shampoo-barra__ico { position: relative; display: inline-flex; }
	.shampoo-barra__n {
		position: absolute; top: -6px; right: -10px; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 9px;
		background: #c8102e; color: #fff; font-size: 10.5px; font-weight: 700; line-height: 18px; text-align: center;
	}
	.shampoo-barra__n.es-vacio { display: none; }

	/* Deja lugar para la barra y esconde los flotantes que ahora sobran */
	body { padding-bottom: calc(64px + env(safe-area-inset-bottom)); }
	#shampoo-floating-checkout, .shampoo-wa-floating, .shampoo-whatsapp-float, .whatsapp-float { display: none !important; }
	.shampoo-country-selector { bottom: calc(70px + env(safe-area-inset-bottom)) !important; }
	#shampoo-sales-notification-container, .shampoo-sales-notification { bottom: calc(70px + env(safe-area-inset-bottom)) !important; }
}