/* Peptide Store Toolkit — front-end styles */

.pst-top-block {
	--pst-crimson: #D9333F;
	--pst-crimson-dark: #B8232E;
	--pst-pink-bg: #FDF0F1;
	--pst-pink-border: #F3C6CA;
	--pst-ink: #1E2A44;
	--pst-muted: #6B7688;
	margin: 0 0 18px;
}

.pst-lab-btn {
	display: inline-block;
	background: var(--pst-crimson);
	color: #fff !important;
	font-weight: 700;
	font-size: 14px;
	text-decoration: none;
	padding: 12px 22px;
	border-radius: 8px;
	margin-bottom: 14px;
	transition: background .18s ease;
}
.pst-lab-btn:hover {
	background: var(--pst-crimson-dark);
	color: #fff;
}

.pst-coa-notice {
	background: var(--pst-pink-bg);
	border: 1px solid var(--pst-pink-border);
	border-radius: 10px;
	padding: 14px 18px;
	font-size: 14.5px;
	line-height: 1.55;
	color: var(--pst-ink);
	margin-bottom: 16px;
}

.pst-badge {
	display: inline-block;
	font-size: 12.5px;
	font-weight: 700;
	letter-spacing: 0.3px;
	color: var(--pst-crimson-dark);
	background: var(--pst-pink-bg);
	border: 1px solid var(--pst-pink-border);
	padding: 6px 16px;
	border-radius: 999px;
	margin-bottom: 4px;
}

.pst-status-label {
	font-size: 14px;
	color: var(--pst-muted);
	margin: 6px 0 0;
}

.pst-promo-bars {
	margin: 18px 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.pst-bar {
	padding: 12px 18px;
	border-radius: 6px;
	font-weight: 700;
	font-size: 14.5px;
	color: #fff;
}
.pst-bar a {
	color: inherit;
	text-decoration: none;
}

.pst-bar--green { background: #2FB344; color: #05230C; }
.pst-bar--red   { background: #D9333F; color: #fff; }
.pst-bar--navy  { background: #1E2A44; color: #fff; }
/* .pst-bar--custom uses the inline style attribute for its color */

/* Quantity stepper */
.pst-qty-wrap {
	display: inline-flex;
	align-items: stretch;
	border: 1px solid #D7DBE2;
	border-radius: 6px;
	overflow: hidden;
}
.pst-qty-wrap input.qty {
	border: none !important;
	width: 48px;
	text-align: center;
}
.pst-qty-btn {
	background: #F3F4F6;
	border: none;
	width: 34px;
	font-size: 16px;
	line-height: 1;
	cursor: pointer;
	color: #1E2A44;
}
.pst-qty-btn:hover {
	background: #E8EAED;
}

@media (max-width: 480px) {
	.pst-lab-btn { display: block; text-align: center; }
}