/* Smart Tag Search v6 – vertical product layout */
.sts-wrap{position:relative}

/* ── Dropdown shell ───────────────────────── */
.sts-box{
    position:absolute;
    top:calc(100% + 3px);
    left:0;right:0;
    background:#1c1c1c;
    border-top:2px solid #ff6600;
    box-shadow:0 12px 32px rgba(0,0,0,.75);
    z-index:999999;
    direction:rtl;
    min-width:260px;
    border-radius:0 0 6px 6px;
    overflow:hidden;
}

/* ── Tag row ──────────────────────────────── */
.sts-row{
    display:flex;align-items:center;gap:8px;
    padding:10px 14px;
    cursor:pointer;
    border-bottom:1px solid #252525;
    transition:background .1s;
    user-select:none;
}
.sts-row:last-of-type{border-bottom:none}
.sts-row:hover,.sts-row.on{background:#242424}
.sts-row-name{flex:1;font-size:.9rem;font-weight:600;color:#fff;letter-spacing:.01em}
.sts-row-count{font-size:.7rem;color:#555;white-space:nowrap}
.sts-row-arr{
    color:#ff6600;font-size:13px;
    transition:transform .15s;
    line-height:1;
}
.sts-row.on .sts-row-arr{transform:rotate(90deg)}

/* ── Products panel – vertical list ──────── */
.sts-panel{
    display:none;
    background:#161616;
    border-bottom:1px solid #252525;
}
.sts-panel.on{display:block}

/* List of 4 products stacked vertically */
.sts-list{
    display:flex;
    flex-direction:column;
}

.sts-prod{
    display:flex;
    align-items:center;
    gap:12px;
    padding:9px 14px;
    text-decoration:none;
    border-bottom:1px solid #1e1e1e;
    transition:background .1s;
    cursor:pointer;
}
.sts-prod:last-child{border-bottom:none}
.sts-prod:hover{background:#1e1e1e}

/* Square thumbnail on the right (RTL) */
.sts-prod-img{
    flex-shrink:0;
    width:52px;height:52px;
    object-fit:cover;
    border-radius:4px;
    border:1px solid #2a2a2a;
    background:#222;
    display:block;
    transition:border-color .1s;
}
.sts-prod:hover .sts-prod-img{border-color:#ff6600}

/* Product info */
.sts-prod-info{
    flex:1;
    display:flex;
    flex-direction:column;
    gap:3px;
    min-width:0;
}
.sts-prod-name{
    font-size:.82rem;
    font-weight:500;
    color:#e8e8e8;
    line-height:1.35;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    transition:color .1s;
}
.sts-prod:hover .sts-prod-name{color:#ff6600}

/* Arrow indicator */
.sts-prod-go{
    flex-shrink:0;
    color:#333;
    font-size:14px;
    transition:color .1s, transform .1s;
}
.sts-prod:hover .sts-prod-go{color:#ff6600;transform:translateX(-3px)}

/* ── See-all footer ───────────────────────── */
.sts-all{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    padding:9px 14px;
    font-size:.78rem;
    font-weight:700;
    color:#ff6600;
    text-decoration:none;
    border-top:1px solid #232323;
    letter-spacing:.05em;
    transition:background .1s;
}
.sts-all:hover{background:#1e1e1e}
.sts-all-arrow{font-size:15px;line-height:1}

/* ── Empty state ──────────────────────────── */
.sts-empty{
    padding:14px;
    color:#444;
    font-size:.8rem;
    text-align:center;
}