/* Keep the mobile cart within reach while the tray menu is open. */
.tray-viewbar-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.tray-cart-link{display:none}
@keyframes tray-cart-bounce{
  0%,100%{transform:translateY(0) scale(1)}
  30%{transform:translateY(-7px) scale(1.08)}
  55%{transform:translateY(0) scale(.97)}
  75%{transform:translateY(-3px) scale(1.02)}
}
@media(max-width:760px){
  .tray-viewbar{padding-inline:12px;gap:10px;min-height:64px;overflow:visible}
  .tray-viewbar-actions{gap:10px}
  .tray-viewbar .tray-cart-link{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:62px;min-height:44px;padding:6px;box-sizing:border-box;border:2px solid var(--chestnut);border-radius:12px 16px 10px 14px;background:var(--desert-tan);color:var(--chestnut);box-shadow:3px 3px 0 var(--chestnut);text-decoration:none;transform-origin:50% 80%}
  .tray-cart-link svg{display:block;width:22px;height:22px;flex-shrink:0}
  .tray-cart-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:22px;padding:0 3px;border:2px solid var(--chestnut);border-radius:50%;background:var(--caramel);color:var(--chestnut);font:800 11px/1 var(--comic);box-sizing:border-box;font-variant-numeric:tabular-nums}
  .tray-cart-link:focus-visible{outline:3px solid var(--copper);outline-offset:4px}
  .tray-viewbar #close-tray-view{min-height:44px;padding:8px 12px;white-space:nowrap}
  .tray-cart-link.is-cart-bouncing{animation:tray-cart-bounce 500ms cubic-bezier(.25,.7,.3,1)}
}
@media(max-width:380px){
  .tray-viewbar{gap:6px}
  .tray-viewbar .brand{font-size:21px}
  .tray-viewbar .brand small{margin-left:5px}
  .tray-viewbar-actions{gap:7px}
  .tray-viewbar #close-tray-view{padding-inline:10px}
}
@media(prefers-reduced-motion:reduce){.tray-cart-link.is-cart-bouncing{animation:none}}
