.op-smart-search-wrapper { position: relative; }
                .op-smart-suggestions {
                    position: absolute;
                    top: calc(100% + 4px);
                    left: 0;
                    right: 0;
                    z-index: 20;
                    display: none;
                    flex-direction: column;
                    max-height: 320px;
                    overflow: hidden;
                    background: #fff;
                    border-radius: 8px;
                    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
                }
                .op-smart-card {
                    display: flex;
                    align-items: center;
                    gap: 10px;
                    padding: 10px 12px;
                    border-bottom: 1px solid #f0f0f0;
                    text-decoration: none;
                    color: #222;
                }
                .op-smart-card:last-child { border-bottom: 0; }
                .op-smart-card:hover,
                .op-smart-card.active {
                    background: #f5f8ff;
                }
                .op-smart-title {
                    font-size: 0.95rem;
                    font-weight: 700;
                    line-height: 1.3;
                    color: #222 !important;
                }
                .op-smart-meta {
                    font-size: 0.84rem;
                    line-height: 1.2;
                    color: #666;
                    margin-top: 3px;
                }
                .op-smart-state {
                    font-size: 0.9rem;
                    color: #666;
                    padding: 12px;
                }
                .op-smart-dym {
                    width: 100%;
                    border: 0;
                    display: flex;
                    align-items: center;
                    gap: 10px;
                    background: #fff8e6;
                    color: #6b5600;
                    text-align: left;
                    padding: 10px 12px;
                    border-bottom: 1px solid #f0f0f0;
                    font-size: 0.9rem;
                    text-decoration: none;
                }
                .op-smart-dym:hover, .op-smart-dym.active { background: #fff2cc; }
                .op-smart-suggestions-wrap {
                    overflow-y: auto;
                }
                .op-smart-query {
                    display: flex;
                    align-items: center;
                    gap: 10px;
                    border: 0;
                    border-bottom: 1px solid #f0f0f0;
                    background: #fff;
                    color: #222 !important;
                    padding: 10px 12px;
                    font-size: 0.95rem;
                    font-weight: 400;
                    text-decoration: none;
                }
                .op-smart-query:last-child {
                    border-bottom: 0;
                }
                .op-smart-query:hover,
                .op-smart-query.active {
                    background: #f5f8ff;
                }
                .op-smart-query strong { font-weight: 700; }
                .op-smart-query-text { min-width: 0; }
                .op-smart-search-icon { flex: 0 0 18px; width: 18px; height: 18px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-width: 2; }
                .op-smart-footer {
                    flex: 0 0 auto;
                }

.op-smart-header-search { min-width: min(100%, 360px); }
.op-smart-header-search .op-smart-suggestions { z-index: 1050; }