/*
 * Cart, Checkout, My Account – BUILD-STEPS.md Step 16. WooCommerce's own markup (classic shortcodes, no template
 * overrides), restyled with the design's parts so the pages match the site: the design's colours (--ink, --mut, --line,
 * --soft, --brand), its buttons (.btn-p / .btn-o), cards (.card: 1px line, radius 18), form fields (.rs-field: 1.5px
 * #d6dbe3, radius 10, teal focus ring) and checkboxes (.rs-check). Loaded on these pages only, after WooCommerce's CSS
 * (inc/assets.php), which still does the layout basics (columns, mobile tables). Everything is scoped to .rf-wc
 * (templates/page-woocommerce.php). Nothing here changes what WooCommerce, Stripe or the other plugins print.
 */

/* ---------- Frame ---------- */
.rf-wc { padding-top: 18px; padding-bottom: 72px; font-size: 15.5px; color: var(--ink); }
.rf-wc a { color: var(--brand); }
.rf-wc h2, .rf-wc h3 { font-size: 22px; line-height: 1.25; font-weight: 700; color: var(--ink); margin: 0 0 14px; }
.rf-wc .screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }

/* ---------- Notices (messages, info, errors) ---------- */
.rf-wc .woocommerce-message,
.rf-wc .woocommerce-info,
.rf-wc .woocommerce-error,
.rf-wc .woocommerce-notice,
.rf-wc .cart-empty {
	display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; list-style: none;
	margin: 0 0 22px; padding: 14px 18px; border: 1px solid var(--line); border-left: 4px solid var(--brand); border-radius: 12px;
	background: #f0fbf9; color: var(--ink); font-size: 15px; line-height: 1.5;
}
.rf-wc .woocommerce-info { background: var(--soft); border-left-color: var(--brand2); }
.rf-wc .woocommerce-error { display: block; background: #fef3f2; border-color: #fecdca; border-left-color: #f04438; color: #7a271a; }
.rf-wc .woocommerce-error li { margin: 2px 0; }
.rf-wc .woocommerce-message::before,
.rf-wc .woocommerce-info::before,
.rf-wc .woocommerce-error::before,
.rf-wc .cart-empty::before { display: none; }
.rf-wc .woocommerce-message .button,
.rf-wc .woocommerce-info .button { order: 2; margin-left: auto; }
.rf-wc .woocommerce-info a:not(.button) { font-weight: 700; }

/* ---------- Buttons: the design's .btn-p (main) and .btn-o (secondary) ---------- */
.rf-wc .woocommerce a.button,
.rf-wc .woocommerce button.button,
.rf-wc .woocommerce input.button,
.rf-wc .woocommerce a.button.alt,
.rf-wc .woocommerce button.button.alt,
.rf-wc .woocommerce #respond input#submit,
.rf-wc .woocommerce-order a.button {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px; box-sizing: border-box; min-height: 44px; margin: 0;
	padding: 11px 20px; border: 0; border-radius: 10px; font-family: inherit; font-size: 15px; font-weight: 700; line-height: 1.2;
	text-decoration: none; color: #fff; background: var(--brand); box-shadow: 0 10px 24px -12px rgba(15, 118, 110, .7); cursor: pointer;
	transition: transform .25s cubic-bezier(.2, .7, .2, 1), box-shadow .25s, background-color .25s, border-color .25s, color .25s;
}
.rf-wc .woocommerce a.button:hover,
.rf-wc .woocommerce button.button:hover,
.rf-wc .woocommerce input.button:hover,
.rf-wc .woocommerce a.button.alt:hover,
.rf-wc .woocommerce button.button.alt:hover {
	color: #fff; background: #115e59; box-shadow: 0 16px 32px -12px rgba(15, 118, 110, .7); transform: translateY(-1px);
}
/* Secondary actions: update cart, apply coupon, view / pay / cancel order, edit address */
.rf-wc .woocommerce button[name="update_cart"],
.rf-wc .woocommerce button[name="apply_coupon"],
.rf-wc .woocommerce .woocommerce-orders-table a.button,
.rf-wc .woocommerce .woocommerce-MyAccount-content .woocommerce-Address a.edit,
.rf-wc .woocommerce .woocommerce-message a.button.wc-forward,
.rf-wc .woocommerce .woocommerce-info a.button {
	color: var(--ink); background: #fff; border: 1.5px solid #d6dbe3; box-shadow: none;
}
.rf-wc .woocommerce button[name="update_cart"]:hover,
.rf-wc .woocommerce button[name="apply_coupon"]:hover,
.rf-wc .woocommerce .woocommerce-orders-table a.button:hover,
.rf-wc .woocommerce .woocommerce-message a.button.wc-forward:hover,
.rf-wc .woocommerce .woocommerce-info a.button:hover {
	color: var(--brand); background: #fff; border-color: var(--brand); box-shadow: none;
}
.rf-wc .woocommerce button.button:disabled,
.rf-wc .woocommerce button.button:disabled[disabled],
.rf-wc .woocommerce button.button.disabled { opacity: .55; cursor: default; transform: none; padding: 11px 20px; color: var(--ink); background: #fff; }
.rf-wc .woocommerce .woocommerce-orders-table a.button { min-height: 36px; padding: 7px 14px; font-size: 14px; margin: 2px 4px 2px 0; }

/* ---------- Form fields: the design's .rs-field ---------- */
.rf-wc .woocommerce form .form-row { margin: 0 0 14px; padding: 0; }
.rf-wc .woocommerce form .form-row label,
.rf-wc .woocommerce-form-row label { display: block; margin: 0 0 6px; font-size: 13px; font-weight: 700; line-height: 1.4; color: #374151; }
.rf-wc .woocommerce form .form-row .required { color: #b42318; text-decoration: none; border: 0; }
.rf-wc .woocommerce form .form-row .optional { font-weight: 400; color: var(--mut); }
.rf-wc .woocommerce form .form-row input.input-text,
.rf-wc .woocommerce form .form-row textarea,
.rf-wc .woocommerce form .form-row select,
.rf-wc .woocommerce input#coupon_code,
.rf-wc .woocommerce .select2-container .select2-selection--single,
.rf-wc .woocommerce form input[type="email"],
.rf-wc .woocommerce form input[type="password"],
.rf-wc .woocommerce form input[type="tel"],
.rf-wc .woocommerce form input[type="text"] {
	box-sizing: border-box; width: 100%; min-height: 46px; margin: 0; padding: 11px 12px; font-family: inherit; font-size: 15px; line-height: 1.4;
	color: var(--ink); background: #fff; border: 1.5px solid #d6dbe3; border-radius: 10px; box-shadow: none; outline: none;
}
.rf-wc .woocommerce form .form-row textarea { min-height: 110px; resize: vertical; }
.rf-wc .woocommerce form .form-row input.input-text:focus,
.rf-wc .woocommerce form .form-row textarea:focus,
.rf-wc .woocommerce form .form-row select:focus,
.rf-wc .woocommerce input#coupon_code:focus,
.rf-wc .woocommerce form input:focus,
.rf-wc .woocommerce .select2-container--open .select2-selection--single,
.rf-wc .woocommerce .select2-container--focus .select2-selection--single { border-color: var(--brand); box-shadow: 0 0 0 4px #e6f7f4; }
.rf-wc .woocommerce .select2-container .select2-selection--single { display: flex; align-items: center; height: auto; padding: 0 12px; }
.rf-wc .woocommerce .select2-container .select2-selection--single .select2-selection__rendered { padding: 0; line-height: 1.4; color: var(--ink); }
.rf-wc .woocommerce .select2-container .select2-selection--single .select2-selection__arrow { top: 50%; right: 8px; transform: translateY(-50%); }
.rf-wc .woocommerce form .form-row.woocommerce-invalid input.input-text,
.rf-wc .woocommerce form .form-row.woocommerce-invalid select,
.rf-wc .woocommerce form .form-row.woocommerce-invalid .select2-selection { border-color: #f04438; }
.rf-wc .woocommerce form .form-row.woocommerce-validated input.input-text { border-color: #d6dbe3; }
.rf-wc .woocommerce input[type="checkbox"],
.rf-wc .woocommerce input[type="radio"] { accent-color: var(--brand); width: 16px; height: 16px; margin: 0 8px 0 0; vertical-align: -3px; }
.rf-wc .woocommerce form .form-row label.checkbox,
.rf-wc .woocommerce form .form-row .woocommerce-form__label-for-checkbox,
.rf-wc .woocommerce-form-login__rememberme { display: inline-flex; align-items: flex-start; gap: 0; font-size: 14px; font-weight: 400; color: var(--mut); }
.rf-wc .woocommerce .password-input { display: block; position: relative; }
.rf-wc .woocommerce .show-password-input { top: 50%; transform: translateY(-50%); }
.rf-wc .woocommerce fieldset { margin: 22px 0 6px; padding: 20px 20px 6px; border: 1px solid var(--line); border-radius: 14px; }
.rf-wc .woocommerce fieldset legend { padding: 0 8px; font-size: 15px; font-weight: 700; }
.rf-wc .woocommerce-privacy-policy-text,
.rf-wc .woocommerce-terms-and-conditions-wrapper { font-size: 13.5px; line-height: 1.5; color: var(--mut); }

/* ---------- Tables (cart, order review, orders, order details): the design's table look ---------- */
.rf-wc .woocommerce table.shop_table {
	width: 100%; margin: 0 0 24px; border: 1px solid var(--line); border-radius: 14px; border-collapse: separate; border-spacing: 0;
	overflow: hidden; background: #fff; font-size: 15px;
}
.rf-wc .woocommerce table.shop_table th,
.rf-wc .woocommerce table.shop_table td { padding: 14px 16px; border: 0; border-top: 1px solid var(--line); vertical-align: middle; line-height: 1.5; }
.rf-wc .woocommerce table.shop_table thead th {
	border-top: 0; background: var(--soft); font-size: 12.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; color: var(--mut);
}
.rf-wc .woocommerce table.shop_table tfoot th,
.rf-wc .woocommerce table.shop_table tfoot td { font-weight: 600; }
.rf-wc .woocommerce table.shop_table tfoot tr:last-child th,
.rf-wc .woocommerce table.shop_table tfoot tr:last-child td,
.rf-wc .woocommerce table.shop_table .order-total th,
.rf-wc .woocommerce table.shop_table .order-total td { font-size: 17px; font-weight: 800; color: var(--ink); }
.rf-wc .woocommerce table.shop_table td.product-name a { font-weight: 700; color: var(--ink); text-decoration: none; }
.rf-wc .woocommerce table.shop_table td.product-name a:hover { color: var(--brand); }
.rf-wc .woocommerce .wps_sfw_interval,
.rf-wc .woocommerce .wc-item-meta,
.rf-wc .woocommerce .product-quantity { color: var(--mut); font-size: 14px; }
.rf-wc .woocommerce .wc-item-meta { list-style: none; margin: 6px 0 0; padding: 0; }

/* ---------- Cart ---------- */
.rf-wc .woocommerce table.cart img { width: 40px; height: 40px; object-fit: contain; border-radius: 8px; }
.rf-wc .woocommerce table.cart td.product-remove { width: 44px; }
.rf-wc .woocommerce a.remove {
	display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 999px;
	font-size: 18px; font-weight: 400; line-height: 1; color: var(--mut) !important; border: 1px solid var(--line); background: #fff;
}
.rf-wc .woocommerce a.remove:hover { color: #b42318 !important; border-color: #fecdca; background: #fef3f2; }
.rf-wc .woocommerce table.cart td.actions { padding: 16px; background: var(--soft); }
.rf-wc .woocommerce table.cart td.actions .coupon { display: inline-flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.rf-wc .woocommerce table.cart td.actions .coupon .input-text { width: 220px; float: none; margin: 0; }
.rf-wc .woocommerce table.cart td.actions > .button { float: right; }
/* "Update cart" is never needed: every quantity is fixed at 1 and read-only (inc/business/checkout.php). Hidden, not
   removed – WooCommerce's cart form and the coupon's own "Apply coupon" button keep working (Vishal 19 Oct). */
.rf-wc .woocommerce table.cart td.actions button[name="update_cart"] { display: none !important; }
.rf-wc .woocommerce .cart-collaterals .cart_totals,
.rf-wc .woocommerce-page .cart-collaterals .cart_totals {
	box-sizing: border-box; width: 44%; padding: 24px; background: #fff; border: 1px solid var(--line); border-radius: 18px;
}
.rf-wc .woocommerce .cart_totals table.shop_table { border: 0; border-radius: 0; margin: 0 0 18px; }
.rf-wc .woocommerce .cart_totals table.shop_table th,
.rf-wc .woocommerce .cart_totals table.shop_table td { padding: 12px 0; background: none; }
.rf-wc .woocommerce .cart_totals table.shop_table tr:first-child th,
.rf-wc .woocommerce .cart_totals table.shop_table tr:first-child td { border-top: 0; }
.rf-wc .woocommerce .cart_totals table.shop_table td { text-align: right; }
.rf-wc .woocommerce .wc-proceed-to-checkout { padding: 0; }
.rf-wc .woocommerce .wc-proceed-to-checkout a.checkout-button { display: flex; width: 100%; margin: 0; padding: 15px 24px; font-size: 16px; }
.rf-wc .woocommerce .return-to-shop { margin: 0; }

/* ---------- Checkout: details left, order summary + payment in a card on the right ---------- */
.rf-wc .woocommerce-form-coupon-toggle .woocommerce-info { margin-bottom: 14px; }
.rf-wc .woocommerce form.checkout_coupon {
	margin: 0 0 24px; padding: 18px 20px; border: 1px solid var(--line); border-radius: 14px; background: #fff;
}
.rf-wc .woocommerce form.checkout_coupon .form-row { margin: 0; }
.rf-wc .woocommerce form.checkout::after { content: ""; display: table; clear: both; }
.rf-wc .woocommerce form.checkout #customer_details { float: left; width: 55%; }
.rf-wc .woocommerce form.checkout #order_review_heading,
.rf-wc .woocommerce form.checkout #order_review { float: right; clear: right; width: 41%; }
.rf-wc .woocommerce form.checkout #customer_details .col-1,
.rf-wc .woocommerce form.checkout #customer_details .col-2 { float: none; width: 100%; }
/* Heading of a field group with no fields left (e.g. "Additional information" when the order-notes field is switched off) */
.rf-wc .woocommerce-additional-fields:not(:has(.form-row)) > h3,
.rf-wc .woocommerce-shipping-fields:not(:has(.form-row)) > h3 { display: none; }
.rf-wc .woocommerce form.checkout #order_review {
	box-sizing: border-box; padding: 24px; background: #fff; border: 1px solid var(--line); border-radius: 18px;
	box-shadow: 0 30px 60px -40px rgba(17, 24, 39, .35);
}
.rf-wc .woocommerce form.checkout #order_review table.shop_table { border: 0; border-radius: 0; margin: 0 0 18px; }
.rf-wc .woocommerce form.checkout #order_review table.shop_table th,
.rf-wc .woocommerce form.checkout #order_review table.shop_table td { padding: 12px 0; background: none; }
.rf-wc .woocommerce form.checkout #order_review table.shop_table thead th { padding-top: 0; }
.rf-wc .woocommerce form.checkout #order_review table.shop_table td:last-child,
.rf-wc .woocommerce form.checkout #order_review table.shop_table th:last-child { text-align: right; }
.rf-wc .woocommerce-billing-fields > h3,
.rf-wc .woocommerce-additional-fields > h3,
.rf-wc .woocommerce-account-fields > h3 { margin-top: 0; }
.rf-wc .woocommerce form .form-row-first,
.rf-wc .woocommerce form .form-row-last { width: calc(50% - 6px); }

/* Payment box */
.rf-wc .woocommerce-checkout #payment,
.rf-wc .woocommerce #payment { background: var(--soft); border: 1px solid var(--line); border-radius: 14px; }
.rf-wc .woocommerce #payment ul.payment_methods { padding: 16px 18px; border-bottom: 1px solid var(--line); }
.rf-wc .woocommerce #payment ul.payment_methods li { line-height: 1.5; }
.rf-wc .woocommerce #payment ul.payment_methods li label { font-weight: 700; color: var(--ink); }
.rf-wc .woocommerce #payment div.payment_box { margin: 12px 0 4px; padding: 14px; font-size: 14px; color: var(--mut); background: #fff; border: 1px solid var(--line); border-radius: 10px; }
.rf-wc .woocommerce #payment div.payment_box::before { display: none; }
.rf-wc .woocommerce #payment div.form-row { padding: 16px 18px; margin: 0; }
.rf-wc .woocommerce #payment #place_order { float: none; display: flex; width: 100%; margin-top: 14px; padding: 15px 24px; font-size: 16px; }
.rf-wc .woocommerce #payment .woocommerce-info { margin: 0; background: #fff; }

/* ---------- Login / register: two of the design's cards ---------- */
.rf-wc .woocommerce #customer_login .u-column1,
.rf-wc .woocommerce #customer_login .u-column2,
.rf-wc .woocommerce form.woocommerce-ResetPassword,
.rf-wc .woocommerce > form.woocommerce-form-login {
	box-sizing: border-box; padding: 28px; background: #fff; border: 1px solid var(--line); border-radius: 18px;
}
.rf-wc .woocommerce #customer_login form.login,
.rf-wc .woocommerce #customer_login form.register,
.rf-wc .woocommerce form.woocommerce-ResetPassword { margin: 0; padding: 0; border: 0; border-radius: 0; }
.rf-wc .woocommerce form.woocommerce-ResetPassword { max-width: 560px; padding: 28px; border: 1px solid var(--line); border-radius: 18px; }
.rf-wc .woocommerce > form.woocommerce-form-login { max-width: 560px; margin: 0 0 24px; }
.rf-wc .woocommerce-form-login .form-row:has(.woocommerce-form-login__submit) { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; }
.rf-wc .woocommerce-form-login .woocommerce-form-login__submit { order: 2; }
.rf-wc .woocommerce .lost_password { margin: 4px 0 0; font-size: 14px; }
.rf-wc .woocommerce .lost_password a { font-weight: 600; }

/* ---------- My Account: menu card left, content right ---------- */
.rf-wc .woocommerce-account .woocommerce-MyAccount-navigation,
.rf-wc .woocommerce .woocommerce-MyAccount-navigation { box-sizing: border-box; float: left; width: 25%; }
.rf-wc .woocommerce-account .woocommerce-MyAccount-content,
.rf-wc .woocommerce .woocommerce-MyAccount-content { box-sizing: border-box; float: right; width: 71%; }
.rf-wc .woocommerce:has(> .woocommerce-MyAccount-navigation)::after { content: ""; display: table; clear: both; }
.rf-wc .woocommerce-MyAccount-navigation ul {
	list-style: none; margin: 0; padding: 10px; background: #fff; border: 1px solid var(--line); border-radius: 18px;
}
.rf-wc .woocommerce-MyAccount-navigation li { margin: 0; }
.rf-wc .woocommerce-MyAccount-navigation li a {
	display: block; padding: 10px 14px; border-radius: 10px; font-size: 15px; font-weight: 600; color: var(--ink); text-decoration: none;
	transition: background-color .2s, color .2s;
}
.rf-wc .woocommerce-MyAccount-navigation li a:hover { background: var(--soft); color: var(--brand); }
.rf-wc .woocommerce-MyAccount-navigation li.is-active a { background: #e6f7f4; color: var(--brand); }
.rf-wc .woocommerce-MyAccount-navigation-link--customer-logout { margin-top: 6px !important; padding-top: 6px; border-top: 1px solid var(--line); }
.rf-wc .woocommerce-MyAccount-navigation-link--customer-logout a { color: var(--mut); }
.rf-wc .woocommerce-MyAccount-content > p:first-of-type { margin-top: 0; }
.rf-wc .woocommerce-MyAccount-content p { line-height: 1.65; }
.rf-wc .woocommerce-MyAccount-content mark { background: #e6f7f4; color: var(--brand); font-weight: 700; padding: 1px 6px; border-radius: 6px; }
.rf-wc .woocommerce .woocommerce-Addresses .woocommerce-Address,
.rf-wc .woocommerce .u-columns.woocommerce-Addresses .u-column1,
.rf-wc .woocommerce .u-columns.woocommerce-Addresses .u-column2 {
	box-sizing: border-box; padding: 22px; background: #fff; border: 1px solid var(--line); border-radius: 18px;
}
.rf-wc .woocommerce .woocommerce-Address-title { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 10px; }
.rf-wc .woocommerce .woocommerce-Address-title h2,
.rf-wc .woocommerce .woocommerce-Address-title h3 { margin: 0; font-size: 18px; }
.rf-wc .woocommerce .woocommerce-Address-title .edit { float: none; font-size: 14px; font-weight: 700; }
.rf-wc .woocommerce address { font-style: normal; line-height: 1.65; color: #374151; }
.rf-wc .woocommerce .woocommerce-orders-table__cell-order-status { font-weight: 600; }
.rf-wc .woocommerce .woocommerce-pagination { display: flex; gap: 10px; margin-top: 8px; }

/* ---------- Order received / view order ---------- */
.rf-wc .woocommerce-order .woocommerce-thankyou-order-received { font-size: 17px; font-weight: 700; }
.rf-wc .woocommerce ul.order_details,
.rf-wc .woocommerce-order ul.woocommerce-order-overview {
	display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; list-style: none; margin: 0 0 28px; padding: 0;
}
.rf-wc .woocommerce ul.order_details::before,
.rf-wc .woocommerce ul.order_details::after { display: none; } /* WooCommerce's clearfix – would take grid cells */
.rf-wc .woocommerce ul.order_details li,
.rf-wc .woocommerce-order ul.woocommerce-order-overview li {
	float: none; margin: 0; padding: 16px 18px; border: 1px solid var(--line); border-radius: 14px; background: #fff;
	font-size: 12.5px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; line-height: 1.4; color: var(--mut);
}
.rf-wc .woocommerce ul.order_details li strong,
.rf-wc .woocommerce-order ul.woocommerce-order-overview li strong {
	display: block; margin-top: 6px; font-size: 16px; letter-spacing: 0; text-transform: none; color: var(--ink); overflow-wrap: anywhere;
}
.rf-wc .woocommerce-order section,
.rf-wc .woocommerce-MyAccount-content section { margin: 0 0 8px; }
.rf-wc .woocommerce-customer-details address {
	padding: 20px; border: 1px solid var(--line); border-radius: 14px; background: #fff;
}
.rf-wc .woocommerce-customer-details address p { margin: 6px 0 0; }

/* ---------- Plugins inside these pages: subscriptions, captcha ---------- */
.rf-wc .wps_sfw_account_wrap,
.rf-wc .wps_recurring_bifurcation_wrapper { font-size: 14px; color: var(--mut); }
.rf-wc .zt_captcha_container { margin: 0 0 14px; }

/* ---------- Tablet / phone ---------- */
@media (max-width: 980px) {
	.rf-wc .woocommerce form.checkout #customer_details,
	.rf-wc .woocommerce form.checkout #order_review_heading,
	.rf-wc .woocommerce form.checkout #order_review { float: none; width: 100%; }
	.rf-wc .woocommerce .cart-collaterals .cart_totals,
	.rf-wc .woocommerce-page .cart-collaterals .cart_totals { width: 100%; float: none; }
	.rf-wc .woocommerce .woocommerce-MyAccount-navigation,
	.rf-wc .woocommerce .woocommerce-MyAccount-content { float: none; width: 100%; }
	.rf-wc .woocommerce-MyAccount-navigation { margin-bottom: 22px; }
	.rf-wc .woocommerce-MyAccount-navigation ul { display: flex; flex-wrap: wrap; gap: 4px; }
	.rf-wc .woocommerce-MyAccount-navigation-link--customer-logout { margin-top: 0 !important; padding-top: 0; border-top: 0; }
	.rf-wc .woocommerce #customer_login .u-column1,
	.rf-wc .woocommerce #customer_login .u-column2 { float: none; width: 100%; margin-bottom: 20px; }
}
@media (max-width: 768px) {
	.rf-wc .woocommerce table.shop_table_responsive tr td,
	.rf-wc .woocommerce-page table.shop_table_responsive tr td { padding: 10px 16px; }
	.rf-wc .woocommerce table.shop_table_responsive tr:first-child td:first-child { border-top: 0; }
	.rf-wc .woocommerce table.cart td.actions .coupon { display: flex; }
	.rf-wc .woocommerce table.cart td.actions .coupon .input-text { width: 100%; flex: 1 1 160px; }
	.rf-wc .woocommerce table.cart td.actions > .button { float: none; width: 100%; margin-top: 10px; }
	.rf-wc .woocommerce form .form-row-first,
	.rf-wc .woocommerce form .form-row-last { float: none; width: 100%; }
}
@media (max-width: 600px) {
	.rf-wc { padding-bottom: 56px; }
	.rf-wc .woocommerce #customer_login .u-column1,
	.rf-wc .woocommerce #customer_login .u-column2,
	.rf-wc .woocommerce form.checkout #order_review,
	.rf-wc .woocommerce .cart-collaterals .cart_totals { padding: 20px; }
}