/* BUYAMTO phones: "Added to cart · View cart" note (replaces the full side cart panel). Theme tokens = dark mode too. */
.by-added-note {
	position: fixed; z-index: 100005; left: 50%; top: calc(env(safe-area-inset-top, 0px) + 12px);
	display: flex; align-items: center; gap: 10px; max-width: calc(100vw - 24px);
	padding: 8px 8px 8px 14px; border-radius: 999px;
	background: var(--by-surface, #fff); color: var(--by-ink, #1A1815); border: 1px solid var(--by-line, #E7E2D9);
	box-shadow: 0 14px 34px -14px rgba(26, 24, 21, .45);
	font-size: 15px; font-weight: 700; line-height: 1.2; white-space: nowrap;
	opacity: 0; visibility: hidden; transform: translate(-50%, -12px);
	transition: opacity .25s ease, transform .25s ease, visibility 0s linear .25s;
}
.by-added-note.is-shown { opacity: 1; visibility: visible; transform: translate(-50%, 0); transition: opacity .25s ease, transform .25s ease; }
.by-added-note__tick {
	display: inline-grid; place-items: center; width: 24px; height: 24px; flex: none; border-radius: 50%;
	background: var(--by-teal, #0E7C86); color: #fff; font-size: 13px;
}
.by-added-note__a {
	display: inline-flex; align-items: center; min-height: 36px; padding: 0 14px; border-radius: 999px;
	background: var(--by-orange, #C94F0A); color: #fff !important; text-decoration: none; font-weight: 700;
}
.by-added-note__a:hover, .by-added-note__a:focus-visible { background: var(--by-orange-dark, #A94008); color: #fff !important; }
.by-added-note__a:focus-visible { outline: 2px solid var(--by-teal, #0E7C86); outline-offset: 2px; }
@media (min-width: 850px) { .by-added-note { display: none; } }
@media (prefers-reduced-motion: reduce) { .by-added-note, .by-added-note.is-shown { transition: none; } }
/* The note has its own "View cart" link, so WooCommerce's extra link under the button is hidden on phones. */
@media (max-width: 849px) { .product-small a.added_to_cart, .products a.added_to_cart { display: none !important; } }