.pwt-delivery-mount {
	--pwt-box-max-width: 680px;
	clear: both;
	min-width: 0;
	width: 100%;
	margin: 18px 0 22px;
}

.pwt-delivery-mount[hidden] {
	display: none !important;
}

.pwt-delivery-mount[data-pwt-position="below_product_center"] {
	align-self: auto;
	flex: 0 0 100%;
	grid-column: 1 / -1;
	justify-self: stretch;
	max-width: 100%;
}

.pwt-delivery-mount[data-loading="yes"] .pwt-delivery-card {
	opacity: .68;
}

.pwt-delivery-card {
	--pwt-primary: #168f67;
	--pwt-secondary: #147d88;
	--pwt-accent: #dd6c2c;
	--pwt-bg: #fff;
	--pwt-text: #26342f;
	--pwt-muted: #68736f;
	--pwt-border: #e6ebe8;
	--pwt-ordered-box: #f1f8f6;
	--pwt-ordered-icon: #168f67;
	--pwt-dispatched-box: #f1f7f8;
	--pwt-dispatched-icon: #147d88;
	--pwt-delivery-box: #fdf6f2;
	--pwt-delivery-icon: #dd6c2c;
	--pwt-weekly-off-bg: #f1f7f8;
	--pwt-weekly-off-text: #68736f;
	--pwt-cutoff-bg: #ecf6f3;
	--pwt-cutoff-text: #168f67;
	--pwt-courier-bg: #eff6f7;
	--pwt-courier-text: #26342f;
	--pwt-estimated-text: #68736f;
	box-sizing: border-box;
	width: 100%;
	max-width: var(--pwt-box-max-width, 680px);
	margin-right: auto;
	margin-left: auto;
	padding: 17px;
	color: var(--pwt-text);
	background: var(--pwt-bg);
	border: 1px solid var(--pwt-border);
	border-radius: 15px;
	box-shadow: 0 6px 22px rgba(29, 63, 50, .07);
	font-family: inherit;
	container-type: inline-size;
	transition: opacity .18s ease;
}

.pwt-delivery-card,
.pwt-delivery-card * {
	box-sizing: border-box;
}

.pwt-location-fields {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 10px;
	margin: 0 0 15px;
}

.pwt-location-field {
	display: flex;
	flex-direction: column;
	gap: 5px;
	font-size: 13px;
	font-weight: 650;
}

.pwt-location-field select {
	width: 100%;
	min-width: 0;
	height: 36px;
	margin: 0;
	padding: 0 30px 0 10px;
	color: var(--pwt-text);
	background-color: var(--pwt-bg);
	border: 1px solid var(--pwt-border);
	border-radius: 8px;
	font: inherit;
}

.pwt-delivery-card[dir="rtl"] .pwt-location-field select {
	padding-right: 10px;
	padding-left: 30px;
}

.pwt-timeline {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 30px minmax(0, 1fr) 30px minmax(0, 1fr);
	align-items: start;
	gap: 2px;
}

.pwt-step {
	min-width: 0;
	padding: 10px 6px;
	border: 1px solid transparent;
	border-radius: 12px;
	text-align: center;
}

.pwt-step-ordered {
	background: var(--pwt-ordered-box);
}

.pwt-step-dispatched {
	background: var(--pwt-dispatched-box);
}

.pwt-step-delivery {
	background: var(--pwt-delivery-box);
	border-color: color-mix(in srgb, var(--pwt-delivery-icon) 38%, var(--pwt-border));
}

@supports not (background: color-mix(in srgb, #000 10%, #fff)) {
	.pwt-step-delivery { border-color: var(--pwt-delivery-icon); }
}

.pwt-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	margin: 0 auto 8px;
	border-radius: 11px;
}

.pwt-icon svg {
	display: block;
	width: 22px;
	height: 22px;
}

.pwt-step-ordered .pwt-icon {
	color: var(--pwt-ordered-icon);
	background: color-mix(in srgb, var(--pwt-ordered-icon) 12%, var(--pwt-bg));
}

.pwt-step-dispatched .pwt-icon {
	color: var(--pwt-dispatched-icon);
	background: color-mix(in srgb, var(--pwt-dispatched-icon) 12%, var(--pwt-bg));
}

.pwt-step-delivery .pwt-icon {
	color: var(--pwt-delivery-icon);
	background: color-mix(in srgb, var(--pwt-delivery-icon) 12%, var(--pwt-bg));
}

@supports not (background: color-mix(in srgb, #000 10%, #fff)) {
	.pwt-step-ordered .pwt-icon { background: var(--pwt-ordered-box); }
	.pwt-step-dispatched .pwt-icon { background: var(--pwt-dispatched-box); }
	.pwt-step-delivery .pwt-icon { background: var(--pwt-delivery-box); }
}

.pwt-icons-solid .pwt-icon {
	color: var(--pwt-bg);
}

.pwt-icons-solid .pwt-step-ordered .pwt-icon { background: var(--pwt-ordered-icon); }
.pwt-icons-solid .pwt-step-dispatched .pwt-icon { background: var(--pwt-dispatched-icon); }
.pwt-icons-solid .pwt-step-delivery .pwt-icon { background: var(--pwt-delivery-icon); }

.pwt-icons-modern:not(.pwt-layout-vertical) .pwt-timeline {
	position: relative;
	isolation: isolate;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 13px;
}

.pwt-icons-modern:not(.pwt-layout-vertical) .pwt-timeline::before {
	position: absolute;
	z-index: 2;
	top: 46px;
	right: 7%;
	left: 0;
	height: 3px;
	background: linear-gradient(90deg, var(--pwt-ordered-icon), var(--pwt-dispatched-icon) 52%, var(--pwt-delivery-icon));
	border-radius: 999px;
	box-shadow: 0 1px 4px rgba(38, 52, 47, .12);
	content: "";
}

.pwt-icons-modern:not(.pwt-layout-vertical) .pwt-timeline::after {
	position: absolute;
	z-index: 3;
	top: 40px;
	right: 5%;
	width: 11px;
	height: 11px;
	background: var(--pwt-bg);
	border: 4px solid var(--pwt-delivery-icon);
	border-radius: 50%;
	content: "";
}

.pwt-icons-modern:not(.pwt-layout-vertical)[dir="rtl"] .pwt-timeline::before {
	right: 0;
	left: 7%;
	background: linear-gradient(90deg, var(--pwt-delivery-icon), var(--pwt-dispatched-icon) 48%, var(--pwt-ordered-icon));
}

.pwt-icons-modern:not(.pwt-layout-vertical)[dir="rtl"] .pwt-timeline::after {
	right: auto;
	left: 5%;
}

.pwt-icons-modern:not(.pwt-layout-vertical) .pwt-step {
	position: relative;
	z-index: auto;
	min-height: 140px;
	padding: 17px 8px 14px;
	background: var(--pwt-ordered-box);
	border: 1px solid transparent;
	border-radius: 18px;
}

.pwt-icons-modern:not(.pwt-layout-vertical) .pwt-step-dispatched {
	background: var(--pwt-dispatched-box);
}

.pwt-icons-modern:not(.pwt-layout-vertical) .pwt-step-delivery {
	background: var(--pwt-delivery-box);
	border-color: color-mix(in srgb, var(--pwt-delivery-icon) 58%, var(--pwt-border));
}

.pwt-icons-modern:not(.pwt-layout-vertical) .pwt-step-label,
.pwt-icons-modern:not(.pwt-layout-vertical) .pwt-step-value {
	position: relative;
	z-index: 3;
}

.pwt-icons-modern:not(.pwt-layout-vertical) .pwt-step-label {
	margin-bottom: 5px;
	font-size: 15px;
	font-weight: 750;
}

.pwt-icons-modern:not(.pwt-layout-vertical) .pwt-step-value {
	font-size: 13px;
}

.pwt-icons-modern .pwt-icon {
	position: relative;
	z-index: 3;
	width: 58px;
	height: 58px;
	margin-bottom: 12px;
	color: #fff;
	border: 4px solid rgba(255, 255, 255, .88);
	border-radius: 17px;
	box-shadow: 0 7px 18px rgba(38, 52, 47, .19), 0 0 0 1px rgba(38, 52, 47, .06);
}

.pwt-icons-modern .pwt-icon svg {
	width: 34px;
	height: 34px;
}

.pwt-icons-modern .pwt-step-ordered .pwt-icon {
	color: #fff;
	background: linear-gradient(145deg, color-mix(in srgb, var(--pwt-ordered-icon) 78%, #fff), color-mix(in srgb, var(--pwt-ordered-icon) 88%, #000));
}

.pwt-icons-modern .pwt-step-dispatched .pwt-icon {
	color: #fff;
	background: linear-gradient(145deg, color-mix(in srgb, var(--pwt-dispatched-icon) 78%, #fff), color-mix(in srgb, var(--pwt-dispatched-icon) 88%, #000));
}

.pwt-icons-modern .pwt-step-delivery .pwt-icon {
	color: #fff;
	background: linear-gradient(145deg, color-mix(in srgb, var(--pwt-delivery-icon) 78%, #fff), color-mix(in srgb, var(--pwt-delivery-icon) 88%, #000));
}

.pwt-icons-modern .pwt-arrow {
	display: none;
}

.pwt-icons-modern .pwt-courier-icon {
	color: #fff;
	background: linear-gradient(145deg, var(--pwt-secondary), color-mix(in srgb, var(--pwt-secondary) 80%, #064f59));
}

@supports not (background: color-mix(in srgb, #000 10%, #fff)) {
	.pwt-icons-modern:not(.pwt-layout-vertical) .pwt-step { background: var(--pwt-ordered-box); }
	.pwt-icons-modern:not(.pwt-layout-vertical) .pwt-step-dispatched { background: var(--pwt-dispatched-box); }
	.pwt-icons-modern:not(.pwt-layout-vertical) .pwt-step-delivery { background: var(--pwt-delivery-box); border-color: var(--pwt-delivery-icon); }
	.pwt-icons-modern .pwt-step-ordered .pwt-icon { background: var(--pwt-ordered-icon); }
	.pwt-icons-modern .pwt-step-dispatched .pwt-icon { background: var(--pwt-dispatched-icon); }
	.pwt-icons-modern .pwt-step-delivery .pwt-icon { background: var(--pwt-delivery-icon); }
	.pwt-icons-modern .pwt-courier-icon { background: #147d88; }
}

.pwt-step-label,
.pwt-step-value {
	display: block;
	overflow-wrap: anywhere;
}

.pwt-step-label {
	margin-bottom: 3px;
	font-size: 13.5px;
	font-weight: 700;
	line-height: 1.25;
}

.pwt-step-value {
	color: var(--pwt-muted);
	font-size: 12.5px;
	font-weight: 450;
	line-height: 1.35;
}

.pwt-arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 38px;
	color: var(--pwt-muted);
}

.pwt-arrow svg {
	width: 18px;
	height: 18px;
}

.pwt-delivery-card[dir="rtl"] .pwt-arrow svg {
	transform: scaleX(-1);
}

.pwt-notice,
.pwt-off-days,
.pwt-stock,
.pwt-emergency,
.pwt-disclaimer {
	margin: 13px 0 0;
	font-size: 12.5px;
	line-height: 1.45;
}

.pwt-notice {
	padding: 9px 11px;
	color: var(--pwt-primary);
	background: color-mix(in srgb, var(--pwt-primary) 8%, var(--pwt-bg));
	border-radius: 9px;
	text-align: center;
}

.pwt-off-days {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 4px;
	padding: 8px 10px;
	color: var(--pwt-weekly-off-text);
	background: var(--pwt-weekly-off-bg);
	border: 1px solid color-mix(in srgb, var(--pwt-weekly-off-text) 16%, var(--pwt-border));
	border-radius: 9px;
	text-align: center;
}

.pwt-off-days strong {
	color: inherit;
}

@supports not (background: color-mix(in srgb, #000 10%, #fff)) {
	.pwt-off-days { border-color: var(--pwt-border); }
}

.pwt-after-cutoff {
	color: var(--pwt-cutoff-text);
	background: var(--pwt-cutoff-bg);
	border: 1px solid color-mix(in srgb, var(--pwt-cutoff-text) 16%, var(--pwt-border));
}

@supports not (background: color-mix(in srgb, #000 10%, #fff)) {
	.pwt-after-cutoff { border-color: var(--pwt-border); }
}

.pwt-countdown {
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

.pwt-countdown-start {
	display: none;
}

.pwt-courier-list {
	display: grid;
	gap: 8px;
	margin-top: 13px;
}

.pwt-courier-info {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin-top: 13px;
	padding: 11px;
	color: var(--pwt-courier-text);
	background: var(--pwt-courier-bg);
	border: 1px solid color-mix(in srgb, var(--pwt-secondary) 20%, var(--pwt-border));
	border-radius: 10px;
}

.pwt-courier-list .pwt-courier-info {
	margin-top: 0;
}

@supports not (background: color-mix(in srgb, #000 10%, #fff)) {
	.pwt-courier-info { background: var(--pwt-courier-bg); border-color: var(--pwt-border); }
}

.pwt-courier-icon {
	display: flex;
	flex: 0 0 32px;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	color: var(--pwt-secondary);
	background: var(--pwt-bg);
	border-radius: 8px;
}

.pwt-icons-solid .pwt-courier-icon {
	color: var(--pwt-bg);
	background: var(--pwt-secondary);
}

.pwt-courier-icon svg {
	width: 19px;
	height: 19px;
}

.pwt-courier-content {
	flex: 1 1 auto;
	min-width: 0;
}

.pwt-courier-name,
.pwt-courier-rates-label,
.pwt-free-delivery {
	margin: 0;
	font-size: 12.5px;
	line-height: 1.4;
}

.pwt-courier-rates-label {
	margin-top: 7px;
	color: var(--pwt-courier-text);
	opacity: .72;
	font-size: 11.5px;
	font-weight: 650;
}

.pwt-free-delivery {
	margin-top: 7px;
	color: var(--pwt-courier-text);
	font-weight: 750;
}

.pwt-courier-rates {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 5px 10px;
	margin: 5px 0 0;
	padding: 0;
	list-style: none;
}

.pwt-courier-rates li {
	display: flex;
	justify-content: space-between;
	gap: 7px;
	min-width: 0;
	font-size: 11.5px;
}

.pwt-courier-rates li strong {
	white-space: nowrap;
}

.pwt-stock {
	display: flex;
	align-items: flex-start;
	gap: 7px;
	color: var(--pwt-muted);
}

.pwt-stock > span {
	flex: 0 0 8px;
	width: 8px;
	height: 8px;
	margin-top: 5px;
	background: var(--pwt-primary);
	border-radius: 50%;
}

.pwt-stock-low_stock > span { background: var(--pwt-accent); }
.pwt-stock-backorder > span { background: #b5473c; }

.pwt-emergency {
	padding: 10px 11px;
	color: #7a3c00;
	background: #fff6df;
	border: 1px solid #f3daa3;
	border-radius: 9px;
}

.pwt-disclaimer {
	color: var(--pwt-estimated-text);
	font-size: 11px;
}

.pwt-layout-vertical .pwt-timeline {
	grid-template-columns: 42px minmax(0, 1fr);
	align-items: center;
	gap: 4px 10px;
}

.pwt-layout-vertical .pwt-step {
	display: grid;
	grid-column: 1 / -1;
	grid-template-columns: 42px minmax(0, 1fr);
	grid-template-rows: auto auto;
	column-gap: 10px;
	text-align: start;
}

.pwt-layout-vertical .pwt-icon {
	grid-row: 1 / 3;
	margin: 0;
}

.pwt-layout-vertical .pwt-step-label,
.pwt-layout-vertical .pwt-step-value {
	grid-column: 2;
}

.pwt-layout-vertical .pwt-arrow {
	display: none;
}

.pwt-layout-compact {
	padding: 13px;
}

.pwt-layout-compact .pwt-icon {
	width: 30px;
	height: 30px;
	margin-bottom: 5px;
	border-radius: 8px;
}

.pwt-layout-compact .pwt-icon svg {
	width: 18px;
	height: 18px;
}

.pwt-layout-compact .pwt-arrow {
	height: 30px;
}

.pwt-layout-compact .pwt-step-label { font-size: 12px; }
.pwt-layout-compact .pwt-step-value { font-size: 11px; }

.pwt-icons-modern.pwt-layout-compact .pwt-step {
	min-height: 120px;
	padding: 13px 6px 11px;
}

.pwt-icons-modern.pwt-layout-compact .pwt-icon {
	width: 48px;
	height: 48px;
	margin-bottom: 8px;
	border-radius: 14px;
}

.pwt-icons-modern.pwt-layout-compact .pwt-icon svg {
	width: 28px;
	height: 28px;
}

.pwt-icons-modern.pwt-layout-compact .pwt-timeline::before {
	top: 37px;
}

.pwt-icons-modern.pwt-layout-compact .pwt-timeline::after {
	top: 31px;
}

.pwt-preview-disabled {
	padding: 18px;
	color: #6b3f00;
	background: #fff7e6;
	border: 1px solid #efcf91;
	border-radius: 10px;
}

@container (max-width: 520px) {
	.pwt-location-fields { grid-template-columns: 1fr; }
	.pwt-timeline { grid-template-columns: minmax(0, 1fr) 16px minmax(0, 1fr) 16px minmax(0, 1fr); gap: 1px; }
	.pwt-icon { width: 32px; height: 32px; margin-bottom: 6px; border-radius: 9px; }
	.pwt-icon svg { width: 19px; height: 19px; }
	.pwt-arrow { height: 32px; }
	.pwt-arrow svg { width: 13px; height: 13px; }
	.pwt-step-label { font-size: 11.5px; }
	.pwt-step-value { font-size: 10.5px; }
	.pwt-notice, .pwt-off-days, .pwt-stock, .pwt-emergency { font-size: 11.5px; }
	.pwt-courier-rates { grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); }
	.pwt-icons-modern:not(.pwt-layout-vertical) .pwt-timeline { gap: 7px; }
	.pwt-icons-modern:not(.pwt-layout-vertical) .pwt-step { min-height: 118px; padding: 12px 5px 10px; border-radius: 14px; }
	.pwt-icons-modern .pwt-icon { width: 46px; height: 46px; margin-bottom: 8px; border-width: 3px; border-radius: 14px; }
	.pwt-icons-modern .pwt-icon svg { width: 27px; height: 27px; }
	.pwt-icons-modern:not(.pwt-layout-vertical) .pwt-step-label { margin-bottom: 3px; font-size: 12.5px; }
	.pwt-icons-modern:not(.pwt-layout-vertical) .pwt-step-value { font-size: 11px; }
	.pwt-icons-modern:not(.pwt-layout-vertical) .pwt-timeline::before { top: 34px; }
	.pwt-icons-modern:not(.pwt-layout-vertical) .pwt-timeline::after { top: 29px; width: 9px; height: 9px; border-width: 3px; }
}

@container (max-width: 400px) {
	.pwt-delivery-card:not(.pwt-layout-vertical) .pwt-timeline {
		grid-template-columns: 1fr;
		gap: 11px;
	}

	.pwt-delivery-card:not(.pwt-layout-vertical) .pwt-step {
		display: grid;
		grid-column: 1;
		grid-template-columns: 38px minmax(0, 1fr);
		grid-template-rows: auto auto;
		column-gap: 10px;
		text-align: start;
	}

	.pwt-delivery-card:not(.pwt-layout-vertical) .pwt-icon {
		grid-row: 1 / 3;
		margin: 0;
	}

	.pwt-delivery-card:not(.pwt-layout-vertical) .pwt-step-label,
	.pwt-delivery-card:not(.pwt-layout-vertical) .pwt-step-value {
		grid-column: 2;
	}

	.pwt-delivery-card:not(.pwt-layout-vertical) .pwt-arrow { display: none; }
	.pwt-delivery-card.pwt-icons-none .pwt-step { grid-template-columns: 1fr; }
	.pwt-delivery-card.pwt-icons-none .pwt-step-label,
	.pwt-delivery-card.pwt-icons-none .pwt-step-value { grid-column: 1; }
	.pwt-delivery-card.pwt-icons-modern:not(.pwt-layout-vertical) .pwt-timeline::before,
	.pwt-delivery-card.pwt-icons-modern:not(.pwt-layout-vertical) .pwt-timeline::after { display: none; }
	.pwt-delivery-card.pwt-icons-modern:not(.pwt-layout-vertical) .pwt-step {
		grid-template-columns: 48px minmax(0, 1fr);
		min-height: 0;
		padding: 11px;
	}
}

@media (max-width: 520px) {
	.pwt-delivery-mount { margin: 15px 0 18px; }
	.pwt-delivery-card { max-width: 100%; padding: 14px 10px; border-radius: 12px; }
	.pwt-location-fields { grid-template-columns: 1fr; }
	.pwt-timeline { grid-template-columns: minmax(0, 1fr) 16px minmax(0, 1fr) 16px minmax(0, 1fr); gap: 1px; }
	.pwt-icon { width: 32px; height: 32px; margin-bottom: 6px; border-radius: 9px; }
	.pwt-icon svg { width: 19px; height: 19px; }
	.pwt-arrow { height: 32px; }
	.pwt-arrow svg { width: 13px; height: 13px; }
	.pwt-step-label { font-size: 11.5px; }
	.pwt-step-value { font-size: 10.5px; }
	.pwt-notice, .pwt-off-days, .pwt-stock, .pwt-emergency { font-size: 11.5px; }
	.pwt-courier-rates { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.pwt-layout-vertical .pwt-timeline { grid-template-columns: 38px minmax(0, 1fr); }
	.pwt-layout-vertical .pwt-step { grid-template-columns: 38px minmax(0, 1fr); }
}