/* The floating WhatsApp button.
 *
 * This lived as an inline <style> copy on six pages and was simply missing
 * from catalog.html and product-detail.html, where the markup was present but
 * unstyled — so the button rendered as a bare icon in the top-left corner.
 * One file, linked by every page, hand-written and generated alike.
 */

.whatsapp-float {
	position: fixed;
	width: 60px;
	height: 60px;
	bottom: 40px;
	right: 40px;
	background-color: #25d366;
	color: #FFF;
	border-radius: 50px;
	text-align: center;
	font-size: 30px;
	box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
	z-index: 100;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	border-bottom: 0;
}

.whatsapp-float:hover {
	background-color: #128c7e;
	color: #FFF;
}

@media screen and (max-width: 736px) {
	.whatsapp-float {
		width: 50px;
		height: 50px;
		bottom: 20px;
		right: 20px;
		font-size: 24px;
	}
}