#products,
#pprau-products {
	scroll-margin-top: 190px;
}

.ppr-nav .ppr-account-link {
	white-space: nowrap;
}

::selection {
	background: rgba(18, 142, 217, .2);
	color: #071b3a;
}

.ppr-brand-logo,
.ppr-shop-button,
.ppr-cart-link {
	transition: transform .22s ease, box-shadow .22s ease, filter .22s ease;
}

.ppr-brand:hover .ppr-brand-logo {
	filter: drop-shadow(0 9px 16px rgba(8, 99, 173, .16));
	transform: translateY(-1px);
}

.ppr-shop-button:hover,
.ppr-cart-link:hover {
	transform: translateY(-2px);
}

.ppr-footer a {
	text-decoration-color: transparent;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
	transition: color .18s ease, text-decoration-color .18s ease;
}

.ppr-footer a:hover {
	text-decoration-color: currentColor;
}

.ppr-header a:focus-visible,
.ppr-footer a:focus-visible {
	border-radius: 5px;
	outline: 3px solid rgba(31, 151, 224, .3);
	outline-offset: 4px;
}

@media (min-width: 981px) {
	.ppr-nav > a:not(.ppr-shop-button) {
		position: relative;
	}

	.ppr-nav > a:not(.ppr-shop-button)::after {
		position: absolute;
		left: 50%;
		bottom: -9px;
		width: 18px;
		height: 2px;
		border-radius: 999px;
		background: #0b82d0;
		content: "";
		opacity: 0;
		transform: translateX(-50%) scaleX(.3);
		transition: opacity .18s ease, transform .18s ease;
	}

	.ppr-nav > a:not(.ppr-shop-button):hover::after,
	.ppr-nav > a[aria-current="page"]::after {
		opacity: 1;
		transform: translateX(-50%) scaleX(1);
	}
}

@media (max-width: 782px) {
	#products,
	#pprau-products {
		scroll-margin-top: 150px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.ppr-brand-logo,
	.ppr-shop-button,
	.ppr-cart-link,
	.ppr-footer a,
	.ppr-nav > a::after {
		transition: none !important;
	}
}