/* Keep the existing Add to Cart colour; size only the paired action row. */
body .clx-cart-action-row,
body.clx-atelier.single-product .clx-single-purchase form.cart .clx-cart-action-row{
 display:flex!important;flex-wrap:wrap!important;gap:8px!important;align-items:center!important;
 grid-column:1/-1!important;width:min(100%,330px)!important;max-width:100%!important;min-width:0!important;
}
body .clx-cart-action-row>.button,
.clx-single-purchase form.cart .clx-cart-action-row>.button,
body.clx-atelier.single-product .clx-single-purchase form.cart .clx-cart-action-row>.button{
 display:inline-flex!important;justify-content:center!important;align-items:center!important;
 flex:1 1 0!important;box-sizing:border-box!important;width:auto!important;max-width:none!important;min-width:0!important;
 height:40px!important;min-height:40px!important;max-height:40px!important;margin:0!important;padding:8px 12px!important;
 font-size:13px!important;line-height:1.1!important;font-weight:700!important;white-space:nowrap!important;float:none!important;border-radius:20px!important;
}
/* Buy Now colours are set directly on its markup, independently of theme rules.
 * Remove theme overlays which can otherwise cover its gold background. */
html body .clx-buy-now.button::before,
html body .clx-buy-now.button::after{content:none!important;display:none!important}
body .clx-buy-now:hover{filter:brightness(.95)}
body .clx-buy-now:focus-visible{outline:3px solid #604714!important;outline-offset:3px}
body .clx-buy-now:disabled{opacity:.5!important;cursor:not-allowed!important}
body .clx-cart-action-row>.added_to_cart{flex:0 0 100%;font-size:12px;margin-top:2px}
body .clx-single-purchase form.cart .variations_button:has(.clx-cart-action-row){flex-wrap:wrap!important}
html.clx-shopping-mode-quote .clx-buy-now{display:none!important}
@media(max-width:782px){
 body .clx-cart-action-row,body.clx-atelier.single-product .clx-single-purchase form.cart .clx-cart-action-row{gap:6px!important;width:min(100%,300px)!important}
 body .clx-cart-action-row>.button,
.clx-single-purchase form.cart .clx-cart-action-row>.button,body.clx-atelier.single-product .clx-single-purchase form.cart .clx-cart-action-row>.button{
 height:38px!important;min-height:38px!important;max-height:38px!important;padding:7px 9px!important;font-size:12px!important;
 }
}

/* One shared row keeps quantity and both actions aligned at every breakpoint. */
html body .clx-single-purchase form.cart .clx-cart-action-row--quantity,
html body form.cart .clx-cart-action-row--quantity{
 display:flex!important;flex-wrap:wrap!important;align-items:center!important;
 grid-column:1/-1!important;width:min(100%,400px)!important;max-width:100%!important;
 gap:8px!important;min-width:0!important;
}
html body form.cart .clx-cart-action-row--quantity>.quantity{
 flex:0 0 56px!important;width:56px!important;max-width:56px!important;min-width:0!important;
 margin:0!important;float:none!important;align-self:center!important;
}
html body form.cart .clx-cart-action-row--quantity>.quantity .qty{
 box-sizing:border-box!important;width:100%!important;max-width:100%!important;min-width:0!important;
 height:40px!important;min-height:40px!important;margin:0!important;padding:4px!important;
}
@media(max-width:782px){
 html body .clx-single-purchase form.cart .clx-cart-action-row--quantity,
 html body form.cart .clx-cart-action-row--quantity{width:min(100%,360px)!important;gap:6px!important}
 html body form.cart .clx-cart-action-row--quantity>.quantity{flex-basis:48px!important;width:48px!important;max-width:48px!important}
 html body form.cart .clx-cart-action-row--quantity>.quantity .qty{height:38px!important;min-height:38px!important;font-size:13px!important}
 html body form.cart .clx-cart-action-row--quantity>.button{padding:7px 6px!important;font-size:12px!important;letter-spacing:0!important}
}