/**
 * PSDM Design Sides — Colors-driven side count (both surfaces).
 *
 * Product page: .psdm-sides-gate-note mismatch banner above Add to cart.
 * Designer: body.psdm-one-side hides every stage-switch control tagged by
 * psdm-designer-sides.js (.psdm-sides-nav arrows, .psdm-sides-ind "1/2"
 * indicator, the .nbd-stages-nav thumb rail — hidden here too so the rule
 * holds even when the guide CSS that also hides it is admin-disabled), and
 * .psdm-sides-bw-note is the 4/1 "back prints black & white" banner.
 * AX theme tokens with literal fallbacks (theme can be killed).
 */

/* ------------------------------------------------ product page mismatch */
.psdm-sides-gate-note {
	margin: 10px 0;
	padding: 10px 14px;
	border: 1px solid #e5b6b3;
	border-radius: 10px;
	background: #fdf3f2;
	color: #8a2f2b;
	font-size: 13px;
	line-height: 1.5;
}

/* --------------------------------------------- designer: single-sided */
.psdm-one-side .psdm-sides-nav,
.psdm-one-side .psdm-sides-ind,
.psdm-one-side .nbd-stages-nav {
	display: none !important;
}

/* ------------------------------------------------ designer: 4/1 banner */
.psdm-sides-bw-note {
	position: fixed;
	top: 64px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 99999;
	max-width: min(92vw, 480px);
	padding: 8px 18px;
	border-radius: 999px;
	background: var(--ax-gray-900, #23262e);
	color: #fff;
	font-size: 12.5px;
	font-weight: 600;
	line-height: 1.4;
	text-align: center;
	box-shadow: 0 8px 24px rgba(10, 14, 22, 0.25);
	pointer-events: none;
}