:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f3f4f6;color:#111827}*{box-sizing:border-box}body{margin:0;padding:0 0 78px;background:#f3f4f6}.top{padding:20px 18px 16px;background:#111827;color:#fff;display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.eyebrow{font-size:11px;letter-spacing:.12em;font-weight:800;color:#fbbf24}.top h1{font-size:24px;margin:5px 0 4px}.top p{margin:0;color:#d1d5db;font-size:13px}.status{font-size:11px;background:#374151;color:#e5e7eb;padding:7px 9px;border-radius:999px;white-space:nowrap}.status.ok{background:#064e3b;color:#a7f3d0}.status.err{background:#7f1d1d;color:#fecaca}main{padding:14px}.searchbox{display:grid;grid-template-columns:1fr auto;gap:8px}.searchbox input,.searchbox button,.filters select,.filters>input{border:1px solid #d1d5db;background:#fff;border-radius:12px;padding:13px;font-size:14px;min-width:0}.searchbox button{font-weight:700}.filters{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.filters .check{display:flex;align-items:center;gap:8px;border:1px solid #d1d5db;background:#fff;border-radius:12px;padding:11px 13px;font-size:13px}.filters .check input{width:18px;height:18px}.rule{grid-column:1/-1;font-size:11px;color:#6b7280;padding:2px 4px}.hidden{display:none}.summary{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:14px 2px 10px;font-size:12px;color:#6b7280}.summary strong{font-size:14px;color:#111827}.cards{display:grid;gap:12px}.card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 3px 14px rgba(0,0,0,.07)}.photo-wrap{aspect-ratio:1/1;background:#fff;display:flex;align-items:center;justify-content:center;padding:10px;cursor:pointer}.photo-wrap img{width:100%;height:100%;object-fit:contain;background:#fff}.placeholder{font-size:42px}.body{padding:13px}.tag{display:inline-block;background:#ecfdf5;color:#047857;font-size:11px;font-weight:800;padding:5px 8px;border-radius:999px}.title{font-weight:800;font-size:16px;margin:9px 0 7px;line-height:1.25}.price{font-size:26px;font-weight:900}.subprice{font-size:12px;color:#047857;font-weight:700;margin-top:2px}.facts{font-size:11px;color:#4b5563;margin:7px 0 2px;display:flex;gap:10px;flex-wrap:wrap}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:12px 0}.metric{background:#f9fafb;border-radius:10px;padding:8px;text-align:center}.metric b{display:block;font-size:13px}.metric span{font-size:10px;color:#6b7280}.below{font-size:12px;color:#065f46;background:#ecfdf5;padding:9px;border-radius:10px;font-weight:700}.below.neutral{color:#4b5563;background:#f3f4f6}.couponline{font-size:12px;margin-top:8px;background:#fffbeb;color:#92400e;padding:8px;border-radius:9px;font-weight:700}.cta{display:block;text-align:center;text-decoration:none;background:#111827;color:#fff;padding:12px;border-radius:11px;font-weight:800;margin-top:12px}.cta.disabled{background:#9ca3af;pointer-events:none}.empty{grid-column:1/-1;background:#fff;border-radius:16px;padding:28px 18px;text-align:center;color:#6b7280}.bottom{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #e5e7eb;display:grid;grid-template-columns:repeat(3,1fr);padding:8px 10px calc(8px + env(safe-area-inset-bottom));z-index:10}.bottom button{border:0;background:transparent;padding:9px;font-weight:700;color:#6b7280}.bottom .active{color:#111827}@media(min-width:760px){main{max-width:900px;margin:auto}.cards{grid-template-columns:repeat(2,1fr)}}