/* V18: brief feedback without artificial loading or blocking input. */
button,a.button,.product-image,.product-title,.space-card{transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,filter .16s ease,transform .16s ease}
button:active:not(:disabled),a.button:active,.space-card:active{transform:translateY(1px)}
dialog[open]{animation:acomercial-panel-in .18s cubic-bezier(.2,.7,.2,1)}
dialog[open]::backdrop{animation:acomercial-backdrop-in .16s ease-out}
.products .product-card{animation:acomercial-card-in .18s ease-out both}
@keyframes acomercial-panel-in{from{opacity:.75;translate:0 7px}to{opacity:1;translate:0 0}}
@keyframes acomercial-backdrop-in{from{background-color:#09264420}to{background-color:#09264494}}
@keyframes acomercial-card-in{from{opacity:.7;translate:0 5px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}button,a.button,.product-image,.product-title,.space-card{transition:none!important}dialog[open],dialog[open]::backdrop,.products .product-card{animation:none!important}button:active:not(:disabled),a.button:active,.space-card:active{transform:none}}
/* Keep white button text readable while a hover transition removes its gradient. */
.button.primary{background-color:#0866e6}