.mobile-toolbar {
	display: none;
}

@media (max-width: 768px) {
	.mobile-toolbar {
		display: flex !important;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		background: #fff;
		justify-content: space-around;
		padding: 8px 0;
		border-top: 1px solid #ddd;
		z-index: 9999;
	}

	.mobile-toolbar a {
		text-align: center;
		font-size: 12px;
		color: #333;
		text-decoration: none;
		flex: 1;
		position: relative;
		padding: 6px 0;
	}

	.mobile-toolbar svg {
		display: block;
		margin: 0 auto 4px;
		width: 22px;
		height: 22px;
	}

	.mobile-toolbar .cart-link {
		position: relative;
	}

	.mobile-toolbar .cart-count {
		position: absolute;
		top: 0;
		right: 55%;
		background: red;
		color: #fff;
		font-size: 10px;
		font-weight: bold;
		border-radius: 50%;
		padding: 2px;
		min-width: 16px;
		text-align: center;
		line-height: 1.2;
	}

	.mobile-toolbar .cart-count.pulse {
		animation: phs-toolbar-pulse 2s infinite;
	}
}

@keyframes phs-toolbar-pulse {
	0% { box-shadow: 0 0 0 0 #ef405691; }
	70% { box-shadow: 0 0 0 10px transparent; }
	100% { box-shadow: 0 0 0 0 transparent; }
}