.urban-sticky-atc {
	display: none;
}

@media (max-width: 768px) {
	.urban-sticky-atc {
		display: flex;
		align-items: center;
		gap: 12px;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		/* The menu, search and mini-cart panels live inside the sticky header,
		   which is its own stacking layer at z-index 40, so their own 50+
		   values only count inside it. The bar has to sit below 40 to stay
		   underneath them. The header is at the top and the bar at the
		   bottom, so they never overlap. */
		z-index: 39;
		box-sizing: border-box;
		padding: 10px 16px max(10px, env(safe-area-inset-bottom));
		background: var(--urban-white, #fff);
		border-top: 1px solid var(--urban-border, #e3e3e3);
		box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.08);
		transform: translateY(100%);
		visibility: hidden;
	}

	.urban-sticky-atc.is-visible {
		transform: none;
		visibility: visible;
	}

	@media (prefers-reduced-motion: no-preference) {
		.urban-sticky-atc {
			transition: transform 0.2s ease, visibility 0.2s;
		}
	}

	/* Keeps the last lines of the page reachable above the bar. */
	body.urban-sticky-atc-on {
		padding-bottom: 76px;
	}

	.urban-sticky-atc__info {
		flex: 1 1 auto;
		min-width: 0;
	}

	.urban-sticky-atc__title,
	.urban-sticky-atc__meta {
		margin: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		line-height: 1.3;
	}

	.urban-sticky-atc__title {
		font-size: 0.875rem;
		font-weight: 700;
	}

	.urban-sticky-atc__meta {
		font-size: 0.8125rem;
	}

	.urban-sticky-atc__price {
		font-weight: 600;
	}

	.urban-sticky-atc__price del {
		opacity: 0.6;
	}

	.urban-sticky-atc__price ins {
		text-decoration: none;
	}

	.urban-sticky-atc__button {
		flex: 0 0 auto;
		min-height: 44px;
		padding: 0 20px;
		background: var(--urban-black, #111);
		border: 1px solid var(--urban-black, #111);
		color: var(--urban-white, #fff);
		font: inherit;
		font-size: 0.8125rem;
		font-weight: 700;
		letter-spacing: 0.06em;
		text-transform: uppercase;
		cursor: pointer;
	}

	.urban-sticky-atc__button[aria-disabled="true"] {
		opacity: 0.5;
	}
}