.direct-search-dialog { width: min(760px,calc(100vw - 28px)); max-height: min(680px,85dvh); padding: 22px; border: 1px solid #dbe7ec; border-radius: 22px; color: #294957; background: #fff; box-shadow: 0 20px 70px #16374726; }
.direct-search-dialog::backdrop { background: #16374750; }
.direct-search-dialog header { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 18px; }
.direct-search-dialog h2 { margin: 0; font-size: 21px; font-weight: 650; }
.direct-search-dialog button { border: 1px solid #dbe7ec; border-radius: 10px; background: #fff; color: #286b72; padding: 8px 12px; min-height: 40px; font: inherit; cursor: pointer; }
.direct-search-dialog [data-direct-search-close] { display: grid; place-items: center; width: 40px; padding: 0; }
.direct-search-dialog svg { width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; }
.direct-search-dialog form { display: flex; gap: 8px; }
.direct-search-dialog input { width: 100%; min-width: 0; padding: 12px; border: 1px solid #cbdfe5; border-radius: 12px; font-size: 16px; }
.direct-search-status { margin: 12px 0; font-size: 13px; color: #647e89; }
.direct-search-item { display: flex; gap: 12px; align-items: center; padding: 12px 0; border-bottom: 1px solid #edf1f3; }
.direct-search-item > a { display: flex; align-items: center; gap: 14px; padding: 8px; border-radius: 12px; flex: 1; min-width: 0; text-decoration: none; color: #294957; }
.direct-search-item strong,.direct-search-item small { display: block; overflow-wrap: anywhere; }
.direct-search-item small { font-size: 12px; color: #71858e; margin-top: 3px; }
.direct-search-item { --type-color: #277e83; --type-bg: #e8f5f4; padding: 4px 0; }
.direct-search-item[data-type=merchant] { --type-color: #b25839; --type-bg: #fbefe9; }
.direct-search-item[data-type=destination] { --type-color: #426bc1; --type-bg: #edf2fc; }
.direct-search-item[data-type=area] { --type-color: #277e83; --type-bg: #e8f5f4; }
.direct-search-item[data-type=location] { --type-color: #4d7b48; --type-bg: #edf5eb; }
.direct-search-item[data-type=category] { --type-color: #8356ae; --type-bg: #f3edfa; }
.direct-search-item[data-type=recommendation] { --type-color: #947018; --type-bg: #fbf4df; }
.direct-search-type-icon { display: grid; place-items: center; flex: 0 0 42px; height: 42px; border-radius: 12px; color: var(--type-color); background: var(--type-bg); }
.direct-search-type-icon svg { width: 21px; height: 21px; stroke-linejoin: round; }
.direct-search-copy { min-width: 0; }
.direct-search-item .direct-search-type-label { color: var(--type-color); }
.direct-search-item > a:hover { background: #f6f9fa; }
.direct-search-dialog :is(button,a,input):focus-visible { outline: 2px solid #247b80; outline-offset: 3px; }
.explore-ask-host .context-bar { grid-template-columns: minmax(0,1fr) auto auto auto; }
.explore-ask-host .context-bar .ask-direct-search { display: grid; place-items: center; width: 32px; height: 32px; padding: 0; border: 1px solid #e0e8ed; border-radius: 10px; background: #fff; color: #486573; box-shadow: 0 2px 5px #2949570a,0 3px 10px #2949570a; }
@media(max-width:767px) { .direct-search-dialog { padding: 16px; } }