/* Shared favorites presentation: the V2 empty state and existing commerce details. */
.favorites-title{display:flex;align-items:center;gap:16px}
.favorite-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:1px solid var(--line,#dbe3e8);border-radius:14px;background:var(--white,#fff);color:var(--navy,#102d49);font:inherit;font-weight:700;cursor:pointer}
.favorite-action svg{width:22px;height:22px;fill:none;stroke:currentColor}
.favorite-action[aria-pressed="true"]{color:var(--orange,#eb4b08);background:var(--warm-surface,#fff5ee)}
.favorite-action[aria-pressed="true"] svg{fill:currentColor}
.favorite-action:disabled{opacity:.65;cursor:wait}
.favorites-empty{max-width:660px;margin:28px auto;padding:38px 24px;border-radius:24px;background:var(--white,#fff);text-align:center;box-shadow:0 5px 26px #17344d05}
.favorites-heart{display:grid;place-items:center;width:134px;height:134px;margin:0 auto 22px;border-radius:50%;background:var(--warm-surface,#fff4ee);color:var(--orange,#eb4b08)}
.favorites-heart svg{width:80px;height:80px;fill:none;stroke:currentColor;stroke-width:1.8}
.favorites-empty h2{max-width:450px;margin:0 auto 16px;font-size:clamp(24px,3.5vw,34px);line-height:1.2}
.favorites-empty p{margin:0 auto 30px;color:var(--muted,#586a80);font-size:18px;line-height:1.5;max-width:430px}
.favorites-empty .button{width:100%;max-width:430px;justify-content:center;gap:24px}
.favorite-list{display:grid;gap:16px;margin:24px 0}
.favorite-card{display:flex;align-items:center;gap:16px;padding:20px;border:1px solid var(--line,#dbe3e8);border-radius:20px;background:var(--white,#fff)}
.favorite-symbol{display:grid;place-items:center;width:50px;height:50px;flex-shrink:0;border-radius:14px;background:var(--warm-surface,#fff4ee);color:var(--orange,#eb4b08)}
.favorite-symbol svg{width:28px;height:28px;fill:none;stroke:currentColor}
.favorite-copy{flex:1;min-width:0;overflow-wrap:anywhere}
.favorite-copy h2{font-size:20px;margin:5px 0}
.favorite-copy p,.favorite-copy small{color:var(--muted,#586a80);margin:5px 0}
.favorite-card-actions{display:flex;flex-direction:column;gap:8px}
.favorite-error{padding:16px;border:1px solid #f1c3b1;border-radius:14px;color:#a83212}
@media(max-width:600px){.favorites-empty{padding:32px 20px}.favorites-empty p{font-size:17px}.favorite-card{flex-wrap:wrap;padding:16px}.favorite-card-actions{flex-direction:row;flex-wrap:wrap;width:100%}.favorite-card-actions .favorite-action{flex:1}.favorite-copy h2{font-size:18px}}