/* DELETED FOR 1.8.0: cart-page rules (shop_table.cart, tr.cart_item, ::before PRODUCT labels, cart_totals, cart coupon) stripped from nhc-v17.css. Cart styles live in css/nhc-cart.css only. */
/* ===== NHC Storefront v1.7.1 — checkout un-squeeze, cart cards/table, footer, ship-same, payments ===== */
/* 1.7.1: body-class-free width + force ship-same visible; neutralize v16 nested grid */
/* ROOT CAUSE of ~20% checkout: nhc-v16 grid 60/40 on #customer_details nested INSIDE CartFlows
   .wcf-customer-info-main-wrapper{width:60%} → billing ~36%; Elementor boxed --content-width:960px
   + nested .elementor-element-f231ff2 border/padding compounded the squeeze. */

/* ---------- 1. CHECKOUT: kill squeeze, one clean card, 60/40 desktop ---------- */
body.woocommerce-checkout,
body.single-cartflows_step,
body.postid-1576,
body.cartflows_step-template{
  --nhc-green:#2f4a3c;
  --nhc-green-dark:#24382e;
  --nhc-cream:#f4efe4;
  --nhc-card:#fff;
  --nhc-border:#ddd4c4;
}

/* Elementor boxed wrappers around CartFlows: full bleed inside page */
body.single-cartflows_step .elementor-1576,
body.postid-1576 .elementor-1576,
body.single-cartflows_step .elementor-element-395ab44,
body.single-cartflows_step .elementor-element-3d1a9d4,
body.single-cartflows_step .elementor-element-f231ff2,
body.single-cartflows_step .elementor-element-5a742f8,
body.single-cartflows_step .e-con:has(.wcf-embed-checkout-form),
body.single-cartflows_step .e-con-inner:has(.wcf-embed-checkout-form),
body.single-cartflows_step .elementor-widget-container:has(.wcf-embed-checkout-form),
body.single-cartflows_step .cartflows-elementor__checkout-form,
body.woocommerce-checkout .cartflows-container,
body.single-cartflows_step .cartflows-container{
  width:100%!important;
  max-width:none!important;
  --content-width:100%!important;
  --container-widget-width:100%!important;
  box-sizing:border-box!important;
}

/* Flatten Elementor nested card chrome — no extra horizontal pad (1.9.6: caused cream gutters on mobile) */
body.single-cartflows_step .elementor-element-f231ff2,
body.postid-1576 .elementor-element-f231ff2,
body.single-cartflows_step .e-con:has(.wcf-embed-checkout-form),
body.single-cartflows_step .e-con-inner:has(.wcf-embed-checkout-form){
  border:0!important;
  border-width:0!important;
  box-shadow:none!important;
  background:transparent!important;
  padding-left:0!important;
  padding-right:0!important;
}
@media (min-width:768px){
  body.single-cartflows_step .elementor-element-f231ff2,
  body.postid-1576 .elementor-element-f231ff2,
  body.single-cartflows_step .e-con:has(.wcf-embed-checkout-form),
  body.single-cartflows_step .e-con-inner:has(.wcf-embed-checkout-form){
    padding-left:clamp(12px,3vw,28px)!important;
    padding-right:clamp(12px,3vw,28px)!important;
  }
}

/* ONE outer checkout card — max-width/margin only ≥768 (1.9.6 mobile full-bleed) */
body.woocommerce-checkout .wcf-embed-checkout-form,
body.single-cartflows_step .wcf-embed-checkout-form,
body.postid-1576 .wcf-embed-checkout-form,
body.woocommerce-checkout .wcf-el-checkout-form,
.wcf-embed-checkout-form-modern-checkout,
body.single-cartflows_step .wcf-embed-checkout-form-modern-checkout{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  background:var(--nhc-card)!important;
  border:1px solid var(--nhc-border)!important;
  border-radius:18px!important;
  box-shadow:none!important;
  padding:14px 16px!important;
  box-sizing:border-box!important;
}
@media (min-width:768px){
  body.woocommerce-checkout .wcf-embed-checkout-form,
  body.single-cartflows_step .wcf-embed-checkout-form,
  body.postid-1576 .wcf-embed-checkout-form,
  body.woocommerce-checkout .wcf-el-checkout-form,
  .wcf-embed-checkout-form-modern-checkout,
  body.single-cartflows_step .wcf-embed-checkout-form-modern-checkout{
    max-width:1120px!important;
    margin:0 auto!important;
    padding:clamp(14px,2.5vw,28px)!important;
    border-radius:18px!important;
  }
}

/* Kill nested outline boxes inside checkout */
body.woocommerce-checkout .wcf-embed-checkout-form .woocommerce,
body.woocommerce-checkout .wcf-embed-checkout-form #customer_details,
body.woocommerce-checkout .wcf-embed-checkout-form .col2-set,
body.woocommerce-checkout .wcf-embed-checkout-form .col-1,
body.woocommerce-checkout .wcf-embed-checkout-form .col-2,
body.woocommerce-checkout .wcf-embed-checkout-form .woocommerce-billing-fields,
body.woocommerce-checkout .wcf-embed-checkout-form .woocommerce-shipping-fields,
body.woocommerce-checkout .wcf-embed-checkout-form .woocommerce-additional-fields,
body.woocommerce-checkout .wcf-embed-checkout-form .woocommerce-account-fields,
body.woocommerce-checkout .wcf-embed-checkout-form .wcf-customer-info,
body.woocommerce-checkout .wcf-embed-checkout-form .wcf-customer-info-main-wrapper,
body.woocommerce-checkout .wcf-embed-checkout-form .wcf-order-wrap,
body.woocommerce-checkout .wcf-embed-checkout-form #order_review,
body.woocommerce-checkout .wcf-embed-checkout-form #payment,
body.woocommerce-checkout .wcf-embed-checkout-form .wcf-col2-set,
body.single-cartflows_step .wcf-embed-checkout-form .woocommerce,
body.single-cartflows_step .wcf-embed-checkout-form #customer_details,
body.single-cartflows_step .wcf-embed-checkout-form .col2-set,
body.single-cartflows_step .wcf-embed-checkout-form .col-1,
body.single-cartflows_step .wcf-embed-checkout-form .col-2,
body.single-cartflows_step .wcf-embed-checkout-form .woocommerce-billing-fields,
body.single-cartflows_step .wcf-embed-checkout-form .woocommerce-shipping-fields,
body.single-cartflows_step .wcf-embed-checkout-form .wcf-customer-info,
body.single-cartflows_step .wcf-embed-checkout-form .wcf-customer-info-main-wrapper,
body.single-cartflows_step .wcf-embed-checkout-form .wcf-order-wrap,
body.single-cartflows_step .wcf-embed-checkout-form #order_review,
body.single-cartflows_step .wcf-embed-checkout-form #payment,
body.single-cartflows_step .elementor-widget-container:has(.wcf-embed-checkout-form){
  border:0!important;
  box-shadow:none!important;
  outline:0!important;
  background:transparent!important;
  max-width:none!important;
}

/* UNDO v16 mistaken grid on #customer_details / .col2-set (nested squeeze) */
body.woocommerce-checkout #customer_details,
body.woocommerce-checkout .col2-set,
body.woocommerce-checkout .wcf-col2-set,
body.single-cartflows_step #customer_details,
body.single-cartflows_step .col2-set,
body.single-cartflows_step .wcf-col2-set,
.wcf-embed-checkout-form #customer_details,
.wcf-embed-checkout-form .col2-set{
  display:block!important;
  grid-template-columns:none!important;
  width:100%!important;
  max-width:none!important;
  float:none!important;
}
body.woocommerce-checkout #customer_details .col-1,
body.woocommerce-checkout #customer_details .col-2,
body.woocommerce-checkout .col2-set .col-1,
body.woocommerce-checkout .col2-set .col-2,
.wcf-embed-checkout-form #customer_details .col-1,
.wcf-embed-checkout-form #customer_details .col-2{
  width:100%!important;
  max-width:none!important;
  float:none!important;
}

/* Desktop ≥1024: form ~60% left, sticky order ~40% right — on the RIGHT parent only */
@media (min-width:1024px){
  body.woocommerce-checkout .wcf-embed-checkout-form-modern-checkout .woocommerce-checkout,
  body.single-cartflows_step .wcf-embed-checkout-form-modern-checkout .woocommerce-checkout,
  body.single-cartflows_step .wcf-modern-skin-two-column .woocommerce-checkout,
  .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout form.woocommerce-checkout{
    display:flex!important;
    flex-wrap:nowrap!important;
    align-items:flex-start!important;
    gap:28px!important;
    width:100%!important;
  }
  body.woocommerce-checkout .wcf-embed-checkout-form-modern-checkout .wcf-customer-info-main-wrapper,
  body.single-cartflows_step .wcf-embed-checkout-form-modern-checkout .wcf-customer-info-main-wrapper,
  .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-customer-info-main-wrapper{
    flex:1 1 60%!important;
    width:60%!important;
    max-width:60%!important;
    padding:0!important;
    float:none!important;
    display:block!important;
  }
  body.woocommerce-checkout .wcf-embed-checkout-form-modern-checkout .wcf-order-wrap,
  body.single-cartflows_step .wcf-embed-checkout-form-modern-checkout .woocommerce-checkout .wcf-order-wrap,
  .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout .wcf-order-wrap{
    flex:1 1 40%!important;
    width:40%!important;
    max-width:40%!important;
    padding:0!important;
    float:none!important;
    display:block!important;
    position:sticky!important;
    top:24px!important;
    align-self:flex-start!important;
  }
  /* Soft order-review panel (not a second outer card) */
  body.woocommerce-checkout .wcf-embed-checkout-form #order_review,
  body.single-cartflows_step .wcf-embed-checkout-form #order_review,
  body.woocommerce-checkout .wcf-embed-checkout-form #payment{
    background:#f8f3e9!important;
    border:1px solid var(--nhc-border)!important;
    border-radius:14px!important;
    padding:14px 16px!important;
  }
}

/* Mobile / tablet <1024: single column full width; order summary above payment */
@media (max-width:1023px){
  body.woocommerce-checkout .wcf-embed-checkout-form,
  body.single-cartflows_step .wcf-embed-checkout-form,
  .wcf-embed-checkout-form-modern-checkout{
    width:100%!important;
    max-width:100%!important;
    /* padding owned by nhc-checkout.css ≤767 / desktop card rule ≥768 */
  }
  body.woocommerce-checkout .wcf-embed-checkout-form-modern-checkout .woocommerce-checkout,
  body.single-cartflows_step .wcf-embed-checkout-form-modern-checkout .woocommerce-checkout,
  .wcf-modern-skin-two-column .woocommerce-checkout{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
  }
  body.woocommerce-checkout .wcf-customer-info-main-wrapper,
  body.single-cartflows_step .wcf-customer-info-main-wrapper,
  .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-customer-info-main-wrapper,
  body.woocommerce-checkout .wcf-order-wrap,
  body.single-cartflows_step .wcf-order-wrap,
  .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .woocommerce-checkout .wcf-order-wrap{
    width:100%!important;
    max-width:100%!important;
    flex:1 1 100%!important;
    float:none!important;
    padding:0!important;
  }
  body.woocommerce-checkout .form-row,
  body.woocommerce-checkout .form-row-first,
  body.woocommerce-checkout .form-row-last,
  body.woocommerce-checkout .form-row-wide,
  body.single-cartflows_step .form-row{
    width:100%!important;
    float:none!important;
    max-width:100%!important;
  }
  body.woocommerce-checkout .form-row input.input-text,
  body.woocommerce-checkout .form-row select,
  body.woocommerce-checkout .form-row textarea{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
  /* Order summary above payment on mobile (CartFlows toggle already on top) */
  body.woocommerce-checkout .wcf-order-wrap,
  body.single-cartflows_step .wcf-order-wrap{
    order:-1!important;
  }
}

/* ---------- Login: dark green, no purple; helper one line ---------- */
body.woocommerce-checkout .wcf-customer-login-section__login-button,
body.single-cartflows_step .wcf-customer-login-section__login-button,
.wcf-embed-checkout-form .woocommerce .wcf-customer-login-section__login-button,
.wcf-embed-checkout-form .woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
.wcf-embed-checkout-form button[name="login"],
.wcf-embed-checkout-form .woocommerce-form-login button[type="submit"],
body.woocommerce-checkout .woocommerce-form-login button[type="submit"],
.elementor-1576 .wcf-customer-login-section__login-button,
.elementor-1576 .wcf-embed-checkout-form .woocommerce .woocommerce-checkout #payment button,
body.single-cartflows_step .wcf-embed-checkout-form .woocommerce #order_review button{
  background:var(--nhc-green)!important;
  background-color:var(--nhc-green)!important;
  border-color:var(--nhc-green)!important;
  color:#f4efe4!important;
  --wcf-btn-bg-color:var(--nhc-green)!important;
  --wcf-btn-text-color:#f4efe4!important;
}
body.woocommerce-checkout .wcf-customer-login-section__login-button:hover,
.wcf-embed-checkout-form .woocommerce .wcf-customer-login-section__login-button:hover{
  background:var(--nhc-green-dark)!important;
  background-color:var(--nhc-green-dark)!important;
  border-color:var(--nhc-green-dark)!important;
}
/* Override CartFlows purple primary */
body.single-cartflows_step .wcf-embed-checkout-form,
body.postid-1576 .wcf-embed-checkout-form,
.elementor-1576 .wcf-embed-checkout-form,
.elementor-1576 .wcf-embed-checkout-form-modern-checkout{
  --wcf-primary-color:var(--nhc-green)!important;
  --wcf-btn-bg-color:var(--nhc-green)!important;
}
.nhc-login-helper,
body.woocommerce-checkout .woocommerce-form-login-toggle,
body.woocommerce-checkout .woocommerce-info.woocommerce-form-login-toggle,
.wcf-embed-checkout-form .woocommerce-form-login-toggle,
.wcf-embed-checkout-form .wcf-customer-info__notice,
.nhc-co-login-hint{
  font:500 14px/1.4 Figtree,system-ui,sans-serif!important;
  color:#514a42!important;
  white-space:normal!important;
  margin:0 0 12px!important;
}
.nhc-co-login-hint a,
.wcf-embed-checkout-form .woocommerce-form-login-toggle a{
  color:var(--nhc-green)!important;
  font-weight:700!important;
  text-decoration:underline!important;
}

/* Payment radios: green theme (not purple) */
body.woocommerce-checkout #payment .wc_payment_method input[type="radio"],
body.woocommerce-checkout #payment input.input-radio,
.wcf-embed-checkout-form #payment input[type="radio"],
.wcf-embed-checkout-form .woocommerce #payment input[type="radio"],
body.single-cartflows_step #payment input[type="radio"]{
  accent-color:var(--nhc-green)!important;
}
body.woocommerce-checkout #payment .wc_payment_method > label,
.wcf-embed-checkout-form #payment .wc_payment_method > label{
  color:var(--nhc-green-dark)!important;
}
body.woocommerce-checkout #payment .payment_method_cod,
body.woocommerce-checkout #payment li.wc_payment_method{
  border-color:var(--nhc-border)!important;
}
body.woocommerce-checkout #payment .wc_payment_method input[type="radio"]:checked + label,
.wcf-embed-checkout-form #payment input[type="radio"]:checked + label{
  color:var(--nhc-green)!important;
  font-weight:700!important;
}

/* ---------- 2. SHIP-SAME: clearly visible checkbox + headings ---------- */
.nhc-ship-same-row{
  margin:12px 0 16px!important;
  padding:14px 16px!important;
  background:#f8f3e9!important;
  border:1px solid var(--nhc-border)!important;
  border-radius:14px!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  height:auto!important;
  overflow:visible!important;
}
.nhc-ship-same-label{
  display:flex!important;
  align-items:flex-start!important;
  gap:12px!important;
  font:700 15px/1.45 Figtree,system-ui,sans-serif!important;
  color:var(--nhc-green-dark)!important;
  cursor:pointer!important;
  margin:0!important;
}
.nhc-ship-same-label input[type="checkbox"]{
  width:20px!important;
  height:20px!important;
  min-width:20px!important;
  margin-top:2px!important;
  accent-color:var(--nhc-green)!important;
  flex:0 0 auto!important;
  opacity:1!important;
  position:static!important;
  pointer-events:auto!important;
}
.nhc-ship-heading,
.woocommerce-shipping-fields .nhc-ship-heading{
  display:block!important;
  font:700 18px/1.3 Figtree,system-ui,sans-serif!important;
  color:var(--nhc-green-dark)!important;
  margin:18px 0 10px!important;
}
.nhc-ship-mirror{
  background:#f8f3e9!important;
  border:1px solid var(--nhc-border)!important;
  border-radius:14px!important;
  padding:14px 16px!important;
  margin:0 0 16px!important;
}


/* DELETED FOR 1.8.0: v17 CART MOBILE labelled cards */



/* DELETED FOR 1.8.0: v17 CART DESKTOP table */

/* DELETED FOR 1.8.0: cart rule removed
/* Cart totals: ONLY Subtotal / Shipping / Total; hide calculator + Update */
body.woocommerce-cart .cart_totals .shipping-calculator-form,
body.woocommerce-cart .shipping-calculat
*/
/* DELETED FOR 1.8.0: cart rule removed
/* Keep Subtotal / Shipping / Total rows */
body.woocommerce-cart .cart_totals table.shop_table,
body:has(.nhc-cart) .cart_totals table.shop_table
*/
/* DELETED FOR 1.8.0: cart rule removed
body.woocommerce-cart .cart_totals tr.cart-subtotal,
body.woocommerce-cart .cart_totals tr.woocommerce-shipping-totals,
body.woocommerce-cart .cart_totals tr.shipping,
body.woocomm
*/
/* DELETED FOR 1.8.0: cart rule removed
.nhc-ship-dest-line
*/

/* DELETED FOR 1.8.0: cart selectors stripped from this rule */

a.nhc-change-address{
  display:inline!important;
  color:var(--nhc-green)!important;
  font-weight:700!important;
  text-decoration:underline!important;
  margin-left:6px!important;
}

/* ---------- 5. FOOTER: 4 / 2 tablet / 1 mobile — stronger than page inline ---------- */
html body .foot .fg,
html body footer.foot .fg,
html body .nhc-account .foot .fg,
html body .nhc-cart .foot .fg,
html body .nhc-shop .foot .fg,
html body .nhc-home .foot .fg,
html body .nhc-v3 .foot .fg,
html body.home .foot .fg,
html body.page .foot .fg,
html body .fg{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:20px!important;
  width:100%!important;
  max-width:100%!important;
  box-sizing:border-box!important;
}
@media (max-width:900px){
  html body .foot .fg,
  html body footer.foot .fg,
  html body .nhc-account .foot .fg,
  html body .nhc-shop .foot .fg,
  html body .nhc-home .foot .fg,
  html body .nhc-v3 .foot .fg,
  html body.home .foot .fg,
  html body .fg{
    grid-template-columns:1fr 1fr!important;
  }
}
@media (max-width:767px){
  html body .foot .fg,
  html body footer.foot .fg,
  html body .nhc-account .foot .fg,
  html body .nhc-cart .foot .fg,
  html body .nhc-shop .foot .fg,
  html body .nhc-home .foot .fg,
  html body .nhc-v3 .foot .fg,
  html body.home .foot .fg,
  html body.page .foot .fg,
  html body.woocommerce-account .fg,
  html body.woocommerce-cart .fg,
  html body .fg{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  html body .foot .fg > *,
  html body .fg > *{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }
}
html body .foot a[href^="mailto:"],
html body footer.foot a[href^="mailto:"],
html body .foot .fg a[href^="mailto:"],
html body .nhc-shop .foot a[href^="mailto:"],
html body .nhc-account .foot a[href^="mailto:"],
html body .fg a[href^="mailto:"]{
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  white-space:normal!important;
  display:inline-block!important;
  max-width:100%!important;
}
html body .foot .copy,
html body footer.foot .copy,
html body .nhc-account .foot .copy,
html body .nhc-shop .foot .copy,
html body .nhc-cart .foot .copy{
  text-align:center!important;
  width:100%!important;
  display:block!important;
}


/* ==========================================================================
   1.7.1 — CHECKOUT WIDTH + SHIP-SAME VISIBILITY (live DOM 2026-09-13)
   Live body: woocommerce-checkout elementor-page-1576 cartflows-canvas page-id-1278
   NOT single-cartflows_step. At vw=1280:
     .elementor-element-395ab44 = 988px, --content-width still 960px
     .wcf-embed-checkout-form = 770px, display:GRID → form only ~427px
     flex 60/40 then ran inside that tiny form column.
   Fix: kill embed grid → block; form width 100% of embed; widen Elementor content.
   ========================================================================== */

/* Named Elementor boxed wrappers (live IDs) — force content width */
.elementor-element-395ab44,
.elementor-element-3d1a9d4,
.elementor-element-f231ff2,
.elementor-element-5a742f8,
.elementor-1576 .elementor-element-395ab44,
.elementor-page-1576 .elementor-element-395ab44,
body.elementor-page-1576 .elementor-element-395ab44,
body.cartflows-canvas .elementor-element-395ab44,
body.page-id-1278 .elementor-element-395ab44{
  width:100%!important;
  max-width:none!important;
  --content-width:min(1200px,100%)!important;
  --container-widget-width:100%!important;
  --container-max-width:min(1200px,100%)!important;
  box-sizing:border-box!important;
}

/* Any Elementor / CartFlows ancestor that contains the embed → full width */
.elementor-section:has(.wcf-embed-checkout-form),
.e-con:has(.wcf-embed-checkout-form),
.e-con-inner:has(.wcf-embed-checkout-form),
.elementor-widget:has(.wcf-embed-checkout-form),
.elementor-widget-container:has(.wcf-embed-checkout-form),
.elementor-container:has(.wcf-embed-checkout-form),
.cartflows-container:has(.wcf-embed-checkout-form),
.cartflows-container:has(.wcf-embed-checkout-form-modern-checkout),
[data-element_type="container"]:has(.wcf-embed-checkout-form),
[data-element_type="section"]:has(.wcf-embed-checkout-form),
.elementor-element:has(.wcf-embed-checkout-form),
body.woocommerce-checkout .cartflows-container,
body.cartflows-canvas .cartflows-container,
body.elementor-page-1576 .cartflows-container{
  width:100%!important;
  max-width:none!important;
  --content-width:min(1200px,100%)!important;
  --container-widget-width:100%!important;
  --container-max-width:min(1200px,100%)!important;
  box-sizing:border-box!important;
}

/* CRITICAL: CartFlows embed was display:grid → narrow form column (~427 of 770).
   Force block (or single-column grid) so the form can be 100% of the embed. */
.wcf-embed-checkout-form,
.wcf-embed-checkout-form-modern-checkout,
.wcf-el-checkout-form,
body.woocommerce-checkout .wcf-embed-checkout-form,
body.cartflows-canvas .wcf-embed-checkout-form,
body.elementor-page-1576 .wcf-embed-checkout-form,
body.page-id-1278 .wcf-embed-checkout-form{
  display:block!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  width:100%!important;
  max-width:min(1200px,100%)!important;
  margin-inline:auto!important;
  margin-left:auto!important;
  margin-right:auto!important;
  box-sizing:border-box!important;
}

/* Form must fill the embed — not sit in a ~427px grid track */
.wcf-embed-checkout-form form.woocommerce-checkout,
.wcf-embed-checkout-form-modern-checkout form.woocommerce-checkout,
.wcf-embed-checkout-form > form.checkout,
.wcf-embed-checkout-form .woocommerce form.checkout,
body.woocommerce-checkout .wcf-embed-checkout-form form.woocommerce-checkout,
body.cartflows-canvas .wcf-embed-checkout-form form.woocommerce-checkout{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  float:none!important;
}

/* Kill ANY remaining display:grid on customer_details / col2-set inside embed
   (v16 @media min-width:768 applied grid on #customer_details — nested squeeze).
   Do NOT set max-width:none on the embed itself — that fights min(1200px,100%). */
.wcf-embed-checkout-form #customer_details,
.wcf-embed-checkout-form .col2-set,
.wcf-embed-checkout-form .wcf-col2-set,
.wcf-embed-checkout-form-modern-checkout #customer_details,
.wcf-embed-checkout-form-modern-checkout .col2-set,
.wcf-embed-checkout-form-modern-checkout .wcf-col2-set,
form.woocommerce-checkout #customer_details,
form.woocommerce-checkout .col2-set{
  display:block!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  width:100%!important;
  max-width:none!important;
  float:none!important;
}
/* Neutralize v16 grid on modern-checkout wrapper class without widening past 1200 */
body.woocommerce-checkout .wcf-embed-checkout-form-modern-checkout,
body.cartflows-canvas .wcf-embed-checkout-form-modern-checkout,
.wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout{
  display:block!important;
  grid-template-columns:none!important;
  grid-template-rows:none!important;
  width:100%!important;
  max-width:min(1200px,100%)!important;
  float:none!important;
}
.wcf-embed-checkout-form #customer_details .col-1,
.wcf-embed-checkout-form #customer_details .col-2,
.wcf-embed-checkout-form .col2-set .col-1,
.wcf-embed-checkout-form .col2-set .col-2,
.wcf-embed-checkout-form-modern-checkout #customer_details .col-1,
.wcf-embed-checkout-form-modern-checkout #customer_details .col-2{
  display:block!important;
  width:100%!important;
  max-width:none!important;
  float:none!important;
}

/* Desktop ≥1024: true 60/40 flex on modern checkout form (NOW full-width of embed) */
@media (min-width:1024px){
  .wcf-embed-checkout-form-modern-checkout form.woocommerce-checkout,
  .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout form.woocommerce-checkout,
  .wcf-modern-skin-two-column form.woocommerce-checkout,
  body.woocommerce-checkout .wcf-embed-checkout-form-modern-checkout form.woocommerce-checkout,
  body.cartflows-canvas .wcf-embed-checkout-form-modern-checkout form.woocommerce-checkout,
  body.elementor-page-1576 .wcf-embed-checkout-form-modern-checkout form.woocommerce-checkout{
    display:flex!important;
    flex-wrap:nowrap!important;
    flex-direction:row!important;
    align-items:flex-start!important;
    gap:28px!important;
    width:100%!important;
    max-width:100%!important;
  }
  .wcf-embed-checkout-form-modern-checkout .wcf-customer-info-main-wrapper,
  .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-customer-info-main-wrapper,
  .wcf-modern-skin-two-column .wcf-customer-info-main-wrapper,
  body.woocommerce-checkout .wcf-customer-info-main-wrapper,
  body.cartflows-canvas .wcf-customer-info-main-wrapper{
    flex:1 1 60%!important;
    width:60%!important;
    max-width:60%!important;
    min-width:0!important;
    float:none!important;
    display:block!important;
    box-sizing:border-box!important;
  }
  .wcf-embed-checkout-form-modern-checkout .wcf-order-wrap,
  .wcf-embed-checkout-form.wcf-embed-checkout-form-modern-checkout .wcf-order-wrap,
  .wcf-embed-checkout-form-modern-checkout form.woocommerce-checkout .wcf-order-wrap,
  .wcf-modern-skin-two-column .wcf-order-wrap,
  body.woocommerce-checkout .wcf-order-wrap,
  body.cartflows-canvas .wcf-order-wrap{
    flex:1 1 40%!important;
    width:40%!important;
    max-width:40%!important;
    min-width:0!important;
    float:none!important;
    display:block!important;
    position:sticky!important;
    top:24px!important;
    align-self:flex-start!important;
    box-sizing:border-box!important;
  }
  /* Nested CartFlows width:60% inside already-narrow parent — flatten */
  .wcf-embed-checkout-form-modern-checkout .wcf-customer-info-main-wrapper .wcf-customer-info-main-wrapper,
  .wcf-embed-checkout-form-modern-checkout .wcf-customer-info-main-wrapper[style*="width"]{
    width:100%!important;
    max-width:100%!important;
    flex:1 1 auto!important;
  }
}

@media (max-width:1023px){
  .wcf-embed-checkout-form,
  .wcf-embed-checkout-form-modern-checkout{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
  }
  .wcf-embed-checkout-form-modern-checkout form.woocommerce-checkout,
  .wcf-modern-skin-two-column form.woocommerce-checkout{
    display:flex!important;
    flex-direction:column!important;
    width:100%!important;
  }
  .wcf-embed-checkout-form-modern-checkout .wcf-customer-info-main-wrapper,
  .wcf-embed-checkout-form-modern-checkout .wcf-order-wrap{
    width:100%!important;
    max-width:100%!important;
    flex:1 1 100%!important;
    float:none!important;
  }
}

/* Force ship-same checkbox row visible even if nhc-hide-native-ship-diff wrongly applied
   (live: label had BOTH nhc-ship-same-label AND nhc-hide-native-ship-diff) */
.nhc-ship-same-row,
.nhc-ship-same-row.nhc-hide-native-ship-diff,
.wcf-embed-checkout-form .nhc-ship-same-row,
.wcf-embed-checkout-form .nhc-ship-same-row.nhc-hide-native-ship-diff,
.woocommerce-shipping-fields .nhc-ship-same-row,
.woocommerce-shipping-fields .nhc-ship-same-row.nhc-hide-native-ship-diff{
  display:block!important;
  visibility:visible!important;
  height:auto!important;
  overflow:visible!important;
  opacity:1!important;
  margin:12px 0 16px!important;
  padding:14px 16px!important;
}
.nhc-ship-same-label,
label.nhc-ship-same-label,
label.nhc-ship-same-label.nhc-hide-native-ship-diff,
.nhc-ship-same-label.nhc-hide-native-ship-diff,
.woocommerce-shipping-fields .nhc-ship-same-label,
.woocommerce-shipping-fields label.woocommerce-form__label-for-checkbox.nhc-ship-same-label,
.woocommerce-shipping-fields label.woocommerce-form__label-for-checkbox.nhc-ship-same-label.nhc-hide-native-ship-diff,
.wcf-embed-checkout-form .nhc-ship-same-label,
.wcf-embed-checkout-form label.nhc-ship-same-label.nhc-hide-native-ship-diff{
  display:flex!important;
  visibility:visible!important;
  height:auto!important;
  overflow:visible!important;
  opacity:1!important;
  align-items:flex-start!important;
  gap:12px!important;
  margin:0!important;
  padding:0!important;
  position:static!important;
  pointer-events:auto!important;
}
#nhc-ship-same,
#nhc-ship-same.nhc-hide-native-ship-diff,
.nhc-ship-same-label #nhc-ship-same{
  display:inline-block!important;
  visibility:visible!important;
  opacity:1!important;
  position:static!important;
  width:20px!important;
  height:20px!important;
  pointer-events:auto!important;
  left:auto!important;
}
#nhc-ship-mirror,
#nhc-ship-mirror.nhc-hide-native-ship-diff{
  visibility:visible!important;
  height:auto!important;
  overflow:visible!important;
  opacity:1!important;
}
#nhc-ship-mirror[hidden]{
  display:none!important;
}

/* Explicit: never let the generic hide rule apply to our UI (beats v16) */
.nhc-hide-native-ship-diff.nhc-ship-same-row,
.nhc-ship-same-row.nhc-hide-native-ship-diff{
  display:block!important;
}
.nhc-hide-native-ship-diff.nhc-ship-same-label,
label.nhc-hide-native-ship-diff.nhc-ship-same-label,
.nhc-ship-same-label.nhc-hide-native-ship-diff{
  display:flex!important;
}