/* shop-surfaces.css — cart · checkout · my account · product: the site's ground, gutter, type and fields
 * (critic r1, 2026-11-02).  Replaces the old inline skins (site-repair #omtb-woo-dark fields/buttons/
 * panels, bd-retire's woowrap <style>, shop-merch-page's #omtb-merch-skin).
 *
 *   ground   Ink, from the page token (--frame-ink = DESIGN Ink); no section paints its own slate
 *   gutter   --site-gut / --site-max (site-chrome.css): every title and content edge = the footer's edge
 *   buttons  the MTB Flow Button — blocks/button/style.css maps Woo `.button`s to it (no glow, no slab)
 *   fields   dark glass capsules like the search field; labels Hanken tracked caps; a quiet "required"
 *   type     Hanken Grotesk / Instrument Sans only (law D7: no mono)
 * Values: DESIGN.md only — Ink #0A0A0A · Bone #EDE7D8 · Ember #FF5B04 (hairline) · Ember text #FF7D11 ·
 * Deep Petrol #1A4E50 · Dusk Violet #7C6BA6 · Alpine Teal #34978F · --r-ctl 999 / --r-panel 14 / --r-tip 8 ·
 * ease cubic-bezier(.16,1,.3,1) · 180 / 320 ms.  Photographs radius 0 (D1).  The header/footer regions are
 * excluded from every field rule (`:not(.frame-region *, .mb2-nav-root *)`) — they style themselves.
 */

/* ── the gutter, as padding, on each full-width surface ── */
.omtb-retired--woo, .omtb-wizard-takeover, body.single-product div.product {
  --ss-gut: max(var(--site-gut, clamp(16px, 4.2vw, 72px)), calc((100% - var(--site-max, 1480px)) / 2));
}
html body.woocommerce-page, html body.woocommerce { background: var(--frame-ink, #0A0A0A); }
.omtb-retired--woo { background: transparent; color: #EDE7D8; font-family: "Instrument Sans", system-ui, sans-serif; }

/* ── page title: same left edge as the footer's content ── */
.omtb-retired--woo .omtb-page-hero { display: block; min-height: 0; margin: 0; padding: clamp(56px, 7vw, 104px) var(--ss-gut) clamp(24px, 3vw, 40px); border: 0; background: none; }
.omtb-retired--woo .omtb-page-hero__in { max-width: none; width: auto; margin: 0; }
.omtb-retired--woo .omtb-page-hero h1 {
  margin: 0; padding: 0; max-width: 14ch; color: #EDE7D8;   /* padding: a legacy `.woocommerce-cart h1` inset pushed the word 40 px off the edge */
  font: 800 clamp(44px, 6vw, 96px)/.94 "Hanken Grotesk", system-ui, sans-serif; letter-spacing: -.03em; text-wrap: balance;
}
.omtb-retired--woo .omtb-woowrap { box-sizing: border-box; max-width: none; margin: 0; padding: 0 var(--ss-gut) 120px; color: rgba(237, 231, 216, .72); }
body.omtb-co .omtb-woowrap form.checkout { margin-left: 0; margin-right: 0; }

/* ── cart: the wizard sits in the woowrap, or is lifted out of the article when empty (shop-cart-wizard.php) —
   either way its edges are the gutter's, not its own 16 px inset ── */
.omtb-wizard-takeover { box-sizing: border-box; padding: 0 var(--ss-gut); }
:is(.omtb-wizard-takeover, .omtb-woowrap) .omtb-cart { max-width: none; margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; }
body.woocommerce-cart:has(.omtb-wizard-takeover) .omtb-retired--woo .omtb-woowrap { padding-bottom: 0; }

/* ── type inside Woo content ── */
:is(.omtb-woowrap, body.single-product div.product) :is(h2, h3):not(.frame-region *, .mb2-nav-root *) { color: #EDE7D8; font-family: "Hanken Grotesk", system-ui, sans-serif; letter-spacing: -.015em; }
.omtb-woowrap .woocommerce > h2, .omtb-woowrap .u-column1 > h2, .omtb-woowrap .u-column2 > h2 { margin: 0 0 20px; font: 800 clamp(24px, 2.4vw, 32px)/1.1 "Hanken Grotesk", system-ui, sans-serif; }
html body.mf-flow :is(.woocommerce form .form-row label, .woocommerce-form-row label, .woocommerce-checkout .form-row label):not(.frame-region *, .mb2-nav-root *):not(.woocommerce-form__label-for-checkbox):not(.checkbox) {
  display: block; margin: 0 0 8px; color: rgba(237, 231, 216, .72) !important;
  font: 700 11px/1.3 "Hanken Grotesk", system-ui, sans-serif; letter-spacing: .16em; text-transform: uppercase;
}
/* "required": no red asterisk — a quiet word in the label's own voice (the screen-reader text stays) */
html body.mf-flow .woocommerce :is(.required, abbr.required):not(.frame-region *, .mb2-nav-root *) {
  color: transparent !important; font-size: 0 !important; text-decoration: none; border: 0; cursor: default;
}
html body.mf-flow .woocommerce :is(.required, abbr.required):not(.frame-region *, .mb2-nav-root *)::after {
  content: "required"; margin-left: 8px; color: rgba(237, 231, 216, .56);
  font: 600 10px/1 "Hanken Grotesk", system-ui, sans-serif; letter-spacing: .16em; text-transform: uppercase;
}
html body.mf-flow .woocommerce .optional:not(.frame-region *, .mb2-nav-root *) { color: rgba(237, 231, 216, .56); font-weight: 600; }

/* ── fields: dark glass capsules (the search field's material); text areas take the panel radius ── */
html body.mf-flow :is(.woocommerce form .form-row input.input-text, .woocommerce form .form-row select, .woocommerce-account form input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=hidden]),
  .woocommerce-account form select, .woocommerce input[type=text], .woocommerce input[type=email], .woocommerce input[type=password],
  .woocommerce input[type=tel], .woocommerce input[type=number], .woocommerce input[type=url], .woocommerce select,
  .woocommerce .select2-selection, .wc-block-components-text-input input):not(.frame-region *, .mb2-nav-root *) {
  box-sizing: border-box; min-height: 48px; margin: 0; padding: 0 20px;
  border: 0 !important; border-radius: var(--r-ctl, 999px) !important; outline: none !important;
  background: linear-gradient(180deg, rgba(26, 26, 26, .34), rgba(10, 10, 10, .46)) !important;
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
  box-shadow: inset 0 0 0 1px rgba(237, 231, 216, .2), inset 0 1px 0 rgba(237, 231, 216, .12) !important;
  color: #EDE7D8 !important; font: 400 16px/1.3 "Instrument Sans", system-ui, sans-serif !important;
  transition: box-shadow 180ms cubic-bezier(.16, 1, .3, 1);
}
html body.mf-flow :is(.woocommerce form .form-row textarea, .woocommerce textarea):not(.frame-region *, .mb2-nav-root *) {
  box-sizing: border-box; min-height: 120px; padding: 14px 20px;
  border: 0 !important; border-radius: var(--r-panel, 14px) !important; outline: none !important;
  background: linear-gradient(180deg, rgba(26, 26, 26, .34), rgba(10, 10, 10, .46)) !important;
  box-shadow: inset 0 0 0 1px rgba(237, 231, 216, .2) !important;
  color: #EDE7D8 !important; font: 400 16px/1.5 "Instrument Sans", system-ui, sans-serif !important;
}
html body.mf-flow :is(.woocommerce input:not([type=checkbox]):not([type=radio]), .woocommerce textarea, .woocommerce select):not(.frame-region *, .mb2-nav-root *):focus-visible {
  box-shadow: inset 0 0 0 1px rgba(237, 231, 216, .5), 0 0 0 2px #0A0A0A, 0 0 0 3px #EDE7D8 !important;
}
html body.mf-flow :is(.woocommerce input, .woocommerce textarea):not(.frame-region *, .mb2-nav-root *)::placeholder { color: rgba(237, 231, 216, .56) !important; opacity: 1; }
html body.mf-flow .woocommerce .password-input { display: block; position: relative; }
html body.mf-flow .woocommerce .show-password-input { top: 50%; right: 16px; transform: translateY(-50%); color: rgba(237, 231, 216, .72); }

/* ── checkbox + radio: drawn, not native ── */
html body.mf-flow .woocommerce :is(input[type=checkbox], input[type=radio]):not(.frame-region *, .mb2-nav-root *) {
  -webkit-appearance: none; appearance: none; flex: none; box-sizing: border-box;
  width: 20px; height: 20px; min-height: 0; margin: 0; padding: 0; vertical-align: middle;
  border: 0; border-radius: var(--r-tip, 8px);
  background: rgba(18, 18, 18, .6) center / 12px 12px no-repeat;
  box-shadow: inset 0 0 0 1px rgba(237, 231, 216, .36);
  cursor: pointer; transition: box-shadow 180ms cubic-bezier(.16, 1, .3, 1);
}
html body.mf-flow .woocommerce input[type=radio]:not(.frame-region *, .mb2-nav-root *) { border-radius: var(--r-ctl, 999px); }
html body.mf-flow .woocommerce :is(input[type=checkbox], input[type=radio]):not(.frame-region *, .mb2-nav-root *):hover { box-shadow: inset 0 0 0 1px rgba(237, 231, 216, .6); }
html body.mf-flow .woocommerce input[type=checkbox]:not(.frame-region *, .mb2-nav-root *):checked {
  box-shadow: inset 0 0 0 1px #FF7D11;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.4L4.8 9L10 3' fill='none' stroke='%23EDE7D8' stroke-width='1.8'/%3E%3C/svg%3E");
}
html body.mf-flow .woocommerce input[type=radio]:not(.frame-region *, .mb2-nav-root *):checked {
  box-shadow: inset 0 0 0 1px #FF7D11;
  background-image: radial-gradient(circle, #EDE7D8 0 4px, transparent 4.5px); background-size: 100% 100%;
}
html body.mf-flow .woocommerce :is(input[type=checkbox], input[type=radio]):not(.frame-region *, .mb2-nav-root *):focus-visible {
  outline: none; box-shadow: inset 0 0 0 1px rgba(237, 231, 216, .6), 0 0 0 2px #0A0A0A, 0 0 0 4px #EDE7D8;
}
html body.mf-flow .woocommerce .woocommerce-form__label-for-checkbox:not(.frame-region *, .mb2-nav-root *) {
  display: inline-flex; align-items: center; gap: 12px; margin: 0; cursor: pointer;
  color: rgba(237, 231, 216, .86) !important; font: 400 15px/1.4 "Instrument Sans", system-ui, sans-serif; letter-spacing: 0; text-transform: none;
}

/* ── links in Woo content: Ember text, no underline at rest, a hairline grows on hover ── */
html body.mf-flow :is(.woocommerce-MyAccount-content a, a.lost_password, .woocommerce-LostPassword a, .woocommerce-info a, .woocommerce-message a,
  .woocommerce table.shop_table a, .woocommerce-privacy-policy-text a, .woocommerce-form-login-toggle a, .woocommerce-form-coupon-toggle a,
  body.single-product .product_meta a):not(.button):not(.mf-btn):not(.frame-region *, .mb2-nav-root *) {
  color: #FF7D11 !important; text-decoration: none !important;
  background: linear-gradient(currentColor, currentColor) 0 100% / 0 1px no-repeat;
  transition: background-size 320ms cubic-bezier(.16, 1, .3, 1);
}
html body.mf-flow :is(.woocommerce-MyAccount-content a, a.lost_password, .woocommerce-LostPassword a, .woocommerce-info a, .woocommerce-message a,
  .woocommerce table.shop_table a, .woocommerce-privacy-policy-text a, body.single-product .product_meta a):not(.button):not(.mf-btn):not(.frame-region *, .mb2-nav-root *):is(:hover, :focus-visible) {
  background-size: 100% 1px; outline: none;
}

/* ── account: login / register as glass panels; the dashboard nav as chips ── */
.woocommerce-account .omtb-woowrap .u-columns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(24px, 3vw, 48px); max-width: 1040px; }
.woocommerce-account .omtb-woowrap .u-columns::before, .woocommerce-account .omtb-woowrap .u-columns::after { display: none; }
.woocommerce-account .omtb-woowrap .u-columns > .u-column1, .woocommerce-account .omtb-woowrap .u-columns > .u-column2 { float: none; width: auto; margin: 0; }
@media (max-width: 767px) { .woocommerce-account .omtb-woowrap .u-columns { grid-template-columns: minmax(0, 1fr); } }
html body.mf-flow .woocommerce :is(form.login, form.register, form.lost_reset_password, form.woocommerce-EditAccountForm, .woocommerce-address-fields):not(.frame-region *, .mb2-nav-root *) {
  box-sizing: border-box; max-width: 520px; margin: 0 !important; padding: clamp(24px, 3vw, 36px) !important;
  border: 0 !important; border-radius: var(--r-panel, 14px) !important;
  background: linear-gradient(180deg, rgba(26, 26, 26, .5), rgba(10, 10, 10, .62)) !important;
  -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px);
  box-shadow: inset 0 0 0 1px rgba(237, 231, 216, .14), inset 0 1px 0 rgba(237, 231, 216, .14) !important;
}
.woocommerce-account .omtb-woowrap .u-columns :is(form.login, form.register) { max-width: none; }
html body.mf-flow .woocommerce form .form-row:not(.frame-region *, .mb2-nav-root *) { margin: 0 0 18px; padding: 0; }
html body.mf-flow .woocommerce form.login .form-row:has(.woocommerce-form-login__submit) {
  display: flex; flex-direction: column; align-items: flex-start; gap: 22px; margin-top: 4px;
}
html body.mf-flow .woocommerce form.login .woocommerce-form-login__submit { order: 2; float: none; margin: 0; min-width: 160px; }
html body.mf-flow .woocommerce .woocommerce-LostPassword { margin: 18px 0 0; font: 400 15px/1.4 "Instrument Sans", system-ui, sans-serif; }
html body.mf-flow .woocommerce .googlesitekit-sign-in-with-google__frontend-output-button { margin: 0 0 22px; padding: 0; }
.woocommerce-account .omtb-woowrap .woocommerce-MyAccount-navigation { float: none; width: auto; margin: 0 0 32px; padding: 0; border: 0 !important; background: none !important; }
.woocommerce-account .omtb-woowrap .woocommerce-MyAccount-navigation ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
html body.mf-flow .woocommerce-account .woocommerce-MyAccount-navigation a {
  display: inline-flex; align-items: center; min-height: 40px; padding: 0 18px; border-radius: var(--r-ctl, 999px);
  color: rgba(237, 231, 216, .86) !important; text-decoration: none !important; background: transparent;
  box-shadow: inset 0 0 0 1px rgba(237, 231, 216, .2);
  font: 600 11px/1 "Hanken Grotesk", system-ui, sans-serif; letter-spacing: .14em; text-transform: uppercase;
  transition: box-shadow 180ms cubic-bezier(.16, 1, .3, 1), color 180ms cubic-bezier(.16, 1, .3, 1);
}
html body.mf-flow .woocommerce-account .woocommerce-MyAccount-navigation :is(a:hover, .is-active a) { color: #EDE7D8 !important; box-shadow: inset 0 0 0 1px rgba(237, 231, 216, .5); }
html body.mf-flow .woocommerce-account .woocommerce-MyAccount-navigation .is-active a { box-shadow: inset 0 0 0 1px #FF7D11; }
.woocommerce-account .omtb-woowrap .woocommerce-MyAccount-content { float: none; width: auto; max-width: 880px; color: rgba(237, 231, 216, .86); font: 400 16px/1.6 "Instrument Sans", system-ui, sans-serif; }

/* ── tables + notices: hairlines on ink, no filled boxes ── */
html body.mf-flow .woocommerce :is(table.shop_table, .cart_totals, form.checkout_coupon):not(.frame-region *, .mb2-nav-root *) {
  border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none;
}
html body.mf-flow .woocommerce table.shop_table :is(td, th):not(.frame-region *, .mb2-nav-root *) { border-color: rgba(237, 231, 216, .16) !important; color: rgba(237, 231, 216, .86) !important; }
html body.mf-flow :is(.woocommerce-info, .woocommerce-message, .woocommerce-error, .wc-block-components-notice-banner):not(.frame-region *, .mb2-nav-root *) {
  margin: 0 0 24px; padding: 16px 20px 16px 22px !important; list-style: none;
  border: 0 !important; border-radius: var(--r-panel, 14px) !important;
  background: linear-gradient(180deg, rgba(26, 26, 26, .5), rgba(10, 10, 10, .62)) !important;
  box-shadow: inset 0 0 0 1px rgba(237, 231, 216, .14), inset 2px 0 0 #FF5B04 !important;
  color: rgba(237, 231, 216, .86) !important; font: 400 15px/1.5 "Instrument Sans", system-ui, sans-serif;
}
html body.mf-flow :is(.woocommerce-info, .woocommerce-message, .woocommerce-error)::before { display: none !important; }
html body.mf-flow :is(.woocommerce-info, .woocommerce-message, .woocommerce-error):focus { outline: 1px solid rgba(237, 231, 216, .36) !important; outline-offset: 2px; }

/* ── product (shop-merch-page.php): gallery | summary on ink; type, not boxes ── */
body.single-product .woocommerce div.product {
  display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(320px, .9fr); gap: clamp(28px, 4vw, 72px); align-items: start;
  box-sizing: border-box; max-width: none; margin: 0; padding: clamp(56px, 7vw, 104px) var(--ss-gut) 120px; color: #EDE7D8;
}
@media (max-width: 899px) { body.single-product .woocommerce div.product { grid-template-columns: minmax(0, 1fr); } }
body.single-product div.product .woocommerce-product-gallery, body.single-product div.product div.summary { float: none !important; width: 100% !important; margin: 0 !important; }
body.single-product div.product :is(.woocommerce-product-gallery, .woocommerce-product-gallery__wrapper, .woocommerce-product-gallery__image, .woocommerce-product-gallery img) { border-radius: 0 !important; box-shadow: none !important; }
body.single-product div.product .woocommerce-product-gallery__image--placeholder:not(.omtb-merch-field) { border: 0 !important; background: none; }
body.single-product div.product .omtb-merch-field { border: 0 !important; }
/* no photograph yet: the brand field (the footer's still field: Ink + Deep Petrol + Dusk Violet) + the mark */
body.single-product .omtb-merch-field {
  position: relative; display: grid; place-items: center; aspect-ratio: 4 / 5; overflow: hidden; border-radius: 0;
  background:
    radial-gradient(60% 55% at 28% 62%, rgba(26, 78, 80, .62), rgba(26, 78, 80, 0) 72%),
    radial-gradient(52% 50% at 76% 30%, rgba(124, 107, 166, .26), rgba(124, 107, 166, 0) 74%),
    #0A0A0A;
}
body.single-product .omtb-merch-field__mark { width: 22%; height: auto; fill: rgba(237, 231, 216, .44); color: rgba(237, 231, 216, .44); }
body.single-product div.product div.summary { padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; overflow: visible; }
body.single-product div.product .omtb-merch-eyebrow {
  display: flex; align-items: center; gap: 12px; margin: 0 0 18px; color: #FF7D11;
  font: 600 11px/1 "Hanken Grotesk", system-ui, sans-serif; letter-spacing: .16em; text-transform: uppercase;
}
body.single-product div.product .omtb-merch-eyebrow::before { content: ""; width: 32px; height: 1px; background: #FF5B04; }
body.single-product div.product :is(.product_title, .omtb-merch-title) {
  margin: 0 0 18px; color: #EDE7D8; font: 800 clamp(34px, 3.6vw, 56px)/.98 "Hanken Grotesk", system-ui, sans-serif; letter-spacing: -.03em; text-wrap: balance;
}
body.single-product div.product p.price { margin: 0 0 22px; color: #EDE7D8 !important; font: 700 24px/1.2 "Hanken Grotesk", system-ui, sans-serif; letter-spacing: -.01em; }
body.single-product div.product p.price :is(.amount, bdi) { color: inherit !important; }
body.single-product div.product .woocommerce-product-details__short-description { max-width: 52ch; color: rgba(237, 231, 216, .72); font: 400 16px/1.6 "Instrument Sans", system-ui, sans-serif; }
body.single-product div.product .woocommerce-product-details__short-description p { color: inherit !important; }
body.single-product div.product.outofstock #payment-method-message { display: none; }   /* nothing to pay for in instalments */
body.single-product div.product .stock {
  display: inline-flex; align-items: center; min-height: 32px; margin: 22px 0 0; padding: 0 14px; border-radius: var(--r-ctl, 999px);
  box-shadow: inset 0 0 0 1px rgba(237, 231, 216, .24); color: rgba(237, 231, 216, .86) !important;
  font: 600 11px/1 "Hanken Grotesk", system-ui, sans-serif; letter-spacing: .14em; text-transform: uppercase;
}
body.single-product div.product .stock.in-stock { box-shadow: inset 0 0 0 1px rgba(52, 151, 143, .7); }
body.single-product div.product form.cart { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 24px 0 0; }
body.single-product div.product form.cart .quantity input.qty { width: 88px; padding: 0 12px; text-align: center; }
body.single-product div.product .product_meta {
  margin: 28px 0 0; padding: 18px 0 0; border-top: 1px solid rgba(237, 231, 216, .16);
  color: rgba(237, 231, 216, .56); font: 400 15px/1.6 "Instrument Sans", system-ui, sans-serif; letter-spacing: 0; text-transform: none;
}
body.single-product div.product .product_meta > span { display: block; }
/* tabs: one chip row; the active tab is the Ember hairline, drawn by the tab's own box so it sits on its label */
body.single-product div.product .woocommerce-tabs { grid-column: 1 / -1; margin: clamp(24px, 4vw, 56px) 0 0; }
body.single-product div.product .woocommerce-tabs ul.tabs { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 24px !important; padding: 0 !important; border: 0; background: none; overflow: visible; }
body.single-product div.product .woocommerce-tabs ul.tabs::before, body.single-product div.product .woocommerce-tabs ul.tabs::after { display: none !important; }
body.single-product div.product .woocommerce-tabs ul.tabs li {
  display: block; margin: 0 !important; padding: 0 !important; border: 0 !important; border-radius: var(--r-ctl, 999px) !important;
  background: none !important; box-shadow: inset 0 0 0 1px rgba(237, 231, 216, .2) !important;
}
body.single-product div.product .woocommerce-tabs ul.tabs li::before, body.single-product div.product .woocommerce-tabs ul.tabs li::after { display: none !important; }
body.single-product div.product .woocommerce-tabs ul.tabs li a {
  display: inline-flex; align-items: center; min-height: 40px; margin: 0; padding: 0 18px !important; color: rgba(237, 231, 216, .72) !important;
  font: 600 11px/1 "Hanken Grotesk", system-ui, sans-serif !important; letter-spacing: .14em; text-transform: uppercase; text-decoration: none !important;
}
body.single-product div.product .woocommerce-tabs ul.tabs li.active { box-shadow: inset 0 0 0 1px #FF7D11 !important; }
body.single-product div.product .woocommerce-tabs ul.tabs li.active a { color: #EDE7D8 !important; }
body.single-product div.product .woocommerce-tabs .panel { max-width: 72ch; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; color: rgba(237, 231, 216, .72); font: 400 17px/1.65 "Instrument Sans", system-ui, sans-serif; }
body.single-product div.product .woocommerce-tabs .panel > h2:first-of-type { display: none; }
body.single-product div.product .woocommerce-tabs .panel p { color: inherit !important; }
body.single-product div.product :is(.related, .upsells) { grid-column: 1 / -1; }
body.single-product div.product :is(.related, .upsells) > h2 { color: #EDE7D8; font: 800 clamp(24px, 2.4vw, 32px)/1.1 "Hanken Grotesk", system-ui, sans-serif; }
body.single-product div.product ul.products li.product { padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
body.single-product div.product ul.products li.product img { border-radius: 0; }

@media (prefers-reduced-motion: reduce) {
  html body.mf-flow .woocommerce :is(input, textarea, select, a), .woocommerce-account .woocommerce-MyAccount-navigation a { transition: none !important; }
}