:root{

	/* Fonts — matches Shopify's checkout system font stack */
	--trustedair-font-family: 				-apple-system, BlinkMacSystemFont, "San Francisco", "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

	--trustedair-body-text-color: 			#1a1a1a;
	--trustedair-muted-text-color:			#6b6b6b;

	/* Page background (left / form column) vs sticky order-summary column */
	--trustedair-left-side-bg: 				#ffffff;
	--trustedair-right-side-bg: 			#fafafa;
	--trustedair-section-divider:			#e3e3e3;

	/* Checkout Steps (unused once single-page, kept for backwards compat) */
	--trustedair-steps-font-family: 		var(--trustedair-font-family);
	--trustedair-steps-font-size: 			12px;
	--trustedair-steps-text-transform: 		uppercase;
	--trustedair-steps-color: 				#2b2b2b;
	--trustedair-steps-active-color: 		#2b2b2b;
	--trustedair-steps-active-font-weight: 	500;

	/* Section headings: Contact, Delivery, Shipping method, Payment, Your order */
	--trustedair-heading-font-family: 		var(--trustedair-font-family);
	--trustedair-heading-font-size: 		20px;
	--trustedair-heading-font-weight: 		600;
	--trustedair-heading-text-transform: 	none;
	--trustedair-heading-color: 			#1a1a1a;

	/* Fields */
	--trustedair-field-background: 					#fff;

	--trustedair-field-label-color-when-empty: 		#75757a;
	--trustedair-field-label-color--when-filled: 	#75757a;

	--trustedair-field-border-color: 				#c9c9c9;
	--trustedair-field-focus-border-color: 			#1a1a1a;
	--trustedair-field-focus-ring-color:			rgba(26,26,26,.09);
	--trustedair-field-error-border-color: 			#d82c0d;

	--trustedair-field-text-color: 					#1a1a1a;
	--trustedair-field-text-font-size: 				16px;
	--trustedair-field-text-font-weight: 			400;
	--trustedair-field-text-text-transform: 		none;
	--trustedair-field-border-radius: 				8px;

	/* Back to shop link */
	--trustedair-back-to-shop-font-family: 			var(--trustedair-font-family);
	--trustedair-back-to-shop-font-size: 			14px;
	--trustedair-back-to-shop-font-weight: 			400;
	--trustedair-back-to-shop-text-transform: 		none;
	--trustedair-back-to-shop-color: 				#2b2b2b;
	--trustedair-back-to-shop-hover-color: 			#000;

	/* Primary action button — "Pay now" / "Place order" */
	--trustedair-btn-padding:						16px 30px;
	--trustedair-btn-font-family: 					var(--trustedair-font-family);
	--trustedair-btn-font-size: 					16px;
	--trustedair-btn-font-weight: 					600;
	--trustedair-btn-text-transform: 				none;
	--trustedair-btn-border-radius: 				999px;
	--trustedair-btn-background-color: 				#00B6C2;
	--trustedair-btn-hover-background-color: 		#c0e02e;
	--trustedair-btn-text-color: 					#12130f;
	--trustedair-btn-hover-text-color: 				#12130f;
	--trustedair-btn-coupon-background-color:		#1a1a1a;
	--trustedair-btn-coupon-text-color:				#fff;

	/* Order Items */
	--trustedair-product-name-font-family: 			var(--trustedair-font-family);
	--trustedair-product-name-font-size: 			14px;
	--trustedair-product-name-font-weight: 			400;
	--trustedair-product-name-text-transform: 		none;
	--trustedair-product-name-color:				#1a1a1a;

	--trustedair-product-qty-bg-color:				#6b6b6b;
	--trustedair-product-qty-text-color:			#fff;

	/* Information summary box (logged-in condensed view) */
	--trustedair-info-summary-box-font-size:		14px;
	--trustedair-change-text-color:					#1a1a1a;
	--trustedair-change-text-hovercolor:			#000000;
	--trustedair-have-coupon-text-color:			#1a1a1a;

	/* radio and checkbox */
	--trustedair-radio-checked-color:				#1a1a1a;
	--trustedair-radio-selected-tint:				rgba(26,26,26,.035);

	/* Thank you page */
	--trustedair-thank-you-check-color:				#77b255;
	--trustedair-secondary-heading-color:			#1a1a1a;
	--trustedair-secondary-heading-font-size:		16px;
	--trustedair-secondary-heading-font-weight:		500;

}

/* ==========================================================================
   Base / resets
   ========================================================================== */
input:-webkit-autofill {
    -webkit-box-shadow:0 0 0 50px white inset;
    -webkit-text-fill-color: #1a1a1a;
}
input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 50px white inset;
    -webkit-text-fill-color: #1a1a1a;
}
input {
  filter: none;
}
.input-text::placeholder,
.input-text::-webkit-input-placeholder {
  color: var(--trustedair-field-label-color-when-empty);
}
.woocommerce-checkout #masthead,
.woocommerce-checkout #site-footer,
.woocommerce-checkout .xoo-wsc-footer,
.woocommerce-form-login-toggle,
.woocommerce-checkout form.woocommerce-form.woocommerce-form-login p.lost_password,
.woocommerce .clear {
	display: none;
}
#trustedair-checkout-wrapper,
#trustedair-checkout-wrapper input,
#trustedair-checkout-wrapper select,
#trustedair-checkout-wrapper textarea,
#trustedair-checkout-wrapper button {
	font-family: var(--trustedair-font-family);
}
#trustedair-checkout-wrapper * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#trustedair-checkout-wrapper {
    padding-top: 0;
    background-color: var(--trustedair-left-side-bg);
    min-height: 100vh;
    color: var(--trustedair-body-text-color);
    font-size: 16px;
}
.woocommerce-checkout .woocommerce{
	background-color: var(--trustedair-left-side-bg);
	color: var(--trustedair-body-text-color);
}
.woocommerce-checkout .woocommerce .woocommerce-notices-wrapper {
    width: 50%;
}
.woocommerce-checkout .woocommerce .woocommerce-notices-wrapper ul{
	padding: 20px;
}

/* ==========================================================================
   Layout — one continuous page, left form column + sticky order summary
   ========================================================================== */
.trustedair-container{
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 15px
}
.trustedair-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.trustedair-col {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}
.left-container{
	padding-top: 40px;
	padding-right: 6%;
	padding-bottom: 80px;
	flex: 0 0 58%;
	max-width: 58%;
}
.right-container{
	padding: 0;
	flex: 0 0 42%;
	max-width: 42%;
}
.right-container::before {
    content: " ";
    background-color: var(--trustedair-right-side-bg);
    position: fixed;
    height:100vh;
    width: 100%;
    top: 0;
    border-left: 1px solid var(--trustedair-section-divider);
    z-index: 1;
}
.right-container .content-wrapper{
	position: sticky;
	top: 0;
	z-index: 1;
	padding: 40px 15px 30px 48px;
	max-height: 100vh;
	overflow-y: auto;
}

/* All three steps stay visible at once — no wizard, no gating */
.step-1.step-content,
.step-2.step-content,
.step-3.step-content{
	display: block;
}
.trustedair-only-virtual-products-checkout .step-1.step-content,
.trustedair-only-virtual-products-checkout .step-2.step-content,
.trustedair-only-virtual-products-checkout .step-3.step-content{
	display: block;
}
.trustedair-only-virtual-products-checkout .step-1 .inofmation-box {
  margin-bottom: 0;
}

.woocommerce-checkout form.woocommerce-form.woocommerce-form-login.login {
	display: block !important;
    background-color: #fff;
    position: fixed;
    z-index: 9999;
    width: 100%;
    padding: 40px 20% 60px;
    box-shadow: 0px 50px 1000px;
    top: -100%;
    transition: 0.3s;
}
.woocommerce-checkout form.woocommerce-form.woocommerce-form-login p{
	padding: 6px;
}
.woocommerce-checkout form.woocommerce-form.woocommerce-form-login.login .form-row{
	max-width: 100%;
}
.woocommerce-checkout form.woocommerce-form.woocommerce-form-login.login.active{
	top: 0;
}
.woocommerce-checkout form.woocommerce-form.woocommerce-form-login #close-login-popup {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    display: inline;
    width: fit-content;
}
.woocommerce form .form-row.woocommerce-invalid .select2-container,
.woocommerce form .form-row.woocommerce-invalid input.input-text,
.woocommerce form .form-row.woocommerce-invalid select {
  border-color: var(--trustedair-field-error-border-color);
}

body.woocommerce-order-received .woocommerce-order h2,
body.woocommerce-order-received .woocommerce-order h3,
#trustedair-checkout-wrapper .shipping_address h3,
#trustedair-checkout-wrapper h3{
	font-family: var(--trustedair-heading-font-family);
	font-size: var(--trustedair-heading-font-size);
	font-weight: var(--trustedair-heading-font-weight);
	text-transform: var(--trustedair-heading-text-transform);
	color: var(--trustedair-heading-color);
	margin-bottom: 18px;
	margin-top: 0;
	letter-spacing: -.01em;
}

/* ==========================================================================
   Section rhythm — flat, divided sections instead of boxed cards
   ========================================================================== */
.inofmation-box,
#trustedair-checkout-wrapper .shipping_address,
.trustedair-shipping-methods-box,
.trustedair-billing-address-box,
.trustedair-payment-methods-box{
	margin-bottom: 0;
	padding: 28px 0;
	border-top: 1px solid var(--trustedair-section-divider);
}
/* The "Delivery" heading is rendered by our plugin (hooked onto
   woocommerce_before_checkout_shipping_form) as a sibling of the address
   fields WooCommerce core renders right after it — both live inside core's
   own .shipping_address wrapper, so the box treatment above goes on that
   wrapper (heading + fields together), not on the heading alone. The
   heading div itself should contribute no extra spacing of its own. */
.trustedair-section-heading--delivery{
	margin-bottom: 0;
	padding: 0;
}
.step-1 .inofmation-box{
	border-top: none;
	padding-top: 0;
}
.trustedair-only-virtual-products-checkout .trustedair-section-heading--delivery,
.trustedair-only-virtual-products-checkout .trustedair-shipping-methods-box{
	display: none;
}
.trustedair-box{
	background-color: #fff;
    padding: 10px 10px;
    border: 1px solid var(--trustedair-field-border-color);
    border-radius: 8px;
    margin-bottom: 10px;
}
.trustedair-box p{
	margin-bottom: 0;
}
.trustedair-box h3 {
    margin-bottom: 5px !important;
}
.trustedair-box h4 {
	color: var(--trustedair-secondary-heading-color);
	font-size: var(--trustedair-secondary-heading-font-size);
    margin-bottom: 5px !important;
    font-weight: var(--trustedair-secondary-heading-font-weight);
}
.trustedair-logo{
	text-align: center;
	margin: 0 0 20px;
}
.custom-logo-link {
    display: inline-block;
    max-width: 150px;
}
.trustedair-logo img{
	max-height: 40px;
	max-width: 150px !important;
}

/* Checkout steps breadcrumb — no longer rendered, rule kept defensively */
.trustedair-checkout-steps-wrapper{ display: none; }

#ship-to-different-address{
	display: none;
}

/* ==========================================================================
   Form fields
   ========================================================================== */
.form-row{
	position: relative;
}
.form-row label{
	position: absolute;
	color: var(--trustedair-field-label-color--when-filled);
	transition: all .2s ease-out;
	font-size: 12px;
	margin-top: .25em;
	padding: 0 1.16em;
	line-height: 2;
	opacity: 0;
	z-index: 1;
}
.form-row input.input-text,
.form-row textarea{
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	background: var(--trustedair-field-background);
	transition: border-color .15s ease, box-shadow .15s ease;
	color: var(--trustedair-field-text-color);
	padding: 15px 12px;
	width: 100%;
	box-sizing: border-box;
	font-size: var(--trustedair-field-text-font-size);
	font-weight: var(--trustedair-field-text-font-weight);
	text-transform: var(--trustedair-field-text-text-transform);
	line-height: 16px !important;
	border-radius: var(--trustedair-field-border-radius) !important;
	border: 1px solid var(--trustedair-field-border-color);
}
.form-field--is-filled input.input-text {
    padding: 24px 12px 6px;
}
.form-field--is-filled label {
    opacity: 1;
}
.form-row input.input-text:focus,
.form-row textarea:focus {
  outline: none;
  border-color: var(--trustedair-field-focus-border-color);
  box-shadow: 0 0 0 4px var(--trustedair-field-focus-ring-color);
}
#trustedair-checkout-wrapper .select2-container--default .select2-selection--single,
.woocommerce-address-fields__field-wrapper .select2-container--default .select2-selection--single,
#trustedair-checkout-wrapper select {
    border: 1px solid var(--trustedair-field-border-color);
    border-radius: var(--trustedair-field-border-radius) !important;
    padding: 15px 12px;
    height: auto;
    background-color: #fff;
    width: 100%;
    margin-bottom: 0;
}
.woocommerce-address-fields__field-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered,
#trustedair-checkout-wrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 19px;
    padding: 0;
}
/* The open dropdown panel is appended to <body>, outside #trustedair-checkout-wrapper,
   so it needs its own (unscoped) rules — and it ships with select2's default
   blue highlight, which clashes with the rest of the page. */
.select2-dropdown{
	border-color: var(--trustedair-field-border-color);
	border-radius: var(--trustedair-field-border-radius);
	overflow: hidden;
}
.select2-container--default .select2-search--dropdown{
	padding: 8px;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
	border: 1px solid var(--trustedair-field-border-color);
	border-radius: var(--trustedair-field-border-radius);
	padding: 8px 10px;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus{
	outline: none;
	border-color: var(--trustedair-field-focus-border-color);
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
	background-color: var(--trustedair-radio-checked-color) !important;
	color: #fff !important;
}
.select2-container--default .select2-results__option[aria-selected="true"]{
	background-color: var(--trustedair-radio-selected-tint);
}
.select2-container--default.select2-container--open .select2-selection--single{
	border-color: var(--trustedair-field-focus-border-color) !important;
	box-shadow: 0 0 0 4px var(--trustedair-field-focus-ring-color);
}

.woocommerce-address-fields__field-wrapper .select2-container--default .select2-selection--single  .select2-selection__arrow,
#trustedair-checkout-wrapper .select2-container--default .select2-selection--single .select2-selection__arrow{
    top: 13px;
    right: 12px;
}
.woocommerce-EditAccountForm.edit-account em {
	font-size: 12px;
	line-height: 16px;
	display: block;
	margin-top: 4px;
}
.woocommerce-address-fields__field-wrapper,
.woocommerce-shipping-fields {
    margin-bottom: 8px;
}
.woocommerce-address-fields__field-wrapper,
.woocommerce-account .woocommerce-EditAccountForm.edit-account,
.woocommerce-account form.woocommerce-form.woocommerce-form-login.login,
.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper{
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 10px;
}
form.woocommerce-form.woocommerce-form-login.login p,
.woocommerce-EditAccountForm.edit-account p,
p.form-row{
	grid-column: 1 / -1;
	margin: 0;
}
.woocommerce-EditAccountForm.edit-account fieldset {
  padding: 0;
  border: none;
  grid-column: 1 / -1;
  gap: 10px;
  display: grid;
}
.woocommerce-EditAccountForm.edit-account fieldset legend {
    margin-left: 6px;
    margin-top: 18px;
}
.woocommerce form .form-row-first, .woocommerce-page form .form-row-first,
.woocommerce form .form-row-last, .woocommerce-page form .form-row-last{
	float: none;
	width: auto !important;
	grid-column: span 3 / span 3;
}
#shipping_city_field,
#shipping_state_field,
#shipping_postcode_field,
#billing_city_field,
#billing_state_field,
#billing_postcode_field{
	float: none;
	width: auto !important;
	grid-column: span 2 / span 2;
}
#billing_address_2_field,
#shipping_address_2_field{
	float: none;
	width: auto !important;
	grid-column: 1 / -1;
}
#billing_postcode,
#shipping_postcode{
	text-transform: uppercase;
}
.inofmation-box #billing_email_field{
	padding: 0 !important;
}

/* ==========================================================================
   Order review typography
   ========================================================================== */
/* Storefront's own woocommerce.css floats #order_review right at ~41% width
   for its native checkout layout. We reuse that same ID (WooCommerce core's
   AJAX/fragment JS depends on it), so its rule wins unless reset here. */
#order_review,
#order_review_heading{
	width: 100% !important;
	float: none !important;
	clear: none !important;
	margin-right: 0;
}
/* Storefront's customizer injects `#order_review { background-color: <site
   background color> }` via an inline <style> (see
   class-storefront-woocommerce-customizer.php get_css()) for its own native
   checkout layout, where the order review needs its own boxed background.
   Here it sits inside the sticky sidebar column, which already paints
   var(--trustedair-right-side-bg) via .right-container::before — #order_review
   should be transparent so that's the only surface, not a mismatched
   rectangle behind/inside it. */
#order_review{
	background-color: transparent !important;
}
#order_review,
#order_details{
	font-family: var(--trustedair-product-name-font-family);
	font-size: var(--trustedair-product-name-font-size);
	font-weight: var(--trustedair-product-name-font-size);
	line-height: 1.35;
	color: var(--trustedair-product-name-color);
}
#order_review_heading{
	display: none;
}
.bottom-navigation,
.shop_table.woocommerce-checkout-review-order-table .order-review-footer > div,
.shop_table.woocommerce-table--order-details .order-review-footer > div,
.inofmation-box-header{
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.inofmation-box-header{
	margin-top: 0;
}
.shop_table.woocommerce-checkout-review-order-table .order-review-footer > div,
.shop_table.woocommerce-table--order-details .order-review-footer > div{
	width: 100%;
	margin-top: 0;
	padding: 7px 0;
	font-size: 14px;
}
.shop_table.woocommerce-checkout-review-order-table .order-review-footer .order-total,
.shop_table.woocommerce-table--order-details .order-review-footer .order_total {
    border-top: 1px solid var(--trustedair-section-divider);
    margin-top: 8px !important;
    padding-top: 16px !important;
    font-weight: 700;
    font-size: 18px;
}
.shop_table.woocommerce-checkout-review-order-table .order-review-footer,
.shop_table.woocommerce-table--order-details .order-review-footer {
    padding-top: 8px;
    margin-top: 8px;
}
.trustedair-checkout-trust-badge {
    margin-top: 24px;
}
.trustedair-checkout-trust-badge img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 8px;
}
.go-back-btn{
	font-family: var(--trustedair-back-to-shop-font-family);
	font-size: var(--trustedair-back-to-shop-font-size);
	font-weight: var(--trustedair-back-to-shop-font-weight);
	text-transform: var(--trustedair-back-to-shop-text-transform);
	color: var(--trustedair-back-to-shop-color);
}
.go-back-btn:hover{
	color: var(--trustedair-back-to-shop-hover-color);
}

/* ==========================================================================
   Buttons
   ========================================================================== */
.woocommerce-checkout form.woocommerce-form.woocommerce-form-login .woocommerce-form-login__submit,
.bottom-navigation button,
.woocommerce-checkout #place_order,
.trustedair-contimue-shopping{
	padding: var(--trustedair-btn-padding) !important;
	background-color: var(--trustedair-btn-background-color);
	color: var(--trustedair-btn-text-color);
	font-family: var(--trustedair-btn-font-family);
	/* !important needed: Storefront's own woocommerce.css has
	   `#payment .place-order .button { font-size: 1.41575em }`, whose
	   selector (an id + two classes) out-specifies ours, so without this
	   the button rendered at ~22.6px (16px root * 1.41575) instead of the
	   16px this design system actually calls for. */
	font-size: var(--trustedair-btn-font-size) !important;
	font-weight: var(--trustedair-btn-font-weight);
	text-transform: var(--trustedair-btn-text-transform);
	border-radius: var(--trustedair-btn-border-radius);
	border: none;
	width: 100%;
	cursor: pointer;
	transition: background-color .15s ease;
}
.woocommerce-checkout form.woocommerce-form.woocommerce-form-login .woocommerce-form-login__submit:hover,
.bottom-navigation button:hover,
.woocommerce-checkout #place_order:hover,
.trustedair-contimue-shopping:hover{
	background-color: var(--trustedair-btn-hover-background-color);
	color: var(--trustedair-btn-hover-text-color);
}
.woocommerce-checkout form.woocommerce-form.woocommerce-form-login .woocommerce-form-login__submit{
	margin-top: 0;
}
.apply_coupon_code {
	padding: 0 20px !important;
	/* !important needed on background/color/border: the theme's base
	   style.css has a blanket `button, [type=button] { color: #CC3366;
	   border: 1px solid #CC3366; background: transparent }` reset that
	   ties this rule on specificity and wins on source order — rendering
	   this as a pink outline button instead of the intended solid dark
	   pill, and giving it a visible border that reads as a "double border"
	   against the input field it's docked to (border: none was silently
	   losing to that reset's 1px solid). */
	background-color: var(--trustedair-btn-coupon-background-color) !important;
	color: var(--trustedair-btn-coupon-text-color) !important;
	font-family: var(--trustedair-btn-font-family);
	font-size: 14px;
	font-weight: 600;
	border-radius: var(--trustedair-field-border-radius);
	border: none !important;
	cursor: pointer;
}
.apply_coupon_code:hover{
	filter: brightness(1.15);
}
.apply_coupon_code:disabled{
	opacity: .45;
	cursor: not-allowed;
}

/* ==========================================================================
   Order summary — product rows, qty badge, coupon, totals
   ========================================================================== */
.shop_table.woocommerce-checkout-review-order-table > div,
.shop_table.woocommerce-table--order-details > div{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.shop_table.woocommerce-checkout-review-order-table > div.cart_item {
    flex-wrap: nowrap;
}
.shop_table.woocommerce-checkout-review-order-table .product-image,
.shop_table.woocommerce-table--order-details .order_item .product-image {
    max-width: 56px;
    border: 1px solid var(--trustedair-section-divider);
    border-radius: 8px;
    position: relative;
    padding: 4px;
    display: flex;
    background-color: #fff;
}
#trustedair-checkout-wrapper .product-image img{
	max-width: 100%;
	border-radius: 5px;
}
.shop_table.woocommerce-checkout-review-order-table .product-name,
.shop_table.woocommerce-table--order-details .order_item .product-name{
	padding: 0 15px;
}
.shop_table.woocommerce-checkout-review-order-table .product-total,
.shop_table.woocommerce-table--order-details .order_item .product-total{
	margin-left: auto;
	text-align: right;
	white-space: nowrap;
}
.shop_table.woocommerce-checkout-review-order-table .product-total .subscription-details,
.shop_table.woocommerce-table--order-details .order_item  .subscription-details {
    display: block;
    font-size: 12px;
    line-height: 12px;
}
.shop_table.woocommerce-checkout-review-order-table .product-image .product-quantity,
.shop_table.woocommerce-table--order-details .order_item .product-image .product-quantity {
    position: absolute;
    top: -8px;
    right: -8px;
    font-size: 11px;
    background-color: var(--trustedair-product-qty-bg-color);
    width: 19px;
    height: 19px;
    color: var(--trustedair-product-qty-text-color);
    text-align: center;
    line-height: 1.75;
    border-radius: 50%;
}
.shop_table.woocommerce-checkout-review-order-table .cart_item,
.shop_table.woocommerce-table--order-details .order_item {
    padding: 14px 0;
    border-bottom: 1px solid var(--trustedair-section-divider);
}
.information-review-box{
	font-size: var(--trustedair-info-summary-box-font-size);
	background-color: #fff;
    padding: 4px 10px;
    border: 1px solid var(--trustedair-field-border-color);
    border-radius: 8px;
    margin-bottom: 28px;
}
.information-review-box table{
	margin: 0;
}
.information-review-box table th,
.information-review-box table td{
	border: none;
	background-color: transparent !important;
	padding: 6px 0;
}
.information-review-box table tr.contact,
.logged-in-user .information-review-box table tr.ship-to{
	border-bottom: 1px solid var(--trustedair-section-divider);
}
.information-review-box table tr.ship-method{
	border-top: 1px solid var(--trustedair-section-divider);
}
.information-review-box table tr td:nth-child(2){
	padding-left: 10px;
	padding-right: 10px;
}
.information-review-box a{
	color: var(--trustedair-change-text-color);
}
.information-review-box a:hover{
	color: var(--trustedair-change-text-hover-color);
}

/* Discount code row */
#coupon_field {
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-top: 1px solid var(--trustedair-section-divider);
	padding-top: 16px !important;
	margin-top: 16px !important;
}
#coupon_field label{
	position: static;
	display: block;
	opacity: 1;
	padding: 0;
	margin-bottom: 6px;
	font-size: 13px;
	color: var(--trustedair-muted-text-color);
}
#coupon_field .woocommerce-input-wrapper{
	display: flex;
	margin-bottom: 4px;
}
#coupon_field input.input-text{
	/* !important needed: the general `.form-row input.input-text` rule sets
	   `border-radius: var(--trustedair-field-border-radius) !important`, which would
	   otherwise win over these more-specific-but-unweighted overrides and
	   round all four corners, breaking the connected-pill look with the
	   Apply button. */
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	border-right: none;
}
.apply_coupon_code {
    margin-left: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.coupon_applied_msg .woocommerce-message{
	width: 100%;
    border: 1px solid #8fae1b;
    border-radius: 8px;
    background-color: #f6ffd6;
    color: #1a1a1a;
    margin-bottom: 0;
    margin-top: 8px;
}
.coupon_applied_msg .woocommerce-error {
    width: 100%;
    border: 1px solid #d82c0d;
    border-radius: 8px;
    background-color: #fff0ee;
    color: #1a1a1a;
    margin-bottom: 0;
    margin-top: 8px;
}
/* Storefront's woocommerce.css styles the notice icon (::before, a Font
   Awesome glyph) white, assuming its own solid colored banner background.
   Our light-pink background makes that invisible — recolor it to match
   the error border/accent instead. */
.coupon_applied_msg .woocommerce-error::before {
    color: var(--trustedair-field-error-border-color);
}

/* ==========================================================================
   Shipping method + payment method + billing-address radio lists
   ========================================================================== */
.trustedair-shipping-table,
.trustedair-shipping-table tbody,
.trustedair-shipping-table tr,
.trustedair-shipping-table td{
	display: block;
	border: none;
	padding: 0;
	margin: 0;
	background: none;
	width: 100%;
}
.trustedair-shipping-table tr > th{
	display: none;
}
.trustedair-shipping-methods-box #shipping_method,
#billing_address_choice{
	border: 1px solid var(--trustedair-field-border-color);
    border-radius: 8px;
	margin: 0 !important;
	background-color: #fff;
	position: relative;
	list-style: none;
	padding: 0;
	overflow: hidden;
}
/* Single-rate shipping renders a hidden <input> (nothing to choose between);
   trustedair-jquery.js inserts a real .trustedair-radio-dot span before the label to stand
   in for it — sized and positioned to match the real radio dots used
   everywhere else (18px, 3px white border, left:14px) exactly, so it
   doesn't read as a different, smaller control. This used to be a
   label::before pseudo-element at these same values, but inside this
   page's table-wrapped shipping markup a ::before rendered measurably
   closer to the label text than an identical real element does (confirmed
   by swapping one for the other and comparing) — a real element sidesteps
   whatever that pseudo-element quirk was. */
.trustedair-shipping-methods-box.one-method-only li .trustedair-radio-dot {
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: var(--trustedair-radio-checked-color);
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    box-shadow: 0 0 0 2px var(--trustedair-radio-checked-color);
    border: 3px solid #fff;
}
#billing_address_choice{
	margin-bottom: 28px !important;
}
#billing_address_choice h3{
	margin-bottom: 28px !important;
}
.woocommerce .trustedair-shipping-methods-box #shipping_method li,
#billing_address_choice li,
body .woocommerce-checkout #payment ul.payment_methods li{
	border-bottom: 1px solid var(--trustedair-field-border-color);
	/* !important needed on mobile specifically: something outside this
	   file (couldn't find it in any readable stylesheet — likely a
	   same-origin sheet the page loads but this inspection couldn't
	   enumerate) wins over the plain 0 here below ~768px, giving every
	   row a 12px gap instead of a seamless list — confirmed live by
	   forcing this !important on one row and watching the gap close.
	   Desktop wasn't affected, so this went unnoticed until checked on
	   an actual mobile viewport. */
	margin-bottom: 0 !important;
	position: relative;
	transition: background-color .1s ease;
}
.woocommerce .trustedair-shipping-methods-box #shipping_method li:has(input:checked),
#billing_address_choice li:has(input:checked),
body .woocommerce-checkout #payment ul.payment_methods li:has(input:checked){
	background-color: var(--trustedair-radio-selected-tint);
}
/* The selected-state border used to be a box-shadow on the <li> itself, but
   rows like "Use a different billing address" / "Credit Card" expand an
   opaque, non-positioned content box (.billing-fields / .payment_box) that
   fills the rest of the row — being later, non-positioned, in-flow content,
   it paints on top of the li's own background/box-shadow and covered the
   border everywhere except the header sliver above it. A position:absolute
   pseudo-element paints in its own later layer regardless of sibling
   content, so it stays visible around the whole expanded row. */
.woocommerce .trustedair-shipping-methods-box #shipping_method li:has(input:checked)::after,
#billing_address_choice li:has(input:checked)::after,
body .woocommerce-checkout #payment ul.payment_methods li:has(input:checked)::after{
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	box-shadow: inset 0 0 0 1px var(--trustedair-radio-checked-color);
}
.woocommerce .trustedair-shipping-methods-box #shipping_method li:first-child:has(input:checked)::after,
#billing_address_choice li:first-child:has(input:checked)::after,
body .woocommerce-checkout #payment ul.payment_methods li:first-child:has(input:checked)::after{
	border-top-left-radius: var(--trustedair-field-border-radius);
	border-top-right-radius: var(--trustedair-field-border-radius);
}
.woocommerce .trustedair-shipping-methods-box #shipping_method li:last-child:has(input:checked)::after,
#billing_address_choice li:last-child:has(input:checked)::after,
body .woocommerce-checkout #payment ul.payment_methods li:last-child:has(input:checked)::after{
	border-bottom-left-radius: var(--trustedair-field-border-radius);
	border-bottom-right-radius: var(--trustedair-field-border-radius);
}
/* Storefront's base style.css has a blanket
   `input[type="radio"] + label { margin-left: 0.382em }` reset. It only
   fires when the label immediately follows a REAL type="radio" input, so
   it silently widened the gap on every radio-adjacent label here — except
   the single-rate shipping row, which uses a type="hidden" input (nothing
   to choose) and so never matched it. That's what made shipping's dot sit
   closer to its text than every other row. Nothing on our side sets
   `margin` for these labels, so Storefront's applies uncontested; killing
   it here restores one consistent gap everywhere. */
.woocommerce .trustedair-shipping-methods-box #shipping_method li label,
#billing_address_choice li > label,
body .woocommerce-checkout #payment ul.payment_methods li label,
body .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods-token label,
body .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods-new label{
	margin: 0 !important;
}
.woocommerce .trustedair-shipping-methods-box #shipping_method li label,
#billing_address_choice li > label {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 14px 14px 14px 40px;
    cursor: pointer;
    font-size: 15px;
}
.woocommerce .trustedair-shipping-methods-box #shipping_method li label .woocommerce-Price-amount.amount {
    font-weight: 500;
}
/* First/last rows need the same corner radius as the parent list (which
   clips to `border-radius: 8px; overflow: hidden`) — otherwise a selected
   first/last row's square inset box-shadow border clips against the
   parent's rounded corner instead of following it. */
.woocommerce .trustedair-shipping-methods-box #shipping_method li:first-child,
#billing_address_choice li:first-child,
body .woocommerce-checkout #payment ul.payment_methods li:first-child{
	border-top-left-radius: var(--trustedair-field-border-radius);
	border-top-right-radius: var(--trustedair-field-border-radius);
}
.trustedair-shipping-methods-box #shipping_method li:last-child,
#billing_address_choice li:last-child,
body .woocommerce-checkout #payment ul.payment_methods li:last-child{
	border-bottom: none;
	border-bottom-left-radius: var(--trustedair-field-border-radius);
	border-bottom-right-radius: var(--trustedair-field-border-radius);
}
.trustedair-shipping-methods-box #shipping_method li input,
#billing_address_choice li > input,
.woocommerce-checkout #payment ul.payment_methods li > input{
	-webkit-appearance: none !important;
	width: 18px !important;
	height: 18px;
	border-radius: 50%;
	box-shadow: 0 0 0 2px var(--trustedair-field-border-color) !important;
	border: 3px solid #fff !important;
	display: inline-block;
	vertical-align: middle !important;
	margin: 0 !important;
	position: absolute;
	left: 14px;
	top: 50%;
	transform: translateY(-50%);
	background-color: #fff;
}
.trustedair-shipping-methods-box #shipping_method li input:checked,
#billing_address_choice li > input:checked,
.woocommerce-checkout #payment ul.payment_methods li > input:checked{
	background-color: var(--trustedair-radio-checked-color);
	box-shadow: 0 0 0 2px var(--trustedair-radio-checked-color) !important;
}
/* These rows can expand extra content below the label (payment_box /
   billing-fields), growing the <li> tall — so the radio can't use
   top:50% of the li (it would center in the whole expanded block, see
   the billing-address bug this fixed). It needs to sit at the label's own
   vertical center instead: label-height/2 minus half the 18px dot.
   The original values here (20px / 17px) were computed from an assumed
   line-height, not the actual rendered one — measured live, payment
   methods labels are 54px tall (not 58) and billing-choice labels are
   44px tall (not 52), which put both dots ~2-4px below where the label
   text actually centers. Re-measured against the real label height:
   Payment methods: (54/2)-9 = 18px. Billing choice: (44/2)-9 = 13px.
   If padding/font-size ever change, remeasure rather than guess again. */
.woocommerce-checkout #payment ul.payment_methods li > input{
	top: 18px;
	transform: none;
}
#billing_address_choice li > input{
	top: 13px;
	transform: none;
}
body .woocommerce-checkout #payment ul.payment_methods li:only-child > input,
body .woocommerce-checkout #payment ul.payment_methods li:first-child > input{
	top: 18px;
}
/* Storefront's own icons.css visually hides the native radio (clip / 1px)
   and draws its own Font Awesome circle via label::before instead — that's
   the stray colored dot. Override both: keep our input visible/styled,
   and drop their icon so there's only one indicator. */
#payment .payment_methods li.woocommerce-PaymentMethod > input[type="radio"]:first-child,
#payment .payment_methods li.wc_payment_method > input[type="radio"]:first-child{
	position: absolute !important;
	clip: auto !important;
	clip-path: none !important;
	height: 18px !important;
	width: 18px !important;
	margin: 0 !important;
	overflow: visible !important;
}
#payment .payment_methods > .woocommerce-PaymentMethod > label::before,
#payment .payment_methods > .wc_payment_method > label::before{
	display: none !important;
	content: none !important;
}
.trustedair-billing-address-box{
	margin-bottom: 0;
}
.billing-fields {
    padding: 16px;
    background-color: #f7f7f7;
    border-radius: 8px;
    margin-top: 10px;
    display: none;
}

/* Payment method box + gateway icons.
   The border/radius sits on the <ul> itself, not #payment — #payment also
   wraps .form-row.place-order (WC core puts them as siblings), and boxing
   that in too clipped the "Place order" pill against the list's corners.
   The button should read as free-standing below the box, like Shopify's. */
body .woocommerce-checkout #payment ul.payment_methods{
	background: #fff;
	border-radius: 8px;
	border: 1px solid var(--trustedair-field-border-color);
	overflow: hidden;
	padding: 0;
	margin: 0;
	list-style: none;
}
body .woocommerce-checkout #payment ul.payment_methods li label {
    padding: 16px 14px 16px 40px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}
body .woocommerce-checkout #payment ul.payment_methods li label img{
	max-height: 22px;
	width: auto;
	margin-left: auto;
}
body .woocommerce-checkout #payment div.payment_box{
	margin: 0;
	background-color: #f7f7f7;
	padding: 16px 14px;
	font-size: 14px;
	border-top: 1px solid var(--trustedair-field-border-color);
}
body .woocommerce-checkout #payment div.payment_box p {
  margin: 0;
  padding: 0 0 12px;
}
body .woocommerce-checkout #payment div.payment_box p:last-child{
	padding-bottom: 0;
}
body .woocommerce-checkout #payment div.payment_box::before{
	display: none;
}
.wc-stripe_cc-container.wc-stripe-gateway-container {
  margin-top: 10px;
}
.wc-stripe_cc-new-method-container {
  margin-bottom: 0 !important;
}

/* Saved cards ("Visa ending in …") + "Use a new payment method" — same
   radio-list look as the shipping method / gateway list above. WooCommerce
   core ships these inputs with an inline style="width:auto", so width and
   position need !important to win over it. */
body .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods{
	list-style: none;
	margin: 0 0 16px;
	padding: 0;
	border: 1px solid var(--trustedair-field-border-color);
	border-radius: 8px;
	overflow: hidden;
}
body .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods-token,
body .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods-new{
	position: relative;
	border-bottom: 1px solid var(--trustedair-field-border-color);
	transition: background-color .1s ease;
}
body .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods-token:first-child,
body .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods-new:first-child{
	border-top-left-radius: var(--trustedair-field-border-radius);
	border-top-right-radius: var(--trustedair-field-border-radius);
}
body .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods-token:last-child,
body .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods-new:last-child{
	border-bottom: none;
	border-bottom-left-radius: var(--trustedair-field-border-radius);
	border-bottom-right-radius: var(--trustedair-field-border-radius);
}
body .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods-token:has(input:checked),
body .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods-new:has(input:checked){
	background-color: var(--trustedair-radio-selected-tint);
	box-shadow: inset 0 0 0 1px var(--trustedair-radio-checked-color);
}
body .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods-token label,
body .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods-new label{
	display: block;
	width: 100%;
	padding: 14px 14px 14px 40px;
	cursor: pointer;
	font-size: 15px;
}
body .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods-tokenInput{
	-webkit-appearance: none !important;
	appearance: none !important;
	width: 18px !important;
	height: 18px !important;
	border-radius: 50%;
	box-shadow: 0 0 0 2px var(--trustedair-field-border-color) !important;
	border: 3px solid #fff !important;
	background-color: #fff;
	position: absolute !important;
	left: 14px !important;
	top: 50% !important;
	/* !important needed: `#payment ul.payment_methods li > input { transform:
	   none }` (added for the top-level Credit/Debit Card row) matches this
	   element too — .payment_methods is an ancestor at any depth, and that
	   selector's extra type selectors out-specificity this one despite
	   coming later in the file. Without !important the transform silently
	   drops, leaving the dot sitting top-aligned instead of centered. */
	transform: translateY(-50%) !important;
	margin: 0 !important;
}
body .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods-tokenInput:checked{
	background-color: var(--trustedair-radio-checked-color);
	box-shadow: 0 0 0 2px var(--trustedair-radio-checked-color) !important;
}
body .woocommerce-checkout #payment .woocommerce-SavedPaymentMethods-saveNew{
	margin-top: 14px;
}
.woocommerce-checkout #payment ul.payment_methods li > input{
	display: block !important;
}
/* Storefront's customizer also injects
   `#payment .payment_methods > li .payment_box, #payment .place-order {
   background-color: <site background color> }` (same inline <style> as the
   #order_review rule above), and its own woocommerce.css sets a
   ~42px margin-top on `#payment .place-order`. Together these gave the
   privacy text + terms checkbox + button row its own shaded, offset-looking
   block — reading as if it were still boxed/attached to the payment methods
   list above it instead of free-standing. Neutralize both so only our own
   spacing/background apply. */
body .woocommerce .form-row.place-order {
    /* 28px matches the standard section gap used everywhere else in this
       design (.trustedair-payment-methods-box and friends, see "Section
       rhythm" above) — this block sat noticeably closer to the payment
       methods list above it than that established rhythm, at 20px. */
    padding: 28px 0 0 !important;
    margin: 0 !important;
    background-color: transparent !important;
}
.woocommerce-privacy-policy-text {
    font-size: 13px;
    line-height: 20px;
    color: var(--trustedair-muted-text-color);
    margin: 12px 0 0;
}
.woocommerce form .form-row.mc4wp-checkbox.mc4wp-checkbox-woocommerce,
.woocommerce form .woocommerce-terms-and-conditions-wrapper .form-row,
.woocommerce form.woocommerce-checkout .mailchimp-newsletter.form-row{
	padding-left: 0 !important;
	padding-right: 0 !important
}
.woocommerce form.woocommerce-checkout .mailchimp-newsletter.form-row {
    margin-top: 5px !important;
}
/* This used to hide the native checkbox with nothing standing in for it —
   "Subscribe to our newsletter" rendered as plain text with no visible
   control at all. Left as the native checkbox instead, matching how the
   terms-and-conditions and save-card checkboxes are styled everywhere
   else in this form. */
.mc4wp-checkbox.mc4wp-checkbox-woocommerce label,
.woocommerce-terms-and-conditions-wrapper .woocommerce-form__label,
.woocommerce-checkout .mailchimp-newsletter  label {
    opacity: 1;
    position: relative;
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
    font-size: 15px;
    color: #1a1a1a;
}
.woocommerce-terms-and-conditions-wrapper .required{
	display: none;
}

.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email {
    display: none;
}
body .woocommerce .woocommerce-customer-details address {
    border: none;
    padding: 0;
}
.woocommerce-order {
    padding-top: 30px;
    padding-bottom: 30px;
    min-height: 100vh;
}
.woocommerce-notice--error,
.woocommerce-notice--success{
	font-size: 20px;
	position: relative;
	margin: 28px 0;
}
.woocommerce-notice--error span,
.woocommerce-notice--success span{
	display: block;
}
.woocommerce-notice--error span:first-child,
.woocommerce-notice--success span:first-child{
	font-size: 14px;
	line-height: 18px;
}
.summary-header {
    display: flex;
    justify-content: space-between;
    padding: 14px 15px;
    font-weight: 600;
}
.open-summary-box{
	color: var(--trustedair-have-coupon-text-color);
	display: block;
	margin-bottom: 1rem;
}
.trustedair-mobile-order-summary{
	background-color: var(--trustedair-right-side-bg);
	border-radius: 8px;
    border: 1px solid var(--trustedair-section-divider);
    margin-bottom: 14px;
}
.trustedair-mobile-order-summary .trustedair-order-summary{
	padding: 0 15px 15px;
	display: none;
}
.trustedair-mobile-order-summary #order_review_heading {
    display: none;
}
.left-col-footer {
    margin-top: 60px;
    border-top: 1px solid var(--trustedair-section-divider);
    padding: 14px 0;
    font-size: 13px;
}
.left-col-footer ul{
	margin: 0;
	padding: 0;
}
.left-col-footer ul li{
	list-style: none;
	display: inline-block;
	margin-right: 16px;
	vertical-align: middle;
}
.left-col-footer a{
	color: var(--trustedair-muted-text-color);
}
.logged-in-user .saved-info{
	background-color: #fff;
	padding: 11px 100px 11px 12px;
	border: 1px solid var(--trustedair-field-border-color);
	border-radius: 8px;
	position: relative;
	margin-bottom: 28px;
}
.logged-in-user .saved-info p{
	margin-bottom: 0;
}
.logged-in-user .saved-info a{
	position: absolute;
	right: 12px;
	top: 11px;
	background-color: #fff;
	padding-left: 10px;
}
.logged-in-user .information-review-box{
	padding: 0;
	overflow: hidden;
}
.logged-in-user .information-review-box th {
    text-align: left;
    font-weight: 400;
    background-color: #f7f7f7 !important;
    padding-left: 8px;
    padding-right: 8px;
}
.logged-in-user .information-review-box a {
    padding-right: 8px;
}
.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
  display: flex;
  align-items: center;
  gap: 5px;
}

/* ==========================================================================
   Skeleton / shimmer loading — shown while checkout recalculates
   (shipping rates, tax, totals) after an address or method change.
   ========================================================================== */
.processing{
	position: relative;
}
.processing .blockOverlay{
	background: linear-gradient(90deg, rgba(235,235,235,.4) 25%, rgba(210,210,210,.75) 37%, rgba(235,235,235,.4) 63%) !important;
	background-size: 400% 100% !important;
	animation: trustedair-shimmer 1.4s ease-in-out infinite;
	opacity: 1 !important;
}
@keyframes trustedair-shimmer{
	0%{ background-position: 100% 50%; }
	100%{ background-position: 0 50%; }
}
.trustedair-skeleton-row{
	height: 14px;
	border-radius: 4px;
	background: linear-gradient(90deg, #ececec 25%, #dcdcdc 37%, #ececec 63%);
	background-size: 400% 100%;
	animation: trustedair-shimmer 1.4s ease-in-out infinite;
	margin-bottom: 8px;
}

/* ==========================================================================
   Responsive
   ========================================================================== */
@media only screen and (max-width: 767px){
	.trustedair-logo{
		margin-bottom: 10px;
	}
	.left-container,
	.right-container{
		padding:0 15px 15px;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.left-container{
		padding-top: 20px;
	}
	.right-container{
		padding: 0;
		overflow: hidden;
		margin-top: 0;
	}
	.right-container .content-wrapper{
		position: static;
		max-height: none;
		overflow: visible;
		padding: 0;
	}
	.right-container::before{
		display: none;
	}
	.bottom-navigation{
		justify-content: center;
	}
	.bottom-navigation button{
		width: 100%;
	}
	.bottom-navigation .go-bact-btn{
		margin-bottom: 10px;
	}
	.woocommerce-page form .form-row-wide,
	form.woocommerce-ResetPassword.lost_reset_password p.woocommerce-form-row,
	.woocommerce-EditAccountForm.edit-account fieldset,
	.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li {
	    float: none;
	    grid-column: 1 / -1 !important;
	}
	#trustedair-checkout-wrapper .woocommerce-message {
	    margin: 0 -15px;
	}
	.inofmation-box {
    	margin-bottom: 0;
	}
	.woocommerce-order h2, #trustedair-checkout-wrapper h3{
		margin-bottom: 8px;
	}
	.information-review-box{
		font-size: 14px;
	}
	.woocommerce-privacy-policy-text {
    	font-size: 13px;
    	line-height: 20px;
	}
	.woocommerce-columns.woocommerce-columns--2.woocommerce-columns--addresses.col2-set.addresses{
		display: block;
	}
	.woocommerce-columns.woocommerce-columns--2.woocommerce-columns--addresses.col2-set.addresses .col-1{
		margin-bottom: 24px;
	}
	.woocommerce-checkout form.woocommerce-form.woocommerce-form-login.login{
		padding: 20px 20px 60px;
	}
	.woocommerce-checkout .woocommerce .woocommerce-notices-wrapper {
    	width: 100%;
    }
}

/* ==========================================================================
   Ported from the dev site's Customizer "Additional CSS" field — that field
   also carries a lot of unrelated site-wide rules (product pages, blog,
   reviews) that differ between dev and live and aren't part of this
   checkout deploy, so only the checkout-specific rules from it are
   reproduced here, scoped to this file instead (which only loads on the
   checkout page), rather than touching live's Additional CSS at all.
   ========================================================================== */
.trustedair-shipping-methods-box.one-method-only {
	border-top: 0;
}
ul.woocommerce-SavedPaymentMethods.wc-saved-payment-methods {
	display: none;
}
.trustedair-checkout-trust-badge {
	text-align: center;
}

p.form-row.woocommerce-SavedPaymentMethods-saveNew p {
	padding: 0 !important;
}

p.form-row.woocommerce-SavedPaymentMethods-saveNew label {
	padding: 0 0 0 7px !important;
	opacity: 1;
	position: relative;
	top: -3px;
}

p.form-row.woocommerce-SavedPaymentMethods-saveNew {
	margin-top: 10px !important;
}
span.woocommerce-terms-and-conditions-checkbox-text {
	font-size: 13px;
	position: relative;
	top: -2px;
	margin-left: 3px;
}

label.woocommerce-form__label.woocommerce-form__label-for-checkbox.checkbox {
	margin-bottom: 5px;
	margin-top: 2px;
}

button#place_order:hover {
	background: #008C96 !important;
	position: relative;
}

button#place_order {
	color: #fff !important;
}

@media only screen and (max-width: 768px) {
	ul.wc_payment_methods.payment_methods.methods {
		border: 0 !important;
	}

	body .woocommerce-checkout #payment ul.payment_methods li {
		margin-bottom: 10px !important;
	}

	.woocommerce-checkout #payment ul.payment_methods li > input {
		top: 28px !important;
	}

	textarea#order_comments {
		min-height: 65px;
	}
}