/* Free-delivery "stamp" — the client's own graphic (see template.php),
   pinned to the footer's lower-right corner like a wax seal pressed onto
   the page: a slight tilt, a raised drop shadow for lift, and a bevelled
   inset ring (light top edge, dark bottom edge) so the medallion itself
   reads as embossed rather than a flat rectangle. Absolutely positioned
   against .qg-footer (see the `position: relative` added there) so it sits
   in whatever empty space the corner has, independent of the column/bottom
   bar flex layout. */

.qg-footer {
	position: relative;
}

.qg-footer-stamp {
	position: absolute;
	right: clamp(14px, 4vw, 56px);
	bottom: clamp(14px, 4vw, 40px);
	width: clamp(96px, 15vw, 180px);
	z-index: 3;
	transform: rotate(-8deg);
	transition: transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1);
	filter: drop-shadow(0 18px 30px rgba(0, 0, 0, 0.45)) drop-shadow(0 4px 8px rgba(0, 0, 0, 0.3));
}

.qg-footer-stamp:hover {
	transform: rotate(-2deg) scale(1.06);
}

.qg-footer-stamp::before {
	content: '';
	position: absolute;
	inset: -8px;
	border-radius: 26%;
	border: 2px dashed rgba(255, 253, 250, 0.55);
	pointer-events: none;
}

.qg-footer-stamp img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 22%;
	background: #fff8ef;
	border: 5px solid #fffdfa;
	box-shadow:
		inset 0 3px 4px rgba(255, 255, 255, 0.9),
		inset 0 -4px 8px rgba(0, 0, 0, 0.28),
		0 0 0 2px rgba(0, 0, 0, 0.06);
}

@media (max-width: 560px) {
	.qg-footer-stamp {
		right: var(--qg-space-3);
		bottom: var(--qg-space-3);
	}

	.qg-footer-stamp::before {
		border-width: 1.5px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.qg-footer-stamp {
		transition: none;
	}
}