.product-match-dialog{width:min(590px,calc(100vw - 28px));max-height:calc(100dvh - 32px);padding:26px;border:1px solid var(--line);border-radius:28px;background:var(--pearl);color:var(--ink);overflow:auto;box-shadow:0 24px 100px #0005}
.product-match-dialog::backdrop{background:#0d181ab3;backdrop-filter:blur(5px)}
.product-match-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:20px}.product-match-dialog h2{margin:5px 0 0;font-size:27px;letter-spacing:-.8px}.product-match-dialog>p{font-size:14px;line-height:1.6;color:var(--muted);margin:20px 0}
.product-match-list{display:grid;gap:10px}.product-match-list>button{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;text-align:left;padding:18px;border:1px solid var(--line);border-radius:20px;color:var(--ink);background:var(--surface);transition:background .18s ease,border-color .18s ease}
.product-match-list>button>span:first-child{display:grid;gap:8px;min-width:0}.product-match-list strong{font-size:15px;line-height:1.4;overflow-wrap:anywhere}.product-match-list small{font-size:12px;line-height:1.5;color:var(--muted)}.product-match-list>button>span:last-child{font-size:22px}.product-match-list>button:hover{background:#c9dce530;border-color:#8ba7b4}
.product-match-dialog>footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:22px}.product-match-dialog>footer button{min-height:44px}.product-match-dialog .icon-button{min-width:44px;min-height:44px}
html[data-theme="dark"] .product-match-dialog{background:#171c1b}html[data-theme="dark"] .product-match-list>button{background:#222827}
@media(max-width:480px){.product-match-dialog{padding:20px}.product-match-dialog h2{font-size:23px}.product-match-dialog>footer{flex-wrap:wrap}.product-match-list>button{padding:15px}}
@media(prefers-reduced-motion:reduce){.product-match-list>button{transition:none}}