:root { --em24-ink: #171717; --em24-muted: #5f5f5f; --em24-line: #d4d1cb; --em24-paper: #fff; --em24-accent: #191919; --em24-focus: #0b63ce; }
.em24-wishlist-open { overflow: hidden; }
.em24-wishlist__backdrop { position: fixed; inset: 0; z-index: 2147483000; background: rgb(0 0 0 / 58%); }
.em24-wishlist__backdrop[hidden] { display: none; }
.em24-wishlist { box-sizing: border-box; position: absolute; inset: 0 0 0 auto; display: grid; grid-template-rows: auto 1fr auto; width: min(100%, 34rem); min-height: 100%; background: var(--em24-paper); color: var(--em24-ink); box-shadow: -10px 0 32px rgb(0 0 0 / 22%); font: 400 1rem/1.5 Arial, Helvetica, sans-serif; overflow: auto; }
.em24-wishlist *, .em24-wishlist *::before, .em24-wishlist *::after { box-sizing: border-box; }
.em24-wishlist__header { position: sticky; top: 0; z-index: 1; display: flex; align-items: start; justify-content: space-between; gap: 1.5rem; padding: 1.5rem; background: var(--em24-paper); border-bottom: 1px solid var(--em24-line); }
.em24-wishlist__title { margin: 0 0 .25rem; font-size: clamp(1.5rem, 4vw, 2rem); line-height: 1.15; letter-spacing: -.02em; }
.em24-wishlist__hint, .em24-wishlist__meta, .em24-wishlist__summary { margin: 0; color: var(--em24-muted); }
.em24-wishlist__close, .em24-wishlist__remove { border: 0; border-bottom: 1px solid currentColor; padding: .25rem 0; background: transparent; color: inherit; font: inherit; cursor: pointer; text-underline-offset: .2em; }
.em24-wishlist__list { align-self: start; }
.em24-wishlist__item { display: grid; grid-template-columns: 6rem minmax(0, 1fr); gap: 1rem; padding: 1.25rem 1.5rem; border-bottom: 1px solid var(--em24-line); }
.em24-wishlist__image { width: 6rem; height: 6rem; object-fit: cover; background: #f3f1ed; }
.em24-wishlist__item-content { min-width: 0; }
.em24-wishlist__name { color: inherit; font-weight: 700; text-decoration-thickness: 1px; text-underline-offset: .2em; overflow-wrap: anywhere; }
.em24-wishlist__meta { margin-top: .35rem; font-size: .9rem; }
.em24-wishlist__actions { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin-top: 1rem; }
.em24-wishlist__quantity { display: grid; gap: .25rem; color: var(--em24-muted); font-size: .85rem; }
.em24-wishlist__quantity input { width: 6rem; min-height: 2.75rem; border: 1px solid #777; border-radius: 0; padding: .5rem .65rem; background: #fff; color: #111; font: inherit; font-variant-numeric: tabular-nums; }
.em24-wishlist__empty { max-width: 32rem; padding: clamp(3rem, 12vh, 7rem) 1.5rem; }
.em24-wishlist__empty h3 { margin: 0 0 .5rem; font-size: 1.25rem; }
.em24-wishlist__empty p { margin: 0; color: var(--em24-muted); }
.em24-wishlist__footer { position: sticky; bottom: 0; display: grid; gap: .85rem; padding: 1.25rem 1.5rem; background: var(--em24-paper); border-top: 1px solid var(--em24-line); }
.em24-wishlist__primary { min-height: 3rem; border: 1px solid var(--em24-accent); border-radius: 0; padding: .75rem 1rem; background: var(--em24-accent); color: #fff; font: 700 1rem/1.2 Arial, Helvetica, sans-serif; cursor: pointer; }
.em24-wishlist__primary:disabled { cursor: not-allowed; opacity: .48; }
.em24-wishlist :is(a, button, input):focus-visible, [data-em24-wishlist-trigger]:focus-visible, [data-hook="cart-icon-button"]:focus-visible { outline: 3px solid var(--em24-focus) !important; outline-offset: 3px !important; }
.em24-wishlist__badge { position: absolute; min-width: 1.25rem; height: 1.25rem; border-radius: 999px; padding: 0 .25rem; background: #171717; color: #fff; font: 700 .7rem/1.25rem Arial, sans-serif; text-align: center; font-variant-numeric: tabular-nums; }
.em24-wishlist__sr-only { position: fixed !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; overflow: hidden !important; clip: rect(0 0 0 0) !important; white-space: nowrap !important; border: 0 !important; }
@media (max-width: 30rem) { .em24-wishlist__header { padding: 1.1rem; } .em24-wishlist__item { grid-template-columns: 4.5rem minmax(0, 1fr); padding: 1rem 1.1rem; } .em24-wishlist__image { width: 4.5rem; height: 4.5rem; } .em24-wishlist__actions { align-items: start; flex-direction: column; } .em24-wishlist__footer { padding: 1rem 1.1rem; } }
@media (prefers-reduced-motion: no-preference) { .em24-wishlist__backdrop:not([hidden]) .em24-wishlist { animation: em24-wishlist-in 180ms cubic-bezier(.22, 1, .36, 1); } @keyframes em24-wishlist-in { from { transform: translateX(2rem); opacity: .7; } } }
@media (forced-colors: active) { .em24-wishlist { border-left: 2px solid CanvasText; } .em24-wishlist__primary { forced-color-adjust: none; } }