/* ModaOnline24 — Cart & Checkout 2026 v1.7.0 */
body.mo24-cart-checkout-active {
	--mo24-flow-ink: #111111;
	--mo24-flow-muted: #767676;
	--mo24-flow-line: #e7e4df;
	--mo24-flow-soft: #f8f5ef;
	--mo24-flow-accent: #b89a5b;
	--mo24-flow-success: #447447;
	--mo24-flow-radius: 6px;
	--mo24-flow-shadow: 0 18px 55px rgba(17,17,17,.07);
	background: #fff;
}

body.mo24-cart-checkout-active #main-content,
body.mo24-cart-checkout-active #primary,
body.mo24-cart-checkout-active .site-content {
	width: 100% !important;
	max-width: none !important;
}

body.mo24-cart-checkout-active .page-title,
body.mo24-cart-checkout-active .woocommerce-products-header__title {
	display: none !important;
}

body.mo24-cart-checkout-active .woocommerce {
	width: min(1360px, calc(100% - 64px));
	max-width: 1360px;
	margin: 0 auto !important;
	padding: 28px 0 84px;
	color: var(--mo24-flow-ink);
	font-family: inherit;
}

body.mo24-cart-checkout-active .woocommerce * { box-sizing: border-box; }
body.mo24-cart-checkout-active .woocommerce button,
body.mo24-cart-checkout-active .woocommerce input,
body.mo24-cart-checkout-active .woocommerce select,
body.mo24-cart-checkout-active .woocommerce textarea { font-family: inherit; }

/* Intro / progress */
.mo24-flow-intro {
	display: flex;
	align-items: end;
	justify-content: space-between;
	gap: 36px;
	margin: 0 0 28px;
	padding-bottom: 26px;
	border-bottom: 1px solid var(--mo24-flow-line);
}
.mo24-flow-intro__copy > span {
	display: block;
	margin-bottom: 8px;
	color: var(--mo24-flow-accent);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}
.mo24-flow-intro__copy h1 {
	margin: 0 0 7px !important;
	font-size: clamp(30px, 3.4vw, 46px) !important;
	line-height: 1.04 !important;
	letter-spacing: -.035em !important;
	font-weight: 700 !important;
	color: var(--mo24-flow-ink) !important;
}
.mo24-flow-intro__copy p {
	margin: 0;
	color: var(--mo24-flow-muted);
	font-size: 14px;
	line-height: 1.55;
}
.mo24-flow-steps {
	display: flex;
	align-items: center;
	gap: 22px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.mo24-flow-steps li {
	position: relative;
	display: flex;
	align-items: center;
	gap: 8px;
	color: #aaa;
	font-size: 11px;
	white-space: nowrap;
}
.mo24-flow-steps li:not(:last-child)::after {
	content: '';
	position: absolute;
	left: calc(100% + 8px);
	top: 50%;
	width: 7px;
	height: 1px;
	background: #d9d9d9;
}
.mo24-flow-steps li > span {
	display: grid;
	place-items: center;
	width: 27px;
	height: 27px;
	border: 1px solid #ddd;
	border-radius: 50%;
	background: #fff;
	font-weight: 700;
}
.mo24-flow-steps li strong { font-weight: 600; }
.mo24-flow-steps li.is-active,
.mo24-flow-steps li.is-done { color: var(--mo24-flow-ink); }
.mo24-flow-steps li.is-active > span { border-color: var(--mo24-flow-ink); background: var(--mo24-flow-ink); color: #fff; }
.mo24-flow-steps li.is-done > span { border-color: var(--mo24-flow-accent); background: var(--mo24-flow-accent); color: #fff; }

.mo24-shipping-progress {
	display: flex;
	align-items: center;
	gap: 14px;
	width: 100%;
	margin: 0 0 30px;
	padding: 15px 17px;
	border: 1px solid #e6dfd4;
	border-radius: var(--mo24-flow-radius);
	background: var(--mo24-flow-soft);
}
.mo24-shipping-progress__icon {
	display: grid;
	place-items: center;
	flex: 0 0 38px;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	background: #fff;
	color: var(--mo24-flow-ink);
}
.mo24-shipping-progress__icon svg { width: 20px; height: 20px; }
.mo24-shipping-progress__body { flex: 1; min-width: 0; }
.mo24-shipping-progress__body strong { display: block; margin-bottom: 2px; font-size: 13px; line-height: 1.3; }
.mo24-shipping-progress__body span { color: var(--mo24-flow-muted); font-size: 11px; }
.mo24-shipping-progress__track {
	position: relative;
	height: 4px;
	margin-top: 9px;
	border-radius: 999px;
	background: #e5dfd6;
	overflow: hidden;
}
.mo24-shipping-progress__track span {
	display: block;
	width: var(--mo24-progress, 0%);
	height: 100%;
	border-radius: inherit;
	background: var(--mo24-flow-accent);
	transition: width .25s ease;
}

/* Notices */
body.mo24-cart-checkout-active .woocommerce-notices-wrapper,
body.mo24-cart-checkout-active .woocommerce-message,
body.mo24-cart-checkout-active .woocommerce-error,
body.mo24-cart-checkout-active .woocommerce-info {
	font-size: 13px;
}
body.mo24-cart-checkout-active .woocommerce-message,
body.mo24-cart-checkout-active .woocommerce-info {
	border: 1px solid var(--mo24-flow-line) !important;
	border-top: 1px solid var(--mo24-flow-line) !important;
	border-radius: var(--mo24-flow-radius) !important;
	background: #fff !important;
	color: var(--mo24-flow-ink) !important;
}
body.mo24-cart-checkout-active .woocommerce-message::before,
body.mo24-cart-checkout-active .woocommerce-info::before { color: var(--mo24-flow-accent) !important; }

/* ---------------- Classic cart ---------------- */
body.mo24-cart-active form.woocommerce-cart-form {
	float: left !important;
	width: calc(66% - 20px) !important;
	margin: 0 !important;
}
body.mo24-cart-active .cart-collaterals {
	float: right !important;
	width: calc(34% - 20px) !important;
	margin: 0 !important;
}
body.mo24-cart-active .cart-collaterals::before,
body.mo24-cart-active .cart-collaterals::after { display: none !important; }
body.mo24-cart-active .cart-collaterals .cart_totals {
	float: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 26px !important;
	border: 1px solid var(--mo24-flow-line) !important;
	border-radius: var(--mo24-flow-radius) !important;
	background: #fff !important;
	box-shadow: var(--mo24-flow-shadow);
	position: sticky;
	top: 105px;
}
body.mo24-cart-active .cart_totals h2 {
	margin: 0 0 18px !important;
	font-size: 22px !important;
	line-height: 1.2 !important;
	font-weight: 700 !important;
	letter-spacing: -.02em !important;
}

body.mo24-cart-active .quantity {
	display: inline-flex !important;
	align-items: center;
	height: 42px;
	border: 1px solid var(--mo24-flow-line) !important;
	background: #fff;
}
body.mo24-cart-active .quantity input.qty {
	width: 44px !important;
	height: 40px !important;
	padding: 0 !important;
	border: 0 !important;
	background: #fff !important;
	box-shadow: none !important;
	font-size: 13px !important;
	text-align: center !important;
}
body.mo24-cart-active .quantity .minus,
body.mo24-cart-active .quantity .plus,
body.mo24-cart-active .mo24-qty-button {
	display: grid !important;
	place-items: center !important;
	width: 34px !important;
	height: 40px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: #fff !important;
	color: #111 !important;
	box-shadow: none !important;
	font-size: 18px !important;
	line-height: 1 !important;
	cursor: pointer;
}

body.mo24-cart-active .cart_totals table.shop_table {
	margin: 0 0 18px !important;
	border: 0 !important;
}
body.mo24-cart-active .cart_totals table.shop_table tr { border-bottom: 1px solid var(--mo24-flow-line) !important; }
body.mo24-cart-active .cart_totals table.shop_table th,
body.mo24-cart-active .cart_totals table.shop_table td {
	padding: 14px 0 !important;
	border: 0 !important;
	background: transparent !important;
	font-size: 12px !important;
}
body.mo24-cart-active .cart_totals table.shop_table th { width: 42% !important; color: var(--mo24-flow-muted); font-weight: 500 !important; }
body.mo24-cart-active .cart_totals table.shop_table td { text-align: right !important; color: #111; font-weight: 650; }
body.mo24-cart-active .cart_totals .order-total th,
body.mo24-cart-active .cart_totals .order-total td { padding-top: 19px !important; font-size: 17px !important; color: #111 !important; font-weight: 700 !important; }
body.mo24-cart-active .wc-proceed-to-checkout { padding: 0 !important; }
body.mo24-cart-active .wc-proceed-to-checkout a.checkout-button,
body.mo24-cart-active .wc-proceed-to-checkout a.checkout-button:hover {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	min-height: 56px !important;
	margin: 0 !important;
	padding: 0 20px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: #111 !important;
	color: #fff !important;
	box-shadow: none !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: .045em !important;
	text-transform: uppercase !important;
}
body.mo24-cart-active ul#shipping_method { margin: 0 !important; }
body.mo24-cart-active ul#shipping_method li {
	display: flex !important;
	align-items: flex-start;
	justify-content: flex-end;
	gap: 7px;
	margin: 7px 0 !important;
	font-size: 11px !important;
}

.mo24-cart-benefits {
	float: left;
	display: grid;
	grid-template-columns: repeat(2, minmax(0,1fr));
	gap: 10px;
	width: calc(66% - 20px);
	margin: 22px 0 0;
}
.mo24-cart-benefits > div,
.mo24-checkout-trust > div {
	display: flex;
	align-items: center;
	gap: 11px;
	min-width: 0;
	padding: 14px;
	border: 1px solid var(--mo24-flow-line);
	background: #fff;
}
.mo24-cart-benefits svg,
.mo24-checkout-trust svg { flex: 0 0 21px; width: 21px; height: 21px; }
.mo24-cart-benefits span,
.mo24-checkout-trust span { display: block; min-width: 0; }
.mo24-cart-benefits strong,
.mo24-checkout-trust strong { display: block; margin-bottom: 2px; font-size: 11px; line-height: 1.25; }
.mo24-cart-benefits small,
.mo24-checkout-trust small { display: block; color: var(--mo24-flow-muted); font-size: 9.5px; line-height: 1.35; }

/* ---------------- Classic checkout ---------------- */
body.mo24-checkout-active .woocommerce-form-login-toggle,
body.mo24-checkout-active .woocommerce-form-coupon-toggle { margin-bottom: 12px; }
body.mo24-checkout-active .woocommerce-form-login-toggle .woocommerce-info,
body.mo24-checkout-active .woocommerce-form-coupon-toggle .woocommerce-info {
	margin: 0 !important;
	padding: 13px 16px !important;
}
body.mo24-checkout-active form.checkout.woocommerce-checkout {
	display: grid !important;
	grid-template-columns: minmax(0, 1.28fr) minmax(360px, .72fr);
	grid-template-areas: "details heading" "details review";
	column-gap: 52px;
	align-items: start;
	width: 100% !important;
	margin: 26px 0 0 !important;
}
body.mo24-checkout-active #customer_details {
	grid-area: details;
	float: none !important;
	width: 100% !important;
	margin: 0 !important;
}
body.mo24-checkout-active #customer_details::before,
body.mo24-checkout-active #customer_details::after { display: none !important; }
body.mo24-checkout-active #customer_details .col-1,
body.mo24-checkout-active #customer_details .col-2 {
	float: none !important;
	width: 100% !important;
	margin: 0 0 22px !important;
	padding: 26px !important;
	border: 1px solid var(--mo24-flow-line);
	border-radius: var(--mo24-flow-radius);
	background: #fff;
}
body.mo24-checkout-active #customer_details h3,
body.mo24-checkout-active #order_review_heading {
	margin: 0 0 20px !important;
	font-size: 20px !important;
	line-height: 1.25 !important;
	font-weight: 700 !important;
	letter-spacing: -.02em !important;
	color: #111 !important;
}
body.mo24-checkout-active #order_review_heading {
	grid-area: heading;
	padding: 0 !important;
}
body.mo24-checkout-active #order_review {
	grid-area: review;
	float: none !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 24px !important;
	border: 1px solid var(--mo24-flow-line) !important;
	border-radius: var(--mo24-flow-radius) !important;
	background: #fff !important;
	box-shadow: var(--mo24-flow-shadow);
	position: sticky;
	top: 105px;
}

body.mo24-checkout-active .form-row { margin: 0 0 15px !important; padding: 0 !important; }
body.mo24-checkout-active .form-row label {
	margin: 0 0 6px !important;
	color: #333 !important;
	font-size: 11px !important;
	font-weight: 650 !important;
	line-height: 1.3 !important;
}
body.mo24-checkout-active .form-row label .required { color: #9d2f2f !important; }
body.mo24-checkout-active .input-text,
body.mo24-checkout-active select,
body.mo24-checkout-active .select2-container .select2-selection--single,
body.mo24-checkout-active textarea {
	width: 100% !important;
	min-height: 48px !important;
	margin: 0 !important;
	padding: 0 14px !important;
	border: 1px solid #dedbd5 !important;
	border-radius: 2px !important;
	background: #fff !important;
	color: #111 !important;
	box-shadow: none !important;
	font-size: 13px !important;
	transition: border-color .18s ease, box-shadow .18s ease;
}
body.mo24-checkout-active textarea { min-height: 100px !important; padding-top: 12px !important; resize: vertical; }
body.mo24-checkout-active .input-text:focus,
body.mo24-checkout-active select:focus,
body.mo24-checkout-active textarea:focus,
body.mo24-checkout-active .select2-container--focus .select2-selection--single {
	outline: none !important;
	border-color: #111 !important;
	box-shadow: 0 0 0 2px rgba(17,17,17,.05) !important;
}
body.mo24-checkout-active .select2-container .select2-selection--single { display: flex !important; align-items: center !important; }
body.mo24-checkout-active .select2-container .select2-selection__rendered { padding-left: 0 !important; color: #111 !important; font-size: 13px !important; }

body.mo24-checkout-active #ship-to-different-address { margin: 0 0 15px !important; }
body.mo24-checkout-active #ship-to-different-address label { display: flex !important; align-items: center; gap: 8px; font-size: 13px !important; }
body.mo24-checkout-active .woocommerce-additional-fields { margin-top: 6px; }

body.mo24-checkout-active table.woocommerce-checkout-review-order-table {
	width: 100% !important;
	margin: 0 0 18px !important;
	border: 0 !important;
	border-collapse: collapse !important;
}
body.mo24-checkout-active table.woocommerce-checkout-review-order-table th,
body.mo24-checkout-active table.woocommerce-checkout-review-order-table td {
	padding: 12px 0 !important;
	border: 0 !important;
	border-bottom: 1px solid var(--mo24-flow-line) !important;
	background: transparent !important;
	font-size: 11px !important;
	vertical-align: middle !important;
}
body.mo24-checkout-active table.woocommerce-checkout-review-order-table thead { display: none !important; }
body.mo24-checkout-active table.woocommerce-checkout-review-order-table td.product-total,
body.mo24-checkout-active table.woocommerce-checkout-review-order-table tfoot td { text-align: right !important; font-weight: 650 !important; }
body.mo24-checkout-active table.woocommerce-checkout-review-order-table tfoot th { color: var(--mo24-flow-muted); font-weight: 500 !important; }
body.mo24-checkout-active table.woocommerce-checkout-review-order-table .order-total th,
body.mo24-checkout-active table.woocommerce-checkout-review-order-table .order-total td { padding-top: 16px !important; color: #111 !important; font-size: 16px !important; font-weight: 750 !important; }
.mo24-checkout-product { display: grid; grid-template-columns: 54px minmax(0,1fr); gap: 10px; align-items: center; }
.mo24-checkout-product-thumb { display: block; width: 54px !important; height: 70px !important; margin: 0 !important; object-fit: cover; object-position: center top; border-radius: 2px; }
.mo24-checkout-product__name { display: block; min-width: 0; line-height: 1.35; }
.mo24-checkout-product__name > a { color: #111 !important; text-decoration: none !important; font-weight: 600 !important; }

body.mo24-checkout-active #payment {
	margin: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
}
body.mo24-checkout-active #payment ul.payment_methods {
	margin: 0 !important;
	padding: 0 0 12px !important;
	border: 0 !important;
}
body.mo24-checkout-active #payment ul.payment_methods li {
	margin: 0 0 8px !important;
	padding: 13px 14px !important;
	border: 1px solid var(--mo24-flow-line) !important;
	border-radius: 3px !important;
	background: #fff !important;
	font-size: 11px !important;
}
body.mo24-checkout-active #payment ul.payment_methods li:has(input:checked) { border-color: #111 !important; }
body.mo24-checkout-active #payment ul.payment_methods li > label { display: inline-flex !important; align-items: center; gap: 6px; width: calc(100% - 24px); font-weight: 650 !important; }
body.mo24-checkout-active #payment ul.payment_methods li img { max-height: 25px !important; width: auto !important; margin-left: auto !important; }
body.mo24-checkout-active #payment div.payment_box {
	margin: 10px 0 0 !important;
	padding: 12px !important;
	border-radius: 2px !important;
	background: var(--mo24-flow-soft) !important;
	color: #555 !important;
	font-size: 10px !important;
	line-height: 1.5 !important;
}
body.mo24-checkout-active #payment div.payment_box::before { border-bottom-color: var(--mo24-flow-soft) !important; }
body.mo24-checkout-active #payment .place-order { margin: 0 !important; padding: 12px 0 0 !important; }
body.mo24-checkout-active #place_order,
body.mo24-checkout-active #place_order:hover,
body.mo24-checkout-active #place_order:focus {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	min-height: 57px !important;
	margin: 14px 0 0 !important;
	padding: 0 18px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: #111 !important;
	color: #fff !important;
	box-shadow: none !important;
	font-size: 11px !important;
	font-weight: 750 !important;
	letter-spacing: .045em !important;
	text-transform: uppercase !important;
}
body.mo24-checkout-active .woocommerce-privacy-policy-text,
body.mo24-checkout-active .woocommerce-terms-and-conditions-wrapper { color: var(--mo24-flow-muted); font-size: 10px !important; line-height: 1.5; }
body.mo24-checkout-active .woocommerce-privacy-policy-text a,
body.mo24-checkout-active .woocommerce-terms-and-conditions-wrapper a { color: #111 !important; text-decoration: underline !important; }

.mo24-checkout-trust {
	display: grid;
	grid-template-columns: repeat(2, minmax(0,1fr));
	gap: 8px;
	margin: 4px 0 12px;
}

/* ---------------- Cart / Checkout blocks ---------------- */
body.mo24-cart-checkout-active .wc-block-cart,
body.mo24-cart-checkout-active .wc-block-checkout {
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	font-family: inherit !important;
}
body.mo24-cart-checkout-active .wc-block-cart__main,
body.mo24-cart-checkout-active .wc-block-checkout__main { padding-right: 42px !important; }
body.mo24-cart-checkout-active .wc-block-cart__sidebar,
body.mo24-cart-checkout-active .wc-block-checkout__sidebar {
	padding-left: 28px !important;
	border-left: 1px solid var(--mo24-flow-line);
}
body.mo24-cart-checkout-active .wc-block-components-sidebar-layout .wc-block-components-main { width: 64% !important; }
body.mo24-cart-checkout-active .wc-block-components-sidebar-layout .wc-block-components-sidebar { width: 36% !important; }
body.mo24-cart-checkout-active .wc-block-components-order-summary,
body.mo24-cart-checkout-active .wc-block-components-totals-wrapper,
body.mo24-cart-checkout-active .wc-block-checkout__payment-method .wc-block-components-radio-control {
	border-color: var(--mo24-flow-line) !important;
}
body.mo24-cart-checkout-active .wc-block-cart-items { border: 0 !important; }
body.mo24-cart-checkout-active .wc-block-cart-items__row { border-bottom: 1px solid var(--mo24-flow-line) !important; }
body.mo24-cart-checkout-active .wc-block-cart-item__image img { border-radius: 3px; object-fit: cover; object-position: center top; }
body.mo24-cart-checkout-active .wc-block-components-product-name { color: #111 !important; font-weight: 650 !important; text-decoration: none !important; }
body.mo24-cart-checkout-active .wc-block-components-product-metadata { color: var(--mo24-flow-muted) !important; font-size: 11px !important; }
body.mo24-cart-checkout-active .wc-block-components-quantity-selector {
	border: 1px solid var(--mo24-flow-line) !important;
	border-radius: 0 !important;
}
body.mo24-cart-checkout-active .wc-block-components-button,
body.mo24-cart-checkout-active .wc-block-cart__submit-button,
body.mo24-cart-checkout-active .wc-block-components-checkout-place-order-button {
	min-height: 56px !important;
	border-radius: 0 !important;
	background: #111 !important;
	color: #fff !important;
	font-size: 11px !important;
	font-weight: 750 !important;
	letter-spacing: .04em !important;
	text-transform: uppercase !important;
	box-shadow: none !important;
}
body.mo24-cart-checkout-active .wc-block-components-text-input input,
body.mo24-cart-checkout-active .wc-block-components-combobox .wc-block-components-combobox-control input,
body.mo24-cart-checkout-active .wc-block-components-address-form__address_2-toggle {
	border-radius: 2px !important;
	border-color: #dedbd5 !important;
	box-shadow: none !important;
}
body.mo24-cart-checkout-active .wc-block-components-text-input input:focus,
body.mo24-cart-checkout-active .wc-block-components-combobox .wc-block-components-combobox-control input:focus { border-color: #111 !important; box-shadow: 0 0 0 1px #111 !important; }
body.mo24-cart-checkout-active .wc-block-components-radio-control__option {
	padding: 14px !important;
	border: 1px solid var(--mo24-flow-line) !important;
	border-radius: 2px !important;
	margin-bottom: 8px !important;
}
body.mo24-cart-checkout-active .wc-block-components-radio-control__option:has(input:checked) { border-color: #111 !important; }
body.mo24-cart-checkout-active .wc-block-components-totals-item__label { color: var(--mo24-flow-muted); font-size: 12px !important; }
body.mo24-cart-checkout-active .wc-block-components-totals-footer-item .wc-block-components-totals-item__label,
body.mo24-cart-checkout-active .wc-block-components-totals-footer-item .wc-block-components-totals-item__value { color: #111 !important; font-size: 17px !important; font-weight: 750 !important; }

/* Clear floats after classic cart. */
body.mo24-cart-active .woocommerce::after { content: ''; display: table; clear: both; }

/* ---------------- Mobile ---------------- */
@media (max-width: 900px) {
	body.mo24-cart-checkout-active .woocommerce {
		width: 100% !important;
		max-width: none !important;
		padding: 18px 16px 96px !important;
	}
	.mo24-flow-intro { display: block; margin-bottom: 18px; padding-bottom: 18px; }
	.mo24-flow-intro__copy > span { font-size: 9px; }
	.mo24-flow-intro__copy h1 { margin-bottom: 5px !important; font-size: 28px !important; }
	.mo24-flow-intro__copy p { font-size: 12px; }
	.mo24-flow-steps { margin-top: 17px; gap: 13px; overflow-x: auto; scrollbar-width: none; }
	.mo24-flow-steps::-webkit-scrollbar { display: none; }
	.mo24-flow-steps li { gap: 6px; font-size: 9px; }
	.mo24-flow-steps li > span { width: 23px; height: 23px; font-size: 9px; }
	.mo24-flow-steps li:not(:last-child)::after { display: none; }
	.mo24-shipping-progress { margin-bottom: 20px; padding: 12px 13px; gap: 10px; }
	.mo24-shipping-progress__icon { flex-basis: 34px; width: 34px; height: 34px; }
	.mo24-shipping-progress__body strong { font-size: 11px; }
	.mo24-shipping-progress__body span { font-size: 9.5px; }

	/* Classic cart wrapper becomes a single column. Product rows are styled by
	   the dedicated .mo24-cart-item rules below. */
	body.mo24-cart-active form.woocommerce-cart-form,
	body.mo24-cart-active .cart-collaterals,
	.mo24-cart-benefits {
		float: none !important;
		width: 100% !important;
	}
	.mo24-cart-benefits { grid-template-columns: 1fr 1fr; margin: 16px 0 18px; }
	.mo24-cart-benefits > div { padding: 11px; }
	.mo24-cart-benefits strong { font-size: 9.5px; }
	.mo24-cart-benefits small { display: none; }
	body.mo24-cart-active .cart-collaterals .cart_totals { position: static; padding: 20px !important; box-shadow: none; }
	body.mo24-cart-active .cart_totals h2 { font-size: 19px !important; }

	/* Classic checkout: one column, summary after customer data. */
	body.mo24-checkout-active form.checkout.woocommerce-checkout {
		display: flex !important;
		flex-direction: column !important;
		gap: 0;
		margin-top: 18px !important;
	}
	body.mo24-checkout-active #customer_details { order: 1; }
	body.mo24-checkout-active #order_review_heading { order: 2; margin-top: 6px !important; }
	body.mo24-checkout-active #order_review { order: 3; position: static; padding: 18px !important; box-shadow: none; }
	body.mo24-checkout-active #customer_details .col-1,
	body.mo24-checkout-active #customer_details .col-2 {
		padding: 18px !important;
		margin-bottom: 14px !important;
		border-left: 0;
		border-right: 0;
		border-radius: 0;
	}
	body.mo24-checkout-active #customer_details h3,
	body.mo24-checkout-active #order_review_heading { font-size: 18px !important; }
	body.mo24-checkout-active .form-row-first,
	body.mo24-checkout-active .form-row-last { float: none !important; width: 100% !important; }
	body.mo24-checkout-active .input-text,
	body.mo24-checkout-active select,
	body.mo24-checkout-active .select2-container .select2-selection--single { min-height: 50px !important; }
	.mo24-checkout-trust { grid-template-columns: 1fr 1fr; }
	.mo24-checkout-trust > div { padding: 10px; }
	.mo24-checkout-trust strong { font-size: 9.5px; }
	.mo24-checkout-trust small { display: none; }

	/* Blocks */
	body.mo24-cart-checkout-active .wc-block-components-sidebar-layout { display: block !important; }
	body.mo24-cart-checkout-active .wc-block-components-sidebar-layout .wc-block-components-main,
	body.mo24-cart-checkout-active .wc-block-components-sidebar-layout .wc-block-components-sidebar,
	body.mo24-cart-checkout-active .wc-block-cart__main,
	body.mo24-cart-checkout-active .wc-block-cart__sidebar,
	body.mo24-cart-checkout-active .wc-block-checkout__main,
	body.mo24-cart-checkout-active .wc-block-checkout__sidebar {
		width: 100% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		border-left: 0 !important;
	}
	body.mo24-cart-checkout-active .wc-block-components-sidebar-layout .wc-block-components-sidebar { margin-top: 18px !important; }
	body.mo24-cart-checkout-active .wc-block-cart-item__image { width: 80px !important; }
}

@media (max-width: 420px) {
	body.mo24-cart-checkout-active .woocommerce { padding-left: 14px !important; padding-right: 14px !important; }
	.mo24-cart-benefits { grid-template-columns: 1fr; gap: 7px; }
	.mo24-checkout-trust { grid-template-columns: 1fr; gap: 7px; }
	.mo24-flow-steps li strong { display: none; }
}

/* Classic cart two-column wrapper shared by the dedicated cart template. */
body.mo24-cart-active .mo24-cart-layout {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(340px, 410px) !important;
	gap: 42px !important;
	align-items: start !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	clear: both !important;
}
body.mo24-cart-active .mo24-cart-layout__main,
body.mo24-cart-active .mo24-cart-layout__aside {
	min-width: 0 !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}
body.mo24-cart-active .mo24-cart-layout__main form.woocommerce-cart-form,
body.mo24-cart-active .mo24-cart-layout__aside .cart-collaterals,
body.mo24-cart-active .mo24-cart-layout__aside .cart-collaterals .cart_totals {
	float: none !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
}
body.mo24-cart-active .mo24-cart-layout__aside .cart-collaterals .cart_totals {
	position: sticky !important;
	top: 118px !important;
	padding: 24px !important;
	border: 1px solid var(--mo24-flow-line) !important;
	border-radius: 8px !important;
	box-shadow: 0 14px 42px rgba(17,17,17,.055) !important;
}
body.mo24-cart-active .mo24-cart-layout__aside .cart-collaterals,
body.mo24-cart-active .mo24-cart-layout__aside .cart_totals {
	clear: none !important;
}

/* Keep actions and trust information under the product list, not beside totals. */
body.mo24-cart-active .mo24-cart-layout__main .mo24-cart-benefits {
	float: none !important;
	width: 100% !important;
	margin: 20px 0 0 !important;
}
/* Shipping methods: give labels enough room and keep radios aligned. */
body.mo24-cart-active .cart_totals ul#shipping_method li {
	display: grid !important;
	grid-template-columns: 18px minmax(0,1fr) !important;
	gap: 9px !important;
	align-items: start !important;
	justify-content: stretch !important;
	margin: 9px 0 !important;
	text-align: left !important;
}
body.mo24-cart-active .cart_totals ul#shipping_method li input {
	margin: 2px 0 0 !important;
}
body.mo24-cart-active .cart_totals ul#shipping_method li label {
	margin: 0 !important;
	font-size: 11px !important;
	line-height: 1.45 !important;
	text-align: left !important;
}
body.mo24-cart-active .cart_totals table.shop_table th,
body.mo24-cart-active .cart_totals table.shop_table td {
	vertical-align: top !important;
}
body.mo24-cart-active .cart_totals table.shop_table td {
	padding-left: 14px !important;
}

@media (max-width: 1180px) and (min-width: 901px) {
	body.mo24-cart-active .mo24-cart-layout {
		grid-template-columns: minmax(0, 1fr) 340px !important;
		gap: 28px !important;
	}
}

body.mo24-cart-checkout-active :where(button, a, input, select, textarea):focus-visible {
	outline: 2px solid #111 !important;
	outline-offset: 2px !important;
}

@media (prefers-reduced-motion: reduce) {
	body.mo24-cart-checkout-active *,
	body.mo24-cart-checkout-active *::before,
	body.mo24-cart-checkout-active *::after {
		scroll-behavior: auto !important;
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
	}
}

@media (max-width: 900px) {
	body.mo24-cart-active .mo24-cart-layout {
		display: block !important;
		width: 100% !important;
	}
	body.mo24-cart-active .mo24-cart-layout__aside {
		margin-top: 18px !important;
	}
	body.mo24-cart-active .mo24-cart-layout__aside .cart-collaterals .cart_totals {
		position: static !important;
		top: auto !important;
		padding: 18px !important;
		border-radius: 6px !important;
		box-shadow: none !important;
	}
}

/* --------------------------------------------------------------------------
   v1.7.2 — dedicated classic-cart UI
   The cart now uses a plugin-owned template instead of Jaroti's cart table.
   This removes duplicated X icons, duplicated price columns, the manual update
   button and the theme's extra "empty cart" action.
   -------------------------------------------------------------------------- */
body.mo24-cart-active .mo24-cart-form {
	float: none !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
}

body.mo24-cart-active .mo24-cart-items {
	width: 100%;
	border-top: 1px solid var(--mo24-flow-line);
}

body.mo24-cart-active .mo24-cart-item {
	position: relative;
	display: grid;
	grid-template-columns: 112px minmax(0, 1fr) 124px 116px 38px;
	grid-template-areas: "media details quantity total remove";
	gap: 20px;
	align-items: center;
	min-height: 170px;
	padding: 20px 0;
	border-bottom: 1px solid var(--mo24-flow-line);
}

body.mo24-cart-active .mo24-cart-item__media { grid-area: media; }
body.mo24-cart-active .mo24-cart-item__details { grid-area: details; min-width: 0; }
body.mo24-cart-active .mo24-cart-item__quantity { grid-area: quantity; justify-self: start; }
body.mo24-cart-active .mo24-cart-item__total { grid-area: total; justify-self: end; }
body.mo24-cart-active .mo24-cart-item__remove { grid-area: remove; justify-self: end; }

body.mo24-cart-active .mo24-cart-item__media a,
body.mo24-cart-active .mo24-cart-item__media img {
	display: block;
}
body.mo24-cart-active .mo24-cart-item__media img {
	width: 112px !important;
	height: 148px !important;
	max-width: none !important;
	margin: 0 !important;
	object-fit: cover;
	object-position: center top;
	border-radius: 4px;
	background: #f5f3ef;
}

body.mo24-cart-active .mo24-cart-item__name {
	display: inline !important;
	margin: 0 !important;
	color: var(--mo24-flow-ink) !important;
	font-size: 15px !important;
	font-weight: 650 !important;
	line-height: 1.4 !important;
	text-decoration: none !important;
	word-break: normal !important;
	overflow-wrap: break-word !important;
	hyphens: none !important;
}
body.mo24-cart-active .mo24-cart-item__name:hover { text-decoration: underline !important; text-underline-offset: 3px; }

body.mo24-cart-active .mo24-cart-item__meta {
	margin-top: 7px;
	color: var(--mo24-flow-muted);
	font-size: 11px;
	line-height: 1.45;
}
body.mo24-cart-active .mo24-cart-item__meta dl,
body.mo24-cart-active .mo24-cart-item__meta p {
	margin: 0 !important;
}
body.mo24-cart-active .mo24-cart-item__meta dt,
body.mo24-cart-active .mo24-cart-item__meta dd {
	display: inline !important;
	float: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
body.mo24-cart-active .mo24-cart-item__meta dt { font-weight: 600; }
body.mo24-cart-active .mo24-cart-item__meta dd + dt::before { content: " · "; }

body.mo24-cart-active .mo24-cart-item__quantity .quantity {
	display: inline-flex !important;
	align-items: center !important;
	height: 42px !important;
	margin: 0 !important;
	border: 1px solid var(--mo24-flow-line) !important;
	background: #fff !important;
}
body.mo24-cart-active .mo24-cart-item__quantity .number-button {
	display: inline-flex !important;
	align-items: center !important;
	height: 40px !important;
}
body.mo24-cart-active .mo24-cart-item__quantity input.qty {
	width: 38px !important;
	height: 40px !important;
	min-width: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: #fff !important;
	box-shadow: none !important;
	font-size: 12px !important;
	text-align: center !important;
}
body.mo24-cart-active .mo24-cart-item__quantity .minus,
body.mo24-cart-active .mo24-cart-item__quantity .plus,
body.mo24-cart-active .mo24-cart-item__quantity .mo24-qty-button {
	width: 32px !important;
	height: 40px !important;
	min-width: 32px !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: #fff !important;
	box-shadow: none !important;
	color: #111 !important;
	font-size: 17px !important;
	line-height: 1 !important;
}
body.mo24-cart-active .mo24-cart-item__quantity .minus::before,
body.mo24-cart-active .mo24-cart-item__quantity .minus::after,
body.mo24-cart-active .mo24-cart-item__quantity .plus::before,
body.mo24-cart-active .mo24-cart-item__quantity .plus::after,
body.mo24-cart-active .mo24-cart-item__quantity .mo24-qty-button::before,
body.mo24-cart-active .mo24-cart-item__quantity .mo24-qty-button::after {
	content: none !important;
	display: none !important;
}
body.mo24-cart-active .mo24-cart-item__single-qty {
	display: inline-flex;
	align-items: center;
	min-height: 38px;
	padding: 0 12px;
	border: 1px solid var(--mo24-flow-line);
	color: var(--mo24-flow-muted);
	font-size: 11px;
	white-space: nowrap;
}

body.mo24-cart-active .mo24-cart-item__total {
	color: #111;
	font-size: 14px;
	font-weight: 700;
	white-space: nowrap;
}
body.mo24-cart-active .mo24-cart-item__mobile-price { display: none; }

body.mo24-cart-active .mo24-cart-item__remove {
	display: grid !important;
	place-items: center !important;
	width: 34px !important;
	height: 34px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1px solid var(--mo24-flow-line) !important;
	border-radius: 50% !important;
	background: #fff !important;
	color: #777 !important;
	text-decoration: none !important;
	box-shadow: none !important;
}
body.mo24-cart-active .mo24-cart-item__remove svg { width: 15px; height: 15px; pointer-events: none; }
body.mo24-cart-active .mo24-cart-item__remove::before,
body.mo24-cart-active .mo24-cart-item__remove::after {
	content: none !important;
	display: none !important;
}
body.mo24-cart-active .mo24-cart-item__remove:hover {
	border-color: #aaa !important;
	background: #fafafa !important;
	color: #111 !important;
}

/* Cart tools: one coupon interaction + one return-to-shop link. */
body.mo24-cart-active .mo24-cart-tools {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 20px;
	padding-top: 18px;
}
body.mo24-cart-active .mo24-cart-coupon { min-width: min(100%, 360px); }
body.mo24-cart-active .mo24-cart-coupon__toggle {
	display: inline-flex !important;
	align-items: center !important;
	gap: 8px !important;
	min-height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-bottom: 1px solid #111 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #111 !important;
	font-size: 11px !important;
	font-weight: 600 !important;
	line-height: 1.5 !important;
	text-transform: none !important;
	letter-spacing: 0 !important;
}
body.mo24-cart-active .mo24-cart-coupon__toggle svg { width: 15px; height: 15px; transition: transform .2s ease; }
body.mo24-cart-active .mo24-cart-coupon__toggle[aria-expanded="true"] svg { transform: rotate(180deg); }
body.mo24-cart-active .mo24-cart-coupon__toggle::before,
body.mo24-cart-active .mo24-cart-coupon__toggle::after {
	content: none !important;
	display: none !important;
}
body.mo24-cart-active .mo24-cart-coupon__form {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 8px;
	margin-top: 10px;
}
body.mo24-cart-active .mo24-cart-coupon__form[hidden] { display: none !important; }
body.mo24-cart-active .mo24-cart-coupon__form input {
	width: 100% !important;
	height: 44px !important;
	margin: 0 !important;
	padding: 0 13px !important;
	border: 1px solid var(--mo24-flow-line) !important;
	border-radius: 0 !important;
	background: #fff !important;
	box-shadow: none !important;
	font-size: 12px !important;
}
body.mo24-cart-active .mo24-cart-coupon__form button {
	height: 44px !important;
	min-width: 104px !important;
	margin: 0 !important;
	padding: 0 16px !important;
	border: 1px solid #111 !important;
	border-radius: 0 !important;
	background: #111 !important;
	box-shadow: none !important;
	color: #fff !important;
	font-size: 10px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
	letter-spacing: .04em !important;
}
body.mo24-cart-active .mo24-cart-coupon__form button::before,
body.mo24-cart-active .mo24-cart-coupon__form button::after {
	content: none !important;
	display: none !important;
}
body.mo24-cart-active .mo24-cart-continue {
	color: var(--mo24-flow-muted) !important;
	font-size: 11px !important;
	text-decoration: none !important;
}
body.mo24-cart-active .mo24-cart-continue:hover { color: #111 !important; }

/* Hidden update control used only by auto-update JS. */
body.mo24-cart-active .mo24-cart-update-screenreader {
	position: absolute !important;
	left: -10000px !important;
	width: 1px !important;
	height: 1px !important;
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
	border: 0 !important;
}

/* Neutralise known Jaroti cart-action remnants if another extension inserts them. */
body.mo24-cart-active .mo24-cart-form .empty-cart-button,
body.mo24-cart-active .mo24-cart-form .ts-empty-cart,
body.mo24-cart-active .mo24-cart-form button[name="ts_empty_cart"] {
	display: none !important;
}

/* Summary card: no duplicate decorative frame. */
body.mo24-cart-active .mo24-cart-layout__aside {
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}
body.mo24-cart-active .mo24-cart-layout__aside::before,
body.mo24-cart-active .mo24-cart-layout__aside::after,
body.mo24-cart-active .cart-collaterals::before,
body.mo24-cart-active .cart-collaterals::after {
	content: none !important;
	display: none !important;
}
body.mo24-cart-active .mo24-cart-layout__aside .cart_totals {
	border: 1px solid var(--mo24-flow-line) !important;
	border-radius: 8px !important;
	box-shadow: 0 12px 36px rgba(17,17,17,.045) !important;
}
body.mo24-cart-active .wc-proceed-to-checkout a.checkout-button::before,
body.mo24-cart-active .wc-proceed-to-checkout a.checkout-button::after,
body.mo24-cart-active .shipping-calculator-button::before,
body.mo24-cart-active .shipping-calculator-button::after {
	content: none !important;
	display: none !important;
}

@media (max-width: 1180px) and (min-width: 901px) {
	body.mo24-cart-active .mo24-cart-item {
		grid-template-columns: 96px minmax(0,1fr) 112px 96px 34px;
		gap: 14px;
		min-height: 148px;
	}
	body.mo24-cart-active .mo24-cart-item__media img {
		width: 96px !important;
		height: 128px !important;
	}
}

@media (max-width: 900px) {
	body.mo24-cart-active .mo24-cart-item {
		grid-template-columns: 88px minmax(0,1fr) 32px;
		grid-template-areas:
			"media details remove"
			"media quantity remove";
		gap: 10px 12px;
		align-items: start;
		min-height: 132px;
		padding: 14px 0;
	}
	body.mo24-cart-active .mo24-cart-item__media img {
		width: 88px !important;
		height: 118px !important;
	}
	body.mo24-cart-active .mo24-cart-item__name {
		font-size: 13px !important;
		line-height: 1.35 !important;
	}
	body.mo24-cart-active .mo24-cart-item__meta {
		margin-top: 5px;
		font-size: 10px;
	}
	body.mo24-cart-active .mo24-cart-item__total { display: none; }
	body.mo24-cart-active .mo24-cart-item__mobile-price {
		display: block;
		margin-top: 7px;
		color: #111;
		font-size: 13px;
		font-weight: 700;
	}
	body.mo24-cart-active .mo24-cart-item__quantity {
		align-self: end;
	}
	body.mo24-cart-active .mo24-cart-item__remove {
		width: 30px !important;
		height: 30px !important;
	}
	body.mo24-cart-active .mo24-cart-tools {
		flex-direction: column;
		gap: 16px;
		padding-top: 16px;
	}
	body.mo24-cart-active .mo24-cart-coupon { width: 100%; min-width: 0; }
	body.mo24-cart-active .mo24-cart-continue { order: 2; }
}

@media (max-width: 420px) {
	body.mo24-cart-active .mo24-cart-item {
		grid-template-columns: 78px minmax(0,1fr) 30px;
		column-gap: 10px;
	}
	body.mo24-cart-active .mo24-cart-item__media img {
		width: 78px !important;
		height: 106px !important;
	}
	body.mo24-cart-active .mo24-cart-coupon__form {
		grid-template-columns: 1fr;
	}
	body.mo24-cart-active .mo24-cart-coupon__form button { width: 100% !important; }
	body.mo24-cart-active .mo24-cart-coupon__form input { font-size: 16px !important; }
}

/* --------------------------------------------------------------------------
   v1.7.3 — checkout structural hotfix
   - groups heading + review in one sticky sidebar
   - removes Jaroti's decorative heading pseudo-elements
   - fixes the large blank gap between "Twoje zamówienie" and its card
   - cleans Select2, product quantity placement and mobile checkout
   -------------------------------------------------------------------------- */
body.mo24-checkout-active form.checkout.woocommerce-checkout {
	display: grid !important;
	grid-template-columns: minmax(0, 1.18fr) minmax(400px, .82fr) !important;
	grid-template-areas: "details summary" !important;
	gap: 44px !important;
	align-items: start !important;
	width: 100% !important;
	margin: 26px 0 0 !important;
}

body.mo24-checkout-active #customer_details {
	grid-area: details !important;
	min-width: 0 !important;
}

body.mo24-checkout-active .mo24-checkout-summary {
	grid-area: summary !important;
	min-width: 0 !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	position: sticky !important;
	top: 118px !important;
	align-self: start !important;
}

body.mo24-checkout-active .mo24-checkout-summary::before,
body.mo24-checkout-active .mo24-checkout-summary::after,
body.mo24-checkout-active #order_review_heading::before,
body.mo24-checkout-active #order_review_heading::after,
body.mo24-checkout-active #order_review::before,
body.mo24-checkout-active #order_review::after {
	content: none !important;
	display: none !important;
}

body.mo24-checkout-active #order_review_heading {
	display: block !important;
	width: 100% !important;
	margin: 0 0 14px !important;
	padding: 0 !important;
	border: 0 !important;
	border-top: 0 !important;
	border-bottom: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #111 !important;
	font-size: 21px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	letter-spacing: -.02em !important;
}

body.mo24-checkout-active #order_review {
	position: static !important;
	top: auto !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 22px !important;
	border: 1px solid var(--mo24-flow-line) !important;
	border-radius: 8px !important;
	background: #fff !important;
	box-shadow: 0 14px 42px rgba(17,17,17,.055) !important;
}

/* Billing/shipping cards: remove theme-generated decoration and double borders. */
body.mo24-checkout-active #customer_details .col-1,
body.mo24-checkout-active #customer_details .col-2 {
	border: 1px solid var(--mo24-flow-line) !important;
	border-radius: 8px !important;
	box-shadow: none !important;
}
body.mo24-checkout-active #customer_details .col-1::before,
body.mo24-checkout-active #customer_details .col-1::after,
body.mo24-checkout-active #customer_details .col-2::before,
body.mo24-checkout-active #customer_details .col-2::after,
body.mo24-checkout-active #customer_details h3::before,
body.mo24-checkout-active #customer_details h3::after {
	content: none !important;
	display: none !important;
}

body.mo24-checkout-active .woocommerce-input-wrapper {
	display: block !important;
	width: 100% !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}
body.mo24-checkout-active .select2-container {
	display: block !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
}
body.mo24-checkout-active .select2-container--default .select2-selection--single,
body.mo24-checkout-active .select2-container.select2-container--default .select2-selection--single {
	display: flex !important;
	align-items: center !important;
	width: 100% !important;
	height: 48px !important;
	min-height: 48px !important;
	padding: 0 38px 0 14px !important;
	border: 1px solid #dedbd5 !important;
	border-radius: 2px !important;
	background: #fff !important;
	box-shadow: none !important;
}
body.mo24-checkout-active .select2-container--default .select2-selection--single .select2-selection__rendered {
	width: 100% !important;
	padding: 0 !important;
	color: #111 !important;
	font-size: 13px !important;
	line-height: 46px !important;
}
body.mo24-checkout-active .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 0 !important;
	right: 10px !important;
	width: 24px !important;
	height: 48px !important;
}

/* Order rows: keep quantity under the product name, not under the thumbnail. */
body.mo24-checkout-active table.woocommerce-checkout-review-order-table tbody td.product-name {
	display: grid !important;
	grid-template-columns: 58px minmax(0, 1fr) !important;
	grid-template-rows: auto auto !important;
	column-gap: 11px !important;
	row-gap: 2px !important;
	align-items: center !important;
	min-width: 0 !important;
}
body.mo24-checkout-active .mo24-checkout-product {
	display: contents !important;
}
body.mo24-checkout-active .mo24-checkout-product-thumb {
	grid-column: 1 !important;
	grid-row: 1 / span 2 !important;
	width: 58px !important;
	height: 76px !important;
	border-radius: 3px !important;
}
body.mo24-checkout-active .mo24-checkout-product__copy {
	grid-column: 2 !important;
	grid-row: 1 !important;
	min-width: 0 !important;
}
body.mo24-checkout-active .mo24-checkout-product__name {
	display: block !important;
	color: #111 !important;
	font-size: 11.5px !important;
	font-weight: 600 !important;
	line-height: 1.35 !important;
}
body.mo24-checkout-active .mo24-checkout-product__meta,
body.mo24-checkout-active .mo24-checkout-product__qty {
	display: block !important;
	color: var(--mo24-flow-muted) !important;
	font-size: 9.5px !important;
	font-weight: 500 !important;
	line-height: 1.35 !important;
}
body.mo24-checkout-active .mo24-checkout-product__meta { margin-top: 3px !important; }
body.mo24-checkout-active .mo24-checkout-product__qty {
	grid-column: 2 !important;
	grid-row: 2 !important;
	margin: 0 !important;
}

/* Shipping methods become compact, easy-to-scan rows. */
body.mo24-checkout-active table.woocommerce-checkout-review-order-table tr.woocommerce-shipping-totals > th {
	vertical-align: top !important;
	padding-top: 15px !important;
}
body.mo24-checkout-active #shipping_method {
	display: grid !important;
	gap: 6px !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
body.mo24-checkout-active #shipping_method li {
	display: grid !important;
	grid-template-columns: 18px minmax(0,1fr) !important;
	gap: 7px !important;
	align-items: start !important;
	margin: 0 !important;
	padding: 8px 9px !important;
	border: 1px solid #ece9e4 !important;
	border-radius: 3px !important;
	background: #fff !important;
	text-align: left !important;
}
body.mo24-checkout-active #shipping_method li:has(input:checked) {
	border-color: #111 !important;
	background: #fafafa !important;
}
body.mo24-checkout-active #shipping_method input[type="radio"] {
	width: 15px !important;
	height: 15px !important;
	margin: 1px 0 0 !important;
}
body.mo24-checkout-active #shipping_method label {
	margin: 0 !important;
	color: #222 !important;
	font-size: 10px !important;
	font-weight: 500 !important;
	line-height: 1.4 !important;
	text-align: left !important;
}

/* Payment: neutralise Jaroti borders/pseudo effects. */
body.mo24-checkout-active #payment,
body.mo24-checkout-active #payment ul.payment_methods,
body.mo24-checkout-active #payment .form-row.place-order {
	box-shadow: none !important;
}
body.mo24-checkout-active #payment::before,
body.mo24-checkout-active #payment::after,
body.mo24-checkout-active #payment ul.payment_methods::before,
body.mo24-checkout-active #payment ul.payment_methods::after,
body.mo24-checkout-active #place_order::before,
body.mo24-checkout-active #place_order::after {
	content: none !important;
	display: none !important;
}
body.mo24-checkout-active #payment ul.payment_methods li {
	position: relative !important;
	padding: 13px 14px !important;
	border: 1px solid var(--mo24-flow-line) !important;
	border-radius: 4px !important;
}

/* Shorten the note box; it should not dominate checkout. */
body.mo24-checkout-active #order_comments {
	min-height: 116px !important;
	max-height: 180px !important;
}

@media (max-width: 1080px) and (min-width: 901px) {
	body.mo24-checkout-active form.checkout.woocommerce-checkout {
		grid-template-columns: minmax(0, 1fr) minmax(350px, .78fr) !important;
		gap: 28px !important;
	}
	body.mo24-checkout-active #order_review { padding: 18px !important; }
}

@media (max-width: 900px) {
	body.mo24-checkout-active form.checkout.woocommerce-checkout {
		display: flex !important;
		flex-direction: column !important;
		gap: 14px !important;
		margin-top: 18px !important;
	}
	body.mo24-checkout-active #customer_details { order: 1 !important; }
	body.mo24-checkout-active .mo24-checkout-summary {
		order: 2 !important;
		position: static !important;
		top: auto !important;
		width: 100% !important;
	}
	body.mo24-checkout-active #order_review_heading {
		margin: 4px 0 12px !important;
		font-size: 19px !important;
	}
	body.mo24-checkout-active #order_review {
		padding: 16px !important;
		border-left: 0 !important;
		border-right: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
	}
	body.mo24-checkout-active #customer_details .col-1,
	body.mo24-checkout-active #customer_details .col-2 {
		width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding: 16px !important;
		border-left: 0 !important;
		border-right: 0 !important;
		border-radius: 0 !important;
	}
	body.mo24-checkout-active table.woocommerce-checkout-review-order-table tbody td.product-name {
		grid-template-columns: 54px minmax(0,1fr) !important;
	}
	body.mo24-checkout-active .mo24-checkout-product-thumb {
		width: 54px !important;
		height: 70px !important;
	}
}

/* --------------------------------------------------------------------------
   v1.7.4 — checkout UX rebuild
   Goal: one clean purchase form + one cohesive order summary. The rules below
   deliberately override earlier checkout experiments and Jaroti defaults.
   -------------------------------------------------------------------------- */

/* Stable page width and two-column shell. */
body.mo24-checkout-active .woocommerce {
	width: min(1320px, calc(100% - 56px)) !important;
	max-width: 1320px !important;
}
body.mo24-checkout-active form.checkout.woocommerce-checkout {
	display: flex !important;
	flex-direction: row !important;
	align-items: flex-start !important;
	gap: 34px !important;
	width: 100% !important;
	margin: 22px 0 0 !important;
}
body.mo24-checkout-active #customer_details {
	flex: 1 1 auto !important;
	width: auto !important;
	min-width: 0 !important;
	margin: 0 !important;
}
body.mo24-checkout-active .mo24-checkout-summary {
	flex: 0 0 455px !important;
	width: 455px !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 24px !important;
	border: 1px solid var(--mo24-flow-line) !important;
	border-radius: 8px !important;
	background: #fff !important;
	box-shadow: 0 16px 46px rgba(17,17,17,.055) !important;
	position: sticky !important;
	top: 118px !important;
	align-self: flex-start !important;
}
body.mo24-checkout-active #order_review_heading {
	margin: 0 0 18px !important;
	padding: 0 0 15px !important;
	border: 0 !important;
	border-bottom: 1px solid var(--mo24-flow-line) !important;
	background: transparent !important;
	font-size: 21px !important;
	line-height: 1.2 !important;
}
body.mo24-checkout-active #order_review {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	position: static !important;
}

/* The customer form becomes compact and intentional instead of a long stack. */
body.mo24-checkout-active #customer_details .col-1 {
	padding: 26px !important;
	margin: 0 0 16px !important;
	border: 1px solid var(--mo24-flow-line) !important;
	border-radius: 8px !important;
	background: #fff !important;
}
body.mo24-checkout-active #customer_details .col-2 {
	padding: 22px 26px !important;
	margin: 0 !important;
	border: 1px solid var(--mo24-flow-line) !important;
	border-radius: 8px !important;
	background: #fff !important;
}
body.mo24-checkout-active #customer_details h3 {
	margin: 0 0 20px !important;
	font-size: 21px !important;
	line-height: 1.2 !important;
	letter-spacing: -.025em !important;
}
body.mo24-checkout-active .woocommerce-billing-fields__field-wrapper,
body.mo24-checkout-active .woocommerce-shipping-fields__field-wrapper {
	display: grid !important;
	grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
	column-gap: 14px !important;
	row-gap: 15px !important;
}
body.mo24-checkout-active .woocommerce-billing-fields__field-wrapper .form-row,
body.mo24-checkout-active .woocommerce-shipping-fields__field-wrapper .form-row {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	min-width: 0 !important;
}
body.mo24-checkout-active #billing_first_name_field,
body.mo24-checkout-active #shipping_first_name_field { grid-column: 1 / 4 !important; }
body.mo24-checkout-active #billing_last_name_field,
body.mo24-checkout-active #shipping_last_name_field { grid-column: 4 / 7 !important; }
body.mo24-checkout-active #billing_phone_field { grid-column: 1 / 4 !important; }
body.mo24-checkout-active #billing_email_field { grid-column: 4 / 7 !important; }
body.mo24-checkout-active #billing_company_field,
body.mo24-checkout-active #shipping_company_field,
body.mo24-checkout-active #billing_country_field,
body.mo24-checkout-active #shipping_country_field,
body.mo24-checkout-active #billing_state_field,
body.mo24-checkout-active #shipping_state_field { grid-column: 1 / 7 !important; }
body.mo24-checkout-active #billing_address_1_field,
body.mo24-checkout-active #shipping_address_1_field { grid-column: 1 / 5 !important; }
body.mo24-checkout-active #billing_address_2_field,
body.mo24-checkout-active #shipping_address_2_field { grid-column: 5 / 7 !important; }
body.mo24-checkout-active #billing_postcode_field,
body.mo24-checkout-active #shipping_postcode_field { grid-column: 1 / 3 !important; }
body.mo24-checkout-active #billing_city_field,
body.mo24-checkout-active #shipping_city_field { grid-column: 3 / 7 !important; }
body.mo24-checkout-active #shipping_phone_field { grid-column: 1 / 7 !important; }

/* Undo the accessibility hiding only for address line 2: it is now a real field. */
body.mo24-checkout-active #billing_address_2_field > label,
body.mo24-checkout-active #shipping_address_2_field > label {
	position: static !important;
	width: auto !important;
	height: auto !important;
	margin: 0 0 6px !important;
	padding: 0 !important;
	overflow: visible !important;
	clip: auto !important;
	clip-path: none !important;
	white-space: normal !important;
	border: 0 !important;
}

/* Cleaner field geometry. */
body.mo24-checkout-active .form-row label {
	display: block !important;
	margin: 0 0 6px !important;
	font-size: 10.5px !important;
	font-weight: 650 !important;
	line-height: 1.25 !important;
	letter-spacing: .01em !important;
}
body.mo24-checkout-active .input-text,
body.mo24-checkout-active select,
body.mo24-checkout-active textarea,
body.mo24-checkout-active .select2-container--default .select2-selection--single {
	min-height: 48px !important;
	border: 1px solid #ddd9d2 !important;
	border-radius: 4px !important;
	background: #fff !important;
	box-shadow: none !important;
}
body.mo24-checkout-active #billing_country_field .select2-container,
body.mo24-checkout-active #shipping_country_field .select2-container {
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}
body.mo24-checkout-active .select2-container--default .select2-selection--single {
	height: 48px !important;
	padding: 0 42px 0 14px !important;
}
body.mo24-checkout-active .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 46px !important;
}
body.mo24-checkout-active #order_comments {
	min-height: 96px !important;
	max-height: 140px !important;
}
body.mo24-checkout-active #ship-to-different-address {
	margin: 0 0 18px !important;
	padding: 0 0 18px !important;
	border-bottom: 1px solid var(--mo24-flow-line) !important;
}
body.mo24-checkout-active #ship-to-different-address label {
	font-size: 12px !important;
	font-weight: 650 !important;
}
body.mo24-checkout-active .woocommerce-additional-fields__field-wrapper .form-row {
	margin-bottom: 0 !important;
}

/* Products: larger thumbnails and cleaner information hierarchy. */
body.mo24-checkout-active table.woocommerce-checkout-review-order-table {
	margin: 0 !important;
	border: 0 !important;
}
body.mo24-checkout-active table.woocommerce-checkout-review-order-table tbody tr.cart_item {
	border: 0 !important;
}
body.mo24-checkout-active table.woocommerce-checkout-review-order-table tbody td {
	padding: 12px 0 !important;
	border-bottom: 1px solid var(--mo24-flow-line) !important;
}
body.mo24-checkout-active table.woocommerce-checkout-review-order-table tbody td.product-name {
	width: 76% !important;
	padding-right: 12px !important;
	grid-template-columns: 62px minmax(0,1fr) !important;
}
body.mo24-checkout-active table.woocommerce-checkout-review-order-table tbody td.product-total {
	width: 24% !important;
	white-space: nowrap !important;
	font-size: 12px !important;
	font-weight: 700 !important;
}
body.mo24-checkout-active .mo24-checkout-product-thumb {
	width: 62px !important;
	height: 82px !important;
	border-radius: 4px !important;
}
body.mo24-checkout-active .mo24-checkout-product__name {
	font-size: 11.5px !important;
	font-weight: 650 !important;
	line-height: 1.32 !important;
}
body.mo24-checkout-active .mo24-checkout-product__meta,
body.mo24-checkout-active .mo24-checkout-product__qty {
	font-size: 9.5px !important;
	line-height: 1.35 !important;
}

body.mo24-checkout-active .mo24-checkout-section-title {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	margin: 0 0 11px !important;
	color: #111 !important;
	font-size: 12px !important;
	font-weight: 750 !important;
	line-height: 1.25 !important;
	letter-spacing: .02em !important;
	text-transform: uppercase !important;
}
body.mo24-checkout-active table.woocommerce-checkout-review-order-table tr.mo24-checkout-delivery-row > th {
	display: none !important;
}
body.mo24-checkout-active table.woocommerce-checkout-review-order-table tr.mo24-checkout-delivery-row > td {
	width: 100% !important;
	max-width: none !important;
	padding-right: 0 !important;
	padding-left: 0 !important;
	text-align: left !important;
}
body.mo24-checkout-active .mo24-checkout-delivery-row #shipping_method {
	display: grid !important;
	grid-template-columns: 1fr !important;
	width: 100% !important;
	max-width: none !important;
	gap: 8px !important;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}
body.mo24-checkout-active .mo24-checkout-delivery-row #shipping_method li {
	display: grid !important;
	grid-template-columns: 18px minmax(0,1fr) !important;
	gap: 8px !important;
	align-items: start !important;
	min-height: 56px !important;
	margin: 0 !important;
	padding: 10px !important;
	border: 1px solid #e7e3dc !important;
	border-radius: 5px !important;
	background: #fff !important;
	cursor: pointer !important;
}
body.mo24-checkout-active .mo24-checkout-delivery-row #shipping_method li:has(input:checked) {
	border-color: #111 !important;
	background: #faf9f7 !important;
}
body.mo24-checkout-active .mo24-checkout-delivery-row #shipping_method input[type="radio"] {
	width: 15px !important;
	height: 15px !important;
	margin: 1px 0 0 !important;
}
body.mo24-checkout-active .mo24-checkout-delivery-row #shipping_method label {
	margin: 0 !important;
	color: #222 !important;
	font-size: 12px !important;
	font-weight: 550 !important;
	line-height: 1.35 !important;
	cursor: pointer !important;
}
/* Trust indicators are a subtle strip, not two large cards. */
body.mo24-checkout-active .mo24-checkout-trust {
	display: flex !important;
	gap: 18px !important;
	margin: 15px 0 18px !important;
	padding: 12px 0 !important;
	border-top: 1px solid var(--mo24-flow-line) !important;
	border-bottom: 1px solid var(--mo24-flow-line) !important;
}
body.mo24-checkout-active .mo24-checkout-trust > div {
	flex: 1 1 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}
body.mo24-checkout-active .mo24-checkout-trust svg {
	width: 18px !important;
	height: 18px !important;
	flex-basis: 18px !important;
}
body.mo24-checkout-active .mo24-checkout-trust strong { font-size: 9.5px !important; }
body.mo24-checkout-active .mo24-checkout-trust small { font-size: 8.5px !important; }

/* Payment is clearly separated and the selected gateway is the only focal row. */
body.mo24-checkout-active .mo24-checkout-payment-title {
	margin-top: 0 !important;
}
body.mo24-checkout-active #payment ul.payment_methods {
	padding: 0 !important;
}
body.mo24-checkout-active #payment ul.payment_methods li {
	margin: 0 0 8px !important;
	padding: 11px 12px !important;
	border: 1px solid #e7e3dc !important;
	border-radius: 5px !important;
	background: #fff !important;
}
body.mo24-checkout-active #payment ul.payment_methods li:has(input:checked) {
	border-color: #111 !important;
	background: #faf9f7 !important;
}
body.mo24-checkout-active #payment div.payment_box {
	margin: 9px 0 0 !important;
	padding: 10px 11px !important;
	background: var(--mo24-flow-soft) !important;
	font-size: 9.5px !important;
}
body.mo24-checkout-active #payment .form-row.place-order {
	padding: 16px 0 0 !important;
}
body.mo24-checkout-active .woocommerce-privacy-policy-text {
	margin: 0 0 11px !important;
	color: #777 !important;
	font-size: 9px !important;
	line-height: 1.45 !important;
}
body.mo24-checkout-active .woocommerce-terms-and-conditions-wrapper .form-row.validate-required {
	margin: 0 0 13px !important;
}
body.mo24-checkout-active .woocommerce-terms-and-conditions-checkbox-text {
	font-size: 9.5px !important;
	line-height: 1.4 !important;
}
body.mo24-checkout-active #place_order,
body.mo24-checkout-active #place_order:hover,
body.mo24-checkout-active #place_order:focus {
	width: 100% !important;
	min-height: 56px !important;
	margin: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: #111 !important;
	color: #fff !important;
	box-shadow: none !important;
	font-size: 11px !important;
	font-weight: 750 !important;
	letter-spacing: .045em !important;
	text-transform: uppercase !important;
}

/* Medium desktop: keep the summary usable instead of squeezing it. */
@media (max-width: 1180px) and (min-width: 901px) {
	body.mo24-checkout-active .woocommerce {
		width: min(1120px, calc(100% - 36px)) !important;
	}
	body.mo24-checkout-active form.checkout.woocommerce-checkout {
		gap: 24px !important;
	}
	body.mo24-checkout-active .mo24-checkout-summary {
		flex-basis: 400px !important;
		width: 400px !important;
		padding: 20px !important;
	}
	body.mo24-checkout-active .mo24-checkout-delivery-row #shipping_method {
		grid-template-columns: 1fr !important;
	}
}

/* Mobile: full-width app-like flow, no inset cards. */
@media (max-width: 900px) {
	body.mo24-checkout-active .woocommerce {
		width: 100% !important;
		padding: 16px 0 88px !important;
	}
	body.mo24-checkout-active .mo24-flow-intro,
	body.mo24-checkout-active .mo24-shipping-progress,
	body.mo24-checkout-active .checkout-login-coupon-wrapper,
	body.mo24-checkout-active .woocommerce-notices-wrapper {
		margin-left: 16px !important;
		margin-right: 16px !important;
	}
	body.mo24-checkout-active form.checkout.woocommerce-checkout {
		display: flex !important;
		flex-direction: column !important;
		gap: 14px !important;
		margin-top: 14px !important;
	}
	body.mo24-checkout-active #customer_details,
	body.mo24-checkout-active .mo24-checkout-summary {
		width: 100% !important;
		flex: none !important;
	}
	body.mo24-checkout-active #customer_details .col-1,
	body.mo24-checkout-active #customer_details .col-2,
	body.mo24-checkout-active .mo24-checkout-summary {
		width: 100% !important;
		margin: 0 !important;
		padding: 18px 16px !important;
		border-left: 0 !important;
		border-right: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
		position: static !important;
		top: auto !important;
	}
	body.mo24-checkout-active #customer_details .col-1 { margin-bottom: 12px !important; }
	body.mo24-checkout-active .woocommerce-billing-fields__field-wrapper,
	body.mo24-checkout-active .woocommerce-shipping-fields__field-wrapper {
		grid-template-columns: 1fr !important;
		gap: 13px !important;
	}
	body.mo24-checkout-active .woocommerce-billing-fields__field-wrapper .form-row,
	body.mo24-checkout-active .woocommerce-shipping-fields__field-wrapper .form-row {
		grid-column: 1 !important;
	}
	body.mo24-checkout-active #order_review_heading {
		font-size: 20px !important;
	}
	body.mo24-checkout-active .mo24-checkout-delivery-row #shipping_method {
		grid-template-columns: 1fr !important;
	}
	body.mo24-checkout-active .mo24-checkout-delivery-row #shipping_method li {
		min-height: 50px !important;
	}
	body.mo24-checkout-active .mo24-checkout-trust {
		gap: 10px !important;
	}
	body.mo24-checkout-active table.woocommerce-checkout-review-order-table tbody td.product-name {
		grid-template-columns: 56px minmax(0,1fr) !important;
	}
	body.mo24-checkout-active .mo24-checkout-product-thumb {
		width: 56px !important;
		height: 74px !important;
	}
}

@media (max-width: 430px) {
	body.mo24-checkout-active .mo24-checkout-trust {
		display: grid !important;
		grid-template-columns: 1fr 1fr !important;
	}
	body.mo24-checkout-active .mo24-checkout-trust small { display: none !important; }
	body.mo24-checkout-active table.woocommerce-checkout-review-order-table tbody td.product-name {
		width: 70% !important;
	}
	body.mo24-checkout-active table.woocommerce-checkout-review-order-table tbody td.product-total {
		width: 30% !important;
	}
}

/* --------------------------------------------------------------------------
   v1.7.5 — checkout stabilization
   - one live shipping-method list only (AJAX-safe)
   - deterministic billing field order
   - cleaner Select2/country field geometry
   - continuous product separators and compact shipping cards
   -------------------------------------------------------------------------- */
body.mo24-checkout-active .woocommerce-billing-fields__field-wrapper,
body.mo24-checkout-active .woocommerce-shipping-fields__field-wrapper {
	grid-auto-flow: row !important;
}

/* The JS also reorders nodes for keyboard/tab order; these row coordinates are
   a visual fallback against late theme/plugin priority overrides. */
body.mo24-checkout-active #billing_first_name_field { grid-column: 1 / 4 !important; grid-row: 1 !important; }
body.mo24-checkout-active #billing_last_name_field  { grid-column: 4 / 7 !important; grid-row: 1 !important; }
body.mo24-checkout-active #billing_phone_field      { grid-column: 1 / 4 !important; grid-row: 2 !important; }
body.mo24-checkout-active #billing_email_field      { grid-column: 4 / 7 !important; grid-row: 2 !important; }
body.mo24-checkout-active #billing_company_field    { grid-column: 1 / 7 !important; grid-row: 3 !important; }
body.mo24-checkout-active #billing_country_field    { grid-column: 1 / 7 !important; grid-row: 4 !important; }
body.mo24-checkout-active #billing_address_1_field  { grid-column: 1 / 5 !important; grid-row: 5 !important; }
body.mo24-checkout-active #billing_address_2_field  { grid-column: 5 / 7 !important; grid-row: 5 !important; }
body.mo24-checkout-active #billing_postcode_field   { grid-column: 1 / 3 !important; grid-row: 6 !important; }
body.mo24-checkout-active #billing_city_field       { grid-column: 3 / 7 !important; grid-row: 6 !important; }
body.mo24-checkout-active #billing_state_field      { grid-column: 1 / 7 !important; grid-row: 7 !important; }

/* Jaroti/Select2 can add a second frame around the visible country selector. */
body.mo24-checkout-active .woocommerce-input-wrapper {
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}
body.mo24-checkout-active #billing_country_field,
body.mo24-checkout-active #shipping_country_field {
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}
body.mo24-checkout-active #billing_country_field .select2,
body.mo24-checkout-active #shipping_country_field .select2,
body.mo24-checkout-active #billing_country_field .select2-container,
body.mo24-checkout-active #shipping_country_field .select2-container {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}
body.mo24-checkout-active #billing_country_field .select2-selection--single,
body.mo24-checkout-active #shipping_country_field .select2-selection--single {
	width: 100% !important;
	height: 48px !important;
	min-height: 48px !important;
	margin: 0 !important;
	padding: 0 42px 0 14px !important;
	border: 1px solid #ddd9d2 !important;
	border-radius: 4px !important;
	background: #fff !important;
	box-shadow: none !important;
}

/* Product rows use one uninterrupted divider instead of two short cell lines. */
body.mo24-checkout-active table.woocommerce-checkout-review-order-table tbody tr.cart_item {
	border-bottom: 1px solid var(--mo24-flow-line) !important;
}
body.mo24-checkout-active table.woocommerce-checkout-review-order-table tbody tr.cart_item td {
	border-bottom: 0 !important;
}

/* The shipping list stays in WooCommerce's native review table so checkout
   fragments can replace it safely after address and payment updates. */
body.mo24-checkout-active .mo24-checkout-delivery-row #shipping_method li {
	min-height: 52px !important;
	padding: 9px 10px !important;
}
body.mo24-checkout-active .mo24-checkout-delivery-row #shipping_method li.is-selected,
body.mo24-checkout-active .mo24-checkout-delivery-row #shipping_method li:has(input:checked) {
	border-color: #111 !important;
	background: #faf9f7 !important;
}
body.mo24-checkout-active .mo24-checkout-delivery-row #shipping_method label {
	display: flex !important;
	align-items: flex-start !important;
	justify-content: space-between !important;
	gap: 8px !important;
	width: 100% !important;
	min-width: 0 !important;
}
body.mo24-checkout-active .mo24-checkout-delivery-row .mo24-shipping-name {
	flex: 1 1 auto !important;
	min-width: 0 !important;
	color: #222 !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	line-height: 1.32 !important;
	word-break: normal !important;
	overflow-wrap: normal !important;
	hyphens: none !important;
}
body.mo24-checkout-active .mo24-checkout-delivery-row .mo24-shipping-price {
	flex: 0 0 auto !important;
	color: var(--mo24-flow-accent) !important;
	font-size: 11px !important;
	font-weight: 750 !important;
	line-height: 1.35 !important;
	letter-spacing: .02em !important;
}

@media (max-width: 900px) {
	body.mo24-checkout-active #billing_first_name_field,
	body.mo24-checkout-active #billing_last_name_field,
	body.mo24-checkout-active #billing_phone_field,
	body.mo24-checkout-active #billing_email_field,
	body.mo24-checkout-active #billing_company_field,
	body.mo24-checkout-active #billing_country_field,
	body.mo24-checkout-active #billing_address_1_field,
	body.mo24-checkout-active #billing_address_2_field,
	body.mo24-checkout-active #billing_postcode_field,
	body.mo24-checkout-active #billing_city_field,
	body.mo24-checkout-active #billing_state_field {
		grid-column: 1 !important;
		grid-row: auto !important;
	}
}

/* --------------------------------------------------------------------------
   Checkout country and coupon polish
   -------------------------------------------------------------------------- */

/* Keep WooCommerce's SelectWoo instance alive. It owns accessibility,
   searching and checkout refresh bindings; CSS only normalises its frame. */
body.mo24-checkout-active #billing_country_field .woocommerce-input-wrapper,
body.mo24-checkout-active #shipping_country_field .woocommerce-input-wrapper {
	position: relative !important;
	display: block !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
}

/* Keep the searchable dropdown bounded and usable on small screens. */
body.mo24-checkout-active .select2-container--open .select2-dropdown {
	z-index: 999999 !important;
	border: 1px solid #ddd9d2 !important;
	border-radius: 4px !important;
	box-shadow: 0 12px 32px rgba(0,0,0,.10) !important;
	overflow: hidden !important;
}
body.mo24-checkout-active .select2-results__options {
	max-height: 260px !important;
	overflow-y: auto !important;
}
body.mo24-checkout-active .select2-search--dropdown {
	padding: 10px !important;
}
body.mo24-checkout-active .select2-search--dropdown .select2-search__field {
	height: 42px !important;
	min-height: 42px !important;
	padding: 0 12px !important;
	border: 1px solid #ddd9d2 !important;
	border-radius: 4px !important;
}
body.mo24-checkout-active .select2-results__option {
	padding: 9px 12px !important;
	font-size: 12px !important;
	line-height: 1.35 !important;
}

/* Checkout coupon: compact disclosure + compact inline form. */
body.mo24-checkout-active .checkout-login-coupon-wrapper,
body.mo24-checkout-active .checkout-coupon-wrapper {
	width: 100% !important;
	margin: 0 0 22px !important;
}
body.mo24-checkout-active .woocommerce-form-coupon-toggle {
	margin: 0 !important;
}
body.mo24-checkout-active .woocommerce-form-coupon-toggle .woocommerce-info {
	display: flex !important;
	align-items: center !important;
	gap: 5px !important;
	width: 100% !important;
	min-height: 48px !important;
	margin: 0 !important;
	padding: 0 16px !important;
	border: 1px solid #e3dfd8 !important;
	border-radius: 6px !important;
	background: #fff !important;
	color: #333 !important;
	box-shadow: none !important;
	font-size: 12px !important;
	line-height: 1.4 !important;
}
body.mo24-checkout-active .woocommerce-form-coupon-toggle .woocommerce-info::before,
body.mo24-checkout-active .woocommerce-form-coupon-toggle .woocommerce-info::after {
	content: none !important;
	display: none !important;
}
body.mo24-checkout-active .woocommerce-form-coupon-toggle .showcoupon {
	color: var(--mo24-flow-accent) !important;
	font-weight: 600 !important;
	text-decoration: none !important;
	border-bottom: 1px solid rgba(184,151,87,.35) !important;
}
body.mo24-checkout-active form.checkout_coupon.woocommerce-form-coupon {
	display: flex !important;
	align-items: stretch !important;
	gap: 10px !important;
	width: min(100%, 720px) !important;
	max-width: 720px !important;
	margin: 10px 0 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
}
body.mo24-checkout-active form.checkout_coupon.woocommerce-form-coupon[style*="display:none"],
body.mo24-checkout-active form.checkout_coupon.woocommerce-form-coupon[style*="display: none"] {
	display: none !important;
}
body.mo24-checkout-active form.checkout_coupon.woocommerce-form-coupon .form-row {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}
body.mo24-checkout-active form.checkout_coupon.woocommerce-form-coupon .form-row-first {
	flex: 1 1 auto !important;
	min-width: 0 !important;
}
body.mo24-checkout-active form.checkout_coupon.woocommerce-form-coupon .form-row-last {
	flex: 0 0 auto !important;
}
body.mo24-checkout-active form.checkout_coupon.woocommerce-form-coupon input.input-text {
	width: 100% !important;
	height: 48px !important;
	min-height: 48px !important;
	padding: 0 14px !important;
	border: 1px solid #cfcac2 !important;
	border-radius: 4px !important;
	background: #fff !important;
	font-size: 13px !important;
	box-shadow: none !important;
}
body.mo24-checkout-active form.checkout_coupon.woocommerce-form-coupon button.button {
	width: auto !important;
	height: 48px !important;
	min-height: 48px !important;
	margin: 0 !important;
	padding: 0 22px !important;
	border: 1px solid #111 !important;
	border-radius: 4px !important;
	background: #111 !important;
	color: #fff !important;
	box-shadow: none !important;
	font-size: 11px !important;
	font-weight: 700 !important;
	letter-spacing: .02em !important;
	white-space: nowrap !important;
}
body.mo24-checkout-active form.checkout_coupon.woocommerce-form-coupon button.button:hover,
body.mo24-checkout-active form.checkout_coupon.woocommerce-form-coupon button.button:focus {
	background: #2a2a2a !important;
	color: #fff !important;
}
body.mo24-checkout-active form.checkout_coupon.woocommerce-form-coupon button.button::before,
body.mo24-checkout-active form.checkout_coupon.woocommerce-form-coupon button.button::after {
	content: none !important;
	display: none !important;
}

@media (max-width: 600px) {
	body.mo24-checkout-active .woocommerce-form-coupon-toggle .woocommerce-info {
		min-height: 44px !important;
		padding: 10px 12px !important;
		font-size: 11px !important;
	}
	body.mo24-checkout-active form.checkout_coupon.woocommerce-form-coupon {
		width: 100% !important;
		max-width: none !important;
		gap: 8px !important;
	}
	body.mo24-checkout-active form.checkout_coupon.woocommerce-form-coupon button.button {
		padding: 0 14px !important;
		font-size: 10px !important;
	}
	body.mo24-checkout-active #billing_country:not(.select2-hidden-accessible),
	body.mo24-checkout-active #shipping_country:not(.select2-hidden-accessible) {
		height: 48px !important;
		min-height: 48px !important;
		font-size: 16px !important; /* avoids iOS zoom */
	}
}

/* --------------------------------------------------------------------------
   v1.7.7 — mobile checkout redesign
   - removes the oversized theme breadcrumb/title spacer on checkout
   - compacts intro, progress and coupon disclosure
   - turns customer fields into a clean app-like one-column form
   - removes card-within-card feeling and oversized mobile spacing
   -------------------------------------------------------------------------- */
@media (max-width: 900px) {
	/* Jaroti's checkout breadcrumb/page-title area consumes a large part of the
	   first viewport. The flow header already tells the customer where they are. */
	body.mo24-checkout-active .breadcrumb-title-wrapper,
	body.mo24-checkout-active .breadcrumb-title,
	body.mo24-checkout-active .breadcrumbs,
	body.mo24-checkout-active .woocommerce-breadcrumb,
	body.mo24-checkout-active .ts-breadcrumb,
	body.mo24-checkout-active .page-title-breadcrumbs,
	body.mo24-checkout-active .page-title-wrapper {
		display: none !important;
		margin: 0 !important;
		padding: 0 !important;
		min-height: 0 !important;
	}

	body.mo24-checkout-active #main-content,
	body.mo24-checkout-active #primary,
	body.mo24-checkout-active .site-content,
	body.mo24-checkout-active article,
	body.mo24-checkout-active article > .woocommerce {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}

	body.mo24-checkout-active .woocommerce {
		padding: 10px 0 88px !important;
	}

	/* Flow header: one compact first-screen block. */
	body.mo24-checkout-active .mo24-flow-intro {
		margin: 0 18px 14px !important;
		padding: 10px 0 16px !important;
		border-bottom: 1px solid #ece8e1 !important;
	}
	body.mo24-checkout-active .mo24-flow-intro__copy > span {
		margin-bottom: 5px !important;
		font-size: 10px !important;
		line-height: 1.2 !important;
		letter-spacing: .075em !important;
	}
	body.mo24-checkout-active .mo24-flow-intro__copy h1 {
		margin: 0 0 5px !important;
		font-size: clamp(29px, 8.2vw, 34px) !important;
		line-height: 1.04 !important;
		letter-spacing: -.035em !important;
	}
	body.mo24-checkout-active .mo24-flow-intro__copy p {
		max-width: 34ch !important;
		margin: 0 !important;
		font-size: 13px !important;
		line-height: 1.45 !important;
	}
	body.mo24-checkout-active .mo24-flow-steps {
		gap: 12px !important;
		margin-top: 13px !important;
		overflow: visible !important;
	}
	body.mo24-checkout-active .mo24-flow-steps li {
		gap: 0 !important;
		font-size: 0 !important;
	}
	body.mo24-checkout-active .mo24-flow-steps li strong {
		display: none !important;
	}
	body.mo24-checkout-active .mo24-flow-steps li > span {
		width: 30px !important;
		height: 30px !important;
		font-size: 11px !important;
	}

	/* Shipping threshold becomes a compact status card. */
	body.mo24-checkout-active .mo24-shipping-progress {
		align-items: center !important;
		gap: 11px !important;
		margin: 0 18px 12px !important;
		padding: 12px 13px !important;
		border-radius: 10px !important;
		background: #faf8f3 !important;
	}
	body.mo24-checkout-active .mo24-shipping-progress__icon {
		flex: 0 0 38px !important;
		width: 38px !important;
		height: 38px !important;
	}
	body.mo24-checkout-active .mo24-shipping-progress__icon svg {
		width: 19px !important;
		height: 19px !important;
	}
	body.mo24-checkout-active .mo24-shipping-progress__body strong {
		margin-bottom: 2px !important;
		font-size: 12px !important;
		line-height: 1.3 !important;
	}
	body.mo24-checkout-active .mo24-shipping-progress__body > span {
		font-size: 10px !important;
		line-height: 1.35 !important;
	}
	body.mo24-checkout-active .mo24-shipping-progress__track {
		height: 3px !important;
		margin-top: 7px !important;
	}

	/* Coupon on mobile should read as a utility, not another large card. */
	body.mo24-checkout-active .checkout-login-coupon-wrapper,
	body.mo24-checkout-active .checkout-coupon-wrapper {
		margin: 0 18px 14px !important;
		width: auto !important;
	}
	body.mo24-checkout-active .woocommerce-form-coupon-toggle .woocommerce-info {
		display: block !important;
		min-height: 0 !important;
		padding: 8px 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		font-size: 12px !important;
		line-height: 1.4 !important;
	}
	body.mo24-checkout-active .woocommerce-form-coupon-toggle .showcoupon {
		font-weight: 600 !important;
		border-bottom: 0 !important;
	}
	body.mo24-checkout-active form.checkout_coupon.woocommerce-form-coupon {
		display: grid !important;
		grid-template-columns: minmax(0,1fr) auto !important;
		gap: 8px !important;
		width: 100% !important;
		max-width: none !important;
		margin-top: 7px !important;
	}
	body.mo24-checkout-active form.checkout_coupon.woocommerce-form-coupon[style*="display:none"],
	body.mo24-checkout-active form.checkout_coupon.woocommerce-form-coupon[style*="display: none"] {
		display: none !important;
	}
	body.mo24-checkout-active form.checkout_coupon.woocommerce-form-coupon input.input-text,
	body.mo24-checkout-active form.checkout_coupon.woocommerce-form-coupon button.button {
		height: 44px !important;
		min-height: 44px !important;
	}
	body.mo24-checkout-active form.checkout_coupon.woocommerce-form-coupon input.input-text {
		font-size: 16px !important;
	}
	body.mo24-checkout-active form.checkout_coupon.woocommerce-form-coupon button.button {
		padding: 0 13px !important;
		font-size: 9.5px !important;
	}

	/* Customer data: eliminate the inset-card look and reduce vertical travel. */
	body.mo24-checkout-active form.checkout.woocommerce-checkout {
		gap: 0 !important;
		margin-top: 2px !important;
	}
	body.mo24-checkout-active #customer_details,
	body.mo24-checkout-active #customer_details .col-1,
	body.mo24-checkout-active #customer_details .col-2 {
		width: 100% !important;
		margin: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: #fff !important;
		box-shadow: none !important;
	}
	body.mo24-checkout-active #customer_details .col-1 {
		padding: 20px 18px 14px !important;
		border-top: 1px solid #ece8e1 !important;
	}
	body.mo24-checkout-active #customer_details .col-2 {
		padding: 4px 18px 18px !important;
	}
	body.mo24-checkout-active .woocommerce-billing-fields > h3 {
		margin: 0 0 17px !important;
		font-size: 25px !important;
		line-height: 1.15 !important;
		letter-spacing: -.025em !important;
	}
	body.mo24-checkout-active .woocommerce-billing-fields__field-wrapper,
	body.mo24-checkout-active .woocommerce-shipping-fields__field-wrapper {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 11px !important;
	}
	body.mo24-checkout-active .woocommerce-billing-fields__field-wrapper .form-row,
	body.mo24-checkout-active .woocommerce-shipping-fields__field-wrapper .form-row {
		margin: 0 !important;
		padding: 0 !important;
	}
	body.mo24-checkout-active .woocommerce-billing-fields label,
	body.mo24-checkout-active .woocommerce-shipping-fields label,
	body.mo24-checkout-active .woocommerce-additional-fields label {
		display: block !important;
		margin: 0 0 6px !important;
		font-size: 11px !important;
		font-weight: 650 !important;
		line-height: 1.3 !important;
	}
	body.mo24-checkout-active .woocommerce-billing-fields input.input-text,
	body.mo24-checkout-active .woocommerce-shipping-fields input.input-text,
	body.mo24-checkout-active #billing_country:not(.select2-hidden-accessible),
	body.mo24-checkout-active #shipping_country:not(.select2-hidden-accessible) {
		height: 46px !important;
		min-height: 46px !important;
		padding: 0 13px !important;
		border: 1px solid #ddd9d2 !important;
		border-radius: 4px !important;
		background: #fff !important;
		font-size: 16px !important;
		line-height: 46px !important;
	}
	body.mo24-checkout-active .woocommerce-additional-fields textarea,
	body.mo24-checkout-active textarea#order_comments {
		min-height: 96px !important;
		padding: 12px 13px !important;
		font-size: 16px !important;
		line-height: 1.4 !important;
	}
	body.mo24-checkout-active #ship-to-different-address {
		margin: 0 0 14px !important;
		padding: 13px 0 !important;
		border-top: 1px solid #ece8e1 !important;
		border-bottom: 1px solid #ece8e1 !important;
		font-size: 12px !important;
	}
	body.mo24-checkout-active .woocommerce-additional-fields__field-wrapper {
		padding-top: 0 !important;
	}

	/* Summary appears as a distinct final step, still full width. */
	body.mo24-checkout-active .mo24-checkout-summary {
		margin-top: 10px !important;
		padding: 20px 18px calc(22px + env(safe-area-inset-bottom)) !important;
		border-top: 8px solid #f7f5f1 !important;
		border-left: 0 !important;
		border-right: 0 !important;
		border-bottom: 0 !important;
		border-radius: 0 !important;
		box-shadow: none !important;
	}
	body.mo24-checkout-active #order_review_heading {
		margin: 0 0 15px !important;
		font-size: 23px !important;
		line-height: 1.15 !important;
	}
	body.mo24-checkout-active table.woocommerce-checkout-review-order-table tbody tr.cart_item {
		padding: 11px 0 !important;
	}
	body.mo24-checkout-active table.woocommerce-checkout-review-order-table tfoot {
		display: block !important;
		width: 100% !important;
	}
	body.mo24-checkout-active table.woocommerce-checkout-review-order-table tfoot > tr {
		width: 100% !important;
	}
	body.mo24-checkout-active table.woocommerce-checkout-review-order-table tfoot > tr:not(.mo24-checkout-delivery-row) {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto !important;
		align-items: center !important;
	}
	body.mo24-checkout-active table.woocommerce-checkout-review-order-table tfoot > tr:not(.mo24-checkout-delivery-row) > th,
	body.mo24-checkout-active table.woocommerce-checkout-review-order-table tfoot > tr:not(.mo24-checkout-delivery-row) > td {
		display: block !important;
		width: auto !important;
		min-width: 0 !important;
	}
	/* Shipping must not remain squeezed into the value column of WooCommerce's
	   totals table. On phones it becomes one full-width, touch-friendly step. */
	body.mo24-checkout-active table.woocommerce-checkout-review-order-table tr.mo24-checkout-delivery-row {
		display: block !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 18px 0 !important;
		border-bottom: 1px solid var(--mo24-flow-line) !important;
	}
	body.mo24-checkout-active table.woocommerce-checkout-review-order-table tr.mo24-checkout-delivery-row > th {
		display: none !important;
	}
	body.mo24-checkout-active table.woocommerce-checkout-review-order-table tr.mo24-checkout-delivery-row > td {
		display: block !important;
		width: 100% !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		text-align: left !important;
	}
	body.mo24-checkout-active table.woocommerce-checkout-review-order-table tr.mo24-checkout-delivery-row > td::before {
		content: none !important;
		display: none !important;
	}
	body.mo24-checkout-active .mo24-checkout-delivery-title {
		width: 100% !important;
		margin-bottom: 12px !important;
		font-size: 13px !important;
	}
	body.mo24-checkout-active .mo24-checkout-delivery-row #shipping_method {
		display: grid !important;
		grid-template-columns: 1fr !important;
		width: 100% !important;
		max-width: none !important;
		gap: 9px !important;
	}
	body.mo24-checkout-active .mo24-checkout-delivery-row #shipping_method li {
		box-sizing: border-box !important;
		width: 100% !important;
		max-width: none !important;
		min-height: 58px !important;
		grid-template-columns: 22px minmax(0, 1fr) !important;
		align-items: center !important;
		gap: 11px !important;
		padding: 13px 14px !important;
	}
	body.mo24-checkout-active .mo24-checkout-delivery-row #shipping_method input[type="radio"] {
		width: 18px !important;
		height: 18px !important;
		margin: 0 !important;
	}
	body.mo24-checkout-active .mo24-checkout-delivery-row #shipping_method label {
		align-items: center !important;
		width: 100% !important;
		font-size: 12px !important;
		line-height: 1.35 !important;
	}
	body.mo24-checkout-active .mo24-checkout-delivery-row #shipping_method label .woocommerce-Price-amount,
	body.mo24-checkout-active .mo24-checkout-delivery-row #shipping_method label .amount {
		flex: 0 0 auto !important;
		margin-left: auto !important;
		padding-left: 12px !important;
		white-space: nowrap !important;
		font-weight: 700 !important;
	}
	body.mo24-checkout-active .mo24-checkout-delivery-row .mo24-shipping-name {
		font-size: 12px !important;
	}
	body.mo24-checkout-active .mo24-checkout-delivery-row .mo24-shipping-price {
		margin-left: auto !important;
		font-size: 11px !important;
		white-space: nowrap !important;
	}

	/* Theme back-to-top overlaps the sticky/final CTA area on small screens. */
	body.mo24-checkout-active #to-top,
	body.mo24-checkout-active .back-to-top,
	body.mo24-checkout-active .ts-floating-sidebar .back-to-top,
	body.mo24-checkout-active a.ts-back-to-top {
		display: none !important;
	}
}

@media (max-width: 430px) {
	body.mo24-checkout-active .mo24-flow-intro,
	body.mo24-checkout-active .mo24-shipping-progress,
	body.mo24-checkout-active .checkout-login-coupon-wrapper,
	body.mo24-checkout-active .checkout-coupon-wrapper {
		margin-left: 16px !important;
		margin-right: 16px !important;
	}
	body.mo24-checkout-active form.checkout_coupon.woocommerce-form-coupon {
		grid-template-columns: 1fr !important;
	}
	body.mo24-checkout-active form.checkout_coupon.woocommerce-form-coupon button.button {
		width: 100% !important;
	}
	body.mo24-checkout-active .woocommerce-billing-fields > h3 {
		font-size: 24px !important;
	}
}


/* --------------------------------------------------------------------------
   v1.7.8 — decisive mobile checkout reset
   The previous mobile layer was still too close to the desktop composition.
   This section intentionally wins by source order and targets only phones.
   -------------------------------------------------------------------------- */
@media (max-width: 767px) {
	/* Keep focused fields below Jaroti's sticky mobile header. */
	html { scroll-padding-top: 118px !important; }
	body.mo24-checkout-active input,
	body.mo24-checkout-active select,
	body.mo24-checkout-active textarea,
	body.mo24-checkout-active button,
	body.mo24-checkout-active [tabindex] {
		scroll-margin-top: 118px !important;
	}

	/* Remove any theme spacer/title shells that survive Jaroti breakpoints. */
	body.mo24-checkout-active .breadcrumb-title-wrapper,
	body.mo24-checkout-active .breadcrumb-title,
	body.mo24-checkout-active .breadcrumbs,
	body.mo24-checkout-active .woocommerce-breadcrumb,
	body.mo24-checkout-active .ts-breadcrumb,
	body.mo24-checkout-active .page-title-breadcrumbs,
	body.mo24-checkout-active .page-title-wrapper,
	body.mo24-checkout-active .page-title,
	body.mo24-checkout-active .heading-title.page-title,
	body.mo24-checkout-active .breadcrumb-title-wrapper + .page-container {
		margin-top: 0 !important;
		padding-top: 0 !important;
		min-height: 0 !important;
	}
	body.mo24-checkout-active .breadcrumb-title-wrapper,
	body.mo24-checkout-active .breadcrumb-title,
	body.mo24-checkout-active .breadcrumbs,
	body.mo24-checkout-active .woocommerce-breadcrumb,
	body.mo24-checkout-active .ts-breadcrumb,
	body.mo24-checkout-active .page-title-breadcrumbs,
	body.mo24-checkout-active .page-title-wrapper,
	body.mo24-checkout-active .page-title {
		display: none !important;
	}

	body.mo24-checkout-active #main-content,
	body.mo24-checkout-active #primary,
	body.mo24-checkout-active .site-content,
	body.mo24-checkout-active article,
	body.mo24-checkout-active article > .woocommerce,
	body.mo24-checkout-active .woocommerce {
		margin-top: 0 !important;
		padding-top: 0 !important;
	}
	body.mo24-checkout-active .woocommerce {
		width: 100% !important;
		padding-bottom: 72px !important;
	}

	/* Compact mobile heading: title + tiny progress only. */
	body.mo24-checkout-active .mo24-flow-intro {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) auto !important;
		align-items: center !important;
		gap: 12px !important;
		margin: 0 16px 8px !important;
		padding: 10px 0 11px !important;
		border-bottom: 1px solid #ece8e1 !important;
	}
	body.mo24-checkout-active .mo24-flow-intro__copy > span,
	body.mo24-checkout-active .mo24-flow-intro__copy p {
		display: none !important;
	}
	body.mo24-checkout-active .mo24-flow-intro__copy h1 {
		margin: 0 !important;
		font-size: 24px !important;
		line-height: 1.08 !important;
		letter-spacing: -.03em !important;
		white-space: nowrap !important;
	}
	body.mo24-checkout-active .mo24-flow-steps {
		display: flex !important;
		align-items: center !important;
		gap: 6px !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	body.mo24-checkout-active .mo24-flow-steps li strong { display: none !important; }
	body.mo24-checkout-active .mo24-flow-steps li > span {
		width: 24px !important;
		height: 24px !important;
		min-width: 24px !important;
		font-size: 10px !important;
		line-height: 24px !important;
	}

	/* Free-shipping status is a slim utility row, not a marketing card. */
	body.mo24-checkout-active .mo24-shipping-progress {
		display: grid !important;
		grid-template-columns: 30px minmax(0,1fr) !important;
		align-items: center !important;
		gap: 9px !important;
		margin: 0 16px 8px !important;
		padding: 9px 10px !important;
		border: 1px solid #ece6dc !important;
		border-radius: 7px !important;
		background: #fbfaf7 !important;
	}
	body.mo24-checkout-active .mo24-shipping-progress__icon {
		width: 30px !important;
		height: 30px !important;
		min-width: 30px !important;
		background: #fff !important;
	}
	body.mo24-checkout-active .mo24-shipping-progress__icon svg {
		width: 16px !important;
		height: 16px !important;
	}
	body.mo24-checkout-active .mo24-shipping-progress__body strong {
		margin: 0 !important;
		font-size: 11px !important;
		line-height: 1.25 !important;
	}
	body.mo24-checkout-active .mo24-shipping-progress__body > span {
		display: none !important;
	}
	body.mo24-checkout-active .mo24-shipping-progress__track {
		height: 2px !important;
		margin-top: 5px !important;
	}

	/* Coupon: single quiet line; form only when expanded. */
	body.mo24-checkout-active .checkout-login-coupon-wrapper,
	body.mo24-checkout-active .checkout-coupon-wrapper {
		margin: 0 16px 8px !important;
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
	}
	body.mo24-checkout-active .woocommerce-form-coupon-toggle .woocommerce-info {
		min-height: 0 !important;
		margin: 0 !important;
		padding: 7px 0 !important;
		border: 0 !important;
		background: transparent !important;
		font-size: 11px !important;
		line-height: 1.35 !important;
	}
	body.mo24-checkout-active form.checkout_coupon.woocommerce-form-coupon {
		margin: 4px 0 0 !important;
		padding: 0 !important;
		border: 0 !important;
		box-shadow: none !important;
	}

	/* Customer section: no outer card, no giant gaps. */
	body.mo24-checkout-active form.checkout.woocommerce-checkout {
		margin: 0 !important;
		gap: 0 !important;
	}
	body.mo24-checkout-active #customer_details,
	body.mo24-checkout-active #customer_details .col-1,
	body.mo24-checkout-active #customer_details .col-2,
	body.mo24-checkout-active .woocommerce-billing-fields,
	body.mo24-checkout-active .woocommerce-shipping-fields,
	body.mo24-checkout-active .woocommerce-additional-fields {
		margin: 0 !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: #fff !important;
		box-shadow: none !important;
	}
	body.mo24-checkout-active #customer_details .col-1 {
		padding: 16px 16px 6px !important;
		border-top: 1px solid #ece8e1 !important;
	}
	body.mo24-checkout-active #customer_details .col-2 {
		padding: 0 16px 12px !important;
	}
	body.mo24-checkout-active .woocommerce-billing-fields > h3 {
		margin: 0 0 14px !important;
		font-size: 22px !important;
		line-height: 1.1 !important;
	}
	body.mo24-checkout-active .woocommerce-billing-fields__field-wrapper,
	body.mo24-checkout-active .woocommerce-shipping-fields__field-wrapper {
		display: grid !important;
		grid-template-columns: 1fr !important;
		gap: 9px !important;
	}
	body.mo24-checkout-active .woocommerce-billing-fields__field-wrapper .form-row,
	body.mo24-checkout-active .woocommerce-shipping-fields__field-wrapper .form-row,
	body.mo24-checkout-active .woocommerce-account-fields .form-row,
	body.mo24-checkout-active .woocommerce-additional-fields .form-row {
		width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		min-height: 0 !important;
	}
	body.mo24-checkout-active .woocommerce-billing-fields label,
	body.mo24-checkout-active .woocommerce-shipping-fields label,
	body.mo24-checkout-active .woocommerce-additional-fields label {
		margin: 0 0 5px !important;
		font-size: 10.5px !important;
		line-height: 1.25 !important;
	}
	body.mo24-checkout-active .woocommerce-billing-fields input.input-text,
	body.mo24-checkout-active .woocommerce-shipping-fields input.input-text,
	body.mo24-checkout-active #billing_country:not(.select2-hidden-accessible),
	body.mo24-checkout-active #shipping_country:not(.select2-hidden-accessible) {
		height: 44px !important;
		min-height: 44px !important;
		padding: 0 12px !important;
		font-size: 16px !important;
		line-height: 44px !important;
		border-radius: 3px !important;
	}

	/* Optional account creation: theme normally gives this huge vertical spacing. */
	body.mo24-checkout-active .woocommerce-account-fields,
	body.mo24-checkout-active .woocommerce-account-fields .create-account,
	body.mo24-checkout-active p.create-account {
		display: block !important;
		width: 100% !important;
		min-height: 0 !important;
		margin: 8px 0 0 !important;
		padding: 0 !important;
		border: 0 !important;
		background: transparent !important;
	}
	body.mo24-checkout-active .woocommerce-account-fields::before,
	body.mo24-checkout-active .woocommerce-account-fields::after,
	body.mo24-checkout-active .woocommerce-account-fields .create-account::before,
	body.mo24-checkout-active .woocommerce-account-fields .create-account::after {
		display: none !important;
		content: none !important;
	}
	body.mo24-checkout-active .woocommerce-account-fields label,
	body.mo24-checkout-active .woocommerce-account-fields .woocommerce-form__label-for-checkbox {
		display: inline-flex !important;
		align-items: center !important;
		gap: 8px !important;
		margin: 0 !important;
		padding: 6px 0 !important;
		font-size: 11px !important;
		line-height: 1.3 !important;
	}

	/* Different shipping address: one compact row, no decorative short rules. */
	body.mo24-checkout-active #ship-to-different-address,
	body.mo24-checkout-active .woocommerce-shipping-fields > h3#ship-to-different-address {
		width: 100% !important;
		min-height: 0 !important;
		margin: 8px 0 10px !important;
		padding: 8px 0 !important;
		border-top: 1px solid #ece8e1 !important;
		border-bottom: 1px solid #ece8e1 !important;
	}
	body.mo24-checkout-active #ship-to-different-address::before,
	body.mo24-checkout-active #ship-to-different-address::after,
	body.mo24-checkout-active #ship-to-different-address label::before,
	body.mo24-checkout-active #ship-to-different-address label::after {
		content: none !important;
		display: none !important;
	}
	body.mo24-checkout-active #ship-to-different-address label {
		display: inline-flex !important;
		align-items: center !important;
		gap: 8px !important;
		margin: 0 !important;
		padding: 0 !important;
		font-size: 11px !important;
		line-height: 1.3 !important;
	}

	/* Notes: compact, not half a screen. */
	body.mo24-checkout-active .woocommerce-additional-fields {
		padding: 0 !important;
	}
	body.mo24-checkout-active .woocommerce-additional-fields__field-wrapper {
		margin: 0 !important;
		padding: 0 !important;
	}
	body.mo24-checkout-active .woocommerce-additional-fields textarea,
	body.mo24-checkout-active textarea#order_comments {
		min-height: 82px !important;
		max-height: 120px !important;
		padding: 10px 12px !important;
		font-size: 16px !important;
		line-height: 1.35 !important;
	}

	/* Summary remains a full-width final step. */
	body.mo24-checkout-active .mo24-checkout-summary {
		margin: 8px 0 0 !important;
		padding: 18px 16px calc(20px + env(safe-area-inset-bottom)) !important;
		border-top: 6px solid #f7f5f1 !important;
	}
}

@media (max-width: 390px) {
	body.mo24-checkout-active .mo24-flow-intro__copy h1 { font-size: 22px !important; }
	body.mo24-checkout-active .mo24-flow-steps li > span {
		width: 22px !important;
		height: 22px !important;
		min-width: 22px !important;
		line-height: 22px !important;
	}
}

/* --------------------------------------------------------------------------
   v1.7.9 — checkout coupon alignment fix
   Center the coupon disclosure and the expanded form on mobile. Jaroti/WC
   otherwise leave the flex content aligned to the left even when the wrapper
   itself is centered.
   -------------------------------------------------------------------------- */
@media (max-width: 900px) {
	body.mo24-checkout-active .checkout-login-coupon-wrapper,
	body.mo24-checkout-active .checkout-coupon-wrapper {
		width: auto !important;
		margin-left: 16px !important;
		margin-right: 16px !important;
		text-align: center !important;
	}

	body.mo24-checkout-active .woocommerce-form-coupon-toggle {
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
		width: 100% !important;
		text-align: center !important;
	}

	body.mo24-checkout-active .woocommerce-form-coupon-toggle .woocommerce-info {
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
		flex-wrap: wrap !important;
		width: 100% !important;
		text-align: center !important;
		column-gap: 4px !important;
		row-gap: 2px !important;
	}

	body.mo24-checkout-active .woocommerce-form-coupon-toggle .showcoupon {
		display: inline-block !important;
		float: none !important;
		margin: 0 !important;
		text-align: center !important;
	}

	body.mo24-checkout-active form.checkout_coupon.woocommerce-form-coupon {
		width: min(100%, 360px) !important;
		max-width: 360px !important;
		margin: 7px auto 0 !important;
		padding: 0 !important;
		justify-content: center !important;
		align-items: stretch !important;
		text-align: center !important;
	}

	body.mo24-checkout-active form.checkout_coupon.woocommerce-form-coupon .form-row-first,
	body.mo24-checkout-active form.checkout_coupon.woocommerce-form-coupon .form-row-last {
		float: none !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

@media (max-width: 520px) {
	body.mo24-checkout-active form.checkout_coupon.woocommerce-form-coupon {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) !important;
		gap: 7px !important;
	}
	body.mo24-checkout-active form.checkout_coupon.woocommerce-form-coupon[style*="display:none"],
	body.mo24-checkout-active form.checkout_coupon.woocommerce-form-coupon[style*="display: none"] {
		display: none !important;
	}
	body.mo24-checkout-active form.checkout_coupon.woocommerce-form-coupon .form-row,
	body.mo24-checkout-active form.checkout_coupon.woocommerce-form-coupon input.input-text,
	body.mo24-checkout-active form.checkout_coupon.woocommerce-form-coupon button.button {
		width: 100% !important;
		max-width: none !important;
	}
}


/* --------------------------------------------------------------------------
   v1.8.0 — structural coupon prompt/form centering
   JS wraps the original WC text + .showcoupon link in this element, so the
   visual group has a real box that can be centered reliably.
   -------------------------------------------------------------------------- */
body.mo24-checkout-active .woocommerce-form-coupon-toggle .mo24-checkout-coupon-prompt {
	display: inline-flex !important;
	justify-content: center !important;
	align-items: baseline !important;
	flex-wrap: wrap !important;
	gap: 4px !important;
	width: auto !important;
	max-width: 100% !important;
	margin: 0 auto !important;
	text-align: center !important;
}
@media (max-width: 900px) {
	body.mo24-checkout-active .woocommerce-form-coupon-toggle,
	body.mo24-checkout-active .woocommerce-form-coupon-toggle .woocommerce-info {
		display: flex !important;
		justify-content: center !important;
		align-items: center !important;
		width: 100% !important;
		text-align: center !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	body.mo24-checkout-active form.checkout_coupon.woocommerce-form-coupon {
		width: min(100%, 360px) !important;
		max-width: 360px !important;
		margin-left: auto !important;
		margin-right: auto !important;
		float: none !important;
	}
}


/* --------------------------------------------------------------------------
   v1.8.1 — mobile checkout top utilities: true optical centering
   The checkout title/steps, free-shipping message and coupon prompt use the
   same horizontal centre line. The icon in the shipping box is positioned
   independently so it can no longer push the message to the right.
   -------------------------------------------------------------------------- */
@media (max-width: 900px) {
	/* One centred axis for the heading and 1/2/3 progress. */
	body.mo24-checkout-active .mo24-flow-intro {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		justify-content: center !important;
		gap: 10px !important;
		text-align: center !important;
	}
	body.mo24-checkout-active .mo24-flow-intro__copy,
	body.mo24-checkout-active .mo24-flow-intro__copy h1 {
		width: 100% !important;
		text-align: center !important;
	}
	body.mo24-checkout-active .mo24-flow-steps {
		display: flex !important;
		width: 100% !important;
		max-width: none !important;
		justify-content: center !important;
		align-items: center !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center !important;
	}

	/* Shipping: icon stays on the left, but text + progress are geometrically
	   centred in the whole card rather than in the remaining right-hand cell. */
	body.mo24-checkout-active .mo24-shipping-progress {
		position: relative !important;
		display: block !important;
		width: auto !important;
		box-sizing: border-box !important;
		text-align: center !important;
	}
	body.mo24-checkout-active .mo24-shipping-progress__icon {
		position: absolute !important;
		left: 12px !important;
		top: 50% !important;
		transform: translateY(-50%) !important;
		margin: 0 !important;
	}
	body.mo24-checkout-active .mo24-shipping-progress__body {
		display: block !important;
		width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
		padding-left: 46px !important;
		padding-right: 46px !important;
		margin: 0 !important;
		text-align: center !important;
	}
	body.mo24-checkout-active .mo24-shipping-progress__body strong,
	body.mo24-checkout-active .mo24-shipping-progress__body > span {
		display: block !important;
		width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
		text-align: center !important;
	}
	body.mo24-checkout-active .mo24-shipping-progress__track {
		width: min(100%, 280px) !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	/* Coupon disclosure: the complete text/link group is one centred unit. */
	body.mo24-checkout-active .checkout-login-coupon-wrapper,
	body.mo24-checkout-active .checkout-coupon-wrapper,
	body.mo24-checkout-active .woocommerce-form-coupon-toggle,
	body.mo24-checkout-active .woocommerce-form-coupon-toggle .woocommerce-info {
		box-sizing: border-box !important;
		text-align: center !important;
	}
	body.mo24-checkout-active .woocommerce-form-coupon-toggle {
		display: flex !important;
		width: 100% !important;
		justify-content: center !important;
		align-items: center !important;
	}
	body.mo24-checkout-active .woocommerce-form-coupon-toggle .woocommerce-info {
		display: block !important;
		width: 100% !important;
		margin-left: auto !important;
		margin-right: auto !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
		text-align: center !important;
	}
	body.mo24-checkout-active .woocommerce-form-coupon-toggle .mo24-checkout-coupon-prompt {
		display: inline-flex !important;
		width: auto !important;
		max-width: calc(100% - 24px) !important;
		justify-content: center !important;
		align-items: baseline !important;
		margin: 0 auto !important;
		float: none !important;
		text-align: center !important;
	}
}

@media (max-width: 420px) {
	body.mo24-checkout-active .mo24-shipping-progress__body {
		padding-left: 42px !important;
		padding-right: 42px !important;
	}
	body.mo24-checkout-active .mo24-shipping-progress__body strong {
		font-size: 11px !important;
	}
}


/* --------------------------------------------------------------------------
   v1.8.2 — step 3 / thank-you page polish
   Provide a real third-step state on the order-received page and keep the
   progress indicator centred on desktop and mobile.
   -------------------------------------------------------------------------- */
body.mo24-order-received-active .mo24-flow-intro {
	align-items: center !important;
	justify-content: center !important;
	flex-direction: column !important;
	gap: 14px !important;
	text-align: center !important;
}
body.mo24-order-received-active .mo24-flow-intro__copy {
	max-width: 760px;
	text-align: center !important;
}
body.mo24-order-received-active .mo24-flow-steps {
	justify-content: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
body.mo24-order-received-active .woocommerce-order {
	padding: 26px 30px;
	border: 1px solid #ece6dc;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 12px 34px rgba(17,17,17,.05);
}
body.mo24-order-received-active .woocommerce-thankyou-order-received {
	margin: 0 0 20px !important;
	padding: 15px 16px !important;
	border: 1px solid #e6dfd4;
	border-radius: 12px;
	background: #f8f5ef;
	font-size: 15px;
	line-height: 1.55;
	text-align: center;
}
body.mo24-order-received-active .woocommerce-order-overview {
	display: grid;
	grid-template-columns: repeat(4, minmax(0,1fr));
	gap: 14px;
	margin: 0 0 24px !important;
	padding: 0 !important;
	list-style: none !important;
}
body.mo24-order-received-active .woocommerce-order-overview li {
	margin: 0 !important;
	padding: 14px 16px !important;
	border: 1px solid #ece6dc;
	border-radius: 12px;
	background: #fff;
	font-size: 12px;
	line-height: 1.55;
	text-transform: none;
}
body.mo24-order-received-active .woocommerce-order-overview li strong {
	display: block;
	margin-top: 4px;
	font-size: 14px;
	color: #111;
}
body.mo24-order-received-active .woocommerce-order-details,
body.mo24-order-received-active .woocommerce-customer-details {
	margin-top: 26px;
}
body.mo24-order-received-active .shop_table.woocommerce-table,
body.mo24-order-received-active .woocommerce-table--order-details,
body.mo24-order-received-active .woocommerce-customer-details address {
	border: 1px solid #ece6dc;
	border-radius: 14px;
	overflow: hidden;
	background: #fff;
}
body.mo24-order-received-active .woocommerce-table--order-details th,
body.mo24-order-received-active .woocommerce-table--order-details td,
body.mo24-order-received-active .shop_table.woocommerce-table th,
body.mo24-order-received-active .shop_table.woocommerce-table td {
	padding: 15px 16px !important;
}
@media (max-width: 900px) {
	body.mo24-order-received-active .woocommerce-order {
		padding: 18px 16px;
		border-radius: 14px;
	}
	body.mo24-order-received-active .mo24-flow-intro {
		margin: 0 16px 8px !important;
		padding: 10px 0 11px !important;
	}
	body.mo24-order-received-active .mo24-flow-intro__copy > span,
	body.mo24-order-received-active .mo24-flow-intro__copy p {
		display: block !important;
	}
	body.mo24-order-received-active .mo24-flow-intro__copy h1 {
		font-size: 24px !important;
		line-height: 1.08 !important;
	}
	body.mo24-order-received-active .mo24-flow-steps {
		gap: 6px !important;
	}
	body.mo24-order-received-active .mo24-flow-steps li strong {
		display: none !important;
	}
	body.mo24-order-received-active .mo24-flow-steps li > span {
		width: 24px !important;
		height: 24px !important;
		min-width: 24px !important;
		font-size: 10px !important;
	}
	body.mo24-order-received-active .woocommerce-order-overview {
		grid-template-columns: 1fr 1fr;
	}
}
@media (max-width: 560px) {
	body.mo24-order-received-active .woocommerce-order-overview {
		grid-template-columns: 1fr;
	}
}

/* --------------------------------------------------------------------------
   v1.8.4 — exact 3-column checkout/cart progress
   Each stage owns exactly one third of the available width. This prevents the
   long "Dostawa i płatność" label from pushing stage 3 out of alignment.
   -------------------------------------------------------------------------- */
body.mo24-cart-checkout-active .mo24-flow-steps,
body.mo24-order-received-active .mo24-flow-steps {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	align-items: center !important;
	width: min(660px, 56vw) !important;
	max-width: 660px !important;
	gap: 0 !important;
	margin-left: auto !important;
	margin-right: 0 !important;
	padding: 0 !important;
	overflow: visible !important;
}
body.mo24-cart-checkout-active .mo24-flow-steps > li,
body.mo24-order-received-active .mo24-flow-steps > li {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	min-width: 0 !important;
	gap: 8px !important;
	margin: 0 !important;
	padding: 0 10px !important;
	text-align: center !important;
}
body.mo24-cart-checkout-active .mo24-flow-steps > li:not(:last-child)::after,
body.mo24-order-received-active .mo24-flow-steps > li:not(:last-child)::after {
	content: '' !important;
	position: absolute !important;
	left: calc(100% - 8px) !important;
	top: 50% !important;
	width: 16px !important;
	height: 1px !important;
	background: #d9d9d9 !important;
	transform: translateY(-50%) !important;
}
body.mo24-cart-checkout-active .mo24-flow-steps > li > span,
body.mo24-order-received-active .mo24-flow-steps > li > span {
	flex: 0 0 34px !important;
	width: 34px !important;
	height: 34px !important;
	min-width: 34px !important;
	line-height: 34px !important;
	font-size: 13px !important;
}
body.mo24-cart-checkout-active .mo24-flow-steps > li > strong,
body.mo24-order-received-active .mo24-flow-steps > li > strong {
	min-width: 0 !important;
	font-size: 13px !important;
	line-height: 1.25 !important;
	white-space: nowrap !important;
}
@media (max-width: 900px) {
	body.mo24-cart-checkout-active .mo24-flow-steps,
	body.mo24-order-received-active .mo24-flow-steps {
		width: 216px !important;
		max-width: 216px !important;
		margin-left: auto !important;
		margin-right: auto !important;
	}
	body.mo24-cart-checkout-active .mo24-flow-steps > li,
	body.mo24-order-received-active .mo24-flow-steps > li {
		padding: 0 !important;
	}
	body.mo24-cart-checkout-active .mo24-flow-steps > li > strong,
	body.mo24-order-received-active .mo24-flow-steps > li > strong {
		display: none !important;
	}
	body.mo24-cart-checkout-active .mo24-flow-steps > li > span,
	body.mo24-order-received-active .mo24-flow-steps > li > span {
		flex-basis: 32px !important;
		width: 32px !important;
		height: 32px !important;
		min-width: 32px !important;
		line-height: 32px !important;
		font-size: 12px !important;
	}
	body.mo24-cart-checkout-active .mo24-flow-steps > li:not(:last-child)::after,
	body.mo24-order-received-active .mo24-flow-steps > li:not(:last-child)::after {
		left: calc(100% - 10px) !important;
		width: 20px !important;
	}
}