*{box-sizing:border-box}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:#f6f7fb;color:#171717}
.header{height:72px;background:white;border-bottom:1px solid #e9e9ee;display:flex;align-items:center;justify-content:space-between;padding:0 7vw}
.brand{font-size:26px;font-weight:800;letter-spacing:-1px}.brand span{color:#6d39ff}
.pill{font-size:12px;background:#f1ebff;color:#6532e6;padding:7px 12px;border-radius:999px}
main{max-width:1040px;margin:auto;padding:42px 20px 80px}
.hero{text-align:center;padding:44px 18px;background:linear-gradient(180deg,#f2edff,#fff);border:1px solid #eae5fb;border-radius:28px}
.hero h1{font-size:38px;margin:0 0 14px}.hero p{color:#65656d;margin:0 0 28px}
.search{max-width:700px;margin:auto;display:flex;background:#fff;border:1px solid #dedee8;border-radius:18px;padding:7px;box-shadow:0 12px 35px rgba(53,43,91,.08)}
.search input{flex:1;border:0;outline:none;font-size:16px;padding:13px;background:transparent}
.search button{border:0;background:#6c3cff;color:#fff;padding:0 26px;border-radius:13px;font-weight:700;cursor:pointer}
.chips{margin-top:16px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.chips button{border:1px solid #e5e2ef;background:#fff;padding:8px 12px;border-radius:999px;cursor:pointer}
.results-wrap{margin-top:32px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.section-title h2{margin:0}.section-title span{font-size:13px;color:#777}
.results{display:grid;gap:14px}.card{background:#fff;border:1px solid #e8e8ef;border-radius:18px;padding:18px;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}
.card h3{margin:0 0 8px;font-size:18px}.meta{display:flex;gap:8px;flex-wrap:wrap;color:#666;font-size:13px}.tag{background:#f5f3fb;padding:5px 8px;border-radius:8px}
.price{text-align:left}.price strong{display:block;font-size:20px}.price small{color:#777}
.buy{display:inline-block;margin-top:10px;text-decoration:none;background:#171717;color:#fff;padding:9px 14px;border-radius:10px;font-size:13px}
.empty{background:white;border:1px dashed #d8d8e3;border-radius:18px;padding:34px;text-align:center;color:#777}
.error{background:#fff2f2;border:1px solid #ffd0d0;color:#a50000;border-radius:14px;padding:16px}
@media(max-width:650px){.hero h1{font-size:28px}.search{flex-direction:column}.search button{height:46px}.card{grid-template-columns:1fr}.price{text-align:right}.section-title{align-items:flex-start;gap:8px;flex-direction:column}}