/* Product-page trust proof ------------------------------------------------ */
.dp-pcoa {
	display: grid;
	grid-template-columns: 30px minmax(0, 1fr);
	align-items: center;
	gap: 8px 10px;
	margin: 12px 0 16px;
	padding: 11px 13px;
	border: 1px solid var(--dpx-border-d8e9fa, #f7e1db);
	border-radius: 14px;
	background: linear-gradient(135deg, var(--dpx-bg-f7fbff, #fef9f8) 0%, var(--dpx-bg-edf6ff, #fdf2ef) 100%);
	box-shadow: 0 10px 28px var(--dpx-shadow-a2791151p07, rgba(139, 60, 39, .07));
	font-family: var(--dp-font, inherit);
}

/* The icon is the blue verified seal itself (Twitter-badge style), not a tile. */
.dp-pcoa__icon {
	display: grid;
	place-items: center;
	width: 30px;
	height: 30px;
	color: var(--dpx-fg-0787f8, #e0461f);
}

.dp-pcoa__copy {
	display: flex;
	min-width: 0;
	flex-direction: column;
	gap: 2px;
}

.dp-pcoa__eyebrow {
	color: var(--dpx-fg-0878da, #c53f1d);
	font-size: 11px;
	font-weight: 750;
	letter-spacing: .075em;
	line-height: 1.25;
	text-transform: uppercase;
}

.dp-pcoa__title {
	color: var(--dpx-fg-292e4c, #2e241e);
	font-size: var(--dp-fs-md, 15px);
	font-weight: 600;
	letter-spacing: -.025em;
	line-height: 1.25;
}

.dp-pcoa__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 5px 12px;
	margin-top: 2px;
	color: var(--dpx-fg-626b7a, #626b7a);
	font-size: 12px;
	line-height: 1.35;
}

.dp-pcoa__meta span + span::before {
	content: "";
	display: inline-block;
	width: 3px;
	height: 3px;
	margin: 0 8px 2px 0;
	border-radius: 50%;
	background: var(--dpx-bg-91a0b2, #91a0b2);
}

.dp-pcoa__actions {
	display: grid;
	grid-column: 1 / -1;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 7px;
}

.dp-pcoa .dp-pcoa__view.dp-coa__lot {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 33px;
	width: 100%;
	padding: 0 12px;
	border: 1px solid var(--dpx-border-b9d8f4, #eec9bf);
	border-radius: 999px;
	background: var(--dpx-bg-a255255255p9, rgba(255, 255, 255, .9));
	color: var(--dpx-fg-0676d6, #c13c1b);
	font-size: 12px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	box-shadow: 0 3px 10px var(--dpx-shadow-a3590143p06, rgba(132, 64, 46, .06));
	transition: border-color .16s ease, background-color .16s ease, transform .16s ease;
}

.dp-pcoa .dp-pcoa__view.dp-coa__lot:hover {
	border-color: var(--dpx-border-0787f8, #e0461f);
	background: var(--dpx-bg-fff, #fff);
	transform: translateY(-1px);
}

.dp-pcoa .dp-pcoa__view.dp-coa__lot:focus-visible {
	outline: 3px solid var(--dpx-border-a1126255p2, rgba(220, 73, 32, .2));
	outline-offset: 2px;
}

/* AminoClub / Value Research catalogue structure ------------------------ */
.post-type-archive-product .dp-rcard--structured {
	border: 1px solid var(--dpx-border-e1e7ee, #ede5e2);
	background: var(--dpx-bg-fff, #fff);
	box-shadow: 0 8px 24px var(--dpx-shadow-a314477p055, rgba(72, 46, 36, .055));
}

/* The structured-card flex rule must not override the browser's hidden state
 * when the catalogue search filters cards. */
.post-type-archive-product .dp-shop__grid .dp-rcard--grid[hidden] {
	display: none !important;
}

.post-type-archive-product .dp-rcard__proof,
.post-type-archive-product .dp-rcard__stock {
	position: absolute;
	z-index: 5;
	display: inline-flex;
	align-items: center;
	min-height: 29px;
	margin: 0;
	padding: 0 10px;
	border: 1px solid var(--dpx-border-c9e8d5, #c9e8d5);
	border-radius: 999px;
	background: var(--dpx-bg-a249255251p96, rgba(249, 255, 251, .96));
	box-shadow: 0 5px 14px var(--dpx-shadow-a314477p07, rgba(72, 46, 36, .07));
	color: var(--dpx-fg-147447, #147447);
	font-size: 10px;
	font-weight: 750;
	line-height: 1;
	letter-spacing: .035em;
	text-transform: uppercase;
}

.post-type-archive-product .dp-rcard__proof {
	top: 13px;
	left: 13px;
}

.post-type-archive-product .dp-rcard__stock {
	top: 218px;
	right: 13px;
	gap: 6px;
	min-height: 28px;
	border-color: var(--dpx-border-e1e8e4, #e1e8e4);
	background: var(--dpx-bg-a255255255p96, rgba(255, 255, 255, .96));
	color: var(--dpx-fg-52605a, #52605a);
	font-size: 10px;
	font-weight: 650;
	letter-spacing: 0;
	text-transform: none;
}

.post-type-archive-product .dp-rcard__stock[hidden] {
	display: none;
}

.post-type-archive-product .dp-rcard__stock.is-out {
	border-color: var(--dpx-border-eed8d8, #eed8d8);
	color: var(--dpx-fg-9a3636, #9a3636);
}

.post-type-archive-product .dp-rcard__stock.is-out > span {
	background: var(--dpx-bg-c95b5b, #c95b5b);
	box-shadow: 0 0 0 3px var(--dpx-shadow-a2019191p11, rgba(201, 91, 91, .11));
}

.post-type-archive-product .dp-rcard__add:disabled {
	cursor: not-allowed;
	opacity: .58;
}

.post-type-archive-product .dp-rcard__stock > span {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--dpx-bg-27a663, #27a663);
	box-shadow: 0 0 0 3px var(--dpx-shadow-a3916699p11, rgba(39, 166, 99, .11));
}

.post-type-archive-product .dp-rcard__info {
	display: flex;
	min-width: 0;
	flex: 1 1 auto;
	flex-direction: column;
	padding: 16px;
	border-top: 1px solid var(--dpx-border-e5e9ee, #e5e9ee);
	background: var(--dpx-bg-fff, #fff);
}

.post-type-archive-product .dp-rcard__category {
	margin: 0;
	color: var(--dpx-fg-6f7785, #6f7785);
	font-size: 10px;
	font-weight: 750;
	line-height: 15px;
	letter-spacing: .11em;
	text-align: left;
	text-transform: uppercase;
}

.post-type-archive-product .dp-rcard__summary {
	display: -webkit-box;
	min-height: 36px;
	margin: 7px 0 0;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	color: var(--dpx-fg-687080, #687080);
	font-size: 12px;
	line-height: 18px;
	text-align: left;
}

.post-type-archive-product .dp-shop__grid .dp-rcard__cas {
	margin: 8px 0 0;
	color: var(--dpx-fg-9299a5, #9299a5);
	font-size: 10px;
	font-weight: 600;
	line-height: 14px;
	letter-spacing: .015em;
	text-align: left;
	text-transform: uppercase;
}

.post-type-archive-product .dp-rcard__price {
	margin-top: auto;
	padding-top: 12px;
	border-top: 1px solid var(--dpx-border-e5e9ee, #e5e9ee);
	color: var(--dpx-fg-1d2638, #352520);
	font-size: 20px;
	font-weight: 750;
	line-height: 24px;
	letter-spacing: -.035em;
	text-align: left;
}

.post-type-archive-product .dp-shop__grid .dp-rcard__buy {
	display: block;
	width: 100%;
	margin-top: 12px;
}

.post-type-archive-product .dp-rcard__coa,
.post-type-archive-product .dp-shop__grid .dp-rcard__add {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	width: 100%;
	min-width: 0;
	height: 40px;
	padding: 0 10px;
	border: 1px solid var(--dpx-border-dfe4ea, #dfe4ea);
	border-radius: 999px;
	background: var(--dpx-bg-fff, #fff);
	box-shadow: none;
	color: var(--dpx-fg-28324b, #48332c);
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
	transition: border-color .16s ease, box-shadow .16s ease, color .16s ease, transform .16s ease;
}

.post-type-archive-product .dp-rcard__coa {
	position: absolute;
	top: 13px;
	right: 13px;
	z-index: 6;
	width: auto;
	height: 31px;
	padding-inline: 12px;
	border-color: var(--dpx-border-a7135248p22, rgba(224, 70, 31, .22));
	background: var(--dpx-bg-a255255255p96, rgba(255, 255, 255, .96));
	box-shadow: 0 5px 14px var(--dpx-shadow-a314477p09, rgba(72, 46, 36, .09));
	color: var(--dpx-fg-087cd9, #c43e1d);
}

.post-type-archive-product .dp-shop__grid .dp-rcard__add {
	position: static;
	border-color: var(--dpx-border-0787f8, #e0461f);
	background: var(--dpx-bg-0787f8, #e0461f);
	box-shadow: 0 7px 15px var(--dpx-shadow-a7135248p2, rgba(224, 70, 31, .2));
	color: var(--dpx-fg-fff, #fff);
}

.post-type-archive-product .dp-shop__grid .dp-rcard__add .dp-rcard__rule,
.post-type-archive-product .dp-shop__grid .dp-rcard__add .dp-rcard__amt {
	display: none;
}

.post-type-archive-product .dp-rcard__coa:hover {
	border-color: var(--dpx-border-0787f8, #e0461f);
	box-shadow: 0 6px 15px var(--dpx-shadow-a7135248p12, rgba(224, 70, 31, .12));
	color: var(--dpx-fg-0677d7, #c23c1b);
	transform: translateY(-1px);
}

.post-type-archive-product .dp-shop__grid .dp-rcard__add:hover {
	border-color: var(--dpx-border-006fd6, #c13915);
	background: var(--dpx-bg-006fd6, #c13915);
	color: var(--dpx-fg-fff, #fff);
	transform: translateY(-1px);
}

.post-type-archive-product .dp-rcard__coa:focus-visible,
.post-type-archive-product .dp-shop__grid .dp-rcard__add:focus-visible {
	outline: 3px solid var(--dpx-border-a7135248p24, rgba(224, 70, 31, .24));
	outline-offset: 2px;
}

@media (min-width: 1200px) {
	.post-type-archive-product .dp-shop__layout {
		display: block;
	}

	.post-type-archive-product .dp-shop__side {
		display: none;
	}

	.post-type-archive-product .dp-shop__grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 20px;
	}

	.post-type-archive-product .dp-shop__grid .dp-rcard--structured {
		display: flex;
		min-width: 0;
		height: 518px;
		padding: 0;
		flex-direction: column;
		border-radius: 20px;
		overflow: hidden;
		transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
	}

	.post-type-archive-product .dp-shop__grid .dp-rcard--structured:hover {
		border-color: var(--dpx-border-cfdce8, #e6d6d2);
		box-shadow: 0 15px 34px var(--dpx-shadow-a314477p1, rgba(72, 46, 36, .1));
		transform: translateY(-2px);
	}

	.post-type-archive-product .dp-shop__grid .dp-rcard__shot {
		position: static;
		order: -2;
		width: 100%;
		height: 258px;
		margin: 0;
		flex: 0 0 258px;
		border-radius: 19px 19px 0 0;
		background: linear-gradient(145deg, var(--dpx-bg-fbfcfd, #fdfcfb) 0%, var(--dpx-bg-f4f6f9, #f9f5f4) 100%);
		overflow: hidden;
	}

	.post-type-archive-product .dp-shop__grid .dp-rcard__shot img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.post-type-archive-product .dp-shop__grid .dp-rcard__name {
		display: block;
		height: auto;
		min-height: 24px;
		margin: 3px 0 0;
		font-size: 18px;
		line-height: 24px;
		letter-spacing: -.035em;
		text-align: left;
	}
}

@media (min-width: 810px) and (max-width: 1199px) {
	.post-type-archive-product .dp-shop__grid .dp-rcard--structured {
		display: flex;
		height: 485px;
		padding: 0;
		flex-direction: column;
		border-radius: 20px;
	}

	.post-type-archive-product .dp-shop__grid .dp-rcard__shot {
		position: static;
		order: -2;
		width: 100%;
		height: 225px;
		margin: 0;
		flex: 0 0 225px;
	}

	.post-type-archive-product .dp-rcard__stock {
		top: 186px;
	}
}

@media (max-width: 809px) {
	.post-type-archive-product .dp-shop__grid .dp-rcard--structured {
		display: flex;
		height: auto;
		min-height: 0;
		padding: 0;
		flex-direction: column;
		border-color: var(--dpx-border-e5e9ef, #e5e9ef);
		border-radius: 16px;
		box-shadow: 0 5px 16px var(--dpx-shadow-a314477p055, rgba(72, 46, 36, .055));
		overflow: hidden;
	}

	.post-type-archive-product .dp-shop__grid .dp-rcard__shot {
		position: static;
		order: -2;
		width: 100%;
		height: 158px;
		margin: 0;
		flex: 0 0 158px;
		border-radius: 15px 15px 0 0;
		background: linear-gradient(145deg, var(--dpx-bg-fbfcfd, #fdfcfb) 0%, var(--dpx-bg-f3f6f9, #f8f5f4) 100%);
		overflow: hidden;
	}

	.post-type-archive-product .dp-rcard__proof,
	.post-type-archive-product .dp-rcard__stock {
		display: none;
	}

	.post-type-archive-product .dp-rcard__info {
		padding: 10px 10px 11px;
		border-top-color: var(--dpx-border-e7ebf0, #e7ebf0);
	}

	.post-type-archive-product .dp-rcard__category,
	.post-type-archive-product .dp-rcard__summary,
	.post-type-archive-product .dp-shop__grid .dp-rcard__cas {
		display: none;
	}

	.post-type-archive-product .dp-shop__grid .dp-rcard--structured .dp-rcard__name {
		display: -webkit-box;
		height: 34px;
		min-height: 34px;
		margin: 0;
		overflow: hidden;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		align-items: initial;
		justify-content: initial;
		color: var(--dpx-fg-202a44, #402c24);
		font-size: 14px;
		font-weight: 720;
		line-height: 17px;
		letter-spacing: -.025em;
		text-align: left;
	}

	.post-type-archive-product .dp-rcard__price {
		margin-top: 7px;
		padding-top: 7px;
		border-top-color: var(--dpx-border-edf0f4, #edf0f4);
		font-size: 17px;
		line-height: 20px;
	}

	.post-type-archive-product .dp-shop__grid .dp-rcard__buy {
		display: block;
		margin-top: 8px;
	}

	.post-type-archive-product .dp-rcard__coa {
		position: absolute;
		top: 8px;
		right: 8px;
		z-index: 6;
		width: auto;
		height: 28px;
		padding: 0 10px;
		border-color: var(--dpx-border-a7135248p2, rgba(224, 70, 31, .2));
		background: var(--dpx-bg-a255255255p96, rgba(255, 255, 255, .96));
		box-shadow: 0 4px 12px var(--dpx-shadow-a314477p09, rgba(72, 46, 36, .09));
		color: var(--dpx-fg-087cd9, #c43e1d);
		font-size: 9px;
		font-weight: 750;
	}

	.post-type-archive-product .dp-rcard__coa svg {
		display: none;
	}

	.post-type-archive-product .dp-shop__grid .dp-rcard__add {
		width: 100%;
		height: 35px;
		padding-inline: 8px;
		border-color: var(--dpx-border-0787f8, #e0461f);
		background: var(--dpx-bg-0787f8, #e0461f);
		box-shadow: none;
		font-size: 10px;
		font-weight: 720;
	}
}

/* Larger bottom toast ----------------------------------------------------- */
#dp-toast.dp-toast {
	right: auto;
	left: 50%;
	bottom: max(18px, calc(env(safe-area-inset-bottom) + 12px));
	width: min(620px, calc(100vw - 32px));
	max-width: none;
	transform: translate(-50%, 16px) scale(.98);
}

#dp-toast.dp-toast.is-live {
	transform: translate(-50%, 0);
}

#dp-toast .dp-toast__in {
	min-height: 76px;
	grid-template-columns: 52px minmax(0, 1fr) auto auto;
	gap: 13px;
	padding: 11px 13px;
	border-color: var(--dpx-border-d8e4f0, #eededa);
	border-radius: 20px;
	background: var(--dpx-bg-a255255255p98, rgba(255, 255, 255, .98));
	box-shadow: 0 18px 55px var(--dpx-shadow-a314477p2, rgba(72, 46, 36, .2)), 0 4px 14px var(--dpx-shadow-a314477p08, rgba(72, 46, 36, .08));
	backdrop-filter: blur(16px);
}

#dp-toast .dp-toast__img {
	width: 52px;
	height: 52px;
	border-radius: 13px;
}

#dp-toast .dp-toast__title {
	font-size: 16px;
	font-weight: 750;
}

#dp-toast .dp-toast__name {
	font-size: 13px;
}

#dp-toast .dp-toast__btn {
	height: 40px;
	padding: 0 18px;
	font-size: 13px;
}

#dp-toast .dp-toast__x {
	display: grid;
	width: 32px;
	height: 32px;
}

@media (max-width: 809px) {
	.dp-pcoa {
		grid-template-columns: 44px minmax(0, 1fr);
		gap: 12px;
		margin: 15px 0 20px;
		padding: 14px;
		border-radius: 16px;
	}

	.dp-pcoa__actions {
		grid-column: 1 / -1;
	}

	.dp-pcoa .dp-pcoa__view.dp-coa__lot {
		min-width: 0;
	}

	#dp-toast.dp-toast {
		right: 12px;
		left: 12px;
		bottom: max(12px, calc(env(safe-area-inset-bottom) + 8px));
		width: auto;
		transform: translateY(16px) scale(.98);
	}

	#dp-toast.dp-toast.is-live {
		transform: none;
	}

	#dp-toast .dp-toast__in {
		grid-template-columns: 52px minmax(0, 1fr) 32px;
		gap: 10px 12px;
		padding: 12px;
		border-radius: 18px;
	}

	#dp-toast .dp-toast__img {
		grid-column: 1;
		grid-row: 1 / span 2;
	}

	#dp-toast .dp-toast__txt {
		grid-column: 2;
		grid-row: 1;
	}

	#dp-toast .dp-toast__btn {
		grid-column: 2 / 4;
		grid-row: 2;
		width: 100%;
	}

	#dp-toast .dp-toast__x {
		display: grid;
		grid-column: 3;
		grid-row: 1;
		align-self: start;
	}
}

@media (prefers-reduced-motion: reduce) {
	#dp-toast.dp-toast,
	#dp-toast.dp-toast.is-live {
		transform: translate(-50%, 0);
	}
}

@media (max-width: 809px) and (prefers-reduced-motion: reduce) {
	#dp-toast.dp-toast,
	#dp-toast.dp-toast.is-live { transform: none; }
}
