/* WIE · Parafarmacia DermoMedic — estilos globales (se cargan en toda la web): botón de menú y carrito */
.menu-item.pf-menu-pill > a,
.qodef-header-navigation .menu-item.pf-menu-pill > a {
	display: inline-flex !important;
	align-items: center;
	gap: 8px;
	background: #a64bc8;
	color: #fff !important;
	padding: 11px 20px !important;
	border-radius: 999px;
	letter-spacing: .12em;
	font-weight: 700;
	line-height: 1 !important;
	transition: background 120ms;
}
.menu-item.pf-menu-pill > a:hover,
.qodef-header-navigation .menu-item.pf-menu-pill > a:hover { background: #7a2a9e; color: #fff !important; }
.menu-item.pf-menu-pill > a::before {
	content: "";
	width: 14px; height: 14px; flex: 0 0 14px;
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 2L3 6v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6l-3-4z'/><line x1='3' y1='6' x2='21' y2='6'/><path d='M16 10a4 4 0 0 1-8 0'/></svg>") center/contain no-repeat;
}

.menu-item.pf-cart-li { display: inline-flex; align-items: center; margin-left: 14px; }
.menu-item.pf-cart-li > a.pf-cart {
	position: relative;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 44px; height: 44px;
	padding: 0 !important;
	border-radius: 50%;
	background: #f4edf7;
	color: #a64bc8 !important;
	line-height: 1 !important;
}
.menu-item.pf-cart-li > a.pf-cart:hover { background: #ecdff2; }
.pf-cart-count {
	position: absolute; top: -4px; right: -4px;
	min-width: 18px; height: 18px; padding: 0 5px;
	border-radius: 999px;
	background: #a64bc8; color: #fff;
	font-size: 11px; font-weight: 700; line-height: 18px; text-align: center;
	display: none;
}
.pf-cart-count.pf-cart-count--on { display: inline-block; }