.mock-wishlist{position:relative;width:100%;max-width:440px;margin-inline:auto;padding:var(--space-6) 0 var(--space-8)}.mock-wishlist:before{content:"";position:absolute;top:8%;right:-6%;bottom:8%;left:-6%;background:radial-gradient(ellipse 60% 55% at 50% 50%,rgb(var(--rgb-accent) / .16),transparent 70%);filter:blur(24px);pointer-events:none}.mock-wishlist__card{position:relative;display:flex;flex-direction:column;background-color:var(--color-surface-1);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-3),0 0 48px rgb(var(--rgb-accent) / .08);overflow:hidden}.mock-wishlist__card:after{content:"";position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,rgb(var(--rgb-accent) / .7),transparent);pointer-events:none}.mock-wishlist__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3)}.mock-wishlist__eyebrow{display:block;color:var(--color-text-3);font-size:.65rem;font-weight:var(--weight-bold);letter-spacing:.12em;text-transform:uppercase}.mock-wishlist__name{display:block;font-size:var(--text-lg);font-weight:var(--weight-extrabold);line-height:1.2}.mock-wishlist__shelf{display:flex;align-items:flex-end;min-height:108px;padding:var(--space-4) var(--space-5) var(--space-3);background:radial-gradient(ellipse 100% 150% at 50% -30%,rgb(var(--rgb-accent) / .1),transparent 70%),var(--color-surface-2);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.mock-wishlist__can{display:grid;place-content:center;width:58px;min-width:36px;height:84px;flex-shrink:1;object-fit:contain;padding:2px;border-radius:var(--radius-sm);background-color:var(--color-surface-1);border:1px solid var(--color-border-strong);box-shadow:0 8px 18px #0006;color:var(--color-text-3)}.mock-wishlist__can+.mock-wishlist__can{margin-left:-12px}@media(prefers-reduced-motion:no-preference){.mock-wishlist__can{animation:mock-wishlist-bob 4.5s var(--ease-in-out) infinite}.mock-wishlist__can:nth-child(2){animation-delay:.4s}.mock-wishlist__can:nth-child(3){animation-delay:.8s}.mock-wishlist__can:nth-child(4){animation-delay:1.2s}.mock-wishlist__can:nth-child(5){animation-delay:1.6s}}@keyframes mock-wishlist-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.mock-wishlist__rows{list-style:none;margin:0;padding:var(--space-2) var(--space-3) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.mock-wishlist__row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2);border-radius:var(--radius-md)}.mock-wishlist__row:first-child{background-color:rgb(var(--rgb-accent) / .06);border:1px solid rgb(var(--rgb-accent) / .22)}.mock-wishlist__row-icon{display:grid;place-content:center;width:30px;height:30px;border-radius:var(--radius-full);background-color:var(--color-accent-tint);color:var(--color-accent);font-size:var(--text-xs)}.mock-wishlist__row-text{display:flex;flex-direction:column;min-width:0}.mock-wishlist__row-name{font-size:var(--text-sm);font-weight:var(--weight-bold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mock-wishlist__row-sub{font-size:var(--text-xs);color:var(--color-text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mock-wishlist__row-arrow{color:var(--color-text-3);font-size:var(--text-xs)}.mock-wishlist__chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:3px var(--space-2) 3px var(--space-2);border-radius:var(--radius-full);background-color:var(--color-accent);color:var(--color-text-inverse);font-size:var(--text-xs);font-weight:var(--weight-extrabold);letter-spacing:.02em;white-space:nowrap}.mock-wishlist__blip{width:7px;height:7px;border-radius:50%;background-color:var(--color-text-inverse)}@media(prefers-reduced-motion:no-preference){.mock-wishlist__blip{animation:mock-wishlist-blip 1.8s ease-in-out infinite}}@keyframes mock-wishlist-blip{0%,to{opacity:1;box-shadow:0 0 #00000059}50%{opacity:.6;box-shadow:0 0 0 5px #0000}}.mock-wishlist__toast{position:absolute;right:calc(-1 * var(--space-2));bottom:0;z-index:2;display:flex;align-items:center;gap:var(--space-3);max-width:min(320px,92%);padding:var(--space-3) var(--space-4) var(--space-3) var(--space-3);background:radial-gradient(ellipse 120% 160% at 0% -30%,rgb(var(--rgb-accent) / .12),transparent 70%),var(--color-surface-3);border:1px solid var(--color-border-accent);border-radius:var(--radius-md);box-shadow:var(--shadow-3),0 0 28px rgb(var(--rgb-accent) / .14);text-align:left}.mock-wishlist__toast-icon{position:relative;display:grid;place-content:center;flex-shrink:0;width:38px;height:38px;border-radius:50%;color:var(--color-accent);background-color:rgb(var(--rgb-accent) / .12);border:1px solid rgb(var(--rgb-accent) / .35)}.mock-wishlist__toast-icon:before,.mock-wishlist__toast-icon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid rgb(var(--rgb-accent) / .5);pointer-events:none}@media(prefers-reduced-motion:no-preference){.mock-wishlist__toast{animation:mock-wishlist-toast 9s var(--ease-out) infinite}.mock-wishlist__toast-icon:before,.mock-wishlist__toast-icon:after{animation:mock-wishlist-ring 2.4s ease-out infinite}.mock-wishlist__toast-icon:after{animation-delay:1.2s}}@keyframes mock-wishlist-toast{0%,8%{opacity:0;transform:translateY(14px) scale(.96)}16%,78%{opacity:1;transform:translateY(0) scale(1)}88%,to{opacity:0;transform:translateY(8px) scale(.98)}}@keyframes mock-wishlist-ring{0%{transform:scale(1);opacity:.7}to{transform:scale(1.7);opacity:0}}.mock-wishlist__toast-text{display:flex;flex-direction:column;gap:2px;min-width:0}.mock-wishlist__toast-text strong{font-size:var(--text-sm);line-height:1.3}.mock-wishlist__toast-text span{font-size:var(--text-xs);color:var(--color-text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mock-wishlist__radar{position:absolute;top:var(--space-2);left:calc(-1 * var(--space-2));z-index:2;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3) var(--space-1) var(--space-2);border-radius:var(--radius-full);background-color:var(--color-surface-3);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-2);color:var(--color-text-2);font-size:var(--text-xs);font-weight:var(--weight-bold)}.mock-wishlist__radar svg{color:var(--color-accent)}.mock-wishlist__radar-count{padding:0 var(--space-2);border-radius:var(--radius-full);background-color:var(--color-accent-tint);border:1px solid var(--color-border-accent);color:var(--color-accent)}@media(min-width:768px){.mock-wishlist{max-width:460px;padding-block:var(--space-8) var(--space-10)}.mock-wishlist__toast{right:calc(-1 * var(--space-8));bottom:var(--space-2)}.mock-wishlist__radar{left:calc(-1 * var(--space-6))}}@media(min-width:1100px){.mock-wishlist{max-width:480px}}