[hidden] {
	display: none !important;
}

.yaa-pwa-install-btn {
	position: fixed;
	inset-block-end: max(1.25rem, env(safe-area-inset-bottom));
	inset-inline-end: 1.25rem;
	z-index: 999;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.75rem 1.25rem;
	border: none;
	border-radius: 999px;
	background: #17130f;
	color: #faf6ee;
	font-family: "Alexandria", system-ui, -apple-system, sans-serif;
	font-size: 0.9rem;
	font-weight: 700;
	box-shadow: 0 1rem 2.5rem -1rem rgba(23, 19, 15, 0.55);
	cursor: pointer;
}

.yaa-pwa-install-btn:hover,
.yaa-pwa-install-btn:focus-visible {
	background: #3a2f23;
	outline: 2px solid #d89a3a;
	outline-offset: 2px;
}

.yaa-pwa-install-btn svg {
	flex: none;
}

.yaa-pwa-ios-banner {
	position: fixed;
	inset-inline: 1rem;
	inset-block-end: max(1rem, env(safe-area-inset-bottom));
	z-index: 999;
	display: flex;
	align-items: center;
	gap: 0.75rem;
	max-width: 26rem;
	margin-inline: auto;
	padding: 1rem 1.1rem;
	border: 1px solid #e3d9c6;
	border-radius: 0.85rem;
	background: #faf6ee;
	color: #17130f;
	font-family: "Alexandria", system-ui, -apple-system, sans-serif;
	font-size: 0.88rem;
	line-height: 1.7;
	box-shadow: 0 1.5rem 3rem -1.5rem rgba(23, 19, 15, 0.55);
}

.yaa-pwa-ios-banner__icon {
	flex: none;
	color: #8c5b1b;
}

.yaa-pwa-ios-banner p {
	margin: 0;
	flex: 1;
}

.yaa-pwa-ios-banner strong {
	color: #8c5b1b;
}

.yaa-pwa-ios-banner button {
	flex: none;
	width: 1.75rem;
	height: 1.75rem;
	border: none;
	border-radius: 50%;
	background: #f1e9da;
	color: #17130f;
	font-size: 1.1rem;
	line-height: 1;
	cursor: pointer;
}

.yaa-pwa-ios-banner button:hover,
.yaa-pwa-ios-banner button:focus-visible {
	background: #e3d9c6;
	outline: 2px solid #d89a3a;
	outline-offset: 2px;
}

@media (prefers-reduced-motion: no-preference) {
	.yaa-pwa-install-btn,
	.yaa-pwa-ios-banner {
		animation: yaa-pwa-rise 0.35s ease both;
	}
}

@keyframes yaa-pwa-rise {
	from {
		opacity: 0;
		transform: translateY(0.75rem);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}