dialog { border:0; border-radius:var(--radius); background:var(--cream); color:var(--ink); width:min(94%,560px); padding:28px; max-height:90dvh; overflow:auto; box-shadow:var(--shadow); }
dialog::backdrop { background:rgba(59,40,32,.45); }
dialog img { width:180px; border-radius:18px; }
dialog input,dialog select { padding:10px; width:100%; margin:8px 0; font:inherit; border:1px solid var(--beige); border-radius:10px; background:var(--white); }
dialog button { margin:6px; }
dialog article { border-bottom:1px solid var(--beige); padding:18px 0; }
dialog label { display:block; }
#cartPanel { margin-inline-start:auto; margin-inline-end:0; margin-block:0; height:100dvh; max-height:100dvh; border-radius:0; width:min(94%,440px); }
#cartButton { gap:6px; padding:10px; background:var(--sand); color:var(--brown); box-shadow:none; }
#cartButton svg { width:22px; height:22px; }
.btn:disabled { opacity:.5; cursor:not-allowed; transform:none; }
.shop-error { color:var(--rose-dark); }
@media(max-width:600px) { #cartButton .cart-label { display:none; } .nav,.nav-actions { gap:6px; } dialog { padding:20px; } }