/* Native WCDP jBox defaults to 10000, beneath the fixed companion app. */
body.hp-design-studio .jBox-overlay { z-index: 10140 !important; }
body.hp-design-studio .jBox-wrapper.jBox-Modal,
body.hp-design-studio .jBox-wrapper.jBox-Confirm { z-index: 10150 !important; }
body.hp-design-studio .jBox-wrapper.jBox-Modal,
body.hp-design-studio .jBox-wrapper.jBox-Confirm {
	min-width: 0 !important;
	max-width: calc(100vw - 24px) !important;
	box-sizing: border-box;
}
body.hp-design-studio .jBox-Modal .jBox-content {
	max-height: calc(100dvh - 150px);
	overflow-y: auto;
	overflow-wrap: anywhere;
}
body.hp-design-studio .jBox-Confirm-button:focus-visible { outline: 2px solid #FF39A3; outline-offset: -3px; }
body.hp-design-studio #wcdp-confirm-design input[type="checkbox"] {
	appearance: auto;
	width: 20px;
	height: 20px;
	accent-color: #FF39A3;
}
body.hp-design-studio #hp-designer-cart-status {
	position: fixed;
	top: calc(var(--hp-app-header-height, 56px) + env(safe-area-inset-top, 0px) + 8px);
	left: 12px;
	right: 12px;
	z-index: 10160;
	max-width: 560px;
	margin: 0 auto;
	padding: 10px 14px;
	border: 1px solid #FF39A3;
	border-radius: 10px;
	background: #fff3fa;
	color: #242424;
	font: 14px/1.5 var(--hp-font, sans-serif);
}
body.hp-design-studio #hp-designer-cart-status[hidden] { display: none !important; }