/* Compact PDP. Native Woo forms and payment-provider elements are never replaced. */
.mxp-commerce div.product .summary .product_title{
  font-size:clamp(24px,2.1vw,30px);font-weight:600;line-height:1.3;letter-spacing:-.025em;
  margin:0 0 16px;max-width:100%;height:auto;max-height:none;overflow:visible;
  white-space:normal;overflow-wrap:anywhere;text-wrap:pretty;
}
.mxp-commerce div.product .summary>p.price{font-size:23px;line-height:1.4;margin:12px 0 20px}
.mxp-commerce .woocommerce-product-details__short-description{margin:18px 0 22px;line-height:1.7}
.mxp-commerce div.product .summary form.cart,
.mxp-commerce div.product .woocommerce-variation-add-to-cart{
  display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;align-items:start;
}
.mxp-commerce div.product .summary form.cart{margin:22px 0 26px}
.mxp-commerce div.product .summary form.cart>*,
.mxp-commerce div.product .woocommerce-variation-add-to-cart>*{grid-column:1/-1;min-width:0}
.mxp-commerce div.product .summary form.cart input[type=hidden]{display:none}
.mxp-commerce div.product .summary form.cart .quantity{
  grid-column:1;float:none;margin:0;width:100%;align-self:start;
}
.mxp-commerce div.product .summary form.cart .quantity .qty{
  width:100%;height:48px;min-height:48px;padding:10px 8px;border-radius:6px;font-size:16px;
}
.mxp-commerce div.product .summary form.cart .single_add_to_cart_button{
  grid-column:2;float:none;align-self:start;justify-self:start;
  width:100%;max-width:280px;min-width:0;min-height:48px;height:auto;margin:0;
  padding:12px 20px;border-radius:6px;font:600 14px/1.5 Inter,Arial,sans-serif;
  white-space:normal;word-break:normal;text-align:center;
}
.mxp-commerce div.product .summary form.cart:not(:has(>.quantity))>.single_add_to_cart_button,
.mxp-commerce div.product .woocommerce-variation-add-to-cart:not(:has(>.quantity))>.single_add_to_cart_button{
  grid-column:1/-1;max-width:372px;
}
.mxp-commerce div.product .summary form.cart .variations{display:block;margin:0 0 8px;border:0}
.mxp-commerce div.product .summary form.cart .variations tbody,
.mxp-commerce div.product .summary form.cart .variations tr{display:block;width:100%}
.mxp-commerce div.product .summary form.cart .variations th,
.mxp-commerce div.product .summary form.cart .variations td{
  display:block;width:100%;padding:0;text-align:left;border:0;
}
.mxp-commerce div.product .summary form.cart .variations th{margin:0 0 10px;font-size:13px}
.mxp-commerce div.product .summary form.cart .variations td{margin-bottom:16px}
.mxp-commerce .mxp-variation-picker{position:relative;min-width:0}
.mxp-commerce .mxp-option-grid{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px}
.mxp-commerce .mxp-option-grid[hidden]{display:none}
.mxp-commerce .mxp-native-select{
  position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;
  padding:0!important;border:0!important;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;
}
.mxp-commerce .mxp-option-card{
  position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  min-width:72px;max-width:min(100%,176px);min-height:44px;margin:0;padding:10px 14px;
  background:var(--paper);color:var(--ink);border:1px solid #bec9d0;border-radius:8px;
  font:500 13px/1.45 Inter,Arial,sans-serif;text-align:center;cursor:pointer;transition:border-color .15s,background .15s;
}
.mxp-commerce .mxp-option-label{display:block;overflow-wrap:anywhere}
.mxp-commerce .mxp-option-card.has-image{width:112px;padding:10px}
.mxp-commerce .mxp-option-card img{width:64px;height:64px;object-fit:contain;border-radius:4px;flex:none}
.mxp-commerce .mxp-option-card:hover:not(:disabled){border-color:var(--primary);background:#f6f8f9}
.mxp-commerce .mxp-option-card[aria-pressed=true]{border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary);background:#f0f5f7}
.mxp-commerce .mxp-option-card:focus-visible{outline:3px solid #b27116;outline-offset:3px}
.mxp-commerce .mxp-option-card:disabled{opacity:.42;cursor:not-allowed;border-style:dashed}
.mxp-commerce .mxp-option-card:disabled .mxp-option-label{text-decoration:line-through}
.mxp-commerce div.product .summary .reset_variations{font-size:12px;min-height:36px;padding:6px 0}
.mxp-commerce .woocommerce-variation-description{font-size:14px;line-height:1.6;margin-bottom:12px}
.mxp-commerce .woocommerce-variation-price .price{font-size:23px}
.mxp-commerce .woocommerce-variation-availability{margin:8px 0 14px}
/* Wallets span a fresh row, even when a gateway inserts itself inside the native add-to-cart wrapper. */
.mxp-commerce div.product .summary form.cart :is(
  #wc-stripe-payment-request-wrapper,#wc-stripe-express-checkout-element,
  #wcpay-payment-request-wrapper,#wcpay-express-checkout-wrapper,
  .wc-stripe-payment-request-wrapper,.wc-stripe-express-checkout-element,
  .wcpay-payment-request-wrapper,.wcpay-express-checkout-wrapper,
  .ppc-button-wrapper,.wc-ppcp-product-payments__container,.wc_ppcp_product_payment_methods,
  .wc-block-components-express-payment
){grid-column:1/-1;clear:both;float:none;width:100%;max-width:100%;min-width:0;margin-top:12px}
.mxp-commerce div.product .summary form.cart iframe{max-width:100%}
@media(max-width:760px){
  .mxp-commerce div.product .summary .product_title{font-size:24px;line-height:1.35;margin-bottom:14px}
  .mxp-commerce div.product .summary form.cart,
  .mxp-commerce div.product .woocommerce-variation-add-to-cart{grid-template-columns:72px minmax(0,1fr);gap:12px}
  .mxp-commerce div.product .summary form.cart .single_add_to_cart_button{max-width:none}
  .mxp-commerce .mxp-option-grid{
    display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:8px;
  }
  .mxp-commerce .mxp-option-card,
  .mxp-commerce .mxp-option-card.has-image{width:100%;min-width:0;max-width:none;padding:10px 8px}
  .mxp-commerce .mxp-option-label{width:100%;white-space:normal}
  .mxp-commerce .mxp-option-card img{max-width:100%}
  .mxp-commerce .mxp-option-grid:has(>.mxp-option-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
  .mxp-commerce .mxp-option-grid:has(>.mxp-option-card:only-child){grid-template-columns:minmax(0,1fr)}
}
@media(max-width:360px){
  .mxp-commerce .mxp-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){.mxp-commerce .mxp-option-card{transition:none}}