/*
 * UI-01 presentation for Springfree-owned blocks only.
 * Source: design/cart-checkout-flow/ui-v1/RESPONSIVE-HANDOFF.md and the
 * current Figma stepper and the approved compact mobile commerce header.
 * Values represent layout roles; all commerce facts are supplied by Woo.
 * Public WordPress block roots scope presentation against site-wide typography
 * and form-control rules while legacy and owned pages coexist. No global reset.
 */

:where(.sf-commerce-page, .sf-cart, .sf-commerce-header, .sf-commerce-steps),
:where(.sf-commerce-page, .sf-cart, .sf-commerce-header, .sf-commerce-steps) * {
	box-sizing: border-box;
}

.sf-commerce-page {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	background: #fff;
}

.wp-block-springfree-cart.sf-cart,
.wp-block-springfree-commerce-header.sf-commerce-header,
.wp-block-springfree-commerce-steps.sf-commerce-steps {
	--sf-text: var(--wp--preset--color--sf-text, #304150);
	--sf-muted: var(--wp--preset--color--sf-muted, #6b7280);
	--sf-brand: var(--wp--preset--color--sf-brand, #0088ce);
	--sf-action: var(--wp--preset--color--sf-action, #0073c4);
	--sf-action-hover: var(--wp--preset--color--sf-action-hover, #0064ab);
	--sf-action-pressed: var(--wp--preset--color--sf-action-pressed, #00538f);
	--sf-surface: var(--wp--preset--color--sf-surface, #f3f6f7);
	--sf-media: var(--wp--preset--color--sf-media, #f0f8fc);
	--sf-border: var(--wp--preset--color--sf-border, #e5e7eb);
	--sf-border-strong: var(--wp--preset--color--sf-border-strong, #d7dee4);
	--sf-positive: var(--wp--preset--color--sf-positive, #16803c);
	--sf-heading-font: var(--wp--preset--font-family--sf-heading, Montserrat, sans-serif);
	color: var(--sf-text);
	font-family: var(--wp--preset--font-family--sf-commerce, "Source Sans 3", sans-serif);
	font-size: 1rem;
	line-height: 1.5;
	text-align: left;
}

.wp-block-springfree-cart.sf-cart .sf-cart__server-notices {
	/* The cart root already supplies the same responsive gutters as its app. */
	margin: 0;
	padding: 0;
}

/* The same branded tree contains public Woo forms from the first response.
 * Enhancement binds these controls in place, rather than swapping renderers. */
.wp-block-springfree-cart.sf-cart .sf-cart__items-form {
	margin: 0;
	padding: 0;
	min-width: 0;
}
.wp-block-springfree-cart.sf-cart .sf-cart__native-update {
	margin-top: 16px;
}
.wp-block-springfree-cart.sf-cart .sf-cart__primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

:is(.wp-block-springfree-cart.sf-cart, .wp-block-springfree-commerce-header.sf-commerce-header, .wp-block-springfree-commerce-steps.sf-commerce-steps) :where(h1, h2, h3, p, ul, ol) {
	margin: 0;
}

:is(.wp-block-springfree-cart.sf-cart, .wp-block-springfree-commerce-header.sf-commerce-header, .wp-block-springfree-commerce-steps.sf-commerce-steps) :where(a) {
	color: inherit;
	text-decoration: none;
}

:is(.wp-block-springfree-cart.sf-cart, .wp-block-springfree-commerce-header.sf-commerce-header, .wp-block-springfree-commerce-steps.sf-commerce-steps) :where(button, input) {
	font: inherit;
}

:is(.wp-block-springfree-cart.sf-cart, .wp-block-springfree-commerce-header.sf-commerce-header, .wp-block-springfree-commerce-steps.sf-commerce-steps) :where(button, a, input, summary, [tabindex]):focus-visible {
	outline: 3px solid var(--sf-action);
	outline-offset: 2px;
}

.wp-block-springfree-commerce-header.sf-commerce-header {
	padding: 16px;
	border-bottom: 1px solid var(--sf-border);
	background: #fff;
}

.wp-block-springfree-commerce-header.sf-commerce-header .sf-commerce-header__inner {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
}

.wp-block-springfree-commerce-header.sf-commerce-header .sf-commerce-header__logo {
	display: flex;
	align-items: center;
	width: 128px;
	min-height: 24px;
}

.wp-block-springfree-commerce-header.sf-commerce-header .sf-commerce-header__logo img {
	display: block;
	width: 100%;
	height: auto;
}

.wp-block-springfree-commerce-header.sf-commerce-header .sf-commerce-header__contact {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	max-width: 100%;
}

.wp-block-springfree-commerce-header.sf-commerce-header .sf-commerce-header__avatar {
	position: relative;
	display: block;
	flex: 0 0 64px;
	width: 64px;
	height: 64px;
	object-fit: cover;
	border-radius: 50%;
}

.wp-block-springfree-commerce-header.sf-commerce-header .sf-commerce-header__avatar img {
	display: block;
	width: 64px;
	height: 64px;
	object-fit: cover;
	border-radius: 50%;
}

.wp-block-springfree-commerce-header.sf-commerce-header .sf-commerce-header__status-dot {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 12px;
	height: 12px;
	border: 2px solid #fff;
	border-radius: 50%;
	background: #22c55e;
}

.wp-block-springfree-commerce-header.sf-commerce-header .sf-commerce-header__details {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.wp-block-springfree-commerce-header.sf-commerce-header .sf-commerce-header__question,
.wp-block-springfree-commerce-header.sf-commerce-header .sf-commerce-header__status {
	color: var(--sf-muted);
	font-size: 0.875rem;
	line-height: 20px;
}

.wp-block-springfree-commerce-header.sf-commerce-header .sf-commerce-header__phone {
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 28px;
	white-space: nowrap;
}

.wp-block-springfree-commerce-header.sf-commerce-header .sf-commerce-header__phone:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.wp-block-springfree-commerce-steps.sf-commerce-steps {
	padding: 8px 16px;
	background: #fff;
}

.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	column-gap: 0;
	align-items: flex-start;
	max-width: 744px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	list-style: none;
}

.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__item {
	position: relative;
	flex: 1 1 0;
	min-width: 0;
	text-align: center;
}

.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__item:not(:last-child)::after {
	position: absolute;
	top: 23px;
	left: calc(50% + 32px);
	width: calc(100% - 64px);
	height: 2px;
	background: var(--sf-border-strong);
	content: "";
}

.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__item > a,
.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__item > button,
.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__item > span {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
}

.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 48px;
	height: 48px;
	border: 1px solid var(--sf-border-strong);
	border-radius: 50%;
	background: var(--sf-surface);
	color: var(--sf-muted);
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 20px;
}

.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__label {
	display: block;
	padding-left: 2px;
	padding-right: 2px;
	color: var(--sf-muted);
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 20px;
}

.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__item[aria-current="step"] .sf-commerce-steps__number,
.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__item [aria-current="step"] .sf-commerce-steps__number {
	border: 4px solid var(--sf-media);
	background: #fff;
	box-shadow: inset 0 0 0 2px var(--sf-brand);
	color: var(--sf-action);
}

.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__item[aria-current="step"] .sf-commerce-steps__label,
.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__item [aria-current="step"] .sf-commerce-steps__label {
	color: var(--sf-action);
}

.wp-block-springfree-cart.sf-cart {
	width: 100%;
	max-width: 1520px;
	margin-left: auto;
	margin-right: auto;
	padding: 24px 16px 40px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-items: start;
	gap: 24px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__items,
.wp-block-springfree-cart.sf-cart .sf-cart__item-info,
.wp-block-springfree-cart.sf-cart .sf-cart__summary {
	min-width: 0;
}

.wp-block-springfree-cart.sf-cart .sf-cart__item-list {
	padding: 0;
	list-style: none;
}

.wp-block-springfree-cart.sf-cart .sf-cart__heading,
.wp-block-springfree-cart.sf-cart .sf-cart__recommendations > h2 {
	margin: 0;
	font-family: var(--sf-heading-font);
	font-size: 1.4375rem;
	font-weight: 800;
	line-height: 30px;
	letter-spacing: normal;
}

.wp-block-springfree-cart.sf-cart .sf-cart__heading {
	margin-bottom: 16px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__item {
	display: grid;
	grid-template-columns: 80px minmax(0, 1fr);
	align-items: center;
	gap: 16px;
	padding-top: 16px;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--sf-border);
}

.wp-block-springfree-cart.sf-cart .sf-cart__item-image {
	display: block;
	width: 80px;
	height: 80px;
	border: 1px solid var(--sf-border);
	border-radius: 8px;
	background: var(--sf-media);
	object-fit: contain;
}

.wp-block-springfree-cart.sf-cart .sf-cart__item-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.wp-block-springfree-cart.sf-cart .sf-cart__item-name {
	font-family: var(--sf-heading-font);
	font-size: 1rem;
	font-weight: 700;
	line-height: 22px;
	overflow-wrap: anywhere;
}

.wp-block-springfree-cart.sf-cart .sf-cart__item-name:hover,
.wp-block-springfree-cart.sf-cart .sf-cart__recommendation-name a:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__stock {
	display: block;
	margin-top: 6px;
	color: var(--sf-positive);
	font-size: 1rem;
	line-height: 24px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__stock[data-stock-status="onbackorder"],
.wp-block-springfree-cart.sf-cart .sf-cart__stock[data-stock-status="outofstock"] {
	color: var(--sf-muted);
}

.wp-block-springfree-cart.sf-cart .sf-cart__item-actions {
	display: flex;
	grid-column: 1 / -1;
	align-items: center;
	gap: 8px;
	min-width: 0;
}

.wp-block-springfree-cart.sf-cart .sf-cart__item-meta {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 2px 8px;
	margin: 6px 0 0;
	font-size: 0.875rem;
	line-height: 20px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__item-meta dd {
	margin: 0;
}

.wp-block-springfree-cart.sf-cart .sf-cart__quantity {
	display: inline-flex;
	flex: 0 0 128px;
	align-items: center;
	width: 128px;
	height: 44px;
	border: 0;
	border-radius: 24px;
	background: #fff;
	box-shadow: inset 0 0 0 1px var(--sf-border-strong);
}

.wp-block-springfree-cart.sf-cart .sf-cart__quantity-button,
.wp-block-springfree-cart.sf-cart .sf-cart__remove,
.wp-block-springfree-cart.sf-cart .sf-cart__rail-controls button {
	display: inline-flex;
	flex: 0 0 44px;
	align-items: center;
	justify-content: center;
	width: 44px;
	min-height: 44px;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--sf-brand);
	cursor: pointer;
}

.wp-block-springfree-cart.sf-cart .sf-cart__quantity-button {
	border-radius: 24px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__quantity-button svg,
.wp-block-springfree-cart.sf-cart .sf-cart__rail-controls svg {
	width: 16px;
	height: 16px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__quantity-input {
	min-width: 0;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	border-radius: 4px;
	background: #fff;
	color: var(--sf-text);
	font-size: 0.875rem;
	font-weight: 700;
	text-align: center;
	-webkit-appearance: textfield;
	   -moz-appearance: textfield;
	        appearance: textfield;
}

.wp-block-springfree-cart.sf-cart .sf-cart__quantity-input::-webkit-inner-spin-button,
.wp-block-springfree-cart.sf-cart .sf-cart__quantity-input::-webkit-outer-spin-button {
	margin: 0;
	-webkit-appearance: none;
	        appearance: none;
}

.wp-block-springfree-cart.sf-cart .sf-cart__remove {
	margin-left: auto;
	color: var(--sf-muted);
	border-radius: 8px;
	font-size: 1.375rem;
}

.wp-block-springfree-cart.sf-cart .sf-cart__remove svg {
	width: 18px;
	height: 18px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__item-total {
	flex: 1 1 auto;
	min-width: 0;
	text-align: right;
}

.wp-block-springfree-cart.sf-cart .sf-cart__price {
	font-family: var(--sf-heading-font);
	font-size: 1.1875rem;
	font-weight: 800;
	line-height: 24px;
	white-space: nowrap;
}

.wp-block-springfree-cart.sf-cart .sf-cart__items > a,
.wp-block-springfree-cart.sf-cart .sf-cart__shop-link {
	gap: 8px;
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	margin-top: 12px;
	color: var(--sf-muted);
}

.wp-block-springfree-cart.sf-cart .sf-cart__summary {
	padding: 16px;
	border: 1px solid var(--sf-border-strong);
	border-radius: 12px;
	background: var(--sf-surface);
}

.wp-block-springfree-cart.sf-cart .sf-cart__summary h2 {
	margin: 0 0 16px;
	font-family: var(--sf-heading-font);
	font-size: 1.1875rem;
	font-weight: 700;
	line-height: 26px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__total-label {
	font-size: 1rem;
	line-height: 26px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__total,
.wp-block-springfree-cart.sf-cart .sf-cart__shipping,
.wp-block-springfree-cart.sf-cart .sf-cart__delivery {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	line-height: 26px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__total {
	font-weight: 700;
}

.wp-block-springfree-cart.sf-cart .sf-cart__total-value {
	font-size: 1.1875rem;
	white-space: nowrap;
}

.wp-block-springfree-cart.sf-cart .sf-cart__shipping,
.wp-block-springfree-cart.sf-cart .sf-cart__delivery {
	margin-top: 12px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__shipping > :last-child,
.wp-block-springfree-cart.sf-cart .sf-cart__delivery > :last-child {
	font-weight: 700;
	text-align: right;
}

.wp-block-springfree-cart.sf-cart .sf-cart__shipping [data-free="true"] {
	color: var(--sf-positive);
}

.wp-block-springfree-cart.sf-cart .sf-cart__delivery {
	font-size: 0.875rem;
	line-height: 20px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__progress {
	margin-top: 16px;
	font-size: 0.875rem;
	line-height: 20px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__progress p {
	margin: 0;
}

.wp-block-springfree-cart.sf-cart .sf-cart__progress progress {
	display: block;
	width: 100%;
	height: 6px;
	margin-top: 8px;
	border: 0;
	border-radius: 4px;
	background: var(--sf-border);
	color: var(--wp--preset--color--sf-progress, #16a34a);
	accent-color: var(--wp--preset--color--sf-progress, #16a34a);
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
}

.wp-block-springfree-cart.sf-cart .sf-cart__progress progress::-webkit-progress-bar {
	border-radius: 4px;
	background: var(--sf-border);
}

.wp-block-springfree-cart.sf-cart .sf-cart__progress progress::-webkit-progress-value {
	border-radius: 4px;
	background: var(--wp--preset--color--sf-progress, #16a34a);
}

.wp-block-springfree-cart.sf-cart .sf-cart__progress progress::-moz-progress-bar {
	border-radius: 4px;
	background: var(--wp--preset--color--sf-progress, #16a34a);
}

.wp-block-springfree-cart.sf-cart .sf-cart__primary,
.wp-block-springfree-cart.sf-cart .sf-cart__secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 44px;
	padding: 12px 16px;
	border: 1px solid var(--sf-action);
	border-radius: 8px;
	background: #fff;
	color: var(--sf-action);
	font-weight: 700;
	line-height: 24px;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 150ms ease-out, border-color 150ms ease-out, color 150ms ease-out;
}

.wp-block-springfree-cart.sf-cart .sf-cart__primary {
	position: relative;
	width: 100%;
	min-height: 62px;
	padding: 14px 46px;
	border-width: 2px;
	background: var(--sf-action);
	color: #fff;
	white-space: nowrap;
}

.wp-block-springfree-cart.sf-cart .sf-cart__summary > .sf-cart__primary {
	margin-top: 20px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__primary svg {
	position: absolute;
	width: 20px;
	height: 20px;
	right: 22px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__primary:hover:not(:disabled):not([aria-disabled="true"]) {
	border-color: var(--sf-action-hover);
	background: var(--sf-action-hover);
	color: #fff;
}

.wp-block-springfree-cart.sf-cart .sf-cart__primary:active:not(:disabled):not([aria-disabled="true"]) {
	border-color: var(--sf-action-pressed);
	background: var(--sf-action-pressed);
	color: #fff;
}

.wp-block-springfree-cart.sf-cart .sf-cart__secondary:hover:not(:disabled) {
	background: var(--sf-media);
	border-color: var(--sf-action-hover);
	color: var(--sf-action-hover);
}

.wp-block-springfree-cart.sf-cart .sf-cart__primary:disabled,
.wp-block-springfree-cart.sf-cart .sf-cart__primary[aria-disabled="true"],
.wp-block-springfree-cart.sf-cart .sf-cart__secondary:disabled {
	border-color: #edf1f4;
	background: #edf1f4;
	color: #526779;
	cursor: default;
}

.wp-block-springfree-cart.sf-cart .sf-cart__primary[aria-busy="true"] {
	border-color: var(--sf-action);
	background: var(--sf-action);
	color: #fff;
	cursor: progress;
}

.wp-block-springfree-cart.sf-cart .sf-cart__quantity-button:disabled,
.wp-block-springfree-cart.sf-cart .sf-cart__remove:disabled,
.wp-block-springfree-cart.sf-cart .sf-cart__rail-controls button:disabled {
	color: #526779;
	cursor: default;
}

.wp-block-springfree-cart.sf-cart .sf-cart__quantity-button:hover:not(:disabled),
.wp-block-springfree-cart.sf-cart .sf-cart__remove:hover:not(:disabled) {
	background: var(--sf-media);
}

.wp-block-springfree-cart.sf-cart .sf-cart__coupon {
	margin-top: 12px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__coupon-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	min-height: 44px;
	padding: 8px;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: var(--sf-muted);
	line-height: 24px;
	cursor: pointer;
	list-style: none;
}

.wp-block-springfree-cart.sf-cart .sf-cart__coupon-toggle::-webkit-details-marker {
	display: none;
}

.wp-block-springfree-cart.sf-cart .sf-cart__coupon-toggle svg {
	width: 16px;
	height: 16px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__coupon[open] .sf-cart__coupon-toggle svg {
	transform: rotate(180deg);
}

.wp-block-springfree-cart.sf-cart .sf-cart__coupon-form {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 8px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__coupon-form label {
	flex-basis: 100%;
}

.wp-block-springfree-cart.sf-cart .sf-cart__coupon-input {
	flex: 1 1 120px;
	min-width: 0;
	min-height: 44px;
	padding: 8px 12px;
	border: 1px solid var(--sf-border-strong);
	border-radius: 8px;
	background: #fff;
}

.wp-block-springfree-cart.sf-cart .sf-cart__coupons {
	display: grid;
	gap: 8px;
	margin-top: 12px;
	padding: 0;
	list-style: none;
}

.wp-block-springfree-cart.sf-cart .sf-cart__coupons li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	overflow-wrap: anywhere;
}

.wp-block-springfree-cart.sf-cart .sf-cart__recommendations {
	position: relative;
	padding-bottom: 20px;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 16px;
	margin-top: 32px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__rail-controls {
	display: flex;
	gap: 8px;
	margin-top: -4px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__rail-controls button {
	border: 1px solid var(--sf-border-strong);
	border-radius: 50%;
}

.wp-block-springfree-cart.sf-cart .sf-cart__rail {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 240px;
	align-items: stretch;
	gap: 16px;
	min-width: 0;
	padding: 0;
	overflow-x: auto;
	overscroll-behavior-inline: contain;
	scroll-snap-type: inline proximity;
	/* A persistent, aria-hidden position indicator follows this native rail. */
	scrollbar-width: none;
	list-style: none;
}

.wp-block-springfree-cart.sf-cart .sf-cart__recommendation {
	display: flex;
	flex-direction: column;
	min-width: 0;
	border: 1px solid var(--sf-border);
	border-radius: 12px;
	background: #fff;
	scroll-snap-align: start;
}

.wp-block-springfree-cart.sf-cart .sf-cart__recommendation-image {
	display: flex;
	flex: 0 0 132px;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 132px;
	padding: 18px;
	border-radius: 11px 11px 0 0;
	background: var(--sf-media);
}

.wp-block-springfree-cart.sf-cart .sf-cart__recommendation-image img {
	display: block;
	width: 142px;
	max-width: 100%;
	height: 96px;
	object-fit: contain;
	mix-blend-mode: multiply;
}

.wp-block-springfree-cart.sf-cart .sf-cart__recommendation-image:focus-visible {
	/* Keep the full focus indicator inside the native scroll container. */
	outline-offset: -5px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__recommendation-body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	align-items: stretch;
	gap: 8px;
	min-height: 264px;
	padding: 16px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__recommendation-name {
	font-family: var(--sf-heading-font);
	font-size: 0.9375rem;
	font-weight: 700;
	line-height: 20px;
	overflow-wrap: anywhere;
}

.wp-block-springfree-cart.sf-cart .sf-cart__recommendation-description {
	color: var(--sf-muted);
	font-size: 0.8125rem;
	line-height: 20px;
	overflow-wrap: anywhere;
}

.wp-block-springfree-cart.sf-cart .sf-cart__recommendation-price {
	margin-top: auto;
	padding-top: 8px;
	font-weight: 700;
	font-family: inherit;
	font-size: 1rem;
	line-height: 24px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__recommendation .sf-cart__secondary {
	width: 100%;
	white-space: nowrap;
}

.wp-block-springfree-cart.sf-cart .sf-cart__rail-indicators {
	position: absolute;
	width: 1px;
	height: 1px;
	-webkit-clip-path: inset(50%);
	        clip-path: inset(50%);
	overflow: hidden;
}

.wp-block-springfree-cart.sf-cart .sf-cart__rail-progress {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	grid-column: 1 / -1;
	height: 4px;
	overflow: hidden;
	border-radius: 2px;
	background: var(--sf-surface);
}

.wp-block-springfree-cart.sf-cart .sf-cart__rail-progress-thumb {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: var(--sf-brand);
}

/* One visible next-step action. The dock uses the same page gutters at every width. */
@media (max-width: 1199px) {
	.wp-block-springfree-cart.sf-cart[data-sf-cart-filled="true"] {
		padding-bottom: calc(128px + env(safe-area-inset-bottom, 0px));
	}
	.wp-block-springfree-cart.sf-cart[data-sf-cart-filled="true"] .sf-cart__summary > .sf-cart__primary {
		display: none;
	}
	.wp-block-springfree-cart.sf-cart[data-sf-cart-filled="true"] :is(a, button, input, summary) {
		scroll-margin-block-end: 128px;
	}
}
.wp-block-springfree-cart.sf-cart .sf-cart__sticky:not([hidden]) {
	position: fixed;
	z-index: 30;
	left: 0;
	right: 0;
	bottom: 0;
	display: grid;
	gap: 7px;
	min-height: 104px;
	padding: 10px max(16px, calc((100vw - 1440px) / 2)) calc(10px + env(safe-area-inset-bottom, 0px));
	border-top: 1px solid var(--sf-border-strong);
	background: #fff;
	box-shadow: 0 -4px 16px rgba(48, 65, 80, 0.06);
	box-shadow: 0 -4px 16px rgb(48 65 80 / 6%);
}
.wp-block-springfree-cart.sf-cart .sf-cart__sticky-total {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	font-size: 1rem;
	line-height: 24px;
}
.wp-block-springfree-cart.sf-cart .sf-cart__sticky .sf-cart__primary {
	min-height: 52px;
	margin: 0;
}

.wp-block-springfree-cart.sf-cart .sf-cart__original-price {
	display: block;
	color: var(--sf-muted);
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 20px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__notice,
.wp-block-springfree-cart.sf-cart .sf-cart__server-notices > :is(.woocommerce-error, .wc-block-components-notice-banner.is-error),
.wp-block-springfree-cart.sf-cart .sf-cart__empty,
.wp-block-springfree-cart.sf-cart .sf-cart__loading {
	margin-bottom: 24px;
	padding: 16px;
	border: 1px solid var(--sf-border-strong);
	border-radius: 8px;
	background: var(--sf-surface);
	overflow-wrap: anywhere;
}

.wp-block-springfree-cart.sf-cart .sf-cart__server-notices > :is(.woocommerce-error, .wc-block-components-notice-banner.is-error) {
	/* Keep Woo's notice text, list semantics and escaping. Shared presentation
	 * matches the in-place client alert instead of adding a second notice UI. */
	margin: 0 0 24px;
	color: var(--sf-text);
	font: inherit;
	list-style: none;
	display: block;
}

.wp-block-springfree-cart.sf-cart .sf-cart__notice::before,
.wp-block-springfree-cart.sf-cart .sf-cart__notice::after,
.wp-block-springfree-cart.sf-cart .sf-cart__server-notices > :is(.woocommerce-error, .wc-block-components-notice-banner.is-error)::before,
.wp-block-springfree-cart.sf-cart .sf-cart__server-notices > :is(.woocommerce-error, .wc-block-components-notice-banner.is-error)::after {
	content: none;
}

.wp-block-springfree-cart.sf-cart .sf-cart__server-notices > .wc-block-components-notice-banner.is-error > svg {
	/* The shared cart alert is text-only; Woo marks this decorative icon hidden. */
	display: none;
}

.wp-block-springfree-cart.sf-cart .sf-cart__notice:empty {
	display: none;
}

.wp-block-springfree-cart.sf-cart .sf-cart__notice[role="alert"],
.wp-block-springfree-cart.sf-cart .sf-cart__server-notices > .woocommerce-error,
.wp-block-springfree-cart.sf-cart .sf-cart__server-notices > .wc-block-components-notice-banner.is-error {
	/* Existing Springfree error role; readable notice text stays neutral. */
	border-color: #ed0a0a;
}

.wp-block-springfree-cart.sf-cart .sf-cart__empty {
	display: grid;
	justify-items: start;
	gap: 16px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__loading {
	min-height: 160px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	-webkit-clip-path: inset(50%);
	        clip-path: inset(50%);
	overflow: hidden;
	white-space: nowrap;
	border: 0;
}

@media (max-width: 359px) {
	.wp-block-springfree-cart.sf-cart .sf-cart__price {
		font-size: 1rem;
	}
}

@media (min-width: 600px) {
	.wp-block-springfree-commerce-header.sf-commerce-header {
		padding-left: 24px;
		padding-right: 24px;
	}

	.wp-block-springfree-commerce-header.sf-commerce-header .sf-commerce-header__inner {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		gap: 24px;
	}

	.wp-block-springfree-commerce-header.sf-commerce-header .sf-commerce-header__logo {
		width: 160px;
	}

	.wp-block-springfree-cart.sf-cart .sf-cart__rail {
		grid-auto-columns: 264px;
	}
}

@media (min-width: 768px) {


	.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__label {
		font-size: 0.875rem;
	}

	.wp-block-springfree-cart.sf-cart {
		padding: 32px 24px 56px;
	}

	.wp-block-springfree-cart.sf-cart .sf-cart__heading,
	.wp-block-springfree-cart.sf-cart .sf-cart__recommendations > h2 {
		font-size: 1.75rem;
		line-height: 36px;
	}

	.wp-block-springfree-cart.sf-cart .sf-cart__heading {
		margin-bottom: 24px;
	}

	.wp-block-springfree-cart.sf-cart .sf-cart__item {
		grid-template-columns: 96px minmax(0, 1fr);
		padding-top: 24px;
		padding-bottom: 24px;
	}

	.wp-block-springfree-cart.sf-cart .sf-cart__item-image {
		width: 96px;
		height: 96px;
	}

	.wp-block-springfree-cart.sf-cart .sf-cart__summary {
		padding: 24px;
	}

	.wp-block-springfree-cart.sf-cart .sf-cart__recommendations {
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: center;
		margin-top: 40px;
	}

	.wp-block-springfree-cart.sf-cart .sf-cart__rail-controls {
		justify-self: end;
		margin: 0;
	}

	.wp-block-springfree-cart.sf-cart .sf-cart__rail,
	.wp-block-springfree-cart.sf-cart .sf-cart__rail-indicators {
		grid-column: 1 / -1;
	}

	.wp-block-springfree-cart.sf-cart .sf-cart__sticky {
		display: none;
	}
}

@media (min-width: 1000px) {
	.wp-block-springfree-cart.sf-cart .sf-cart__layout {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (min-width: 1200px) {
	.wp-block-springfree-cart.sf-cart {
		padding: 24px 40px 72px;
	}

	.wp-block-springfree-cart.sf-cart .sf-cart__layout {
		grid-template-columns: minmax(0, 1fr) 416px;
		gap: 40px;
	}

	.wp-block-springfree-cart.sf-cart .sf-cart__item {
		grid-template-columns: 112px minmax(0, 1fr) auto minmax(100px, auto) 44px;
		gap: 24px;
	}

	.wp-block-springfree-cart.sf-cart .sf-cart__item-image {
		width: 112px;
		height: 112px;
	}

	.wp-block-springfree-cart.sf-cart .sf-cart__item-info {
		min-width: 0;
	}

	.wp-block-springfree-cart.sf-cart .sf-cart__item-name {
		font-size: 1.0625rem;
		line-height: 22.1px;
	}

	.wp-block-springfree-cart.sf-cart .sf-cart__item-actions {
		display: contents;
	}

	.wp-block-springfree-cart.sf-cart .sf-cart__item-total {
		text-align: right;
	}

	.wp-block-springfree-cart.sf-cart .sf-cart__recommendations {
		margin-top: 48px;
	}

	.wp-block-springfree-cart.sf-cart .sf-cart__rail {
		grid-auto-columns: 288px;
	}

	.wp-block-springfree-cart.sf-cart .sf-cart__recommendation-body {
		min-height: 248px;
	}
}

@media (min-width: 1280px) {
	.wp-block-springfree-commerce-header.sf-commerce-header {
		padding-left: 40px;
		padding-right: 40px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.wp-block-springfree-cart.sf-cart .sf-cart__primary,
	.wp-block-springfree-cart.sf-cart .sf-cart__secondary {
		transition: none;
	}

	.wp-block-springfree-cart.sf-cart .sf-cart__rail {
		scroll-behavior: auto;
	}
}

/* State wins over component display rules, including the mobile sticky panel. */
.wp-block-springfree-cart.sf-cart [hidden],
.wp-block-springfree-commerce-header.sf-commerce-header [hidden],
.wp-block-springfree-commerce-steps.sf-commerce-steps [hidden] {
	display: none;
}

/* Prior completed checkout steps remain native accessible controls. */
.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__item > button {
	border: 0; padding: 0; background: transparent; color: inherit; cursor: pointer;
}

/* Shared owned-commerce feedback. Overlay never participates in page layout. */
:is(.wp-block-springfree-cart, .wp-block-springfree-checkout) .sf-commerce-busy {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 100000;
	display: grid;
	place-items: center;
	background: rgba(255, 255, 255, 0.65);
	background: rgb(255 255 255 / 65%);
	cursor: progress;
}
:is(.wp-block-springfree-cart, .wp-block-springfree-checkout) .sf-commerce-busy[hidden] {
	display: none;
}
/* Quantity feedback must not intercept the allowed native Continue activation.
 * The owned capture guards still block other actions and repeated submissions. */
.wp-block-springfree-cart.sf-cart[data-sf-cart-quantity-pending="true"] > .sf-commerce-busy {
	pointer-events: none;
}
.sf-commerce-busy .sf-commerce-busy__status {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	margin: 24px;
	padding: 24px;
	border-radius: 8px;
	background: #fff;
	color: #334755;
	font-size: 16px;
	text-align: center;
}
.sf-commerce-busy .sf-commerce-busy__spinner {
	width: 40px;
	height: 40px;
	box-sizing: border-box;
	border: 3px solid #EDF1F4;
	border-top-color: #005B9B;
	border-radius: 50%;
	animation: sf-commerce-spin 800ms linear infinite;
}
@keyframes sf-commerce-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
	.sf-commerce-busy .sf-commerce-busy__spinner { animation: none; }
}

/* Only the active quantity remains above the loader. Other actions stay blocked. */
.wp-block-springfree-cart.sf-cart .sf-cart__quantity[data-pending=true] {
	position: relative;
	z-index: 100001;
}

/* Shared purchase navigation: current, completed and future steps from UI-01/02/03. */
.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__item[data-complete="true"] .sf-commerce-steps__number {
	border-color: var(--sf-brand);
	background: var(--sf-brand);
	font-size: 0;
}
.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__item[data-complete="true"] .sf-commerce-steps__number::after {
	width: 20px;
	height: 20px;
	background: #fff;
	-webkit-mask: url("../images/checkout/check.svg") center / contain no-repeat;
	        mask: url("../images/checkout/check.svg") center / contain no-repeat;
	content: "";
}
.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__item[data-complete="true"]::after { background: var(--sf-brand); }
.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__item[aria-current="step"] .sf-commerce-steps__label { font-weight: 700; }
.wp-block-springfree-commerce-header.sf-commerce-header .sf-commerce-header__compact-contact {
	display: none;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
}
.wp-block-springfree-commerce-header.sf-commerce-header .sf-commerce-header__compact-contact img { width: 24px; height: 24px; }
.wp-block-springfree-cart.sf-cart .sf-cart__item-dimensions { margin-top: 4px; font-size: 1rem; }
.wp-block-springfree-cart.sf-cart :is(.sf-cart__item-name, .sf-cart__recommendation-name) { text-wrap: pretty; overflow-wrap: normal; }
.wp-block-springfree-cart.sf-cart .sf-cart__primary { white-space: nowrap; font-size: 1rem; }
@media (min-width: 600px) and (max-width: 1199px) {
	.wp-block-springfree-cart.sf-cart .sf-cart__sticky:not([hidden]) { padding-left: 24px; padding-right: 24px; }
}
@media (min-width: 1200px) {
	.wp-block-springfree-cart.sf-cart:not([data-docked="true"]) .sf-cart__summary { position: -webkit-sticky; position: sticky; top: 24px; }
	.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__label { font-size: 1rem; line-height: 24px; }
}
@media (max-width: 767px) {
	.wp-block-springfree-commerce-steps.sf-commerce-steps { padding-top: 12px; padding-bottom: 12px; }
	.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__item > :is(a, button, span) { gap: 8px; }
	.wp-block-springfree-commerce-header.sf-commerce-header .sf-commerce-header__contact { display: none; }
	.wp-block-springfree-commerce-header.sf-commerce-header .sf-commerce-header__compact-contact { display: inline-flex; }
	.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__number { width: 32px; height: 32px; }
	.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__item:not(:last-child)::after { top: 15px; left: calc(50% + 22px); width: calc(100% - 44px); }
	.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__label { min-height: 32px; font-size: var(--wp--preset--font-size--sf-small, .8125rem); line-height: 16px; }
}
@media (max-width: 359px) {
	.wp-block-springfree-cart.sf-cart .sf-cart__primary { padding-left: 10px; padding-right: 10px; gap: 6px; }
	.wp-block-springfree-cart.sf-cart .sf-cart__primary svg { position: static; flex: 0 0 16px; }
}

.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__item[data-complete="true"] .sf-commerce-steps__label { color: var(--sf-action); }
@media (min-width: 768px) {
	.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__number { font-size: 1.125rem; }
}

@media (min-width: 1200px) {
	.wp-block-springfree-cart.sf-cart .sf-cart__sticky:not([hidden]) { display: none; }
}

/* Match the rail's 2px fit-all tolerance for two 240px cards plus their gap.
 * More cards still use the same pending/active navigation row. */
@media (min-width: 526px) and (max-width: 767px) {
	.wp-block-springfree-cart.sf-cart .sf-cart__recommendations[data-sf-cart-recommendations="2"] .sf-cart__rail-controls { display: none; }
}
@media (min-width: 768px) {
	/* The heading and 48px navigation share one stable row, including fit-all. */
	.wp-block-springfree-cart.sf-cart .sf-cart__recommendations > h2 {
		min-height: 48px;
		display: flex;
		align-items: center;
	}
}
@supports not selector(:where(*)) {/*
 * UI-01 presentation for Springfree-owned blocks only.
 * Source: design/cart-checkout-flow/ui-v1/RESPONSIVE-HANDOFF.md and the
 * current Figma stepper and the approved compact mobile commerce header.
 * Values represent layout roles; all commerce facts are supplied by Woo.
 * Public WordPress block roots scope presentation against site-wide typography
 * and form-control rules while legacy and owned pages coexist. No global reset.
 */

.sf-commerce-page,
 .sf-cart,
 .sf-commerce-header,
 .sf-commerce-steps,
.sf-commerce-page *,
 .sf-cart *,
 .sf-commerce-header *,
 .sf-commerce-steps * {
	box-sizing: border-box;
}

.sf-commerce-page {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
	background: #fff;
}

.wp-block-springfree-cart.sf-cart,

.wp-block-springfree-commerce-header.sf-commerce-header,

.wp-block-springfree-commerce-steps.sf-commerce-steps {
	--sf-text: var(--wp--preset--color--sf-text, #304150);
	--sf-muted: var(--wp--preset--color--sf-muted, #6b7280);
	--sf-brand: var(--wp--preset--color--sf-brand, #0088ce);
	--sf-action: var(--wp--preset--color--sf-action, #0073c4);
	--sf-action-hover: var(--wp--preset--color--sf-action-hover, #0064ab);
	--sf-action-pressed: var(--wp--preset--color--sf-action-pressed, #00538f);
	--sf-surface: var(--wp--preset--color--sf-surface, #f3f6f7);
	--sf-media: var(--wp--preset--color--sf-media, #f0f8fc);
	--sf-border: var(--wp--preset--color--sf-border, #e5e7eb);
	--sf-border-strong: var(--wp--preset--color--sf-border-strong, #d7dee4);
	--sf-positive: var(--wp--preset--color--sf-positive, #16803c);
	--sf-heading-font: var(--wp--preset--font-family--sf-heading, Montserrat, sans-serif);
	color: var(--sf-text);
	font-family: var(--wp--preset--font-family--sf-commerce, "Source Sans 3", sans-serif);
	font-size: 1rem;
	line-height: 1.5;
	text-align: left;
}

.wp-block-springfree-cart.sf-cart .sf-cart__server-notices {
	/* The cart root already supplies the same responsive gutters as its app. */
	margin: 0;
	padding: 0;
}

/* The same branded tree contains public Woo forms from the first response.
 * Enhancement binds these controls in place, rather than swapping renderers. */
.wp-block-springfree-cart.sf-cart .sf-cart__items-form {
	margin: 0;
	padding: 0;
	min-width: 0;
}
.wp-block-springfree-cart.sf-cart .sf-cart__native-update {
	margin-top: 16px;
}
.wp-block-springfree-cart.sf-cart .sf-cart__primary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
}

.wp-block-springfree-cart.sf-cart h1,
.wp-block-springfree-cart.sf-cart  h2,
.wp-block-springfree-cart.sf-cart  h3,
.wp-block-springfree-cart.sf-cart  p,
.wp-block-springfree-cart.sf-cart  ul,
.wp-block-springfree-cart.sf-cart  ol,
 .wp-block-springfree-commerce-header.sf-commerce-header h1,
 .wp-block-springfree-commerce-header.sf-commerce-header  h2,
 .wp-block-springfree-commerce-header.sf-commerce-header  h3,
 .wp-block-springfree-commerce-header.sf-commerce-header  p,
 .wp-block-springfree-commerce-header.sf-commerce-header  ul,
 .wp-block-springfree-commerce-header.sf-commerce-header  ol,
 .wp-block-springfree-commerce-steps.sf-commerce-steps h1,
 .wp-block-springfree-commerce-steps.sf-commerce-steps  h2,
 .wp-block-springfree-commerce-steps.sf-commerce-steps  h3,
 .wp-block-springfree-commerce-steps.sf-commerce-steps  p,
 .wp-block-springfree-commerce-steps.sf-commerce-steps  ul,
 .wp-block-springfree-commerce-steps.sf-commerce-steps  ol {
	margin: 0;
}

.wp-block-springfree-cart.sf-cart a,
 .wp-block-springfree-commerce-header.sf-commerce-header a,
 .wp-block-springfree-commerce-steps.sf-commerce-steps a {
	color: inherit;
	text-decoration: none;
}

.wp-block-springfree-cart.sf-cart button,
.wp-block-springfree-cart.sf-cart  input,
 .wp-block-springfree-commerce-header.sf-commerce-header button,
 .wp-block-springfree-commerce-header.sf-commerce-header  input,
 .wp-block-springfree-commerce-steps.sf-commerce-steps button,
 .wp-block-springfree-commerce-steps.sf-commerce-steps  input {
	font: inherit;
}

.wp-block-springfree-cart.sf-cart button:focus-visible,
.wp-block-springfree-cart.sf-cart  a:focus-visible,
.wp-block-springfree-cart.sf-cart  input:focus-visible,
.wp-block-springfree-cart.sf-cart  summary:focus-visible,
.wp-block-springfree-cart.sf-cart  [tabindex]:focus-visible,
 .wp-block-springfree-commerce-header.sf-commerce-header button:focus-visible,
 .wp-block-springfree-commerce-header.sf-commerce-header  a:focus-visible,
 .wp-block-springfree-commerce-header.sf-commerce-header  input:focus-visible,
 .wp-block-springfree-commerce-header.sf-commerce-header  summary:focus-visible,
 .wp-block-springfree-commerce-header.sf-commerce-header  [tabindex]:focus-visible,
 .wp-block-springfree-commerce-steps.sf-commerce-steps button:focus-visible,
 .wp-block-springfree-commerce-steps.sf-commerce-steps  a:focus-visible,
 .wp-block-springfree-commerce-steps.sf-commerce-steps  input:focus-visible,
 .wp-block-springfree-commerce-steps.sf-commerce-steps  summary:focus-visible,
 .wp-block-springfree-commerce-steps.sf-commerce-steps  [tabindex]:focus-visible {
	outline: 3px solid var(--sf-action);
	outline-offset: 2px;
}

.wp-block-springfree-commerce-header.sf-commerce-header {
	padding: 16px;
	border-bottom: 1px solid var(--sf-border);
	background: #fff;
}

.wp-block-springfree-commerce-header.sf-commerce-header .sf-commerce-header__inner {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
}

.wp-block-springfree-commerce-header.sf-commerce-header .sf-commerce-header__logo {
	display: flex;
	align-items: center;
	width: 128px;
	min-height: 24px;
}

.wp-block-springfree-commerce-header.sf-commerce-header .sf-commerce-header__logo img {
	display: block;
	width: 100%;
	height: auto;
}

.wp-block-springfree-commerce-header.sf-commerce-header .sf-commerce-header__contact {
	display: flex;
	align-items: flex-start;
	gap: 16px;
	max-width: 100%;
}

.wp-block-springfree-commerce-header.sf-commerce-header .sf-commerce-header__avatar {
	position: relative;
	display: block;
	flex: 0 0 64px;
	width: 64px;
	height: 64px;
	object-fit: cover;
	border-radius: 50%;
}

.wp-block-springfree-commerce-header.sf-commerce-header .sf-commerce-header__avatar img {
	display: block;
	width: 64px;
	height: 64px;
	object-fit: cover;
	border-radius: 50%;
}

.wp-block-springfree-commerce-header.sf-commerce-header .sf-commerce-header__status-dot {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 12px;
	height: 12px;
	border: 2px solid #fff;
	border-radius: 50%;
	background: #22c55e;
}

.wp-block-springfree-commerce-header.sf-commerce-header .sf-commerce-header__details {
	display: flex;
	flex-direction: column;
	gap: 2px;
	min-width: 0;
}

.wp-block-springfree-commerce-header.sf-commerce-header .sf-commerce-header__question,

.wp-block-springfree-commerce-header.sf-commerce-header .sf-commerce-header__status {
	color: var(--sf-muted);
	font-size: 0.875rem;
	line-height: 20px;
}

.wp-block-springfree-commerce-header.sf-commerce-header .sf-commerce-header__phone {
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 28px;
	white-space: nowrap;
}

.wp-block-springfree-commerce-header.sf-commerce-header .sf-commerce-header__phone:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.wp-block-springfree-commerce-steps.sf-commerce-steps {
	padding: 8px 16px;
	background: #fff;
}

.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__list {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	column-gap: 0;
	align-items: flex-start;
	max-width: 744px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	list-style: none;
}

.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__item {
	position: relative;
	flex: 1 1 0;
	min-width: 0;
	text-align: center;
}

.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__item:not(:last-child)::after {
	position: absolute;
	top: 23px;
	left: calc(50% + 32px);
	width: calc(100% - 64px);
	height: 2px;
	background: var(--sf-border-strong);
	content: "";
}

.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__item > a,

.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__item > button,

.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__item > span {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
}

.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 48px;
	height: 48px;
	border: 1px solid var(--sf-border-strong);
	border-radius: 50%;
	background: var(--sf-surface);
	color: var(--sf-muted);
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 20px;
}

.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__label {
	display: block;
	padding-left: 2px;
	padding-right: 2px;
	color: var(--sf-muted);
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 20px;
}

.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__item[aria-current="step"] .sf-commerce-steps__number,

.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__item [aria-current="step"] .sf-commerce-steps__number {
	border: 4px solid var(--sf-media);
	background: #fff;
	box-shadow: inset 0 0 0 2px var(--sf-brand);
	color: var(--sf-action);
}

.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__item[aria-current="step"] .sf-commerce-steps__label,

.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__item [aria-current="step"] .sf-commerce-steps__label {
	color: var(--sf-action);
}

.wp-block-springfree-cart.sf-cart {
	width: 100%;
	max-width: 1520px;
	margin-left: auto;
	margin-right: auto;
	padding: 24px 16px 40px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__layout {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	align-items: start;
	gap: 24px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__items,

.wp-block-springfree-cart.sf-cart .sf-cart__item-info,

.wp-block-springfree-cart.sf-cart .sf-cart__summary {
	min-width: 0;
}

.wp-block-springfree-cart.sf-cart .sf-cart__item-list {
	padding: 0;
	list-style: none;
}

.wp-block-springfree-cart.sf-cart .sf-cart__heading,

.wp-block-springfree-cart.sf-cart .sf-cart__recommendations > h2 {
	margin: 0;
	font-family: var(--sf-heading-font);
	font-size: 1.4375rem;
	font-weight: 800;
	line-height: 30px;
	letter-spacing: normal;
}

.wp-block-springfree-cart.sf-cart .sf-cart__heading {
	margin-bottom: 16px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__item {
	display: grid;
	grid-template-columns: 80px minmax(0, 1fr);
	align-items: center;
	gap: 16px;
	padding-top: 16px;
	padding-bottom: 16px;
	border-bottom: 1px solid var(--sf-border);
}

.wp-block-springfree-cart.sf-cart .sf-cart__item-image {
	display: block;
	width: 80px;
	height: 80px;
	border: 1px solid var(--sf-border);
	border-radius: 8px;
	background: var(--sf-media);
	object-fit: contain;
}

.wp-block-springfree-cart.sf-cart .sf-cart__item-image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.wp-block-springfree-cart.sf-cart .sf-cart__item-name {
	font-family: var(--sf-heading-font);
	font-size: 1rem;
	font-weight: 700;
	line-height: 22px;
	overflow-wrap: anywhere;
}

.wp-block-springfree-cart.sf-cart .sf-cart__item-name:hover,

.wp-block-springfree-cart.sf-cart .sf-cart__recommendation-name a:hover {
	text-decoration: underline;
	text-underline-offset: 3px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__stock {
	display: block;
	margin-top: 6px;
	color: var(--sf-positive);
	font-size: 1rem;
	line-height: 24px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__stock[data-stock-status="onbackorder"],

.wp-block-springfree-cart.sf-cart .sf-cart__stock[data-stock-status="outofstock"] {
	color: var(--sf-muted);
}

.wp-block-springfree-cart.sf-cart .sf-cart__item-actions {
	display: flex;
	grid-column: 1 / -1;
	align-items: center;
	gap: 8px;
	min-width: 0;
}

.wp-block-springfree-cart.sf-cart .sf-cart__item-meta {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 2px 8px;
	margin: 6px 0 0;
	font-size: 0.875rem;
	line-height: 20px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__item-meta dd {
	margin: 0;
}

.wp-block-springfree-cart.sf-cart .sf-cart__quantity {
	display: inline-flex;
	flex: 0 0 128px;
	align-items: center;
	width: 128px;
	height: 44px;
	border: 0;
	border-radius: 24px;
	background: #fff;
	box-shadow: inset 0 0 0 1px var(--sf-border-strong);
}

.wp-block-springfree-cart.sf-cart .sf-cart__quantity-button,

.wp-block-springfree-cart.sf-cart .sf-cart__remove,

.wp-block-springfree-cart.sf-cart .sf-cart__rail-controls button {
	display: inline-flex;
	flex: 0 0 44px;
	align-items: center;
	justify-content: center;
	width: 44px;
	min-height: 44px;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--sf-brand);
	cursor: pointer;
}

.wp-block-springfree-cart.sf-cart .sf-cart__quantity-button {
	border-radius: 24px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__quantity-button svg,

.wp-block-springfree-cart.sf-cart .sf-cart__rail-controls svg {
	width: 16px;
	height: 16px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__quantity-input {
	min-width: 0;
	width: 40px;
	height: 40px;
	padding: 0;
	border: 0;
	border-radius: 4px;
	background: #fff;
	color: var(--sf-text);
	font-size: 0.875rem;
	font-weight: 700;
	text-align: center;
	-webkit-appearance: textfield;
	   -moz-appearance: textfield;
	        appearance: textfield;
}

.wp-block-springfree-cart.sf-cart .sf-cart__quantity-input::-webkit-inner-spin-button,

.wp-block-springfree-cart.sf-cart .sf-cart__quantity-input::-webkit-outer-spin-button {
	margin: 0;
	-webkit-appearance: none;
	        appearance: none;
}

.wp-block-springfree-cart.sf-cart .sf-cart__remove {
	margin-left: auto;
	color: var(--sf-muted);
	border-radius: 8px;
	font-size: 1.375rem;
}

.wp-block-springfree-cart.sf-cart .sf-cart__remove svg {
	width: 18px;
	height: 18px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__item-total {
	flex: 1 1 auto;
	min-width: 0;
	text-align: right;
}

.wp-block-springfree-cart.sf-cart .sf-cart__price {
	font-family: var(--sf-heading-font);
	font-size: 1.1875rem;
	font-weight: 800;
	line-height: 24px;
	white-space: nowrap;
}

.wp-block-springfree-cart.sf-cart .sf-cart__items > a,

.wp-block-springfree-cart.sf-cart .sf-cart__shop-link {
	gap: 8px;
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	margin-top: 12px;
	color: var(--sf-muted);
}

.wp-block-springfree-cart.sf-cart .sf-cart__summary {
	padding: 16px;
	border: 1px solid var(--sf-border-strong);
	border-radius: 12px;
	background: var(--sf-surface);
}

.wp-block-springfree-cart.sf-cart .sf-cart__summary h2 {
	margin: 0 0 16px;
	font-family: var(--sf-heading-font);
	font-size: 1.1875rem;
	font-weight: 700;
	line-height: 26px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__total-label {
	font-size: 1rem;
	line-height: 26px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__total,

.wp-block-springfree-cart.sf-cart .sf-cart__shipping,

.wp-block-springfree-cart.sf-cart .sf-cart__delivery {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	line-height: 26px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__total {
	font-weight: 700;
}

.wp-block-springfree-cart.sf-cart .sf-cart__total-value {
	font-size: 1.1875rem;
	white-space: nowrap;
}

.wp-block-springfree-cart.sf-cart .sf-cart__shipping,

.wp-block-springfree-cart.sf-cart .sf-cart__delivery {
	margin-top: 12px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__shipping > :last-child,

.wp-block-springfree-cart.sf-cart .sf-cart__delivery > :last-child {
	font-weight: 700;
	text-align: right;
}

.wp-block-springfree-cart.sf-cart .sf-cart__shipping [data-free="true"] {
	color: var(--sf-positive);
}

.wp-block-springfree-cart.sf-cart .sf-cart__delivery {
	font-size: 0.875rem;
	line-height: 20px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__progress {
	margin-top: 16px;
	font-size: 0.875rem;
	line-height: 20px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__progress p {
	margin: 0;
}

.wp-block-springfree-cart.sf-cart .sf-cart__progress progress {
	display: block;
	width: 100%;
	height: 6px;
	margin-top: 8px;
	border: 0;
	border-radius: 4px;
	background: var(--sf-border);
	color: var(--wp--preset--color--sf-progress, #16a34a);
	accent-color: var(--wp--preset--color--sf-progress, #16a34a);
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
}

.wp-block-springfree-cart.sf-cart .sf-cart__progress progress::-webkit-progress-bar {
	border-radius: 4px;
	background: var(--sf-border);
}

.wp-block-springfree-cart.sf-cart .sf-cart__progress progress::-webkit-progress-value {
	border-radius: 4px;
	background: var(--wp--preset--color--sf-progress, #16a34a);
}

.wp-block-springfree-cart.sf-cart .sf-cart__progress progress::-moz-progress-bar {
	border-radius: 4px;
	background: var(--wp--preset--color--sf-progress, #16a34a);
}

.wp-block-springfree-cart.sf-cart .sf-cart__primary,

.wp-block-springfree-cart.sf-cart .sf-cart__secondary {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 44px;
	padding: 12px 16px;
	border: 1px solid var(--sf-action);
	border-radius: 8px;
	background: #fff;
	color: var(--sf-action);
	font-weight: 700;
	line-height: 24px;
	text-decoration: none;
	cursor: pointer;
	transition: background-color 150ms ease-out, border-color 150ms ease-out, color 150ms ease-out;
}

.wp-block-springfree-cart.sf-cart .sf-cart__primary {
	position: relative;
	width: 100%;
	min-height: 62px;
	padding: 14px 46px;
	border-width: 2px;
	background: var(--sf-action);
	color: #fff;
	white-space: nowrap;
}

.wp-block-springfree-cart.sf-cart .sf-cart__summary > .sf-cart__primary {
	margin-top: 20px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__primary svg {
	position: absolute;
	width: 20px;
	height: 20px;
	right: 22px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__primary:hover:not(:disabled):not([aria-disabled="true"]) {
	border-color: var(--sf-action-hover);
	background: var(--sf-action-hover);
	color: #fff;
}

.wp-block-springfree-cart.sf-cart .sf-cart__primary:active:not(:disabled):not([aria-disabled="true"]) {
	border-color: var(--sf-action-pressed);
	background: var(--sf-action-pressed);
	color: #fff;
}

.wp-block-springfree-cart.sf-cart .sf-cart__secondary:hover:not(:disabled) {
	background: var(--sf-media);
	border-color: var(--sf-action-hover);
	color: var(--sf-action-hover);
}

.wp-block-springfree-cart.sf-cart .sf-cart__primary:disabled,

.wp-block-springfree-cart.sf-cart .sf-cart__primary[aria-disabled="true"],

.wp-block-springfree-cart.sf-cart .sf-cart__secondary:disabled {
	border-color: #edf1f4;
	background: #edf1f4;
	color: #526779;
	cursor: default;
}

.wp-block-springfree-cart.sf-cart .sf-cart__primary[aria-busy="true"] {
	border-color: var(--sf-action);
	background: var(--sf-action);
	color: #fff;
	cursor: progress;
}

.wp-block-springfree-cart.sf-cart .sf-cart__quantity-button:disabled,

.wp-block-springfree-cart.sf-cart .sf-cart__remove:disabled,

.wp-block-springfree-cart.sf-cart .sf-cart__rail-controls button:disabled {
	color: #526779;
	cursor: default;
}

.wp-block-springfree-cart.sf-cart .sf-cart__quantity-button:hover:not(:disabled),

.wp-block-springfree-cart.sf-cart .sf-cart__remove:hover:not(:disabled) {
	background: var(--sf-media);
}

.wp-block-springfree-cart.sf-cart .sf-cart__coupon {
	margin-top: 12px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__coupon-toggle {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100%;
	min-height: 44px;
	padding: 8px;
	border: 0;
	border-radius: 8px;
	background: transparent;
	color: var(--sf-muted);
	line-height: 24px;
	cursor: pointer;
	list-style: none;
}

.wp-block-springfree-cart.sf-cart .sf-cart__coupon-toggle::-webkit-details-marker {
	display: none;
}

.wp-block-springfree-cart.sf-cart .sf-cart__coupon-toggle svg {
	width: 16px;
	height: 16px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__coupon[open] .sf-cart__coupon-toggle svg {
	transform: rotate(180deg);
}

.wp-block-springfree-cart.sf-cart .sf-cart__coupon-form {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 8px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__coupon-form label {
	flex-basis: 100%;
}

.wp-block-springfree-cart.sf-cart .sf-cart__coupon-input {
	flex: 1 1 120px;
	min-width: 0;
	min-height: 44px;
	padding: 8px 12px;
	border: 1px solid var(--sf-border-strong);
	border-radius: 8px;
	background: #fff;
}

.wp-block-springfree-cart.sf-cart .sf-cart__coupons {
	display: grid;
	gap: 8px;
	margin-top: 12px;
	padding: 0;
	list-style: none;
}

.wp-block-springfree-cart.sf-cart .sf-cart__coupons li {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	overflow-wrap: anywhere;
}

.wp-block-springfree-cart.sf-cart .sf-cart__recommendations {
	position: relative;
	padding-bottom: 20px;
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 16px;
	margin-top: 32px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__rail-controls {
	display: flex;
	gap: 8px;
	margin-top: -4px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__rail-controls button {
	border: 1px solid var(--sf-border-strong);
	border-radius: 50%;
}

.wp-block-springfree-cart.sf-cart .sf-cart__rail {
	display: grid;
	grid-auto-flow: column;
	grid-auto-columns: 240px;
	align-items: stretch;
	gap: 16px;
	min-width: 0;
	padding: 0;
	overflow-x: auto;
	overscroll-behavior-inline: contain;
	scroll-snap-type: inline proximity;
	/* A persistent, aria-hidden position indicator follows this native rail. */
	scrollbar-width: none;
	list-style: none;
}

.wp-block-springfree-cart.sf-cart .sf-cart__recommendation {
	display: flex;
	flex-direction: column;
	min-width: 0;
	border: 1px solid var(--sf-border);
	border-radius: 12px;
	background: #fff;
	scroll-snap-align: start;
}

.wp-block-springfree-cart.sf-cart .sf-cart__recommendation-image {
	display: flex;
	flex: 0 0 132px;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 132px;
	padding: 18px;
	border-radius: 11px 11px 0 0;
	background: var(--sf-media);
}

.wp-block-springfree-cart.sf-cart .sf-cart__recommendation-image img {
	display: block;
	width: 142px;
	max-width: 100%;
	height: 96px;
	object-fit: contain;
	mix-blend-mode: multiply;
}

.wp-block-springfree-cart.sf-cart .sf-cart__recommendation-image:focus-visible {
	/* Keep the full focus indicator inside the native scroll container. */
	outline-offset: -5px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__recommendation-body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	align-items: stretch;
	gap: 8px;
	min-height: 264px;
	padding: 16px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__recommendation-name {
	font-family: var(--sf-heading-font);
	font-size: 0.9375rem;
	font-weight: 700;
	line-height: 20px;
	overflow-wrap: anywhere;
}

.wp-block-springfree-cart.sf-cart .sf-cart__recommendation-description {
	color: var(--sf-muted);
	font-size: 0.8125rem;
	line-height: 20px;
	overflow-wrap: anywhere;
}

.wp-block-springfree-cart.sf-cart .sf-cart__recommendation-price {
	margin-top: auto;
	padding-top: 8px;
	font-weight: 700;
	font-family: inherit;
	font-size: 1rem;
	line-height: 24px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__recommendation .sf-cart__secondary {
	width: 100%;
	white-space: nowrap;
}

.wp-block-springfree-cart.sf-cart .sf-cart__rail-indicators {
	position: absolute;
	width: 1px;
	height: 1px;
	-webkit-clip-path: inset(50%);
	        clip-path: inset(50%);
	overflow: hidden;
}

.wp-block-springfree-cart.sf-cart .sf-cart__rail-progress {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	grid-column: 1 / -1;
	height: 4px;
	overflow: hidden;
	border-radius: 2px;
	background: var(--sf-surface);
}

.wp-block-springfree-cart.sf-cart .sf-cart__rail-progress-thumb {
	display: block;
	height: 100%;
	border-radius: inherit;
	background: var(--sf-brand);
}

/* One visible next-step action. The dock uses the same page gutters at every width. */
@media (max-width: 1199px) {
	.wp-block-springfree-cart.sf-cart[data-sf-cart-filled="true"] {
		padding-bottom: calc(128px + env(safe-area-inset-bottom, 0px));
	}
	.wp-block-springfree-cart.sf-cart[data-sf-cart-filled="true"] .sf-cart__summary > .sf-cart__primary {
		display: none;
	}
	.wp-block-springfree-cart.sf-cart[data-sf-cart-filled="true"] a,
.wp-block-springfree-cart.sf-cart[data-sf-cart-filled="true"]  button,
.wp-block-springfree-cart.sf-cart[data-sf-cart-filled="true"]  input,
.wp-block-springfree-cart.sf-cart[data-sf-cart-filled="true"]  summary {
		scroll-margin-block-end: 128px;
	}
}
.wp-block-springfree-cart.sf-cart .sf-cart__sticky:not([hidden]) {
	position: fixed;
	z-index: 30;
	left: 0;
	right: 0;
	bottom: 0;
	display: grid;
	gap: 7px;
	min-height: 104px;
	padding: 10px max(16px, calc((100vw - 1440px) / 2)) calc(10px + env(safe-area-inset-bottom, 0px));
	border-top: 1px solid var(--sf-border-strong);
	background: #fff;
	box-shadow: 0 -4px 16px rgba(48, 65, 80, 0.06);
	box-shadow: 0 -4px 16px rgb(48 65 80 / 6%);
}
.wp-block-springfree-cart.sf-cart .sf-cart__sticky-total {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	font-size: 1rem;
	line-height: 24px;
}
.wp-block-springfree-cart.sf-cart .sf-cart__sticky .sf-cart__primary {
	min-height: 52px;
	margin: 0;
}

.wp-block-springfree-cart.sf-cart .sf-cart__original-price {
	display: block;
	color: var(--sf-muted);
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 20px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__notice,

.wp-block-springfree-cart.sf-cart .sf-cart__empty,

.wp-block-springfree-cart.sf-cart .sf-cart__loading,

.wp-block-springfree-cart.sf-cart .sf-cart__server-notices > .woocommerce-error,

.wp-block-springfree-cart.sf-cart .sf-cart__server-notices >  .wc-block-components-notice-banner.is-error {
	margin-bottom: 24px;
	padding: 16px;
	border: 1px solid var(--sf-border-strong);
	border-radius: 8px;
	background: var(--sf-surface);
	overflow-wrap: anywhere;
}

.wp-block-springfree-cart.sf-cart .sf-cart__server-notices > .woocommerce-error,
.wp-block-springfree-cart.sf-cart .sf-cart__server-notices >  .wc-block-components-notice-banner.is-error {
	/* Keep Woo's notice text, list semantics and escaping. Shared presentation
	 * matches the in-place client alert instead of adding a second notice UI. */
	margin: 0 0 24px;
	color: var(--sf-text);
	font: inherit;
	list-style: none;
	display: block;
}

.wp-block-springfree-cart.sf-cart .sf-cart__notice::before,

.wp-block-springfree-cart.sf-cart .sf-cart__notice::after,

.wp-block-springfree-cart.sf-cart .sf-cart__server-notices > .woocommerce-error::before,

.wp-block-springfree-cart.sf-cart .sf-cart__server-notices >  .wc-block-components-notice-banner.is-error::before,

.wp-block-springfree-cart.sf-cart .sf-cart__server-notices > .woocommerce-error::after,

.wp-block-springfree-cart.sf-cart .sf-cart__server-notices >  .wc-block-components-notice-banner.is-error::after {
	content: none;
}

.wp-block-springfree-cart.sf-cart .sf-cart__server-notices > .wc-block-components-notice-banner.is-error > svg {
	/* The shared cart alert is text-only; Woo marks this decorative icon hidden. */
	display: none;
}

.wp-block-springfree-cart.sf-cart .sf-cart__notice:empty {
	display: none;
}

.wp-block-springfree-cart.sf-cart .sf-cart__notice[role="alert"],

.wp-block-springfree-cart.sf-cart .sf-cart__server-notices > .woocommerce-error,

.wp-block-springfree-cart.sf-cart .sf-cart__server-notices > .wc-block-components-notice-banner.is-error {
	/* Existing Springfree error role; readable notice text stays neutral. */
	border-color: #ed0a0a;
}

.wp-block-springfree-cart.sf-cart .sf-cart__empty {
	display: grid;
	justify-items: start;
	gap: 16px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__loading {
	min-height: 160px;
}

.wp-block-springfree-cart.sf-cart .sf-cart__sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	-webkit-clip-path: inset(50%);
	        clip-path: inset(50%);
	overflow: hidden;
	white-space: nowrap;
	border: 0;
}

@media (max-width: 359px) {
	.wp-block-springfree-cart.sf-cart .sf-cart__price {
		font-size: 1rem;
	}
}

@media (min-width: 600px) {
	.wp-block-springfree-commerce-header.sf-commerce-header {
		padding-left: 24px;
		padding-right: 24px;
	}

	.wp-block-springfree-commerce-header.sf-commerce-header .sf-commerce-header__inner {
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		gap: 24px;
	}

	.wp-block-springfree-commerce-header.sf-commerce-header .sf-commerce-header__logo {
		width: 160px;
	}

	.wp-block-springfree-cart.sf-cart .sf-cart__rail {
		grid-auto-columns: 264px;
	}
}

@media (min-width: 768px) {


	.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__label {
		font-size: 0.875rem;
	}

	.wp-block-springfree-cart.sf-cart {
		padding: 32px 24px 56px;
	}

	.wp-block-springfree-cart.sf-cart .sf-cart__heading,

	.wp-block-springfree-cart.sf-cart .sf-cart__recommendations > h2 {
		font-size: 1.75rem;
		line-height: 36px;
	}

	.wp-block-springfree-cart.sf-cart .sf-cart__heading {
		margin-bottom: 24px;
	}

	.wp-block-springfree-cart.sf-cart .sf-cart__item {
		grid-template-columns: 96px minmax(0, 1fr);
		padding-top: 24px;
		padding-bottom: 24px;
	}

	.wp-block-springfree-cart.sf-cart .sf-cart__item-image {
		width: 96px;
		height: 96px;
	}

	.wp-block-springfree-cart.sf-cart .sf-cart__summary {
		padding: 24px;
	}

	.wp-block-springfree-cart.sf-cart .sf-cart__recommendations {
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: center;
		margin-top: 40px;
	}

	.wp-block-springfree-cart.sf-cart .sf-cart__rail-controls {
		justify-self: end;
		margin: 0;
	}

	.wp-block-springfree-cart.sf-cart .sf-cart__rail,

	.wp-block-springfree-cart.sf-cart .sf-cart__rail-indicators {
		grid-column: 1 / -1;
	}

	.wp-block-springfree-cart.sf-cart .sf-cart__sticky {
		display: none;
	}
}

@media (min-width: 1000px) {
	.wp-block-springfree-cart.sf-cart .sf-cart__layout {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (min-width: 1200px) {
	.wp-block-springfree-cart.sf-cart {
		padding: 24px 40px 72px;
	}

	.wp-block-springfree-cart.sf-cart .sf-cart__layout {
		grid-template-columns: minmax(0, 1fr) 416px;
		gap: 40px;
	}

	.wp-block-springfree-cart.sf-cart .sf-cart__item {
		grid-template-columns: 112px minmax(0, 1fr) auto minmax(100px, auto) 44px;
		gap: 24px;
	}

	.wp-block-springfree-cart.sf-cart .sf-cart__item-image {
		width: 112px;
		height: 112px;
	}

	.wp-block-springfree-cart.sf-cart .sf-cart__item-info {
		min-width: 0;
	}

	.wp-block-springfree-cart.sf-cart .sf-cart__item-name {
		font-size: 1.0625rem;
		line-height: 22.1px;
	}

	.wp-block-springfree-cart.sf-cart .sf-cart__item-actions {
		display: contents;
	}

	.wp-block-springfree-cart.sf-cart .sf-cart__item-total {
		text-align: right;
	}

	.wp-block-springfree-cart.sf-cart .sf-cart__recommendations {
		margin-top: 48px;
	}

	.wp-block-springfree-cart.sf-cart .sf-cart__rail {
		grid-auto-columns: 288px;
	}

	.wp-block-springfree-cart.sf-cart .sf-cart__recommendation-body {
		min-height: 248px;
	}
}

@media (min-width: 1280px) {
	.wp-block-springfree-commerce-header.sf-commerce-header {
		padding-left: 40px;
		padding-right: 40px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.wp-block-springfree-cart.sf-cart .sf-cart__primary,

	.wp-block-springfree-cart.sf-cart .sf-cart__secondary {
		transition: none;
	}

	.wp-block-springfree-cart.sf-cart .sf-cart__rail {
		scroll-behavior: auto;
	}
}

/* State wins over component display rules, including the mobile sticky panel. */
.wp-block-springfree-cart.sf-cart [hidden],

.wp-block-springfree-commerce-header.sf-commerce-header [hidden],

.wp-block-springfree-commerce-steps.sf-commerce-steps [hidden] {
	display: none;
}

/* Prior completed checkout steps remain native accessible controls. */
.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__item > button {
	border: 0; padding: 0; background: transparent; color: inherit; cursor: pointer;
}

/* Shared owned-commerce feedback. Overlay never participates in page layout. */
.wp-block-springfree-cart .sf-commerce-busy,
 .wp-block-springfree-checkout .sf-commerce-busy {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 100000;
	display: grid;
	place-items: center;
	background: rgba(255, 255, 255, 0.65);
	background: rgb(255 255 255 / 65%);
	cursor: progress;
}
.wp-block-springfree-cart .sf-commerce-busy[hidden],
 .wp-block-springfree-checkout .sf-commerce-busy[hidden] {
	display: none;
}
/* Quantity feedback must not intercept the allowed native Continue activation.
 * The owned capture guards still block other actions and repeated submissions. */
.wp-block-springfree-cart.sf-cart[data-sf-cart-quantity-pending="true"] > .sf-commerce-busy {
	pointer-events: none;
}
.sf-commerce-busy .sf-commerce-busy__status {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	margin: 24px;
	padding: 24px;
	border-radius: 8px;
	background: #fff;
	color: #334755;
	font-size: 16px;
	text-align: center;
}
.sf-commerce-busy .sf-commerce-busy__spinner {
	width: 40px;
	height: 40px;
	box-sizing: border-box;
	border: 3px solid #EDF1F4;
	border-top-color: #005B9B;
	border-radius: 50%;
	animation: sf-commerce-spin 800ms linear infinite;
}
@keyframes sf-commerce-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
	.sf-commerce-busy .sf-commerce-busy__spinner { animation: none; }
}

/* Only the active quantity remains above the loader. Other actions stay blocked. */
.wp-block-springfree-cart.sf-cart .sf-cart__quantity[data-pending=true] {
	position: relative;
	z-index: 100001;
}

/* Shared purchase navigation: current, completed and future steps from UI-01/02/03. */
.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__item[data-complete="true"] .sf-commerce-steps__number {
	border-color: var(--sf-brand);
	background: var(--sf-brand);
	font-size: 0;
}
.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__item[data-complete="true"] .sf-commerce-steps__number::after {
	width: 20px;
	height: 20px;
	background: #fff;
	-webkit-mask: url("../images/checkout/check.svg") center / contain no-repeat;
	        mask: url("../images/checkout/check.svg") center / contain no-repeat;
	content: "";
}
.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__item[data-complete="true"]::after { background: var(--sf-brand); }
.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__item[aria-current="step"] .sf-commerce-steps__label { font-weight: 700; }
.wp-block-springfree-commerce-header.sf-commerce-header .sf-commerce-header__compact-contact {
	display: none;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
}
.wp-block-springfree-commerce-header.sf-commerce-header .sf-commerce-header__compact-contact img { width: 24px; height: 24px; }
.wp-block-springfree-cart.sf-cart .sf-cart__item-dimensions { margin-top: 4px; font-size: 1rem; }
.wp-block-springfree-cart.sf-cart .sf-cart__item-name,
.wp-block-springfree-cart.sf-cart  .sf-cart__recommendation-name { text-wrap: pretty; overflow-wrap: normal; }
.wp-block-springfree-cart.sf-cart .sf-cart__primary { white-space: nowrap; font-size: 1rem; }
@media (min-width: 600px) and (max-width: 1199px) {
	.wp-block-springfree-cart.sf-cart .sf-cart__sticky:not([hidden]) { padding-left: 24px; padding-right: 24px; }
}
@media (min-width: 1200px) {
	.wp-block-springfree-cart.sf-cart:not([data-docked="true"]) .sf-cart__summary { position: -webkit-sticky; position: sticky; top: 24px; }
	.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__label { font-size: 1rem; line-height: 24px; }
}
@media (max-width: 767px) {
	.wp-block-springfree-commerce-steps.sf-commerce-steps { padding-top: 12px; padding-bottom: 12px; }
	.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__item > a,
.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__item >  button,
.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__item >  span { gap: 8px; }
	.wp-block-springfree-commerce-header.sf-commerce-header .sf-commerce-header__contact { display: none; }
	.wp-block-springfree-commerce-header.sf-commerce-header .sf-commerce-header__compact-contact { display: inline-flex; }
	.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__number { width: 32px; height: 32px; }
	.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__item:not(:last-child)::after { top: 15px; left: calc(50% + 22px); width: calc(100% - 44px); }
	.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__label { min-height: 32px; font-size: var(--wp--preset--font-size--sf-small, .8125rem); line-height: 16px; }
}
@media (max-width: 359px) {
	.wp-block-springfree-cart.sf-cart .sf-cart__primary { padding-left: 10px; padding-right: 10px; gap: 6px; }
	.wp-block-springfree-cart.sf-cart .sf-cart__primary svg { position: static; flex: 0 0 16px; }
}

.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__item[data-complete="true"] .sf-commerce-steps__label { color: var(--sf-action); }
@media (min-width: 768px) {
	.wp-block-springfree-commerce-steps.sf-commerce-steps .sf-commerce-steps__number { font-size: 1.125rem; }
}

@media (min-width: 1200px) {
	.wp-block-springfree-cart.sf-cart .sf-cart__sticky:not([hidden]) { display: none; }
}

/* Match the rail's 2px fit-all tolerance for two 240px cards plus their gap.
 * More cards still use the same pending/active navigation row. */
@media (min-width: 526px) and (max-width: 767px) {
	.wp-block-springfree-cart.sf-cart .sf-cart__recommendations[data-sf-cart-recommendations="2"] .sf-cart__rail-controls { display: none; }
}
@media (min-width: 768px) {
	/* The heading and 48px navigation share one stable row, including fit-all. */
	.wp-block-springfree-cart.sf-cart .sf-cart__recommendations > h2 {
		min-height: 48px;
		display: flex;
		align-items: center;
	}
}
}