/* ChiroBlock Purity & Quantity Price Explorer — responsive layout up to 800 px */
.cbpqp-tool,.cbpqp-tool *{box-sizing:border-box!important}
.cbpqp-tool{
--g:#6f8f3d;--gd:#4f6f24;--gs:#edf4e4;--ink:#22272b;--text:#4b5359;--muted:#737b81;
--border:#d8dde0;--border2:#e9edef;--soft:#f7f9f9;--orange:#d97722;
display:block!important;width:min(800px,calc(100% - 16px))!important;max-width:800px!important;
margin:18px auto!important;padding:0!important;color:var(--ink)!important;background:#fff!important;
border:1px solid var(--border2)!important;border-radius:clamp(14px,2.25vw,18px)!important;box-shadow:0 12px 34px rgba(26,33,38,.10)!important;
overflow:hidden!important;font-family:Arial,Helvetica,sans-serif!important;font-size:clamp(12px,1.75vw,14px)!important;line-height:1.4!important;
container-type:inline-size!important}
.cbpqp-tool h2,.cbpqp-tool h3,.cbpqp-tool p{margin-top:0!important}.cbpqp-tool button,.cbpqp-tool input,.cbpqp-tool output{font:inherit!important}
.cbpqp-header{display:grid!important;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;align-items:end!important;gap:clamp(10px,2.7cqi,22px)!important;padding:clamp(14px,2.5cqi,20px) clamp(14px,3cqi,24px) clamp(12px,2.25cqi,18px)!important;background:radial-gradient(circle at 92% 0%,rgba(111,143,61,.14),transparent 42%),linear-gradient(180deg,#fff,#fafcf8)!important;border-bottom:1px solid var(--border2)!important}
.cbpqp-eyebrow,.cbpqp-section-label{display:inline-block!important;margin:0 0 5px!important;color:var(--gd)!important;font-size:clamp(7px,1.05cqi,9px)!important;font-weight:800!important;line-height:1.2!important;letter-spacing:.07em!important;text-transform:uppercase!important}
.cbpqp-eyebrow{padding:4px 7px!important;background:var(--gs)!important;border-radius:999px!important}
.cbpqp-header h2{margin:0!important;color:var(--ink)!important;font-size:clamp(21px,3.85cqi,31px)!important;font-weight:500!important;line-height:1.08!important}
.cbpqp-header p{margin:0!important;color:var(--text)!important;font-size:clamp(9px,1.55cqi,12.5px)!important;line-height:1.38!important}
.cbpqp-main{display:grid!important;grid-template-columns:43% 57%!important;min-height:clamp(374px,49cqi,402px)!important}
.cbpqp-visual{display:flex!important;flex-direction:column!important;min-width:0!important;padding:clamp(10px,2cqi,16px) clamp(8px,1.75cqi,14px) clamp(10px,1.5cqi,12px)!important;background:radial-gradient(circle at 50% 45%,rgba(227,178,76,.15),transparent 45%),#fff!important;border-right:1px solid var(--border2)!important}
.cbpqp-result{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;gap:clamp(7px,1.4cqi,11px)!important;padding:clamp(7px,1.25cqi,10px) clamp(8px,1.4cqi,11px)!important;background:var(--result-bg,#edf4e4)!important;border:1px solid var(--result-border,#c5d9a3)!important;border-radius:11px!important;transition:background .22s ease,border-color .22s ease!important}
.cbpqp-result-label{display:block!important;color:var(--result-text,#355016)!important;font-size:clamp(6.5px,.95cqi,8px)!important;font-weight:800!important;line-height:1.15!important;letter-spacing:.05em!important;text-transform:uppercase!important}
.cbpqp-result>div:first-child>strong{display:block!important;color:var(--result-text,#355016)!important;font-size:clamp(24px,4.3cqi,34px)!important;font-weight:800!important;line-height:1!important}
.cbpqp-result-meta{text-align:right!important}.cbpqp-result-meta strong{display:block!important;color:var(--result-text,#355016)!important;font-size:clamp(9px,1.55cqi,12px)!important;line-height:1.2!important}.cbpqp-result-meta span{display:block!important;margin-top:2px!important;color:var(--result-text,#355016)!important;font-size:clamp(7px,1.1cqi,9px)!important;font-weight:700!important;line-height:1.2!important}
.cbpqp-coins-wrap{position:relative!important;flex:1 1 auto!important;min-height:clamp(236px,31cqi,260px)!important;display:flex!important;align-items:flex-end!important;justify-content:center!important;overflow:hidden!important;padding-bottom:14px!important}
.cbpqp-coins{position:relative!important;width:clamp(132px,23cqi,184px)!important;height:100%!important}
.cbpqp-coin{position:absolute!important;left:50%!important;width:clamp(92px,17.5cqi,140px)!important;height:clamp(24px,4cqi,32px)!important;transform:translateX(-50%)!important;border-radius:50%!important;box-shadow:inset 0 -5px 0 rgba(0,0,0,.12),inset 0 2px 0 rgba(255,255,255,.42),0 3px 7px rgba(34,39,43,.14)!important;opacity:0!important;animation:cbpqp-in .22s ease forwards!important}
.cbpqp-coin:before{content:"€"!important;position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-54%)!important;color:rgba(255,255,255,.88)!important;font-size:clamp(11px,1.8cqi,14px)!important;font-weight:800!important;text-shadow:0 1px 1px rgba(0,0,0,.16)!important}
.cbpqp-coin-base{background:linear-gradient(180deg,#c9ced1,#929ca1)!important;border:2px solid #818c92!important}
.cbpqp-coin-quantity{background:linear-gradient(180deg,#a7c56f,#6f8f3d)!important;border:2px solid #5f7f30!important}
.cbpqp-coin-purity{background:linear-gradient(180deg,#f1b55c,#d97722)!important;border:2px solid #be6216!important}
.cbpqp-shadow{position:absolute!important;left:50%!important;bottom:9px!important;width:clamp(104px,19cqi,152px)!important;height:clamp(12px,2.1cqi,17px)!important;transform:translateX(-50%)!important;background:rgba(34,39,43,.14)!important;border-radius:50%!important;filter:blur(6px)!important}
@keyframes cbpqp-in{from{opacity:0;transform:translateX(-50%) translateY(-6px) scale(.97)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}
.cbpqp-breakdown{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:clamp(3px,.75cqi,6px)!important;margin-top:4px!important}
.cbpqp-pill{display:inline-flex!important;align-items:center!important;gap:4px!important;padding:clamp(3px,.65cqi,5px) clamp(4px,.9cqi,7px)!important;background:var(--soft)!important;border:1px solid var(--border2)!important;border-radius:999px!important;color:var(--muted)!important;font-size:clamp(6px,.95cqi,8px)!important;font-weight:700!important;line-height:1!important;white-space:nowrap!important}
.cbpqp-pill i{width:clamp(6px,.9cqi,8px)!important;height:clamp(6px,.9cqi,8px)!important;border-radius:50%!important}.cbpqp-pill strong{color:var(--ink)!important;font-size:clamp(7px,1.05cqi,9px)!important}.cbpqp-pill-base i{background:#9ca5aa!important}.cbpqp-pill-quantity i{background:#6f8f3d!important}.cbpqp-pill-purity i{background:#d97722!important}
.cbpqp-panel{min-width:0!important;padding:clamp(10px,2cqi,16px)!important;background:var(--soft)!important}
.cbpqp-panel-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:10px!important;margin-bottom:9px!important}.cbpqp-panel h3{margin:0!important;color:var(--ink)!important;font-size:clamp(15px,2.85cqi,22px)!important;font-weight:500!important;line-height:1.15!important}
.cbpqp-reset{flex:0 0 auto!important;margin:0!important;padding:clamp(4px,.7cqi,6px) clamp(7px,1cqi,9px)!important;color:var(--ink)!important;background:#fff!important;border:1px solid var(--border)!important;border-radius:999px!important;font-size:clamp(7px,1cqi,9px)!important;font-weight:800!important;cursor:pointer!important}
.cbpqp-control-card{margin:0 0 8px!important;padding:clamp(8px,1.45cqi,12px)!important;background:#fff!important;border:1px solid var(--border2)!important;border-radius:10px!important}
.cbpqp-control-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;margin-bottom:7px!important}.cbpqp-control-head label{color:var(--ink)!important;font-size:clamp(8px,1.4cqi,11px)!important;font-weight:800!important}.cbpqp-control-head output{min-width:clamp(52px,8cqi,64px)!important;padding:3px 6px!important;color:var(--gd)!important;background:var(--gs)!important;border-radius:999px!important;font-size:clamp(8px,1.2cqi,10px)!important;font-weight:800!important;text-align:center!important}
.cbpqp-range{-webkit-appearance:none!important;appearance:none!important;display:block!important;width:100%!important;height:clamp(18px,2.5cqi,20px)!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;outline:none!important;cursor:pointer!important}
.cbpqp-range::-webkit-slider-runnable-track{width:100%!important;height:clamp(7px,.95cqi,8px)!important;background:linear-gradient(to right,var(--g) 0%,var(--g) var(--progress,50%),var(--border2) var(--progress,50%),var(--border2) 100%)!important;border:0!important;border-radius:999px!important}
.cbpqp-range::-webkit-slider-thumb{-webkit-appearance:none!important;appearance:none!important;width:clamp(18px,2.5cqi,20px)!important;height:clamp(18px,2.5cqi,20px)!important;margin-top:clamp(-6px,-.7cqi,-5.5px)!important;background:#fff!important;border:3px solid var(--gd)!important;border-radius:50%!important;box-shadow:0 2px 6px rgba(34,39,43,.18)!important}
.cbpqp-range::-moz-range-track{height:clamp(7px,.95cqi,8px)!important;background:var(--border2)!important;border-radius:999px!important}.cbpqp-range::-moz-range-progress{height:clamp(7px,.95cqi,8px)!important;background:var(--g)!important;border-radius:999px!important}.cbpqp-range::-moz-range-thumb{width:clamp(13px,1.75cqi,15px)!important;height:clamp(13px,1.75cqi,15px)!important;background:#fff!important;border:3px solid var(--gd)!important;border-radius:50%!important}
.cbpqp-range-scale{display:flex!important;justify-content:space-between!important;gap:5px!important;margin-top:2px!important;color:var(--muted)!important;font-size:clamp(5.8px,.9cqi,7.2px)!important;line-height:1.1!important}
.cbpqp-purity-zones{display:grid!important;grid-template-columns:1fr 1.1fr 1.2fr!important;gap:3px!important;margin-top:6px!important}.cbpqp-purity-zones span{padding:3px!important;border-radius:5px!important;font-size:clamp(5.8px,.9cqi,7.2px)!important;font-weight:800!important;line-height:1.1!important;text-align:center!important}.cbpqp-purity-zones span:nth-child(1){color:#355016!important;background:#edf4e4!important}.cbpqp-purity-zones span:nth-child(2){color:#665300!important;background:#f4edc4!important}.cbpqp-purity-zones span:nth-child(3){color:#6b3200!important;background:#f8d4ae!important}
.cbpqp-control-note{margin:5px 0 0!important;color:var(--muted)!important;font-size:clamp(7px,1.05cqi,8.5px)!important;line-height:1.25!important}
.cbpqp-insight{padding:clamp(8px,1.4cqi,11px)!important;background:#fff!important;border:1px solid var(--border2)!important;border-left:3px solid var(--g)!important;border-radius:9px!important}.cbpqp-insight strong{display:block!important;margin:0 0 3px!important;color:var(--ink)!important;font-size:clamp(9px,1.4cqi,11px)!important;line-height:1.25!important}.cbpqp-insight p{margin:0!important;color:var(--text)!important;font-size:clamp(7px,1.15cqi,9px)!important;line-height:1.3!important}
.cbpqp-mini-insights{display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin-top:7px!important}.cbpqp-mini-insights span{display:inline-flex!important;padding:4px 6px!important;background:#fff!important;border:1px solid var(--border2)!important;border-radius:999px!important;color:var(--text)!important;font-size:clamp(6.5px,.95cqi,8px)!important;font-weight:800!important;line-height:1.1!important}
.cbpqp-footer{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:clamp(10px,2cqi,16px)!important;padding:clamp(7px,1.2cqi,10px) clamp(10px,1.8cqi,14px)!important;background:#fff!important;border-top:1px solid var(--border2)!important;color:var(--muted)!important;font-size:clamp(6.5px,.95cqi,8px)!important;line-height:1.3!important;text-align:left!important}
.cbpqp-footer-note{flex:1 1 auto!important;min-width:0!important}
.cbpqp-source{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:clamp(7px,1.2cqi,10px)!important;flex:0 0 auto!important}
.cbpqp-source-link{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:1px!important;white-space:nowrap!important}.cbpqp-source-link span{font-size:clamp(6px,.8cqi,7px)!important;font-weight:800!important;letter-spacing:.06em!important;text-transform:uppercase!important}.cbpqp-source-link a{color:var(--gd)!important;font-size:clamp(7px,1.05cqi,9px)!important;font-weight:800!important;text-decoration:none!important}.cbpqp-source-link a:hover{text-decoration:underline!important}
.cbpqp-source-logo{display:block!important;line-height:0!important}.cbpqp-source-logo img{display:block!important;width:clamp(58px,9.5cqi,76px)!important;max-width:100%!important;height:auto!important;aspect-ratio:2048/1724!important;object-fit:contain!important}
@media(max-width:520px){
.cbpqp-tool{width:min(100% - 10px,800px)!important;margin:10px auto!important;border-radius:14px!important}.cbpqp-header{grid-template-columns:1fr!important;gap:7px!important;padding:14px!important}.cbpqp-main{grid-template-columns:41% 59%!important;min-height:374px!important}.cbpqp-visual{padding:10px 7px!important}.cbpqp-panel{padding:10px!important}.cbpqp-coins-wrap{min-height:236px!important}.cbpqp-result{grid-template-columns:1fr!important;gap:2px!important;padding:7px!important}.cbpqp-result-meta{text-align:left!important}.cbpqp-breakdown{gap:3px!important}.cbpqp-control-card{padding:8px!important}.cbpqp-control-note{display:none!important}.cbpqp-mini-insights{display:grid!important;grid-template-columns:1fr!important}.cbpqp-footer{align-items:center!important;gap:8px!important}.cbpqp-source-link{display:none!important}.cbpqp-source-logo img{width:58px!important}
}
@media(max-width:390px){.cbpqp-main{grid-template-columns:38% 62%!important}.cbpqp-header p{font-size:9px!important}.cbpqp-range-scale{font-size:5.8px!important}.cbpqp-footer{padding:7px 8px!important}.cbpqp-source-logo img{width:52px!important}}
@media(prefers-reduced-motion:reduce){.cbpqp-coin{animation:none!important;opacity:1!important}}

/* =========================================================
   Version 1.3 — unified container-responsive typography
   All headings, labels, body copy and footer text derive from
   one font scale based on the actual infographic width.
   ========================================================= */

.cbpqp-scale{
	display:block!important;
	width:100%!important;
	font-size:clamp(8.5px,1.75cqi,14px)!important;
	line-height:1.4!important;
}

/* Header and section labels */
.cbpqp-eyebrow,
.cbpqp-section-label{
	font-size:.64em!important;
}
.cbpqp-header h2{
	font-size:2.21em!important;
}
.cbpqp-header p{
	font-size:.89em!important;
}

/* Result area */
.cbpqp-result-label{
	font-size:.57em!important;
}
.cbpqp-result>div:first-child>strong{
	font-size:2.43em!important;
}
.cbpqp-result-meta strong{
	font-size:.86em!important;
}
.cbpqp-result-meta span{
	font-size:.64em!important;
}

/* Coin graphic labels */
.cbpqp-coin:before{
	font-size:1em!important;
}
.cbpqp-pill{
	font-size:.57em!important;
}
.cbpqp-pill strong{
	font-size:.64em!important;
}

/* Controls and explanatory copy */
.cbpqp-panel h3{
	font-size:1.57em!important;
}
.cbpqp-reset{
	font-size:.64em!important;
}
.cbpqp-control-head label{
	font-size:.79em!important;
}
.cbpqp-control-head output{
	font-size:.71em!important;
}
.cbpqp-range-scale{
	font-size:.52em!important;
}
.cbpqp-purity-zones span{
	font-size:.52em!important;
}
.cbpqp-control-note{
	font-size:.61em!important;
}
.cbpqp-insight strong{
	font-size:.79em!important;
}
.cbpqp-insight p{
	font-size:.64em!important;
}
.cbpqp-mini-insights span{
	font-size:.57em!important;
}

/* Footer and fixed source attribution */
.cbpqp-footer{
	font-size:.57em!important;
}
.cbpqp-source-link span{
	font-size:.86em!important;
}
.cbpqp-source-link a{
	font-size:1.14em!important;
}
.cbpqp-source-logo img{
	width:5.43em!important;
	height:auto!important;
}

/* Remove fixed mobile font sizes from the earlier version. */
@media(max-width:390px){
	.cbpqp-header p{
		font-size:.89em!important;
	}
	.cbpqp-range-scale{
		font-size:.52em!important;
	}
	.cbpqp-source-logo img{
		width:5.43em!important;
	}
}

/*
 * Container queries make the layout responsive to the actual
 * WordPress column width, not only to the browser viewport.
 */
@container (max-width:520px){
	.cbpqp-header{
		grid-template-columns:1fr!important;
		gap:.5em!important;
		padding:1em!important;
	}
	.cbpqp-main{
		grid-template-columns:41% 59%!important;
		min-height:26.7em!important;
	}
	.cbpqp-visual{
		padding:.71em .5em!important;
	}
	.cbpqp-panel{
		padding:.71em!important;
	}
	.cbpqp-coins-wrap{
		min-height:16.85em!important;
	}
	.cbpqp-result{
		grid-template-columns:1fr!important;
		gap:.14em!important;
		padding:.5em!important;
	}
	.cbpqp-result-meta{
		text-align:left!important;
	}
	.cbpqp-breakdown{
		gap:.21em!important;
	}
	.cbpqp-control-card{
		padding:.57em!important;
	}
	.cbpqp-control-note{
		display:none!important;
	}
	.cbpqp-mini-insights{
		display:grid!important;
		grid-template-columns:1fr!important;
	}
	.cbpqp-footer{
		align-items:center!important;
		gap:.7em!important;
		padding:.7em .85em!important;
	}
	.cbpqp-source{
		gap:.55em!important;
	}
	.cbpqp-source-link{
		display:flex!important;
	}
}

@container (max-width:390px){
	.cbpqp-main{
		grid-template-columns:38% 62%!important;
	}
	.cbpqp-footer{
		flex-wrap:wrap!important;
		align-items:flex-end!important;
	}
	.cbpqp-footer-note{
		flex:1 1 65%!important;
	}
	.cbpqp-source{
		flex:0 1 auto!important;
		margin-left:auto!important;
	}
	.cbpqp-source-link{
		display:none!important;
	}
}

/* =========================================================
   Version 1.4 — footer fully integrated into infographic
   ========================================================= */

.cbpqp-tool{
	overflow:hidden!important;
}

.cbpqp-scale{
	display:block!important;
	width:100%!important;
	max-width:800px!important;
	margin:0 auto!important;
	overflow:hidden!important;
}

.cbpqp-footer{
	position:static!important;
	float:none!important;
	clear:both!important;
	display:grid!important;
	grid-template-columns:minmax(0,1fr) auto!important;
	align-items:center!important;
	width:100%!important;
	max-width:800px!important;
	inline-size:100%!important;
	max-inline-size:800px!important;
	margin:0 auto!important;
	padding:clamp(.6em,1.25cqi,.85em) clamp(.8em,1.8cqi,1.15em)!important;
	background:#fff!important;
	border-top:1px solid var(--border2)!important;
	border-right:0!important;
	border-bottom:0!important;
	border-left:0!important;
	border-radius:0!important;
	box-sizing:border-box!important;
	overflow:hidden!important;
}

.cbpqp-footer-note{
	display:block!important;
	width:100%!important;
	max-width:100%!important;
	min-width:0!important;
	margin:0!important;
	overflow-wrap:anywhere!important;
	word-break:normal!important;
}

.cbpqp-source{
	display:flex!important;
	align-items:center!important;
	justify-content:flex-end!important;
	flex:0 0 auto!important;
	min-width:0!important;
	max-width:100%!important;
	margin:0!important;
}

.cbpqp-source-link{
	min-width:0!important;
}

.cbpqp-source-link a{
	overflow-wrap:anywhere!important;
}

.cbpqp-source-logo{
	flex:0 0 auto!important;
	max-width:100%!important;
}

@container (max-width:520px){
	.cbpqp-footer{
		grid-template-columns:minmax(0,1fr) auto!important;
		gap:.7em!important;
		width:100%!important;
		max-width:100%!important;
		padding:.7em .85em!important;
	}

	.cbpqp-footer-note{
		max-width:100%!important;
	}

	.cbpqp-source-link{
		display:none!important;
	}
}

@container (max-width:330px){
	.cbpqp-footer{
		grid-template-columns:1fr!important;
		align-items:start!important;
	}

	.cbpqp-source{
		justify-content:flex-start!important;
	}
}

/* =========================================================
   Version 1.7 — exact slider-to-scale alignment
   Labels are positioned at the actual numeric slider values.
   The inner margin matches half the slider thumb, so each
   label sits below the centre position of the range thumb.
   ========================================================= */

.cbpqp-control-card{
	--cbpqp-range-thumb:clamp(18px,2.5cqi,20px);
}

.cbpqp-range-scale-exact{
	position:relative!important;
	display:block!important;
	width:auto!important;
	height:1.75em!important;
	margin:.28em calc(var(--cbpqp-range-thumb) / 2) 0!important;
	padding:0!important;
	overflow:visible!important;
	color:var(--muted)!important;
	font-size:.52em!important;
	line-height:1!important;
}

.cbpqp-range-scale-exact span{
	position:absolute!important;
	top:.55em!important;
	left:var(--scale-position)!important;
	display:block!important;
	width:max-content!important;
	max-width:none!important;
	margin:0!important;
	padding:0!important;
	transform:translateX(-50%)!important;
	white-space:nowrap!important;
	text-align:center!important;
	font:inherit!important;
	line-height:1!important;
}

.cbpqp-range-scale-exact span::before{
	content:""!important;
	position:absolute!important;
	left:50%!important;
	top:-.62em!important;
	width:1px!important;
	height:.42em!important;
	background:#aeb7bd!important;
	transform:translateX(-50%)!important;
}

.cbpqp-range-scale-exact span.is-first{
	transform:translateX(0)!important;
	text-align:left!important;
}

.cbpqp-range-scale-exact span.is-first::before{
	left:0!important;
	transform:none!important;
}

.cbpqp-range-scale-exact span.is-last{
	transform:translateX(-100%)!important;
	text-align:right!important;
}

.cbpqp-range-scale-exact span.is-last::before{
	left:100%!important;
	transform:translateX(-100%)!important;
}

/* All nine discrete quantity settings are shown at their exact tick. */
.cbpqp-quantity-scale{
	height:3.15em!important;
	font-size:.49em!important;
}

.cbpqp-quantity-scale span.is-lower{
	top:2.05em!important;
}

.cbpqp-quantity-scale span.is-lower::before{
	top:-2.12em!important;
	height:1.92em!important;
	background:linear-gradient(to bottom,#aeb7bd 0 .42em,transparent .42em 100%)!important;
}

/* Purity values use their true positions within 80.0–99.9%. */
.cbpqp-purity-scale{
	height:1.85em!important;
}

/* Preserve exact positioning in narrow WordPress columns. */
@container (max-width:520px){
	.cbpqp-range-scale-exact{
		font-size:.50em!important;
	}
	.cbpqp-quantity-scale{
		height:3.35em!important;
		font-size:.46em!important;
	}
}

@container (max-width:390px){
	.cbpqp-range-scale-exact{
		font-size:.48em!important;
	}
	.cbpqp-quantity-scale{
		font-size:.43em!important;
	}
}

/* =========================================================
   Version 1.8 — mapped purity scale and 12 exact quantity ticks
   ========================================================= */

/* Four requested purity anchors: 80% / 95% / 98% / 99.9%
   at 0% / 50% / 80% / 100% of the slider track. */
.cbpqp-purity-scale{
	height:1.85em!important;
}

/* Twelve quantity values are equally spaced because the input
   uses integer steps 0–11. Three label rows preserve legibility. */
.cbpqp-quantity-scale{
	height:4.65em!important;
	font-size:.47em!important;
}

.cbpqp-quantity-scale span.is-row-1{
	top:.55em!important;
}

.cbpqp-quantity-scale span.is-row-2{
	top:1.85em!important;
}

.cbpqp-quantity-scale span.is-row-3{
	top:3.15em!important;
}

.cbpqp-quantity-scale span.is-row-2::before{
	top:-1.92em!important;
	height:1.72em!important;
	background:linear-gradient(to bottom,#aeb7bd 0 .42em,transparent .42em 100%)!important;
}

.cbpqp-quantity-scale span.is-row-3::before{
	top:-3.22em!important;
	height:3.02em!important;
	background:linear-gradient(to bottom,#aeb7bd 0 .42em,transparent .42em 100%)!important;
}

@container (max-width:520px){
	.cbpqp-quantity-scale{
		height:4.95em!important;
		font-size:.43em!important;
	}
}

@container (max-width:390px){
	.cbpqp-quantity-scale{
		height:5.15em!important;
		font-size:.40em!important;
	}
}