/* ============================================================================
   OT — РЕДИЗАЙН выпадающего саджеста (шаблон search.title/ot_new, markup .ot-srch-dd).
   Карточка-контейнер (div.title-search-result) уже стилизована в new_header.css — тут только
   внутренности. Всё под .ot-srch-dd → при старом шаблоне (visual1) ничего не меняет.
   Грузится header.php при флаге нового поиска. Прототип: search_redesign.html .search-dropdown.
   ============================================================================ */
.ot-srch-dd { font-size: 14px; color: #1a1a1a; }
.ot-srch-dd__head { padding: 8px 12px 6px; font-size: 11px; color: #8a8a8a; text-transform: uppercase; letter-spacing: .5px; font-weight: 500; }
.ot-srch-dd__list { list-style: none; margin: 0; padding: 0; }

.ot-srch-res { display: flex; align-items: center; gap: 12px; padding: 9px 12px; border-radius: 10px; text-decoration: none; color: inherit; }
.ot-srch-res:hover { background: #f3f3f3; }
.ot-srch-res__photo { width: 52px; height: 40px; flex-shrink: 0; background: #f2f2f2; border-radius: 6px; display: flex; align-items: center; justify-content: center; color: #c0c0c0; overflow: hidden; }
.ot-srch-res__photo img { width: 100%; height: 100%; object-fit: contain; padding: 3px; mix-blend-mode: multiply; }
.ot-srch-res__photo svg { width: 22px; height: 22px; }
.ot-srch-res__info { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.ot-srch-res__name { font-size: 13.5px; line-height: 1.3; color: #1a1a1a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ot-srch-res__name b { font-weight: 700; }
.ot-srch-res__name mark { background: #fff7e8; color: #8a5e15; padding: 0 2px; border-radius: 2px; font-weight: 600; }
.ot-srch-res__meta { font-size: 11.5px; color: #8a8a8a; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ot-srch-res__price { text-align: right; flex-shrink: 0; margin-left: 8px; display: flex; flex-direction: column; align-items: flex-end; }
.ot-srch-res__price-cur { font-size: 13.5px; font-weight: 700; color: #1a1a1a; white-space: nowrap; }
.ot-srch-res__price.has-disc .ot-srch-res__price-cur { color: #c63131; }
.ot-srch-res__price-old { font-size: 11px; color: #8a8a8a; text-decoration: line-through; white-space: nowrap; }

.ot-srch-dd__foot { border-top: 1px solid #efefef; margin-top: 4px; }
.ot-srch-dd__all { display: flex; align-items: center; justify-content: center; gap: 8px; padding: 12px; font-size: 13.5px; font-weight: 600; color: #1a1a1a; text-decoration: none; border-radius: 10px; }
.ot-srch-dd__all:hover { background: #f3f3f3; }
.ot-srch-dd__all svg { width: 14px; height: 14px; }

/* Живые подсказки в мобильном меню (drawer): тот же .ot-srch-dd, но без карточки-контейнера. */
.drawer-search-results { margin-top: 10px; }
.drawer-search-results .ot-srch-dd__head { padding-left: 4px; padding-right: 4px; }
.drawer-search-results .ot-srch-res { padding-left: 8px; padding-right: 8px; }
.drawer-search-results .ot-srch-dd__all { border-radius: 12px; }
