/* -------------------------------------------------------
   Pixel Perfect — Sale Button
------------------------------------------------------- */

.pp-sale-button {
	position: fixed;
	z-index: 99999;
}

/* Positions */
.pp-sale-button--bottom-right { bottom: 28px; right: 28px; }
.pp-sale-button--bottom-left  { bottom: 28px; left:  28px; }
.pp-sale-button--top-right    { top:    28px; right: 28px; }
.pp-sale-button--top-left     { top:    28px; left:  28px; }

/* Link / pill */
.pp-sale-button__link {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: linear-gradient(135deg, #6d28d9 0%, #a855f7 100%);
	color: #fff;
	text-decoration: none;
	padding: 14px 22px;
	border-radius: 50px;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.01em;
	box-shadow: 0 6px 24px rgba(109, 40, 217, 0.45);
	transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
	white-space: nowrap;
}

.pp-sale-button__link:hover,
.pp-sale-button__link:focus {
	background: linear-gradient(135deg, #7c3aed 0%, #c084fc 100%);
	box-shadow: 0 10px 32px rgba(109, 40, 217, 0.55);
	transform: translateY(-2px) scale(1.03);
	color: #fff;
	text-decoration: none;
	outline: none;
}

.pp-sale-button__link:active {
	transform: translateY(0) scale(0.98);
	box-shadow: 0 4px 14px rgba(109, 40, 217, 0.35);
}

/* Icon */
.pp-sale-button__icon {
	width: 18px;
	height: 18px;
	flex-shrink: 0;
}

/* Slide-in animation on load */
@keyframes pp-slide-in-br {
	from { opacity: 0; transform: translateY(16px) scale(0.9); }
	to   { opacity: 1; transform: translateY(0)    scale(1);   }
}
@keyframes pp-slide-in-bl {
	from { opacity: 0; transform: translateY(16px) scale(0.9); }
	to   { opacity: 1; transform: translateY(0)    scale(1);   }
}
@keyframes pp-slide-in-tr {
	from { opacity: 0; transform: translateY(-16px) scale(0.9); }
	to   { opacity: 1; transform: translateY(0)     scale(1);   }
}
@keyframes pp-slide-in-tl {
	from { opacity: 0; transform: translateY(-16px) scale(0.9); }
	to   { opacity: 1; transform: translateY(0)     scale(1);   }
}

.pp-sale-button--bottom-right { animation: pp-slide-in-br 0.45s cubic-bezier(0.34, 1.56, 0.64, 1) 0.4s both; }
.pp-sale-button--bottom-left  { animation: pp-slide-in-bl 0.45s cubic-bezier(0.34, 1.56, 0.64, 1) 0.4s both; }
.pp-sale-button--top-right    { animation: pp-slide-in-tr 0.45s cubic-bezier(0.34, 1.56, 0.64, 1) 0.4s both; }
.pp-sale-button--top-left     { animation: pp-slide-in-tl 0.45s cubic-bezier(0.34, 1.56, 0.64, 1) 0.4s both; }

/* Responsive — shrink a bit on small screens */
@media (max-width: 480px) {
	.pp-sale-button--bottom-right { bottom: 16px; right: 16px; }
	.pp-sale-button--bottom-left  { bottom: 16px; left:  16px; }
	.pp-sale-button--top-right    { top:    16px; right: 16px; }
	.pp-sale-button--top-left     { top:    16px; left:  16px; }

	.pp-sale-button__link {
		font-size: 13px;
		padding: 11px 16px;
		gap: 8px;
	}

	.pp-sale-button__icon {
		width: 15px;
		height: 15px;
	}
}