.favorite-host{position:relative}.favorite-toggle{position:absolute;right:10px;top:10px;width:34px;height:34px;border-radius:50%;border:1px solid #d5deeb;background:#fff;color:#d7324b;font:28px/1 Arial,sans-serif;z-index:2;display:grid;place-items:center;cursor:pointer;box-shadow:0 3px 9px #15346625}.favorite-toggle[aria-pressed=true]{background:#fff0f3}.favorite-toggle.spring{animation:heart-spring .4s ease}.saved-trigger{flex:none;white-space:nowrap;padding:9px 11px;border:1px solid #cdd8ed;border-radius:24px;background:white;color:#1b3bba;font:600 15px/1.3 Arial,sans-serif;cursor:pointer}.saved-panel{box-sizing:border-box;position:fixed;inset:0 0 0 auto;margin:0;width:min(460px,100vw);height:100dvh;max-height:100dvh;max-width:100vw;border:0;border-left:1px solid #dbe4f3;background:#f9fbff;padding:24px;overflow:auto;box-shadow:-12px 0 44px #132a4433;z-index:999}.saved-panel::backdrop{background:#13274166;backdrop-filter:blur(3px)}.saved-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}.saved-heading h2{font-size:26px!important;margin:0!important}.saved-close{width:36px;height:36px;border:0;border-radius:50%;background:#e7edf8;color:#173575;font-size:26px;cursor:pointer}.saved-row{display:grid;grid-template-columns:64px minmax(0,1fr);gap:12px;padding:18px 0;border-bottom:1px solid #dbe4f1}.saved-row>img{width:64px;height:64px;object-fit:contain;background:white;border-radius:6px}.saved-row-copy>a{display:block;font:600 15px/1.4 Arial,sans-serif;color:#192e4c}.saved-row-copy small{display:block;font-size:13px;margin:4px 0 9px;color:#657187}.saved-quantity{font-size:14px}.saved-quantity input{width:65px;padding:7px;border:1px solid #c6d1e3;border-radius:6px;font-size:15px;background:white;color:#132b48}.saved-remove{float:right;border:0;background:transparent;color:#a62c40;padding:9px;font-size:14px;cursor:pointer}.saved-total{font-size:15px!important;font-weight:600;margin:20px 0}.saved-store{font-size:15px;display:grid;gap:8px}.saved-store select{padding:10px;border:1px solid #c5d3e7;border-radius:8px;font-size:15px;background:white}.saved-wa{display:flex!important;justify-content:center;background:#16864e!important;color:white!important;margin:14px 0!important;font-size:15px!important;padding:13px!important}.saved-import{font-size:15px!important;width:100%}.saved-actions{display:flex;gap:12px}.saved-actions button{background:white;border:1px solid #cbd7e8;padding:10px;border-radius:8px;font-size:14px;color:#2443a0;cursor:pointer}.saved-note{font-size:13px!important;line-height:1.5;margin-top:20px;color:#647089}.saved-copy-fallback{display:block;font-size:14px;margin:12px 0}.saved-copy-fallback input{width:100%;padding:8px;font-size:13px}.saved-toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,16px);opacity:0;pointer-events:none;z-index:1000;padding:12px 18px;background:#18315d;color:white;border-radius:12px;font-size:15px;transition:opacity .2s,transform .2s;max-width:90vw;text-align:center}.saved-toast.visible{opacity:1;transform:translate(-50%,0)}.saved-page{padding-block:60px;min-height:45vh}.saved-page .button{margin:16px 10px 0 0}@keyframes heart-spring{40%{transform:scale(1.3)}75%{transform:scale(.92)}100%{transform:scale(1)}}
@media(max-width:760px){ .saved-panel{inset:auto 0 0;margin:0;width:100%;height:auto;max-height:88dvh;border-radius:22px 22px 0 0;padding:20px;border:0}.saved-toast{bottom:18px;width:max-content;font-size:14px}.saved-row{grid-template-columns:54px minmax(0,1fr)}.saved-row>img{width:54px;height:54px}}