.favorites-drawer { position: fixed; inset: 0; z-index: 220; pointer-events: none; visibility: hidden; }
.favorites-drawer.is-open { pointer-events: auto; visibility: visible; }
.favorites-drawer__backdrop { position: absolute; inset: 0; background: rgba(139, 33, 66, 0.12); opacity: 0; transition: opacity 0.25s ease; }
.favorites-drawer.is-open .favorites-drawer__backdrop { opacity: 1; }
.favorites-drawer__panel { position: absolute; top: 0; right: 0; width: min(420px, 100%); height: 100%; background: var(--white); box-shadow: -8px 0 32px rgba(30, 27, 33, 0.12); transform: translateX(100%); transition: transform 0.28s ease; display: flex; flex-direction: column; }
.favorites-drawer.is-open .favorites-drawer__panel { transform: translateX(0); }
.favorites-drawer__head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 24px 24px 20px; border-bottom: 1px solid #e8e4e0; flex-shrink: 0; }
.favorites-drawer__head h2 { margin: 0; font-size: 1.125rem; font-weight: 600; color: var(--dark); }
.favorites-drawer__close { width: 36px; height: 36px; border: none; border-radius: 50%; background: transparent; color: var(--dark); font-size: 1.5rem; line-height: 1; cursor: pointer; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.favorites-drawer__close:hover { background: var(--cream); color: var(--primary); }
.favorites-drawer__body { flex: 1; overflow-y: auto; padding: 8px 0 24px; }
.favorites-drawer__empty { margin: 32px 24px 0; color: var(--text-muted); font-size: 0.9375rem; line-height: 1.5; }
.favorites-item { display: flex; align-items: center; gap: 14px; padding: 14px 24px; border-bottom: 1px solid #f0ece8; }
.favorites-item:last-child { border-bottom: none; }
.favorites-item__link { display: flex; align-items: center; gap: 14px; flex: 1; min-width: 0; color: inherit; }
.favorites-item__link:hover .favorites-item__name { color: var(--primary); }
.favorites-item__img { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; flex-shrink: 0; border: 1px solid #e8e4e0; background: #f0ece8; }
.favorites-item__name { flex: 1; min-width: 0; font-size: 0.9375rem; line-height: 1.4; font-weight: 500; }
.favorites-item__price { flex-shrink: 0; font-size: 0.9375rem; font-weight: 600; color: var(--dark); white-space: nowrap; }
.favorites-item__remove { width: 32px; height: 32px; border: 1px solid #e8e4e0; border-radius: 50%; background: var(--white); color: var(--text-muted); font-size: 1.125rem; line-height: 1; cursor: pointer; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.favorites-item__remove:hover { border-color: var(--primary); color: var(--primary); background: var(--cream); }
body.favorites-open { overflow: hidden; }