/* RHB Fast Search v3.8 — screenshot-matched storefront dropdown */
.rhbfs33{
    width:100%;
    max-width:var(--rhb-max-width,1000px);
    position:relative;
    z-index:999999;
}
.rhbfs33-form{width:100%;position:relative}
.rhbfs33-bar{
    width:100%;
    height:42px;
    display:flex;
    align-items:center;
    box-sizing:border-box;
    background:#fff;
    border:1px solid #111;
    border-radius:22px;
    padding:2px 3px 2px 15px;
    box-shadow:0 1px 3px rgba(0,0,0,.06);
}
.rhbfs33-input{
    flex:1;
    min-width:0;
    height:34px!important;
    margin:0!important;
    padding:0 7px!important;
    border:0!important;
    outline:0!important;
    background:transparent!important;
    box-shadow:none!important;
    font-size:13px!important;
    line-height:34px!important;
    color:#202124!important;
}
.rhbfs33-input::placeholder{color:#9aa1aa}
.rhbfs33-clear{
    display:none;
    align-items:center;
    justify-content:center;
    width:27px;height:27px;
    margin-right:4px;
    padding:0;
    border:0;
    border-radius:50%;
    background:#f0f1f3;
    color:#6b7280;
    font-size:17px;
    cursor:pointer;
}
.rhbfs33-submit{
    flex:0 0 36px;
    width:36px;height:36px;
    margin:0;padding:0;
    display:flex;
    align-items:center;
    justify-content:center;
    border:0!important;
    border-radius:50%;
    background:#171717!important;
    color:#fff!important;
    cursor:pointer;
}
.rhbfs33-submit svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}

.rhbfs33-results{
    display:none;
    position:absolute;
    top:calc(100% + 7px);
    left:0;
    right:0;
    max-height:430px;
    overflow-y:auto;
    overflow-x:hidden;
    padding:5px;
    background:#fff;
    border:1px solid #dedede;
    border-radius:13px;
    box-shadow:0 8px 24px rgba(0,0,0,.14);
}
.rhbfs33-results.open{display:block}
.rhbfs33-results::-webkit-scrollbar{width:8px}
.rhbfs33-results::-webkit-scrollbar-thumb{background:#aeb3b9;border-radius:8px}
.rhbfs33-results::-webkit-scrollbar-track{background:transparent}

.rhbfs33-item{
    display:flex;
    align-items:center;
    min-height:67px;
    padding:7px 8px;
    border-radius:9px;
    transition:background .12s ease;
}
.rhbfs33-item:hover,.rhbfs33-item.active{background:#f7f8fa}
.rhbfs33-product{
    display:flex;
    align-items:center;
    gap:10px;
    width:100%;
    min-width:0;
    color:#111!important;
    text-decoration:none!important;
}
.rhbfs33-product img{
    width:52px;
    height:48px;
    flex:0 0 52px;
    object-fit:contain;
    border-radius:2px;
    background:#f8f8f8;
}
.rhbfs33-info{
    flex:1;
    min-width:0;
    padding-right:5px;
}
.rhbfs33-info strong{
    display:block;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    color:#101010;
    font-size:13px;
    font-weight:750;
    line-height:1.3;
}
.rhbfs33-info small{
    display:block;
    margin-top:3px;
    color:#7d8791;
    font-size:10px;
    line-height:1.2;
}
.rhbfs33-meta{
    display:flex;
    align-items:center;
    gap:7px;
    margin-top:4px;
}
.rhbfs33-meta b{
    color:#1557df;
    font-size:12px;
    font-weight:800;
    white-space:nowrap;
}
.rhbfs33-meta del{
    color:#9ca3af;
    font-size:10px;
    white-space:nowrap;
}
.rhbfs33-meta em{
    margin-left:auto;
    font-style:normal;
    font-size:9px;
    font-weight:700;
    white-space:nowrap;
    color:#159447;
}
.rhbfs33-meta em.out{color:#dc2626}

.rhbfs33-loading,.rhbfs33-empty{
    min-height:70px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:20px;
    color:#68717c;
    font-size:12px;
}
.rhbfs33-loading span{
    width:14px;height:14px;
    border:2px solid #dce6f8;
    border-top-color:#171717;
    border-radius:50%;
    animation:rhbfs33spin .65s linear infinite;
}
@keyframes rhbfs33spin{to{transform:rotate(360deg)}}

@media(max-width:700px){
    .rhbfs33-results{
        max-height:65vh;
        border-radius:12px;
    }
    .rhbfs33-item{min-height:63px}
    .rhbfs33-info strong{font-size:12px}
}