:root{--wl-btn-size:44px;--wl-icon-size:20px;--wl-stroke:1.5;--wl-offset:16px;--wl-bg:#ffffff;--wl-outline:#111111;--wl-saved:#e0245e;--wl-badge-bg:#111111;--wl-badge-text:#ffffff;--wl-cols:4;--wl-mobile-cols:2}
.wl-btn{position:absolute;top:var(--wl-offset);right:var(--wl-offset);z-index:5;width:var(--wl-btn-size);height:var(--wl-btn-size);border:0;border-radius:50%;background:var(--wl-bg);box-shadow:0 2px 8px rgba(0,0,0,.15);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:box-shadow .2s,transform .2s}
.wl-btn:hover{box-shadow:0 4px 14px rgba(0,0,0,.22)}
.wl-btn svg{width:var(--wl-icon-size);height:var(--wl-icon-size);stroke:var(--wl-outline);stroke-width:var(--wl-stroke);fill:none}
.wl-btn.wl-saved svg{fill:var(--wl-saved);stroke:var(--wl-saved)}
.wl-btn.wl-pop{transform:scale(1.18)}
.wl-badge{position:absolute;top:-6px;right:-8px;min-width:17px;height:17px;border-radius:9px;background:var(--wl-badge-bg);color:var(--wl-badge-text);font-size:10px;line-height:17px;text-align:center;padding:0 4px}
.wl-head-link{position:relative;display:inline-flex;align-items:center;margin:0 10px}
.wl-head-link svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.5;fill:none}
.wl-grid{display:grid;grid-template-columns:repeat(var(--wl-cols),minmax(0,1fr));gap:20px}
.wl-card{position:relative}
.wl-card img{width:100%;display:block;aspect-ratio:3/4;object-fit:cover}
.wl-card h3{font-size:14px;margin:10px 0 4px;font-weight:400}
.wl-card .wl-price{font-size:14px;opacity:.8}
.wl-remove{margin-top:8px;background:none;border:1px solid currentColor;padding:6px 12px;font-size:12px;cursor:pointer}
.wl-card.wl-out{opacity:0;transform:scale(.96);transition:.3s}
.wl-empty{text-align:center;padding:60px 0}
@media(max-width:767px){.wl-grid{grid-template-columns:repeat(var(--wl-mobile-cols),minmax(0,1fr))}}