.scb-sticky-bar{
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	background: #111827; /* neutral-900 */
	color: #fff;
	z-index: 9999;
	transform: translateY(110%);
	transition: transform .25s ease;
	box-shadow: 0 -6px 20px rgba(0,0,0,.18);
}
.scb-sticky-bar.scb-visible{
	transform: translateY(0);
}
.scb-inner{
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	gap: 16px;
	align-items: center;
	justify-content: space-between;
	padding: 10px 16px;
}
.scb-left{
	display:flex; flex-direction:column; gap:4px;
	min-width: 0;
}
.scb-title{
	font-weight:600; line-height:1.2;
	display:block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.scb-price{
	opacity:.9;
}
.scb-right{
	display:flex; align-items:center; gap:10px;
}
.scb-qty{
	width: 80px;
	padding: 8px 10px;
	border-radius: 8px;
	border: 1px solid #e5e7eb;
	background: #fff;
	color:#111827;
}
.scb-add-button.button{
	padding: 10px 16px;
	border-radius: 10px;
}
.scb-add-button.loading{
	opacity:.7;
	cursor: progress;
}

/* Feedback */
.scb-feedback{
	position: absolute;
	left: 50%;
	transform: translate(-50%, 100%);
	bottom: 56px;
	background: #111827;
	color:#fff;
	padding: 8px 12px;
	border-radius: 10px;
	box-shadow: 0 8px 24px rgba(0,0,0,.18);
	opacity: 0;
	pointer-events: none;
	transition: opacity .2s ease, transform .2s ease;
}
.scb-feedback--visible{
	opacity: 1;
	transform: translate(-50%, 0%);
}
@media (max-width: 640px){
	.scb-title{ font-size: 14px; }
	.scb-price{ font-size: 13px; }
	.scb-qty{ width: 64px; }
}