/* M06 presentation only; server-side transaction protection stays in wbh-core. */
.wbh-m06.wbh-commerce { padding-block: 38px 64px; }
.wbh-m06.wbh-commerce h1 { margin-block: 0 18px; font-size: clamp(30px, 3.8vw, 44px); line-height: 1.2; letter-spacing: -.04em; }
.wbh-m06 .wbh-commerce-preview-notice,
.wbh-m06 .wbh-commerce-disabled { padding: 12px 16px; border: 0; border-radius: 10px; background: var(--wbh-soft, #eaf0ee); color: var(--wbh-muted); font-size: 13px; line-height: 1.7; }
.wbh-m06 .wbh-commerce-content { min-width: 0; margin-top: 22px; }
.wbh-m06 .woocommerce { min-width: 0; }
.wbh-m06 .woocommerce table.shop_table { width: 100%; margin-bottom: 24px; border-color: var(--wbh-line); border-radius: 12px; background: var(--wbh-surface); border-collapse: separate; font-size: 14px; }
.wbh-m06 .woocommerce table.shop_table :is(th, td) { padding: 16px 12px; overflow-wrap: anywhere; }
.wbh-m06 .woocommerce table.shop_table th { font-weight: 600; color: var(--wbh-muted); }
.wbh-m06 .woocommerce table.cart .product-thumbnail { width: 88px; }
.wbh-m06 .woocommerce table.cart .product-thumbnail img { display: block; width: 64px; height: 64px; max-width: none; object-fit: cover; border-radius: 8px; }
.wbh-m06 .woocommerce .product-name a { font-weight: 600; text-decoration: none; }
.wbh-m06 .woocommerce .quantity .qty { min-height: 44px; width: 72px; padding: 8px; border: 1px solid var(--wbh-line); border-radius: 8px; background: var(--wbh-surface); color: var(--wbh-ink); }
.wbh-m06 .woocommerce :is(a.button, button.button, input.button),
.wbh-m06 .wbh-commerce-disabled a { display: inline-flex; justify-content: center; align-items: center; min-height: 44px; padding: 10px 18px; border: 1px solid var(--wbh-ink); border-radius: 8px; background: var(--wbh-ink); color: var(--wbh-surface); font-size: 13px; font-weight: 600; line-height: 1.5; text-decoration: none; white-space: normal; text-align: center; cursor: pointer; }
.wbh-m06 .woocommerce :is(a.button, button.button, input.button):hover { border-color: var(--wbh-accent, #287a87); background: var(--wbh-accent, #287a87); color: var(--wbh-surface); }
.wbh-m06 .woocommerce :is(button.button, input.button):disabled { opacity: .5; cursor: not-allowed; }
.wbh-m06 .woocommerce a.remove { display: inline-grid; place-items: center; width: 44px; height: 44px; border: 1px solid transparent; border-radius: 8px; color: var(--wbh-muted) !important; font-size: 25px; line-height: 1; }
.wbh-m06 .woocommerce a.remove:hover { border-color: var(--wbh-line); background: var(--wbh-soft, #eaf0ee); color: var(--wbh-ink) !important; }
.wbh-m06 .woocommerce .cart-collaterals .cart_totals { float: none; width: min(100%, 440px); margin-left: auto; }
.wbh-m06 .woocommerce .cart-collaterals .cart_totals h2 { margin-block: 12px 16px; font-size: 24px; }
.wbh-m06 .woocommerce .cart-collaterals .order-total strong { font-size: 20px; }
.wbh-m06 :is(.woocommerce-info, .woocommerce-message, .woocommerce-error) { margin-bottom: 18px; padding: 14px 16px 14px 46px; border-top: 0; border-radius: 10px; background: var(--wbh-soft, #eaf0ee); color: var(--wbh-ink); font-size: 13px; line-height: 1.7; overflow-wrap: anywhere; }
.wbh-m06 :is(.woocommerce-info, .woocommerce-message, .woocommerce-error)::before { top: 14px; left: 16px; color: var(--wbh-accent, #287a87); }
.wbh-m06 .woocommerce .wc-empty-cart-message { margin-top: 28px; }
.wbh-m06 .woocommerce .cart-empty { padding-block: 22px; background: transparent; border-bottom: 1px solid var(--wbh-line); border-radius: 0; font-size: 17px; font-weight: 600; }
.wbh-m06 .woocommerce .cart-empty::before { top: 23px; }
.wbh-m06 .woocommerce .return-to-shop { margin-block: 20px 0; }
.wbh-m06 .woocommerce .coupon { max-width: 100%; }
.wbh-m06 .woocommerce .coupon #coupon_code { min-height: 44px; width: 140px; max-width: 100%; border: 1px solid var(--wbh-line); border-radius: 8px; padding: 8px 12px; background: var(--wbh-surface); }
/* Native cross-sells remain a compact secondary section if configured later. */
.wbh-m06 .woocommerce .cross-sells { float: none; width: 100%; margin-bottom: 28px; }
.wbh-m06 .woocommerce .cross-sells > h2 { font-size: 23px; }
.wbh-m06 .woocommerce .cross-sells ul.products { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; }
.wbh-m06 .woocommerce .cross-sells ul.products::before,
.wbh-m06 .woocommerce .cross-sells ul.products::after { display: none; }
.wbh-m06 .woocommerce .cross-sells ul.products li.product { float: none; width: auto; min-width: 0; margin: 0; padding: 14px; border: 1px solid var(--wbh-line); border-radius: 12px; background: var(--wbh-surface); }
.wbh-m06 .woocommerce .cross-sells ul.products li.product a img { max-height: 160px; aspect-ratio: 16 / 10; object-fit: contain; border-radius: 8px; }
.wbh-m06 .woocommerce .cross-sells ul.products li.product .woocommerce-loop-product__title { font-size: 17px; }
.wbh-m06 .woocommerce .cross-sells ul.products li.product .price { color: var(--wbh-ink); font-size: 17px; }
.wbh-m06 .woocommerce .cross-sells .wbh-product-badge { padding: 3px 8px; border-radius: 6px; color: var(--wbh-accent, #287a87); background: var(--wbh-soft, #eaf0ee); font-size: 11px; font-weight: 700; }
.wbh-m06 .woocommerce .cross-sells .wbh-product-preview-hint { font-size: 12px; color: var(--wbh-muted); }
@media (max-width: 760px) {
  .wbh-m06.wbh-commerce { padding-block: 28px 44px; }
  .wbh-m06.wbh-commerce h1 { font-size: 30px; }
  .wbh-m06 .wbh-commerce-content { margin-top: 18px; }
  .wbh-m06 .wbh-commerce-preview-notice { padding: 12px 14px; font-size: 12px; }
  .wbh-m06 .woocommerce table.shop_table :is(th, td) { padding: 12px; }
  .wbh-m06 .woocommerce table.cart { border: 0; background: transparent; }
  .wbh-m06 .woocommerce table.cart tbody { display: block; }
  .wbh-m06 .woocommerce table.cart tr.cart_item { display: grid; grid-template-columns: 68px minmax(0, 1fr) 44px; gap: 0 10px; padding: 12px; margin-bottom: 14px; border: 1px solid var(--wbh-line); border-radius: 12px; background: var(--wbh-surface); }
  .wbh-m06 .woocommerce table.cart tr.cart_item td { min-width: 0; padding: 8px 0; border: 0; background: transparent; }
  .wbh-m06 .woocommerce table.cart tr.cart_item td.product-thumbnail { display: block; grid-column: 1; grid-row: 1 / span 4; width: auto; padding-top: 6px; }
  .wbh-m06 .woocommerce table.cart tr.cart_item td.product-thumbnail::before { display: none; }
  .wbh-m06 .woocommerce table.cart tr.cart_item td.product-thumbnail img { width: 68px; height: 82px; }
  .wbh-m06 .woocommerce table.cart tr.cart_item td.product-name { grid-column: 2; grid-row: 1; align-self: center; text-align: left !important; font-size: 15px; line-height: 1.55; }
  .wbh-m06 .woocommerce table.cart tr.cart_item td.product-name::before { display: none; }
  .wbh-m06 .woocommerce table.cart tr.cart_item td.product-remove { grid-column: 3; grid-row: 1; padding: 0; text-align: right !important; }
  .wbh-m06 .woocommerce table.cart tr.cart_item :is(.product-price, .product-quantity, .product-subtotal) { grid-column: 2 / 4; display: flex; align-items: center; justify-content: space-between; gap: 10px; text-align: right !important; font-size: 13px; }
  .wbh-m06 .woocommerce table.cart tr.cart_item :is(.product-price, .product-quantity, .product-subtotal)::before { float: none; font-weight: 400; color: var(--wbh-muted); }
  .wbh-m06 .woocommerce table.cart tr.cart_item td.product-subtotal { border-top: 1px solid var(--wbh-line); font-weight: 700; }
  .wbh-m06 .woocommerce table.cart td.actions { padding: 0; border: 0; background: transparent; }
  .wbh-m06 .woocommerce .cart-collaterals .cart_totals { width: 100%; }
  .wbh-m06 .woocommerce .cart-collaterals .cart_totals h2 { margin-top: 26px; font-size: 23px; }
  .wbh-m06 .woocommerce .cart-collaterals table.shop_table tr td { background: transparent; }
  .wbh-m06 .woocommerce table.cart td.actions .coupon { float: none; display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 14px; padding-bottom: 0; }
  .wbh-m06 .woocommerce table.cart td.actions .coupon :is(input, .button) { float: none; margin: 0; width: auto; }
  .wbh-m06 .woocommerce table.cart td.actions .coupon #coupon_code { flex: 1 1 130px; min-width: 0; }
  .wbh-m06 .woocommerce table.cart td.actions .coupon .button { flex: 1 1 140px; }
  .wbh-m06 .woocommerce table.cart td.actions > .button { width: 100%; }
  .wbh-m06 .woocommerce .cross-sells ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 480px) {
  .wbh-m06 .woocommerce .cross-sells ul.products { grid-template-columns: 1fr; }
  .wbh-m06 .woocommerce .cross-sells ul.products li.product .woocommerce-loop-product__link { display: grid; grid-template-columns: 82px minmax(0, 1fr); column-gap: 12px; }
  .wbh-m06 .woocommerce .cross-sells ul.products li.product a img { grid-column: 1; grid-row: 1 / span 5; width: 82px; height: 100px; aspect-ratio: auto; object-fit: cover; margin: 0; }
  .wbh-m06 .woocommerce .cross-sells ul.products li.product :is(.wbh-product-badge, .woocommerce-loop-product__title, .price, .wbh-product-preview-hint) { grid-column: 2; }
  .wbh-m06 .woocommerce .cross-sells ul.products li.product .button { margin-left: 94px; font-size: 12px; padding-inline: 12px; }
}