/* Saved is a compact, floating shortlist. The page remains visible behind it. */
html{scrollbar-gutter:stable}
.saved-toggle[aria-expanded=true]{background:var(--sage);color:var(--green-dark)}
.saved-toggle[aria-expanded=true]>svg{fill:var(--green)}
.saved-drawer{--drawer-space:26px;position:fixed;inset:12px 12px 12px auto;margin:0;width:min(408px,calc(100% - 24px));height:calc(100% - 24px);height:calc(100dvh - 24px);max-height:none;max-width:100%;border-radius:20px;overflow:hidden;box-shadow:-12px 12px 48px #15261b21;transform:translateX(0);opacity:1;transition:transform 340ms cubic-bezier(.22,1,.36,1),opacity 220ms ease-out}
.saved-drawer[open]{display:flex;flex-direction:column;animation:none}
.saved-drawer::backdrop{background:rgb(17 31 23 / .25);opacity:1;transition:opacity 280ms ease-out;animation:none}
.saved-drawer[open]::backdrop{animation:none}
@starting-style{.saved-drawer[open]{transform:translateX(calc(100% + 24px));opacity:.7}.saved-drawer[open]::backdrop{opacity:0}}
.saved-drawer.is-closing{transform:translateX(calc(100% + 24px));opacity:.7;transition-duration:210ms;transition-timing-function:cubic-bezier(.4,0,1,1)}
.saved-drawer.is-closing::backdrop{opacity:0;transition-duration:180ms}
.saved-drawer.saved-instant,.saved-drawer.saved-instant::backdrop{transition:none}
.saved-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:25px var(--drawer-space) 22px;flex-shrink:0;border-bottom:1px solid #e9ede5}
.saved-drawer-header h2{display:flex;align-items:center;gap:10px;font-size:25px;line-height:1.2;letter-spacing:-.035em;font-weight:750}
.saved-drawer-header p{font-size:12px;color:#62705c;margin-top:6px}
#drawer-count{display:grid;place-items:center;min-width:25px;height:25px;padding-inline:6px;border-radius:50%;background:#edf3e5;color:#3e562e;font-size:12px;font-weight:650;letter-spacing:0;font-variant-numeric:tabular-nums}
.saved-close{width:40px;height:40px;display:grid;place-items:center;flex-shrink:0;border:1px solid #e0e6d9;border-radius:50%;transition:background 150ms}
.saved-close svg{width:18px;height:18px}
.saved-drawer-body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 var(--drawer-space);scrollbar-width:thin;scrollbar-color:#b4c4a6 transparent}
.saved-empty{display:flex;align-items:center;flex-direction:column;text-align:center;padding:40px 0 30px}
.saved-empty-heart{display:grid;place-items:center;width:60px;height:60px;margin-bottom:22px;border-radius:50%;background:#edf5e3}
.saved-empty-heart>svg{width:29px;height:29px;stroke-width:1.5;fill:var(--green)}
.saved-empty h3{font-size:23px;line-height:1.25;letter-spacing:-.035em;margin-bottom:12px}
.saved-empty p{font-size:13px;line-height:1.7;color:#62705c}
.saved-discover{padding-bottom:24px}
.saved-discover h3{font-size:11px;font-weight:650;color:#62705c;margin-bottom:7px}
.saved-discover a{display:flex;align-items:center;justify-content:space-between;padding:13px 0;min-height:47px;border-bottom:1px solid #e9ede5;font-size:13px;font-weight:600}
.saved-discover a:last-child{border:0}
.saved-discover svg{width:16px;height:16px;transition:transform 160ms ease-out}
.saved-items{list-style:none;padding:0;margin:0}
.saved-item{display:flex;gap:15px;position:relative;padding:21px 0;border-bottom:1px solid #e9ede5}
.saved-item:last-child{border:0}
.saved-item-image{width:82px;height:100px;flex-shrink:0;border-radius:12px;overflow:hidden;background:var(--sage)}
.saved-item-image img{object-fit:cover}
.saved-item-content{flex:1;min-width:0;padding:3px 23px 0 0}
.saved-item-brand{font-size:11px;font-weight:600;color:#62705c;margin-bottom:5px}
.saved-item-title{display:block;font-weight:700;line-height:1.4;letter-spacing:-.025em;font-size:15px}
.saved-item-view{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:650;margin-top:9px;min-height:30px}
.saved-item-view svg{width:14px;height:14px;transition:transform 160ms ease-out}
.saved-remove{position:absolute;right:-8px;top:15px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;color:#62705c}
.saved-remove svg{width:16px;height:16px}
.saved-unavailable{display:grid;place-items:center;color:#62705c}
.saved-unavailable svg{width:28px;height:28px}
.saved-item-paused{font-size:11px;color:#62705c;margin-top:9px;line-height:1.6}
.saved-drawer-footer{flex-shrink:0;padding:18px var(--drawer-space) max(19px,env(safe-area-inset-bottom));border-top:1px solid #e9ede5;background:#fafbf8}
.saved-continue{width:100%;display:flex;align-items:center;justify-content:space-between;border-radius:11px;padding:14px 17px;background:var(--ink);color:#fff;font-size:13px;font-weight:650;transition:background 150ms}
.saved-continue svg{width:17px;height:17px;color:var(--green)}
.saved-drawer-footer p{font-size:10px;text-align:center;color:#62705c;margin-top:11px;line-height:1.6}
.saved-undo{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#edf3e5;margin:0 var(--drawer-space) 15px;padding:10px 14px;border-radius:10px;font-size:12px;flex-shrink:0}
.saved-undo button{font-weight:750;text-decoration:underline;text-underline-offset:3px;min-height:32px}
.saved-feedback{padding:34px 0;color:#62705c;font-size:13px}
.saved-feedback h3{color:var(--ink);font-size:22px;margin-bottom:12px;letter-spacing:-.03em}
.saved-feedback button{margin-top:22px}
@media(hover:hover){.saved-close:hover,.saved-remove:hover{background:#edf3e5}.saved-item-title:hover{text-decoration:underline;text-underline-offset:3px}.saved-item-view:hover svg,.saved-discover a:hover svg{transform:translateX(3px)}.saved-discover a:hover{color:#46612f}.saved-continue:hover{background:#304332}}
@media(max-width:600px){.saved-drawer{--drawer-space:22px;inset:8px 8px 8px auto;width:calc(100% - 16px);height:calc(100% - 16px);height:calc(100dvh - 16px);border-radius:17px}.saved-drawer-header{padding-block:21px 19px}.saved-empty{padding-top:36px}.saved-item{gap:13px}.saved-item-image{width:76px;height:96px}}
@media(max-height:680px){.saved-empty{padding-block:23px}.saved-empty-heart{width:46px;height:46px;margin-bottom:15px}.saved-empty-heart>svg{width:24px;height:24px}.saved-empty h3{font-size:21px}.saved-discover{padding-bottom:15px}}
@media(prefers-reduced-motion:reduce){.saved-drawer,.saved-drawer::backdrop{transition:none!important}}