/* Quiet, right-anchored product-card cart action. Native form submission stays intact. */
#html-body .ws-product-card .ws-product-card__actions { display:flex; justify-content:flex-end; }
#html-body .ws-product-card .ws-product-card__actions > .ws-cart-rollout {
  display:inline-flex; flex-direction:row-reverse; flex:0 1 auto;
  width:44px; min-width:44px; max-width:100%; height:44px; min-height:44px;
  margin-inline-start:auto; padding:10px; gap:0; overflow:hidden;
  white-space:nowrap; box-shadow:none; transition:width 180ms ease-out;
}
#html-body .ws-product-card .ws-product-card__actions > .ws-cart-rollout svg { width:20px; height:20px; flex:none; }
#html-body .ws-product-card .ws-product-card__actions > .ws-cart-rollout > span {
  display:block; max-width:0; opacity:0; overflow:hidden; white-space:nowrap;
  transition:opacity 120ms ease-out, max-width 180ms ease-out, margin 180ms ease-out;
}
@media (hover:hover) and (pointer:fine) {
  #html-body .ws-product-card .ws-product-card__actions > .ws-cart-rollout:hover { width:160px; }
  #html-body .ws-product-card .ws-product-card__actions > .ws-cart-rollout:hover > span { max-width:120px; opacity:1; margin-inline-end:8px; }
}
#html-body .ws-product-card .ws-product-card__actions > .ws-cart-rollout:focus-visible { width:160px; outline:2px solid #1b1b1b; outline-offset:3px; }
#html-body .ws-product-card .ws-product-card__actions > .ws-cart-rollout:focus-visible > span { max-width:120px; opacity:1; margin-inline-end:8px; }
#html-body .ws-product-card .ws-cart-rollout:disabled { opacity:.55; cursor:wait; }
@media (prefers-reduced-motion:reduce) {
  #html-body .ws-product-card .ws-product-card__actions > .ws-cart-rollout,
  #html-body .ws-product-card .ws-product-card__actions > .ws-cart-rollout > span { transition:none; }
}