*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#fff;--color-text:#111;--color-muted:#666;--color-border:#e5e5e5;--color-accent:#111;--max-width:1200px}body{color:var(--color-text);background:var(--color-bg);font-family:system-ui,-apple-system,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}dialog#cart-drawer{inset-block:0;background:var(--color-bg);width:100%;max-width:28rem;height:100dvh;max-height:none;transition:transform .25s cubic-bezier(.22, 1, .36, 1), overlay .25s allow-discrete, display .25s allow-discrete;border:0;margin:0;padding:0;position:fixed;left:auto;right:0;transform:translate(100%)}dialog#cart-drawer[open]{transform:translate(0)}@starting-style{dialog#cart-drawer[open]{transform:translate(100%)}}dialog#cart-drawer::backdrop{transition:background-color .25s ease-out, overlay .25s allow-discrete, display .25s allow-discrete;background:0 0}dialog#cart-drawer[open]::backdrop{background:#0000004d}@starting-style{dialog#cart-drawer[open]::backdrop{background:0 0}}body:has(dialog#cart-drawer[open]){overflow:hidden}.pending{opacity:.3;pointer-events:none}