:root {
	/* Preserve the blue brand language while meeting normal-text contrast. */
	--dp-blue: #c63b16;
	--dp-muted: #686b7b;
}

/* A clean, generously spaced checkout grid. Each perfectly straight line has
 * a faint second pixel that softens into the canvas, giving it a lightly
 * printed quality without looking wavy, distressed, or literally painted. */
.woocommerce-checkout .dp-main {
	background-color: var(--dpx-bg-f8fbfe, #fdfaf9);
	background-image:
		linear-gradient(to right, var(--dpx-bg-a80156214p13, rgba(201, 114, 93, .13)) 0, var(--dpx-bg-a80156214p13, rgba(201, 114, 93, .13)) 1px, var(--dpx-bg-a80156214p035, rgba(201, 114, 93, .035)) 2px, transparent 2px),
		linear-gradient(to bottom, var(--dpx-bg-a80156214p13, rgba(201, 114, 93, .13)) 0, var(--dpx-bg-a80156214p13, rgba(201, 114, 93, .13)) 1px, var(--dpx-bg-a80156214p035, rgba(201, 114, 93, .035)) 2px, transparent 2px),
		radial-gradient(ellipse at 50% 0, var(--dpx-bg-a255255255p9, rgba(255, 255, 255, .9)), var(--dpx-bg-a255255255p16, rgba(255, 255, 255, .16)) 70%, transparent 100%);
	background-position: 24px 0, 0 20px, center top;
	background-repeat: repeat, repeat, no-repeat;
	background-size: 148px 148px, 148px 148px, 100% 620px;
}

/* Shipping rates as compact selectable cards, with cutoff-aware arrival dates
 * kept inside the tap target so the service decision is one clean interaction. */
.woocommerce-checkout .dp-co__ship #shipping_method {
	display: grid;
	gap: 10px;
}

.woocommerce-checkout .dp-co__ship #shipping_method > li {
	position: relative;
	margin: 0;
}

.woocommerce-checkout .dp-co__ship #shipping_method > li > input.shipping_method {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
}

.woocommerce-checkout .dp-co__ship #shipping_method > li > label {
	position: relative;
	display: block;
	margin: 0;
	padding: 14px 14px 12px 42px;
	border: 1px solid var(--dpx-border-a213161p12, rgba(57, 34, 25, .12));
	border-radius: 14px;
	background: var(--dpx-bg-a255255255p88, rgba(255, 255, 255, .88));
	box-shadow: 0 5px 16px var(--dpx-shadow-a213161p035, rgba(57, 34, 25, .035));
	color: var(--dp-ink);
	font-size: 14px;
	font-weight: 650;
	line-height: 1.35;
	cursor: pointer;
	transition: border-color .16s ease, background-color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.woocommerce-checkout .dp-co__ship #shipping_method > li > label::before {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	width: 16px;
	height: 16px;
	box-sizing: border-box;
	border: 1.5px solid var(--dpx-border-a8b1c0, #a8b1c0);
	border-radius: 50%;
	background: var(--dpx-bg-fff, #fff);
}

.woocommerce-checkout .dp-co__ship #shipping_method > li > input.shipping_method:checked + label {
	border-color: var(--dpx-fg-blue, var(--dp-blue));
	background: linear-gradient(135deg, var(--dpx-bg-a0111220p07, rgba(198, 59, 22, .07)), var(--dpx-bg-a255255255p98, rgba(255, 255, 255, .98)) 60%);
	box-shadow: 0 0 0 1px var(--dpx-shadow-a0111220p1, rgba(198, 59, 22, .1)), 0 10px 24px var(--dpx-shadow-a0111220p08, rgba(198, 59, 22, .08));
}

.woocommerce-checkout .dp-co__ship #shipping_method > li > input.shipping_method:checked + label::before {
	border-color: var(--dpx-fg-blue, var(--dp-blue));
	background: var(--dp-blue);
	box-shadow: inset 0 0 0 4px var(--dpx-shadow-fff, #fff);
}

.woocommerce-checkout .dp-co__ship #shipping_method > li > input.shipping_method:focus-visible + label {
	outline: 3px solid var(--dpx-border-a0111220p32, rgba(198, 59, 22, .32));
	outline-offset: 2px;
}

.woocommerce-checkout .dp-cr-eta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin: 11px 0 0 -27px;
	padding-top: 10px;
	border-top: 1px solid var(--dpx-border-a213161p09, rgba(57, 34, 25, .09));
	color: var(--dpx-fg-70798a, #70798a);
	font-size: 12px;
	font-weight: 500;
	line-height: 1.3;
}

.woocommerce-checkout .dp-cr-eta strong {
	color: var(--dpx-fg-blue, var(--dp-blue));
	font-size: 12px;
	font-weight: 750;
	white-space: nowrap;
}

.woocommerce-checkout .dp-co__shipnote {
	line-height: 1.5;
}

@media (hover: hover) and (pointer: fine) {
	.woocommerce-checkout .dp-co__ship #shipping_method > li > label:hover {
		border-color: var(--dpx-border-a0111220p38, rgba(198, 59, 22, .38));
		transform: translateY(-1px);
	}
}

@media (max-width: 420px) {
	.woocommerce-checkout .dp-cr-eta {
		align-items: flex-start;
		flex-direction: column;
		gap: 3px;
	}
}

/* Keep the utility announcement visually subordinate to the primary nav. */
.dp-strip {
	font-size: 11px;
	line-height: 1.25;
	letter-spacing: -.15px;
}

@media (max-width: 809px) {
	.dp-strip {
		font-size: 10px;
		line-height: 1.2;
	}
}

.dp-topbar__phone,
.dp-link,
a:not(.dp-btn):focus-visible {
	text-decoration-thickness: 1px;
	text-underline-offset: 2px;
}

.dp-sec__sub,
.dp-foot__help,
.dp-foot__copy,
.dp-foot__addr,
.dp-bundle__qty,
.dp-bulk__save {
	color: var(--dpx-fg-626676, #626676) !important;
}

.dp-ctab__tel,
.dp-ctab__txt .dp-ctab__sub {
	/* Neutral grey — the light-blue read as a link-colored wall of text. */
	color: var(--dpx-fg-9aa0ab, #9AA0AB) !important;
}

.dp-ctab__panel > .dp-ctab__sub {
	color: var(--dpx-fg-626676, #626676) !important;
}

/* Let each resolved variation use its natural height. Reserving the tallest
 * possible configuration left a large blank block whenever bundles were not
 * offered (for example, the 10-vial supply). */
.single-product .single_variation_wrap {
	min-height: 0;
}

.single-product .dp-bundles[hidden] {
	display: none !important;
	min-height: 0;
}

:where(a, button, input, select, textarea):focus-visible {
	outline: 3px solid var(--dpx-border-a0111220p38, rgba(198, 59, 22, .38));
	outline-offset: 3px;
}

.dp-rail__unit[aria-hidden="true"] {
	pointer-events: none;
}

.dp-coa__all[data-dp-coa-key][hidden] {
	display: inline-flex;
}

/* The theme's broad `.dp-cart > *` tap-target rule accidentally overrides the
 * badge's absolute positioning. Keep the count as an overlay so it cannot add
 * height to the cart link and pull the bag above the search icon. */
.dp-cart > .dp-cart__n {
	position: absolute;
	top: -6px;
	right: -8px;
	z-index: 2;
}

/* --- Cart drawer visual system -----------------------------------------
 * A restrained lab-grid texture and elevated line-item cards give the drawer
 * more presence while retaining the site's clean white/blue language. */
.dp-drawer .dp-drawer__panel {
	background: var(--dpx-bg-f7faff, #fef9f8);
}

.dp-drawer .dp-drawer__head {
	border-bottom-color: var(--dpx-border-dbe8f5, #f2e2de);
	background: linear-gradient(135deg, var(--dpx-bg-fff, #fff) 20%, var(--dpx-bg-edf7ff, #fdf2ef) 100%);
}

.dp-drawer .dp-drawer__title {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: -.035em;
}

.dp-drawer .dp-drawer__x {
	border: 1px solid var(--dpx-border-d5e4f3, #f0ddd8);
	background: var(--dpx-bg-a255255255p9, rgba(255, 255, 255, .9));
	box-shadow: 0 4px 12px var(--dpx-shadow-a414676p07, rgba(46, 36, 30, .07));
}

.dp-drawer .dp-drawer__body {
	background-color: var(--dpx-bg-f7faff, #fef9f8);
	background-image:
		radial-gradient(circle at 1px 1px, var(--dpx-bg-a7135248p12, rgba(224, 70, 31, .12)) 1px, transparent 1.15px),
		linear-gradient(180deg, var(--dpx-bg-a255255255p72, rgba(255, 255, 255, .72)), var(--dpx-bg-a240247255p45, rgba(253, 244, 242, .45)));
	background-size: 18px 18px, 100% 100%;
}

.dp-drawer .dp-drawer__items {
	gap: 12px;
}

.dp-drawer .dp-drawer__item,
.dp-drawer .dp-drawer__item:last-child {
	padding: 12px;
	border: 1px solid var(--dpx-border-a208224240p9, rgba(237, 217, 211, .9));
	border-radius: 16px;
	background: var(--dpx-bg-a255255255p96, rgba(255, 255, 255, .96));
	box-shadow: 0 7px 20px var(--dpx-shadow-a356191p07, rgba(85, 51, 41, .07));
}

.dp-drawer .dp-drawer__media {
	border: 1px solid var(--dpx-border-e4edf6, #f4e9e6);
	background: linear-gradient(145deg, var(--dpx-bg-fff, #fff), var(--dpx-bg-f0f6fc, #fbf3f1));
}

.dp-drawer .dp-drawer__name {
	font-weight: 700;
}

.dp-drawer .dp-drawer__qty {
	border-color: var(--dpx-border-ccdbea, #e7d4cf);
	background: var(--dpx-bg-f8fbff, #fefaf9);
}

.dp-drawer .dp-drawer__ship {
	--dp-cr-ship-pulse: rgba(224, 70, 31, .16);
	padding-top: 16px;
	padding-bottom: 16px;
	border-bottom-color: var(--dpx-border-d7e6f5, #f2dfda);
	background: linear-gradient(135deg, var(--dpx-bg-eaf6ff, #fdefec), var(--dpx-bg-f8fbff, #fefaf9) 72%);
}

.dp-drawer .dp-drawer__ship.is-won {
	--dp-cr-ship-pulse: rgba(22, 163, 74, .16);
}

.dp-drawer .dp-drawer__shipTxt {
	margin-bottom: 9px;
	font-weight: 600;
	color: var(--dpx-fg-485269, #485269);
}

.dp-drawer .dp-drawer__shipTxt strong {
	font-weight: 750;
}

.dp-drawer .dp-drawer__shipTrack {
	height: 8px;
	border: 1px solid var(--dpx-border-a414676p06, rgba(46, 36, 30, .06));
	background: var(--dpx-bg-a414676p1, rgba(46, 36, 30, .1));
	animation: dp-cr-ship-track-pulse 2.2s ease-in-out infinite;
}

.dp-drawer .dp-drawer__shipFill {
	position: relative;
	overflow: hidden;
	background: linear-gradient(90deg, var(--dpx-bg-006fdc, #c63b16), var(--dpx-bg-1597ff, #e8512c));
	animation: dp-cr-ship-fill-pulse 2.2s ease-in-out infinite;
}

.dp-drawer .dp-drawer__ship.is-won .dp-drawer__shipFill {
	background: linear-gradient(90deg, var(--dpx-bg-118746, #118746), var(--dpx-bg-22b563, #22b563));
}

.dp-drawer .dp-drawer__shipFill::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, transparent, var(--dpx-bg-a255255255p78, rgba(255, 255, 255, .78)), transparent);
	transform: translateX(-110%);
	animation: dp-cr-ship-shimmer 2.7s ease-in-out infinite;
}

.dp-drawer .dp-drawer__delivery {
	display: grid;
	grid-template-columns: 34px minmax(0, 1fr);
	gap: 10px;
	align-items: center;
	margin-top: 12px;
	padding: 10px 11px;
	border: 1px solid var(--dpx-border-a0111220p14, rgba(198, 59, 22, .14));
	border-radius: 14px;
	background: var(--dpx-bg-a255255255p76, rgba(255, 255, 255, .76));
	box-shadow: 0 6px 16px var(--dpx-shadow-a356191p05, rgba(85, 51, 41, .05));
}

.dp-drawer .dp-drawer__ship.is-won .dp-drawer__delivery {
	border-color: var(--dpx-border-a2216374p18, rgba(22, 163, 74, .18));
	background: var(--dpx-bg-a255255255p82, rgba(255, 255, 255, .82));
}

.dp-drawer .dp-drawer__deliveryIcon {
	display: grid;
	width: 34px;
	height: 34px;
	place-items: center;
	border-radius: 11px;
	color: var(--dpx-fg-fff, #fff);
	background: linear-gradient(145deg, var(--dpx-bg-006fdc, #c63b16), var(--dpx-bg-1597ff, #e8512c));
	box-shadow: 0 6px 13px var(--dpx-shadow-a0111220p18, rgba(198, 59, 22, .18));
}

.dp-drawer .dp-drawer__ship.is-won .dp-drawer__deliveryIcon {
	background: linear-gradient(145deg, var(--dpx-bg-118746, #118746), var(--dpx-bg-22b563, #22b563));
	box-shadow: 0 6px 13px var(--dpx-shadow-a2216374p18, rgba(22, 163, 74, .18));
}

.dp-drawer .dp-drawer__deliveryIcon svg {
	display: block;
	width: 18px;
	height: 18px;
}

.dp-drawer .dp-drawer__deliveryCopy {
	display: grid;
	gap: 1px;
	min-width: 0;
	line-height: 1.25;
}

.dp-drawer .dp-drawer__deliveryLabel {
	font-size: 10px;
	font-weight: 800;
	letter-spacing: .065em;
	text-transform: uppercase;
	color: var(--dpx-fg-546177, #546177);
}

.dp-drawer .dp-drawer__deliveryDate {
	font-size: 13px;
	font-weight: 750;
	color: var(--dpx-fg-202840, #3D2B23);
}

.dp-drawer .dp-drawer__deliveryCutoff {
	font-size: 10px;
	font-weight: 600;
	color: var(--dpx-fg-778197, #778197);
}

@keyframes dp-cr-ship-track-pulse {
	0%, 100% { box-shadow: 0 0 0 0 var(--dp-cr-ship-pulse); }
	50% { box-shadow: 0 0 0 4px var(--dp-cr-ship-pulse), 0 0 16px var(--dp-cr-ship-pulse); }
}

@keyframes dp-cr-ship-fill-pulse {
	0%, 100% { filter: saturate(1) brightness(1); }
	50% { filter: saturate(1.18) brightness(1.1); }
}

@keyframes dp-cr-ship-shimmer {
	0%, 18% { transform: translateX(-110%); }
	66%, 100% { transform: translateX(110%); }
}

.dp-drawer .dp-drawer__upsells {
	border-color: var(--dpx-border-dce8f4, #f2e2de);
	background: var(--dpx-bg-a243248253p96, rgba(252, 246, 244, .96));
}

.dp-drawer .dp-drawer__foot {
	border-top-color: var(--dpx-border-d7e4f1, #eededa);
	background: var(--dpx-bg-a255255255p98, rgba(255, 255, 255, .98));
	box-shadow: 0 -10px 26px var(--dpx-shadow-a414676p06, rgba(46, 36, 30, .06));
}

.dp-drawer .dp-drawer__sub {
	font-size: 18px;
	font-weight: 750;
}

.dp-drawer .dp-drawer__checkout {
	background: linear-gradient(135deg, var(--dpx-bg-006fdc, #c63b16), var(--dpx-bg-1496ff, #e8502b));
	box-shadow: 0 10px 22px var(--dpx-shadow-a0111220p22, rgba(198, 59, 22, .22));
}

.dp-drawer .dp-drawer__checkout:hover {
	background: linear-gradient(135deg, var(--dpx-bg-0065c9, #b53614), var(--dpx-bg-0787f8, #e0461f));
	box-shadow: 0 12px 26px var(--dpx-shadow-a0111220p28, rgba(198, 59, 22, .28));
}

@media (prefers-reduced-motion: reduce) {
	.dp-drawer .dp-drawer__shipTrack,
	.dp-drawer .dp-drawer__shipFill,
	.dp-drawer .dp-drawer__shipFill::after {
		animation: none;
	}

	.dp-drawer .dp-drawer__shipTrack {
		box-shadow: 0 0 0 3px var(--dp-cr-ship-pulse);
	}
}

/* Compact, high-clarity promo control inside the slide cart. The drawer footer
 * is fixed within the panel, so this stays deliberately shallow and gives the
 * product list the majority of the available height. */
.dp-drawer .dp-drawer__promo {
	margin: 12px 0 10px;
	padding: 11px;
	border: 1px solid var(--dpx-border-dce8f5, #f3e3df);
	border-radius: 14px;
	background: var(--dpx-bg-f7fbff, #fef9f8);
}

.dp-drawer .dp-drawer__promoForm {
	margin: 0;
}

.dp-drawer .dp-drawer__promoLabel {
	display: block;
	margin: 0 0 7px;
	font-size: 12px;
	font-weight: 650;
	line-height: 1.2;
	letter-spacing: .01em;
	color: var(--dpx-fg-292e4c, #2e241e);
}

.dp-drawer .dp-drawer__promoRow {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 8px;
}

.dp-drawer .dp-drawer__promoCode {
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
	height: 40px;
	margin: 0;
	padding: 0 12px;
	border: 1px solid var(--dpx-border-cbd7e5, #e2d2ce);
	border-radius: 10px;
	background: var(--dpx-bg-fff, #fff);
	box-shadow: none;
	font: inherit;
	font-size: 14px;
	line-height: 40px;
	color: var(--dpx-fg-292e4c, #2e241e);
	text-transform: none;
	appearance: none;
}

.dp-drawer .dp-drawer__promoCode::placeholder {
	color: var(--dpx-fg-858b9d, #858b9d);
	opacity: 1;
}

.dp-drawer .dp-drawer__promoCode:focus {
	border-color: var(--dpx-border-0787f8, #e0461f);
	outline: 3px solid var(--dpx-border-a7135248p14, rgba(224, 70, 31, .14));
	outline-offset: 0;
}

.dp-drawer .dp-drawer__promoApply {
	height: 40px;
	min-width: 76px;
	padding: 0 16px;
	border: 1px solid var(--dpx-border-0787f8, #e0461f);
	border-radius: 10px;
	background: var(--dpx-bg-0787f8, #e0461f);
	box-shadow: none;
	font: inherit;
	font-size: 13px;
	font-weight: 650;
	line-height: 1;
	color: var(--dpx-fg-fff, #fff);
	cursor: pointer;
	transition: background-color .18s ease, border-color .18s ease, transform .18s ease;
}

.dp-drawer .dp-drawer__promoApply:hover {
	border-color: var(--dpx-border-006fdc, #c63b16);
	background: var(--dpx-bg-006fdc, #c63b16);
}

.dp-drawer .dp-drawer__promoApply:active {
	transform: translateY(1px);
}

.dp-drawer .dp-drawer__promoApply:disabled,
.dp-drawer .dp-drawer__couponRemove:disabled {
	opacity: .6;
	cursor: progress;
}

.dp-drawer .dp-drawer__couponList {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 9px;
}

.dp-drawer .dp-drawer__couponList[hidden] {
	display: none;
}

.dp-drawer .dp-drawer__coupon {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	min-height: 28px;
	padding: 3px 5px 3px 8px;
	border: 1px solid var(--dpx-border-b9ddca, #b9ddca);
	border-radius: 999px;
	background: var(--dpx-bg-eefaf3, #eefaf3);
	font-size: 11px;
	font-weight: 650;
	line-height: 1;
	color: var(--dpx-fg-11633a, #11633a);
}

.dp-drawer .dp-drawer__couponCheck {
	display: grid;
	place-items: center;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: var(--dpx-bg-17864f, #17864f);
	font-size: 9px;
	color: var(--dpx-fg-fff, #fff);
}

.dp-drawer .dp-drawer__couponCode {
	max-width: 150px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.dp-drawer .dp-drawer__couponRemove {
	min-height: 22px;
	padding: 0 7px;
	border: 0;
	border-radius: 999px;
	background: var(--dpx-bg-a179958p09, rgba(17, 99, 58, .09));
	font: inherit;
	font-size: 10px;
	font-weight: 650;
	line-height: 22px;
	color: var(--dpx-fg-11633a, #11633a);
	cursor: pointer;
}

.dp-drawer .dp-drawer__couponRemove:hover {
	background: var(--dpx-bg-a179958p16, rgba(17, 99, 58, .16));
}

.dp-drawer .dp-drawer__promoMessage {
	margin: 7px 1px 0;
	font-size: 11px;
	font-weight: 550;
	line-height: 1.35;
	color: var(--dpx-fg-5b6172, #5b6172);
}

.dp-drawer .dp-drawer__promoMessage[hidden] {
	display: none;
}

.dp-drawer .dp-drawer__promoMessage.is-error {
	color: var(--dpx-fg-a52b2b, #a52b2b);
}

.dp-drawer .dp-drawer__promoMessage.is-success {
	color: var(--dpx-fg-11633a, #11633a);
}

/* Mobile Safari magnifies focused form fields whose computed type is below
 * 16px. Meet that threshold on phones instead of disabling page zoom, which
 * preserves the customer's ability to pinch-zoom for accessibility. */
@media (max-width: 809px) {
	.dp-drawer .dp-drawer__promoCode {
		font-size: 16px;
	}
}

@media (max-width: 380px) {
	.dp-drawer .dp-drawer__promo {
		padding: 10px;
	}

	.dp-drawer .dp-drawer__promoApply {
		min-width: 70px;
		padding-inline: 13px;
	}
}

/* --- Customer account and shipment tracking --------------------------- */
.dp-menu-account > a {
	font-weight: 650;
}

.dp-menu-account.current-menu-item > a {
	color: var(--dpx-fg-blue, var(--dp-blue));
}

/* --- Product picker: dedicated 10-vial value row ----------------------- */
.dp-pick .dp-pick__packSource {
	display: none !important;
}

/* The dedicated Box of 10 control below fully replaces the supply selector.
 * Keep the active 1-vial choice in the DOM for variation matching, but remove
 * the redundant visible row from the picker. */
.dp-pick .dp-pick__row--supply-replaced {
	display: none;
}

.dp-pick__boxTen {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 14px;
	width: 100%;
	min-height: 72px;
	padding: 13px 14px 13px 16px;
	border: 1px solid var(--dpx-border-b9dcfb, #f4cac0);
	border-radius: 16px;
	background:
		radial-gradient(circle at 1px 1px, var(--dpx-bg-a0125237p08, rgba(213, 62, 24, .08)) 1px, transparent 1.1px) 0 0 / 15px 15px,
		linear-gradient(135deg, var(--dpx-bg-f2f9ff, #fef5f3), var(--dpx-bg-fff, #fff) 72%);
	box-shadow: 0 9px 24px var(--dpx-shadow-a2491151p08, rgba(138, 57, 37, .08));
	font: inherit;
	text-align: left;
	color: var(--dp-ink);
	cursor: pointer;
	transition: border-color .18s ease, box-shadow .18s ease, transform .12s ease;
}

.dp-pick__boxTen:hover:not(:disabled) {
	border-color: var(--dpx-fg-blue, var(--dp-blue));
	box-shadow: 0 12px 28px var(--dpx-shadow-a0125237p14, rgba(213, 62, 24, .14));
}

.dp-pick__boxTen:active:not(:disabled) {
	transform: scale(.985);
}

.dp-pick__boxTen:focus-visible {
	outline: 2px solid var(--dp-ink);
	outline-offset: 2px;
}

.dp-pick__boxTen:disabled {
	opacity: .58;
	cursor: not-allowed;
}

.dp-pick__boxCopy {
	display: grid;
	min-width: 0;
	gap: 3px;
}

.dp-pick__boxTitle {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 7px;
	font-size: 16px;
	font-weight: 750;
	line-height: 1.2;
}

.dp-pick__boxBadge {
	display: inline-flex;
	align-items: center;
	min-height: 20px;
	padding: 3px 7px;
	border-radius: 999px;
	background: var(--dpx-bg-ffbd19, #ffbd19);
	font-size: 9px;
	font-weight: 800;
	line-height: 1;
	letter-spacing: .045em;
	text-transform: uppercase;
	color: var(--dpx-fg-352500, #352500);
}

.dp-pick__boxMeta {
	font-size: 13px;
	line-height: 1.35;
	color: var(--dpx-fg-687385, #687385);
}

.dp-pick__boxMeta strong {
	color: var(--dpx-fg-0075dc, #c63a16);
}

.dp-pick__boxMeta s {
	margin-left: 3px;
	color: var(--dpx-fg-949baa, #949baa);
}

.dp-pick__boxCta {
	display: inline-flex;
	flex: 0 0 auto;
	align-items: center;
	justify-content: center;
	gap: 4px;
	min-width: 92px;
	min-height: 40px;
	padding: 9px 14px;
	border-radius: 999px;
	background: var(--dp-blue);
	font-size: 14px;
	font-weight: 750;
	line-height: 1;
	color: var(--dpx-fg-fff, #fff);
}

.woocommerce-account .dp-account-verify-note {
	margin: 14px 0 2px;
	padding: 12px 14px;
	border: 1px solid var(--dpx-border-cfe4f8, #f4dad3);
	border-radius: 12px;
	background: var(--dpx-bg-f4faff, #fef7f5);
	font-size: 13px;
	line-height: 1.5;
	color: var(--dpx-fg-4f5d6c, #4f5d6c);
}

.dp-cr-track {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 16px;
	align-items: center;
	margin: 0 0 26px;
	padding: 20px;
	border: 1px solid var(--dpx-border-badcfb, #f5cbc0);
	border-radius: 18px;
	background:
		radial-gradient(circle at 1px 1px, var(--dpx-bg-a0111220p11, rgba(198, 59, 22, .11)) 1px, transparent 1.1px) 0 0 / 18px 18px,
		linear-gradient(135deg, var(--dpx-bg-eef8ff, #fdf2f0), var(--dpx-bg-fff, #fff) 72%);
	box-shadow: 0 12px 34px var(--dpx-shadow-a2170117p08, rgba(107, 47, 31, .08));
}

.dp-cr-track__icon {
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	border-radius: 15px;
	background: linear-gradient(145deg, var(--dpx-bg-0787f8, #e0461f), var(--dpx-bg-0065c9, #b53614));
	box-shadow: 0 8px 18px var(--dpx-shadow-a0111220p22, rgba(198, 59, 22, .22));
	color: var(--dpx-fg-fff, #fff);
}

.dp-cr-track__copy {
	min-width: 0;
}

.dp-cr-track__eyebrow {
	display: block;
	margin-bottom: 2px;
	font-size: 11px;
	font-weight: 750;
	letter-spacing: .09em;
	text-transform: uppercase;
	color: var(--dpx-fg-0065c9, #b53614);
}

.dp-cr-track h2 {
	margin: 0 0 8px;
	font-size: clamp(19px, 2vw, 24px);
	line-height: 1.2;
	letter-spacing: -.025em;
	color: var(--dp-ink);
}

.dp-cr-track__links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}

.woocommerce-account .dp-cr-track__link,
.dp-cr-track__link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	min-height: 34px;
	padding: 7px 11px;
	border: 1px solid var(--dpx-border-a8d2f7, #efbdb0);
	border-radius: 999px;
	background: var(--dpx-bg-a255255255p9, rgba(255, 255, 255, .9));
	font-size: 12px;
	font-weight: 700;
	line-height: 1.25;
	color: var(--dpx-fg-0065c9, #b53614);
	word-break: break-all;
}

.woocommerce-account .dp-cr-track__link:hover,
.dp-cr-track__link:hover {
	border-color: var(--dpx-border-0787f8, #e0461f);
	background: var(--dpx-bg-fff, #fff);
}

.dp-cr-track__number,
.dp-cr-track__pending {
	display: inline-block;
	font-size: 12px;
	line-height: 1.35;
	color: var(--dpx-fg-626676, #626676);
}

.woocommerce-account .woocommerce-orders-table__header-tracking,
.woocommerce-account .woocommerce-orders-table__cell-tracking {
	min-width: 160px;
}

.dp-cr-track-dashboard {
	margin-top: 18px;
}

.woocommerce-account .dp-cr-track-dashboard__list,
.dp-cr-track-dashboard__list {
	display: grid;
	gap: 0;
	margin: 14px 0 0;
	padding: 0;
	list-style: none;
}

.woocommerce-account .dp-cr-track-dashboard__list > li {
	display: grid;
	grid-template-columns: minmax(90px, auto) minmax(0, 1fr);
	gap: 14px;
	align-items: center;
	padding: 12px 0;
	border-top: 1px solid var(--dpx-border-e3ebf3, #f1e7e5);
	list-style: none;
}

.woocommerce-account .dp-cr-track-dashboard__list > li::marker {
	content: "";
}

.woocommerce-account .dp-cr-track-dashboard__order {
	font-weight: 750;
	color: var(--dp-ink);
}

@media (max-width: 809px) {
	/* Match the inset width and corner language of the proof cards instead of
	 * letting the research notice touch both viewport edges. */
	.dp-home .dp-ruo {
		box-sizing: border-box;
		padding: 14px var(--dp-gutter) 0;
	}

	.dp-home .dp-ruo__panel {
		width: 100%;
		max-width: none;
		border-radius: var(--dp-r-lg);
	}

	/* Reserve the same two-line title area for every two-up catalogue card so
	 * longer names never push their Add To Cart control below its row-mate. */
	.post-type-archive-product .dp-shop__grid .dp-rcard__name {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 44px;
		min-height: 44px;
	}

	.dp-cr-track {
		grid-template-columns: 42px minmax(0, 1fr);
		gap: 12px;
		padding: 16px;
		border-radius: 16px;
	}

	.dp-cr-track__icon {
		width: 42px;
		height: 42px;
		border-radius: 12px;
	}

	.woocommerce-account .dp-cr-track-dashboard__list > li {
		grid-template-columns: minmax(0, 1fr);
		gap: 7px;
	}
}

@media (max-width: 380px) {
	.dp-pick__boxTen {
		gap: 10px;
		padding-inline: 13px;
	}

	.dp-pick__boxCta {
		min-width: 82px;
		padding-inline: 11px;
	}
}
/* Server-calculated coupon savings: never substitute the pre-discount subtotal
   for the amount due. Keep figures aligned on narrow mobile drawers. */
#dp-drawer .dp-drawer__totals { display:grid; gap:10px; margin:14px 0 0; }
#dp-drawer .dp-drawer__totalRow { display:flex; align-items:baseline; justify-content:space-between; gap:14px; font-size:14px; line-height:1.4; }
#dp-drawer .dp-drawer__totalRow > :first-child { min-width:0; }
#dp-drawer .dp-drawer__totalRow > :last-child { flex:none; white-space:nowrap; font-variant-numeric:tabular-nums; }
#dp-drawer .dp-drawer__discount { color:var(--dpx-fg-147451, #147451); }
#dp-drawer .dp-drawer__discountCode { display:inline-block; max-width:100%; font-size:12px; font-weight:700; overflow-wrap:anywhere; }
#dp-drawer .dp-drawer__grandTotal { border-top:1px solid var(--dpx-border-dfe6ef, #ede4e1); padding-top:12px; font-size:19px; font-weight:750; color:var(--dpx-fg-242a43, #402f27); }
#dp-drawer .dp-drawer__grandTotal strong { font-size:22px; }