/*
 * WEBGLOBE MAINTAINER NOTES
 *
 * Synchronize the customer cart and favorites with the account-owned shopping state.
 *
 * The selectors form a contract with the rendered markup and browser interactions. Preserve
 * keyboard focus, disabled/hidden states and the smaller-screen rules when adjusting the
 * cascade; an attractive desktop layout is not sufficient evidence of usable mobile forms.
 *
 * Kook & Ko owns a separate customer realm. Keep its account, stock and order identifiers scoped
 * to that shop when connecting this component to shared infrastructure. Demo prices and parcels
 * remain presentation and workflow examples.
 */
.k-shopping-status { max-width:1200px;margin:12px auto;padding:12px 20px;background:#edf0e7;color:#35452e;border:1px solid #c6cfb9;border-radius:6px;font-size:14px;display:flex;align-items:center;gap:12px;flex-wrap:wrap; }
.k-shopping-status[hidden] { display:none; }.k-shopping-status button,.k-shopping-status a { background:#fff;color:#35452e;border:1px solid currentColor;border-radius:4px;padding:8px 12px;font:inherit;cursor:pointer; }
.k-shopping-status :focus-visible { outline:3px solid #697b49;outline-offset:3px; }
@media(max-width:600px){.k-shopping-status{margin:12px 15px;padding:12px;}}