.smart-page{background:#f4f6f8;min-height:70vh}
.smart-hero{background:linear-gradient(135deg,#111820,#202a34);color:#fff;padding:54px 0 92px}
.smart-hero h1{font-size:clamp(28px,4vw,52px);margin:8px 0 10px}
.smart-hero p{max-width:850px;color:#d7dde3}
.smart-card{background:#fff;margin-top:-52px;border-radius:20px;padding:24px;box-shadow:0 18px 60px rgba(0,0,0,.12)}
.smart-form{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.smart-form label{display:block;font-weight:800;margin-bottom:6px;color:#26313b}
.smart-form input,.smart-form select{width:100%;border:1px solid #d7dce0;border-radius:10px;padding:12px;background:#fff;font:inherit}
.smart-form .wide{grid-column:span 2}
.search-status{padding:20px 2px 12px;color:#59636d}
.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:12px}
.result-card{border:1px solid #e3e6e9;border-radius:16px;padding:18px;background:#fff}
.result-card .tag{display:inline-block;background:#111820;color:#fff;border-radius:999px;padding:4px 9px;font-size:12px}
.result-card h3{margin:12px 0 5px;font-size:20px}
.result-card .meta{color:#65707a;font-size:14px;min-height:40px}
.result-card .price{font-size:26px;font-weight:900;margin-top:14px;color:#ec6b22}
.result-card .stock{font-size:13px;margin-top:5px}
.smart-note{margin-top:20px;margin-bottom:55px;background:#fff3e9;border-right:4px solid #ec6b22;padding:16px;border-radius:10px;color:#4d3a2e}
@media(max-width:900px){.smart-form{grid-template-columns:1fr 1fr}.results-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.smart-form{grid-template-columns:1fr}.smart-form .wide{grid-column:span 1}.results-grid{grid-template-columns:1fr}.smart-card{margin-top:-38px;padding:15px}.smart-hero{padding:38px 0 68px}}