.neuro-search { max-width: 1180px; margin: 40px auto 80px; padding: 0 20px; color: #172033; }
.neuro-search__intro { max-width: 760px; margin-bottom: 24px; }
.neuro-search__intro h1 { margin: 8px 0 12px; font-size: clamp(32px, 5vw, 52px); line-height: 1.05; }
.neuro-search__intro p { margin: 0; color: #59657a; font-size: 18px; }
.neuro-search__label { display: inline-block; padding: 5px 10px; border-radius: 999px; background: #e8f0ff; color: #245bd6; font-size: 13px; font-weight: 700; }
.neuro-search__form { display: flex; gap: 12px; padding: 14px; border: 1px solid #dbe2ed; border-radius: 18px; background: #fff; box-shadow: 0 12px 35px rgba(25, 45, 82, .08); }
.neuro-search__form textarea { flex: 1; min-height: 82px; resize: vertical; border: 0; outline: 0; padding: 10px; font: inherit; font-size: 17px; }
.neuro-search__form button { align-self: stretch; min-width: 170px; border: 0; border-radius: 12px; background: #245bd6; color: #fff; padding: 14px 22px; font-weight: 700; cursor: pointer; }
.neuro-search__examples { display: flex; flex-wrap: wrap; gap: 8px; margin: 14px 0 28px; }
.neuro-search__examples button { border: 1px solid #dbe2ed; border-radius: 999px; background: #fff; padding: 8px 12px; color: #46536a; cursor: pointer; }
.neuro-search__status { margin: 20px 0; padding: 14px 16px; border-radius: 12px; background: #edf5ff; color: #254b85; }
.neuro-search__status.is-loading { opacity: .75; }
.neuro-search__status.is-error { background: #fff0f0; color: #a32929; }
.neuro-search__results { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.neuro-card { overflow: hidden; border: 1px solid #e2e7ef; border-radius: 16px; background: #fff; }
.neuro-card__image { display: flex; align-items: center; justify-content: center; aspect-ratio: 1; background: #f5f7fa; }
.neuro-card__image img { width: 100%; height: 100%; object-fit: contain; }
.neuro-card__no-image { color: #8d97a8; }
.neuro-card__body { padding: 14px; }
.neuro-card__name { display: block; min-height: 44px; color: #172033; font-weight: 600; text-decoration: none; }
.neuro-card__price { margin-top: 12px; font-size: 20px; font-weight: 800; }
.neuro-card__stock { margin-top: 5px; color: #287a45; font-size: 13px; }
.neuro-search__empty { grid-column: 1 / -1; padding: 30px; text-align: center; background: #f5f7fa; border-radius: 16px; }
@media (max-width: 900px) { .neuro-search__results { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .neuro-search__form { display: block; } .neuro-search__form button { width: 100%; margin-top: 8px; } .neuro-search__results { grid-template-columns: 1fr; } }