/* GENERATED from preview/pd-woo.src.css by preview/pair.py — every selector
   carries its "#top #wrap_all" twin. Edit the source and re-run, or keep
   the pairs by hand. */
/* ==========================================================================
   Prestige Detailing — WooCommerce cart, checkout, thank-you (pd-woo)
   Figma: Cart 15:2856, Checkout 15:6252, Thank You 15:7514.
   SELF-CONTAINED: carries its own copy of pd-main-nav's shared tokens and the
   .pd-nav-t cap trim, so it never depends on the nav stylesheet being current
   (the live pd-main-nav.css is an older copy without .pd-woo — same fix as pd-stat 1.0.1).
   Longhands only. Design strokes are inset box-shadows, so they take no space.
   ========================================================================== */

@property --pd-fb       { syntax: "<number>"; inherits: true;  initial-value: 0; }
@property --pd-nav-tt   { syntax: "<length>"; inherits: false; initial-value: 0px; }
@property --pd-nav-tb   { syntax: "<length>"; inherits: false; initial-value: 0px; }

/* ---------- Enfold's page wrapper stands down on these three pages ---------- */
.pd-woo-page .title_container,
.pd-woo-page #main .container_wrap_first .sidebar,
#top.pd-woo-page #wrap_all .title_container,
#top.pd-woo-page #wrap_all #main .container_wrap_first .sidebar {
	display: none;
}

.pd-woo-page #main .container_wrap_first,
#top.pd-woo-page #wrap_all #main .container_wrap_first {
	background-color: #161414;
	border-top-width: 0;
}

.pd-woo-page.pd-woo-light #main .container_wrap_first,
#top.pd-woo-page.pd-woo-light #wrap_all #main .container_wrap_first {
	background-color: #fff;
}

.pd-woo-page #main .container_wrap_first > .container,
#top.pd-woo-page #wrap_all #main .container_wrap_first > .container {
	max-width: none;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

.pd-woo-page #main .container_wrap_first .content,
.pd-woo-page #main .container_wrap_first .entry-content-wrapper,
#top.pd-woo-page #wrap_all #main .container_wrap_first .content,
#top.pd-woo-page #wrap_all #main .container_wrap_first .entry-content-wrapper {
	float: none;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	border-left-width: 0;
	border-right-width: 0;
}

/* ---------- Root ---------- */
.pd-woo,
#top #wrap_all .pd-woo {
	/* Shared site tokens — same values as pd-main-nav */
	--pd-nav-font: "Google Sans Flex", "Google Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--pd-cap: 0.71875;
	--pd-asc: 0.966;
	--pd-desc: 0.286;

	--pd-woo-px: clamp(16px, 9.259vw, 160px);        /* 160 @ 1728, = nav */
	--pd-woo-ink: #fff;
	--pd-woo-red: #d60c0c;
	--pd-woo-bg: #161414;
	--pd-woo-panel: #242222;
	--pd-woo-line: rgba(255, 255, 255, 0.2);
	--pd-woo-mark: #fff;
	--pd-woo-side: 343px;

	font-family: var(--pd-nav-font);
	font-weight: 400;
	color: var(--pd-woo-ink);
	-webkit-font-smoothing: antialiased;
	text-align: left;
}

.pd-woo *,
.pd-woo *::before,
.pd-woo *::after,
#top #wrap_all .pd-woo *,
#top #wrap_all .pd-woo *::before,
#top #wrap_all .pd-woo *::after {
	box-sizing: border-box;
}

.pd-woo a,
#top #wrap_all .pd-woo a {
	color: inherit;
	text-decoration: none;
	border-bottom-width: 0;
}

.pd-woo .screen-reader-text,
.pd-woo .pd-woo-vh,
#top #wrap_all .pd-woo .screen-reader-text,
#top #wrap_all .pd-woo .pd-woo-vh {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
	white-space: nowrap;
	margin-top: 0;
	margin-bottom: 0;
}

.pd-woo .pd-woo__icon,
#top #wrap_all .pd-woo .pd-woo__icon {
	display: block;
	width: 20px;
	height: 20px;
	max-width: none;
	flex: 0 0 auto;
}

/* ---------- Cap trim (text-box) with a metric fallback — same as pd-main-nav ---------- */
.pd-woo .pd-nav-t,
#top #wrap_all .pd-woo .pd-nav-t {
	display: block;
	--pd-nav-tt: calc(var(--pd-fb) * ((var(--lh) - (var(--pd-asc) + var(--pd-desc)) * var(--fs)) / 2 + (var(--pd-asc) - var(--pd-cap)) * var(--fs)));
	--pd-nav-tb: calc(var(--pd-fb) * ((var(--lh) - (var(--pd-asc) + var(--pd-desc)) * var(--fs)) / 2 + var(--pd-desc) * var(--fs)));
	font-size: var(--fs);
	line-height: var(--lh);
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
	text-box: trim-both cap alphabetic;
	margin-top: calc(-1 * var(--pd-nav-tt));
	margin-bottom: calc(-1 * var(--pd-nav-tb));
}

@supports not ((text-box: trim-both cap alphabetic) or (text-box-trim: trim-both)) {
	.pd-woo,
#top #wrap_all .pd-woo { --pd-fb: 1; }
}

/* ==========================================================================
   Two-line title  (Shopping / Cart · Review & / Checkout · Order / Received!)
   ========================================================================== */
.pd-woo .pd-woo-title,
#top #wrap_all .pd-woo .pd-woo-title {
	display: flex;
	flex-direction: column;
	row-gap: 12px;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	text-transform: uppercase;
	color: var(--pd-woo-ink);
	font-family: var(--pd-nav-font);
}

.pd-woo .pd-woo-title__top,
#top #wrap_all .pd-woo .pd-woo-title__top {
	--fs: clamp(24px, 21.78px + 0.592vw, 32px);
	--lh: var(--fs);
	font-weight: 400;
	letter-spacing: -0.03em;
}

.pd-woo .pd-woo-title__grad,
#top #wrap_all .pd-woo .pd-woo-title__grad {
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.4) 0, #fff 145px);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
}

.pd-woo .pd-woo-title__main,
#top #wrap_all .pd-woo .pd-woo-title__main {
	--fs: clamp(36px, 32.66px + 0.888vw, 48px);
	--lh: calc(var(--fs) * 0.9167);
	font-weight: 700;
	letter-spacing: -0.04em;
}

.pd-woo .pd-woo-title--xl,
#top #wrap_all .pd-woo .pd-woo-title--xl {
	row-gap: 14px;
}

.pd-woo .pd-woo-title--xl .pd-woo-title__top,
#top #wrap_all .pd-woo .pd-woo-title--xl .pd-woo-title__top {
	--fs: clamp(32px, 26.44px + 1.479vw, 52px);
}

.pd-woo .pd-woo-title--xl .pd-woo-title__main,
#top #wrap_all .pd-woo .pd-woo-title--xl .pd-woo-title__main {
	--fs: clamp(40px, 32.21px + 2.071vw, 68px);
	--lh: calc(var(--fs) * 0.9118);
}

/* Page head: title · 40 · rule (from the viewport edge) · 40 · lead */
.pd-woo .pd-woo-head,
#top #wrap_all .pd-woo .pd-woo-head {
	display: flex;
	flex-direction: column;
	row-gap: 40px;
	align-items: flex-start;
}

.pd-woo .pd-woo-head__rule,
#top #wrap_all .pd-woo .pd-woo-head__rule {
	display: block;
	height: 1px;
	width: calc(var(--pd-woo-px) + 580px);
	max-width: calc(100% + var(--pd-woo-px));
	margin-left: calc(-1 * var(--pd-woo-px));
	background-color: var(--pd-woo-ink);
	opacity: 0.4;
}

.pd-woo .pd-woo-head__lead,
#top #wrap_all .pd-woo .pd-woo-head__lead {
	--fs: 18px;
	--lh: 28px;
	max-width: 580px;
	color: var(--pd-woo-ink);
	opacity: 0.72;
}

/* ==========================================================================
   Breadcrumb strip
   ========================================================================== */
.pd-woo-strip,
#top #wrap_all .pd-woo-strip {
	background-color: var(--pd-woo-bg);
	box-shadow: inset 0 1px 0 0 var(--pd-woo-line), inset 0 -1px 0 0 var(--pd-woo-line);
}

.pd-woo-strip .pd-woo-strip__in,
#top #wrap_all .pd-woo-strip .pd-woo-strip__in {
	display: flex;
	align-items: center;
	justify-content: space-between;
	column-gap: 24px;
	min-height: 84px;
	padding-top: 32px;
	padding-bottom: 32px;
	padding-left: var(--pd-woo-px);
	padding-right: var(--pd-woo-px);
}

.pd-woo-strip .pd-woo-strip__back,
#top #wrap_all .pd-woo-strip .pd-woo-strip__back {
	display: inline-flex;
	align-items: center;
	column-gap: 4px;
	color: #fff;
	transition: opacity 0.25s ease;
}

.pd-woo-strip .pd-woo-strip__back:hover,
#top #wrap_all .pd-woo-strip .pd-woo-strip__back:hover {
	opacity: 0.72;
}

.pd-woo-strip .pd-woo-strip__chev,
#top #wrap_all .pd-woo-strip .pd-woo-strip__chev {
	transform: rotate(180deg);
}

.pd-woo-strip .pd-woo-strip__back-t,
#top #wrap_all .pd-woo-strip .pd-woo-strip__back-t {
	--fs: 16px;
	--lh: 24px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	white-space: nowrap;
}

.pd-woo-strip .pd-woo-strip__crumbs,
#top #wrap_all .pd-woo-strip .pd-woo-strip__crumbs {
	display: flex;
	align-items: center;
	column-gap: 16px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

.pd-woo-strip .pd-woo-strip__crumb,
#top #wrap_all .pd-woo-strip .pd-woo-strip__crumb {
	display: flex;
	align-items: center;
	column-gap: 16px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	color: var(--pd-woo-red);
	white-space: nowrap;
}

.pd-woo-strip .pd-woo-strip__crumb.is-current,
#top #wrap_all .pd-woo-strip .pd-woo-strip__crumb.is-current {
	color: rgba(255, 255, 255, 0.72);
}

.pd-woo-strip .pd-woo-strip__t,
.pd-woo-strip .pd-woo-strip__sep,
#top #wrap_all .pd-woo-strip .pd-woo-strip__t,
#top #wrap_all .pd-woo-strip .pd-woo-strip__sep {
	--fs: 18px;
	--lh: 28px;
	color: inherit;
}

.pd-woo-strip a.pd-woo-strip__t:hover,
#top #wrap_all .pd-woo-strip a.pd-woo-strip__t:hover {
	color: #fff;
}

/* ==========================================================================
   Section + two columns
   ========================================================================== */
.pd-woo .pd-woo-sect__in,
#top #wrap_all .pd-woo .pd-woo-sect__in {
	padding-top: clamp(48px, 6.019vw, 104px);
	padding-bottom: clamp(80px, 9.259vw, 160px);
	padding-left: var(--pd-woo-px);
	padding-right: var(--pd-woo-px);
}

.pd-woo .pd-woo-cols,
#top #wrap_all .pd-woo .pd-woo-cols {
	display: grid;
	grid-template-columns: minmax(0, 1fr) var(--pd-woo-side);
	column-gap: 64px;
	row-gap: 48px;
	align-items: start;
}

.pd-woo .pd-woo-cols--co,
#top #wrap_all .pd-woo .pd-woo-cols--co {
	column-gap: clamp(40px, 7.523vw, 130px);
	row-gap: 96px;
}

/* Panel: #242222 with 8 × 2 corner brackets (same drawing as .pd-btn-bracket). */
.pd-woo .pd-woo-panel,
#top #wrap_all .pd-woo .pd-woo-panel {
	position: relative;
	background-color: var(--pd-woo-panel);
	background-image:
		linear-gradient(var(--pd-woo-mark), var(--pd-woo-mark)), linear-gradient(var(--pd-woo-mark), var(--pd-woo-mark)),
		linear-gradient(var(--pd-woo-mark), var(--pd-woo-mark)), linear-gradient(var(--pd-woo-mark), var(--pd-woo-mark)),
		linear-gradient(var(--pd-woo-mark), var(--pd-woo-mark)), linear-gradient(var(--pd-woo-mark), var(--pd-woo-mark)),
		linear-gradient(var(--pd-woo-mark), var(--pd-woo-mark)), linear-gradient(var(--pd-woo-mark), var(--pd-woo-mark));
	background-size:
		8px 2px, 2px 8px,
		8px 2px, 2px 8px,
		8px 2px, 2px 8px,
		8px 2px, 2px 8px;
	background-position:
		left top, left top,
		right top, right top,
		left bottom, left bottom,
		right bottom, right bottom;
	background-repeat: no-repeat;
}

/* Panel sections. A --rule section draws the full-width divider and its ├ ┤ ticks. */
.pd-woo .pd-woo-sec,
#top #wrap_all .pd-woo .pd-woo-sec {
	position: relative;
	padding-left: 32px;
	padding-right: 32px;
}

.pd-woo .pd-woo-sec--rule::before,
#top #wrap_all .pd-woo .pd-woo-sec--rule::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 1px;
	background-color: var(--pd-woo-line);
}

.pd-woo .pd-woo-sec--rule::after,
#top #wrap_all .pd-woo .pd-woo-sec--rule::after {
	content: "";
	position: absolute;
	top: -7px;
	left: 0;
	right: 0;
	height: 14px;
	pointer-events: none;
	background-image:
		linear-gradient(var(--pd-woo-mark), var(--pd-woo-mark)), linear-gradient(var(--pd-woo-mark), var(--pd-woo-mark)),
		linear-gradient(var(--pd-woo-mark), var(--pd-woo-mark)), linear-gradient(var(--pd-woo-mark), var(--pd-woo-mark));
	background-size: 2px 14px, 8px 2px, 2px 14px, 8px 2px;
	background-position: left top, left 0 top 6px, right top, right 0 top 6px;
	background-repeat: no-repeat;
}

.pd-woo .pd-woo-sec--title,
#top #wrap_all .pd-woo .pd-woo-sec--title {
	padding-top: 32px;
	padding-bottom: 32px;
}

.pd-woo .pd-woo-sum__title,
#top #wrap_all .pd-woo .pd-woo-sum__title {
	--fs: 22px;
	--lh: 32px;
	margin-top: 0;
	margin-bottom: 0;
	font-family: var(--pd-nav-font);
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
	color: #fff;
}

.pd-woo .pd-woo-sec--rows,
#top #wrap_all .pd-woo .pd-woo-sec--rows {
	display: flex;
	flex-direction: column;
	row-gap: 20px;
	padding-top: 33px;
	padding-bottom: 32px;
}

.pd-woo .pd-woo-sec--end,
#top #wrap_all .pd-woo .pd-woo-sec--end {
	display: flex;
	flex-direction: column;
	row-gap: 48px;
	padding-top: 33px;
	padding-bottom: 48px;
}

/* Totals rows */
.pd-woo .pd-woo-row,
#top #wrap_all .pd-woo .pd-woo-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	column-gap: 16px;
}

.pd-woo .pd-woo-row__k,
.pd-woo .pd-woo-row__v,
#top #wrap_all .pd-woo .pd-woo-row__k,
#top #wrap_all .pd-woo .pd-woo-row__v {
	--fs: 16px;
	--lh: 24px;
	color: #fff;
}

.pd-woo .pd-woo-row__k,
#top #wrap_all .pd-woo .pd-woo-row__k {
	opacity: 0.56;
}

.pd-woo .pd-woo-row__v,
#top #wrap_all .pd-woo .pd-woo-row__v {
	text-align: right;
}

.pd-woo .pd-woo-row__v a,
#top #wrap_all .pd-woo .pd-woo-row__v a {
	color: var(--pd-woo-red);
}

.pd-woo .pd-woo-row--total .pd-woo-row__k,
#top #wrap_all .pd-woo .pd-woo-row--total .pd-woo-row__k {
	--fs: 18px;
	--lh: 28px;
	opacity: 1;
}

.pd-woo .pd-woo-row__v--total,
#top #wrap_all .pd-woo .pd-woo-row__v--total {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	row-gap: 8px;
}

.pd-woo .pd-woo-row__v--total > strong,
.pd-woo .pd-woo-row__v--total > .woocommerce-Price-amount,
#top #wrap_all .pd-woo .pd-woo-row__v--total > strong,
#top #wrap_all .pd-woo .pd-woo-row__v--total > .woocommerce-Price-amount {
	display: block;
	font-size: 22px;
	line-height: 32px;
	font-weight: 400;
	color: #fff;
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
	text-box: trim-both cap alphabetic;
	margin-top: calc(-1 * var(--pd-fb) * ((32px - (var(--pd-asc) + var(--pd-desc)) * 22px) / 2 + (var(--pd-asc) - var(--pd-cap)) * 22px));
	margin-bottom: calc(-1 * var(--pd-fb) * ((32px - (var(--pd-asc) + var(--pd-desc)) * 22px) / 2 + var(--pd-desc) * 22px));
}

.pd-woo .pd-woo-row__v--total small,
.pd-woo .pd-woo-row .woocommerce-remove-coupon,
#top #wrap_all .pd-woo .pd-woo-row__v--total small,
#top #wrap_all .pd-woo .pd-woo-row .woocommerce-remove-coupon {
	font-size: 13px;
	line-height: 18px;
	opacity: 0.64;
}

/* Assurance list */
.pd-woo .pd-woo-assure,
#top #wrap_all .pd-woo .pd-woo-assure {
	display: flex;
	flex-direction: column;
	row-gap: 12px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

.pd-woo .pd-woo-assure-item,
#top #wrap_all .pd-woo .pd-woo-assure-item {
	display: flex;
	align-items: center;
	column-gap: 10px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 8px;
	list-style: none;
	color: #fff;
}

.pd-woo .pd-woo-assure-item::before,
#top #wrap_all .pd-woo .pd-woo-assure-item::before {
	content: "";
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: currentColor;
	flex: 0 0 auto;
}

.pd-woo .pd-woo-assure-item > .pd-nav-t,
#top #wrap_all .pd-woo .pd-woo-assure-item > .pd-nav-t {
	--fs: 16px;
	--lh: 24px;
}

/* ==========================================================================
   Red buttons: Proceed to checkout / Place order
   ========================================================================== */
.pd-woo .wc-proceed-to-checkout,
#top #wrap_all .pd-woo .wc-proceed-to-checkout {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.pd-woo .wc-proceed-to-checkout .checkout-button,
.pd-woo #place_order,
#top #wrap_all .pd-woo .wc-proceed-to-checkout .checkout-button,
#top #wrap_all .pd-woo #place_order {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 59px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 32px;
	padding-right: 32px;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-radius: 0;
	background-color: var(--pd-woo-red);
	background-image: none;
	box-shadow: none;
	color: #fff;
	font-family: var(--pd-nav-font);
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 0.25s ease;
}

.pd-woo .wc-proceed-to-checkout .checkout-button:hover,
.pd-woo .wc-proceed-to-checkout .checkout-button:focus-visible,
.pd-woo #place_order:hover,
.pd-woo #place_order:focus-visible,
#top #wrap_all .pd-woo .wc-proceed-to-checkout .checkout-button:hover,
#top #wrap_all .pd-woo .wc-proceed-to-checkout .checkout-button:focus-visible,
#top #wrap_all .pd-woo #place_order:hover,
#top #wrap_all .pd-woo #place_order:focus-visible {
	background-color: #b70a0a;
	color: #fff;
}

.pd-woo .wc-proceed-to-checkout .checkout-button:focus-visible,
.pd-woo #place_order:focus-visible,
#top #wrap_all .pd-woo .wc-proceed-to-checkout .checkout-button:focus-visible,
#top #wrap_all .pd-woo #place_order:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 4px;
}

/* ==========================================================================
   Checkbox (red square, white tick) — promo, "same address", note, terms, payment
   ========================================================================== */
.pd-woo .pd-woo-check,
.pd-woo .woocommerce-form__label-for-checkbox,
#top #wrap_all .pd-woo .pd-woo-check,
#top #wrap_all .pd-woo .woocommerce-form__label-for-checkbox {
	display: inline-flex;
	align-items: center;
	column-gap: 8px;
	font-weight: 400;
	font-size: 16px;
	letter-spacing: 0;
	text-transform: none;
	margin-top: 0;
	margin-bottom: 0;
	cursor: pointer;
	color: #fff;
}

.pd-woo .pd-woo-check__t,
.pd-woo .woocommerce-form__label-for-checkbox > span,
#top #wrap_all .pd-woo .pd-woo-check__t,
#top #wrap_all .pd-woo .woocommerce-form__label-for-checkbox > span {
	--fs: 16px;
	--lh: 24px;
	color: #fff;
	font-family: var(--pd-nav-font);
	font-weight: 400;
	font-style: normal;
	letter-spacing: 0;
	text-transform: none;
	opacity: 0.72;
}

.pd-woo .pd-woo-check__box,
.pd-woo input.input-checkbox,
.pd-woo input[type="checkbox"].woocommerce-form__input-checkbox,
.pd-woo .wc_payment_method > input.input-radio,
#top #wrap_all .pd-woo .pd-woo-check__box,
#top #wrap_all .pd-woo input.input-checkbox,
#top #wrap_all .pd-woo input[type="checkbox"].woocommerce-form__input-checkbox,
#top #wrap_all .pd-woo .wc_payment_method > input.input-radio {
	-webkit-appearance: none;
	appearance: none;
	flex: 0 0 auto;
	width: 16px;
	height: 16px;
	min-height: 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	border-radius: 0;
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
	background-size: 13.09px 13.09px;
	box-sizing: border-box;
	box-shadow: none;
	border-top: 1px solid rgba(255, 255, 255, 0.56);
	border-right: 1px solid rgba(255, 255, 255, 0.56);
	border-bottom: 1px solid rgba(255, 255, 255, 0.56);
	border-left: 1px solid rgba(255, 255, 255, 0.56);
	display: inline-block;
	position: static;
	opacity: 1;
	visibility: visible;
	cursor: pointer;
	vertical-align: middle;
}

.pd-woo .pd-woo-check__box:hover,
.pd-woo input.input-checkbox:hover,
.pd-woo .wc_payment_method > input.input-radio:hover,
#top #wrap_all .pd-woo .pd-woo-check__box:hover,
#top #wrap_all .pd-woo input.input-checkbox:hover,
#top #wrap_all .pd-woo .wc_payment_method > input.input-radio:hover {
	border-top-color: #fff;
	border-right-color: #fff;
	border-bottom-color: #fff;
	border-left-color: #fff;
}

.pd-woo .pd-woo-check__box:checked,
.pd-woo input.input-checkbox:checked,
.pd-woo input[type="checkbox"].woocommerce-form__input-checkbox:checked,
.pd-woo .wc_payment_method > input.input-radio:checked,
#top #wrap_all .pd-woo .pd-woo-check__box:checked,
#top #wrap_all .pd-woo input.input-checkbox:checked,
#top #wrap_all .pd-woo input[type="checkbox"].woocommerce-form__input-checkbox:checked,
#top #wrap_all .pd-woo .wc_payment_method > input.input-radio:checked {
	background-color: var(--pd-woo-red);
	background-image: url("../img/check.svg");
	box-shadow: none;
	border-top-color: var(--pd-woo-red);
	border-right-color: var(--pd-woo-red);
	border-bottom-color: var(--pd-woo-red);
	border-left-color: var(--pd-woo-red);
}

.pd-woo .pd-woo-check__box:focus-visible,
.pd-woo input.input-checkbox:focus-visible,
.pd-woo .wc_payment_method > input.input-radio:focus-visible,
#top #wrap_all .pd-woo .pd-woo-check__box:focus-visible,
#top #wrap_all .pd-woo input.input-checkbox:focus-visible,
#top #wrap_all .pd-woo .wc_payment_method > input.input-radio:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 2px;
}

/* ==========================================================================
   CART
   ========================================================================== */
.pd-woo .pd-woo-cart,
#top #wrap_all .pd-woo .pd-woo-cart {
	margin-top: 0;
	margin-bottom: 0;
}

.pd-woo .pd-woo-cart__panel,
#top #wrap_all .pd-woo .pd-woo-cart__panel {
	padding-top: 48px;
}

.pd-woo .pd-woo-cart__head,
#top #wrap_all .pd-woo .pd-woo-cart__head {
	padding-left: 48px;
	padding-right: 48px;
	margin-bottom: 48px;
}

.pd-woo .pd-woo-cart__table,
#top #wrap_all .pd-woo .pd-woo-cart__table {
	display: block;
}

.pd-woo .pd-woo-cart__row,
#top #wrap_all .pd-woo .pd-woo-cart__row {
	display: grid;
	grid-template-columns: minmax(0, 424fr) minmax(0, 144fr) minmax(126px, 206fr) minmax(0, 103fr) 28px;
	align-items: center;
	padding-left: 48px;
	padding-right: 48px;
	padding-top: 21px;                 /* 1px rule + 20 */
	padding-bottom: 20px;
	box-shadow: inset 0 1px 0 0 var(--pd-woo-line);
}

.pd-woo .pd-woo-cart__row--head,
#top #wrap_all .pd-woo .pd-woo-cart__row--head {
	padding-top: 0;
	padding-bottom: 19.5px;            /* header cap-top → rule = 31 */
	box-shadow: none;
}

.pd-woo .pd-woo-cart__th,
#top #wrap_all .pd-woo .pd-woo-cart__th {
	--fs: 16px;
	--lh: 24px;
	color: #fff;
	opacity: 0.72;
	white-space: nowrap;
}

.pd-woo .pd-woo-cart__c--product,
#top #wrap_all .pd-woo .pd-woo-cart__c--product {
	display: flex;
	align-items: center;
	column-gap: 24px;
	min-width: 0;
}

.pd-woo .pd-woo-cart__thumb,
#top #wrap_all .pd-woo .pd-woo-cart__thumb {
	display: block;
	flex: 0 0 auto;
	width: 120px;
	height: 120px;
	background-color: var(--pd-woo-bg);
	overflow: hidden;
}

.pd-woo .pd-woo-cart__thumb a,
#top #wrap_all .pd-woo .pd-woo-cart__thumb a {
	display: block;
	width: 100%;
	height: 100%;
}

.pd-woo .pd-woo-cart__thumb img,
#top #wrap_all .pd-woo .pd-woo-cart__thumb img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: contain;
	margin-top: 0;
	margin-bottom: 0;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	box-shadow: none;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}

.pd-woo .pd-woo-cart__name,
#top #wrap_all .pd-woo .pd-woo-cart__name {
	display: flex;
	flex-direction: column;
	row-gap: 8px;
	max-width: 200px;
	min-width: 0;
	color: #fff;
}

.pd-woo .pd-woo-cart__name-t,
#top #wrap_all .pd-woo .pd-woo-cart__name-t {
	--fs: 18px;
	--lh: 24px;
	opacity: 0.72;
	overflow-wrap: anywhere;
}

.pd-woo .pd-woo-cart__name-t a:hover,
#top #wrap_all .pd-woo .pd-woo-cart__name-t a:hover {
	color: #fff;
	opacity: 1;
}

.pd-woo .pd-woo-cart__name .variation,
.pd-woo .pd-woo-cart__name .backorder_notification,
.pd-woo .pd-woo-review__name .variation,
#top #wrap_all .pd-woo .pd-woo-cart__name .variation,
#top #wrap_all .pd-woo .pd-woo-cart__name .backorder_notification,
#top #wrap_all .pd-woo .pd-woo-review__name .variation {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 13px;
	line-height: 18px;
	opacity: 0.56;
}

.pd-woo .pd-woo-cart__name .variation dt,
.pd-woo .pd-woo-cart__name .variation dd,
.pd-woo .pd-woo-review__name .variation dt,
.pd-woo .pd-woo-review__name .variation dd,
.pd-woo .pd-woo-cart__name .variation p,
.pd-woo .pd-woo-review__name .variation p,
#top #wrap_all .pd-woo .pd-woo-cart__name .variation dt,
#top #wrap_all .pd-woo .pd-woo-cart__name .variation dd,
#top #wrap_all .pd-woo .pd-woo-review__name .variation dt,
#top #wrap_all .pd-woo .pd-woo-review__name .variation dd,
#top #wrap_all .pd-woo .pd-woo-cart__name .variation p,
#top #wrap_all .pd-woo .pd-woo-review__name .variation p {
	display: inline;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	float: none;
}

.pd-woo .pd-woo-cart__c--price > .pd-nav-t,
.pd-woo .pd-woo-cart__c--total > .pd-nav-t,
#top #wrap_all .pd-woo .pd-woo-cart__c--price > .pd-nav-t,
#top #wrap_all .pd-woo .pd-woo-cart__c--total > .pd-nav-t {
	--fs: 18px;
	--lh: 28px;
	color: #fff;
}

.pd-woo .pd-woo-cart__c--price > .pd-nav-t,
#top #wrap_all .pd-woo .pd-woo-cart__c--price > .pd-nav-t {
	opacity: 0.72;
}

.pd-woo .pd-woo-cart__c--total > .pd-nav-t,
#top #wrap_all .pd-woo .pd-woo-cart__c--total > .pd-nav-t {
	font-weight: 500;
}

.pd-woo .pd-woo-cart__c--remove,
#top #wrap_all .pd-woo .pd-woo-cart__c--remove {
	display: flex;
	justify-content: flex-end;
}

.pd-woo .pd-woo-cart__remove,
.pd-woo .product-remove a.remove,
#top #wrap_all .pd-woo .pd-woo-cart__remove,
#top #wrap_all .pd-woo .product-remove a.remove {
	display: block;
	width: 28px;
	height: 28px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	border-radius: 0;
	background-color: transparent;
	color: var(--pd-woo-red);
	font-size: 0;
	line-height: 0;
	transition: opacity 0.25s ease;
}

.pd-woo .pd-woo-cart__remove:hover,
.pd-woo .product-remove a.remove:hover,
#top #wrap_all .pd-woo .pd-woo-cart__remove:hover,
#top #wrap_all .pd-woo .product-remove a.remove:hover {
	background-color: transparent;
	color: var(--pd-woo-red);
	opacity: 0.64;
}

.pd-woo .pd-woo-cart__remove .pd-woo__icon,
#top #wrap_all .pd-woo .pd-woo-cart__remove .pd-woo__icon {
	width: 28px;
	height: 28px;
}

/* Quantity: 2px white box, − 02 + */
.pd-woo .pd-woo-qty,
#top #wrap_all .pd-woo .pd-woo-qty {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	column-gap: 16px;
	height: 59px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 16px;
	padding-right: 16px;
	box-shadow: inset 0 0 0 2px #fff;
	background-color: var(--pd-woo-panel);
	float: none;
}

.pd-woo .pd-woo-qty.is-fixed,
#top #wrap_all .pd-woo .pd-woo-qty.is-fixed {
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.2);
}

.pd-woo .pd-woo-qty__btn,
#top #wrap_all .pd-woo .pd-woo-qty__btn {
	display: block;
	width: 20px;
	height: 20px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-radius: 0;
	background-color: transparent;
	box-shadow: none;
	cursor: pointer;
	transition: opacity 0.2s ease;
}

.pd-woo .pd-woo-qty__btn:hover,
#top #wrap_all .pd-woo .pd-woo-qty__btn:hover {
	opacity: 0.64;
	background-color: transparent;
}

.pd-woo .pd-woo-qty__btn:disabled,
#top #wrap_all .pd-woo .pd-woo-qty__btn:disabled {
	opacity: 0.24;
	cursor: default;
}

.pd-woo .pd-woo-qty__btn:focus-visible,
#top #wrap_all .pd-woo .pd-woo-qty__btn:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 2px;
}

.pd-woo .pd-woo-qty input.pd-woo-qty__input,
.pd-woo .pd-woo-qty .qty,
#top #wrap_all .pd-woo .pd-woo-qty input.pd-woo-qty__input,
#top #wrap_all .pd-woo .pd-woo-qty .qty {
	display: block;
	width: 2.4ch;
	min-width: 2.4ch;
	height: 28px;
	min-height: 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-radius: 0;
	background-color: transparent;
	box-shadow: none;
	color: #fff;
	font-family: var(--pd-nav-font);
	font-size: 18px;
	font-weight: 500;
	line-height: 28px;
	text-align: center;
	field-sizing: content;
}

.pd-woo .pd-woo-qty input.pd-woo-qty__input:focus,
#top #wrap_all .pd-woo .pd-woo-qty input.pd-woo-qty__input:focus {
	outline: 0;
	box-shadow: inset 0 -1px 0 0 var(--pd-woo-red);
}

/* Hidden update button (kept for no-JS and for pd-woo.js to press). */
.woocommerce-js .pd-woo .pd-woo-cart__actions,
#top.woocommerce-js #wrap_all .pd-woo .pd-woo-cart__actions {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
}

.woocommerce-no-js .pd-woo .pd-woo-cart__actions,
#top.woocommerce-no-js #wrap_all .pd-woo .pd-woo-cart__actions {
	display: flex;
	justify-content: flex-end;
	padding-left: 48px;
	padding-right: 48px;
	padding-bottom: 20px;
}

/* Summary (cart) */
.pd-woo .pd-woo-side,
#top #wrap_all .pd-woo .pd-woo-side {
	min-width: 0;
}

.pd-woo .cart-collaterals,
#top #wrap_all .pd-woo .cart-collaterals {
	width: 100%;
	float: none;
	margin-top: 0;
	margin-bottom: 0;
}

.pd-woo .cart_totals.pd-woo-sum,
#top #wrap_all .pd-woo .cart_totals.pd-woo-sum {
	width: 100%;
	float: none;
	margin-top: 0;
	margin-bottom: 0;
}

/* Promo */
.pd-woo .pd-woo-promo,
#top #wrap_all .pd-woo .pd-woo-promo {
	display: flex;
	flex-direction: column;
	row-gap: 20px;
}

.woocommerce-js .pd-woo .pd-woo-promo:not(.is-open) .pd-woo-promo__body,
#top.woocommerce-js #wrap_all .pd-woo .pd-woo-promo:not(.is-open) .pd-woo-promo__body {
	display: none;
}

.pd-woo .pd-woo-promo__body,
#top #wrap_all .pd-woo .pd-woo-promo__body {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	column-gap: 12px;
	row-gap: 12px;
	float: none;
	width: 100%;
}

.pd-woo .pd-woo-promo__body input.pd-woo-promo__input,
#top #wrap_all .pd-woo .pd-woo-promo__body input.pd-woo-promo__input {
	flex: 1 1 140px;
}

.pd-woo .pd-woo-promo__apply,
#top #wrap_all .pd-woo .pd-woo-promo__apply {
	flex: 0 0 auto;
	height: 40px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 20px;
	padding-right: 20px;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-radius: 0;
	background-color: rgba(255, 255, 255, 0.08);
	background-image: none;
	box-shadow: none;
	color: #fff;
	font-family: var(--pd-nav-font);
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-color 0.25s ease;
}

.pd-woo .pd-woo-promo__apply:hover,
#top #wrap_all .pd-woo .pd-woo-promo__apply:hover {
	background-color: rgba(255, 255, 255, 0.16);
	color: #fff;
}

.pd-woo .pd-woo-promo__msg:empty,
#top #wrap_all .pd-woo .pd-woo-promo__msg:empty {
	display: none;
}

.pd-woo .pd-woo-promo__msg,
.pd-woo .coupon-error-notice,
#top #wrap_all .pd-woo .pd-woo-promo__msg,
#top #wrap_all .pd-woo .coupon-error-notice {
	flex: 1 1 100%;
	margin-top: 0;
	margin-bottom: 0;
	font-size: 13px;
	line-height: 18px;
	color: #fff;
	opacity: 0.8;
}

.pd-woo .coupon-error-notice,
#top #wrap_all .pd-woo .coupon-error-notice {
	color: #ff6b6b;
	opacity: 1;
}

/* ==========================================================================
   "Other products you might like"
   ========================================================================== */
.pd-woo-rel,
#top #wrap_all .pd-woo-rel {
	background-color: var(--pd-woo-panel);
	padding-top: clamp(80px, 9.259vw, 160px);
	padding-bottom: clamp(80px, 9.259vw, 160px);
	padding-left: var(--pd-woo-px);
	padding-right: var(--pd-woo-px);
}

.pd-woo-rel .pd-woo-rel__grid,
#top #wrap_all .pd-woo-rel .pd-woo-rel__grid {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	column-gap: 12px;
	row-gap: 12px;
	margin-top: 72px;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

.pd-woo .pd-woo-card,
#top #wrap_all .pd-woo .pd-woo-card {
	display: flex;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

.pd-woo .pd-woo-card__link,
#top #wrap_all .pd-woo .pd-woo-card__link {
	display: flex;
	flex-direction: column;
	width: 100%;
	color: #fff;
}

.pd-woo .pd-woo-card__media,
#top #wrap_all .pd-woo .pd-woo-card__media {
	display: block;
	aspect-ratio: 1 / 1;
	background-color: var(--pd-woo-bg);
	overflow: hidden;
}

.pd-woo .pd-woo-card__media img,
#top #wrap_all .pd-woo .pd-woo-card__media img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: contain;
	padding-top: 10%;
	padding-bottom: 10%;
	padding-left: 10%;
	padding-right: 10%;
	margin-top: 0;
	margin-bottom: 0;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	box-shadow: none;
	transition: transform 0.5s ease;
}

.pd-woo .pd-woo-card__link:hover .pd-woo-card__media img,
#top #wrap_all .pd-woo .pd-woo-card__link:hover .pd-woo-card__media img {
	transform: scale(1.04);
}

.pd-woo .pd-woo-card__body,
#top #wrap_all .pd-woo .pd-woo-card__body {
	display: grid;
	grid-template-rows: auto 1fr;
	row-gap: 28px;
	flex: 1 1 auto;
	padding-top: 32px;
	padding-bottom: 32px;
	padding-left: 24px;
	padding-right: 24px;
	background-color: var(--pd-woo-bg);
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, 0.08);
}

.pd-woo .pd-woo-card__name,
#top #wrap_all .pd-woo .pd-woo-card__name {
	--fs: 16px;
	--lh: 22px;
	opacity: 0.72;
	transition: opacity 0.25s ease;
}

.pd-woo .pd-woo-card__link:hover .pd-woo-card__name,
#top #wrap_all .pd-woo .pd-woo-card__link:hover .pd-woo-card__name {
	opacity: 1;
}

.pd-woo .pd-woo-card__price,
#top #wrap_all .pd-woo .pd-woo-card__price {
	--fs: 18px;
	--lh: 28px;
	align-self: end;
	font-weight: 600;
}

.pd-woo .pd-woo-card__price del,
#top #wrap_all .pd-woo .pd-woo-card__price del {
	opacity: 0.56;
	font-weight: 400;
}

.pd-woo .pd-woo-card__price ins,
#top #wrap_all .pd-woo .pd-woo-card__price ins {
	text-decoration: none;
	background-color: transparent;
}

/* ==========================================================================
   CHECKOUT
   ========================================================================== */
.pd-woo .pd-woo-head--intro,
#top #wrap_all .pd-woo .pd-woo-head--intro {
	margin-bottom: 96px;
}

.pd-woo .pd-woo-co,
#top #wrap_all .pd-woo .pd-woo-co {
	margin-top: 0;
	margin-bottom: 0;
}

.pd-woo .pd-woo-co__main,
#top #wrap_all .pd-woo .pd-woo-co__main {
	min-width: 0;
}

.pd-woo .pd-woo-co__details,
#top #wrap_all .pd-woo .pd-woo-co__details {
	display: flex;
	flex-direction: column;
	row-gap: 96px;
	width: 100%;
	float: none;
}

.pd-woo .pd-woo-block,
#top #wrap_all .pd-woo .pd-woo-block {
	display: flex;
	flex-direction: column;
	row-gap: 48px;
	width: 100%;
	float: none;
}

.pd-woo .pd-woo-block[hidden],
#top #wrap_all .pd-woo .pd-woo-block[hidden] {
	display: none;
}

.pd-woo .pd-woo-block--ship,
#top #wrap_all .pd-woo .pd-woo-block--ship {
	row-gap: 32px;
}

.pd-woo .pd-woo-block--notes,
#top #wrap_all .pd-woo .pd-woo-block--notes {
	row-gap: 40px;
}

.pd-woo .pd-woo-block__head,
#top #wrap_all .pd-woo .pd-woo-block__head {
	display: flex;
	flex-direction: column;
	row-gap: 20px;
}

.pd-woo .pd-woo-block__title,
#top #wrap_all .pd-woo .pd-woo-block__title {
	--fs: clamp(24px, 21.78px + 0.592vw, 32px);
	--lh: calc(var(--fs) * 1.25);
	margin-top: 0;
	margin-bottom: 0;
	font-family: var(--pd-nav-font);
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
	color: #fff;
}

.pd-woo .pd-woo-block__desc,
#top #wrap_all .pd-woo .pd-woo-block__desc {
	--fs: 18px;
	--lh: 28px;
	color: #fff;
	opacity: 0.72;
}

/* Fields: label (12 caps) · 12 · value (16/24) · 12 · 1px line */
.pd-woo .pd-woo-fields,
#top #wrap_all .pd-woo .pd-woo-fields {
	display: flex;
	flex-direction: column;
	row-gap: 40px;
}

.pd-woo .pd-woo-fields--grid,
#top #wrap_all .pd-woo .pd-woo-fields--grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	column-gap: 40px;
	row-gap: 40px;
	align-items: start;
}

.pd-woo .pd-woo-fields--grid > .form-row,
#top #wrap_all .pd-woo .pd-woo-fields--grid > .form-row {
	grid-column: 1 / -1;
}

.pd-woo .pd-woo-fields--grid > .form-row-first,
#top #wrap_all .pd-woo .pd-woo-fields--grid > .form-row-first {
	grid-column: 1;
}

.pd-woo .pd-woo-fields--grid > .form-row-last,
#top #wrap_all .pd-woo .pd-woo-fields--grid > .form-row-last {
	grid-column: 2;
}

.pd-woo .form-row,
#top #wrap_all .pd-woo .form-row {
	display: flex;
	flex-direction: column;
	float: none;
	width: auto;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	min-width: 0;
}

.pd-woo .form-row > label,
#top #wrap_all .pd-woo .form-row > label {
	--fs: 12px;
	--lh: 12px;
	position: static;
	width: auto;
	height: auto;
	clip-path: none;
	overflow: visible;
	margin-left: 0;
	padding-left: 0;
	font-family: var(--pd-nav-font);
	font-weight: 400;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: #fff;
}

.pd-woo .form-row > label .required,
.pd-woo .form-row > label abbr,
#top #wrap_all .pd-woo .form-row > label .required,
#top #wrap_all .pd-woo .form-row > label abbr {
	color: var(--pd-woo-red);
	text-decoration: none;
	border-bottom-width: 0;
	font-weight: 400;
}

.pd-woo .form-row > label .optional,
#top #wrap_all .pd-woo .form-row > label .optional {
	opacity: 0.56;
	text-transform: none;
}

.pd-woo .form-row .woocommerce-input-wrapper,
#top #wrap_all .pd-woo .form-row .woocommerce-input-wrapper {
	display: block;
	width: 100%;
}

.pd-woo .form-row input.input-text,
.pd-woo .form-row textarea,
.pd-woo .form-row select,
.pd-woo .pd-woo-promo__body input.pd-woo-promo__input,
.pd-woo .payment_box input.input-text,
#top #wrap_all .pd-woo .form-row input.input-text,
#top #wrap_all .pd-woo .form-row textarea,
#top #wrap_all .pd-woo .form-row select,
#top #wrap_all .pd-woo .pd-woo-promo__body input.pd-woo-promo__input,
#top #wrap_all .pd-woo .payment_box input.input-text {
	display: block;
	width: 100%;
	height: auto;
	min-height: 0;
	margin-top: calc(12px - ((24px - (var(--pd-asc) + var(--pd-desc)) * 16px) / 2 + (var(--pd-asc) - var(--pd-cap)) * 16px));
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	padding-top: 0;
	padding-bottom: calc(12px - ((24px - (var(--pd-asc) + var(--pd-desc)) * 16px) / 2 + var(--pd-desc) * 16px));
	padding-left: 0;
	padding-right: 0;
	border-top-width: 0;
	border-right-width: 0;
	border-left-width: 0;
	border-bottom-width: 0;
	border-radius: 0;
	background-color: transparent;
	background-image: none;
	box-shadow: inset 0 -1px 0 0 var(--pd-woo-line);
	color: #fff;
	font-family: var(--pd-nav-font);
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	-webkit-appearance: none;
	appearance: none;
	transition: box-shadow 0.2s ease;
}

.pd-woo .pd-woo-promo__body input.pd-woo-promo__input,
#top #wrap_all .pd-woo .pd-woo-promo__body input.pd-woo-promo__input {
	margin-top: 0;
}

.pd-woo .form-row input.input-text::placeholder,
.pd-woo .form-row textarea::placeholder,
.pd-woo input.pd-woo-promo__input::placeholder,
#top #wrap_all .pd-woo .form-row input.input-text::placeholder,
#top #wrap_all .pd-woo .form-row textarea::placeholder,
#top #wrap_all .pd-woo input.pd-woo-promo__input::placeholder {
	color: #fff;
	opacity: 0.4;
}

.pd-woo .form-row input.input-text:focus,
.pd-woo .form-row textarea:focus,
.pd-woo .form-row select:focus,
.pd-woo input.pd-woo-promo__input:focus,
.pd-woo .payment_box input.input-text:focus,
#top #wrap_all .pd-woo .form-row input.input-text:focus,
#top #wrap_all .pd-woo .form-row textarea:focus,
#top #wrap_all .pd-woo .form-row select:focus,
#top #wrap_all .pd-woo input.pd-woo-promo__input:focus,
#top #wrap_all .pd-woo .payment_box input.input-text:focus {
	outline: 0;
	background-color: transparent;
	color: #fff;
	box-shadow: inset 0 -1px 0 0 var(--pd-woo-red);
}

.pd-woo .form-row.woocommerce-invalid input.input-text,
.pd-woo .form-row.woocommerce-invalid select,
.pd-woo .form-row.woocommerce-invalid .select2-selection,
#top #wrap_all .pd-woo .form-row.woocommerce-invalid input.input-text,
#top #wrap_all .pd-woo .form-row.woocommerce-invalid select,
#top #wrap_all .pd-woo .form-row.woocommerce-invalid .select2-selection {
	box-shadow: inset 0 -1px 0 0 var(--pd-woo-red);
}

/* The field line lives on WooCommerce's wrapper span (Figma 15:7068 / 15:7065):
   0.2 white at rest, red on hover, focus and error. */
.pd-woo .form-row .woocommerce-input-wrapper,
#top #wrap_all .pd-woo .form-row .woocommerce-input-wrapper {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: var(--pd-woo-line);
	transition: border-color 0.2s ease;
}

.pd-woo .form-row:hover .woocommerce-input-wrapper,
.pd-woo .form-row:focus-within .woocommerce-input-wrapper,
.pd-woo .form-row.woocommerce-invalid .woocommerce-input-wrapper,
#top #wrap_all .pd-woo .form-row:hover .woocommerce-input-wrapper,
#top #wrap_all .pd-woo .form-row:focus-within .woocommerce-input-wrapper,
#top #wrap_all .pd-woo .form-row.woocommerce-invalid .woocommerce-input-wrapper {
	border-bottom-color: var(--pd-woo-red);
}

.pd-woo .form-row .woocommerce-input-wrapper input.input-text,
.pd-woo .form-row .woocommerce-input-wrapper textarea,
.pd-woo .form-row .woocommerce-input-wrapper select,
.pd-woo .form-row .woocommerce-input-wrapper .select2-container .select2-selection--single,
#top #wrap_all .pd-woo .form-row .woocommerce-input-wrapper input.input-text,
#top #wrap_all .pd-woo .form-row .woocommerce-input-wrapper textarea,
#top #wrap_all .pd-woo .form-row .woocommerce-input-wrapper select,
#top #wrap_all .pd-woo .form-row .woocommerce-input-wrapper .select2-container .select2-selection--single {
	box-shadow: none;
	padding-bottom: calc(11px - ((24px - (var(--pd-asc) + var(--pd-desc)) * 16px) / 2 + var(--pd-desc) * 16px));   /* 12 incl. the 1px line, as Figma's inside stroke */
}

.pd-woo .form-row.woocommerce-invalid > label,
#top #wrap_all .pd-woo .form-row.woocommerce-invalid > label {
	color: #ff6b6b;
}

.pd-woo .form-row textarea,
#top #wrap_all .pd-woo .form-row textarea {
	min-height: 114px;
	resize: vertical;
}

.pd-woo .form-row select,
#top #wrap_all .pd-woo .form-row select {
	padding-right: 24px;
	background-image: url("../img/chevron-down.svg");
	background-repeat: no-repeat;
	background-position: right 0 top 4px;
	background-size: 16px 16px;
}

.pd-woo .form-row select option,
#top #wrap_all .pd-woo .form-row select option {
	color: #161414;
}

/* selectWoo / select2 (country, state) */
.pd-woo .form-row .select2-container,
#top #wrap_all .pd-woo .form-row .select2-container {
	width: 100%;
	margin-top: calc(12px - ((24px - (var(--pd-asc) + var(--pd-desc)) * 16px) / 2 + (var(--pd-asc) - var(--pd-cap)) * 16px));
}

.pd-woo .form-row .select2-container .select2-selection--single,
#top #wrap_all .pd-woo .form-row .select2-container .select2-selection--single {
	height: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: calc(12px - ((24px - (var(--pd-asc) + var(--pd-desc)) * 16px) / 2 + var(--pd-desc) * 16px));
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-radius: 0;
	background-color: transparent;
	box-shadow: inset 0 -1px 0 0 var(--pd-woo-line);
}

.pd-woo .form-row .select2-container--focus .select2-selection--single,
.pd-woo .form-row .select2-container--open .select2-selection--single,
#top #wrap_all .pd-woo .form-row .select2-container--focus .select2-selection--single,
#top #wrap_all .pd-woo .form-row .select2-container--open .select2-selection--single {
	box-shadow: inset 0 -1px 0 0 var(--pd-woo-red);
}

.pd-woo .form-row .select2-container .select2-selection--single .select2-selection__rendered,
#top #wrap_all .pd-woo .form-row .select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 0;
	padding-right: 24px;
	color: #fff;
	font-family: var(--pd-nav-font);
	font-size: 16px;
	line-height: 24px;
}

.pd-woo .form-row .select2-container .select2-selection__placeholder,
#top #wrap_all .pd-woo .form-row .select2-container .select2-selection__placeholder {
	color: rgba(255, 255, 255, 0.4);
}

.pd-woo .form-row .select2-container .select2-selection--single .select2-selection__arrow,
#top #wrap_all .pd-woo .form-row .select2-container .select2-selection--single .select2-selection__arrow {
	top: 4px;
	right: 0;
	width: 16px;
	height: 16px;
	background-image: url("../img/chevron-down.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px 16px;
	transform: rotate(90deg);
	transition: transform 0.2s ease;
}

.pd-woo .form-row .select2-container--open .select2-selection--single .select2-selection__arrow,
#top #wrap_all .pd-woo .form-row .select2-container--open .select2-selection--single .select2-selection__arrow {
	transform: rotate(-90deg);
}

.pd-woo .form-row .select2-container .select2-selection--single .select2-selection__arrow b,
#top #wrap_all .pd-woo .form-row .select2-container .select2-selection--single .select2-selection__arrow b {
	display: none;
}

/* The dropdown is appended to <body>, outside .pd-woo. */
.pd-woo-page .select2-container--open .select2-dropdown,
#top.pd-woo-page #wrap_all .select2-container--open .select2-dropdown {
	background-color: #242222;
	border-top-color: rgba(255, 255, 255, 0.2);
	border-right-color: rgba(255, 255, 255, 0.2);
	border-bottom-color: rgba(255, 255, 255, 0.2);
	border-left-color: rgba(255, 255, 255, 0.2);
	border-radius: 0;
	color: #fff;
	font-family: var(--pd-nav-font);
	font-size: 16px;
}

.pd-woo-page .select2-container--open .select2-search--dropdown .select2-search__field,
#top.pd-woo-page #wrap_all .select2-container--open .select2-search--dropdown .select2-search__field {
	background-color: #161414;
	border-top-color: rgba(255, 255, 255, 0.2);
	border-right-color: rgba(255, 255, 255, 0.2);
	border-bottom-color: rgba(255, 255, 255, 0.2);
	border-left-color: rgba(255, 255, 255, 0.2);
	color: #fff;
}

.pd-woo-page .select2-container--open .select2-results__option,
#top.pd-woo-page #wrap_all .select2-container--open .select2-results__option {
	color: #fff;
	background-color: transparent;
}

.pd-woo-page .select2-container--open .select2-results__option--highlighted[aria-selected],
.pd-woo-page .select2-container--open .select2-results__option[aria-selected="true"],
.pd-woo-page .select2-container--open .select2-results__option--highlighted[data-selected],
#top.pd-woo-page #wrap_all .select2-container--open .select2-results__option--highlighted[aria-selected],
#top.pd-woo-page #wrap_all .select2-container--open .select2-results__option[aria-selected="true"],
#top.pd-woo-page #wrap_all .select2-container--open .select2-results__option--highlighted[data-selected] {
	background-color: var(--pd-woo-red, #d60c0c);
	color: #fff;
}

/* "+ Add apartment, suite, etc." — collapsed address_2 row */
.pd-woo .pd-woo-addr2,
#top #wrap_all .pd-woo .pd-woo-addr2 {
	display: none;
	align-items: center;
	column-gap: 12px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-radius: 0;
	background-color: transparent;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	text-align: left;
}

.pd-woo .pd-woo-addr2__t,
#top #wrap_all .pd-woo .pd-woo-addr2__t {
	--fs: clamp(18px, 17.44px + 0.296vw, 22px);
	--lh: calc(var(--fs) * 1.4545);
	font-family: var(--pd-nav-font);
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
}

.pd-woo .pd-woo-addr2:hover,
#top #wrap_all .pd-woo .pd-woo-addr2:hover {
	opacity: 0.72;
	background-color: transparent;
}

.pd-woo .form-row.pd-woo-addr2-closed,
#top #wrap_all .pd-woo .form-row.pd-woo-addr2-closed {
	margin-top: 24px;
	margin-bottom: 24px;
}

.pd-woo .form-row.pd-woo-addr2-closed > .pd-woo-addr2,
#top #wrap_all .pd-woo .form-row.pd-woo-addr2-closed > .pd-woo-addr2 {
	display: inline-flex;
}

.pd-woo .form-row.pd-woo-addr2-closed > label,
.pd-woo .form-row.pd-woo-addr2-closed > .woocommerce-input-wrapper,
#top #wrap_all .pd-woo .form-row.pd-woo-addr2-closed > label,
#top #wrap_all .pd-woo .form-row.pd-woo-addr2-closed > .woocommerce-input-wrapper {
	display: none;
}

.pd-woo .pd-woo-row-check,
#top #wrap_all .pd-woo .pd-woo-row-check {
	display: flex;
	margin-top: 0;
	margin-bottom: 0;
}

.pd-woo .pd-woo-same,
#top #wrap_all .pd-woo .pd-woo-same {
	margin-top: -8px;                  /* 40 below the last field row (block gap is 48) */
}

.woocommerce-js .pd-woo .pd-woo-note.is-closed,
#top.woocommerce-js #wrap_all .pd-woo .pd-woo-note.is-closed {
	display: none;
}

.pd-woo .pd-woo-note textarea,
#top #wrap_all .pd-woo .pd-woo-note textarea {
	min-height: 114px;
}

/* Shipping options */
.pd-woo .pd-woo-ship,
#top #wrap_all .pd-woo .pd-woo-ship {
	display: flex;
	flex-direction: column;
	row-gap: 16px;
}

.pd-woo .pd-woo-ship__list,
#top #wrap_all .pd-woo .pd-woo-ship__list {
	display: flex;
	flex-direction: column;
	row-gap: 16px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

.pd-woo .pd-woo-ship__opt,
#top #wrap_all .pd-woo .pd-woo-ship__opt {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

.pd-woo .pd-woo-ship__card,
#top #wrap_all .pd-woo .pd-woo-ship__card {
	display: flex;
	align-items: center;
	column-gap: 12px;
	min-height: 68px;
	padding-top: 22px;
	padding-bottom: 22px;
	padding-left: 22px;
	padding-right: 22px;
	border-radius: 8px;
	background-color: var(--pd-woo-bg);
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.2);
	font-weight: 400;
	cursor: pointer;
	transition: box-shadow 0.2s ease;
}

.pd-woo .pd-woo-ship__opt.is-on .pd-woo-ship__card,
.pd-woo .pd-woo-ship__card:has(:checked),
#top #wrap_all .pd-woo .pd-woo-ship__opt.is-on .pd-woo-ship__card,
#top #wrap_all .pd-woo .pd-woo-ship__card:has(:checked) {
	box-shadow: inset 0 0 0 2px #fff;
}

.pd-woo .pd-woo-ship__card input.pd-woo-ship__radio,
#top #wrap_all .pd-woo .pd-woo-ship__card input.pd-woo-ship__radio {
	-webkit-appearance: none;
	appearance: none;
	flex: 0 0 auto;
	width: 24px;
	height: 24px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-radius: 50%;
	background-color: transparent;
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.4);
	cursor: pointer;
}

.pd-woo .pd-woo-ship__card input.pd-woo-ship__radio:checked,
#top #wrap_all .pd-woo .pd-woo-ship__card input.pd-woo-ship__radio:checked {
	background-image: radial-gradient(circle, #fff 0, #fff 5.5px, transparent 6px);
	box-shadow: inset 0 0 0 2px #fff;
}

.pd-woo .pd-woo-ship__card input.pd-woo-ship__radio:focus-visible,
#top #wrap_all .pd-woo .pd-woo-ship__card input.pd-woo-ship__radio:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 3px;
}

.pd-woo .pd-woo-ship__name,
#top #wrap_all .pd-woo .pd-woo-ship__name {
	--fs: 18px;
	--lh: 28px;
	flex: 1 1 auto;
	color: #fff;
	opacity: 0.72;
}

.pd-woo .pd-woo-ship__cost,
#top #wrap_all .pd-woo .pd-woo-ship__cost {
	--fs: 16px;
	--lh: 24px;
	color: #fff;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	text-align: right;
}

.pd-woo .pd-woo-ship__pkg,
.pd-woo .pd-woo-ship__none,
#top #wrap_all .pd-woo .pd-woo-ship__pkg,
#top #wrap_all .pd-woo .pd-woo-ship__none {
	--fs: 16px;
	--lh: 24px;
	color: #fff;
	opacity: 0.72;
}

/* Summary (checkout): 40 after the product and totals rules */
.pd-woo .pd-woo-review__items,
#top #wrap_all .pd-woo .pd-woo-review__items {
	display: flex;
	flex-direction: column;
	row-gap: 28px;
	padding-top: 33px;
	padding-bottom: 32px;
}

.pd-woo .pd-woo-sum--co .pd-woo-sec--rows,
#top #wrap_all .pd-woo .pd-woo-sum--co .pd-woo-sec--rows {
	padding-top: 41px;
}

.pd-woo .pd-woo-sec--total,
#top #wrap_all .pd-woo .pd-woo-sec--total {
	display: flex;
	flex-direction: column;
	row-gap: 20px;
	padding-top: 41px;
	padding-bottom: 48px;
}

.pd-woo .pd-woo-sec--promo,
#top #wrap_all .pd-woo .pd-woo-sec--promo {
	margin-top: -8px;                  /* 40 under Total (the total section keeps 48 when there is no promo) */
	padding-bottom: 48px;
}

.pd-woo .pd-woo-review__head,
#top #wrap_all .pd-woo .pd-woo-review__head {
	display: flex;
	justify-content: space-between;
	color: #fff;
}

.pd-woo .pd-woo-review__head > .pd-nav-t,
#top #wrap_all .pd-woo .pd-woo-review__head > .pd-nav-t {
	--fs: 18px;
	--lh: 28px;
}

.pd-woo .pd-woo-review__item,
#top #wrap_all .pd-woo .pd-woo-review__item {
	display: grid;
	grid-template-columns: auto auto minmax(0, 1fr) auto;
	column-gap: 12px;
	align-items: center;
	color: #fff;
}

.pd-woo .pd-woo-review__qty,
.pd-woo .pd-woo-review__x,
#top #wrap_all .pd-woo .pd-woo-review__qty,
#top #wrap_all .pd-woo .pd-woo-review__x {
	--fs: 14px;
	--lh: 18px;
	align-self: start;
	min-width: 8px;
	font-weight: 500;
}

.pd-woo .pd-woo-review__name,
#top #wrap_all .pd-woo .pd-woo-review__name {
	display: flex;
	flex-direction: column;
	row-gap: 6px;
	min-width: 0;
	max-width: 161px;
}

.pd-woo .pd-woo-review__name > .pd-nav-t,
#top #wrap_all .pd-woo .pd-woo-review__name > .pd-nav-t {
	--fs: 14px;
	--lh: 18px;
	opacity: 0.72;
}

.pd-woo .pd-woo-review__sub,
#top #wrap_all .pd-woo .pd-woo-review__sub {
	--fs: 16px;
	--lh: 24px;
	padding-left: 12px;
	font-weight: 500;
	text-align: right;
	white-space: nowrap;
}

/* Payment (WooCommerce's own checkout/payment.php, restyled) */
.pd-woo #payment,
#top #wrap_all .pd-woo #payment {
	position: relative;
	padding-top: 49px;
	padding-bottom: 0;
	padding-left: 32px;
	padding-right: 32px;
	margin-top: 0;
	margin-bottom: 0;
	border-radius: 0;
	background-color: transparent;
	background-image: none;
}

.pd-woo #payment::before,
#top #wrap_all .pd-woo #payment::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 1px;
	background-color: var(--pd-woo-line);
}

.pd-woo #payment::after,
#top #wrap_all .pd-woo #payment::after {
	content: "";
	position: absolute;
	top: -7px;
	left: 0;
	right: 0;
	height: 14px;
	pointer-events: none;
	background-image:
		linear-gradient(var(--pd-woo-mark), var(--pd-woo-mark)), linear-gradient(var(--pd-woo-mark), var(--pd-woo-mark)),
		linear-gradient(var(--pd-woo-mark), var(--pd-woo-mark)), linear-gradient(var(--pd-woo-mark), var(--pd-woo-mark));
	background-size: 2px 14px, 8px 2px, 2px 14px, 8px 2px;
	background-position: left top, left 0 top 6px, right top, right 0 top 6px;
	background-repeat: no-repeat;
}

.pd-woo #payment ul.payment_methods,
#top #wrap_all .pd-woo #payment ul.payment_methods {
	display: flex;
	flex-direction: column;
	row-gap: 32px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	border-bottom-width: 0;
	list-style: none;
}

.pd-woo #payment ul.payment_methods::before,
.pd-woo #payment ul.payment_methods::after,
.pd-woo #payment .form-row.place-order::before,
.pd-woo #payment .form-row.place-order::after,
#top #wrap_all .pd-woo #payment ul.payment_methods::before,
#top #wrap_all .pd-woo #payment ul.payment_methods::after,
#top #wrap_all .pd-woo #payment .form-row.place-order::before,
#top #wrap_all .pd-woo #payment .form-row.place-order::after {
	content: none;
	display: none;
}

.pd-woo #payment ul.payment_methods > li,
#top #wrap_all .pd-woo #payment ul.payment_methods > li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 8px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	background-color: transparent;
	color: #fff;
}

.pd-woo #payment ul.payment_methods > li::before,
.pd-woo #payment ul.payment_methods > li::after,
#top #wrap_all .pd-woo #payment ul.payment_methods > li::before,
#top #wrap_all .pd-woo #payment ul.payment_methods > li::after {
	content: none;
}

.pd-woo #payment ul.payment_methods > li > label,
#top #wrap_all .pd-woo #payment ul.payment_methods > li > label {
	display: inline-flex;
	align-items: center;
	column-gap: 8px;
	flex: 1 1 0;
	margin-top: 0;
	margin-bottom: 0;
	color: #fff;
	font-family: var(--pd-nav-font);
	font-size: 18px;
	font-weight: 400;
	line-height: 28px;
	cursor: pointer;
}

.pd-woo #payment ul.payment_methods > li > label img,
#top #wrap_all .pd-woo #payment ul.payment_methods > li > label img {
	max-height: 24px;
	width: auto;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
}

.pd-woo #payment .payment_box,
#top #wrap_all .pd-woo #payment .payment_box {
	flex: 1 1 100%;
	display: flex;
	flex-direction: column;
	row-gap: 28px;
	margin-top: 16px;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	border-radius: 0;
	background-color: transparent;
	color: #fff;
	font-size: 13px;
	line-height: 18px;
}

.pd-woo #payment .payment_box::before,
#top #wrap_all .pd-woo #payment .payment_box::before {
	content: none;
}

.pd-woo #payment .payment_box p,
#top #wrap_all .pd-woo #payment .payment_box p {
	margin-top: 0;
	margin-bottom: 0;
	opacity: 0.64;
	font-size: 13px;
	line-height: 18px;
}

.pd-woo #payment .payment_box fieldset,
#top #wrap_all .pd-woo #payment .payment_box fieldset {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	display: flex;
	flex-direction: column;
	row-gap: 28px;
}

.pd-woo #payment .form-row.place-order,
#top #wrap_all .pd-woo #payment .form-row.place-order {
	display: flex;
	flex-direction: column;
	row-gap: 24px;
	margin-top: 40px;
	padding-top: 0;
	padding-bottom: 0;
}

.pd-woo #payment .woocommerce-terms-and-conditions-wrapper,
#top #wrap_all .pd-woo #payment .woocommerce-terms-and-conditions-wrapper {
	display: flex;
	flex-direction: column;
	row-gap: 16px;
}

.pd-woo #payment .woocommerce-privacy-policy-text p,
.pd-woo #payment .woocommerce-terms-and-conditions-checkbox-text,
#top #wrap_all .pd-woo #payment .woocommerce-privacy-policy-text p,
#top #wrap_all .pd-woo #payment .woocommerce-terms-and-conditions-checkbox-text {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 13px;
	line-height: 18px;
	color: #fff;
	opacity: 0.64;
}

.pd-woo #payment .woocommerce-privacy-policy-text a,
.pd-woo #payment .woocommerce-terms-and-conditions-checkbox-text a,
#top #wrap_all .pd-woo #payment .woocommerce-privacy-policy-text a,
#top #wrap_all .pd-woo #payment .woocommerce-terms-and-conditions-checkbox-text a {
	text-decoration: underline;
}

.pd-woo #payment .woocommerce-terms-and-conditions,
#top #wrap_all .pd-woo #payment .woocommerce-terms-and-conditions {
	max-height: 200px;
	overflow: auto;
	padding-top: 16px;
	padding-bottom: 16px;
	padding-left: 16px;
	padding-right: 16px;
	background-color: #161414;
	font-size: 13px;
	line-height: 18px;
}

.pd-woo .pd-woo-sec--assure,
#top #wrap_all .pd-woo .pd-woo-sec--assure {
	padding-top: 48px;
	padding-bottom: 48px;
}

/* ==========================================================================
   Notices (WooCommerce classic)
   ========================================================================== */
.pd-woo .woocommerce-notices-wrapper:empty,
#top #wrap_all .pd-woo .woocommerce-notices-wrapper:empty {
	display: none;
}

.pd-woo .woocommerce-error,
.pd-woo .woocommerce-message,
.pd-woo .woocommerce-info,
#top #wrap_all .pd-woo .woocommerce-error,
#top #wrap_all .pd-woo .woocommerce-message,
#top #wrap_all .pd-woo .woocommerce-info {
	display: block;
	margin-top: 0;
	margin-bottom: 32px;
	margin-left: 0;
	margin-right: 0;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 24px;
	padding-right: 24px;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-radius: 0;
	list-style: none;
	background-color: var(--pd-woo-panel);
	background-image: none;
	box-shadow: inset 2px 0 0 0 var(--pd-woo-red);
	color: #fff;
	font-family: var(--pd-nav-font);
	font-size: 16px;
	line-height: 24px;
}

.pd-woo .woocommerce-error::before,
.pd-woo .woocommerce-message::before,
.pd-woo .woocommerce-info::before,
#top #wrap_all .pd-woo .woocommerce-error::before,
#top #wrap_all .pd-woo .woocommerce-message::before,
#top #wrap_all .pd-woo .woocommerce-info::before {
	content: none;
}

.pd-woo .woocommerce-error li,
#top #wrap_all .pd-woo .woocommerce-error li {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

.pd-woo .woocommerce-error a,
.pd-woo .woocommerce-message a,
.pd-woo .woocommerce-info a,
#top #wrap_all .pd-woo .woocommerce-error a,
#top #wrap_all .pd-woo .woocommerce-message a,
#top #wrap_all .pd-woo .woocommerce-info a {
	color: #fff;
	text-decoration: underline;
}

.pd-woo .woocommerce-message .button,
.pd-woo .woocommerce-info .button,
#top #wrap_all .pd-woo .woocommerce-message .button,
#top #wrap_all .pd-woo .woocommerce-info .button {
	float: right;
	margin-left: 16px;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	background-color: transparent;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	color: #fff;
	font-size: 14px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

.pd-woo .woocommerce-form-login,
.pd-woo .woocommerce-form-coupon,
#top #wrap_all .pd-woo .woocommerce-form-login,
#top #wrap_all .pd-woo .woocommerce-form-coupon {
	margin-top: 0;
	margin-bottom: 32px;
	padding-top: 32px;
	padding-bottom: 32px;
	padding-left: 32px;
	padding-right: 32px;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-radius: 0;
	background-color: var(--pd-woo-panel);
	display: flex;
	flex-direction: column;
	row-gap: 32px;
	max-width: 935px;
}

.pd-woo .woocommerce-form-login p,
#top #wrap_all .pd-woo .woocommerce-form-login p {
	margin-top: 0;
	margin-bottom: 0;
}

.pd-woo .woocommerce-form-login .button,
#top #wrap_all .pd-woo .woocommerce-form-login .button {
	display: inline-flex;
	align-items: center;
	margin-top: 16px;
	padding-top: 16px;
	padding-bottom: 16px;
	padding-left: 32px;
	padding-right: 32px;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-radius: 0;
	background-color: var(--pd-woo-red);
	color: #fff;
	font-size: 16px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

.pd-woo .blockUI.blockOverlay,
#top #wrap_all .pd-woo .blockUI.blockOverlay {
	background-color: rgba(22, 20, 20, 0.6);
}

/* ==========================================================================
   Empty cart
   ========================================================================== */
.pd-woo .pd-woo-empty,
#top #wrap_all .pd-woo .pd-woo-empty {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	row-gap: 40px;
	padding-top: 48px;
	padding-bottom: 48px;
	padding-left: 48px;
	padding-right: 48px;
}

.pd-woo .pd-woo-empty__msg .woocommerce-info,
.pd-woo .pd-woo-empty__msg .cart-empty,
#top #wrap_all .pd-woo .pd-woo-empty__msg .woocommerce-info,
#top #wrap_all .pd-woo .pd-woo-empty__msg .cart-empty {
	margin-bottom: 0;
	padding-left: 0;
	padding-top: 0;
	padding-bottom: 0;
	background-color: transparent;
	box-shadow: none;
	font-size: 18px;
	line-height: 28px;
	opacity: 0.72;
}

.pd-woo .pd-woo-empty__cta,
#top #wrap_all .pd-woo .pd-woo-empty__cta {
	margin-top: 0;
	margin-bottom: 0;
}

/* Own bracket button (same drawing as pd-button "Dark") — no dependency on pd-main-nav's .pd-btn-bracket */
.pd-woo .pd-woo-btn,
#top #wrap_all .pd-woo .pd-woo-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 24px;
	padding-bottom: 24px;
	padding-left: 32px;
	padding-right: 32px;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-radius: 0;
	color: #fff;
	text-decoration: none;
	background-color: rgba(255, 255, 255, 0.08);
	background-image:
		linear-gradient(#fff, #fff), linear-gradient(#fff, #fff),
		linear-gradient(#fff, #fff), linear-gradient(#fff, #fff),
		linear-gradient(#fff, #fff), linear-gradient(#fff, #fff),
		linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
	background-size: 8px 2px, 2px 8px, 8px 2px, 2px 8px, 8px 2px, 2px 8px, 8px 2px, 2px 8px;
	background-position: left top, left top, right top, right top, left bottom, left bottom, right bottom, right bottom;
	background-repeat: no-repeat;
	transition: background-color 0.25s ease;
}

.pd-woo .pd-woo-btn:hover,
.pd-woo .pd-woo-btn:focus-visible,
#top #wrap_all .pd-woo .pd-woo-btn:hover,
#top #wrap_all .pd-woo .pd-woo-btn:focus-visible {
	color: #fff;
	background-color: rgba(255, 255, 255, 0.16);
}

.pd-woo .pd-woo-btn > .pd-nav-t,
#top #wrap_all .pd-woo .pd-woo-btn > .pd-nav-t {
	--fs: 16px;
	--lh: 24px;
	font-family: var(--pd-nav-font);
	letter-spacing: 0.03em;
	text-transform: uppercase;
	white-space: nowrap;
}

/* ==========================================================================
   THANK YOU (light page)
   ========================================================================== */
.pd-woo-ty,
#top #wrap_all .pd-woo-ty {
	--pd-woo-ink: #161414;
	--pd-woo-mark: #161414;
	position: relative;
	overflow: hidden;
	background-color: #fff;
	color: #161414;
}

.pd-woo-ty .pd-woo-ty__in,
#top #wrap_all .pd-woo-ty .pd-woo-ty__in {
	position: relative;
	padding-top: clamp(64px, 6.944vw, 120px);
	padding-bottom: clamp(160px, 9.259vw + 40px, 200px);
	padding-left: var(--pd-woo-px);
	padding-right: var(--pd-woo-px);
	min-height: 624px;
}

.pd-woo-ty .pd-woo-ty__col,
#top #wrap_all .pd-woo-ty .pd-woo-ty__col {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	row-gap: 40px;
	max-width: 580px;
}

.pd-woo-ty .pd-woo-head--ty,
#top #wrap_all .pd-woo-ty .pd-woo-head--ty {
	row-gap: 48px;
	margin-bottom: 8px;                /* rule → lead is 48 (column gap 40) */
}

.pd-woo-ty .pd-woo-title__grad,
#top #wrap_all .pd-woo-ty .pd-woo-title__grad {
	background-image: linear-gradient(90deg, rgba(22, 20, 20, 0.4) 0, #161414 145px);
}

.pd-woo-ty .pd-woo-ty__lead,
#top #wrap_all .pd-woo-ty .pd-woo-ty__lead {
	--fs: clamp(18px, 17.44px + 0.296vw, 22px);
	--lh: calc(var(--fs) * 1.4545);
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	background-color: transparent;
	box-shadow: none;
	color: #161414;
	opacity: 0.72;
}

.pd-woo-ty .pd-woo-ty__lead::before,
#top #wrap_all .pd-woo-ty .pd-woo-ty__lead::before {
	content: none;
}

/* Order number + details */
.pd-woo-ty .pd-woo-ty__meta,
#top #wrap_all .pd-woo-ty .pd-woo-ty__meta {
	display: flex;
	flex-wrap: wrap;
	column-gap: 40px;
	row-gap: 28px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	list-style: none;
	border-top-width: 0;
	border-bottom-width: 0;
}

.pd-woo-ty .pd-woo-ty__m,
#top #wrap_all .pd-woo-ty .pd-woo-ty__m {
	display: flex;
	flex-direction: column;
	row-gap: 12px;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	border-right-width: 0;
	float: none;
}

.pd-woo-ty .pd-woo-ty__k,
#top #wrap_all .pd-woo-ty .pd-woo-ty__k {
	--fs: 12px;
	--lh: 12px;
	margin-top: 0;
	margin-left: 0;
	font-weight: 400;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: #161414;
	opacity: 0.56;
}

.pd-woo-ty .pd-woo-ty__v,
#top #wrap_all .pd-woo-ty .pd-woo-ty__v {
	--fs: 18px;
	--lh: 28px;
	margin-top: 0;
	margin-left: 0;
	font-weight: 500;
	color: #161414;
}

.pd-woo-ty .pd-woo-ty__m--order .pd-woo-ty__v,
#top #wrap_all .pd-woo-ty .pd-woo-ty__m--order .pd-woo-ty__v {
	--fs: 22px;
	--lh: 32px;
	font-weight: 700;
}

.pd-woo-ty .pd-woo-ty__actions,
#top #wrap_all .pd-woo-ty .pd-woo-ty__actions {
	display: flex;
	flex-wrap: wrap;
	column-gap: 16px;
	row-gap: 16px;
}

.pd-woo-ty .pd-woo-ty__actions .pd-btn,
#top #wrap_all .pd-woo-ty .pd-woo-ty__actions .pd-btn {
	margin-top: 0;
	margin-bottom: 0;
}

/* Fallback button when pd-button is not installed */
.pd-woo-ty .pd-woo-btn-light,
#top #wrap_all .pd-woo-ty .pd-woo-btn-light {
	display: inline-flex;
	align-items: center;
	padding-top: 24px;
	padding-bottom: 24px;
	padding-left: 32px;
	padding-right: 32px;
	color: #161414;
	background-color: rgba(22, 20, 20, 0.08);
	background-image:
		linear-gradient(#161414, #161414), linear-gradient(#161414, #161414),
		linear-gradient(#161414, #161414), linear-gradient(#161414, #161414),
		linear-gradient(#161414, #161414), linear-gradient(#161414, #161414),
		linear-gradient(#161414, #161414), linear-gradient(#161414, #161414);
	background-size: 8px 2px, 2px 8px, 8px 2px, 2px 8px, 8px 2px, 2px 8px, 8px 2px, 2px 8px;
	background-position: left top, left top, right top, right top, left bottom, left bottom, right bottom, right bottom;
	background-repeat: no-repeat;
}

.pd-woo-ty .pd-woo-btn-light > .pd-nav-t,
#top #wrap_all .pd-woo-ty .pd-woo-btn-light > .pd-nav-t {
	--fs: 16px;
	--lh: 24px;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

.pd-woo-ty .pd-woo-ty__extra:empty,
#top #wrap_all .pd-woo-ty .pd-woo-ty__extra:empty {
	display: none;
}

.pd-woo-ty .pd-woo-ty__extra,
#top #wrap_all .pd-woo-ty .pd-woo-ty__extra {
	display: flex;
	flex-direction: column;
	row-gap: 24px;
	width: 100%;
	font-size: 16px;
	line-height: 24px;
	color: #161414;
}

.pd-woo-ty .pd-woo-ty__extra h2,
#top #wrap_all .pd-woo-ty .pd-woo-ty__extra h2 {
	margin-top: 0;
	margin-bottom: 0;
	font-family: var(--pd-nav-font);
	font-size: 22px;
	line-height: 32px;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
	color: #161414;
}

.pd-woo-ty .pd-woo-ty__extra ul,
#top #wrap_all .pd-woo-ty .pd-woo-ty__extra ul {
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}

.pd-woo-ty .pd-woo-ty__mark,
#top #wrap_all .pd-woo-ty .pd-woo-ty__mark {
	position: absolute;
	right: 0;
	bottom: 0;
	width: clamp(120px, 26.736vw, 462px);
	height: auto;
	max-width: none;
	pointer-events: none;
}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media (max-width: 1180px) {

	.pd-woo .pd-woo-cols,
.pd-woo .pd-woo-cols--co,
#top #wrap_all .pd-woo .pd-woo-cols,
#top #wrap_all .pd-woo .pd-woo-cols--co {
		grid-template-columns: minmax(0, 1fr);
	}

	.pd-woo-rel .pd-woo-rel__grid,
#top #wrap_all .pd-woo-rel .pd-woo-rel__grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 989px) {

	.pd-woo,
#top #wrap_all .pd-woo {
		--pd-woo-px: 16px;
	}

	.pd-woo-strip .pd-woo-strip__in,
#top #wrap_all .pd-woo-strip .pd-woo-strip__in {
		min-height: 56px;
		padding-top: 16px;
		padding-bottom: 16px;
	}

	.pd-woo .pd-woo-head--intro,
#top #wrap_all .pd-woo .pd-woo-head--intro {
		margin-bottom: 64px;
	}

	.pd-woo .pd-woo-co__details,
#top #wrap_all .pd-woo .pd-woo-co__details {
		row-gap: 64px;
	}

	.pd-woo-rel .pd-woo-rel__grid,
#top #wrap_all .pd-woo-rel .pd-woo-rel__grid {
		margin-top: 48px;
	}
}

@media (max-width: 767px) {

	.pd-woo-strip .pd-woo-strip__crumbs,
#top #wrap_all .pd-woo-strip .pd-woo-strip__crumbs {
		display: none;
	}

	.pd-woo .pd-woo-cart__panel,
#top #wrap_all .pd-woo .pd-woo-cart__panel {
		padding-top: 32px;
	}

	.pd-woo .pd-woo-cart__head,
#top #wrap_all .pd-woo .pd-woo-cart__head {
		padding-left: 16px;
		padding-right: 16px;
		margin-bottom: 32px;
	}

	.pd-woo .pd-woo-cart__row--head,
#top #wrap_all .pd-woo .pd-woo-cart__row--head {
		display: none;
	}

	.pd-woo .pd-woo-cart__row,
#top #wrap_all .pd-woo .pd-woo-cart__row {
		grid-template-columns: 88px minmax(0, 1fr) auto;
		grid-template-areas:
			"thumb name  remove"
			"thumb price price"
			"thumb qty   total";
		column-gap: 16px;
		row-gap: 12px;
		align-items: center;
		padding-left: 16px;
		padding-right: 16px;
		padding-top: 17px;
		padding-bottom: 16px;
	}

	.pd-woo .pd-woo-cart__c--product,
#top #wrap_all .pd-woo .pd-woo-cart__c--product {
		display: contents;
	}

	.pd-woo .pd-woo-cart__thumb,
#top #wrap_all .pd-woo .pd-woo-cart__thumb {
		grid-area: thumb;
		align-self: start;
		width: 88px;
		height: 88px;
	}

	.pd-woo .pd-woo-cart__name,
#top #wrap_all .pd-woo .pd-woo-cart__name {
		grid-area: name;
		max-width: none;
	}

	.pd-woo .pd-woo-cart__name-t,
#top #wrap_all .pd-woo .pd-woo-cart__name-t {
		--fs: 16px;
		--lh: 22px;
	}

	.pd-woo .pd-woo-cart__c--price,
#top #wrap_all .pd-woo .pd-woo-cart__c--price {
		grid-area: price;
	}

	.pd-woo .pd-woo-cart__c--price > .pd-nav-t,
.pd-woo .pd-woo-cart__c--total > .pd-nav-t,
#top #wrap_all .pd-woo .pd-woo-cart__c--price > .pd-nav-t,
#top #wrap_all .pd-woo .pd-woo-cart__c--total > .pd-nav-t {
		--fs: 16px;
		--lh: 24px;
	}

	.pd-woo .pd-woo-cart__c--qty,
#top #wrap_all .pd-woo .pd-woo-cart__c--qty {
		grid-area: qty;
	}

	.pd-woo .pd-woo-cart__c--total,
#top #wrap_all .pd-woo .pd-woo-cart__c--total {
		grid-area: total;
		text-align: right;
	}

	.pd-woo .pd-woo-cart__c--remove,
#top #wrap_all .pd-woo .pd-woo-cart__c--remove {
		grid-area: remove;
		align-self: start;
	}

	.pd-woo .pd-woo-qty,
#top #wrap_all .pd-woo .pd-woo-qty {
		height: 44px;
		column-gap: 12px;
		padding-left: 12px;
		padding-right: 12px;
	}

	.pd-woo .pd-woo-fields--grid,
#top #wrap_all .pd-woo .pd-woo-fields--grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.pd-woo .pd-woo-fields--grid > .form-row-first,
.pd-woo .pd-woo-fields--grid > .form-row-last,
#top #wrap_all .pd-woo .pd-woo-fields--grid > .form-row-first,
#top #wrap_all .pd-woo .pd-woo-fields--grid > .form-row-last {
		grid-column: 1 / -1;
	}

	.pd-woo .pd-woo-ship__card,
#top #wrap_all .pd-woo .pd-woo-ship__card {
		padding-left: 16px;
		padding-right: 16px;
	}

	.pd-woo .pd-woo-empty,
#top #wrap_all .pd-woo .pd-woo-empty {
		padding-left: 16px;
		padding-right: 16px;
	}

	.pd-woo-ty .pd-woo-ty__in,
#top #wrap_all .pd-woo-ty .pd-woo-ty__in {
		min-height: 0;
		padding-bottom: 140px;
	}
}

@media (max-width: 600px) {

	.pd-woo-rel .pd-woo-rel__grid,
#top #wrap_all .pd-woo-rel .pd-woo-rel__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.pd-woo .pd-woo-card__body,
#top #wrap_all .pd-woo .pd-woo-card__body {
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 16px;
		padding-right: 16px;
		row-gap: 16px;
	}
}
