/* =============================================================================
   WMD TRANSACTIONAL PAGES — My Account, Cart, Checkout.
   Base = WooCommerce's CORE markup + core stylesheet (Porto's 52 overrides are bypassed and
   Porto's "no WooCommerce CSS" filter is removed on these pages). This file skins that core
   markup in the language of the rebuilt product pages: Montserrat headings / Poppins body,
   #0c2328 primary, #006cff focus + buy blue, inputs and labels as in the PDP offer modals.
   ============================================================================= */

:root{
  --w-ink:#222; --w-body:#555; --w-muted:#8a8a8a; --w-line:#e6e6e6; --w-soft:#f7f6f4;
  --w-primary:#0c2328; --w-primary-hover:#12353c; --w-blue:#006cff; --w-bronze:#b58a54;
  --w-head:"Montserrat","Poppins",sans-serif; --w-text:"Poppins",sans-serif;
}
*,::before,::after{box-sizing:border-box}
body{margin:0;background:#fff;font-family:var(--w-text);font-size:14px;line-height:1.65;color:var(--w-body);-webkit-font-smoothing:antialiased}
.wmdw-main a{color:var(--w-primary)}
.wmdw-main a:hover{color:var(--w-blue)}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ---------- shell ---------- */
.wmdw-main{padding:34px 0 70px}
.wmdw-wrap{max-width:1140px;margin:0 auto;padding:0 20px}
.wmdw-title{margin:0 0 26px;font-family:var(--w-head);font-size:28px;font-weight:600;line-height:1.2;letter-spacing:-.5px;color:var(--w-ink)}

/* checkout progress: Shopping Cart > Checkout > Order Complete */
.wmdw-steps{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:6px 0;list-style:none;margin:0 0 34px;padding:0;counter-reset:none}
.wmdw-steps li{display:flex;align-items:center;font-family:var(--w-head);font-size:18px;font-weight:600;letter-spacing:-.3px;color:#b5b5b5}
.wmdw-steps li + li::before{content:"";width:9px;height:9px;margin:0 22px 0 18px;border-top:2px solid #9a9a9a;border-right:2px solid #9a9a9a;transform:rotate(45deg)}
.wmdw-steps li.is-current{color:var(--w-ink)}
.wmdw-steps li.is-done{color:#666}

/* ---------- WooCommerce notices ---------- */
.woocommerce-notices-wrapper:empty{display:none}
.wmdw-main .woocommerce-message,.wmdw-main .woocommerce-info,.wmdw-main .woocommerce-error{
  margin:0 0 24px;padding:14px 18px 14px 48px;border:0;border-left:3px solid var(--w-primary);border-radius:4px;
  background:var(--w-soft);color:var(--w-ink);font-size:14px;line-height:1.5;list-style:none}
.wmdw-main .woocommerce-message::before,.wmdw-main .woocommerce-info::before,.wmdw-main .woocommerce-error::before{top:14px;left:18px;color:var(--w-primary)}
.wmdw-main .woocommerce-message{border-left-color:#1f6b3b}
.wmdw-main .woocommerce-message::before{color:#1f6b3b}
.wmdw-main .woocommerce-error{border-left-color:#b3261e}
.wmdw-main .woocommerce-error::before{color:#b3261e}
.wmdw-main .woocommerce-message .button,.wmdw-main .woocommerce-info .button{float:right;margin:-4px 0 0 12px}

/* ---------- headings WooCommerce prints ---------- */
.wmdw-main .woocommerce h2,.wmdw-main .woocommerce h3{font-family:var(--w-head);font-weight:600;letter-spacing:-.3px;color:var(--w-ink);line-height:1.25}
.wmdw-main .woocommerce h2{font-size:22px;margin:0 0 18px}
.wmdw-main .woocommerce h3{font-size:18px;margin:0 0 14px}

/* ---------- form fields (as the PDP offer modals) ---------- */
.wmdw-main .woocommerce form .form-row{margin:0 0 16px;padding:0}
.wmdw-main .woocommerce form .form-row label,.wmdw-main .woocommerce-form-row label{
  display:block;margin:0 0 6px;font-family:var(--w-head);font-size:12px;font-weight:600;line-height:1.4;
  letter-spacing:.03em;text-transform:uppercase;color:#333}
.wmdw-main .woocommerce form .form-row label.woocommerce-form__label-for-checkbox,
.wmdw-main .woocommerce form .form-row label.checkbox{display:inline-flex;align-items:center;gap:8px;margin:0;font-family:var(--w-text);font-size:14px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--w-ink)}
.wmdw-main .woocommerce form .form-row .required{color:#b3261e;text-decoration:none;border:0}
.wmdw-main .woocommerce form .form-row .optional{text-transform:none;letter-spacing:0;font-weight:400;color:var(--w-muted)}
.wmdw-main .woocommerce input.input-text,.wmdw-main .woocommerce textarea,.wmdw-main .woocommerce select,
.wmdw-main .woocommerce form .form-row input.input-text,.wmdw-main .woocommerce form .form-row textarea,
.wmdw-main .woocommerce form .form-row select{
  width:100%;min-height:46px;margin:0;padding:12px 14px;border:1px solid #ddd;border-radius:4px;background:#fff;
  font-family:var(--w-text);font-size:14px;line-height:1.4;color:var(--w-ink);outline:none;box-shadow:none;transition:border-color .15s}
.wmdw-main .woocommerce textarea{min-height:96px;resize:vertical}
.wmdw-main .woocommerce input.input-text:focus,.wmdw-main .woocommerce textarea:focus,.wmdw-main .woocommerce select:focus{border-color:var(--w-blue)}
.wmdw-main .woocommerce input[type=checkbox],.wmdw-main .woocommerce input[type=radio]{width:16px;height:16px;margin:0;accent-color:var(--w-primary)}
.wmdw-main .woocommerce form .form-row.woocommerce-invalid input.input-text,
.wmdw-main .woocommerce form .form-row.woocommerce-invalid select{border-color:#b3261e}
/* select2 / selectWoo (country + state) */
.wmdw-main .select2-container .select2-selection--single{height:46px;border:1px solid #ddd;border-radius:4px}
.wmdw-main .select2-container .select2-selection--single .select2-selection__rendered{display:block;line-height:44px!important;padding:0 32px 0 14px!important;font-size:14px;color:var(--w-ink)}
.wmdw-main .select2-container .select2-selection--single .select2-selection__arrow{height:44px;right:8px}
.wmdw-main .select2-container--focus .select2-selection--single,.wmdw-main .select2-container--open .select2-selection--single{border-color:var(--w-blue)}
/* password field + eye */
.wmdw-main .woocommerce .password-input{display:block;position:relative}
.wmdw-main .woocommerce .show-password-input{top:50%;transform:translateY(-50%);right:12px}

/* ---------- buttons ---------- */
.wmdw-main .woocommerce .button,.wmdw-main .woocommerce button.button,.wmdw-main .woocommerce a.button,
.wmdw-main .woocommerce input.button,.wmdw-main .woocommerce #respond input#submit{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 24px;
  border:1.5px solid var(--w-primary);border-radius:4px;background:var(--w-primary);color:#fff;
  font-family:var(--w-head);font-size:13px;font-weight:700;line-height:1;letter-spacing:.04em;text-transform:uppercase;
  text-decoration:none;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.wmdw-main .woocommerce .button:hover,.wmdw-main .woocommerce button.button:hover,.wmdw-main .woocommerce a.button:hover{background:var(--w-primary-hover);border-color:var(--w-primary-hover);color:#fff}
.wmdw-main .woocommerce .button:disabled,.wmdw-main .woocommerce .button.disabled,.wmdw-main .woocommerce button.button:disabled[disabled]{opacity:.45;cursor:not-allowed;background:var(--w-primary);color:#fff;padding:0 24px}
/* secondary (update cart, apply coupon, account actions) */
.wmdw-main .woocommerce button[name=update_cart],.wmdw-main .woocommerce button[name=apply_coupon],
.wmdw-main .woocommerce .woocommerce-orders-table .button,.wmdw-main .woocommerce .woocommerce-Button--previous,
.wmdw-main .woocommerce .woocommerce-Button--next{background:#fff;color:var(--w-primary)}
.wmdw-main .woocommerce button[name=update_cart]:hover,.wmdw-main .woocommerce button[name=apply_coupon]:hover,
.wmdw-main .woocommerce .woocommerce-orders-table .button:hover{background:var(--w-primary);color:#fff}

/* ---------- tables ---------- */
.wmdw-main .woocommerce table.shop_table{width:100%;margin:0 0 24px;border:1px solid var(--w-line);border-radius:6px;border-collapse:separate;border-spacing:0;overflow:hidden}
.wmdw-main .woocommerce table.shop_table th{padding:14px 16px;background:var(--w-soft);font-family:var(--w-head);font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:#333;text-align:left}
.wmdw-main .woocommerce table.shop_table td{padding:16px;border-top:1px solid var(--w-line);color:var(--w-ink);vertical-align:middle}
.wmdw-main .woocommerce table.shop_table tfoot th,.wmdw-main .woocommerce table.shop_table tfoot td{background:#fff;border-top:1px solid var(--w-line)}

/* ---------- MY ACCOUNT ---------- */
/* logged out: a single centred card, like the offer modals. The page H1 ("My Account" /
   "Lost password") is centred over it, so WooCommerce's own "Login" h2 would only repeat it:
   kept for screen readers, hidden visually. */
body.wmd-woo--account:not(.logged-in) .wmdw-title{text-align:center}
body.wmd-woo--account:not(.logged-in) .woocommerce > h2{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.wmd-woo--account .woocommerce-form-login,.wmd-woo--account .woocommerce-ResetPassword,
.wmd-woo--account form.lost_reset_password{
  max-width:460px;margin:0 auto!important;padding:34px 32px!important;border:1px solid var(--w-line)!important;border-radius:8px!important;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.06)}
.wmd-woo--account .woocommerce-form-login .woocommerce-form-login__rememberme{margin:4px 0 16px!important}
.wmd-woo--account .woocommerce-form-login .woocommerce-form-login__submit{width:100%;float:none;margin:0 0 14px}
.wmd-woo--account .woocommerce-form-login .form-row:has(.woocommerce-form-login__submit){display:flex;flex-direction:column}
.wmd-woo--account .woocommerce-LostPassword{margin:0;text-align:center;font-size:13px}
.wmd-woo--account form.lost_reset_password > p:first-child{margin:0 0 20px;color:var(--w-body)}
.wmd-woo--account form.lost_reset_password .form-row-first{float:none;width:100%}
.wmd-woo--account form.lost_reset_password .button{width:100%}
.wmd-woo--account .cf-turnstile{margin:4px 0 16px}
/* the Turnstile plugin appends a <br> after its widget for classic themes: an empty 20px line here */
.wmdw-main .cf-turnstile-br{display:none}

/* logged in: navigation column + content */
/* Pin each piece to its column: the wrapper's FIRST child is not the nav (a notices wrapper
   precedes it), so plain auto-placement put that in cell 1, the nav in the wide column and the
   dashboard in the 240px column of the next row (Carlos's screenshot, 2026-09-18). */
.wmd-woo--account .woocommerce:has(> .woocommerce-MyAccount-navigation){display:grid;grid-template-columns:240px minmax(0,1fr);gap:0 40px;align-items:start}
.wmd-woo--account .woocommerce:has(> .woocommerce-MyAccount-navigation) > *{grid-column:1/-1;order:-1}
.wmd-woo--account .woocommerce > .woocommerce-MyAccount-navigation{grid-column:1;order:0}
.wmd-woo--account .woocommerce > .woocommerce-MyAccount-content{grid-column:2;order:0}
/* order:-1 lifts any extra child (notices, plugin output) into its own full-width row on top,
   wherever it sits in the source, so nav and content always share the next row. */
.wmd-woo--account .woocommerce-MyAccount-navigation,.wmd-woo--account .woocommerce-MyAccount-content{float:none;width:auto}
.wmd-woo--account .woocommerce-MyAccount-navigation ul{margin:0;padding:0;list-style:none;border:1px solid var(--w-line);border-radius:6px;overflow:hidden}
.wmd-woo--account .woocommerce-MyAccount-navigation li + li{border-top:1px solid var(--w-line)}
.wmd-woo--account .woocommerce-MyAccount-navigation a{display:block;padding:13px 18px;font-family:var(--w-head);font-size:13px;font-weight:500;color:var(--w-ink);text-decoration:none}
.wmd-woo--account .woocommerce-MyAccount-navigation a:hover{background:var(--w-soft);color:var(--w-primary)}
.wmd-woo--account .woocommerce-MyAccount-navigation li.is-active a{background:var(--w-primary);color:#fff}
.wmd-woo--account .woocommerce-MyAccount-content > p:first-child{margin-top:0}
.wmd-woo--account .woocommerce-Addresses .woocommerce-Address{padding:20px;border:1px solid var(--w-line);border-radius:6px}
.wmd-woo--account .woocommerce-Address-title{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.wmd-woo--account .woocommerce-Address-title h2{font-size:18px;margin:0 0 10px}
.wmd-woo--account address{font-style:normal;line-height:1.7;color:var(--w-ink)}

/* ---------- CART ----------
   Core puts the totals under the table; Porto had them as a sidebar, which reads better for a
   one-item luxury cart. Grid: notices across, table left, totals right. */
.wmd-woo--cart .wmdw-content > .woocommerce{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:0 36px;align-items:start}
.wmd-woo--cart .wmdw-content > .woocommerce > *{grid-column:1/-1}
.wmd-woo--cart .wmdw-content > .woocommerce > .woocommerce-cart-form{grid-column:1}
.wmd-woo--cart .wmdw-content > .woocommerce > .cart-collaterals{grid-column:2;width:auto}
.wmd-woo--cart .cart-collaterals .cart_totals{float:none;width:100%;padding:24px;border:1px solid var(--w-line);border-radius:6px;background:#fff}
.wmd-woo--cart .cart-collaterals .cart_totals h2{font-size:18px;margin:0 0 14px}
.wmd-woo--cart .cart_totals table.shop_table{border:0;border-radius:0;margin:0 0 18px}
.wmd-woo--cart .cart_totals table.shop_table th,.wmd-woo--cart .cart_totals table.shop_table td{background:#fff;padding:12px 0;border-top:1px solid var(--w-line);vertical-align:top}
.wmd-woo--cart .cart_totals table.shop_table tr:first-child th,.wmd-woo--cart .cart_totals table.shop_table tr:first-child td{border-top:0}
.wmd-woo--cart .cart_totals table.shop_table td{text-align:right}
.wmd-woo--cart .cart_totals .order-total th,.wmd-woo--cart .cart_totals .order-total td{font-family:var(--w-head);font-size:16px;font-weight:700;color:var(--w-ink)}
.wmd-woo--cart .cart_totals .woocommerce-shipping-destination,.wmd-woo--cart .cart_totals .woocommerce-shipping-calculator{font-size:13px}
.wmd-woo--cart .cart_totals .shipping-calculator-form{text-align:left;margin-top:10px}
/* the line items */
.wmd-woo--cart table.cart .product-thumbnail{width:96px}
.wmd-woo--cart table.cart .product-thumbnail img{width:72px;height:auto;border-radius:4px}
.wmd-woo--cart table.cart .product-name a{font-family:var(--w-head);font-size:14px;font-weight:600;line-height:1.4;color:var(--w-ink);text-decoration:none}
.wmd-woo--cart table.cart .product-name a:hover{color:var(--w-blue)}
.wmd-woo--cart table.cart .product-price,.wmd-woo--cart table.cart .product-subtotal{white-space:nowrap}
.wmd-woo--cart table.cart .product-subtotal{font-weight:600;color:var(--w-ink)}
.wmd-woo--cart table.cart a.remove{width:26px;height:26px;line-height:24px;font-size:20px;color:#999!important;border:1px solid var(--w-line);border-radius:50%}
.wmd-woo--cart table.cart a.remove:hover{background:#b3261e;border-color:#b3261e;color:#fff!important}
.wmd-woo--cart table.cart input.qty{width:64px;min-height:40px;padding:8px;text-align:center;border:1px solid #ddd;border-radius:4px}
.wmd-woo--cart table.cart td.actions{padding:16px}
.wmd-woo--cart table.cart td.actions .coupon{display:flex;gap:10px;align-items:center}
.wmd-woo--cart table.cart td.actions .coupon #coupon_code{width:200px;min-height:46px;margin:0}
/* WC 8.x+ puts the coupon error inline (p.coupon-error-notice, core .75em) — own row under the field */
.wmd-woo--cart table.cart td.actions .coupon{flex-wrap:wrap}
.wmdw-main .coupon-error-notice,
.wmdw-main form.checkout_coupon .coupon-error-notice,
.wmdw-main table.cart td.actions .coupon .coupon-error-notice{flex-basis:100%;width:auto;float:none;margin:2px 0 0;font-size:12px;line-height:1.4;color:#b3261e;text-align:left}
/* cart (0,5,2) / checkout (0,3,1) on purpose: the core rules in woocommerce.css + woocommerce-smallscreen.css (width:48%, float) use the same weight; this file loads after */
.wmdw-main #coupon_code.has-error{border-color:#b3261e}
/* checkout button area: Bolt replaces WooCommerce's own "Proceed to checkout" */
.wmd-woo--cart .wc-proceed-to-checkout{padding:4px 0 0}
.wmd-woo--cart .wc-proceed-to-checkout .bolt-quick-pay-btn{width:100%}
/* woocommerce-smallscreen.css prefixes every responsive cell with attr(data-title) ": " — rows other plugins
   add without a data-title (Affirm's "as low as" line in the totals) got a stray colon */
.wmdw-main table.shop_table_responsive tr td:not([data-title])::before{content:none;display:none}
/* cross-sells — the PDP's related cards (single-product.php .card) */
.wmdw-xs{margin:48px 0 0;padding-top:36px;border-top:1px solid var(--w-line)}
.wmdw-main .wmdw-xs h2{margin:0 0 26px;font-size:22px;text-align:center}
.wmdw-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:24px}
.wmdw-main a.wmdw-card{display:block;flex:0 1 calc((100% - 72px)/4);min-width:0;text-decoration:none;color:inherit}
.wmdw-card .ph{aspect-ratio:1;background:#f7f7f7;display:grid;place-items:center;overflow:hidden}
.wmdw-card .ph img{width:100%;height:100%;object-fit:contain;padding:18px;mix-blend-mode:multiply;transition:transform .25s ease}
.wmdw-card:hover .ph img{transform:scale(1.04)}
.wmdw-card .body{padding:14px 2px 0}
.wmdw-card .t{margin-bottom:8px;font-family:var(--w-head);font-size:13px;font-weight:500;line-height:1.45;color:#222529;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.wmdw-card:hover .t{color:var(--w-blue)}
.wmdw-card .p,.wmdw-card .p .woocommerce-Price-amount{font-family:var(--w-head);font-size:16px;font-weight:700;color:#1d2127}
.wmdw-card .p .is-sold{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--w-muted)}

/* ---------- CHECKOUT ----------
   Porto's layout, which customers know: the form on the left, "Your order" as a card on the
   right. Core stacks billing and shipping side by side and puts the order review full width
   underneath; the grid below re-flows the same core markup. */
.wmd-woo--checkout form.checkout{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:0 40px;align-items:start}
.wmd-woo--checkout form.checkout > *{grid-column:1/-1}
.wmd-woo--checkout form.checkout > #customer_details{grid-column:1;grid-row:1 / span 2}
.wmd-woo--checkout form.checkout > #order_review_heading{grid-column:2;grid-row:1;margin:0;padding:24px 24px 14px;border:1px solid var(--w-line);border-bottom:0;border-radius:6px 6px 0 0;background:#fff;font-size:18px}
.wmd-woo--checkout form.checkout > #order_review{grid-column:2;grid-row:2;padding:0 24px 24px;border:1px solid var(--w-line);border-top:0;border-radius:0 0 6px 6px;background:#fff}
.wmd-woo--checkout .col2-set .col-1,.wmd-woo--checkout .col2-set .col-2{float:none;width:100%}
.wmd-woo--checkout .col2-set .col-2{margin-top:8px}
.wmd-woo--checkout #ship-to-different-address{font-size:15px;margin:10px 0 16px}
.wmd-woo--checkout #ship-to-different-address label{display:inline-flex;align-items:center;gap:8px;font-family:var(--w-head);font-weight:600;text-transform:none;letter-spacing:0;cursor:pointer}
.wmd-woo--checkout .woocommerce-form-coupon-toggle .woocommerce-info{margin-bottom:18px}
.wmd-woo--checkout form.checkout_coupon{margin:0 0 24px;padding:18px;border:1px solid var(--w-line);border-radius:6px}
/* the form stays display:block (jQuery slideToggle opens/closes it with an inline display) — fix the core floats'
   47%/47% split instead, desktop only (woocommerce-smallscreen stacks them at 100% below 769px) */
@media (min-width:769px){
  .wmd-woo--checkout form.checkout_coupon .form-row-first{float:left;width:calc(100% - 180px);margin:0}
  .wmd-woo--checkout form.checkout_coupon .form-row-last{float:left;width:auto;margin:0 0 0 12px}
}
/* the order review table inside the card */
.wmd-woo--checkout #order_review table.shop_table{border:0;border-radius:0;margin:0 0 18px}
.wmd-woo--checkout #order_review table.shop_table th,.wmd-woo--checkout #order_review table.shop_table td{background:#fff;padding:12px 0;border-top:1px solid var(--w-line);vertical-align:top}
.wmd-woo--checkout #order_review table.shop_table thead th{border-top:0;padding-top:4px}
.wmd-woo--checkout #order_review table.shop_table td:last-child,.wmd-woo--checkout #order_review table.shop_table th:last-child{text-align:right}
.wmd-woo--checkout #order_review .product-name{color:var(--w-ink);font-weight:500;line-height:1.45}
.wmd-woo--checkout #order_review .order-total th,.wmd-woo--checkout #order_review .order-total td{font-family:var(--w-head);font-size:16px;font-weight:700;color:var(--w-ink)}
/* payment */
.wmd-woo--checkout #payment{background:var(--w-soft);border-radius:6px}
.wmd-woo--checkout #payment ul.payment_methods{padding:16px 18px;border-bottom:1px solid var(--w-line)}
.wmd-woo--checkout #payment ul.payment_methods li{line-height:1.5;margin:0 0 6px}
.wmd-woo--checkout #payment ul.payment_methods li > label{display:inline;font-family:var(--w-head);font-size:13px;font-weight:600;color:var(--w-ink);text-transform:none;letter-spacing:0}
.wmd-woo--checkout #payment ul.payment_methods li img{max-height:22px;vertical-align:middle;margin-left:6px}
.wmd-woo--checkout #payment div.payment_box{background:#fff;border-radius:4px;font-size:13px;color:var(--w-body)}
.wmd-woo--checkout #payment div.payment_box::before{border-bottom-color:#fff}
.wmd-woo--checkout #payment div.form-row{padding:16px 18px}
.wmd-woo--checkout .woocommerce-privacy-policy-text,.wmd-woo--checkout .woocommerce-terms-and-conditions-wrapper{font-size:12px;line-height:1.55;color:var(--w-muted)}
.wmd-woo--checkout #place_order{width:100%;min-height:52px;float:none;margin-top:6px}
/* order received (thank you) */
.wmd-woo--checkout .woocommerce-order ul.order_details{display:flex;flex-wrap:wrap;gap:0;margin:0 0 28px;padding:0;list-style:none;border:1px solid var(--w-line);border-radius:6px}
.wmd-woo--checkout .woocommerce-order ul.order_details li{flex:1 1 160px;margin:0;padding:14px 18px;border-right:1px solid var(--w-line);font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--w-muted)}
.wmd-woo--checkout .woocommerce-order ul.order_details li strong{display:block;margin-top:4px;font-size:15px;text-transform:none;letter-spacing:0;color:var(--w-ink)}

/* ---------- responsive ---------- */
@media (max-width:768px){
  .wmdw-main{padding:22px 0 50px}
  .wmdw-title{font-size:24px}
  .wmdw-steps li{font-size:14px}
  .wmdw-steps li + li::before{margin:0 12px 0 10px;width:7px;height:7px}
  .wmd-woo--account .woocommerce:has(> .woocommerce-MyAccount-navigation){grid-template-columns:minmax(0,1fr);gap:24px}
  .wmd-woo--account .woocommerce > .woocommerce-MyAccount-content{grid-column:1}
  .wmd-woo--account .woocommerce-form-login,.wmd-woo--account form.lost_reset_password{padding:24px 20px!important}
  .wmd-woo--cart .wmdw-content > .woocommerce{grid-template-columns:minmax(0,1fr)}
  .wmdw-cards{gap:16px}
  .wmdw-main a.wmdw-card{flex-basis:calc((100% - 16px)/2)}
  .wmdw-xs{margin-top:32px;padding-top:28px}
  .wmd-woo--cart .wmdw-content > .woocommerce > .cart-collaterals{grid-column:1;margin-top:24px}
  .wmd-woo--cart table.cart td.actions .coupon{flex-wrap:wrap}
  .wmd-woo--cart table.cart td.actions .coupon #coupon_code{width:100%}
  .wmd-woo--cart table.cart td.actions .coupon .button,.wmd-woo--cart table.cart td.actions > .button{width:100%}
  .wmd-woo--checkout form.checkout{grid-template-columns:minmax(0,1fr)}
  .wmd-woo--checkout form.checkout > #customer_details,.wmd-woo--checkout form.checkout > #order_review_heading,.wmd-woo--checkout form.checkout > #order_review{grid-column:1;grid-row:auto}
  .wmd-woo--checkout form.checkout > #order_review_heading{margin-top:24px}
}

/* ---------- shared footer (same markup + rules as the other lean templates) ---------- */
.wmdw-foot{font-family:"Poppins",sans-serif;line-height:1.5;color:#1a1a1a}
.wmdw-foot a,.wmdw-foot a:visited{color:inherit;text-decoration:none}
.wmdw-foot img{max-width:100%;display:block}
.wmdw-foot h4{margin:0;font-family:"Montserrat","Poppins",sans-serif;font-weight:600;line-height:1.15;letter-spacing:-.02em}
.wmdw-foot .wrap{width:calc(88% + 20px);max-width:none;margin:0 auto}
.wmdw-foot .foot-strip{background:#fcf8f5;border-top:1px solid #ece6df;border-bottom:1px solid #ece6df}
.wmdw-foot .foot-strip .wrap{display:flex;justify-content:space-between;align-items:center;height:36px;padding:0}
.wmdw-foot .foot-strip .fs-item{display:flex;align-items:center;gap:13px;font-family:"Montserrat","Poppins",sans-serif;font-size:14px;font-weight:400;letter-spacing:-.28px;text-transform:uppercase;color:#494949}
.wmdw-foot .foot-strip svg{width:30px;height:30px;stroke:#333;fill:none;stroke-width:1.2}
.wmdw-foot footer.site{background:#fcf8f5;color:#222;padding:55px 0 0;font-family:"Poppins",sans-serif}
.wmdw-foot footer.site .fcols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.25fr 1.25fr;gap:30px;padding-bottom:55px}
.wmdw-foot .fcol .logo-img{height:60px;width:auto;display:block;margin-bottom:24px}
.wmdw-foot .fcol .addr{font-size:13px;font-weight:500;line-height:18px;color:#222}
.wmdw-foot .fcol .addr .hrs{margin-top:18px}
.wmdw-foot .fcol .q{font-family:"Montserrat","Poppins",sans-serif;font-size:16px;font-weight:500;line-height:25px;color:#3b3b3b;letter-spacing:-.5px;margin:26px 0 8px}
.wmdw-foot .fcol .phone{display:inline-block;font-family:"Montserrat","Poppins",sans-serif;font-size:22px;font-weight:500;line-height:22px;letter-spacing:-1.1px;color:#0c2328;text-decoration:none}
.wmdw-foot .fcol h4{font-family:"Montserrat","Poppins",sans-serif;font-size:16px;font-weight:500;letter-spacing:-.5px;color:#3b3b3b;margin:0 0 20px}
.wmdw-foot .fcol ul{list-style:none;margin:0;padding:0}
.wmdw-foot .fcol ul a{display:block;font-family:"Poppins",sans-serif;font-size:13px;font-weight:400;color:#222;line-height:25px;text-decoration:none}
.wmdw-foot .fcol ul a:hover{color:#c5a059}
.wmdw-foot .fbot{background:#1a1a1a;text-align:center;padding:22px 0;font-family:"Montserrat","Poppins",sans-serif;font-size:13px;font-weight:500;color:#999}
@media (max-width:980px){
  .wmdw-foot footer.site .fcols{grid-template-columns:1fr 1fr}
  .wmdw-foot .foot-strip .wrap{flex-direction:column;gap:14px;height:auto;padding:18px 0}
}
@media (max-width:560px){
  .wmdw-foot footer.site .fcols{grid-template-columns:1fr}
}