/*
 * qrp-checkout.css (qrp-checkout.php 1.3.15): the cart and the checkout's look
 * over WooCommerce's own markup. checkout/PLAN.md Rounds 2 and 3; the mockup
 * rig (tests/checkout-rig.php) renders this same file over the captured live
 * markup, so the two never fork.
 *
 * Botiga styles every button, anchor-button and text field (a 51px floor, a
 * dark square border, uppercase tracked buttons) and its stylesheets load
 * before this one, so every property it touches is pinned with !important
 * (CLAUDE.md section 7). The storefront has no dark mode.
 */

/* 0. tokens */
body.qrp-co {
	--co-green: #235b40;
	--co-green-dark: #1c4a34;
	--co-green-soft: #e9f1ec;
	--co-fresh: #2f9e68;
	--co-fresh-soft: #e7f5ec;
	--co-ink: #0a0a0a;
	--co-text: #2b2f36;
	--co-muted: #5f6672;
	--co-faint: #8a9099;
	--co-page: #f5f5f3;
	--co-card: #ffffff;
	--co-line: #dedfdd;
	--co-field: #c9ccd1;
	--co-err: #b42318;
	--co-r-field: 12px;
	--co-r-btn: 12px;
	--co-r-card: 16px;
	--co-ring: 0 0 0 4px rgba(35, 91, 64, .16);
	--co-shadow: 0 1px 2px rgba(0, 0, 0, .04);
	background: var(--co-page) !important;
	color: var(--co-ink);
}

/* the shop pages opt into the cross-document view transition (qrp-shop-browse.php); these pages do too, so the step from the
 * shop to the cart is the same soft fade and the browser never aborts one on the way here */
@view-transition {
	navigation: auto;
}

/* 1. the theme's chrome stands down on the checkout (the thank-you keeps the header) */
body.qrp-co.qrp-co-quiet header.bhfb-header,
body.qrp-co.qrp-co-quiet footer.bhfb-footer,
body.qrp-co .back-to-top,
body.qrp-co.qrp-co-quiet .entry-header {
	display: none !important;
}

body.qrp-co .content-wrapper {
	margin: 0 auto !important;
	padding: 16px 16px 40px !important;
	max-width: 1120px !important;
}

/* a 16 px gutter on a phone (Vas, 12 Oct 2026: the mockup ran edge to edge); the theme's row pulls the content back out */
body.qrp-co .content-wrapper > .row,
body.qrp-co .main-row {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

body.qrp-co .entry-content > .woocommerce {
	padding: 0 !important;
	margin: 0 auto !important;
}

body.qrp-co main#primary {
	padding: 0 !important;
}

body.qrp-co .entry-content {
	margin: 0 !important;
}

/* 2. the slim bar */
.qrp-co-bar {
	position: sticky;
	top: 0;
	z-index: 50;
	background: #fff;
	border-bottom: 1px solid var(--co-line);
}

.qrp-co-bar-in {
	max-width: 1120px;
	margin: 0 auto;
	padding: 0 16px;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
}

.qrp-co-bar img {
	height: 38px;
	width: auto;
	display: block;
}

.qrp-co-bar-sec {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 14px;
	font-weight: 500;
	color: var(--co-muted);
}

.qrp-co-bar-sec svg {
	width: 16px;
	height: 16px;
	color: var(--co-green);
}

.qrp-co-bar a.qrp-co-back,
.qrp-co-bar a.qrp-co-back:visited {
	font-size: 14px;
	font-weight: 500;
	color: var(--co-green) !important;
	text-decoration: none !important;
}

.qrp-co-bar a.qrp-co-back:hover,
.qrp-co-bar a.qrp-co-back:focus {
	color: var(--co-green-dark) !important;
	text-decoration: underline !important;
}

/* 3. headings and notes */
body.qrp-co .qrp-co-h {
	display: flex;
	align-items: center;
	gap: 10px;
	margin: 26px 0 12px !important;
	padding: 0 !important;
	font-size: 20px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	color: var(--co-ink) !important;
	grid-column: 1 / -1;
}

body.qrp-co .qrp-co-h:first-child,
body.qrp-co .woocommerce-billing-fields > h3 {
	margin-top: 4px !important;
}

body.qrp-co .woocommerce-billing-fields > h3 {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 12px !important;
	padding: 0 !important;
	font-size: 20px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	color: var(--co-ink) !important;
}

body.qrp-co .woocommerce-billing-fields > h3::before {
	content: "1";
}

.qrp-co-n,
body.qrp-co .woocommerce-billing-fields > h3::before {
	display: inline-flex;
	width: 28px;
	height: 28px;
	border-radius: 999px;
	background: var(--co-green);
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
}

body.qrp-co .qrp-co-sub {
	grid-column: 1 / -1;
	margin: -4px 0 14px !important;
	font-size: 14px;
	line-height: 1.5;
	color: var(--co-muted);
}

body.qrp-co .qrp-co-note {
	grid-column: 1 / -1;
	margin: -6px 0 16px !important;
	font-size: 14px;
	line-height: 1.5;
	color: var(--co-muted);
}

body.qrp-co .qrp-co-note a,
body.qrp-co .qrp-co-note a:visited {
	color: var(--co-green) !important;
	font-weight: 500;
	text-decoration: underline;
}

/* 4. fields */
body.qrp-co form.checkout .form-row {
	margin: 0 0 14px !important;
	padding: 0 !important;
}

body.qrp-co form.checkout .form-row > label {
	display: block;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.3;
	color: var(--co-text);
	margin: 0 0 6px;
}

body.qrp-co form.checkout label .required {
	color: var(--co-err);
	text-decoration: none;
	border: 0;
}

body.qrp-co form.checkout label .optional {
	color: var(--co-faint);
	font-weight: 400;
}

body.qrp-co .input-text,
body.qrp-co form.checkout select,
body.qrp-co form.checkout textarea,
body.qrp-co .select2-container--default .select2-selection--single {
	box-sizing: border-box;
	width: 100% !important;
	min-height: 48px !important;
	height: 48px;
	padding: 11px 14px !important;
	border: 1.5px solid var(--co-field) !important;
	border-radius: var(--co-r-field) !important;
	background: #fff !important;
	color: var(--co-ink) !important;
	font-family: inherit !important;
	font-size: 16px !important;
	line-height: 1.4 !important;
	box-shadow: none;
	outline: none;
	transition: border-color .15s, box-shadow .15s;
}

body.qrp-co form.checkout textarea {
	height: auto;
	min-height: 72px !important;
	resize: vertical;
}

body.qrp-co .input-text:focus,
body.qrp-co form.checkout select:focus,
body.qrp-co form.checkout textarea:focus,
body.qrp-co .select2-container--default.select2-container--focus .select2-selection--single,
body.qrp-co .select2-container--default.select2-container--open .select2-selection--single {
	border-color: var(--co-green) !important;
	box-shadow: var(--co-ring);
	outline: none !important;
}

body.qrp-co .form-row.woocommerce-invalid .input-text,
body.qrp-co .form-row.woocommerce-invalid .select2-selection--single {
	border-color: var(--co-err) !important;
}

body.qrp-co .form-row .checkout-inline-error-message {
	display: block;
	margin: 6px 0 0;
	font-size: 13px;
	line-height: 1.4;
	color: var(--co-err);
}

/* 1.3.10: each problem with its field. A line of the list at the top that belongs to a field comes off the list (its
   words are under the field); a list left with no line is hidden for the eye and kept for a screen reader, fixed so
   that WooCommerce's focus on it moves nothing. WooCommerce's own list is hidden as it is inserted when every line names
   a field (data-id), since it is focused before the script runs; PayPal's is hidden by the script. */
body.qrp-co .qrp-co-err-infield {
	display: none !important;
}

body.qrp-co .qrp-co-errs-sr,
body.qrp-co form.checkout .woocommerce-NoticeGroup-checkout:has(li[data-id]):not(:has(li:not([data-id]), div.woocommerce-error, .woocommerce-message, .woocommerce-info)) {
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	width: 1px !important;
	height: 1px !important;
	margin: -1px !important;
	padding: 0 !important;
	border: 0 !important;
	overflow: hidden !important;
	clip: rect(0 0 0 0) !important;
	clip-path: inset(50%) !important;
	white-space: nowrap !important;
}

/* the terms line under the tick's words, past the 20px tick and its 10px gap */
body.qrp-co .woocommerce-terms-and-conditions-wrapper .checkout-inline-error-message {
	margin-left: 30px;
}

/* 1.3.15: a parcel locker in the address. The Delivery step's line sits under its shipping line (both are .form-row,
   whose 14px bottom margin outranks .qrp-co-sub's); the warning under the field that holds the words is amber, and after
   a refused order it is the refusal, red like every line under a field, with the contact address as a link (Botiga
   styles each anchor state). */
body.qrp-co form.checkout .qrp-co-sub.qrp-co-letter {
	margin-top: -8px !important;
}

body.qrp-co .form-row .qrp-co-locker {
	display: block;
	margin: 8px 0 0;
	padding: 8px 12px;
	border: 1px solid #f0d49b;
	border-radius: 10px;
	background: #fdf3e1;
	font-size: 13px;
	line-height: 1.45;
	color: #6b4a00;
}

body.qrp-co .form-row .qrp-co-locker[hidden] {
	display: none !important;
}

body.qrp-co .form-row .qrp-co-locker.is-refused {
	margin: 6px 0 0;
	padding: 0;
	border: 0;
	background: none;
	line-height: 1.4;
	color: var(--co-err);
}

body.qrp-co .form-row .qrp-co-locker a,
body.qrp-co .form-row .qrp-co-locker a:visited,
body.qrp-co .form-row .qrp-co-locker a:hover,
body.qrp-co .form-row .qrp-co-locker a:focus {
	color: inherit !important;
	font-weight: 500;
	text-decoration: underline !important;
}

body.qrp-co .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 24px;
	padding: 0 24px 0 0;
	color: var(--co-ink);
}

/* 1.3.12: an empty State read "Select an option..." in near-black (#444), as if it were chosen; now its words are
   the grey every other empty field's words are (Chrome's placeholder grey, 4.6:1 on white) */
body.qrp-co .select2-container--default .select2-selection--single .select2-selection__placeholder {
	color: #757575 !important;
}

body.qrp-co .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 46px;
	right: 10px;
}

body.qrp-co .woocommerce-input-wrapper {
	display: block;
}

body.qrp-co .woocommerce-billing-fields__field-wrapper,
body.qrp-co .woocommerce-shipping-fields__field-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr;
	column-gap: 12px;
}

body.qrp-co .form-row-wide,
body.qrp-co .form-row.notes,
body.qrp-co .woocommerce-additional-fields__field-wrapper .form-row {
	grid-column: 1 / -1;
}

body.qrp-co .form-row-first,
body.qrp-co .form-row-last {
	width: auto !important;
	float: none !important;
	margin-right: 0 !important;
	margin-left: 0 !important;
	clear: none !important;
}

body.qrp-co #billing_state_field,
body.qrp-co #shipping_state_field {
	grid-column: 1 !important;
}

body.qrp-co #billing_postcode_field,
body.qrp-co #shipping_postcode_field {
	grid-column: 2 !important;
}

body.qrp-co #billing_company_field,
body.qrp-co #shipping_company_field {
	display: none !important;
}

body.qrp-co #customer_details {
	width: 100% !important;
	max-width: none !important;
	float: none !important;
}

/* a native checkbox beside its words (Botiga parks the input over the text) */
body.qrp-co .woocommerce-form__label-for-checkbox input[type="checkbox"] {
	position: static !important;
	opacity: 1 !important;
}

body.qrp-co .woocommerce-form__label-for-checkbox > span {
	padding: 0 !important;
}

body.qrp-co .woocommerce-form__label-for-checkbox > span::before,
body.qrp-co .woocommerce-form__label-for-checkbox > span::after,
body.qrp-co .woocommerce-form__label-for-checkbox::before,
body.qrp-co .woocommerce-form__label-for-checkbox::after {
	display: none !important;
}

body.qrp-co .form-row.notes {
	background: transparent !important;
	padding: 0 !important;
}

/* 5. the order summary strip (a phone's first screen; a fragment in production) */
.qrp-co-sum {
	background: var(--co-card);
	border: 1px solid var(--co-line);
	border-radius: var(--co-r-card);
	box-shadow: var(--co-shadow);
	margin: 0 0 16px;
}

.qrp-co-sum summary {
	list-style: none;
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 14px;
	cursor: pointer;
}

.qrp-co-sum summary::-webkit-details-marker {
	display: none;
}

.qrp-co-sum-th {
	width: 52px;
	height: 52px;
	border-radius: 10px;
	object-fit: cover;
	flex: 0 0 auto;
	background: #f0f0ee;
	border: 1px solid var(--co-line);
}

.qrp-co-sum-t {
	flex: 1;
	min-width: 0;
}

.qrp-co-sum-t b {
	display: block;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.3;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.qrp-co-sum-t span {
	display: block;
	font-size: 13px;
	color: var(--co-muted);
	margin-top: 2px;
}

.qrp-co-sum-p {
	font-size: 17px;
	font-weight: 700;
	white-space: nowrap;
}

.qrp-co-sum-chev {
	width: 20px;
	height: 20px;
	color: var(--co-muted);
	flex: 0 0 auto;
	transition: transform .2s;
}

.qrp-co-sum[open] .qrp-co-sum-chev {
	transform: rotate(180deg);
}

.qrp-co-sum-b {
	border-top: 1px solid var(--co-line);
	padding: 10px 14px 14px;
}

.qrp-co-sum-line {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	font-size: 15px;
	padding: 4px 0;
	color: var(--co-text);
}

.qrp-co-sum-line small {
	color: var(--co-muted);
	font-size: 13px;
}

.qrp-co-sum-tot {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	font-size: 17px;
	font-weight: 700;
	padding-top: 10px;
	margin-top: 6px;
	border-top: 1px solid var(--co-line);
}

.qrp-co-sum-tot small {
	font-size: 12px;
	font-weight: 400;
	color: var(--co-muted);
	margin-left: 6px;
}

/* 6. express checkout: WooPayments' buttons as it prints them, the words ours */
body.qrp-co form.checkout .wcpay-express-checkout-wrapper {
	margin: 0 0 6px;
}

.qrp-co-xlabel {
	margin: 0 0 10px;
	font-size: 12px;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--co-muted);
	text-align: center;
}

body.qrp-co #wcpay-express-checkout-button-separator {
	display: block;
	margin: 16px 0 6px;
	font-size: 0;
	line-height: 0;
	text-align: center;
	background: linear-gradient(var(--co-line), var(--co-line)) center / 100% 1px no-repeat;
}

body.qrp-co #wcpay-express-checkout-button-separator::before {
	content: "or pay with card or PayPal";
	display: inline-block;
	padding: 0 12px;
	background: var(--co-page);
	font-size: 13px;
	line-height: 1.4;
	color: var(--co-faint);
}

/* Round 6 (1.3.0): PayPal under the wallets, drawn by the script; its own separator stands in for WooPayments' while it shows */
body.qrp-co .qrp-co-xp[hidden] {
	display: none;
}

body.qrp-co .qrp-co-xp {
	margin: 0 0 6px;
}

body.qrp-co .qrp-co-pp-top {
	min-height: 48px;
	margin: 10px 0 0;
}

body.qrp-co .qrp-co-pp-err {
	margin: 8px 0 0;
	font-size: 13px;
	line-height: 1.4;
	text-align: center;
	color: var(--co-err);
}

body.qrp-co .qrp-co-pp-err[hidden] {
	display: none;
}

body.qrp-co .qrp-co-xsep {
	display: block;
	margin: 16px 0 6px;
	font-size: 0;
	line-height: 0;
	text-align: center;
	background: linear-gradient(var(--co-line), var(--co-line)) center / 100% 1px no-repeat;
}

body.qrp-co .qrp-co-xsep span {
	display: inline-block;
	padding: 0 12px;
	background: var(--co-page);
	font-size: 13px;
	line-height: 1.4;
	color: var(--co-faint);
}

body.qrp-co-pp-top #wcpay-express-checkout-button-separator {
	display: none !important;
}

/* 7. ship-to, gift, instructions */
body.qrp-co #ship-to-different-address,
body.qrp-co #qrp-gift-heading {
	font-size: 15px !important;
	font-weight: 500 !important;
	line-height: 1.4 !important;
	margin: 0 0 12px !important;
	padding: 0 !important;
	color: var(--co-text) !important;
}

body.qrp-co .woocommerce-form__label-for-checkbox {
	display: flex !important;
	align-items: flex-start;
	gap: 10px;
	cursor: pointer;
	margin: 0 !important;
}

body.qrp-co input[type="checkbox"],
body.qrp-co input[type="radio"] {
	width: 20px !important;
	height: 20px !important;
	min-height: 0 !important;
	margin: 1px 0 0 !important;
	flex: 0 0 auto;
	accent-color: var(--co-green);
}

body.qrp-co .woocommerce-shipping-fields {
	margin: 0;
}

/* 1.3.8: Botiga's #customer_details .col-2 { margin-top: 60px } set "Ship to a different address?" apart as a
   section, 74px under Phone, and over the empty shipping block of an order with nothing to post it was a blank band
   (1.3.7). The plan draws the tick as an ordinary one of the Delivery step, so the column takes no gap: the tick, or
   the order notes when nothing is posted, sits the fields' own 14px below Phone, as the gift tick sits under the notes. */
body.qrp-co #customer_details .col-2 {
	margin-top: 0;
}

body.qrp-co .shipping_address {
	margin: 0 0 8px;
}

body.qrp-co .qrp-gift {
	margin: 0 0 14px !important;
}

body.qrp-co .qrp-gift .qrp-gift-desc {
	margin: -4px 0 0 30px !important;
	font-size: 13px !important;
	line-height: 1.5 !important;
	color: var(--co-muted) !important;
}

body.qrp-co .woocommerce-additional-fields {
	margin: 0;
	padding: 0;
	background: transparent !important;
}

body.qrp-co .woocommerce-additional-fields__field-wrapper {
	display: block;
}

body.qrp-co .woocommerce-additional-fields > h3 {
	display: none;
}

/* 8. the order table: totals on a phone, the whole order on a desktop */
body.qrp-co #order_review_heading {
	display: none !important;
}

body.qrp-co .qrp-co-h-order {
	margin: 0 0 12px !important;
}

body.qrp-co .qrp-co-payhead {
	margin: 0;
}

/* the two grey bars go; the forms they toggle stay for the code field and the sign-in link */
body.qrp-co .woocommerce-form-login-toggle,
body.qrp-co .woocommerce-form-coupon-toggle {
	display: none !important;
}

body.qrp-co form.woocommerce-form-login {
	background: var(--co-card);
	border: 1px solid var(--co-line);
	border-radius: var(--co-r-card);
	box-shadow: var(--co-shadow);
	padding: 20px !important;
	margin: 0 0 16px !important;
}

body.qrp-co form.woocommerce-form-login > p:first-child {
	display: none;
}

body.qrp-co .qrp-co-code-msg {
	margin: -4px 0 12px;
	font-size: 13px;
	color: var(--co-green);
}

body.qrp-co .qrp-co-code-msg.is-err {
	color: var(--co-err);
}

body.qrp-co .form-row .description {
	display: block;
	margin: 6px 0 0;
	font-size: 13px;
	color: var(--co-muted);
}

body.qrp-co .woocommerce-checkout-review-order-table {
	width: 100%;
	border-collapse: separate !important;
	border-spacing: 0;
	margin: 0 0 14px !important;
	background: var(--co-card);
	border: 1px solid var(--co-line) !important;
	border-radius: var(--co-r-card);
	box-shadow: var(--co-shadow);
	font-size: 15px;
}

body.qrp-co .woocommerce-checkout-review-order-table th,
body.qrp-co .woocommerce-checkout-review-order-table td {
	border: 0 !important;
	border-bottom: 1px solid var(--co-line) !important;
	padding: 12px 16px !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	color: var(--co-text) !important;
	text-align: left;
	vertical-align: middle;
	background: transparent !important;
}

body.qrp-co .woocommerce-checkout-review-order-table td.product-total,
body.qrp-co .woocommerce-checkout-review-order-table tfoot td,
body.qrp-co .woocommerce-checkout-review-order-table th.product-total {
	text-align: right;
	white-space: nowrap;
}

body.qrp-co .woocommerce-checkout-review-order-table thead th {
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: .05em;
	text-transform: uppercase;
	color: var(--co-muted) !important;
	padding: 10px 16px !important;
}

body.qrp-co .woocommerce-checkout-review-order-table thead {
	display: none;
}

body.qrp-co .woocommerce-checkout-review-order-table tbody td.product-name {
	color: var(--co-ink) !important;
	font-weight: 500 !important;
	line-height: 1.35;
}

body.qrp-co .woocommerce-checkout-review-order-table .qrp-co-th {
	display: inline-block;
	vertical-align: middle;
	width: 44px;
	height: 44px;
	margin-right: 10px;
	border-radius: 10px;
	object-fit: cover;
	border: 1px solid var(--co-line);
}

body.qrp-co .woocommerce-checkout-review-order-table .product-quantity {
	font-weight: 400 !important;
	color: var(--co-muted);
	margin-left: 4px;
}

body.qrp-co .woocommerce-checkout-review-order-table tfoot th {
	color: var(--co-muted) !important;
}

body.qrp-co .woocommerce-checkout-review-order-table tr.order-total th,
body.qrp-co .woocommerce-checkout-review-order-table tr.order-total td {
	border-bottom: 0 !important;
	font-size: 17px !important;
	font-weight: 700 !important;
	color: var(--co-ink) !important;
	padding-top: 14px !important;
	padding-bottom: 14px !important;
}

body.qrp-co .woocommerce-checkout-review-order-table tr.order-total .includes_tax {
	display: block;
	white-space: nowrap;
	font-size: 12px;
	font-weight: 400;
	color: var(--co-muted);
	margin-top: 2px;
}

body.qrp-co .woocommerce-checkout-review-order-table tr.order-total .includes_tax .amount {
	font-size: 12px;
	font-weight: 400;
}

body.qrp-co #shipping_method {
	list-style: none;
	margin: 0 !important;
	padding: 0 !important;
}

body.qrp-co #shipping_method li {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 8px;
	margin: 0 0 6px !important;
}

body.qrp-co #shipping_method li:last-child {
	margin-bottom: 0 !important;
}

body.qrp-co #shipping_method li label {
	margin: 0 !important;
	font-size: 15px;
	color: var(--co-text);
}

/* Botiga prints the column title inside the shipping cell on a phone; the row's own heading does that here */
body.qrp-co .checkout-wrapper .woocommerce-shipping-totals > td::before {
	display: none !important;
}

body.qrp-co .woocommerce-checkout-review-order-table tfoot th {
	display: table-cell !important;
	white-space: nowrap;
}

body.qrp-co .woocommerce-terms-and-conditions-wrapper abbr.required {
	display: inline !important;
	position: static !important;
	border: 0 !important;
	text-decoration: none !important;
	color: var(--co-err) !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* one method: no radio to show */
body.qrp-co #shipping_method.qrp-co-one input[type="radio"] {
	display: none !important;
}

body.qrp-co .woocommerce-shipping-totals .qrp-co-ship-note {
	display: block;
	font-size: 12px;
	color: var(--co-muted);
	text-align: right;
	margin-top: 2px;
}

/* 9. the code field and the side notes (a sibling of the table, after it) */
.qrp-co-aside {
	margin: 0 0 14px;
}

.qrp-co-code {
	display: flex;
	gap: 8px;
	margin: 0 0 12px;
}

.qrp-co-code .input-text {
	flex: 1;
}

body.qrp-co .qrp-co-code button,
body.qrp-co .qrp-co-code .button {
	flex: 0 0 auto;
	min-height: 48px !important;
	min-width: 0 !important;
	padding: 0 18px !important;
	border: 1.5px solid var(--co-green) !important;
	border-radius: var(--co-r-btn) !important;
	background: #fff !important;
	color: var(--co-green) !important;
	font-family: inherit !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	box-shadow: none !important;
	transform: none !important;
	cursor: pointer;
}

body.qrp-co .qrp-co-code button:hover {
	background: var(--co-green-soft) !important;
}

.qrp-co-trust {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 8px;
}

.qrp-co-trust li {
	display: flex;
	gap: 8px;
	align-items: flex-start;
	font-size: 13px;
	line-height: 1.45;
	color: var(--co-muted);
}

.qrp-co-trust svg {
	width: 16px;
	height: 16px;
	flex: 0 0 auto;
	color: var(--co-green);
	margin-top: 1px;
}

.qrp-co-trust a,
.qrp-co-trust a:visited {
	color: inherit !important;
	text-decoration: underline;
}

.qrp-co-aside .qrp-co-trust {
	display: none;
}

/* 10. payment */
body.qrp-co #order_review {
	padding: 0 !important;
	background: transparent !important;
}

body.qrp-co #payment {
	background: transparent !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
}

body.qrp-co #payment .qrp-co-h {
	margin-top: 8px !important;
}

body.qrp-co .wc_payment_methods {
	list-style: none !important;
	margin: 0 0 16px !important;
	padding: 0 !important;
	display: grid;
	gap: 10px;
}

body.qrp-co .wc_payment_method {
	margin: 0 !important;
	padding: 0 !important;
	border: 1.5px solid var(--co-field);
	border-radius: var(--co-r-field);
	background: var(--co-card);
	overflow: hidden;
	transition: border-color .15s, box-shadow .15s;
}

body.qrp-co .wc_payment_method:has(> input:checked) {
	border-color: var(--co-green);
	box-shadow: 0 0 0 1px var(--co-green);
}

body.qrp-co .wc_payment_method > input.input-radio {
	position: absolute;
	opacity: 0;
	width: 1px;
	height: 1px;
}

body.qrp-co .wc_payment_method > label {
	display: flex !important;
	align-items: center;
	gap: 12px;
	padding: 14px 14px !important;
	margin: 0 !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	color: var(--co-ink) !important;
	cursor: pointer;
}

body.qrp-co .wc_payment_method > label::before {
	content: "";
	width: 20px;
	height: 20px;
	border-radius: 999px;
	border: 2px solid var(--co-field);
	background: #fff;
	flex: 0 0 auto;
	box-sizing: border-box;
}

body.qrp-co .wc_payment_method:has(> input:checked) > label::before {
	border: 6px solid var(--co-green);
}

body.qrp-co .payment-methods--logos {
	margin-left: auto;
}

body.qrp-co .payment-methods--logos > div {
	display: flex;
	gap: 4px;
	align-items: center;
}

body.qrp-co .payment-methods--logos img {
	width: 34px;
	height: 22px;
	border-radius: 4px;
	border: 1px solid var(--co-line);
	background: #fff;
	display: block;
}

body.qrp-co .payment-methods--logos-count {
	font-size: 12px;
	font-weight: 600;
	color: var(--co-muted);
	padding: 3px 6px;
	border: 1px solid var(--co-line);
	border-radius: 4px;
}

body.qrp-co .qrp-co-pp {
	margin-left: auto;
	height: 22px;
	width: auto;
	display: block;
}

body.qrp-co #payment div.payment_box {
	background: #f7f7f5 !important;
	border-top: 1px solid var(--co-line);
	border-radius: 0 !important;
	padding: 14px !important;
	margin: 0 !important;
	font-size: 14px;
	color: var(--co-muted);
	width: auto !important;
}

body.qrp-co #payment div.payment_box::before {
	display: none !important;
}

body.qrp-co #payment div.payment_box p {
	margin: 0 !important;
}

body.qrp-co #payment div.payment_box fieldset {
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
}

/* 11. the ticks, the words, the button, the trust row */
body.qrp-co .form-row.place-order {
	margin: 0 !important;
	padding: 0 !important;
}

body.qrp-co .woocommerce-terms-and-conditions-wrapper {
	margin: 0 0 12px;
}

body.qrp-co .woocommerce-privacy-policy-text p {
	margin: 0 0 12px !important;
	font-size: 13px !important;
	line-height: 1.5;
	color: var(--co-muted) !important;
}

body.qrp-co .woocommerce-privacy-policy-text a,
body.qrp-co .woocommerce-terms-and-conditions-checkbox-text a {
	color: var(--co-green) !important;
	text-decoration: underline;
}

body.qrp-co .validate-required.woocommerce-validated .woocommerce-form__label-for-checkbox,
body.qrp-co .woocommerce-terms-and-conditions-wrapper .form-row {
	margin: 0 0 10px !important;
}

body.qrp-co .woocommerce-terms-and-conditions-checkbox-text {
	font-size: 14px;
	line-height: 1.45;
	color: var(--co-text);
}

body.qrp-co .qrp-cr-optin {
	margin: 0 0 16px !important;
}

body.qrp-co .qrp-cr-optin label {
	font-size: 14px !important;
	line-height: 1.45 !important;
	color: var(--co-text) !important;
}

body.qrp-co #place_order {
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100% !important;
	min-width: 0 !important;
	min-height: 56px !important;
	margin: 0 !important;
	padding: 16px 20px !important;
	border: 0 !important;
	border-radius: var(--co-r-btn) !important;
	background: var(--co-green) !important;
	color: #fff !important;
	font-family: inherit !important;
	font-size: 17px !important;
	font-weight: 600 !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	line-height: 1.2 !important;
	box-shadow: 0 6px 18px rgba(35, 91, 64, .22) !important;
	transform: none !important;
	cursor: pointer;
	transition: background .15s;
}

body.qrp-co #place_order:hover,
body.qrp-co #place_order:focus {
	background: var(--co-green-dark) !important;
	color: #fff !important;
}

/* PayPal chosen: PayPal Payments hides Place order with this class and draws its own button; the rule above would have kept
 * ours showing beside it (the sweep of 13 Oct 2026 saw both, ours relabelled "Proceed to PayPal") */
body.qrp-co #place_order.ppcp-hidden {
	display: none !important;
}

body.qrp-co #place_order::before {
	content: "";
	width: 18px;
	height: 18px;
	flex: 0 0 auto;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='11' width='18' height='11' rx='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E") center / contain no-repeat;
}

body.qrp-co .qrp-co-after {
	margin: 14px 0 0;
}

/* 1.3.5: on the checkout the trust row prints after PayPal Payments' own button (woocommerce_review_order_after_payment),
   so the space under that button is the button's own: it exists only while PayPal is the chosen method */
body.qrp-co form.checkout #ppc-button-ppcp-gateway {
	margin-bottom: 14px;
}

/* 1.3.5: PayPal's Pay Later holder. Pay Later is off and its messaging still on in PayPal's settings, so PayPal draws
   nothing and the holder's empty line stood 30 px tall (27 on a phone); no line of its own, so a message PayPal does
   draw keeps its frame's height (the product page's rule, qrp-pdp-paypal.php) */
body.qrp-co form.checkout .ppcp-messages {
	min-height: 0 !important;
	font-size: 0;
	line-height: 0;
}

.qrp-co-secure {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin: 12px 0 0;
	font-size: 13px;
	color: var(--co-faint);
}

.qrp-co-secure svg {
	width: 14px;
	height: 14px;
}

/* 12. the foot */
.qrp-co-foot {
	max-width: 1120px;
	margin: 28px auto 0;
	padding: 20px 16px 24px;
	border-top: 1px solid var(--co-line);
	text-align: center;
	font-size: 12px;
	line-height: 1.6;
	color: var(--co-faint);
}

.qrp-co-foot-pay {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 6px;
	margin: 0 0 10px;
}

.qrp-co-foot-pay img {
	width: 38px;
	height: 24px;
	border-radius: 4px;
	border: 1px solid var(--co-line);
	background: #fff;
}

.qrp-co-foot a,
.qrp-co-foot a:visited {
	color: var(--co-muted) !important;
	text-decoration: none;
}

.qrp-co-foot a:hover {
	text-decoration: underline;
}

/* 13. the phone: totals only in the table, the strip carries the lines */
@media (max-width: 899px) {
	body.qrp-co .woocommerce-checkout-review-order-table thead,
	body.qrp-co .woocommerce-checkout-review-order-table tbody,
	body.qrp-co .qrp-co-h-order {
		display: none;
	}
	body.qrp-co #customer_details .col-1,
	body.qrp-co #customer_details .col-2 {
		width: 100% !important;
		float: none !important;
	}
}

/* 14. the desktop: the steps on the left, the order on the right */
/* 1.3.4: every item of the grid that takes space, or can, has its row. One without a row takes the first empty cell,
   and row 1 is empty unless WooCommerce prints an error there: the Express checkout label and the top PayPal button
   (1.3.0) went into row 1, the label on the left and PayPal on the right over the order column. Rows: 1 the error, 2 the
   label, 3 Apple Pay and Google Pay, 4 PayPal and our separator, 5 the details, 6 the bundle box, 7 the Payment heading,
   8 the payment block, 9 to 11 PayPal Payments' own holders where they always fell, after the payment block (the Pay
   Later holder, the button it shows when PayPal is chosen, its Apple Pay and Google Pay holders), so none of them moves
   up to row 1. 1.3.5: 12 our trust row and secure line, printed after PayPal's button; the order column runs to it, as
   it ran to the trust row inside the payment block before. WooCommerce's order attribution element is left without a
   row: it holds hidden inputs only, has no height, and its script removes the copies it stamps outside WooPayments'
   wrapper (the staging copy, whose guard stops that script, keeps them). */
@media (min-width: 900px) {
	body.qrp-co form.checkout {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 400px;
		grid-template-rows: repeat(12, auto);
		column-gap: 56px;
		align-items: start;
	}
	body.qrp-co form.checkout > .checkout-wrapper,
	body.qrp-co form.checkout #order_review {
		display: contents;
	}
	body.qrp-co .qrp-co-sum {
		display: none;
	}
	body.qrp-co form.checkout > .woocommerce-NoticeGroup-checkout,
	body.qrp-co form.checkout > .woocommerce-error {
		grid-area: 1 / 1 / 2 / 3; /* 1.3.10: PayPal Payments prepends its own list to the form; a line it keeps takes the same row */
	}
	body.qrp-co form.checkout .qrp-co-xlabel {
		grid-area: 2 / 1;
	}
	body.qrp-co .wcpay-express-checkout-wrapper {
		grid-area: 3 / 1;
	}
	body.qrp-co form.checkout .qrp-co-xp {
		grid-area: 4 / 1;
	}
	/* a grid item's margins do not collapse: 6 under the wallets plus 4 is the 10 the phone gets */
	body.qrp-co form.checkout .qrp-co-pp-top {
		margin-top: 4px;
	}
	body.qrp-co .qrp-co-order {
		grid-area: 2 / 2 / 13 / 3;
		position: sticky;
		top: 76px;
		align-self: start;
	}
	body.qrp-co #customer_details {
		grid-area: 5 / 1;
	}
	body.qrp-co .qrp-co-aside .qrp-co-trust {
		display: grid;
	}
	body.qrp-co .qrp-bo-co {
		grid-area: 6 / 1;
	}
	body.qrp-co .qrp-co-payhead {
		grid-area: 7 / 1;
	}
	body.qrp-co #payment {
		grid-area: 8 / 1;
	}
	body.qrp-co form.checkout #order_review > .ppcp-messages {
		grid-area: 9 / 1;
	}
	body.qrp-co form.checkout #order_review > .ppc-button-wrapper {
		grid-area: 10 / 1;
	}
	body.qrp-co form.checkout #order_review > [id^="ppc-button-"] {
		grid-area: 11 / 1;
	}
	/* a grid item's margins do not collapse: the 14 above it is the Place order row's own, or PayPal's button's */
	body.qrp-co form.checkout #order_review > .qrp-co-after {
		grid-area: 12 / 1;
		margin-top: 0;
	}
	body.qrp-co #customer_details .col-1,
	body.qrp-co #customer_details .col-2 {
		width: 100% !important;
		float: none !important;
		max-width: 560px;
	}
	body.qrp-co .content-wrapper {
		padding-top: 28px !important;
	}
	body.qrp-co .qrp-co-after .qrp-co-trust {
		grid-template-columns: 1fr 1fr;
	}
}

/* 15. the cart page */
body.qrp-co.woocommerce-cart .woocommerce-message .button {
	display: none !important;
}

body.qrp-co.woocommerce-cart .woocommerce-shipping-calculator,
body.qrp-co.woocommerce-cart .woocommerce-shipping-destination {
	display: none !important;
}

body.qrp-co.woocommerce-cart table.shop_table {
	background: var(--co-card);
	border: 1px solid var(--co-line) !important;
	border-radius: var(--co-r-card);
	border-collapse: separate !important;
	border-spacing: 0;
	box-shadow: var(--co-shadow);
	word-break: normal !important;
	overflow-wrap: break-word !important;
}

body.qrp-co.woocommerce-cart table.shop_table th,
body.qrp-co.woocommerce-cart table.shop_table td {
	border: 0 !important;
	border-bottom: 1px solid var(--co-line) !important;
	background: transparent !important;
	word-break: normal !important;
}

body.qrp-co.woocommerce-cart table.shop_table thead th {
	font-size: 12px !important;
	letter-spacing: .05em;
	text-transform: uppercase;
	color: var(--co-muted) !important;
}

body.qrp-co.woocommerce-cart .product-thumbnail img {
	border-radius: 10px;
	border: 1px solid var(--co-line);
}

body.qrp-co.woocommerce-cart .cart_totals {
	background: var(--co-card) !important;
	border: 1px solid var(--co-line) !important;
	border-radius: var(--co-r-card) !important;
	box-shadow: var(--co-shadow);
	padding: 20px !important;
}

body.qrp-co.woocommerce-cart .cart_totals h2 {
	font-size: 20px !important;
	font-weight: 600 !important;
	margin: 0 0 10px !important;
}

body.qrp-co.woocommerce-cart .cart_totals table th,
body.qrp-co.woocommerce-cart .cart_totals table td {
	border: 0 !important;
	border-bottom: 1px solid var(--co-line) !important;
	padding: 12px 0 !important;
	font-size: 15px !important;
	text-transform: none !important;
	letter-spacing: normal !important;
}

body.qrp-co.woocommerce-cart .cart_totals tr.order-total th,
body.qrp-co.woocommerce-cart .cart_totals tr.order-total td {
	border-bottom: 0 !important;
	font-size: 17px !important;
	font-weight: 700 !important;
}

body.qrp-co.woocommerce-cart .cart_totals table,
body.qrp-co.woocommerce-cart .cart_totals tbody {
	display: block;
	width: 100%;
	border: 0 !important;
	margin: 0 0 16px !important;
}

body.qrp-co.woocommerce-cart .cart_totals table tr {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 12px;
	border-bottom: 1px solid var(--co-line);
}

body.qrp-co.woocommerce-cart .cart_totals table tr.order-total {
	border-bottom: 0;
}

body.qrp-co.woocommerce-cart .cart_totals table th,
body.qrp-co.woocommerce-cart .cart_totals table td {
	display: block !important;
	border: 0 !important;
	text-align: right;
	background: transparent !important;
}

body.qrp-co.woocommerce-cart .cart_totals table th {
	text-align: left;
	color: var(--co-muted) !important;
	font-weight: 400 !important;
	white-space: nowrap;
}

body.qrp-co.woocommerce-cart .cart_totals table td::before {
	display: none !important;
}

body.qrp-co.woocommerce-cart .cart_totals .includes_tax {
	display: block;
	font-size: 12px;
	font-weight: 400;
	color: var(--co-muted);
	white-space: nowrap;
}

body.qrp-co.woocommerce-cart .cart_totals .includes_tax .amount {
	font-size: 12px;
	font-weight: 400;
}

body.qrp-co.woocommerce-cart .cart_totals #shipping_method li {
	display: flex;
	justify-content: flex-end;
	margin: 0 !important;
}

body.qrp-co.woocommerce-cart .cart_totals #shipping_method.qrp-co-one input {
	display: none !important;
}

body.qrp-co.woocommerce-cart .checkout-button,
body.qrp-co.woocommerce-cart .qrp-mcb-btn {
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	width: 100% !important;
	min-width: 0 !important;
	min-height: 54px !important;
	padding: 14px 20px !important;
	border: 0 !important;
	border-radius: var(--co-r-btn) !important;
	background: var(--co-green) !important;
	color: #fff !important;
	font-family: inherit !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	box-shadow: 0 6px 18px rgba(35, 91, 64, .22) !important;
	transform: none !important;
	text-decoration: none !important;
}

body.qrp-co.woocommerce-cart .checkout-button:hover,
body.qrp-co.woocommerce-cart .qrp-mcb-btn:hover {
	background: var(--co-green-dark) !important;
	color: #fff !important;
}

/* a phone row is the theme's flex card (cells side by side): the rule runs under the row, not under each cell */
@media (max-width: 767px) {
	body.qrp-co.woocommerce-cart table.shop_table tr.cart_item {
		border-bottom: 1px solid var(--co-line) !important;
	}
	body.qrp-co.woocommerce-cart table.shop_table tr.cart_item td {
		border-bottom: 0 !important;
	}
}

/* the actions row (Round 5): WooCommerce's coupon field and button stay in the form, hidden, and still post (cart.js takes
 * a native click on that button; the script copies our field's code into it); the row's one visible button is Update cart */
body.qrp-co.woocommerce-cart .woocommerce-cart-form td.actions {
	padding: 16px 20px 20px !important;
	border-bottom: 0 !important;
	text-align: right;
}

body.qrp-co.woocommerce-cart td.actions .coupon {
	display: none !important;
}

body.qrp-co.woocommerce-cart td.actions button[name="update_cart"] {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	float: none !important;
	width: auto !important;
	max-width: none !important;
	min-height: 48px !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 18px !important;
	border: 1.5px solid var(--co-field) !important;
	border-radius: var(--co-r-btn) !important;
	background: #fff !important;
	color: var(--co-muted) !important;
	font-family: inherit !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	box-shadow: none !important;
	transform: none !important;
	cursor: pointer;
}

body.qrp-co.woocommerce-cart td.actions button[name="update_cart"]:not(:disabled):hover {
	border-color: var(--co-green) !important;
	color: var(--co-green) !important;
}

@media (max-width: 575px) {
	body.qrp-co.woocommerce-cart td.actions button[name="update_cart"] {
		width: 100% !important;
	}
}

/* our code field, in the totals card above Proceed to checkout (sections 4 and 9 draw the field and the button) */
body.qrp-co.woocommerce-cart .wc-proceed-to-checkout .qrp-co-code {
	margin: 0 0 14px;
}

body.qrp-co.woocommerce-cart .wc-proceed-to-checkout .qrp-co-code-msg {
	margin: -8px 0 12px;
	text-align: left;
}

/* while cart.js refreshes the cart it covers the form with an overlay; a tap on the stepper passes through it (the script
 * keeps the change and applies it after the swap), while the remove crosses, Update cart, the field and the offer's buttons
 * wait for the refresh */
body.qrp-co.woocommerce-cart .woocommerce-cart-form .blockUI.blockOverlay {
	pointer-events: none !important;
}

body.qrp-co.woocommerce-cart .woocommerce-cart-form.processing a.remove,
body.qrp-co.woocommerce-cart .woocommerce-cart-form.processing button[name="update_cart"],
body.qrp-co.woocommerce-cart .woocommerce-cart-form.processing input.qty,
body.qrp-co.woocommerce-cart .woocommerce-cart-form.processing .qrp-bo-add,
body.qrp-co.woocommerce-cart .woocommerce-cart-form.processing .qrp-bo-no {
	pointer-events: none;
}

/* the quantity stepper: the theme draws a 61 px square box with a dark border; a 44 px rounded one here */
body.qrp-co.woocommerce-cart .quantity {
	display: inline-flex !important;
	align-items: stretch;
	box-sizing: border-box;
	width: 110px !important;
	max-width: 100% !important;
	height: 44px !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 1.5px solid var(--co-field) !important;
	border-radius: var(--co-r-field) !important;
	background: #fff !important;
	overflow: hidden;
}

body.qrp-co.woocommerce-cart .quantity .botiga-quantity-minus,
body.qrp-co.woocommerce-cart .quantity .botiga-quantity-plus {
	display: flex !important;
	align-items: center;
	justify-content: center;
	flex: 0 0 32px;
	width: 32px !important;
	height: auto !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: var(--co-text) !important;
	font-size: 20px !important;
	font-weight: 400 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	text-indent: 0 !important;
	opacity: 1 !important;
	visibility: visible !important;
	cursor: pointer;
}

body.qrp-co.woocommerce-cart .quantity .botiga-quantity-minus:hover,
body.qrp-co.woocommerce-cart .quantity .botiga-quantity-plus:hover {
	background: var(--co-green-soft) !important;
	color: var(--co-green) !important;
}

body.qrp-co.woocommerce-cart input.qty {
	flex: 1 1 auto;
	width: 2.6em !important;
	min-width: 0;
	min-height: 0 !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	color: var(--co-ink) !important;
	font-family: inherit !important;
	font-size: 16px !important; /* 1.3.2: under 16px Safari zooms the page when the box takes the focus */
	font-weight: 600 !important;
	text-align: center;
	box-shadow: none !important;
	-moz-appearance: textfield;
}

/* on a desktop the quantity column is exactly the stepper's width, so the subtotal beside it keeps its distance here */
@media (min-width: 768px) {
	body.qrp-co.woocommerce-cart tr.cart_item td.product-quantity {
		padding-right: 24px !important;
	}
}

body.qrp-co.woocommerce-cart input.qty::-webkit-outer-spin-button,
body.qrp-co.woocommerce-cart input.qty::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* the remove cross */
body.qrp-co.woocommerce-cart td.product-remove a,
body.qrp-co.woocommerce-cart td.product-remove a:visited {
	color: var(--co-faint) !important;
	font-weight: 300 !important;
	text-decoration: none !important;
	background: transparent !important;
}

body.qrp-co.woocommerce-cart td.product-remove a:hover,
body.qrp-co.woocommerce-cart td.product-remove a:focus {
	color: var(--co-err) !important;
	background: transparent !important;
}

/* under the Checkout button: PayPal's button, then WooPayments' Apple Pay and Google Pay frame, 12 px apart (section 6's checkout rule had zeroed the frame's margin here) */
body.qrp-co.woocommerce-cart .wc-proceed-to-checkout .ppc-button-wrapper,
body.qrp-co.woocommerce-cart .wc-proceed-to-checkout .wcpay-express-checkout-wrapper {
	margin: 12px 0 0 !important;
}

/* an empty cart: the way back is the one green button */
body.qrp-co.woocommerce-cart .return-to-shop .button,
body.qrp-co.woocommerce-cart .return-to-shop .button:visited {
	display: inline-flex !important;
	align-items: center;
	min-height: 48px !important;
	min-width: 0 !important;
	padding: 0 22px !important;
	border: 0 !important;
	border-radius: var(--co-r-btn) !important;
	background: var(--co-green) !important;
	color: #fff !important;
	font-family: inherit !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	text-decoration: none !important;
	box-shadow: none !important;
	transform: none !important;
}

body.qrp-co.woocommerce-cart .return-to-shop .button:hover,
body.qrp-co.woocommerce-cart .return-to-shop .button:focus {
	background: var(--co-green-dark) !important;
	color: #fff !important;
}

body.qrp-co.woocommerce-cart .qrp-mobile-checkout-bar {
	border-top: 1px solid var(--co-line) !important;
	box-shadow: 0 -6px 20px rgba(0, 0, 0, .08) !important;
}

body.qrp-co.woocommerce-cart .qrp-mobile-checkout-bar .qrp-mcb-btn {
	width: auto !important;
	min-height: 50px !important;
	padding: 12px 22px !important;
}

/* the saving line qrp-cart-savings.php prints above the table under a discount: a quiet strip; its own Proceed button and
 * trust bullets step aside here (the totals card has the button, the checkout the trust lines) */
body.qrp-co.woocommerce-cart .qrp-cart-saving {
	margin: 0 0 14px !important;
	padding: 12px 16px !important;
	border: 0 !important;
	border-radius: var(--co-r-field) !important;
	background: var(--co-fresh-soft) !important;
	color: var(--co-green) !important;
	text-align: left !important;
	box-shadow: none !important;
}

body.qrp-co.woocommerce-cart .qrp-cart-saving .qrp-save-text {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	line-height: 1.4 !important;
	color: var(--co-green) !important;
}

body.qrp-co.woocommerce-cart .qrp-cart-saving .qrp-save-checkout,
body.qrp-co.woocommerce-cart .qrp-cart-saving .qrp-trust {
	display: none !important;
}

/* WooCommerce's notices on the cart (a code applied, a line removed with its Undo, the empty cart): soft rounded cards in the
 * page's colours, no theme box and no icon */
body.qrp-co.woocommerce-cart .woocommerce-notices-wrapper .woocommerce-message,
body.qrp-co.woocommerce-cart .woocommerce-notices-wrapper .woocommerce-info,
body.qrp-co.woocommerce-cart .woocommerce-notices-wrapper .woocommerce-error,
body.qrp-co.woocommerce-cart .wc-empty-cart-message .cart-empty {
	display: block !important;
	position: static !important;
	margin: 0 0 16px !important;
	padding: 12px 16px !important;
	border: 0 !important;
	border-radius: var(--co-r-field) !important;
	background: var(--co-fresh-soft) !important;
	color: var(--co-green) !important;
	font-size: 15px !important;
	font-weight: 500 !important;
	line-height: 1.5 !important;
	text-align: left !important;
	list-style: none !important;
	box-shadow: none !important;
}

body.qrp-co.woocommerce-cart .woocommerce-notices-wrapper .woocommerce-info,
body.qrp-co.woocommerce-cart .wc-empty-cart-message .cart-empty {
	background: var(--co-card) !important;
	border: 1px solid var(--co-line) !important;
	color: var(--co-text) !important;
}

body.qrp-co.woocommerce-cart .woocommerce-notices-wrapper .woocommerce-error {
	background: #fdecea !important;
	color: var(--co-err) !important;
}

body.qrp-co.woocommerce-cart .woocommerce-notices-wrapper .woocommerce-error li {
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

body.qrp-co.woocommerce-cart .woocommerce-notices-wrapper .woocommerce-message::before,
body.qrp-co.woocommerce-cart .woocommerce-notices-wrapper .woocommerce-info::before,
body.qrp-co.woocommerce-cart .woocommerce-notices-wrapper .woocommerce-error::before,
body.qrp-co.woocommerce-cart .wc-empty-cart-message .cart-empty::before {
	display: none !important;
	content: none !important;
}

body.qrp-co.woocommerce-cart .woocommerce-notices-wrapper .woocommerce-message a,
body.qrp-co.woocommerce-cart .woocommerce-notices-wrapper .woocommerce-info a,
body.qrp-co.woocommerce-cart .woocommerce-notices-wrapper .woocommerce-error a {
	color: inherit !important;
	font-weight: 600 !important;
	text-decoration: underline !important;
}

/* the page title: the theme's 60 px heading, 32 px here, closer to the cards */
body.qrp-co.woocommerce-cart .entry-header {
	margin: 0 0 20px !important;
	padding: 0 !important;
}

body.qrp-co.woocommerce-cart .entry-header .entry-title {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 32px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	letter-spacing: normal !important;
	color: var(--co-ink) !important;
}

/* a free trial's "$0.00 today" in the summary strip */
.qrp-co-sum-today {
	font-size: 12px;
	font-weight: 400;
	color: var(--co-muted);
	margin-left: 4px;
}

/* 16. the order-received page: WooCommerce's own markup laid out as cards in a fixed order */
body.qrp-co-received .woocommerce-order {
	display: flex;
	flex-direction: column;
	max-width: 640px;
	margin: 0 auto;
}

body.qrp-co-received .woocommerce-order > * {
	order: 10;
}

/* the headline: WooCommerce's received notice, the tick drawn above it */
body.qrp-co-received .woocommerce-thankyou-order-received,
body.qrp-co-received .woocommerce-thankyou-order-failed {
	order: 1;
	position: relative;
	margin: 0 0 8px !important;
	padding: 72px 0 0 !important;
	border: 0 !important;
	background: none !important;
	box-shadow: none !important;
	text-align: center;
	font-size: 28px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	color: var(--co-ink) !important;
}

body.qrp-co-received .woocommerce-thankyou-order-received::before,
body.qrp-co-received .woocommerce-thankyou-order-received::after {
	display: none !important;
	content: none !important;
}

body.qrp-co-received .woocommerce-thankyou-order-received::before {
	content: "" !important;
	display: block !important;
	position: absolute;
	top: 0;
	left: 50%;
	width: 56px;
	height: 56px;
	margin-left: -28px;
	border-radius: 999px;
	background: var(--co-fresh-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23235b40' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 13 4 4L19 7'/%3E%3C/svg%3E") center / 28px no-repeat;
}

body.qrp-co-received .woocommerce-thankyou-order-failed {
	padding-top: 0 !important;
	color: var(--co-err) !important;
	font-size: 20px !important;
}

body.qrp-co-received .woocommerce-thankyou-order-failed-actions {
	order: 2;
	text-align: center;
}

body.qrp-co-received .qrp-co-ty-sub {
	order: 2;
	margin: 0 0 20px;
	text-align: center;
	font-size: 15px;
	line-height: 1.5;
	color: var(--co-muted);
}

body.qrp-co-received .qrp-co-ty-sub b {
	color: var(--co-text);
	font-weight: 600;
}

/* the sign-in panel (qrp-thankyou-autologin.php, inline styles overridden) */
body.qrp-co-received .qrp-alogin-cta {
	order: 3;
	margin: 0 0 16px !important;
	padding: 20px !important;
	border-radius: var(--co-r-card) !important;
	background: var(--co-card) !important;
	border: 1px solid var(--co-line) !important;
	box-shadow: var(--co-shadow);
}

body.qrp-co-received .qrp-alogin-cta p {
	margin: 0 0 12px !important;
	font-size: 15px !important;
	line-height: 1.55 !important;
	color: var(--co-text) !important;
}

body.qrp-co-received .qrp-alogin-cta p:first-child {
	margin: 0 0 10px !important;
	font-size: 18px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	color: var(--co-ink) !important;
}

body.qrp-co-received .qrp-alogin-cta p:last-child {
	margin-bottom: 0 !important;
}

body.qrp-co-received .qrp-alogin-cta p a,
body.qrp-co-received .qrp-alogin-cta p a:visited {
	color: var(--co-green) !important;
	font-weight: 600;
}

body.qrp-co-received .qrp-alogin-cta > a,
body.qrp-co-received .qrp-alogin-cta > a:visited {
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	box-sizing: border-box;
	width: 100% !important;
	min-width: 0 !important;
	min-height: 54px !important;
	margin: 4px 0 0 !important;
	padding: 14px 20px !important;
	border: 0 !important;
	border-radius: var(--co-r-btn) !important;
	background: var(--co-green) !important;
	color: #fff !important;
	font-family: inherit !important;
	font-size: 16px !important;
	font-weight: 600 !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	text-decoration: none !important;
	box-shadow: 0 6px 18px rgba(35, 91, 64, .22) !important;
	transform: none !important;
}

body.qrp-co-received .qrp-alogin-cta > a:hover,
body.qrp-co-received .qrp-alogin-cta > a:focus {
	background: var(--co-green-dark) !important;
	color: #fff !important;
}

/* the gift link (qrp-gift-orders.php) */
body.qrp-co-received .qrp-gift-link {
	order: 4;
	margin: 0 0 16px;
	padding: 20px;
	border-radius: var(--co-r-card);
	background: var(--co-card);
	border: 1px solid var(--co-line);
	box-shadow: var(--co-shadow);
}

body.qrp-co-received .qrp-gift-link p {
	margin: 0 0 12px;
	font-size: 15px;
	line-height: 1.55;
	color: var(--co-text);
}

body.qrp-co-received .qrp-gift-link input {
	box-sizing: border-box;
	width: 100% !important;
	min-height: 48px !important;
	margin: 0 0 10px !important;
	padding: 11px 14px !important;
	border: 1.5px solid var(--co-field) !important;
	border-radius: var(--co-r-field) !important;
	background: #fff !important;
	font-family: inherit !important;
	font-size: 14px !important;
	color: var(--co-text) !important;
}

body.qrp-co-received .qrp-gift-link .button {
	display: inline-flex !important;
	align-items: center;
	min-height: 44px !important;
	min-width: 0 !important;
	margin: 0 8px 0 0 !important;
	padding: 0 18px !important;
	border: 1.5px solid var(--co-green) !important;
	border-radius: var(--co-r-btn) !important;
	background: #fff !important;
	color: var(--co-green) !important;
	font-family: inherit !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	box-shadow: none !important;
	transform: none !important;
}

body.qrp-co-received .qrp-gift-link #qrp-gift-copied {
	margin: 10px 0 0;
	font-size: 13px;
	color: var(--co-green);
}

/* the cards we print and WooCommerce's sections */
.qrp-co-card,
body.qrp-co-received .woocommerce-order-overview,
body.qrp-co-received .woocommerce-order-details,
body.qrp-co-received .woocommerce-customer-details {
	box-sizing: border-box;
	background: var(--co-card);
	border: 1px solid var(--co-line) !important;
	border-radius: var(--co-r-card);
	box-shadow: var(--co-shadow);
	padding: 20px !important;
	margin: 0 0 16px !important;
}

body.qrp-co-received .qrp-co-ty-next {
	order: 5;
}

body.qrp-co-received .woocommerce-order-overview {
	order: 6;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 12px 16px;
	list-style: none;
}

body.qrp-co-received .woocommerce-order-overview li {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	font-size: 12px !important;
	font-weight: 500;
	letter-spacing: .05em;
	text-transform: uppercase;
	color: var(--co-muted) !important;
	line-height: 1.4;
}

body.qrp-co-received .woocommerce-order-overview li strong {
	display: block;
	margin-top: 2px;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: normal;
	text-transform: none;
	color: var(--co-ink);
	word-break: break-word;
}

body.qrp-co-received .woocommerce-order-details {
	order: 7;
}

body.qrp-co-received .woocommerce-customer-details {
	order: 9;
}

body.qrp-co .qrp-co-card h2,
body.qrp-co-received .woocommerce-order-details__title,
body.qrp-co-received .woocommerce-customer-details > h2 {
	font-size: 18px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	margin: 0 0 12px !important;
	padding: 0 !important;
	color: var(--co-ink) !important;
}

.qrp-co-steps {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 12px;
}

.qrp-co-steps li {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	font-size: 15px;
	line-height: 1.5;
	color: var(--co-text);
}

.qrp-co-steps li b {
	display: block;
	color: var(--co-ink);
}

body.qrp-co-received :is(table.woocommerce-table, table.woocommerce-orders-table) {
	width: 100%;
	border-collapse: separate !important;
	border-spacing: 0;
	border: 0 !important;
	margin: 0 !important;
	background: transparent !important;
	font-size: 15px;
}

body.qrp-co-received :is(table.woocommerce-table, table.woocommerce-orders-table) th,
body.qrp-co-received :is(table.woocommerce-table, table.woocommerce-orders-table) td {
	border: 0 !important;
	border-bottom: 1px solid var(--co-line) !important;
	padding: 10px 0 !important;
	font-size: 15px !important;
	font-weight: 400 !important;
	line-height: 1.4;
	color: var(--co-text) !important;
	background: transparent !important;
	text-transform: none !important;
	letter-spacing: normal !important;
	text-align: left;
	vertical-align: top;
}

body.qrp-co-received :is(table.woocommerce-table, table.woocommerce-orders-table) thead th {
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: .05em;
	text-transform: uppercase;
	color: var(--co-muted) !important;
	padding-top: 0 !important;
}

body.qrp-co-received :is(table.woocommerce-table, table.woocommerce-orders-table) td:last-child,
body.qrp-co-received :is(table.woocommerce-table, table.woocommerce-orders-table) th:last-child {
	text-align: right;
	white-space: nowrap;
}

body.qrp-co-received :is(table.woocommerce-table, table.woocommerce-orders-table) .product-quantity {
	font-weight: 400 !important;
	color: var(--co-muted);
}

body.qrp-co-received :is(table.woocommerce-table, table.woocommerce-orders-table) tfoot th {
	color: var(--co-muted) !important;
}

body.qrp-co-received :is(table.woocommerce-table, table.woocommerce-orders-table) tfoot tr:last-child th,
body.qrp-co-received :is(table.woocommerce-table, table.woocommerce-orders-table) tfoot tr:last-child td {
	border-bottom: 0 !important;
	font-weight: 700 !important;
	font-size: 17px !important;
	color: var(--co-ink) !important;
}

body.qrp-co-received :is(table.woocommerce-table, table.woocommerce-orders-table) .includes_tax {
	display: block;
	font-size: 12px;
	font-weight: 400;
	color: var(--co-muted);
	white-space: nowrap;
}

body.qrp-co-received .woocommerce-columns {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	width: auto !important;
}

body.qrp-co-received .woocommerce-column {
	float: none !important;
	width: auto !important;
	margin: 0 !important;
}

body.qrp-co-received .woocommerce-column__title {
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: .05em;
	text-transform: uppercase;
	color: var(--co-muted) !important;
	margin: 0 0 8px !important;
	padding: 0 !important;
}

body.qrp-co-received address {
	font-style: normal;
	font-size: 15px;
	line-height: 1.55;
	color: var(--co-text);
}

body.qrp-co-received address p {
	margin: 4px 0 0;
	font-size: 14px;
	color: var(--co-muted);
}

@media (max-width: 899px) {
	body.qrp-co-received .woocommerce-columns {
		grid-template-columns: 1fr;
	}
}

/* a subscription order: WooCommerce Subscriptions prints a Related subscriptions header and table inside the details card
 * (woocommerce_order_details_after_order_table), and a loose "View the status of your subscription" line after it
 * (woocommerce_thankyou 10, a bare p the kses there strips any class from); a gateway's own instructions land the same way */
body.qrp-co-received .woocommerce-order-details header h2 {
	font-size: 18px !important;
	font-weight: 600 !important;
	line-height: 1.3 !important;
	margin: 22px 0 12px !important;
	padding: 0 !important;
	color: var(--co-ink) !important;
}

body.qrp-co-received table.woocommerce-orders-table a:not(.button),
body.qrp-co-received table.woocommerce-orders-table a:not(.button):visited {
	color: var(--co-green) !important;
	font-weight: 600;
	text-decoration: none !important;
}

body.qrp-co-received table.woocommerce-orders-table .button,
body.qrp-co-received table.woocommerce-orders-table .button:visited {
	display: inline-flex !important;
	align-items: center;
	min-height: 36px !important;
	min-width: 0 !important;
	margin: 0 !important;
	padding: 0 14px !important;
	border: 1.5px solid var(--co-green) !important;
	border-radius: 10px !important;
	background: #fff !important;
	color: var(--co-green) !important;
	font-family: inherit !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	letter-spacing: normal !important;
	text-transform: none !important;
	text-decoration: none !important;
	box-shadow: none !important;
	transform: none !important;
}

body.qrp-co-received table.woocommerce-orders-table .button:hover,
body.qrp-co-received table.woocommerce-orders-table .button:focus {
	background: var(--co-green-soft) !important;
	color: var(--co-green) !important;
}

body.qrp-co-received .woocommerce-order > p:not([class]) {
	order: 8; /* after the details card (7), before the addresses (9); Subscriptions prints it before the details */
	margin: -4px 0 16px;
	text-align: center;
	font-size: 14px;
	line-height: 1.5;
	color: var(--co-muted);
}

body.qrp-co-received .woocommerce-order > p:not([class]) a,
body.qrp-co-received .woocommerce-order > p:not([class]) a:visited {
	color: var(--co-green) !important;
	font-weight: 500;
}

@media (max-width: 767px) {
	/* the five-column subscriptions table stacks: each cell a labelled row (WooCommerce's responsive table prints the label itself) */
	body.qrp-co-received table.woocommerce-orders-table thead {
		display: none;
	}
	body.qrp-co-received table.woocommerce-orders-table tr {
		display: block;
		padding: 6px 0;
		border: 0 !important; /* the theme gives a row a faint box, drawn only once the row is a block */
		border-bottom: 1px solid var(--co-line) !important;
	}
	body.qrp-co-received table.woocommerce-orders-table tr:last-child {
		border-bottom: 0 !important;
	}
	body.qrp-co-received table.woocommerce-orders-table td {
		display: flex !important;
		justify-content: flex-end; /* the label takes the left through its own margin; an amount and the words after it stay together */
		align-items: center;
		gap: 6px;
		border: 0 !important;
		padding: 5px 0 !important;
		text-align: right;
		white-space: normal !important;
	}
	body.qrp-co-received table.woocommerce-orders-table td::before {
		content: attr(data-title);
		margin-right: auto;
		float: none !important;
		font-size: 13px;
		font-weight: 500;
		color: var(--co-muted);
		text-align: left;
	}
	body.qrp-co-received table.woocommerce-orders-table td:not([data-title])::before {
		display: none;
	}
	body.qrp-co-received table.woocommerce-orders-table td:not([data-title]) {
		justify-content: flex-end;
	}
}

/* 17. reduced motion: nothing here moves apart from a chevron and two colour transitions */
@media (prefers-reduced-motion: reduce) {
	@view-transition {
		navigation: none;
	}
	.qrp-co-sum-chev,
	body.qrp-co .input-text,
	body.qrp-co #place_order,
	body.qrp-co .wc_payment_method {
		transition: none;
	}
}

/* 18. the pay page (order-pay, 1.3.1): one column like the thank-you page, WooCommerce's order table as a card, payment below it */
body.qrp-co-pay .entry-content > .woocommerce {
	max-width: 640px;
}

.qrp-co-pay-head {
	margin: 8px 0 18px;
	text-align: center;
}

.qrp-co-pay-h {
	margin: 0 0 6px !important;
	font-size: 26px !important;
	font-weight: 600 !important;
	line-height: 1.2 !important;
	color: var(--co-ink) !important;
}

.qrp-co-pay-sub {
	margin: 0;
	font-size: 15px;
	line-height: 1.5;
	color: var(--co-muted);
}

body.qrp-co-pay form#order_review table.shop_table {
	width: 100%;
	margin: 0 0 20px !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	border: 1px solid var(--co-line) !important;
	border-radius: var(--co-r-card) !important;
	background: #fff !important;
	overflow: hidden;
}

body.qrp-co-pay form#order_review table.shop_table th,
body.qrp-co-pay form#order_review table.shop_table td {
	border: 0 !important;
	border-bottom: 1px solid var(--co-line) !important;
	padding: 12px 16px !important;
	font-size: 15px !important;
	line-height: 1.45;
	vertical-align: top;
	text-align: left;
	background: transparent !important;
	color: var(--co-text);
}

body.qrp-co-pay form#order_review table.shop_table thead th {
	font-size: 12px !important;
	font-weight: 600 !important;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--co-muted) !important;
	background: var(--co-page) !important;
}

body.qrp-co-pay form#order_review table.shop_table th.product-quantity,
body.qrp-co-pay form#order_review table.shop_table td.product-quantity,
body.qrp-co-pay form#order_review table.shop_table th.product-total,
body.qrp-co-pay form#order_review table.shop_table td.product-subtotal,
body.qrp-co-pay form#order_review table.shop_table tfoot td {
	text-align: right;
	white-space: nowrap;
}

body.qrp-co-pay form#order_review table.shop_table td.product-quantity {
	color: var(--co-muted);
}

body.qrp-co-pay form#order_review table.shop_table .wc-item-meta,
body.qrp-co-pay form#order_review table.shop_table dl.variation {
	margin: 4px 0 0 !important;
	padding: 0;
	list-style: none;
	font-size: 13px !important;
	line-height: 1.45;
	color: var(--co-muted);
}

body.qrp-co-pay form#order_review table.shop_table .wc-item-meta li,
body.qrp-co-pay form#order_review table.shop_table .wc-item-meta p,
body.qrp-co-pay form#order_review table.shop_table dl.variation dt,
body.qrp-co-pay form#order_review table.shop_table dl.variation dd {
	display: inline;
	margin: 0 !important;
	padding: 0;
	font-weight: 400;
}

body.qrp-co-pay form#order_review table.shop_table tfoot th {
	font-weight: 500 !important;
	color: var(--co-muted) !important;
}

body.qrp-co-pay form#order_review table.shop_table tfoot tr:last-child th,
body.qrp-co-pay form#order_review table.shop_table tfoot tr:last-child td {
	border-bottom: 0 !important;
	font-size: 17px !important;
	font-weight: 700 !important;
	color: var(--co-ink) !important;
}

body.qrp-co-pay form#order_review table.shop_table tfoot tr:last-child td .includes_tax {
	display: block;
	font-size: 12px;
	font-weight: 400;
	color: var(--co-muted);
}

body.qrp-co-pay #payment {
	margin-top: 4px;
}

body.qrp-co-pay .wcpay-express-checkout-wrapper {
	margin: 0 0 6px;
}