.product-cell{display:flex;align-items:center;gap:11px}
.product-placeholder{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:10px;background:linear-gradient(145deg,#efedff,#ddd9ff);color:var(--purple);font-size:12px;font-weight:900}
.best-badge{display:block;width:max-content;margin-top:5px;padding:3px 7px;border-radius:99px;background:var(--green-bg);color:var(--green);font-size:9px;font-weight:800}
.price{display:block}
.saving{display:block;margin-top:3px;color:var(--green);font-size:9px}
.stock-pill{display:inline-flex;align-items:center;gap:6px;font-size:11px}
.stock-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:#26a269;box-shadow:0 0 0 3px #e7f8f0}
.buy-button{background:var(--lav);color:var(--purple2);font-size:11px}
.buy-button:hover{background:var(--purple);color:#fff}
.best-result td{background:#fbfaff;border-color:#dcd8ff}
.best-result td:first-child{border-left:3px solid var(--purple)}
.toast.visible{opacity:1;transform:none}

/* Typography clarity */
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body,button,input,select,textarea{font-family:"PingFang SC","Microsoft YaHei UI","Microsoft YaHei","Noto Sans CJK SC","Noto Sans SC",Arial,sans-serif}
body{font-weight:400;line-height:1.55}
.brand strong{font-size:17px;font-weight:750;letter-spacing:-.2px}
.brand small{font-size:12px;line-height:1.35}
.source-count,.results-head>div>span{font-size:13px;color:#626474}
.nav-button{font-size:13px;font-weight:650}
.hero-copy .pill{font-size:12px;letter-spacing:.2px}
.hero h1{font-weight:800;letter-spacing:-2.5px}
.hero p{font-size:17px;line-height:1.75;color:#606271}
.search-input input{font-size:17px;font-weight:450}
.search-card>.button-primary{font-size:16px;font-weight:700}
.quick-search>span,.quick-search button{font-size:12px}
.history-link{font-size:12px}
.trust-strip b{font-size:14px;font-weight:700}
.trust-strip span{font-size:12px;line-height:1.5}
.results-head p{font-size:11px;letter-spacing:1.2px}
.results-head h2{font-size:29px;font-weight:800}
.filters summary{font-size:13px}
.filter-grid label{font-size:12px}
th{font-size:12px;font-weight:650;color:#737585}
td{font-size:13px}
td strong{font-size:14px;font-weight:700;line-height:1.5}
.price{font-size:19px;font-weight:800}
.saving,.best-badge{font-size:11px}
.stock-pill,.source-tag,.buy-button{font-size:12px}
.empty-state h3{font-size:20px;font-weight:750}
.empty-state p,.dialog-note{font-size:13px}
footer{font-size:12px;line-height:1.65}
.dialog-header p{font-size:11px}
.form-grid label{font-size:12px}

@media(max-width:560px){
  .hero h1{letter-spacing:-1.5px}
  .hero p{font-size:15px}
  .trust-strip b{font-size:13px}
  .trust-strip span{font-size:11px}
  .results-head h2{font-size:25px}
}