
/* Small, decorative feedback; no overlay captures clicks. */
:is(.category-status.loading,.category-children-loading,.admin-cart-loading,.receipt-loading){position:relative;min-height:66px;padding:16px 74px 16px 16px;box-sizing:border-box;text-align:start;background:#f6f9f2;border-radius:14px;animation:none;line-height:1.9}
:is(.category-status.loading,.category-children-loading,.admin-cart-loading,.receipt-loading)::before{content:'';position:absolute;inset-inline-start:16px;top:50%;width:44px;height:44px;margin:0;border:0;border-radius:0;background:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M12%2016h24l3%2022H9z%22%20fill%3D%22%23fff3e4%22%20stroke%3D%22%23f98016%22%20stroke-width%3D%222.5%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M18%2018v-5a6%206%200%200%201%2012%200v5%22%20fill%3D%22none%22%20stroke%3D%22%23244c3b%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2228%22%20r%3D%222%22%20fill%3D%22%23244c3b%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2232%22%20r%3D%222%22%20fill%3D%22%23244c3b%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2228%22%20r%3D%222%22%20fill%3D%22%23244c3b%22%2F%3E%3C%2Fsvg%3E') center/contain no-repeat;transform:translateY(-50%);animation:achar-bag-breathe 1.1s ease-in-out infinite}
:is(.category-more.is-loading,.category-add.is-loading,.detail-add.is-loading,.home-collections>.category-more:disabled)::before{content:'';display:inline-block;position:static;flex:none;width:30px;height:30px;border:0;border-radius:0;background:url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20d%3D%22M12%2016h24l3%2022H9z%22%20fill%3D%22%23fff3e4%22%20stroke%3D%22%23f98016%22%20stroke-width%3D%222.5%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M18%2018v-5a6%206%200%200%201%2012%200v5%22%20fill%3D%22none%22%20stroke%3D%22%23244c3b%22%20stroke-width%3D%222.5%22%20stroke-linecap%3D%22round%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2228%22%20r%3D%222%22%20fill%3D%22%23244c3b%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2232%22%20r%3D%222%22%20fill%3D%22%23244c3b%22%2F%3E%3Ccircle%20cx%3D%2230%22%20cy%3D%2228%22%20r%3D%222%22%20fill%3D%22%23244c3b%22%2F%3E%3C%2Fsvg%3E') center/contain no-repeat;animation:achar-button-bag 1s ease-in-out infinite}
.category-add.is-loading,.detail-add.is-loading{display:flex;align-items:center;justify-content:center;gap:8px}
.toast{display:flex;align-items:center;gap:10px}.motion-check{width:24px;height:24px;flex:none;fill:none;stroke:#9be2ad;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.motion-check path{stroke-dasharray:25;stroke-dashoffset:0;animation:achar-check-draw .35s ease-out both}
.cart-motion-dot{position:fixed;pointer-events:none;z-index:110;width:10px;height:10px;border-radius:4px;background:#ff800a;box-shadow:0 0 0 4px #ff800a12}.cart-motion-dot:nth-last-child(2){background:#448664}
.receipt-symbol.paid{font-size:0}.receipt-symbol.paid::before{content:'';display:block;width:24px;height:13px;border-left:3px solid #23734f;border-bottom:3px solid #23734f;transform:rotate(-45deg);animation:achar-receipt-check .35s ease-out both}
@keyframes achar-bag-breathe{0%,100%{transform:translateY(-50%) rotate(-5deg)}50%{transform:translateY(calc(-50% - 4px)) rotate(5deg)}}
@keyframes achar-button-bag{0%,100%{transform:translateY(1px)}50%{transform:translateY(-3px)}}
@keyframes achar-check-draw{from{stroke-dashoffset:25}to{stroke-dashoffset:0}}
@keyframes achar-receipt-check{from{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}
@media(prefers-reduced-motion:reduce){:is(.category-status.loading,.category-children-loading,.admin-cart-loading,.receipt-loading)::before,:is(.category-more.is-loading,.category-add.is-loading,.detail-add.is-loading,.home-collections>.category-more:disabled)::before,.motion-check path,.receipt-symbol.paid::before{animation:none}.cart-motion-dot{display:none}}
@media(max-width:600px){:is(.category-status.loading,.category-children-loading,.admin-cart-loading,.receipt-loading){padding-inline-start:66px;font-size:.78rem}}

@media(prefers-reduced-motion:no-preference){nav.bottom-nav button.active .ui-icon{animation:achar-nav-pop .28s ease-out}.category-status.loading{background:#f6f9f2}}
@keyframes achar-nav-pop{0%{scale:.85}65%{scale:1.08}100%{scale:1}}
