/* Scoped overrides: the store's legacy .quick-add rules (incl. !important in conversion-clarity.css) must not alter the Moka shape. */
html body .store-shell button.quick-add.moka-add{display:block!important;position:relative!important;width:100%!important;min-width:0!important;max-width:100%!important;height:52px!important;min-height:52px!important;max-height:52px!important;margin:0!important;padding:0!important;border:0!important;border-radius:16px!important;background:transparent!important;color:#fff!important;box-shadow:none!important;font:inherit!important;line-height:1!important;letter-spacing:normal!important;white-space:normal!important;flex:none!important;place-items:initial!important;overflow:visible!important;transform:none;transition:none}
html body .store-shell button.quick-add.moka-add:hover{background:transparent!important}
html body .store-shell button.quick-add.moka-add:active{transform:scale(.98)}
html body .store-shell button.quick-add.moka-add:focus-visible{outline:2px solid #fff;outline-offset:3px;box-shadow:0 0 0 5px #1a1b1d!important}
html body .store-shell button.quick-add.moka-add span{clip:auto;overflow:visible}
html body .store-shell button.quick-add.moka-add .moka-add__plate,html body .store-shell button.quick-add.moka-add .moka-add__rim,html body .store-shell button.quick-add.moka-add .moka-add__label,html body .store-shell button.quick-add.moka-add .moka-add__disc{position:absolute}
html body .store-shell button.quick-add.moka-add .moka-add__plate,
html body .store-shell button.quick-add.moka-add .moka-add__label{width:auto;height:auto}
html body .store-shell button.quick-add.moka-add .moka-add__rim{width:45.5px;height:45.5px}
html body .store-shell button.quick-add.moka-add .moka-add__disc{width:34px;height:34px}
html body .store-shell button.quick-add.moka-add .moka-add__glyph{position:static;width:21px;height:21px}
html body .store-shell button.quick-add.moka-add .moka-add__spinner{width:20px;height:20px}
html body .store-shell button.quick-add.moka-add .moka-add__badge{width:11px;height:11px}
html body .store-shell button.quick-add.moka-add .moka-add__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
html body .store-shell button.quick-add.moka-add :is(.moka-add__rim,.moka-add__glyph)>svg{display:block;width:100%;height:100%}
html body .store-shell button.quick-add.moka-add .moka-add__badge>svg{width:7px;height:7px}
@container moka-add-button (min-width:146px){
  html body .store-shell button.quick-add.moka-add .moka-add__rim{width:52px;height:52px}
  html body .store-shell button.quick-add.moka-add .moka-add__disc{width:38px;height:38px}
  html body .store-shell button.quick-add.moka-add .moka-add__glyph{width:24px;height:24px}
  html body .store-shell button.quick-add.moka-add .moka-add__badge{width:12px;height:12px}
  html body .store-shell button.quick-add.moka-add .moka-add__badge>svg{width:8px;height:8px}
}
html body .store-shell button.quick-add.moka-add:disabled:not([aria-busy="true"]):not([data-moka-add="success"]){cursor:not-allowed}
html body .store-shell .product-bottom:has(>button.moka-add){display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important;align-items:stretch!important}
@media(prefers-reduced-motion:reduce){html body .store-shell button.quick-add.moka-add:active{transform:none}}