.popup-overlay{position:fixed;inset:0;background-color:rgba(20,33,43,.68);display:flex;align-items:flex-end;justify-content:center;z-index:2000;padding:0}@media (min-width:480px){.popup-overlay{align-items:center;padding:1rem}}.popup-content{background-color:var(--bg);border-radius:16px 16px 0 0;width:100%;max-height:90svh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;position:relative}@media (min-width:480px){.popup-content{border-radius:14px;max-width:480px;max-height:88vh}}.popup-header{justify-content:space-between;padding:10px 12px 0}.popup-fav,.popup-header{display:flex;align-items:center}.popup-fav{justify-content:center;background:none;border:none;font-size:1.4rem;line-height:1;cursor:pointer;color:var(--text-muted);padding:.1rem .3rem;transition:color .15s,transform .1s}.popup-fav:hover{transform:scale(1.15)}.popup-fav--active{color:#e53935}.popup-close{display:flex;align-items:center;justify-content:center;background-color:color-mix(in srgb,var(--text-muted) 14%,transparent);color:var(--text);border:none;border-radius:50%;width:32px;height:32px;font-size:1.1rem;line-height:1;cursor:pointer;flex-shrink:0}.popup-close:hover{background-color:color-mix(in srgb,var(--text-muted) 24%,transparent)}.popup-image{width:100%;height:200px;object-fit:contain;background-color:var(--surface);display:block}@media (min-width:480px){.popup-image{height:240px;border-radius:10px 10px 0 0}}.popup-info{padding:1rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom, 0))}@media (min-width:480px){.popup-info{padding-bottom:1.5rem}}