@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@500;700&display=swap";
.fv-page{--fv-bg:#f8fafc;--fv-surface:#fff;--fv-elev:#f1f5f9;--fv-border:#e2e8f0;--fv-brand:#0d9488;--fv-brand-l:#14b8a6;--fv-brand-d:#0f766e;--fv-brand-bg:#f0fdfa;--fv-brand-border:#99f6e4;--fv-success:#059669;--fv-success-bg:#ecfdf5;--fv-danger:#dc2626;--fv-danger-bg:#fef2f2;--fv-t1:#0f172a;--fv-t2:#475569;--fv-t3:#94a3b8;background:var(--fv-bg);min-height:100vh;color:var(--fv-t1);padding:24px 16px 60px;font-family:Plus Jakarta Sans,-apple-system,sans-serif;overflow-x:clip}*{box-sizing:border-box}.fv-shell{max-width:1000px;margin:0 auto}.fv-nav{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.fv-nav-btn{background:var(--fv-surface);width:40px;height:40px;color:var(--fv-t1);cursor:pointer;border:1px solid #eee;border-radius:20px;justify-content:center;align-items:center;text-decoration:none;transition:transform .18s,box-shadow .18s,color .18s,background .18s;display:flex;box-shadow:0 2px 6px #0f172a0f}.fv-nav-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 14px #0f172a14}.fv-nav-btn:disabled{cursor:not-allowed;opacity:.6}.fv-nav-btn-danger{background:var(--fv-danger-bg);color:var(--fv-danger);border-color:#dc262626}.fv-nav-btn-danger:hover:not(:disabled){background:#fee2e2}.fv-nav-title{color:var(--fv-t1);font-size:17px;font-weight:800}.fv-nav-spacer{width:40px;height:40px}.fv-stats{background:var(--fv-surface);color:var(--fv-t2);border:1px solid #f0f0f0;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding:12px 16px;font-size:13.5px;font-weight:500;display:flex;box-shadow:0 2px 8px #0f172a08}.fv-stats-muted{color:var(--fv-t3);font-size:12.5px}.fv-refresh-btn{background:var(--fv-brand-bg);color:var(--fv-brand);border:1px solid var(--fv-brand-border);cursor:pointer;border-radius:10px;align-items:center;gap:5px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:700;transition:background .18s,color .18s;display:inline-flex}.fv-refresh-btn:hover:not(:disabled){background:var(--fv-brand);color:#fff}.fv-refresh-btn:disabled{opacity:.65;cursor:wait}.fv-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}@media (max-width:640px){.fv-grid{grid-template-columns:repeat(2,1fr);gap:10px}}.fv-card{background:var(--fv-surface);border:1px solid #f0f0f0;border-radius:14px;flex-direction:column;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s,border-color .2s;display:flex;overflow:hidden}.fv-card:hover{border-color:var(--fv-brand-border);transform:translateY(-3px);box-shadow:0 14px 30px -12px #0d94882e}.fv-card.is-placeholder{opacity:.75;pointer-events:none}.fv-card-img-wrap{aspect-ratio:1;background:var(--fv-elev);cursor:pointer;width:100%;position:relative;overflow:hidden}.fv-card.is-placeholder .fv-card-img-wrap{cursor:default}.fv-card-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.fv-card:hover:not(.is-placeholder) .fv-card-img{transform:scale(1.05)}.fv-card-img-ph{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.fv-remove-btn{cursor:pointer;z-index:2;background:#fffffff0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:transform .18s,background .18s;display:flex;position:absolute;top:9px;right:9px;box-shadow:0 3px 10px #0f172a26}.fv-remove-btn:hover:not(:disabled){background:#fff;transform:scale(1.08)}.fv-remove-btn:disabled{cursor:not-allowed;opacity:.75}.fv-placeholder-overlay{color:#fff;-webkit-backdrop-filter:blur(2px);background:#0f172a47;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex;position:absolute;inset:0}.fv-oos-badge{color:#fff;letter-spacing:.03em;z-index:2;background:#dc2626eb;border-radius:6px;padding:4px 8px;font-size:10.5px;font-weight:800;position:absolute;bottom:9px;left:9px}.fv-card-info{flex-direction:column;flex:1;gap:6px;padding:12px;display:flex}.fv-card-name{color:var(--fv-t1);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;margin:0;font-size:13.5px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.fv-card.is-placeholder .fv-card-name{color:var(--fv-t3);font-style:italic}.fv-card-cat{color:var(--fv-t3);text-transform:capitalize;align-items:center;gap:4px;margin:0;font-size:11.5px;font-weight:500;display:inline-flex}.fv-card-cat svg{opacity:.75;flex-shrink:0}.fv-card-price{color:var(--fv-brand);letter-spacing:-.2px;margin:0;font-family:JetBrains Mono,monospace;font-size:15px;font-weight:800}.fv-card-unit{color:var(--fv-t3);font-family:Plus Jakarta Sans,sans-serif;font-size:11.5px;font-weight:500}.fv-stock{align-items:center;gap:4px;margin-top:auto;font-size:12px;font-weight:600;display:inline-flex}.fv-stock.is-in{color:var(--fv-success)}.fv-stock.is-out{color:var(--fv-danger)}.fv-empty-wrap{justify-content:center;align-items:center;min-height:62vh;padding:20px;display:flex}.fv-prompt-card{background:var(--fv-surface);text-align:center;border-radius:24px;flex-direction:column;align-items:center;width:100%;max-width:420px;padding:40px 28px;display:flex;box-shadow:0 4px 12px #0f172a0f,0 18px 40px -18px #0f172a1f}.fv-prompt-icon{background:var(--fv-brand-bg);width:96px;height:96px;color:var(--fv-brand-border);border-radius:48px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.fv-prompt-title{color:var(--fv-t1);letter-spacing:-.3px;margin:0 0 10px;font-size:22px;font-weight:800}.fv-prompt-sub{color:var(--fv-t2);max-width:320px;margin:0 0 26px;font-size:14px;line-height:1.55}.fv-btn{cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:15px;font-family:inherit;font-size:15.5px;font-weight:700;text-decoration:none;transition:filter .18s,transform .18s;display:inline-flex}.fv-btn-primary{background:var(--fv-brand);color:#fff;box-shadow:0 6px 16px #0d94883d}.fv-btn-primary:hover{filter:brightness(1.06);transform:translateY(-1px)}.fv-loading{flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:60vh;padding:40px 20px;display:flex}.fv-loading-icon{background:var(--fv-brand-bg);width:80px;height:80px;color:var(--fv-brand);border-radius:40px;justify-content:center;align-items:center;display:flex}.fv-loading-title{color:var(--fv-t2);margin:0;font-size:16px;font-weight:700}.fv-toast{background:var(--fv-brand);color:#fff;z-index:1200;text-align:center;border-radius:100px;max-width:calc(100vw - 32px);padding:11px 20px;font-size:13.5px;font-weight:600;animation:.25s fvFadeIn;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 26px #0d948852}.fv-toast.is-danger{background:var(--fv-danger);box-shadow:0 10px 26px #dc262652}.fv-spin{animation:.9s linear infinite fvSpin}@keyframes fvSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fvFadeIn{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.fv-bottom-spacer{height:24px}@media (prefers-reduced-motion:reduce){.fv-card,.fv-nav-btn,.fv-remove-btn,.fv-refresh-btn,.fv-btn,.fv-card-img{transition:none}.fv-toast{animation:none}.fv-spin{animation-duration:1.6s}}.fv-nav-btn:focus-visible,.fv-remove-btn:focus-visible,.fv-refresh-btn:focus-visible,.fv-btn:focus-visible,.fv-card-img-wrap:focus-visible{outline:2px solid var(--fv-brand);outline-offset:2px}