.favorites-tools[hidden],.favorite-hidden{display:none!important}
.favorites-tools{margin:12px auto;padding:12px 16px;background:#fff;border:1px solid #e4e7e5;border-radius:12px;max-width:1100px;color:#26332c;text-align:left}
.favorites-filter{background:#fff;border:1px solid #c9d4cd;border-radius:22px;padding:9px 16px;font-weight:600;cursor:pointer;color:inherit;min-height:44px}
.favorites-filter[aria-pressed="true"]{background:#fff0f2;border-color:#bc2138;color:#a2172c}
.favorites-note{font-size:13px;display:inline-block;margin:6px 12px;color:#616b65}
.favorites-status{font-size:14px;margin:8px 0 0}
.favorites-status:empty{display:none}
.produit[data-favorite-id]{position:relative}
.favorite-toggle{position:absolute;right:6px;top:6px;z-index:2;background:#fff;border:1px solid #e1e4e2;border-radius:50%;width:44px;height:44px;line-height:1;font-size:26px;color:#68756b;box-shadow:0 2px 6px #0001;cursor:pointer;display:flex;align-items:center;justify-content:center}
.favorite-toggle[aria-pressed="true"]{color:#bd2038;background:#fff3f5;border-color:#e5acb5}
.favorite-toggle:focus-visible,.favorites-filter:focus-visible,.favorites-remove:focus-visible{outline:3px solid #216b45;outline-offset:2px}
.favorite-toggle:disabled,.favorites-remove:disabled{opacity:.5;cursor:wait}
.favorites-list{list-style:none;margin:12px 0 0;padding:0}
.favorites-list li{display:flex;align-items:center;gap:12px;border-top:1px solid #edf0ee;padding:12px 0;overflow-wrap:anywhere}
.favorites-list a,.favorites-list .favorites-unavailable{flex:1;color:inherit}
.favorites-remove{background:#fff;border:1px solid #dccbd0;border-radius:8px;color:#a2172c;padding:8px 12px;min-height:44px;cursor:pointer}
@media(max-width:600px){.favorites-tools{margin:8px;padding:10px}.favorites-note{display:block;margin:8px 0 0}}

/* Compact menu toolbar; the account list keeps its light panel. */
.favorites-tools[data-favorites-mode="menu"]{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;width:fit-content;max-width:calc(100% - 32px);box-sizing:border-box;margin:16px auto 20px;padding:7px 14px 7px 7px;background:rgba(25,23,19,.92);border:1px solid rgba(209,169,82,.42);border-radius:16px;color:#fff4dc;box-shadow:0 4px 16px #0002}
.favorites-tools[data-favorites-mode="menu"] .favorites-filter{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 16px;border:1px solid rgba(209,169,82,.55);border-radius:10px;background:transparent;color:#f3d692;font-size:15px;line-height:1.4;white-space:nowrap;transition:background .18s,color .18s,border-color .18s}
.favorites-tools[data-favorites-mode="menu"] .favorites-filter:hover{background:rgba(209,169,82,.14);border-color:#d1a952}
.favorites-tools[data-favorites-mode="menu"] .favorites-filter[aria-pressed="true"]{background:#d1a952;border-color:#d1a952;color:#201a0f}
.favorites-tools[data-favorites-mode="menu"] .favorites-note{flex:1;min-width:0;margin:0;color:#d8d2c5;font-size:13px;line-height:1.5}
.favorites-tools[data-favorites-mode="menu"] .favorites-status{flex-basis:100%;margin:0;padding:3px 9px;color:#fff0cd;font-size:13px;line-height:1.5}
.favorite-toggle{background:rgba(27,25,21,.9);border-color:rgba(209,169,82,.55);color:#f3d692;box-shadow:0 2px 8px #0003;transition:background .18s,color .18s,transform .18s}
.favorite-toggle:hover{background:#342c1e;transform:translateY(-1px)}
.favorite-toggle[aria-pressed="true"]{background:#d1a952;border-color:#e7c879;color:#251d0d}
.favorite-toggle:focus-visible,.favorites-tools[data-favorites-mode="menu"] .favorites-filter:focus-visible{outline:3px solid #f5d98f;outline-offset:3px}
@media(max-width:600px){.favorites-tools[data-favorites-mode="menu"]{max-width:calc(100% - 24px);margin:12px auto 16px;padding:6px 10px 6px 6px;gap:6px 10px;border-radius:13px}.favorites-tools[data-favorites-mode="menu"] .favorites-filter{font-size:14px;padding:8px 12px}.favorites-tools[data-favorites-mode="menu"] .favorites-note{font-size:12px;flex-basis:130px}.favorite-toggle{right:5px;top:5px}}
@media(prefers-reduced-motion:reduce){.favorite-toggle,.favorites-tools[data-favorites-mode="menu"] .favorites-filter{transition:none}.favorite-toggle:hover{transform:none}}
/* Small visible heart, with a 44px transparent touch target. */
.favorite-toggle{width:30px;height:30px;min-width:30px;min-height:30px;padding:0;font-size:18px;box-sizing:border-box;right:10px;top:10px}
.favorite-toggle::after{content:"";position:absolute;inset:-7px;border-radius:50%}
@media(max-width:600px){.favorite-toggle{right:8px;top:8px}}